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

package/es/pages/Page/FolderItem/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/pages/Page/FolderItem/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1D,MAAM,OAAO,KAAK;IAIjB;QAHA,4BAA4B;QAChB;;;;mBAAkB,KAAK;WAAC;QAQpC;;;;mBAAwB,CAAC,QAAiB,EAAE,EAAE;gBAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC1B,CAAC;WAAC;QAPD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAOD;AAXY;IAAX,UAAU;uCAAyB;AAQpC;IAFC,MAAM;6CAIL"}

package/es/pages/Page/PageDefaultView/index.js

@@ -12,6 +12,7 @@ import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import PageItems from "../PageItems";
 import ToolBar from "../../../controls/ToolBar/ToolBar2";
 import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
 import { useRouteMatch } from "react-router";
 import { useTabItem } from "@voplus/morpho-data";
 const PageDefaultView = (props) => {
@@ -23,7 +24,7 @@ const PageDefaultView = (props) => {
     const page = usePage(id, { reload: true, includes: "tags,versions" });
     const tab = useTabItem();
     useEffect(() => {
-        tab.title = page.name;
+        runInAction(() => (tab.title = page.name));
     }, [page === null || page === void 0 ? void 0 : page.name]);
     useEffect(() => {
         if (expand)
@@ -61,7 +62,7 @@ const PageDefaultView = (props) => {
     }
 };
 PageDefaultView.defaultProps = {
-    expand: true,
+    expand: false,
 };
 export default PageDefaultView;
 //# sourceMappingURL=index.js.map

package/es/pages/Page/PageDefaultView/index.js.map

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

package/es/pages/Page/PageItem/index.js

@@ -1,37 +1,15 @@
 import "./index.less";
-import { Button, Tooltip } from "@voplus/antd";
-import { Versions } from "../../../controls/ToolBar/buttons";
-import { faBars, faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
-import DocumentHeader from "../../../components/DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FolderItem from "../FolderItem";
 import React from "react";
-import { State } from "./state";
-import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
-import ToolBar from "../../../controls/ToolBar/ToolBar2";
-import classnames from "classnames";
+import TextItem from "../TextItem";
 import { observe } from "@voplus/morpho-ui";
 import { useDocument } from "@voplus/morpho-document-core";
-import { usePageContext } from "../data";
 const PageItem = (props) => {
     const { id, connectDragSource } = props;
-    const context = usePageContext();
-    const state = context.getState(id, () => new State());
-    const text = useDocument(props.id);
-    return observe(() => (React.createElement("div", { id: id, className: "page-text-item" },
-        React.createElement(DocumentHeader, { id: id, size: "h3", clickNameEffect: "edit", autoSaveName: true, itemHover: true, skeletonVisible: false, quickDataBarVisible: false, flagVisible: false, onMouse: (over) => (state.over = over), pre: React.createElement("div", { className: "document-pre" }, state.over && connectDragSource && (React.createElement("div", null, connectDragSource(React.createElement("span", null, React.createElement(FAIcon, { icon: faBars, className: "page-move" })))))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
-                React.createElement(ToolBar, { id: id, menuProps: { size: "middle" } },
-                    React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
-                        React.createElement(Button, { size: "middle", shape: "circle", onClick: state.changeCollapse },
-                            React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))),
-                    React.createElement(Versions, { size: "middle" }))) }),
-        !state.collapse && (React.createElement(TextEditor2, { id: id, proseMirrorProps: {
-                className: classnames("padding-top-10"),
-                readonly: state.textOnly || text.readonly,
-                onClick: () => (state.textOnly = text.readonly || false),
-                onBlur: () => (state.textOnly = true),
-                showNoContent: true,
-                scroll: false,
-            } })))));
+    const page = useDocument(props.id);
+    return observe(() => (React.createElement(React.Fragment, null,
+        page.type === "Text" && React.createElement(TextItem, { id: id, connectDragSource: connectDragSource }),
+        page.type === "Document" && React.createElement(FolderItem, { id: id, connectDragSource: connectDragSource }))));
 };
 export default PageItem;
 //# sourceMappingURL=index.js.map

package/es/pages/Page/PageItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageItem/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,QAAQ,GAAG,CAAC,KAA8C,EAAE,EAAE;IACnE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ;QACb,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,GAAI;QAClF,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACzE,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/pages/Page/PageItem/index.less

@@ -1,34 +1,27 @@
 @import "~@voplus/antd/es/style/themes/index.less";
 :global {
-	.page-text-item {
+	.page-item {
 		position: relative;
-		background-color: @component-background;
-		.document-header-default {
-			padding: 10px 20px;
-			background-color: transparent;
-			.document-pre {
-				margin-right: 0 !important;
-				> div {
-					margin-right: 0.5rem;
-				}
-				.page-move {
-					color: #000;
-					cursor: move;
-				}
-			}
-		}
-		.ProseMirror-container {
-			min-height: 20rem;
-		}
-
+		background-color: @component-background;	
 		//&:not(:last-child) {
 		//border-bottom: 1px solid rgb(228, 230, 232);
 		//}
 	}
 
-	.page-item-tools {
-		> * {
-			display: inline-block;
+	.page-text-item {
+		.ProseMirror-container {
+			min-height: 20rem;
+		}
+		> .padding-top-10 {
+			// this is the class from prosemirror editor
+			padding: 0;
+			margin-top: -1px;
+			.ProseMirror-container {
+				border: 0;
+			}
+		}
+		.folder-document-list{
+			height: 350px;
 		}
 	}
 }

package/es/pages/Page/PageItemHeader/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./index.less";
+declare const PageItemHeader: (props: {
+    id: string;
+    collapse: boolean;
+    connectDragSource?: any;
+    changeCollapse?: ((collapse: boolean) => void) | undefined;
+}) => JSX.Element;
+export default PageItemHeader;

package/es/pages/Page/PageItemHeader/index.js

@@ -0,0 +1,34 @@
+import "./index.less";
+import { Button, Tooltip } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { faBars, faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
+import DocumentHeader from "../../../components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { State } from "./state";
+import ToolBar from "../../../controls/ToolBar/ToolBar2";
+import { Versions } from "../../../controls/ToolBar/buttons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const PageItemHeader = (props) => {
+    const { id, connectDragSource, collapse } = props;
+    const [state] = useState(new State());
+    useEffect(() => {
+        runInAction(() => (state.collapse = collapse));
+    }, [collapse]);
+    return observe(() => (React.createElement(DocumentHeader, { id: id, className: "page-item-header", size: "h2", clickNameEffect: "edit", autoSaveName: true, itemHover: true, skeletonVisible: false, quickDataBarVisible: false, flagVisible: false, onMouse: (over) => (state.over = over), pre: React.createElement(React.Fragment, null, state.over && connectDragSource && (React.createElement("div", { className: "page-move" }, connectDragSource(React.createElement("span", null, React.createElement(FAIcon, { icon: faBars })))))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
+            React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
+                React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
+                    React.createElement(Button, { size: "middle", shape: "circle", onClick: changeCollapse },
+                        React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))),
+                React.createElement(Versions, { size: "middle" }))) })));
+    /** change item collapse */
+    function changeCollapse() {
+        runInAction(() => {
+            var _a;
+            state.collapse = !state.collapse;
+            (_a = props.changeCollapse) === null || _a === void 0 ? void 0 : _a.call(props, state.collapse);
+        });
+    }
+};
+export default PageItemHeader;
+//# sourceMappingURL=index.js.map

package/es/pages/Page/PageItemHeader/index.js.map

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

package/es/pages/Page/PageItemHeader/index.less

@@ -0,0 +1,27 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+:global {
+	.page-item-header {
+		background-color: transparent;
+		.document-pre {
+			margin-right: 0 !important;
+			line-height: unset !important;
+			> div {
+				margin-right: 0.5rem;
+			}
+			.page-move {
+				color: lightgray;
+				cursor: move;
+				font-size: 50%;
+				svg {
+					vertical-align: middle;
+				}
+			}
+		}
+	}
+	
+	.page-item-tools {
+		> * {
+			display: inline-block;
+		}
+	}
+}

package/es/pages/Page/PageItemHeader/state.d.ts

@@ -0,0 +1,8 @@
+import { IPageItemState } from "../data/IPageItemState";
+export declare class State implements IPageItemState {
+    /** collapse PageTextItem */
+    collapse: boolean;
+    /** over of MouseOver */
+    over: boolean;
+    constructor();
+}

package/es/pages/Page/PageItemHeader/state.js

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** collapse PageTextItem */
+        Object.defineProperty(this, "collapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** over of MouseOver */
+        Object.defineProperty(this, "over", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "collapse", void 0);
+__decorate([
+    observable
+], State.prototype, "over", void 0);
+//# sourceMappingURL=state.js.map

package/es/pages/Page/PageItemHeader/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageItemHeader/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAU,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1D,MAAM,OAAO,KAAK;IAMjB;QALA,4BAA4B;QAChB;;;;mBAAkB,KAAK;WAAC;QACpC,wBAAwB;QACZ;;;;mBAAc,KAAK;WAAC;QAG/B,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AAPY;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;mCAAqB"}

package/es/pages/Page/PageItems/index.js

@@ -38,7 +38,10 @@ const PageItems = (props) => {
         React.createElement(PlusDropDown, { className: classnames("plus-icon-position", { hide: state.addAble || !!readonly }), menu: React.createElement(Menu, { onClick: state.selectType },
                 React.createElement(Menu.Item, { key: "Text", style: { fontSize: "15px" } },
                     meta.getIcon({ type: "Text" }),
-                    " Text")) }))));
+                    " Text"),
+                React.createElement(Menu.Item, { key: "Document", style: { fontSize: "15px" } },
+                    meta.getIcon({ type: "Folder" }),
+                    " Folder")) }))));
     /** document sort */
     async function moveAfter(id, afterId, list) {
         await documentStore.moveAfter(id, afterId);

package/es/pages/Page/PageItems/index.js.map

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

package/es/pages/Page/PageItems/index.less

@@ -5,15 +5,31 @@
 		.list-view-header {
 			display: none;
 		}
+		// begin ugly code to set items height
+		> div > .list-view-main {
+			> div > div > div {
+				height: 100%;
+				> div {
+					background-color: @background-color-base;
+				}
+			}
+		}
+		// end ugly code to set items height
+
 		.page-item-card {
 			max-width: 70rem;
 			margin-left: auto;
 			margin-right: auto;
-			padding: 0 1rem 1rem 1rem;
+			padding: 0 1rem 0 1rem;
 			background-color: @background-color-base;
 			&.page-item-card_zero {
 				padding-top: 1rem;
 			}
+			.page-item-header {
+				padding: 10px 0;
+				margin: 0 20px;
+				border-bottom: 1px solid #eee;
+			}
 		}
 	}
 	.new-page-item-form {

package/es/pages/Page/TextItem/index.d.ts

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

package/es/pages/Page/TextItem/index.js

@@ -0,0 +1,36 @@
+import React, { useEffect } from "react";
+import { autorun, runInAction } from "mobx";
+import PageItemHeader from "../PageItemHeader";
+import { State } from "./state";
+import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { usePageContext } from "../data";
+const TextItem = (props) => {
+    const { id, connectDragSource } = props;
+    const context = usePageContext();
+    const state = context.getState(id, () => new State());
+    const text = useDocument(props.id);
+    useEffect(() => autorun(() => context.setCollapse(id, state.collapse)), [id]);
+    useEffect(() => {
+        runInAction(() => {
+            context._data.map((i) => {
+                if (i.id === id)
+                    state.collapse = i.collapse;
+            });
+        });
+    }, [context.collapsed]);
+    return observe(() => (React.createElement("div", { id: id, className: "page-item page-text-item" },
+        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse }),
+        !state.collapse && (React.createElement(TextEditor2, { id: id, proseMirrorProps: {
+                className: classnames("padding-top-10"),
+                readonly: state.textOnly || text.readonly,
+                onClick: () => runInAction(() => (state.textOnly = text.readonly || false)),
+                onBlur: () => runInAction(() => (state.textOnly = true)),
+                showNoContent: true,
+                scroll: false,
+            } })))));
+};
+export default TextItem;
+//# sourceMappingURL=index.js.map

