@voplus/morpho-document 1.4.100 → 1.4.102

package/es/controls/PDFViewer/Toolbar/index.js

@@ -1,20 +1,20 @@
-import "./index.less";
-import React, { useRef } from "react";
-import { Zoom, ZoomIn, ZoomOut } from "./buttons";
-import classnames from "classnames";
-import { useIsStickyActive } from "@voplus/morpho-ui";
-import { usePDFViewerContext } from "../state";
-const Toolbar = (props) => {
-    const context = usePDFViewerContext();
-    const element = useRef(null);
-    useIsStickyActive({ stickyOn: props.sticky, element });
-    return (React.createElement("div", { className: classnames("pdf-viewer-toolbar", { sticky: props.sticky }, props.className), ref: element, style: { textAlign: "center" } }, props.children ? (props.children) : (React.createElement(React.Fragment, null,
-        React.createElement(ZoomOut, null),
-        React.createElement(Zoom, null),
-        React.createElement(ZoomIn, null)))));
-};
-Toolbar.defaultProps = {
-    sticky: true,
-};
-export default Toolbar;
+import "./index.less";
+import React, { useRef } from "react";
+import { Zoom, ZoomIn, ZoomOut } from "./buttons";
+import classnames from "classnames";
+import { useIsStickyActive } from "@voplus/morpho-ui";
+import { usePDFViewerContext } from "../state";
+const Toolbar = (props) => {
+    const context = usePDFViewerContext();
+    const element = useRef(null);
+    useIsStickyActive({ stickyOn: props.sticky, element });
+    return (React.createElement("div", { className: classnames("pdf-viewer-toolbar", { sticky: props.sticky }, props.className), ref: element, style: { textAlign: "center" } }, props.children ? (props.children) : (React.createElement(React.Fragment, null,
+        React.createElement(ZoomOut, null),
+        React.createElement(Zoom, null),
+        React.createElement(ZoomIn, null)))));
+};
+Toolbar.defaultProps = {
+    sticky: true,
+};
+export default Toolbar;
 //# sourceMappingURL=index.js.map

package/es/controls/PDFViewer/Toolbar/index.less

@@ -0,0 +1,35 @@
+@import "~@voplus/antd/es/style/index.less";
+:global {
+	.pdf-viewer-toolbar {
+		border: 1px @border-style-base @border-color-split;
+		//border-bottom: none;
+		padding: 0.65rem;
+		background-color: white;
+		z-index: 1;
+		color: lightgray;
+		&.sticky {
+			position: sticky;
+			top: -1px;
+			left: 0;
+			&.sticky-active {
+				box-shadow: 0 8px 6px -6px lightgray;
+			}
+		}
+
+		.toolbar-button {
+			cursor: pointer;
+			padding: 3px 5px;
+
+			svg:hover,
+			svg.active {
+				color: @primary-5;
+			}
+			svg.disable {
+				color: #cecece;
+			}
+			span.active {
+				color: @primary-5;
+			}
+		}
+	}
+}

package/es/controls/PDFViewer/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import "./index.less";
-import { PDFViewerProps } from "./props";
-declare const PDFViewer: (props: PDFViewerProps) => JSX.Element;
-export default PDFViewer;
+/// <reference types="react" />
+import "./index.less";
+import { PDFViewerProps } from "./props";
+declare const PDFViewer: (props: PDFViewerProps) => JSX.Element;
+export default PDFViewer;

package/es/controls/PDFViewer/index.js

