@manuscripts/style-guide 1.0.6 → 1.0.7

package/dist/cjs/index.js

@@ -32,7 +32,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectDialogDesignation = exports.errorsDecoder = exports.useDeepCompareCallback = exports.useDeepCompareMemo = exports.useFiles = exports.PdfPreview = void 0;
+exports.SelectDialogDesignation = exports.errorsDecoder = exports.useDeepCompareCallback = exports.useDeepCompareMemo = exports.useFiles = void 0;
 __exportStar(require("./components/AffiliationsEditor"), exports);
 __exportStar(require("./components/AffiliationsList"), exports);
 __exportStar(require("./components/AuthorForm"), exports);
@@ -66,8 +66,6 @@ __exportStar(require("./components/Inspector"), exports);
 __exportStar(require("./components/InspectorSection"), exports);
 __exportStar(require("./components/Badge"), exports);
 __exportStar(require("./components/NavDropdown"), exports);
-var PdfPreview_1 = require("./components/PdfPreview");
-Object.defineProperty(exports, "PdfPreview", { enumerable: true, get: function () { return __importDefault(PdfPreview_1).default; } });
 __exportStar(require("./components/SubmissionInspector"), exports);
 __exportStar(require("./components/Dropdown"), exports);
 __exportStar(require("./hooks/use-dropdown"), exports);

package/dist/es/index.js

@@ -46,7 +46,6 @@ export * from './components/Inspector';
 export * from './components/InspectorSection';
 export * from './components/Badge';
 export * from './components/NavDropdown';
-export { default as PdfPreview } from './components/PdfPreview';
 export * from './components/SubmissionInspector';
 export * from './components/Dropdown';
 export * from './hooks/use-dropdown';

package/dist/types/components/FileManager/util.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Capabilities } from '../../lib/capabilities';
 import { Maybe } from '../SubmissionInspector/types';
 import { SubmissionAttachment } from './FileSectionItem/FileSectionItem';

package/dist/types/components/icons/add-author.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const AddAuthor: (props: IconProps) => JSX.Element;
 export default AddAuthor;

package/dist/types/components/icons/add-comment-icon.d.ts

@@ -13,6 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 declare const AddComment: () => JSX.Element;
 export default AddComment;

package/dist/types/components/icons/add-icon-active.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const AddIconActive: (props: IconProps) => JSX.Element;
 export default AddIconActive;

package/dist/types/components/icons/add-icon-inverted.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const AddIconInverted: (props: IconProps) => JSX.Element;
 export default AddIconInverted;

package/dist/types/components/icons/back-arrow.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 export declare const BackArrow: (props: IconProps) => JSX.Element;
 export default BackArrow;

package/dist/types/components/icons/bookmark.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const Bookmark: (props: IconProps) => JSX.Element;
 export default Bookmark;

package/dist/types/components/icons/google.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const Google: (props: IconProps) => JSX.Element;
 export default Google;

package/dist/types/components/icons/orcid.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const Orcid: (props: IconProps) => JSX.Element;
 export default Orcid;

package/dist/types/components/icons/plus-icon.d.ts

@@ -13,6 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 export declare const PlusIcon: () => JSX.Element;
 export default PlusIcon;

package/dist/types/components/icons/project-notification.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const ProjectNotification: (props: IconProps) => JSX.Element;
 export default ProjectNotification;

package/dist/types/components/icons/project.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const ProjectIcon: (props: IconProps) => JSX.Element;
 export default ProjectIcon;

package/dist/types/components/icons/projects-list.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const ProjectsList: (props: IconProps) => JSX.Element;
 export default ProjectsList;

package/dist/types/components/icons/search.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const SearchIcon: (props: IconProps) => JSX.Element;
 export default SearchIcon;

package/dist/types/components/icons/tick-mark.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const TickMark: (props: IconProps) => JSX.Element;
 export default TickMark;

package/dist/types/components/icons/user.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const User: (props: IconProps) => JSX.Element;
 export default User;

package/dist/types/index.d.ts

@@ -47,7 +47,6 @@ export * from './components/Inspector';
 export * from './components/InspectorSection';
 export * from './components/Badge';
 export * from './components/NavDropdown';