package/es/pages/Page/TextItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/TextItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,WAAW,MAAM,+CAA+C,CAAC;AACxE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,QAAQ,GAAG,CAAC,KAA8C,EAAE,EAAE;IACnE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE;oBAAE,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;YAC9C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAExB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B;QAChD,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,KAAK,CAAC,cAAc,GACnC;QACD,CAAC,KAAK,CAAC,QAAQ,IAAI,CACnB,oBAAC,WAAW,IACX,EAAE,EAAE,EAAE,EACN,gBAAgB,EAAE;gBACjB,SAAS,EAAE,UAAU,CAAC,gBAAgB,CAAC;gBACvC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;gBACzC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC;gBAC3E,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;gBACxD,aAAa,EAAE,IAAI;gBACnB,MAAM,EAAE,KAAK;aACb,GACA,CACF,CACI,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/pages/Page/{PageItem → TextItem}/state.d.ts

@@ -2,10 +2,8 @@ import { IPageItemState } from "../data/IPageItemState";
 export declare class State implements IPageItemState {
     /** collapse PageTextItem */
     collapse: boolean;
-    /** over of MouseOver */
-    over: boolean;
     /** readOnly of TextEditor */
     textOnly: boolean;
     constructor();
-    changeCollapse(): void;
+    changeCollapse: (collapse: boolean) => void;
 }

