@voplus/morpho-document 5.0.18 → 5.0.20

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

@@ -1,35 +1,36 @@
-@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;
-			}
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/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: #40a9ff;
+			}
+			svg.disable {
+				color: #cecece;
+			}
+			span.active {
+				color: #40a9ff;
+			}
+		}
+	}
+}

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

@@ -1,6 +1,7 @@
-/// <reference types="react" />
-import "./index.less";
-import "react-pdf/dist/umd/Page/AnnotationLayer.css";
-import { PDFViewerProps } from "./props";
-declare const PDFViewer: (props: PDFViewerProps) => JSX.Element;
-export default PDFViewer;
+import "./index.less";
+import "react-pdf/dist/esm/Page/AnnotationLayer.css";
+import "react-pdf/dist/esm/Page/TextLayer.css";
+import React from "react";
+import { PDFViewerProps } from "./props";
+declare const PDFViewer: (props: PDFViewerProps) => React.JSX.Element;
+export default PDFViewer;

package/es/controls/PDFViewer/index.js

@@ -1,47 +1,48 @@
-import "./index.less";
-import "react-pdf/dist/umd/Page/AnnotationLayer.css"; // this css is needed to avoid text layer misalignment issue 1 Sep 2022
-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 },
-            React.createElement("div", { className: "pdf-viewer" }, (_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, renderTextLayer: true }));
-                    }))))));
-    });
-    function onDocumentLoadSuccess(pdf) {
-        setNumPages(pdf.numPages);
-    }
-    function onPageLoadSuccess(page) {
-        state.updateOriginalWidth(page.originalWidth);
-        return;
-    }
-};
-export default PDFViewer;
+import "./index.less";
+import "react-pdf/dist/esm/Page/AnnotationLayer.css"; // this css is needed to avoid text layer misalignment issue 1 Sep 2022
+import "react-pdf/dist/esm/Page/TextLayer.css";
+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 },
+            React.createElement("div", { className: "pdf-viewer" }, (_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, renderTextLayer: true }));
+                    }))))));
+    });
+    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.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/index.tsx"],"names":[],"mappings":"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"}

package/es/controls/PDFViewer/index.less

@@ -1,20 +1,20 @@
-:global {
-	.pdf-viewer {
-		height: 100%;
-		display: flex;
-		flex-direction: column;
-		.panable > .dragable {
-			//cursor: auto;
-			user-select: unset;
-		}
-		.react-pdf__Page__textContent {
-			span {
-				cursor: text;
-			}
-		}
-	}
-	.react-pdf__Page__canvas {
-		margin-left: auto;
-		margin-right: auto;
-	}
-}
+:global {
+	.pdf-viewer {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.panable > .dragable {
+			//cursor: auto;
+			user-select: unset;
+		}
+		.react-pdf__Page__textContent {
+			span {
+				cursor: text;
+			}
+		}
+	}
+	.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 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,90 @@
-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
+    /** Gets the url. */
+], PDFViewerState.prototype, "url", void 0);
+__decorate([
+    observable
+    /** The width of the container for fit width */
+], PDFViewerState.prototype, "containerWidth", void 0);
+__decorate([
+    action
+], PDFViewerState.prototype, "updateOriginalWidth", null);
+__decorate([
+    computed
+    /** Gets the nearest scale. */
+], PDFViewerState.prototype, "Scale", null);
+__decorate([
+    computed
+    /** Gets the current width of the viewer. */
+], PDFViewerState.prototype, "width", null);
+__decorate([
+    action
+    /** Zoom the document  */
+], PDFViewerState.prototype, "Zoom", null);
+export const PDFViewerContext = React.createContext(null);
+export const usePDFViewerContext = () => useContext(PDFViewerContext);
 //# sourceMappingURL=state.js.map