-export { default as PdfPreview } from './components/PdfPreview';
 export * from './components/SubmissionInspector';
 export * from './components/Dropdown';
 export * from './hooks/use-dropdown';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,29 +32,51 @@
     "prepare": "husky install"
   },
   "dependencies": {
+    "@apollo/client": "^3.7.3",
     "@formatjs/intl-relativetimeformat": "^4.5.9",
     "@formatjs/intl-utils": "^2.2.0",
+    "@manuscripts/assets": "^0.6.2",
+    "@manuscripts/transform": "^1.1.1",
+    "@manuscripts/json-schema": "^1.0.0",
+    "@manuscripts/title-editor": "^1.1.0",
+    "@manuscripts/comment-editor": "^1.0.1",
+    "@reach/tabs": "^0.11.2",
+    "formik": "^2.2.9",
     "date-fns": "^2.29.3",
     "lodash-es": "^4.17.21",
-    "pdfjs-dist": "^3.1.81",
     "tooltip.js": "^1.3.3",
-    "typeface-lato": "^1.1.13"
+    "typeface-lato": "^1.1.13",
+    "prosemirror-commands": "^1.5.0",
+    "prosemirror-history": "^1.3.0",
+    "prosemirror-inputrules": "^1.2.0",
+    "prosemirror-keymap": "^1.2.0",
+    "prosemirror-model": "^1.18.3",
+    "prosemirror-state": "^1.4.2",
+    "prosemirror-transform": "^1.7.0",
+    "prosemirror-view": "^1.29.1",
+    "react": "^17.0.2",
+    "react-color": "^2.19.3",
+    "react-dnd": "^11.1.3",
+    "react-dnd-html5-backend": "^11.1.3",
+    "react-dom": "^17.0.2",
+    "react-intl": "^3.12.0",
+    "react-modal": "^3.11.2",
+    "react-modern-calendar-datepicker": "^3.1.3",
+    "react-popper": "^1.3.11",
+    "react-router-dom": "^5.2.0",
+    "react-select": "^5.0.1",
+    "react-sizeme": "^2.6.12",
+    "react-tooltip": "^4.2.11",
+    "styled-components": "^5.2.0"
   },
   "devDependencies": {
-    "@apollo/client": "^3.7.3",
     "@babel/core": "^7.20.5",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@manuscripts/assets": "^0.6.2",
-    "@manuscripts/comment-editor": "^1.0.0",
     "@manuscripts/data": "^0.1.0",
     "@manuscripts/eslint-config": "^0.5.1",
     "@manuscripts/examples": "^0.0.7",
-    "@manuscripts/json-schema": "^1.0.0",
-    "@manuscripts/title-editor": "^1.0.0",
-    "@manuscripts/transform": "^1.0.1",
-    "@reach/tabs": "^0.11.2",
     "@storybook/addon-actions": "^6.5.15",
     "@storybook/addons": "^6.5.15",
     "@storybook/core": "^6.5.15",
@@ -84,36 +106,12 @@
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^8.0.0",
-    "formik": "^2.2.9",
     "husky": "^8.0.2",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.1",
-    "prosemirror-commands": "^1.5.0",
-    "prosemirror-history": "^1.3.0",
-    "prosemirror-inputrules": "^1.2.0",
-    "prosemirror-keymap": "^1.2.0",
-    "prosemirror-model": "^1.18.3",
-    "prosemirror-state": "^1.4.2",
-    "prosemirror-transform": "^1.7.0",
-    "prosemirror-view": "^1.29.1",
-    "react": "^16.13.1",
-    "react-color": "^2.19.3",
-    "react-dnd": "^11.1.3",
-    "react-dnd-html5-backend": "^11.1.3",
-    "react-dom": "^16.13.1",
-    "react-intl": "^3.12.0",
-    "react-is": "^16.13.1",
-    "react-modal": "^3.11.2",
-    "react-modern-calendar-datepicker": "^3.1.3",
-    "react-popper": "^1.3.11",
-    "react-router-dom": "^5.2.0",
-    "react-select": "^5.0.1",
-    "react-sizeme": "^2.6.12",
-    "react-tooltip": "^4.2.11",
     "rimraf": "^3.0.0",
-    "styled-components": "^5.2.0",
     "typescript": "^4.4.4"
   },
   "peerDependencies": {
@@ -133,11 +131,11 @@
     "prosemirror-state": "^1.4.2",
     "prosemirror-transform": "^1.7.0",
     "prosemirror-view": "^1.29.1",
-    "react": "^16.13.1",
+    "react": "^17.0.2",
     "react-color": "^2.19.3",
     "react-dnd": "^11.1.3",
     "react-dnd-html5-backend": "^11.1.3",
-    "react-dom": "^16.13.1",
+    "react-dom": "^17.0.2",
     "react-intl": "^3.12.0",
     "react-modal": "^3.11.2",
     "react-modern-calendar-datepicker": "^3.1.3",
@@ -148,6 +146,6 @@
     "react-tooltip": "^4.2.11"
   },
   "resolutions": {
-    "@types/react": "^16.9.52"
+    "@types/react": "^17.0.2"
   }
 }