package/es/pages/Page/{PageItem → TextItem}/state.js

@@ -9,36 +9,31 @@ export class State {
             writable: true,
             value: false
         });
-        /** over of MouseOver */
-        Object.defineProperty(this, "over", {
+        /** readOnly of TextEditor */
+        Object.defineProperty(this, "textOnly", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: false
+            value: true
         });
-        /** readOnly of TextEditor */
-        Object.defineProperty(this, "textOnly", {
+        Object.defineProperty(this, "changeCollapse", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: true
+            value: (collapse) => {
+                this.collapse = collapse;
+            }
         });
         makeObservable(this);
     }
-    changeCollapse() {
-        this.collapse = !this.collapse;
-    }
 }
 __decorate([
     observable
 ], State.prototype, "collapse", void 0);
-__decorate([
-    observable
-], State.prototype, "over", void 0);
 __decorate([
     observable
 ], State.prototype, "textOnly", void 0);
 __decorate([
     action
-], State.prototype, "changeCollapse", null);
+], State.prototype, "changeCollapse", void 0);
 //# sourceMappingURL=state.js.map

package/es/pages/Page/TextItem/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/pages/Page/TextItem/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1D,MAAM,OAAO,KAAK;IAMjB;QALA,4BAA4B;QAChB;;;;mBAAkB,KAAK;WAAC;QACpC,6BAA6B;QACjB;;;;mBAAkB,IAAI;WAAC;QAQnC;;;;mBAAwB,CAAC,QAAiB,EAAE,EAAE;gBAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC1B,CAAC;WAAC;QAPD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAOD;AAbY;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;uCAAwB;AAQnC;IAFC,MAAM;6CAIL"}

