@voplus/morpho-document 1.0.0-mobx01 → 1.2.0-dev.32

package/es/controls/DescriptionEditor/index.js

@@ -2,9 +2,10 @@ import "./index.less";
 import { Button, Tooltip } from "@voplus/antd";
 import { State } from "./state";
 import React, { useEffect, useRef, useState } from "react";
-import { faAngleDoubleDown, faAngleDoubleUp, faCommentAltLines, } from "@fortawesome/pro-light-svg-icons";
+import { faChevronDoubleDown, faChevronDoubleUp, faCommentAltLines, } from "@fortawesome/pro-light-svg-icons";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
+import { Scrollbars } from "react-custom-scrollbars";
 import classnames from "classnames";
 import { observe } from "@voplus/morpho-ui";
 import { runInAction } from "mobx";
@@ -15,10 +16,30 @@ const DescriptionEditor = (props) => {
     const documentStore = useDocumentStore();
     const ref = useRef(null);
     useEffect(() => {
-        state.description = description || "";
+        runInAction(() => {
+            state.description = description || "";
+        });
     }, [description]);
-    useEffect(getDescEditorHeight, [id, state.editable]);
-    return observe(() => (React.createElement("div", { className: "description-editor", ref: ref, style: { padding: padding } },
+    /** init */
+    useEffect(() => {
+        runInAction(() => {
+            state.description = "";
+            state.collapse = false;
+            state.hasMore = false;
+            state.editable = false;
+        });
+        getDescEditorHeight();
+    }, [id]);
+    useEffect(() => {
+        runInAction(() => {
+            state.collapse = false;
+        });
+        getDescEditorHeight();
+    }, [state.editable]);
+    // const offsetParentHeight = ref?.current?.offsetParent?.clientHeight || "60vh";
+    const Mirror = observe(() => (React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: state.editable, defaultHtml: description || "", readonly: !state.editable || readonly, className: classnames("description-proseMirror", state.editable ? "description-editor-proseMirror" : "description-readonly-proseMirror", { "description-collapse-proseMirror": state.hasMore && !state.editable }, { "description-expand-proseMirror": state.collapse && !state.editable }, { collapseAll: !state.collapse && props.collapseAll }), onClick: () => runInAction(() => (state.editable = !readonly)), onChange: (opt) => (state.description =
+            opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) })));
+    return observe(() => (React.createElement("div", { className: "description-editor", ref: ref, style: { padding: padding }, title: state.editable || readonly ? "" : "Click to Edit" },
         !state.editable &&
             !description &&
             (readonly ? (
@@ -30,11 +51,10 @@ const DescriptionEditor = (props) => {
             React.createElement("div", { className: "description-editor-header", onClick: () => runInAction(() => (state.editable = true)) },
                 React.createElement(FAIcon, { icon: faCommentAltLines }),
                 " Add Description"))),
-        React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: state.editable, defaultHtml: description || "", readonly: !state.editable || readonly, className: classnames(state.editable ? "description-editor-proseMirror" : "description-readonly-proseMirror", { "description-collapse-proseMirror": state.hasMore && !state.editable }, { "description-expand-proseMirror": state.collapse && !state.editable }, { collapseAll: !state.collapse && props.collapseAll }), onClick: () => runInAction(() => (state.editable = !readonly)), onChange: (opt) => (state.description =
-                opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) }),
-        state.hasMore && (React.createElement(Tooltip, { title: state.collapse ? "Collapse Description" : "Expand all Description" },
-            React.createElement("div", { className: "more-description-btn" },
-                React.createElement(FAIcon, { icon: state.collapse ? faAngleDoubleUp : faAngleDoubleDown, onClick: () => runInAction(() => (state.collapse = !state.collapse)) })))),
+        state.hasMore && !state.editable ? (React.createElement(Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: "60vh" }, Mirror)) : (Mirror),
+        state.hasMore && !state.editable && (React.createElement(Tooltip, { title: state.collapse ? "Collapse Description" : "Expand all Description" },
+            React.createElement("div", { className: "more-description-btn", onClick: () => runInAction(() => (state.collapse = !state.collapse)) },
+                React.createElement(FAIcon, { icon: state.collapse ? faChevronDoubleUp : faChevronDoubleDown })))),
         state.editable && !readonly && (React.createElement("div", { className: "description-editor-footer" },
             React.createElement(Button, { type: "default", onClick: () => runInAction(() => (state.editable = false)) }, "Cancel"),
             React.createElement(Button, { type: "primary", loading: state.loading, onClick: save }, "Save"))))));
