@voplus/morpho-document 1.4.99 → 1.4.101

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

@@ -1,11 +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;
+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/GraphQuickViewDialog/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare const GraphQuickViewDialog: (props: {
-    id: string;
-    visible?: boolean;
-    onCancel?: () => void;
-}) => JSX.Element;
-export default GraphQuickViewDialog;
+/// <reference types="react" />
+declare const GraphQuickViewDialog: (props: {
+    id: string;
+    visible?: boolean;
+    onCancel?: () => void;
+}) => JSX.Element;
+export default GraphQuickViewDialog;

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

@@ -1,43 +1,43 @@
-import { ArrowLeftOutlined, CloseOutlined } from "@ant-design/icons";
-import { AsideContent, observe } from "@voplus/morpho-ui";
-import { Button, Tooltip } from "@voplus/antd";
-import { QuickSubContent, QuickSubTab } from "../../../../components/QuickViewDialog/QuickSubTab";
-import React, { useState } from "react";
-import DocumentHeader from "../../../../components/DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import GraphViewer from "../GraphViewer";
-import QuickModal from "../../../../components/QuickViewDialog/QuickModal";
-import { faExternalLink } from "@fortawesome/pro-light-svg-icons";
-import { useLayout } from "@voplus/morpho-data";
-const GraphQuickViewDialog = (props) => {
-    const layout = useLayout();
-    const [subTab, setSubTab] = useState(false);
-    const [asideContext] = useState(AsideContent.createContext());
-    return observe(() => (React.createElement(QuickModal, { visible: props.visible, width: subTab ? "1000px" : "650px", onCancel: props.onCancel },
-        React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
-            React.createElement("div", { className: "perview-content" },
-                layout.ui.mobile && (React.createElement("div", { style: { padding: "10px 20px", borderBottom: "1px solid #f2f2f2" } },
-                    React.createElement(ArrowLeftOutlined, { style: { fontSize: "16px" }, onClick: props.onCancel }))),
-                React.createElement("div", { className: "perview-head" },
-                    React.createElement(React.Fragment, null,
-                        React.createElement(DocumentHeader, { id: props.id, className: "perview-doc-head", clickNameEffect: "edit", autoSaveName: true, tagsVisible: false, toolsVisible: false, flagVisible: false, statusVisible: false, quickDataBarVisible: false, descriptionVisible: false }),
-                        React.createElement("div", { className: "preview-tab" },
-                            React.createElement(Tooltip, { title: "Open New Tab" },
-                                React.createElement(Button, { onClick: openTab, className: "ant-btn-icon-only" },
-                                    React.createElement(FAIcon, { icon: faExternalLink }))),
-                            React.createElement(QuickSubTab, { shape: false, showSubTab: showSubTab }),
-                            !layout.ui.mobile && React.createElement(Button, { icon: React.createElement(CloseOutlined, null), onClick: props.onCancel })))),
-                React.createElement(GraphViewer, { id: props.id, autoHeight: true }))))));
-    function showSubTab(key) {
-        setSubTab(true);
-        asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, shape: true, onCancel: () => {
-                asideContext.closeAside();
-                setSubTab(false);
-            } }), { span: 12 });
-    }
-    function openTab() {
-        layout.history.push(`/document/${props.id}`);
-    }
-};
-export default GraphQuickViewDialog;
+import { ArrowLeftOutlined, CloseOutlined } from "@ant-design/icons";
+import { AsideContent, observe } from "@voplus/morpho-ui";
+import { Button, Tooltip } from "@voplus/antd";
+import { QuickSubContent, QuickSubTab } from "../../../../components/QuickViewDialog/QuickSubTab";
+import React, { useState } from "react";
+import DocumentHeader from "../../../../components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import GraphViewer from "../GraphViewer";
+import QuickModal from "../../../../components/QuickViewDialog/QuickModal";
+import { faExternalLink } from "@fortawesome/pro-light-svg-icons";
+import { useLayout } from "@voplus/morpho-data";
+const GraphQuickViewDialog = (props) => {
+    const layout = useLayout();
+    const [subTab, setSubTab] = useState(false);
+    const [asideContext] = useState(AsideContent.createContext());
+    return observe(() => (React.createElement(QuickModal, { visible: props.visible, width: subTab ? "1000px" : "650px", onCancel: props.onCancel },
+        React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
+            React.createElement("div", { className: "perview-content" },
+                layout.ui.mobile && (React.createElement("div", { style: { padding: "10px 20px", borderBottom: "1px solid #f2f2f2" } },
+                    React.createElement(ArrowLeftOutlined, { style: { fontSize: "16px" }, onClick: props.onCancel }))),
+                React.createElement("div", { className: "perview-head" },
+                    React.createElement(React.Fragment, null,
+                        React.createElement(DocumentHeader, { id: props.id, className: "perview-doc-head", clickNameEffect: "edit", autoSaveName: true, tagsVisible: false, toolsVisible: false, flagVisible: false, statusVisible: false, quickDataBarVisible: false, descriptionVisible: false }),
+                        React.createElement("div", { className: "preview-tab" },
+                            React.createElement(Tooltip, { title: "Open New Tab" },
+                                React.createElement(Button, { onClick: openTab, className: "ant-btn-icon-only" },
+                                    React.createElement(FAIcon, { icon: faExternalLink }))),
+                            React.createElement(QuickSubTab, { shape: false, showSubTab: showSubTab }),
+                            !layout.ui.mobile && React.createElement(Button, { icon: React.createElement(CloseOutlined, null), onClick: props.onCancel })))),
+                React.createElement(GraphViewer, { id: props.id, autoHeight: true }))))));
+    function showSubTab(key) {
+        setSubTab(true);
+        asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, shape: true, onCancel: () => {
+                asideContext.closeAside();
+                setSubTab(false);
+            } }), { span: 12 });
+    }
+    function openTab() {
+        layout.history.push(`/document/${props.id}`);
+    }
+};
+export default GraphQuickViewDialog;
 //# sourceMappingURL=index.js.map

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