@@ -1,45 +1,45 @@
-import "./index.less";
-import { Document, Page, pdfjs } from "react-pdf";
-import { PDFViewerContext, PDFViewerState } from "./state";
-import React, { useLayoutEffect, useRef, useState } from "react";
-import Panable from "@voplus/morpho-ui/es/controls/Panable";
-import Toolbar from "./Toolbar";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useDeepMemo } from "@voplus/morpho-data";
-pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
-const PDFViewer = (props) => {
-    const viewerRef = useRef(null);
-    const state = useDeepMemo(() => new PDFViewerState(props.url), [props.url]);
-    const [numPages, setNumPages] = useState(0);
-    useLayoutEffect(() => {
-        const observer = new ResizeObserver(() => {
-            runInAction(() => {
-                state.containerWidth = viewerRef.current.getBoundingClientRect().width;
-            });
-        });
-        observer.observe(viewerRef.current);
-        return () => observer.disconnect();
-    }, []);
-    return observe(() => {
-        var _a;
-        return (React.createElement(PDFViewerContext.Provider, { value: state }, (_a = props.toolbar) !== null && _a !== void 0 ? _a : React.createElement(Toolbar, null),
-            React.createElement(Panable, { scroll: true },
-                React.createElement(Document, { inputRef: viewerRef, file: state.url, onLoadSuccess: onDocumentLoadSuccess, options: {
-                        cMapUrl: `//cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/cmaps/`,
-                        cMapPacked: true,
-                    } }, Array.from(new Array(numPages), (el, index) => {
-                    var _a;
-                    return (React.createElement(Page, { onLoadSuccess: onPageLoadSuccess, width: (_a = state.width) !== null && _a !== void 0 ? _a : undefined, key: `page_${index + 1}`, pageNumber: index + 1 }));
-                })))));
-    });
-    function onDocumentLoadSuccess(pdf) {
-        setNumPages(pdf.numPages);
-    }
-    function onPageLoadSuccess(page) {
-        state.updateOriginalWidth(page.originalWidth);
-        return;
-    }
-};
-export default PDFViewer;
+import "./index.less";
+import { Document, Page, pdfjs } from "react-pdf";
+import { PDFViewerContext, PDFViewerState } from "./state";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import Panable from "@voplus/morpho-ui/es/controls/Panable";
+import Toolbar from "./Toolbar";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useDeepMemo } from "@voplus/morpho-data";
+pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
+const PDFViewer = (props) => {
+    const viewerRef = useRef(null);
+    const state = useDeepMemo(() => new PDFViewerState(props.url), [props.url]);
+    const [numPages, setNumPages] = useState(0);
+    useLayoutEffect(() => {
+        const observer = new ResizeObserver(() => {
+            runInAction(() => {
+                state.containerWidth = viewerRef.current.getBoundingClientRect().width;
+            });
+        });
+        observer.observe(viewerRef.current);
+        return () => observer.disconnect();
+    }, []);
+    return observe(() => {
+        var _a;
+        return (React.createElement(PDFViewerContext.Provider, { value: state }, (_a = props.toolbar) !== null && _a !== void 0 ? _a : React.createElement(Toolbar, null),
+            React.createElement(Panable, { scroll: true },
+                React.createElement(Document, { inputRef: viewerRef, file: state.url, onLoadSuccess: onDocumentLoadSuccess, options: {
+                        cMapUrl: `//cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/cmaps/`,
+                        cMapPacked: true,
+                    } }, Array.from(new Array(numPages), (el, index) => {
+                    var _a;
+                    return (React.createElement(Page, { onLoadSuccess: onPageLoadSuccess, width: (_a = state.width) !== null && _a !== void 0 ? _a : undefined, key: `page_${index + 1}`, pageNumber: index + 1 }));
+                })))));
+    });
+    function onDocumentLoadSuccess(pdf) {
+        setNumPages(pdf.numPages);
+    }
+    function onPageLoadSuccess(page) {
+        state.updateOriginalWidth(page.originalWidth);
+        return;
+    }
+};
+export default PDFViewer;
 //# sourceMappingURL=index.js.map

package/es/controls/PDFViewer/index.less

@@ -0,0 +1,8 @@
+:global {
+	.pdf-viewer {
+	}
+	.react-pdf__Page__canvas {
+		margin-left: auto;
+		margin-right: auto;
+	}
+}

package/es/controls/PDFViewer/props.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
-export declare type PDFViewerProps = {
-    /** the url of the pdf to be displayed */
-    url: string;
-    /**Toolbar if provide will override the default one. */
-    toolbar?: ReactNode;
-};
+import { ReactNode } from "react";
+export declare type PDFViewerProps = {
+    /** the url of the pdf to be displayed */
+    url: string;
+    /**Toolbar if provide will override the default one. */
+    toolbar?: ReactNode;
+};

package/es/controls/PDFViewer/props.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=props.js.map