package/es/pages/Page/data/PageContext.d.ts

@@ -3,12 +3,18 @@ import { IPageItemState } from "./IPageItemState";
 export declare class PageContextState {
     /** All page item states. */
     private states;
+    /** The data of the list. */
+    _data: {
+        id: string;
+        collapse: boolean;
+    }[];
     constructor();
     /** Try to get an existing page state or create a new one if it's not already exists.
      * @param key - Key of the page options state.
      * @param factory - factor to create a new option state.
      */
     getState<T extends IPageItemState>(key: string, factory: () => T): T;
+    setCollapse(id: string, collapse: boolean): void;
     /** collapse or expand all page items. */
     collapse(collapse: boolean): void;
     /** whether all page items being collapsed. */

package/es/pages/Page/data/PageContext.js

@@ -10,6 +10,13 @@ export class PageContextState {
             writable: true,
             value: new Map()
         });
+        /** The data of the list. */
+        Object.defineProperty(this, "_data", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
         Object.defineProperty(this, "reload", {
             enumerable: true,
             configurable: true,
@@ -27,16 +34,28 @@ export class PageContextState {
             this.states.set(key, factory());
         return this.states.get(key);
     }
+    setCollapse(id, collapse) {
+        const item = this._data.find((i) => i.id === id);
+        if (!item) {
+            this._data.push({ id, collapse });
+        }
+        else {
+            this._data.map((i) => {
+                if (i.id === item.id)
+                    i.collapse = collapse;
+            });
+        }
+    }
     /** collapse or expand all page items. */
     collapse(collapse) {
-        for (const s of this.states) {
-            s[1].collapse = collapse;
+        for (const s of this._data) {
+            s.collapse = collapse;
         }
     }
     /** whether all page items being collapsed. */
     get collapsed() {
-        for (const s of this.states) {
-            if (s[1].collapse == false)
+        for (const s of this._data) {
+            if (s.collapse == false)
                 return false;
         }
         return true;
@@ -44,7 +63,10 @@ export class PageContextState {
 }
 __decorate([
     observable
-], PageContextState.prototype, "states", void 0);
+], PageContextState.prototype, "_data", void 0);
+__decorate([
+    action
+], PageContextState.prototype, "setCollapse", null);
 __decorate([
     action
 ], PageContextState.prototype, "collapse", null);

package/es/pages/Page/data/PageContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContext.js","sourceRoot":"","sources":["../../../../src/pages/Page/data/PageContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,OAAO,gBAAgB;IAK5B;QAJA,4BAA4B;QAE5B;;;;mBAA8C,IAAI,GAAG,EAAE;WAAC;QAgC5C;;;;mBAAgB,IAAI;WAAC;QA7BhC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED;;;OAGG;IACI,QAAQ,CAA2B,GAAW,EAAE,OAAgB;QACtE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;IAED,yCAAyC;IAElC,QAAQ,CAAC,QAAiB;QAChC,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE;YAC5B,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC;SACzB;IACF,CAAC;IAED,8CAA8C;IAE9C,IAAW,SAAS;QACnB,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE;YAC5B,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAK;gBAAE,OAAO,KAAK,CAAC;SACzC;QACD,OAAO,IAAI,CAAC;IACb,CAAC;CAGD;AAjCA;IADC,UAAU;gDAC6C;AAiBxD;IADC,MAAM;gDAKN;AAID;IADC,QAAQ;iDAMR;AAEW;IAAX,UAAU;gDAAsB;AAGlC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAmB,IAAW,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"PageContext.js","sourceRoot":"","sources":["../../../../src/pages/Page/data/PageContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,OAAO,gBAAgB;IAM5B;QALA,4BAA4B;QAC5B;;;;mBAA8C,IAAI,GAAG,EAAE;WAAC;QACxD,4BAA4B;QAChB;;;;mBAAoD,EAAE;WAAC;QA6CvD;;;;mBAAgB,IAAI;WAAC;QA1ChC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED;;;OAGG;IACI,QAAQ,CAA2B,GAAW,EAAE,OAAgB;QACtE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;IAIM,WAAW,CAAC,EAAU,EAAE,QAAiB;QAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QACjD,IAAI,CAAC,IAAI,EAAE;YACV,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;SAClC;aAAM;YACN,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACpB,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE;oBAAE,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC7C,CAAC,CAAC,CAAC;SACH;IACF,CAAC;IAED,yCAAyC;IAElC,QAAQ,CAAC,QAAiB;QAChC,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE;YAC3B,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC;SACtB;IACF,CAAC;IAED,8CAA8C;IAE9C,IAAW,SAAS;QACnB,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE;YAC3B,IAAI,CAAC,CAAC,QAAQ,IAAI,KAAK;gBAAE,OAAO,KAAK,CAAC;SACtC;QACD,OAAO,IAAI,CAAC;IACb,CAAC;CAGD;AA9CY;IAAX,UAAU;+CAAwD;AAiBnE;IAFC,MAAM;mDAWN;AAID;IADC,MAAM;gDAKN;AAID;IADC,QAAQ;iDAMR;AAEW;IAAX,UAAU;gDAAsB;AAGlC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAmB,IAAW,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC"}

package/es/pages/Signature/Envelope/EnvelopeRecipientView/TourGuide.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TourGuide: () => JSX.Element;
+export default TourGuide;

package/es/pages/Signature/Envelope/EnvelopeRecipientView/TourGuide.js

@@ -0,0 +1,24 @@
+import React, { useState } from "react";
+import { State } from "./state";
+import Tour from "reactour";
+import { observe } from "@voplus/morpho-ui";
+const TourGuide = () => {
+    const [state] = useState(new State(""));
+    const steps = [
+        {
+            selector: '[data-tut="document-list"]',
+            content: "Please choose the relevant document(s) from the list.",
+        },
+        {
+            selector: '[data-tut="sign"]',
+            content: "Review the content and sign the document(s) accordingly.",
+        },
+        {
+            selector: '[data-tut="activity-log"]',
+            content: "View user activities history.",
+        },
+    ];
+    return observe(() => (React.createElement(React.Fragment, null, state.tourVisible && (React.createElement(Tour, { steps: steps, isOpen: state.isTourOpen, onRequestClose: state.closeTour })))));
+};
+export default TourGuide;
+//# sourceMappingURL=TourGuide.js.map

package/es/pages/Signature/Envelope/EnvelopeRecipientView/TourGuide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TourGuide.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Envelope/EnvelopeRecipientView/TourGuide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,IAAI,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACtB,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAExC,MAAM,KAAK,GAAG;QACb;YACC,QAAQ,EAAE,4BAA4B;YACtC,OAAO,EAAE,uDAAuD;SAChE;QACD;YACC,QAAQ,EAAE,mBAAmB;YAC7B,OAAO,EAAE,0DAA0D;SACnE;QACD;YACC,QAAQ,EAAE,2BAA2B;YACrC,OAAO,EAAE,+BAA+B;SACxC;KACD,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,0CACE,KAAK,CAAC,WAAW,IAAI,CACrB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE,cAAc,EAAE,KAAK,CAAC,SAAS,GAAI,CACjF,CACC,CACH,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js

@@ -1,6 +1,8 @@
 import "./index.less";
 import { Button, Card, Checkbox, Spin } from "@voplus/antd";
+import { EnvelopeContext, EnvelopeContextState } from "../../data/EnvelopeContext";
 import React, { useState } from "react";
+import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
 import DescriptionEditor from "../../../../controls/DescriptionEditor";
 import { LoadingOutlined } from "@ant-design/icons";
 import MobileView from "./mobile";
@@ -8,14 +10,17 @@ import PcView from "./pc";
 import { State } from "./state";
 import { observe } from "@voplus/morpho-ui";
 import { runInAction } from "mobx";
-import { useEnvelope } from "../../data/envelope";
+import { useApplicationContext } from "@voplus/morpho-data";
 import { useRouteMatch } from "react-router";
 const EnvelopeRecipientView = () => {
     const sUserAgent = navigator.userAgent.toLowerCase();
     const match = useRouteMatch();
     const id = match.params.id;
+    const { user } = useApplicationContext();
     const [state] = useState(new State(id));
     const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
+    const envelopStore = useEnvelopeStore();
+    const [context] = useState(new EnvelopeContextState(id, envelopStore, user.info.id, true));
     const DescriptionPage = () => observe(() => (React.createElement("div", { className: "envelope-recipient_description_page" },
         React.createElement(Card, { title: `Digital Signature Envelope - ${envelope.name || "***"}`, className: "steps-content" },
             React.createElement(DescriptionEditor, { id: id, collapsible: false, description: envelope.description, readonly: true, padding: "0" }),
@@ -27,7 +32,7 @@ const EnvelopeRecipientView = () => {
             React.createElement("div", { className: "continue-btn" },
                 React.createElement(Button, { type: "primary", onClick: () => runInAction(() => (state.continue = true)) }, "Continue"))))));
     return observe(() => (React.createElement(React.Fragment, null, envelope.loading ? (React.createElement("div", { style: { textAlign: "center" } },
-        React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 30 }, spin: true }) }))) : envelope.description && !state.doNotShow && !state.continue ? (React.createElement(DescriptionPage, null)) : (React.createElement(React.Fragment, null, /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent) ? (React.createElement(MobileView, { id: id })) : (React.createElement(PcView, { id: id })))))));
+        React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 30 }, spin: true }) }))) : envelope.description && !state.doNotShow && !state.continue ? (React.createElement(DescriptionPage, null)) : (React.createElement(EnvelopeContext.Provider, { value: context }, /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent) ? (React.createElement(MobileView, { id: id })) : (React.createElement(PcView, { id: id })))))));
 };
 export default EnvelopeRecipientView;
 //# sourceMappingURL=index.js.map