@@ -1,8 +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;
+/// <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

@@ -1,24 +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;
+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.less

@@ -0,0 +1,5 @@
+:global {
+	.graph-viewer {
+		height: 100%;
+	}
+}

package/es/modules/graph/pages/GraphDefaultView/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-/** The Graph Page component with router parameters support. */
-declare const GraphDefaultView: ({ id }: {
-    id: string;
-}) => JSX.Element;
-export default GraphDefaultView;
+/// <reference types="react" />
+/** The Graph Page component with router parameters support. */
+declare const GraphDefaultView: ({ id }: {
+    id: string;
+}) => JSX.Element;
+export default GraphDefaultView;

package/es/modules/graph/pages/GraphDefaultView/index.js

@@ -1,13 +1,13 @@
-import { Empty } from "@voplus/antd";
-import GraphEditor from "../../components/GraphEditor";
-import GraphViewer from "../../components/GraphViewer";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-/** The Graph Page component with router parameters support. */
-const GraphDefaultView = ({ id }) => {
-    const doc = useDocument(id);
-    return observe(() => doc.loaded ? doc.readonly ? React.createElement(GraphViewer, { id: id }) : React.createElement(GraphEditor, { id: id }) : React.createElement(Empty, null));
-};
-export default GraphDefaultView;
+import { Empty } from "@voplus/antd";
+import GraphEditor from "../../components/GraphEditor";
+import GraphViewer from "../../components/GraphViewer";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+/** The Graph Page component with router parameters support. */
+const GraphDefaultView = ({ id }) => {
+    const doc = useDocument(id);
+    return observe(() => doc.loaded ? doc.readonly ? React.createElement(GraphViewer, { id: id }) : React.createElement(GraphEditor, { id: id }) : React.createElement(Empty, null));
+};
+export default GraphDefaultView;
 //# sourceMappingURL=index.js.map

package/es/modules/graph/pages/GraphPropertiesView/index.d.ts

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

package/es/modules/graph/pages/GraphPropertiesView/index.js

@@ -1,19 +1,19 @@
-import { CommentDataIcon, DateQuickIcon, UserQuickIcon } from "../../../../controls/data-icons";
-import DataIconBar from "../../../../controls/DataIconBar";
-import DocumentHeader from "../../../../components/DocumentHeader";
-import DocumentTabs from "../../../../components/DocumentTabs";
-import GraphViewer from "../../components/GraphViewer";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-/** Graph PropertiesView */
-const GraphPropertiesView = (props) => {
-    const id = props.id;
-    return observe(() => (React.createElement("div", { className: "module-detail-view" },
-        React.createElement(DocumentHeader, { id: id, size: "h3", quickDataBar: React.createElement(DataIconBar, null,
-                React.createElement(DateQuickIcon, { id: id }),
-                React.createElement(CommentDataIcon, { id: id }),
-                React.createElement(UserQuickIcon, { id: id })), quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false, toolBarProps: { closeAside: true } }),
-        React.createElement(DocumentTabs, { id: id, details: React.createElement(GraphViewer, { id: id, autoHeight: true }) }))));
-};
-export default GraphPropertiesView;
+import { CommentDataIcon, DateQuickIcon, UserQuickIcon } from "../../../../controls/data-icons";
+import DataIconBar from "../../../../controls/DataIconBar";
+import DocumentHeader from "../../../../components/DocumentHeader";
+import DocumentTabs from "../../../../components/DocumentTabs";
+import GraphViewer from "../../components/GraphViewer";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+/** Graph PropertiesView */
+const GraphPropertiesView = (props) => {
+    const id = props.id;
+    return observe(() => (React.createElement("div", { className: "module-detail-view" },
+        React.createElement(DocumentHeader, { id: id, size: "h3", quickDataBar: React.createElement(DataIconBar, null,
+                React.createElement(DateQuickIcon, { id: id }),
+                React.createElement(CommentDataIcon, { id: id }),
+                React.createElement(UserQuickIcon, { id: id })), quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false, toolBarProps: { closeAside: true } }),
+        React.createElement(DocumentTabs, { id: id, details: React.createElement(GraphViewer, { id: id, autoHeight: true }) }))));
+};
+export default GraphPropertiesView;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,26 +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;
+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/state.d.ts

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

@@ -1,29 +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);
+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/index.d.ts

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

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

@@ -1,26 +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;
+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/state.d.ts

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

@@ -1,29 +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);
+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/PageItem/index.d.ts

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

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

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