package/es/controls/PDFViewer/state.d.ts

@@ -1,17 +1,17 @@
-import React from "react";
-import { ToolbarState } from "./Toolbar/ToolbarState";
-export declare class PDFViewerState {
-    private scale;
-    private originalWidth;
-    /** Gets the toolbar state. */
-    readonly toolbar: ToolbarState;
-    url: string;
-    containerWidth?: number;
-    constructor(url: string);
-    updateOriginalWidth(width: number): void;
-    get Scale(): number;
-    get width(): number | undefined;
-    Zoom(scale: number): void;
-}
-export declare const PDFViewerContext: React.Context<PDFViewerState | null>;
-export declare const usePDFViewerContext: () => PDFViewerState | null;
+import React from "react";
+import { ToolbarState } from "./Toolbar/ToolbarState";
+export declare class PDFViewerState {
+    private scale;
+    private originalWidth;
+    /** Gets the toolbar state. */
+    readonly toolbar: ToolbarState;
+    url: string;
+    containerWidth?: number;
+    constructor(url: string);
+    updateOriginalWidth(width: number): void;
+    get Scale(): number;
+    get width(): number | undefined;
+    Zoom(scale: number): void;
+}
+export declare const PDFViewerContext: React.Context<PDFViewerState | null>;
+export declare const usePDFViewerContext: () => PDFViewerState | null;

package/es/controls/PDFViewer/state.js