package/es/controls/PDFViewer/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/state.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,OAAO,cAAc;IAkB1B,YAAmB,GAAW;QAhB9B;;;;mBAAgB,CAAC;WAAC;QAGlB;;;;mBAAwB,CAAC;WAAC;QAE1B,8BAA8B;QAC9B;;;;;WAAsC;QAItC;;;;mBAAa,EAAE;WAAC;QAIhB;;;;;WAA+B;QAG9B,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAGM,mBAAmB,CAAC,KAAa;QACvC,IAAI,IAAI,CAAC,aAAa,GAAG,KAAK;YAAE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5D,CAAC;IAID,IAAW,KAAK;QACf,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC;IAID,IAAW,KAAK;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;YACnB,MAAM;YACN,OAAO,IAAI,CAAC,cAAc,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;IACxC,CAAC;IAIM,IAAI,CAAC,KAAa;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,CAAC;CACD;AA/CA;IADC,UAAU;6CACO;AAGlB;IADC,UAAU;qDACe;AAO1B;IAFC,UAAU;2CAEK;AAIhB;IAFC,UAAU;sDAEoB;AAS/B;IADC,MAAM;yDAGN;AAID;IAFC,QAAQ;2CAIR;AAID;IAFC,QAAQ;2CAOR;AAID;IAFC,MAAM;0CAIN;AAGF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAwB,IAAI,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/state.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,OAAO,cAAc;IAkB1B,YAAmB,GAAW;QAhBtB;;;;mBAAQ,CAAC;WAAC;QAGV;;;;mBAAgB,CAAC;WAAC;QAE1B,8BAA8B;QACd;;;;;WAAsB;QAI/B;;;;mBAAM,EAAE;WAAC;QAIT;;;;;WAAwB;QAG9B,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAGM,mBAAmB,CAAC,KAAa;QACvC,IAAI,IAAI,CAAC,aAAa,GAAG,KAAK;YAAE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5D,CAAC;IAID,IAAW,KAAK;QACf,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC;IAID,IAAW,KAAK;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;YACnB,MAAM;YACN,OAAO,IAAI,CAAC,cAAc,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;IACxC,CAAC;IAIM,IAAI,CAAC,KAAa;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,CAAC;CACD;AA/CQ;IADP,UAAU;6CACO;AAGV;IADP,UAAU;qDACe;AAOnB;IAFN,UAAU;IACX,oBAAoB;2CACJ;AAIT;IAFN,UAAU;IACX,+CAA+C;sDAChB;AASxB;IADN,MAAM;yDAGN;AAID;IAFC,QAAQ;IACT,8BAA8B;2CAG7B;AAID;IAFC,QAAQ;IACT,4CAA4C;2CAM3C;AAIM;IAFN,MAAM;IACP,yBAAyB;0CAGxB;AAGF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAwB,IAAI,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC"}

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

@@ -1,6 +1,7 @@
-/// <reference types="react" />
-declare const PageMenu: (props: {
-    id: string;
-    closeAside?: boolean;
-}) => JSX.Element;
-export default PageMenu;
+import React from "react";
+declare const PageMenu: (props: {
+    id: string;
+    closeAside?: boolean | undefined;
+    onClickItem?: ((open?: boolean) => void) | undefined;
+}) => React.JSX.Element;
+export default PageMenu;

package/es/controls/PageMenu/index.js

