@voplus/morpho-document 1.2.0-dev30 → 1.2.1

package/es/data/ActivityStore/hook.d.ts

@@ -5,5 +5,5 @@ import { ListDataContextState } from "@voplus/morpho-ui/es/data";
  * @param {string} id - id of the Activity
  * @param {LoadActivityOptions} options - options
  */
-export declare const useActivity: (id: string, options?: LoadActivityOptions | undefined) => IActivity;
+export declare const useActivity: (id: string, options?: LoadActivityOptions | undefined) => import("@voplus/morpho-document-core").IActivityLog;
 export declare const useActivityListEffect: (list: ListDataContextState<IActivity> | null, effect: (list: any[]) => void, options?: LoadDocumentListOptions | undefined) => void;

package/es/data/ActivityStore/interfaces.d.ts

@@ -1,15 +1,21 @@
 import { ILoadable } from "@voplus/morpho-data";
 export declare type ActivityAction = "Created" | "Changed" | "Deleted";
+/** @deprecated use the interface in document-core */
 export interface ICollaborationTarget {
     /** Id of the target. */
     id: string;
     /** Name of the collaboration target. */
     name: string;
+    /** email of the target. */
+    email?: string;
+    /** ip of the target. */
+    iP?: string;
     /** type of the target. */
     type: string;
     /** target object if the collaboration object is a link */
     target?: ICollaborationTarget;
 }