@@ -1,85 +1,85 @@
-import { __decorate } from "tslib";
-import React, { useContext } from "react";
-import { action, computed, makeObservable, observable } from "mobx";
-import { ToolbarState } from "./Toolbar/ToolbarState";
-export class PDFViewerState {
-    constructor(url) {
-        Object.defineProperty(this, "scale", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "originalWidth", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        /** Gets the toolbar state. */
-        Object.defineProperty(this, "toolbar", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "url", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "containerWidth", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-        this.url = url;
-        this.toolbar = new ToolbarState(this);
-    }
-    updateOriginalWidth(width) {
-        if (this.originalWidth < width)
-            this.originalWidth = width;
-    }
-    get Scale() {
-        return this.width ? this.width / this.originalWidth : 0;
-    }
-    get width() {
-        if (this.scale === 0)
-            // fit
-            return this.containerWidth;
-        return this.originalWidth * this.scale;
-    }
-    Zoom(scale) {
-        this.scale = scale;
-    }
-}
-__decorate([
-    observable
-], PDFViewerState.prototype, "scale", void 0);
-__decorate([
-    observable
-], PDFViewerState.prototype, "originalWidth", void 0);
-__decorate([
-    observable
-], PDFViewerState.prototype, "url", void 0);
-__decorate([
-    observable
-], PDFViewerState.prototype, "containerWidth", void 0);
-__decorate([
-    action
-], PDFViewerState.prototype, "updateOriginalWidth", null);
-__decorate([
-    computed
-], PDFViewerState.prototype, "Scale", null);
-__decorate([
-    computed
-], PDFViewerState.prototype, "width", null);
-__decorate([
-    action
-], PDFViewerState.prototype, "Zoom", null);
-export const PDFViewerContext = React.createContext(null);
-export const usePDFViewerContext = () => useContext(PDFViewerContext);
+import { __decorate } from "tslib";
+import React, { useContext } from "react";
+import { action, computed, makeObservable, observable } from "mobx";
+import { ToolbarState } from "./Toolbar/ToolbarState";
+export class PDFViewerState {
+    constructor(url) {
+        Object.defineProperty(this, "scale", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "originalWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        /** Gets the toolbar state. */
+        Object.defineProperty(this, "toolbar", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "url", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "containerWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+        this.url = url;
+        this.toolbar = new ToolbarState(this);
+    }
+    updateOriginalWidth(width) {
+        if (this.originalWidth < width)
+            this.originalWidth = width;
+    }
+    get Scale() {
+        return this.width ? this.width / this.originalWidth : 0;
+    }
+    get width() {
+        if (this.scale === 0)
+            // fit
+            return this.containerWidth;
+        return this.originalWidth * this.scale;
+    }
+    Zoom(scale) {
+        this.scale = scale;
+    }
+}
+__decorate([
+    observable
+], PDFViewerState.prototype, "scale", void 0);
+__decorate([
+    observable
+], PDFViewerState.prototype, "originalWidth", void 0);
+__decorate([
+    observable
+], PDFViewerState.prototype, "url", void 0);
+__decorate([
+    observable
+], PDFViewerState.prototype, "containerWidth", void 0);
+__decorate([
+    action
+], PDFViewerState.prototype, "updateOriginalWidth", null);
+__decorate([
+    computed
+], PDFViewerState.prototype, "Scale", null);
+__decorate([
+    computed
+], PDFViewerState.prototype, "width", null);
+__decorate([
+    action
+], PDFViewerState.prototype, "Zoom", null);
+export const PDFViewerContext = React.createContext(null);
+export const usePDFViewerContext = () => useContext(PDFViewerContext);
 //# sourceMappingURL=state.js.map

package/es/controls/PageMenu/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const PageMenu: (props: {
-    id: string;
-    closeAside?: boolean;
-}) => JSX.Element;
-export default PageMenu;
+/// <reference types="react" />
+declare const PageMenu: (props: {
+    id: string;
+    closeAside?: boolean;
+}) => JSX.Element;
+export default PageMenu;

package/es/controls/PageMenu/index.js

@@ -1,20 +1,20 @@
-import { Access, Archive, Delete, DownloadFiles, Lock, Move, Notifications, OpenReferenceView, Paste, Print, Publish, PublishLock, Unlock, } from "../DocumentMenu/items";
-import React from "react";
-const PageMenu = (props) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Print, { url: `page/print/${props.id}` }),
-        React.createElement(Move, null),
-        React.createElement(Paste, null),
-        React.createElement(Lock, null),
-        React.createElement(Unlock, null),
-        React.createElement(Publish, null),
-        React.createElement(PublishLock, null),
-        React.createElement(Access, null),
-        React.createElement(Notifications, null),
-        React.createElement(OpenReferenceView, null),
-        React.createElement(Archive, null),
-        React.createElement(DownloadFiles, null),
-        React.createElement(Delete, { closeAside: props.closeAside })));
-};
-export default PageMenu;
+import { Access, Archive, Delete, DownloadFiles, Lock, Move, Notifications, OpenReferenceView, Paste, Print, Publish, PublishLock, Unlock, } from "../DocumentMenu/items";
+import React from "react";
+const PageMenu = (props) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Print, { url: `page/print/${props.id}` }),
+        React.createElement(Move, null),
+        React.createElement(Paste, null),
+        React.createElement(Lock, null),
+        React.createElement(Unlock, null),
+        React.createElement(Publish, null),
+        React.createElement(PublishLock, null),
+        React.createElement(Access, null),
+        React.createElement(Notifications, null),
+        React.createElement(OpenReferenceView, null),
+        React.createElement(Archive, null),
+        React.createElement(DownloadFiles, null),
+        React.createElement(Delete, { closeAside: props.closeAside })));
+};
+export default PageMenu;
 //# sourceMappingURL=index.js.map

package/es/controls/ShortcutMenu/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const ShortcutMenu: (props: {
-    id: string;
-}) => JSX.Element;
-export default ShortcutMenu;
+/// <reference types="react" />
+declare const ShortcutMenu: (props: {
+    id: string;
+}) => JSX.Element;
+export default ShortcutMenu;

package/es/controls/ShortcutMenu/index.js

