Skip to content
This repository has been archived by the owner on Feb 12, 2024. It is now read-only.

Latest commit

 

History

History
89 lines (73 loc) · 2.94 KB

2019-11-13-november.md

File metadata and controls

89 lines (73 loc) · 2.94 KB
title description
November 2019
sensenet frontend updates of November 2019

🎃 Hacktoberfest 2019 2/2 🎃

In this release there are some changes that coming from hacktoberfest contributors. Our readme is translated to Brazilian Portuguese, thanks to @Paulophmp and @thiagobfiorenza.

  • In the setup view clicking on learn more now opens a new browser tab #426

  • 🐛 Cannot save a query fixed thanks to @atomanonymous

  • Execute CRUD actions from command palette #382

    Load action{:width="100%"}

Packages

  • Moved @furystack/inject and @furystack/logging to client utils. Thanks to @Attila816

    Check the client-utils readme for usage and examples

@sensenet/[email protected] 💥

  • We have changed the state management library from redux to react hooks api
  • The new viewer uses the new useRepository hook from @sensenet/hooks-react and a default api settings. This means that you no longer need to define the api endpoints yourself if you use a sensenet repository.

example usage:

import React, { useState } from "react";
import {
  defaultTheme,
  DocumentTitlePager,
  DocumentViewer,
  LayoutAppBar,
  RotateActivePagesWidget,
  SaveWidget,
  SearchBar,
  ToggleCommentsWidget,
  ToggleShapesWidget,
  ToggleThumbnailsWidget,
  ZoomInOutWidget,
  ZoomModeWidget
} from "@sensenet/document-viewer-react";
import { MuiThemeProvider } from "@material-ui/core/styles";
import { RepositoryContext } from "@sensenet/hooks-react";
import { Repository } from "@sensenet/client-core";

export const ViewerExample: React.FC = () => {
  const [repository, setRepository] = useState(
    new Repository({ repositoryUrl: hostName })
  );

  return (
    <MuiThemeProvider theme={defaultTheme}>
      <RepositoryContext.Provider value={repository}>
        <DocumentViewer
          theme={defaultTheme}
          documentIdOrPath={
            "/Root/Content/IT/Document_Library/Brazzaville/100pages.pdf"
          }
        >
          <LayoutAppBar>
            <div>
              <ToggleShapesWidget />
              <ToggleThumbnailsWidget />
              <ZoomInOutWidget />
              <ZoomModeWidget />
              <RotateActivePagesWidget />
              <SaveWidget />
            </div>
            <DocumentTitlePager />
            <div>
              <ToggleCommentsWidget />
              <SearchBar />
            </div>
          </LayoutAppBar>
        </DocumentViewer>
      </RepositoryContext.Provider>
    </MuiThemeProvider>
  );
};

You can find the release here