+/** @deprecated use the interface in document-core */
 /** Represent an activity log. */
 export interface IActivity extends ILoadable {
     /** Id of the log. */

package/es/data/metas/PageMeta.js

@@ -1,7 +1,7 @@
 import { DefaultDocumentTypeMeta } from "../..";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import PagePropertiesView from "../../pages/Page/PagePropertiesView";
-import PageQuickView from "../../pages/Page/PageQuickView";
+import PagePropertiesView from "../../modules/page/views/PagePropertiesView";
+import PageQuickView from "../../modules/page/views/PageQuickView";
 import React from "react";
 import { faBookAlt } from "@fortawesome/pro-light-svg-icons";
 /** Meta information for shortcut. */

package/es/data/metas/PageMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageMeta.js","sourceRoot":"","sources":["../../../src/data/metas/PageMeta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAE3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,qCAAqC;AACrC,MAAM,OAAO,QAAS,SAAQ,uBAAuB;IAMpD,YAA2B,KAAwB;QAClD,KAAK,EAAE,CAAC;;;;;mBADkB;;IAE3B,CAAC;IAND,IAAW,IAAI;QACd,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAC1B,CAAC;IAMM,QAAQ,CAAC,QAAmB;QAClC,OAAO,SAAS,QAAQ,CAAC,EAAE,EAAE,CAAC;IAC/B,CAAC;IAEM,OAAO;QACb,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAI,CAAC;IAC7C,CAAC;IAEM,iBAAiB,CAAC,QAAmB;QAC3C,OAAO,oBAAC,kBAAkB,IAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAI,CAAC;IAChD,CAAC;IAEM,YAAY,CAAC,QAAmB,EAAE,KAAqB;QAC7D,OAAO,oBAAC,aAAa,IAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAAC;IAC7F,CAAC;;AAvBD;;;;WAAyB,MAAM;GAAC"}
+{"version":3,"file":"PageMeta.js","sourceRoot":"","sources":["../../../src/data/metas/PageMeta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,kBAAkB,MAAM,6CAA6C,CAAC;AAC7E,OAAO,aAAa,MAAM,wCAAwC,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,qCAAqC;AACrC,MAAM,OAAO,QAAS,SAAQ,uBAAuB;IAMpD,YAA2B,KAAwB;QAClD,KAAK,EAAE,CAAC;;;;;mBADkB;;IAE3B,CAAC;IAND,IAAW,IAAI;QACd,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAC1B,CAAC;IAMM,QAAQ,CAAC,QAAmB;QAClC,OAAO,SAAS,QAAQ,CAAC,EAAE,EAAE,CAAC;IAC/B,CAAC;IAEM,OAAO;QACb,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAI,CAAC;IAC7C,CAAC;IAEM,iBAAiB,CAAC,QAAmB;QAC3C,OAAO,oBAAC,kBAAkB,IAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAI,CAAC;IAChD,CAAC;IAEM,YAAY,CAAC,QAAmB,EAAE,KAAqB;QAC7D,OAAO,oBAAC,aAAa,IAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAAC;IAC7F,CAAC;;AAvBD;;;;WAAyB,MAAM;GAAC"}

package/es/modules/graph/components/GraphEditor/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+/** The Graph editor component . */
+declare const GraphEditor: (props: {
+    id: string;
+}) => JSX.Element;
+export default GraphEditor;

package/es/modules/graph/components/GraphEditor/index.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+/** The Graph editor component . */
+const GraphEditor = (props) => {
+    const context = useApplicationContext();
+    const path = `/mxgraph/editor/index.html?id=${props.id}&access_token=${encodeURIComponent(context.user.info.accessToken)}`;
+    return observe(() => (React.createElement("iframe", { src: `${context.api.currentEndPoint.url(path)}`, style: { width: "100%", height: "100%" }, frameBorder: "0" })));
+};
+export default GraphEditor;
+//# sourceMappingURL=index.js.map

package/es/modules/graph/components/GraphEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,mCAAmC;AACnC,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,iCAAiC,KAAK,CAAC,EAAE,iBAAiB,kBAAkB,CACxF,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAC7B,EAAE,CAAC;IAEJ,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,gCACC,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,WAAW,EAAC,GAAG,GACd,CACF,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/modules/graph/components/GraphViewer/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./index.less";
+declare const GraphViewer: (props: {
+    id: string;
+    /** auto height make viewer same height as graph content. */
+    autoHeight?: boolean;
+}) => JSX.Element;
+export default GraphViewer;

package/es/modules/graph/components/GraphViewer/index.js

@@ -0,0 +1,24 @@
+import "./index.less";
+import React, { useEffect, useState } from "react";
+import IframeResizer from "iframe-resizer-react";
+import Panable from "@voplus/morpho-ui/es/controls/Panable";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data"; // eslint-disable-line
+const GraphViewer = (props) => {
+    const context = useApplicationContext();
+    const [height, setHeight] = useState(null);
+    useEffect(() => {
+        if (props.autoHeight !== true)
+            setHeight(null);
+    });
+    const path = `/mxgraph/editor/viewer.html?id=${props.id}&access_token=${encodeURIComponent(context.user.info.accessToken)}`;
+    return observe(() => (React.createElement("div", { className: "graph-viewer", style: { height: height ? `${height}px` : undefined } },
+        React.createElement(Panable, { scroll: true },
+            React.createElement(IframeResizer, { onResized: handleIFrameResize, src: `${context.api.currentEndPoint.url(path)}`, style: { pointerEvents: "none" }, frameBorder: "0", scrolling: false, sizeWidth: true })))));
+    function handleIFrameResize(ev) {
+        if (props.autoHeight)
+            setHeight(+ev.height + 10);
+    }
+};
+export default GraphViewer;
+//# sourceMappingURL=index.js.map

package/es/modules/graph/components/GraphViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC,CAAC,sBAAsB;AAEnF,MAAM,WAAW,GAAG,CAAC,KAIpB,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;YAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,kCAAkC,KAAK,CAAC,EAAE,iBAAiB,kBAAkB,CACzF,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAC7B,EAAE,CAAC;IAEJ,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE;QAClF,oBAAC,OAAO,IAAC,MAAM;YACd,oBAAC,aAAa,IACb,SAAS,EAAE,kBAAkB,EAC7B,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAC/C,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAChC,WAAW,EAAC,GAAG,EACf,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,GACd,CACO,CACL,CACN,CAAC,CAAC;IAEH,SAAS,kBAAkB,CAAC,EAAmB;QAC9C,IAAI,KAAK,CAAC,UAAU;YAAE,SAAS,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAClD,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/modules/graph/components/GraphViewer/index.less

@@ -0,0 +1,4 @@
+:global {
+	.graph-viewer {
+	}
+}

package/es/{pages → modules/graph/pages}/GraphEditorPage/index.js

@@ -1,7 +1,9 @@
-import React from "react";
 import { observe, useAutorunEffect } from "@voplus/morpho-ui";
 import { useApplicationContext, useTabItem } from "@voplus/morpho-data";
 import { Empty } from "@voplus/antd";
+import GraphEditor from "../../components/GraphEditor";
+import GraphViewer from "../../components/GraphViewer";
+import React from "react";
 import { useDocument } from "@voplus/morpho-document-core";
 import { useParams } from "react-router";
 /** The Graph Page component with router parameters support. */
@@ -9,13 +11,12 @@ const GraphEditorPage = () => {
     const context = useApplicationContext();
     const params = useParams();
     const doc = useDocument(params.id);
-    const path = `/mxgraph/editor/index.html?id=${params.id}&access_token=${encodeURIComponent(context.user.info.accessToken)}`;
     const tab = useTabItem();
     useAutorunEffect(() => {
         var _a;
         tab.title = (_a = doc.name) !== null && _a !== void 0 ? _a : "Document";
     });
-    return observe(() => doc.loaded ? (React.createElement("iframe", { src: `${context.api.currentEndPoint.url(path)}`, style: { width: "100%", height: "100%" } })) : (React.createElement(Empty, null)));
+    return observe(() => doc.loaded ? (doc.readonly ? (React.createElement(GraphViewer, { id: params.id })) : (React.createElement(GraphEditor, { id: params.id }))) : (React.createElement(Empty, null)));
 };
 export default GraphEditorPage;
 //# sourceMappingURL=index.js.map

package/es/modules/graph/pages/GraphEditorPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/pages/GraphEditorPage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,+DAA+D;AAC/D,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,SAAS,EAAkB,CAAC;IAE3C,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAEnC,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IAEzB,gBAAgB,CAAC,GAAG,EAAE;;QACrB,GAAG,CAAC,KAAK,GAAG,MAAA,GAAG,CAAC,IAAI,mCAAI,UAAU,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CACZ,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CACd,oBAAC,WAAW,IAAC,EAAE,EAAE,MAAM,CAAC,EAAE,GAAI,CAC9B,CAAC,CAAC,CAAC,CACH,oBAAC,WAAW,IAAC,EAAE,EAAE,MAAM,CAAC,EAAE,GAAI,CAC9B,CACD,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,OAAG,CACT,CACD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/modules/page/components/FolderItem/index.d.ts

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

package/es/modules/page/components/FolderItem/index.js

@@ -0,0 +1,26 @@
+import React, { useEffect } from "react";
+import { autorun, runInAction } from "mobx";
+import DocumentList from "../../../../components/DocumentList";
+import PageItemHeader from "../PageItemHeader";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { usePageContext } from "../../data";
+const FolderItem = (props) => {
+    const { id, connectDragSource } = props;
+    const context = usePageContext();
+    const state = context.getState(id, () => new State());
+    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(DocumentList, { id: id, header: true, className: "folder-document-list" }))));
+};
+export default FolderItem;
+//# sourceMappingURL=index.js.map