@@ -46,14 +66,16 @@ const DescriptionEditor = (props) => {
                 data: { Description: state.description },
                 error: "message",
             });
-        runInAction(() => (state.loading = false));
-        runInAction(() => (state.editable = false));
-        runInAction(() => getDescEditorHeight());
+        runInAction(() => {
+            state.loading = false;
+            state.editable = false;
+            getDescEditorHeight();
+        });
     }
     function getDescEditorHeight() {
         runInAction(() => {
             var _a;
-            const ele = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("description-readonly-proseMirror")[0];
+            const ele = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("description-proseMirror")[0];
             state.hasMore = !!(ele && (ele === null || ele === void 0 ? void 0 : ele.clientHeight) > 110) && !!collapsible;
             return () => {
                 state.hasMore = false;

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

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

package/es/controls/DescriptionEditor/index.less

@@ -38,12 +38,14 @@
 			}
 		}
 		.more-description-btn {
-			font-size: 18px;
-			line-height: 18px;
+			width: 44px;
+			line-height: 14px;
+			margin: auto;
+			color: #555;
 			text-align: center;
 			cursor: pointer;
 			.svg-inline--fa {
-				width: 44px;
+				font-size: 13px;
 			}
 		}
 		.description-editor-footer {

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const ArchivedMenu: (props: {
+    id: string;
+    className?: string;
+}) => JSX.Element;
+export declare const VersionMenu: (props: {
+    id: string;
+    className?: string;
+    closeAside?: boolean;
+}) => JSX.Element;
+declare const DocumentMenu: (props: {
+    id: string;
+    className?: string;
+    children?: any;
+    closeAside?: boolean;
+}) => JSX.Element;
+export default DocumentMenu;

package/es/controls/DocumentMenu/index.js

@@ -0,0 +1,37 @@
+import { Access, Delete, Lock, Move, Notifications, OpenReferenceView, OpenTreeView, Paste, Publish, PublishLock, Revert, Unlock, } from "./items";
+import { DocumentMenuContext, DocumentMenuState, useDocument } from "@voplus/morpho-document-core";
+import React, { useMemo } from "react";
+import ShortcutMenu from "../ShortcutMenu";
+import classnames from "classnames";
+export const ArchivedMenu = (props) => {
+    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
+    return (React.createElement("div", { className: classnames("document-menu", props.className) },
+        React.createElement(DocumentMenuContext.Provider, { value: context },
+            React.createElement(React.Fragment, null))));
+};
+export const VersionMenu = (props) => {
+    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
+    return (React.createElement("div", { className: classnames("document-menu", props.className) },
+        React.createElement(DocumentMenuContext.Provider, { value: context },
+            React.createElement(Revert, null),
+            React.createElement(Delete, { closeAside: props.closeAside }))));
+};
+const DocumentMenu = (props) => {
+    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
+    const document = useDocument(props.id);
+    return (React.createElement("div", { className: classnames("document-menu", props.className) },
+        React.createElement(DocumentMenuContext.Provider, { value: context }, props.children ? (props.children) : document.type == "Shortcut" ? (React.createElement(ShortcutMenu, { id: props.id })) : (React.createElement(React.Fragment, 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(OpenTreeView, null),
+            React.createElement(OpenReferenceView, null),
+            React.createElement(Delete, { closeAside: props.closeAside }))))));
+};
+export default DocumentMenu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DocumentMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,KAAK,EACL,OAAO,EACP,WAAW,EACX,MAAM,EACN,MAAM,GACN,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACnG,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAyC,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3E,OAAO,CACN,6BAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3D,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;YAC3C,oBAAC,KAAK,CAAC,QAAQ,OAAkB,CACH,CAC1B,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAA+D,EAAE,EAAE;IAC9F,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3E,OAAO,CACN,6BAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3D,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;YAC3C,oBAAC,MAAM,OAAG;YACV,oBAAC,MAAM,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,CACV,CAC1B,CACN,CAAC;AACH,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,CAAC,KAKrB,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;IAC3E,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,OAAO,CACN,6BAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3D,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IAC1C,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,QAAQ,CACd,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CACjC,oBAAC,YAAY,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CAC9B,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,CAAC,QAAQ;YACd,oBAAC,IAAI,OAAG;YACR,oBAAC,KAAK,OAAG;YACT,oBAAC,IAAI,OAAG;YACR,oBAAC,MAAM,OAAG;YACV,oBAAC,OAAO,OAAG;YACX,oBAAC,WAAW,OAAG;YACf,oBAAC,MAAM,OAAG;YACV,oBAAC,aAAa,OAAG;YACjB,oBAAC,YAAY,OAAG;YAChB,oBAAC,iBAAiB,OAAG;YACrB,oBAAC,MAAM,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,CACxB,CACjB,CAC6B,CAC1B,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/controls/{ToolBar/menus → DocumentMenu/items}/Access.js

@@ -3,22 +3,24 @@ import { Button } from "@voplus/antd";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import PermissionModal from "@voplus/morpho-org/es/controls/PermissionModal";
 import { faUserEdit } from "@fortawesome/pro-light-svg-icons";
-import { useToolBarContext } from "../ToolBarState";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useDocumentMenuContext } from "@voplus/morpho-document-core";
 const Access = (props) => {
     const { disabled, action } = props;
-    const context = useToolBarContext();
     const [visible, setVisible] = useState(false);
-    return (React.createElement(React.Fragment, null,
+    const context = useDocumentMenuContext();
+    const document = useDocument(context.id);
+    return observe(() => !document.system ? (React.createElement(React.Fragment, null,
         React.createElement(Button, { type: "link", disabled: disabled, onClick: onClick },
             React.createElement(FAIcon, { icon: faUserEdit }),
             React.createElement("span", null, "Access")),
-        visible && React.createElement(PermissionModal, { id: context.id || "", onChange: onClick })));
+        visible && React.createElement(PermissionModal, { id: context.id || "", onChange: onClick }))) : null);
     function onClick() {
         if (action)
             return action();
         if (context.id)
             setVisible(!visible);
-        context.onMenu({ key: "Access" });
     }
 };
 export default Access;

package/es/controls/DocumentMenu/items/Access.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Access.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/Access.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,eAAe,MAAM,gDAAgD,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,MAAM,MAAM,GAAG,CAAC,KAKf,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAClB,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;YACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,GAAI;YAC5B,2CAAmB,CACX;QACR,OAAO,IAAI,oBAAC,eAAe,IAAC,EAAE,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,GAAI,CACxD,CACjB,CAAC,CAAC,CAAC,IAAI,CACR,CAAC;IACF,SAAS,OAAO;QACf,IAAI,MAAM;YAAE,OAAO,MAAM,EAAE,CAAC;QAC5B,IAAI,OAAO,CAAC,EAAE;YAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/controls/{ToolBar/menus → DocumentMenu/items}/Delete.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 declare const Delete: (props: {
-    /** Folder 下是否有子文件  */
-    hasChild?: boolean | undefined;
     /** disabled Button */
     disabled?: boolean | undefined;
     /** 关闭Aside */

package/es/controls/{ToolBar/menus → DocumentMenu/items}/Delete.js

@@ -1,22 +1,22 @@
 import { Button, Modal } from "@voplus/antd";
-import { useDocumentStore } from "@voplus/morpho-document-core";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import { useDocument, useDocumentMenuContext, useDocumentStore, } from "@voplus/morpho-document-core";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import React from "react";
 import { faTrashAlt } from "@fortawesome/pro-light-svg-icons";
-import { useAsideContentContext } from "@voplus/morpho-ui";
-import { useToolBarContext } from "../ToolBarState";
 const Delete = (props) => {
-    const { hasChild, disabled, closeAside, action } = props;
+    const { disabled, closeAside, action } = props;
     const asideContext = useAsideContentContext();
-    const context = useToolBarContext();
+    const context = useDocumentMenuContext();
     const store = useDocumentStore();
-    return (React.createElement(Button, { type: "link", disabled: disabled, onClick: onClick },
+    const document = useDocument(context.id);
+    return observe(() => !document.system ? (React.createElement(Button, { type: "link", disabled: disabled, onClick: onClick },
         React.createElement(FAIcon, { icon: faTrashAlt, color: "#f5222d" }),
-        React.createElement("span", { className: "delete" }, "Delete")));
+        React.createElement("span", { className: "delete" }, "Delete"))) : null);
     function onClick() {
         /** 如果文件下有子文件, 询问是否删除所有子文件 */
         Modal.confirm({
-            title: !!hasChild
+            title: !!document.documents
                 ? "Do you want to delete this document and all sub documents of this document ?"
                 : "Do you want to delete this item?",
             onOk() {
@@ -29,7 +29,6 @@ const Delete = (props) => {
         /** 删除后是否关闭Aside */
         if (!!closeAside && (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent))
             asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside();
-        context.onMenu({ key: "Delete" });
     }
 };
 export default Delete;

package/es/controls/DocumentMenu/items/Delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Delete.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/Delete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EACN,WAAW,EACX,sBAAsB,EACtB,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,MAAM,MAAM,GAAG,CAAC,KAOf,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE/C,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAE9C,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAClB,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;QACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,SAAS,GAAG;QAC5C,8BAAM,SAAS,EAAC,QAAQ,aAAc,CAC9B,CACT,CAAC,CAAC,CAAC,IAAI,CACR,CAAC;IACF,SAAS,OAAO;QACf,6BAA6B;QAC7B,KAAK,CAAC,OAAO,CAAC;YACb,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,SAAS;gBAC1B,CAAC,CAAC,8EAA8E;gBAChF,CAAC,CAAC,kCAAkC;YACrC,IAAI;gBACH,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YACzC,CAAC;SACD,CAAC,CAAC;IACJ,CAAC;IACD,KAAK,UAAU,QAAQ;QACtB,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;QACzD,mBAAmB;QACnB,IAAI,CAAC,CAAC,UAAU,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAA;YAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;IAC5E,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/controls/DocumentMenu/items/Lock.js

@@ -0,0 +1,22 @@
+import { useDocument, useDocumentMenuContext, useDocumentStore, } from "@voplus/morpho-document-core";
+import { Button } from "@voplus/antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faLock } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+const Lock = (props) => {
+    const { disabled, action } = props;
+    const context = useDocumentMenuContext();
+    const store = useDocumentStore();
+    const document = useDocument(context.id);
+    return observe(() => !document.system && document.status == "Normal" ? (React.createElement(Button, { type: "link", disabled: disabled, onClick: onClick },
+        React.createElement(FAIcon, { icon: faLock }),
+        React.createElement("span", null, "Lock"))) : null);
+    function onClick() {
+        !!action
+            ? action()
+            : store.edit(context.id, { data: { Status: "Readonly" }, error: "message" });
+    }
+};
+export default Lock;
+//# sourceMappingURL=Lock.js.map

package/es/controls/DocumentMenu/items/Lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lock.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/Lock.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,WAAW,EACX,sBAAsB,EACtB,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,IAAI,GAAG,CAAC,KAKb,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,CAAC,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CACjD,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;QACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;QACxB,yCAAiB,CACT,CACT,CAAC,CAAC,CAAC,IAAI,CACR,CAAC;IAEF,SAAS,OAAO;QACf,CAAC,CAAC,MAAM;YACP,CAAC,CAAC,MAAM,EAAE;YACV,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC/E,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/controls/DocumentMenu/items/Move.js

@@ -0,0 +1,24 @@
+import { Button, message } from "@voplus/antd";
+import { useDocument, useDocumentMenuContext, useDocumentStore, } from "@voplus/morpho-document-core";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faCut } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+const Move = (props) => {
+    const { disabled, action } = props;
+    const context = useDocumentMenuContext();
+    const store = useDocumentStore();
+    const document = useDocument(context.id);
+    const parent = useDocument(document.parentId);
+    return observe(() => !document.system ? (React.createElement(Button, { type: "link", disabled: disabled || (parent === null || parent === void 0 ? void 0 : parent.readonly) == true, onClick: onClick },
+        React.createElement(FAIcon, { icon: faCut }),
+        React.createElement("span", null, "Move"))) : null);
+    function onClick() {
+        if (action)
+            return action();
+        store.cut([context.id]);
+        message.success("Document cut.");
+    }
+};
+export default Move;
+//# sourceMappingURL=Move.js.map

package/es/controls/DocumentMenu/items/Move.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Move.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/Move.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAEN,WAAW,EACX,sBAAsB,EACtB,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,IAAI,GAAG,CAAC,KAKb,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,QAAe,CAA0B,CAAC;IAE9E,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAClB,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,KAAI,IAAI,EAAE,OAAO,EAAE,OAAO;QACnF,oBAAC,MAAM,IAAC,IAAI,EAAE,KAAK,GAAI;QACvB,yCAAiB,CACT,CACT,CAAC,CAAC,CAAC,IAAI,CACR,CAAC;IACF,SAAS,OAAO;QACf,IAAI,MAAM;YAAE,OAAO,MAAM,EAAE,CAAC;QAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QACxB,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IAClC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/controls/DocumentMenu/items/Notifications.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const Notifications: (props: {
+    /** disabled Button */
+    disabled?: boolean | undefined;
+    /** function of Click */
+    action?: ((context?: any) => void) | undefined;
+}) => JSX.Element;
+export default Notifications;

package/es/controls/DocumentMenu/items/Notifications.js

@@ -0,0 +1,29 @@
+import React, { useState } from "react";
+import { Button } from "@voplus/antd";
+import DocumentNotificationDialog from "../../../components/DocumentNotificationDialog";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { faBell } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useDocumentMenuContext } from "@voplus/morpho-document-core";
+import { useDocumentUIService } from "@voplus/morpho-document-core";
+const Notifications = (props) => {
+    const { disabled, action } = props;
+    const [visible, setVisible] = useState(false);
+    const ui = useDocumentUIService();
+    const context = useDocumentMenuContext();
+    const document = useDocument(context.id);
+    return observe(() => !document.system ? (React.createElement(React.Fragment, null,
+        React.createElement(Button, { type: "link", disabled: disabled, onClick: onClick },
+            React.createElement(FAIcon, { icon: faBell }),
+            React.createElement("span", null, "Notifications")),
+        visible && (React.createElement(DocumentNotificationDialog, { id: "", onCancel: () => setVisible(false), onSave: () => setVisible(false) })))) : null);
+    function onClick() {
+        if (action)
+            return action();
+        if (context.id)
+            setVisible(!visible);
+    }
+};
+export default Notifications;
+//# sourceMappingURL=Notifications.js.map

package/es/controls/DocumentMenu/items/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,0BAA0B,MAAM,gDAAgD,CAAC;AAExF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,aAAa,GAAG,CAAC,KAKtB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAElC,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAClB,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;YACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;YACxB,kDAA0B,CAClB;QACR,OAAO,IAAI,CACX,oBAAC,0BAA0B,IAC1B,EAAE,EAAC,EAAE,EACL,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAC9B,CACF,CAKe,CACjB,CAAC,CAAC,CAAC,IAAI,CACR,CAAC;IACF,SAAS,OAAO;QACf,IAAI,MAAM;YAAE,OAAO,MAAM,EAAE,CAAC;QAC5B,IAAI,OAAO,CAAC,EAAE;YAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/controls/{ToolBar/menus → DocumentMenu/items}/OpenReferenceView.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 declare const OpenReferenceView: (props: {
-    /** url */
-    url?: string | undefined;
     /** disabled Button */
     disabled?: boolean | undefined;
     /** function of Click */

package/es/controls/{ToolBar/menus → DocumentMenu/items}/OpenReferenceView.js

@@ -1,23 +1,24 @@
+import { useDocument, useDocumentMenuContext } from "@voplus/morpho-document-core";
 import { Button } from "@voplus/antd";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import React from "react";
 import ReferenceView from "@voplus/morpho-ui/es/components/layout/MainLayout/ReferenceView";
 import { faBook } from "@fortawesome/pro-light-svg-icons";
 import { useLayout } from "@voplus/morpho-data";
-import { useToolBarContext } from "../ToolBarState";
+import { useMetaStore } from "../../../data";
 const OpenReferenceView = (props) => {
-    const { url, disabled, action } = props;
+    const { disabled, action } = props;
     const layout = useLayout();
-    const context = useToolBarContext();
+    const meta = useMetaStore();
+    const context = useDocumentMenuContext();
+    const document = useDocument(context.id);
     return (React.createElement(Button, { type: "link", disabled: disabled, onClick: onClick },
         React.createElement(FAIcon, { icon: faBook }),
         React.createElement("span", null, "Open in Reference")));
     function onClick() {
         if (action)
             return action();
-        if (url)
-            ReferenceView.navigate(layout, url);
-        context.onMenu({ key: "ReferenceView" });
+        ReferenceView.navigate(layout, meta.getRoute(document));
     }
 };
 export default OpenReferenceView;

package/es/controls/DocumentMenu/items/OpenReferenceView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenReferenceView.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/OpenReferenceView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEnF,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,iEAAiE,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,iBAAiB,GAAG,CAAC,KAK1B,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,CACN,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;QACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;QACxB,sDAA8B,CACtB,CACT,CAAC;IACF,SAAS,OAAO;QACf,IAAI,MAAM;YAAE,OAAO,MAAM,EAAE,CAAC;QAC5B,aAAa,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzD,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/controls/{ToolBar/menus → DocumentMenu/items}/OpenTreeView.js

@@ -3,18 +3,20 @@ import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import React from "react";
 import Routes from "../../../routes";
 import { faFolderTree } from "@fortawesome/pro-light-svg-icons";
+import { runInAction } from "mobx";
+import { useDocumentMenuContext } from "@voplus/morpho-document-core";
 import { useLayout } from "@voplus/morpho-data";
-import { useToolBarContext } from "../ToolBarState";
 const OpenTreeView = (props) => {
     const { disabled, action } = props;
     const layout = useLayout();
-    const context = useToolBarContext();
+    const context = useDocumentMenuContext();
     return (React.createElement(Button, { type: "link", disabled: disabled, onClick: onClick },
         React.createElement(FAIcon, { icon: faFolderTree }),
         React.createElement("span", null, "Open Tree View")));
     function onClick() {
-        !!action ? action() : layout.history.push(Routes.TreeViewPage.getUrl(context.id));
-        context.onMenu({ key: "TreeView" });
+        !!action
+            ? action()
+            : runInAction(() => layout.history.push(Routes.TreeViewPage.getUrl(context.id)));
     }
 };
 export default OpenTreeView;

package/es/controls/DocumentMenu/items/OpenTreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenTreeView.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/OpenTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,YAAY,GAAG,CAAC,KAKrB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IAEzC,OAAO,CACN,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;QACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI;QAC9B,mDAA2B,CACnB,CACT,CAAC;IACF,SAAS,OAAO;QACf,CAAC,CAAC,MAAM;YACP,CAAC,CAAC,MAAM,EAAE;YACV,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnF,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/controls/DocumentMenu/items/Paste.js

@@ -0,0 +1,27 @@
+import { Button, message } from "@voplus/antd";
+import { useDocument, useDocumentMenuContext, useDocumentStore, } from "@voplus/morpho-document-core";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faPaste } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+const Paste = (props) => {
+    const { disabled, action } = props;
+    const context = useDocumentMenuContext();
+    const store = useDocumentStore();
+    const document = useDocument(context.id);
+    return observe(() => !document.system ? (React.createElement(Button, { type: "link", disabled: disabled || store.moveIds.length === 0 || document.readonly, onClick: onClick },
+        React.createElement(FAIcon, { icon: faPaste }),
+        React.createElement("span", null, "Paste"))) : null);
+    function onClick() {
+        !!action ? action() : paste();
+    }
+    async function paste() {
+        if (store.moveIds.some((id) => id === context.id)) {
+            return message.warn("Cannot move to itself");
+        }
+        await store.paste(context.id);
+        message.success("Document pasted.");
+    }
+};
+export default Paste;
+//# sourceMappingURL=Paste.js.map

package/es/controls/DocumentMenu/items/Paste.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paste.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/Paste.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EACN,WAAW,EACX,sBAAsB,EACtB,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,KAAK,GAAG,CAAC,KAKd,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAClB,oBAAC,MAAM,IACN,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,QAAQ,EACrE,OAAO,EAAE,OAAO;QAEhB,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,GAAI;QACzB,0CAAkB,CACV,CACT,CAAC,CAAC,CAAC,IAAI,CACR,CAAC;IACF,SAAS,OAAO;QACf,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;IAC/B,CAAC;IACD,KAAK,UAAU,KAAK;QACnB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAU,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,EAAE;YAC1D,OAAO,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;SAC7C;QACD,MAAM,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC9B,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/controls/{ToolBar/menus → DocumentMenu/items}/Publish.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 declare const Publish: (props: {
-    /** name of document */
-    name?: string | undefined;
     /** disabled Button */
     disabled?: boolean | undefined;
     /** function of Click */

package/es/controls/{ToolBar/menus → DocumentMenu/items}/Publish.js

@@ -1,24 +1,25 @@
 import React, { useState } from "react";
+import { useDocument, useDocumentMenuContext } from "@voplus/morpho-document-core";
 import { Button } from "@voplus/antd";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import PublishModal from "../../../components/PublishModal";
 import { faUpload } from "@fortawesome/pro-light-svg-icons";
-import { useToolBarContext } from "../ToolBarState";
+import { observe } from "@voplus/morpho-ui";
 const Publish = (props) => {
-    const { name, disabled, action } = props;
-    const context = useToolBarContext();
+    const { disabled, action } = props;
     const [visible, setVisible] = useState(false);
-    return (React.createElement(React.Fragment, null,
+    const context = useDocumentMenuContext();
+    const document = useDocument(context.id);
+    return observe(() => !document.system && document.status == "Draft" ? (React.createElement(React.Fragment, null,
         React.createElement(Button, { type: "link", disabled: disabled, onClick: onClick },
             React.createElement(FAIcon, { icon: faUpload }),
             React.createElement("span", null, "Publish")),
-        visible && (React.createElement(PublishModal, { id: context.id || "", name: name || "", publishLock: false, onChange: onClick }))));
+        visible && (React.createElement(PublishModal, { id: context.id || "", name: document.name || "", publishLock: false, onChange: onClick })))) : null);
     function onClick() {
         if (action)
             return action();
         if (context.id)
             setVisible(!visible);
-        context.onMenu({ key: "Publish" });
     }
 };
 export default Publish;

package/es/controls/DocumentMenu/items/Publish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Publish.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/Publish.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEnF,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,OAAO,GAAG,CAAC,KAKhB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,CAAC,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,CAChD,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;YACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI;YAC1B,4CAAoB,CACZ;QACR,OAAO,IAAI,CACX,oBAAC,YAAY,IACZ,EAAE,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,EACpB,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE,EACzB,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,OAAO,GAChB,CACF,CACe,CACjB,CAAC,CAAC,CAAC,IAAI,CACR,CAAC;IAEF,SAAS,OAAO;QACf,IAAI,MAAM;YAAE,OAAO,MAAM,EAAE,CAAC;QAC5B,IAAI,OAAO,CAAC,EAAE;YAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/es/controls/{ToolBar/menus → DocumentMenu/items}/PublishLock.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 declare const PublishLock: (props: {
-    /** name of document */
-    name?: string | undefined;
     /** disabled Button */
     disabled?: boolean | undefined;
     /** function of Click */

package/es/controls/{ToolBar/menus → DocumentMenu/items}/PublishLock.js

@@ -1,24 +1,25 @@
 import React, { useState } from "react";
+import { useDocument, useDocumentMenuContext } from "@voplus/morpho-document-core";
 import { Button } from "@voplus/antd";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import PublishModal from "../../../components/PublishModal";
 import { faUpload } from "@fortawesome/pro-light-svg-icons";
-import { useToolBarContext } from "../ToolBarState";
+import { observe } from "@voplus/morpho-ui";
 const PublishLock = (props) => {
-    const { name, disabled, action } = props;
-    const context = useToolBarContext();
+    const { disabled, action } = props;
     const [visible, setVisible] = useState(false);
-    return (React.createElement(React.Fragment, null,
+    const context = useDocumentMenuContext();
+    const document = useDocument(context.id);
+    return observe(() => !document.system && document.status == "Draft" ? (React.createElement(React.Fragment, null,
         React.createElement(Button, { type: "link", disabled: disabled, onClick: onClick },
             React.createElement(FAIcon, { icon: faUpload }),
-            React.createElement("span", null, "PublishLock")),
-        visible && (React.createElement(PublishModal, { id: context.id || "", name: name || "", publishLock: true, onChange: onClick }))));
+            React.createElement("span", null, "Publish & Lock")),
+        visible && (React.createElement(PublishModal, { id: context.id || "", name: document.name || "", publishLock: true, onChange: onClick })))) : null);
     function onClick() {
         if (action)
             return action();
         if (context.id)
             setVisible(!visible);
-        context.onMenu({ key: "PublishLock" });
     }
 };
 export default PublishLock;

package/es/controls/DocumentMenu/items/PublishLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishLock.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/PublishLock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEnF,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,WAAW,GAAG,CAAC,KAKpB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,CAAC,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,CAChD,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;YACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI;YAC1B,mDAA2B,CACnB;QACR,OAAO,IAAI,CACX,oBAAC,YAAY,IACZ,EAAE,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,EACpB,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE,EACzB,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,OAAO,GAChB,CACF,CACe,CACjB,CAAC,CAAC,CAAC,IAAI,CACR,CAAC;IACF,SAAS,OAAO;QACf,IAAI,MAAM;YAAE,OAAO,MAAM,EAAE,CAAC;QAC5B,IAAI,OAAO,CAAC,EAAE;YAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}