@@ -1,25 +1,20 @@
-import { Access, Archive, Delete, DownloadFiles, Lock, Move, Notifications, OpenReferenceView, Paste, Print, Publish, PublishLock, Unlock, Pin, Unpin, CopyReference, } from "../DocumentMenu/items";
-import { DocumentMenuContext, DocumentMenuState } from "@voplus/morpho-document-core";
-import React, { useMemo } from "react";
-const PageMenu = (props) => {
-    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
-    return (React.createElement(DocumentMenuContext.Provider, { value: context },
-        React.createElement(Print, { url: `page/print/${props.id}` }),
-        React.createElement(Pin, null),
-        React.createElement(Unpin, null),
-        React.createElement(CopyReference, null),
-        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 React, { useMemo } from "react";
+import { Move, Print, Pin, Unpin, CopyReference } from "../DocumentMenu/items";
+import { DocumentMenuContext, DocumentMenuState } from "@voplus/morpho-document-core";
+import SubPasteMenu from "../SubPasteMenu";
+import LockMenuGroup from "../DocumentMenu/LockMenuGroup";
+import MiscMenuGroup from "../DocumentMenu/MiscMenuGroup";
+const PageMenu = (props) => {
+    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
+    return (React.createElement(DocumentMenuContext.Provider, { value: context },
+        React.createElement(Print, { url: `page/print/${props.id}` }),
+        React.createElement(Pin, null),
+        React.createElement(Unpin, null),
+        React.createElement(CopyReference, null),
+        React.createElement(Move, null),
+        React.createElement(SubPasteMenu, { onClickItem: props.onClickItem }),
+        React.createElement(LockMenuGroup, { onClickItem: props.onClickItem }),
+        React.createElement(MiscMenuGroup, { configMenu: ["OpenReferenceView", "DownloadFiles", "Access", "Delete"], deleteCloseAside: props.closeAside, onClickItem: props.onClickItem })));
+};
+export default PageMenu;
 //# sourceMappingURL=index.js.map

package/es/controls/PageMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/PageMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,aAAa,EACb,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAW,EACX,MAAM,EACN,GAAG,EACH,KAAK,EACL,aAAa,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,QAAQ,GAAG,CAAC,KAA2C,EAAE,EAAE;IAChE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3E,OAAO,CACN,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAC3C,oBAAC,KAAK,IAAC,GAAG,EAAE,cAAc,KAAK,CAAC,EAAE,EAAE,GAAI;QACxC,oBAAC,GAAG,OAAG;QACP,oBAAC,KAAK,OAAG;QACT,oBAAC,aAAa,OAAG;QACjB,oBAAC,IAAI,OAAG;QACR,oBAAC,KAAK,OAAG;QACT,oBAAC,IAAI,OAAG;QACR,oBAAC,MAAM,OAAG;QACV,oBAAC,OAAO,OAAG;QACX,oBAAC,WAAW,OAAG;QACf,oBAAC,MAAM,OAAG;QACV,oBAAC,aAAa,OAAG;QACjB,oBAAC,iBAAiB,OAAG;QACrB,oBAAC,OAAO,OAAG;QACX,oBAAC,aAAa,OAAG;QACjB,oBAAC,MAAM,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,CACV,CAC/B,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/PageMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAiB,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,QAAQ,GAAG,CAAC,KAIjB,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3E,OAAO,CACN,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAC3C,oBAAC,KAAK,IAAC,GAAG,EAAE,cAAc,KAAK,CAAC,EAAE,EAAE,GAAI;QACxC,oBAAC,GAAG,OAAG;QACP,oBAAC,KAAK,OAAG;QACT,oBAAC,aAAa,OAAG;QACjB,oBAAC,IAAI,OAAG;QACR,oBAAC,YAAY,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI;QAChD,oBAAC,aAAa,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI;QACjD,oBAAC,aAAa,IACb,UAAU,EAAE,CAAC,mBAAmB,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,CAAC,EACtE,gBAAgB,EAAE,KAAK,CAAC,UAAU,EAClC,WAAW,EAAE,KAAK,CAAC,WAAW,GAC7B,CAG4B,CAC/B,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { ReferenceListProps } from "@voplus/morpho-document-core";
-declare const ReferenceList: {
-    (props: ReferenceListProps): JSX.Element;
-    defaultProps: {
-        placeholder: string;
-        canEdit: boolean;
-        multiple: boolean;
-    };
-};
-export default ReferenceList;
+import React from "react";
+import { ReferenceListProps } from "@voplus/morpho-document-core";
+declare const ReferenceList: {
+    (props: ReferenceListProps): React.JSX.Element;
+    defaultProps: {
+        placeholder: string;
+        canEdit: boolean;
+        multiple: boolean;
+    };
+};
+export default ReferenceList;