package/es/modules/page/components/FolderItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/FolderItem/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,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,UAAU,GAAG,CAAC,KAA8C,EAAE,EAAE;IACrE,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;IAEtD,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,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,GAAG,CACtF,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/modules/page/components/FolderItem/state.d.ts

@@ -0,0 +1,7 @@
+import { IPageItemState } from "../../data/IPageItemState";
+export declare class State implements IPageItemState {
+    /** collapse PageTextItem */
+    collapse: boolean;
+    constructor();
+    changeCollapse: (collapse: boolean) => void;
+}

package/es/modules/page/components/FolderItem/state.js

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

package/es/modules/page/components/FolderItem/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/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/modules/page/components/GraphItem/index.d.ts

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

package/es/modules/page/components/GraphItem/index.js

@@ -0,0 +1,26 @@
+import React, { useEffect } from "react";
+import { autorun, runInAction } from "mobx";
+import GraphViewer from "../../../graph/components/GraphViewer";
+import PageItemHeader from "../PageItemHeader";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { usePageContext } from "../../data";
+const GraphItem = (props) => {
+    const { id, connectDragSource } = props;
+    const context = usePageContext();
+    const state = context.getState(id, () => new State());
+    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-graph-item" },
+        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse, openVisible: true }),
+        !state.collapse && React.createElement(GraphViewer, { id: id, autoHeight: true }))));
+};
+export default GraphItem;
+//# sourceMappingURL=index.js.map