@@ -1,26 +1,26 @@
-import { Access, Delete } from "../DocumentMenu/items";
-import React, { useState } from "react";
-import { Button } from "@voplus/antd";
-import DescriptionDocumentList from "../../components/DescriptionDocumentList";
-import DocumentMenu from "../DocumentMenu";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import QuickViewDialog from "../../components/QuickViewDialog";
-import { faEnvelope } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-const ShortcutMenu = (props) => {
-    const [quickViewVisible, setQuickViewVisible] = useState(false);
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement(DocumentMenu, { id: props.id },
-            React.createElement(Button, { type: "link", key: "OpenQuickView", onClick: () => setQuickViewVisible(true) },
-                React.createElement(FAIcon, { icon: faEnvelope }),
-                React.createElement("span", null, "Open Quick View")),
-            React.createElement(Access, null),
-            React.createElement(Delete, null)),
-        React.createElement(QuickViewDialog, { id: props.id, visible: quickViewVisible, onCancel: onCancel },
-            React.createElement(DescriptionDocumentList, { id: props.id })))));
-    function onCancel() {
-        setQuickViewVisible(false);
-    }
-};
-export default ShortcutMenu;
+import { Access, Delete } from "../DocumentMenu/items";
+import React, { useState } from "react";
+import { Button } from "@voplus/antd";
+import DescriptionDocumentList from "../../components/DescriptionDocumentList";
+import DocumentMenu from "../DocumentMenu";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import QuickViewDialog from "../../components/QuickViewDialog";
+import { faEnvelope } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+const ShortcutMenu = (props) => {
+    const [quickViewVisible, setQuickViewVisible] = useState(false);
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement(DocumentMenu, { id: props.id },
+            React.createElement(Button, { type: "link", key: "OpenQuickView", onClick: () => setQuickViewVisible(true) },
+                React.createElement(FAIcon, { icon: faEnvelope }),
+                React.createElement("span", null, "Open Quick View")),
+            React.createElement(Access, null),
+            React.createElement(Delete, null)),
+        React.createElement(QuickViewDialog, { id: props.id, visible: quickViewVisible, onCancel: onCancel },
+            React.createElement(DescriptionDocumentList, { id: props.id })))));
+    function onCancel() {
+        setQuickViewVisible(false);
+    }
+};
+export default ShortcutMenu;
 //# sourceMappingURL=index.js.map

package/es/controls/TextMenu/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const TextMenu: (props: {
-    id: string;
-    closeAside?: boolean;
-}) => JSX.Element;
-export default TextMenu;
+/// <reference types="react" />
+declare const TextMenu: (props: {
+    id: string;
+    closeAside?: boolean;
+}) => JSX.Element;
+export default TextMenu;

package/es/controls/TextMenu/index.js

@@ -1,20 +1,20 @@
-import { Access, Archive, Delete, DownloadFiles, Lock, Move, Notifications, OpenReferenceView, Paste, Print, Publish, PublishLock, Unlock, } from "../DocumentMenu/items";
-import React from "react";
-const TextMenu = (props) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Print, { url: `text/print/${props.id}` }),
-        React.createElement(Move, null),
-        React.createElement(Paste, null),
-        React.createElement(Lock, null),
-        React.createElement(Unlock, null),
-        React.createElement(Publish, null),
-        React.createElement(PublishLock, null),
-        React.createElement(Access, null),
-        React.createElement(Notifications, null),
-        React.createElement(OpenReferenceView, null),
-        React.createElement(Archive, null),
-        React.createElement(DownloadFiles, null),
-        React.createElement(Delete, { closeAside: props.closeAside })));
-};
-export default TextMenu;
+import { Access, Archive, Delete, DownloadFiles, Lock, Move, Notifications, OpenReferenceView, Paste, Print, Publish, PublishLock, Unlock, } from "../DocumentMenu/items";
+import React from "react";
+const TextMenu = (props) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Print, { url: `text/print/${props.id}` }),
+        React.createElement(Move, null),
+        React.createElement(Paste, null),
+        React.createElement(Lock, null),
+        React.createElement(Unlock, null),
+        React.createElement(Publish, null),
+        React.createElement(PublishLock, null),
+        React.createElement(Access, null),
+        React.createElement(Notifications, null),
+        React.createElement(OpenReferenceView, null),
+        React.createElement(Archive, null),
+        React.createElement(DownloadFiles, null),
+        React.createElement(Delete, { closeAside: props.closeAside })));
+};
+export default TextMenu;
 //# sourceMappingURL=index.js.map

package/es/controls/TimeLog/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const TimeLog: (props: {
-    size?: "middle" | "small" | "large";
-}) => JSX.Element;
-export default TimeLog;
+/// <reference types="react" />
+declare const TimeLog: (props: {
+    size?: "middle" | "small" | "large";
+}) => JSX.Element;
+export default TimeLog;