package/dist/cjs/components/PdfPreview.js

@@ -1,111 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-require("pdfjs-dist/web/pdf_viewer.css");
-const pdf_1 = require("pdfjs-dist/build/pdf");
-const pdfjsWorker = __importStar(require("pdfjs-dist/build/pdf.worker.entry"));
-const pdf_viewer_1 = require("pdfjs-dist/web/pdf_viewer");
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-pdf_1.GlobalWorkerOptions.workerSrc = pdfjsWorker;
-const PdfPreview = ({ url, scale = 1, }) => {
-    const [pdfViewer, setPdfViewer] = (0, react_1.useState)({
-        currentScaleValue: scale,
-    });
-    const [error, setError] = (0, react_1.useState)(null);
-    const [progress, setProgress] = (0, react_1.useState)(null);
-    const [eventBus, setEventBus] = (0, react_1.useState)(null);
-    const nodeRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const container = nodeRef.current;
-        const eventBus = new pdf_viewer_1.EventBus();
-        const pdfViewer = new pdf_viewer_1.PDFViewer({
-            container,
-            eventBus,
-        });
-        setPdfViewer(pdfViewer);
-        setEventBus(eventBus);
-        const loadingTask = (0, pdf_1.getDocument)({
-            url,
-            withCredentials: true,
-        });
-        loadingTask.onProgress = (progressData) => setProgress(progressData);
-        loadingTask.promise
-            .then((pdfDocument) => {
-            pdfViewer.setDocument(pdfDocument);
-            return true;
-        }, (exception) => {
-            setError(exception);
-        })
-            .catch((err) => {
-            setError(err);
-        });
-    }, [url]);
-    (0, react_1.useEffect)(() => {
-        pdfViewer.currentScaleValue = scale;
-        if (eventBus) {
-            eventBus.on('pagesinit', () => (pdfViewer.currentScaleValue = scale));
-        }
-    }, [pdfViewer, eventBus, scale]);
-    if (error) {
-        return react_1.default.createElement(Error, null, "Unable to download PDF file");
-    }
-    return (react_1.default.createElement(ViewerContainer, { ref: nodeRef, id: 'viewerContainer' },
-        react_1.default.createElement("div", { id: "viewer", className: "pdfViewer" }),
-        progress != null ? (progress.total > progress.loaded && (react_1.default.createElement(Container, null,
-            react_1.default.createElement(ProgressContainer, null,
-                react_1.default.createElement(Progress, { progress: (progress.loaded / progress.total) * 100 },
-                    ((progress.loaded / progress.total) * 100).toFixed(),
-                    "%"))))) : (react_1.default.createElement(Container, null, 'Loading\u2026'))));
-};
-exports.default = PdfPreview;
-const ViewerContainer = styled_components_1.default.div `
-  position: absolute;
-  width: 100%;
-`;
-const Container = styled_components_1.default.div `
-  position: fixed;
-  top: 50%;
-  right: 50%;
-`;
-const ProgressContainer = styled_components_1.default.div `
-  width: ${(props) => props.theme.grid.unit * 50}px;
-  height: ${(props) => props.theme.grid.unit * 7}px;
-  overflow: hidden;
-  background: ${(props) => props.theme.colors.background.secondary};
-`;
-const Progress = styled_components_1.default.div `
-  height: 100%;
-  display: block;
-  width: ${(props) => props.progress}%;
-  background: ${(props) => props.theme.colors.background.success};
-  text-align: center;
-`;
-const Error = (0, styled_components_1.default)(Container) `
-  color: ${(props) => props.theme.colors.text.error};
-`;