package/es/modules/page/components/GraphItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/GraphItem/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,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAA8C,EAAE,EAAE;IACpE,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;IAEtD,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,2BAA2B;QACjD,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,WAAW,EAAE,IAAI,GAChB;QACD,CAAC,KAAK,CAAC,QAAQ,IAAI,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,SAAG,CACjD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/modules/page/components/GraphItem/state.d.ts

@@ -0,0 +1,7 @@
+import { IPageItemState } from "../../data/IPageItemState";
+export declare class State implements IPageItemState {
+    /** collapse PageTextItem */
+    collapse: boolean;
+    constructor();
+    changeCollapse: (collapse: boolean) => void;
+}

package/es/modules/page/components/GraphItem/state.js

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

package/es/modules/page/components/GraphItem/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/GraphItem/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/modules/page/components/PageItem/index.js

@@ -0,0 +1,17 @@
+import "./index.less";
+import FolderItem from "../FolderItem";
+import GraphItem from "../GraphItem";
+import React from "react";
+import TextItem from "../TextItem";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+const PageItem = (props) => {
+    const { id, connectDragSource } = props;
+    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 }),
+        page.type === "Graph" && React.createElement(GraphItem, { id: id, connectDragSource: connectDragSource }))));
+};
+export default PageItem;
+//# sourceMappingURL=index.js.map

package/es/modules/page/components/PageItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/PageItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,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;QACxF,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACrE,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/modules/page/components/PageItem/index.less

@@ -0,0 +1,27 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+:global {
+	.page-item {
+		position: relative;
+		background-color: @component-background;
+		//&:not(:last-child) {
+		//border-bottom: 1px solid rgb(228, 230, 232);
+		//}
+	}
+
+	.page-text-item {
+		.ProseMirror-container {
+			min-height: 5rem;
+		}
+		> .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/modules/page/components/PageItemHeader/index.d.ts

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

package/es/modules/page/components/PageItemHeader/index.js

@@ -0,0 +1,37 @@
+import "./index.less";
+import { Button, Tooltip } from "@voplus/antd";
+import { Open, Versions } from "../../../../controls/ToolBar/buttons";
+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 { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useMetaStore } from "../../../../data";
+const PageItemHeader = (props) => {
+    const { id, connectDragSource, collapse } = props;
+    const meta = useMetaStore();
+    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 }))),
+                props.openVisible && (React.createElement(Open, { size: "middle", url: meta.getRoute({ type: "Graph", id: id }) })),
+                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/modules/page/components/PageItemHeader/index.js.map

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

package/es/modules/page/components/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/modules/page/components/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/modules/page/components/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/modules/page/components/PageItemHeader/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/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 → modules/page/components}/PageItems/index.js

@@ -5,13 +5,13 @@ import React, { useState } from "react";
 import { useAutoUpdateListData, useDocumentListEffect, useDocumentStore, } from "@voplus/morpho-document-core";
 import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
 import { Menu } from "@voplus/antd";
-import NewDocumentForm from "../../../components/NewDocumentForm";
+import NewDocumentForm from "../../../../components/NewDocumentForm";
 import PageItem from "../PageItem";
 import PlusDropDown from "../PlusDropDown";
 import { State } from "./state";
 import classnames from "classnames";
 import { observe } from "@voplus/morpho-ui";
-import { useMetaStore } from "../../../data/DocumentMetaStore";
+import { useMetaStore } from "../../../../data/DocumentMetaStore";
 const PageItems = (props) => {
     const { id, readonly } = props;
     const meta = useMetaStore();
@@ -33,12 +33,18 @@ const PageItems = (props) => {
                 sortable: false,
                 addAble: false,
             }, renderItem: ({ item, index, connectDragSource }) => (React.createElement(Card, { className: classnames("page-item-card", { "page-item-card_zero": index === 0 }) },
-                React.createElement(PageItem, { id: item.id, connectDragSource: connectDragSource }))), moveAfter: moveAfter }),
-        React.createElement(NewDocumentForm, { parentId: id, type: state.type, className: classnames("new-page-item-form", { show: state.addAble }), onCancel: () => (state.addAble = false) }),
+                React.createElement(PageItem, { id: item.id, connectDragSource: connectDragSource }))), moveAfter: moveAfter, dragDropContainerClassName: "page-dd-item-container", infiniteScrollViewProps: { className: "page-scroll-view" } }),
+        React.createElement(NewDocumentForm, { parentId: id, type: state.type, placeholder: `Add a ${state.type} to this page`, className: classnames("new-page-item-form", { show: state.addAble }), onCancel: () => (state.addAble = false) }),
         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: "Graph", style: { fontSize: "15px" } },
+                    meta.getIcon({ type: "Graph" }),
+                    " Graph"),
+                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/modules/page/components/PageItems/index.js.map

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

package/es/{pages/Page → modules/page/components}/PageItems/index.less

@@ -5,15 +5,19 @@
 		.list-view-header {
 			display: none;
 		}
-		// begin ugly code to set items height
-		> div > .list-view-main {
-			> div > div > div {
+
+		// set height
+		.page-scroll-view {
+			height: 100%;
+			> div {
 				height: 100%;
-				> div {
-					background-color: @background-color-base;
-				}
+				background-color: @background-color-base;
+			}
+			.page-dd-item-container {
+				background-color: @background-color-base;
 			}
 		}
+
 		// end ugly code to set items height
 
 		.page-item-card {

package/es/{pages/Page → modules/page/components}/PageItems/state.d.ts

@@ -1,5 +1,5 @@
 import { MenuInfo } from "rc-menu/es/interface";
-import { docType } from "../../../data";
+import { docType } from "../../../../data";
 export declare class State {
     /** Enable of new Text  */
     addAble: boolean;

package/es/modules/page/components/PageItems/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/PageItems/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAK1D,MAAM,OAAO,KAAK;IAMjB;QALA,0BAA0B;QACd;;;;mBAAiB,KAAK;WAAC;QACnC,uBAAuB;QACX;;;;;WAAqB;QAQjC;;;;mBAAoB,CAAC,EAAE,GAAG,EAAY,EAAE,EAAE;gBACzC,IAAI,CAAC,IAAI,GAAG,GAAc,CAAC;gBAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACrB,CAAC;WAAC;QARD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAQD;AAdY;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;mCAAsB;AAQjC;IAFC,MAAM;yCAKL"}

package/es/modules/page/components/PlusDropDown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/PlusDropDown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,YAAY,GAAG,CAAC,KAAiD,EAAE,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,QAAQ,GAAG,CAChB,8BAAM,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC;QAClD,oBAAC,YAAY,OAAG,CACV,CACP,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,WAAW,IAC5C,QAAQ,CACC,CACX,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/modules/page/components/TextItem/index.d.ts

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