package/dist/es/components/PdfPreview.js

@@ -1,83 +0,0 @@
-import 'pdfjs-dist/web/pdf_viewer.css';
-import { getDocument, GlobalWorkerOptions } from 'pdfjs-dist/build/pdf';
-import * as pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry';
-import { EventBus, PDFViewer } from 'pdfjs-dist/web/pdf_viewer';
-import React, { useEffect, useRef, useState } from 'react';
-import styled from 'styled-components';
-GlobalWorkerOptions.workerSrc = pdfjsWorker;
-const PdfPreview = ({ url, scale = 1, }) => {
-    const [pdfViewer, setPdfViewer] = useState({
-        currentScaleValue: scale,
-    });
-    const [error, setError] = useState(null);
-    const [progress, setProgress] = useState(null);
-    const [eventBus, setEventBus] = useState(null);
-    const nodeRef = useRef(null);
-    useEffect(() => {
-        const container = nodeRef.current;
-        const eventBus = new EventBus();
-        const pdfViewer = new PDFViewer({
-            container,
-            eventBus,
-        });
-        setPdfViewer(pdfViewer);
-        setEventBus(eventBus);
-        const loadingTask = getDocument({
-            url,
-            withCredentials: true,
-        });
-        loadingTask.onProgress = (progressData) => setProgress(progressData);
-        loadingTask.promise
-            .then((pdfDocument) => {
-            pdfViewer.setDocument(pdfDocument);
-            return true;
-        }, (exception) => {
-            setError(exception);
-        })
-            .catch((err) => {
-            setError(err);
-        });
-    }, [url]);
-    useEffect(() => {
-        pdfViewer.currentScaleValue = scale;
-        if (eventBus) {
-            eventBus.on('pagesinit', () => (pdfViewer.currentScaleValue = scale));
-        }
-    }, [pdfViewer, eventBus, scale]);
-    if (error) {
-        return React.createElement(Error, null, "Unable to download PDF file");
-    }
-    return (React.createElement(ViewerContainer, { ref: nodeRef, id: 'viewerContainer' },
-        React.createElement("div", { id: "viewer", className: "pdfViewer" }),
-        progress != null ? (progress.total > progress.loaded && (React.createElement(Container, null,
-            React.createElement(ProgressContainer, null,
-                React.createElement(Progress, { progress: (progress.loaded / progress.total) * 100 },
-                    ((progress.loaded / progress.total) * 100).toFixed(),
-                    "%"))))) : (React.createElement(Container, null, 'Loading\u2026'))));
-};
-export default PdfPreview;
-const ViewerContainer = styled.div `
-  position: absolute;
-  width: 100%;
-`;
-const Container = styled.div `
-  position: fixed;
-  top: 50%;
-  right: 50%;
-`;
-const ProgressContainer = styled.div `
-  width: ${(props) => props.theme.grid.unit * 50}px;
-  height: ${(props) => props.theme.grid.unit * 7}px;
-  overflow: hidden;
-  background: ${(props) => props.theme.colors.background.secondary};
-`;
-const Progress = styled.div `
-  height: 100%;
-  display: block;
-  width: ${(props) => props.progress}%;
-  background: ${(props) => props.theme.colors.background.success};
-  text-align: center;
-`;
-const Error = styled(Container) `
-  color: ${(props) => props.theme.colors.text.error};
-`;

package/dist/types/components/PdfPreview.d.ts

@@ -1,7 +0,0 @@
-import 'pdfjs-dist/web/pdf_viewer.css';
-import React from 'react';
-declare const PdfPreview: React.FC<{
-    scale?: number;
-    url: string;
-}>;
-export default PdfPreview;