@voplus/morpho-document 1.4.99 → 1.4.101

package/es/components/Links/state.js

@@ -1,159 +1,159 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** all links */
-        Object.defineProperty(this, "links", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** type association list of links */
-        Object.defineProperty(this, "association", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** type dependent list of links */
-        Object.defineProperty(this, "dependent", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** type reference list of links */
-        Object.defineProperty(this, "reference", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** ids of links check */
-        Object.defineProperty(this, "ids", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** render list of type filter links */
-        Object.defineProperty(this, "typeLinks", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /**  Type of the Links */
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: "Reference"
-        });
-        /** visible of DocumentSelectDialog */
-        Object.defineProperty(this, "visible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** all links to check  */
-        Object.defineProperty(this, "checkAll", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** show multiple links */
-        Object.defineProperty(this, "multiple", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** data loading */
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        /** */
-        Object.defineProperty(this, "quickViewVisible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "onCheck", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (checkedValues) => {
-                this.ids = checkedValues;
-                this.checkAll = checkedValues.length === this.links.length;
-            }
-        });
-        // check all to remove
-        Object.defineProperty(this, "onCheckAll", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (e) => {
-                this.checkAll = e.target.checked;
-                const ids = this.links.map(({ right }) => right.id);
-                this.ids = e.target.checked ? ids : [];
-            }
-        });
-        makeObservable(this);
-    }
-    onReset() {
-        this.multiple = false;
-        this.checkAll = false;
-        this.ids = [];
-    }
-}
-__decorate([
-    observable
-], State.prototype, "links", void 0);
-__decorate([
-    observable
-], State.prototype, "association", void 0);
-__decorate([
-    observable
-], State.prototype, "dependent", void 0);
-__decorate([
-    observable
-], State.prototype, "reference", void 0);
-__decorate([
-    observable
-], State.prototype, "ids", void 0);
-__decorate([
-    observable
-], State.prototype, "typeLinks", void 0);
-__decorate([
-    observable
-], State.prototype, "type", void 0);
-__decorate([
-    observable
-], State.prototype, "visible", void 0);
-__decorate([
-    observable
-], State.prototype, "checkAll", void 0);
-__decorate([
-    observable
-], State.prototype, "multiple", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
-__decorate([
-    observable
-], State.prototype, "quickViewVisible", void 0);
-__decorate([
-    action
-], State.prototype, "onCheck", void 0);
-__decorate([
-    action
-], State.prototype, "onReset", null);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** all links */
+        Object.defineProperty(this, "links", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** type association list of links */
+        Object.defineProperty(this, "association", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** type dependent list of links */
+        Object.defineProperty(this, "dependent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** type reference list of links */
+        Object.defineProperty(this, "reference", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** ids of links check */
+        Object.defineProperty(this, "ids", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** render list of type filter links */
+        Object.defineProperty(this, "typeLinks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /**  Type of the Links */
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: "Reference"
+        });
+        /** visible of DocumentSelectDialog */
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** all links to check  */
+        Object.defineProperty(this, "checkAll", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** show multiple links */
+        Object.defineProperty(this, "multiple", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** data loading */
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        /** */
+        Object.defineProperty(this, "quickViewVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "onCheck", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (checkedValues) => {
+                this.ids = checkedValues;
+                this.checkAll = checkedValues.length === this.links.length;
+            }
+        });
+        // check all to remove
+        Object.defineProperty(this, "onCheckAll", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (e) => {
+                this.checkAll = e.target.checked;
+                const ids = this.links.map(({ right }) => right.id);
+                this.ids = e.target.checked ? ids : [];
+            }
+        });
+        makeObservable(this);
+    }
+    onReset() {
+        this.multiple = false;
+        this.checkAll = false;
+        this.ids = [];
+    }
+}
+__decorate([
+    observable
+], State.prototype, "links", void 0);
+__decorate([
+    observable
+], State.prototype, "association", void 0);
+__decorate([
+    observable
+], State.prototype, "dependent", void 0);
+__decorate([
+    observable
+], State.prototype, "reference", void 0);
+__decorate([
+    observable
+], State.prototype, "ids", void 0);
+__decorate([
+    observable
+], State.prototype, "typeLinks", void 0);
+__decorate([
+    observable
+], State.prototype, "type", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    observable
+], State.prototype, "checkAll", void 0);
+__decorate([
+    observable
+], State.prototype, "multiple", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "quickViewVisible", void 0);
+__decorate([
+    action
+], State.prototype, "onCheck", void 0);
+__decorate([
+    action
+], State.prototype, "onReset", null);
 //# sourceMappingURL=state.js.map

package/es/components/NewDocumentForm/index.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { docType } from "../../data";
-/** new document from */
-declare const NewDocumentForm: (props: {
-    parentId: string;
-    className?: string | undefined;
-    type?: docType | undefined;
-    showView?: boolean | undefined;
-    placeholder?: string | undefined;
-    onSave?: ((params?: any) => void) | undefined;
-    onCancel?: (() => void) | undefined;
-}) => JSX.Element;
-export default NewDocumentForm;
+/// <reference types="react" />
+import { docType } from "../../data";
+/** new document from */
+declare const NewDocumentForm: (props: {
+    parentId: string;
+    className?: string | undefined;
+    type?: docType | undefined;
+    showView?: boolean | undefined;
+    placeholder?: string | undefined;
+    onSave?: ((params?: any) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+}) => JSX.Element;
+export default NewDocumentForm;

package/es/components/NewDocumentForm/index.js

@@ -1,84 +1,84 @@
-import { Button, Form, Input, Row, Select, Spin } from "@voplus/antd";
-import React, { useEffect, useState } from "react";
-import DocumentReference from "../../controls/DocumentReference";
-import DocumentSelectDialog from "../DocumentSelectDialog";
-import { State } from "./state";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-import { useLayout } from "@voplus/morpho-data";
-/** new document from */
-const NewDocumentForm = (props) => {
-    const { Option } = Select;
-    const { placeholder } = props;
-    const layout = useLayout();
-    const documents = useDocumentStore();
-    const asideContext = useAsideContentContext();
-    const [visible, setVisible] = useState(false);
-    const [state] = useState(new State({ parentId: props.parentId }));
-    state.params.parentId = props.parentId;
-    state.onCancel = props.onCancel;
-    useEffect(() => {
-        runInAction(() => props.type ? (state.params.type = props.type) : (state.params.type = "document"));
-    }, [props.type]);
-    return observe(() => (React.createElement("div", { className: classnames(styles["new-document-form"], { "sub-document-simply-form": props.type }, props.className) },
-        React.createElement(Form, null,
-            props.type && (React.createElement(Form.Item, null,
-                React.createElement(Spin, { spinning: !!state.loading },
-                    React.createElement("div", { className: "form-item-layout" },
-                        React.createElement(Input, { autoFocus: true, value: state.params.name, placeholder: placeholder
-                                ? placeholder
-                                : `Add a ${state.params.type === "document" ? "folder" : state.params.type} for this document`, onChange: (e) => runInAction(() => (state.params.name = e.target.value)), onPressEnter: () => {
-                                if (props.type !== "form")
-                                    state.onSubmit(documents);
-                            }, onKeyDown: (e) => onKeyDown(e) }),
-                        props.type === "form" ? (React.createElement("div", { className: "form-schema" }, !state.formSchemaId ? (React.createElement("div", { style: { cursor: "pointer", color: "#ccc" }, onClick: () => setVisible(true) }, "Choose form schema")) : (React.createElement(DocumentReference, { id: state.formSchemaId })))) : null,
-                        layout.ui.mobile ? (React.createElement(Button, { type: "primary", className: "margin-left-10", onClick: () => state.onSubmit(documents) }, "Submit")) : null
-                    // <span className="detailed">
-                    // 	<FAIcon icon={faListAlt} size="lg" />
-                    // </span>
-                    )))),
-            props.showView && (React.createElement(Form.Item, null,
-                React.createElement("div", { className: "form-item-layout" },
-                    React.createElement(Select, { showSearch: true, defaultValue: "document", placeholder: "Select a person", optionFilterProp: "children", onChange: (value) => runInAction(() => (state.params.type = value)) },
-                        React.createElement(Option, { value: "document" }, "Folder"),
-                        React.createElement(Option, { value: "text" }, "Text"),
-                        React.createElement(Option, { value: "library" }, "Library"),
-                        React.createElement(Option, { value: "task" }, "Task"),
-                        React.createElement(Option, { value: "MeetingsFolder" }, "Meetings"),
-                        React.createElement(Option, { value: "board" }, "Board"),
-                        React.createElement(Option, { value: "graph" }, "Graph"),
-                        React.createElement(Option, { value: "dashboard" }, "Dashboard"),
-                        React.createElement(Option, { value: "formSchema" }, "Form Schema")),
-                    React.createElement(Input, { autoFocus: true, value: state.params.name, placeholder: `Add a ${state.params.type === "document" ? "folder" : state.params.type} for this document`, onChange: (e) => runInAction(() => (state.params.name = e.target.value)) })))),
-            (props.showView || props.type === "form") && (React.createElement(Form.Item, null,
-                React.createElement(Row, { justify: "end", className: "margin-top-10" },
-                    React.createElement(Button, { danger: true, ghost: true, onClick: onCancel }, "Cancel"),
-                    React.createElement(Button, { type: "primary", loading: !!state.loading, className: "margin-left-15", onClick: () => state.onSubmit(documents) }, "Submit")))),
-            visible && (React.createElement(DocumentSelectDialog, { multiSelect: false, contains: ["FormSchema"], onSelect: onSelect, onCancel: () => setVisible(false) }))))));
-    /** cancel NewDocumentForm page */
-    function onCancel() {
-        runInAction(() => (state.params = state.Params));
-        if (props.showView)
-            return asideContext.closeAside();
-        if (props.onCancel)
-            props.onCancel();
-    }
-    /** input KeyDown */
-    function onKeyDown(e) {
-        if (e.keyCode !== 27)
-            return;
-        if (props.type && props.onCancel) {
-            props.onCancel();
-        }
-    }
-    function onSelect(doc) {
-        state.formSchemaId = doc[0].id;
-        setVisible(false);
-    }
-};
-export default NewDocumentForm;
+import { Button, Form, Input, Row, Select, Spin } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import DocumentReference from "../../controls/DocumentReference";
+import DocumentSelectDialog from "../DocumentSelectDialog";
+import { State } from "./state";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import { useLayout } from "@voplus/morpho-data";
+/** new document from */
+const NewDocumentForm = (props) => {
+    const { Option } = Select;
+    const { placeholder } = props;
+    const layout = useLayout();
+    const documents = useDocumentStore();
+    const asideContext = useAsideContentContext();
+    const [visible, setVisible] = useState(false);
+    const [state] = useState(new State({ parentId: props.parentId }));
+    state.params.parentId = props.parentId;
+    state.onCancel = props.onCancel;
+    useEffect(() => {
+        runInAction(() => props.type ? (state.params.type = props.type) : (state.params.type = "document"));
+    }, [props.type]);
+    return observe(() => (React.createElement("div", { className: classnames(styles["new-document-form"], { "sub-document-simply-form": props.type }, props.className) },
+        React.createElement(Form, null,
+            props.type && (React.createElement(Form.Item, null,
+                React.createElement(Spin, { spinning: !!state.loading },
+                    React.createElement("div", { className: "form-item-layout" },
+                        React.createElement(Input, { autoFocus: true, value: state.params.name, placeholder: placeholder
+                                ? placeholder
+                                : `Add a ${state.params.type === "document" ? "folder" : state.params.type} for this document`, onChange: (e) => runInAction(() => (state.params.name = e.target.value)), onPressEnter: () => {
+                                if (props.type !== "form")
+                                    state.onSubmit(documents);
+                            }, onKeyDown: (e) => onKeyDown(e) }),
+                        props.type === "form" ? (React.createElement("div", { className: "form-schema" }, !state.formSchemaId ? (React.createElement("div", { style: { cursor: "pointer", color: "#ccc" }, onClick: () => setVisible(true) }, "Choose form schema")) : (React.createElement(DocumentReference, { id: state.formSchemaId })))) : null,
+                        layout.ui.mobile ? (React.createElement(Button, { type: "primary", className: "margin-left-10", onClick: () => state.onSubmit(documents) }, "Submit")) : null
+                    // <span className="detailed">
+                    // 	<FAIcon icon={faListAlt} size="lg" />
+                    // </span>
+                    )))),
+            props.showView && (React.createElement(Form.Item, null,
+                React.createElement("div", { className: "form-item-layout" },
+                    React.createElement(Select, { showSearch: true, defaultValue: "document", placeholder: "Select a person", optionFilterProp: "children", onChange: (value) => runInAction(() => (state.params.type = value)) },
+                        React.createElement(Option, { value: "document" }, "Folder"),
+                        React.createElement(Option, { value: "text" }, "Text"),
+                        React.createElement(Option, { value: "library" }, "Library"),
+                        React.createElement(Option, { value: "task" }, "Task"),
+                        React.createElement(Option, { value: "MeetingsFolder" }, "Meetings"),
+                        React.createElement(Option, { value: "board" }, "Board"),
+                        React.createElement(Option, { value: "graph" }, "Graph"),
+                        React.createElement(Option, { value: "dashboard" }, "Dashboard"),
+                        React.createElement(Option, { value: "formSchema" }, "Form Schema")),
+                    React.createElement(Input, { autoFocus: true, value: state.params.name, placeholder: `Add a ${state.params.type === "document" ? "folder" : state.params.type} for this document`, onChange: (e) => runInAction(() => (state.params.name = e.target.value)) })))),
+            (props.showView || props.type === "form") && (React.createElement(Form.Item, null,
+                React.createElement(Row, { justify: "end", className: "margin-top-10" },
+                    React.createElement(Button, { danger: true, ghost: true, onClick: onCancel }, "Cancel"),
+                    React.createElement(Button, { type: "primary", loading: !!state.loading, className: "margin-left-15", onClick: () => state.onSubmit(documents) }, "Submit")))),
+            visible && (React.createElement(DocumentSelectDialog, { multiSelect: false, contains: ["FormSchema"], onSelect: onSelect, onCancel: () => setVisible(false) }))))));
+    /** cancel NewDocumentForm page */
+    function onCancel() {
+        runInAction(() => (state.params = state.Params));
+        if (props.showView)
+            return asideContext.closeAside();
+        if (props.onCancel)
+            props.onCancel();
+    }
+    /** input KeyDown */
+    function onKeyDown(e) {
+        if (e.keyCode !== 27)
+            return;
+        if (props.type && props.onCancel) {
+            props.onCancel();
+        }
+    }
+    function onSelect(doc) {
+        state.formSchemaId = doc[0].id;
+        setVisible(false);
+    }
+};
+export default NewDocumentForm;
 //# sourceMappingURL=index.js.map

package/es/components/NewDocumentForm/index.less

@@ -0,0 +1,45 @@
+@import "../styles/common.less";
+@import "~@voplus/antd/es/style/themes/default.less";
+
+.new-document-form {
+	:global {
+		.form-item-layout {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			font-size: 13px;
+			.ant-input{
+				flex: 1;
+			}
+			.form-schema{
+				flex: 1;
+				line-height: 35px;
+				margin-left: 30px;
+			}
+			.ant-select {
+				width: 200px;
+				margin-right: 20px;
+			}
+		}
+		.form-label {
+			line-height: 24px;
+		}
+		.ant-form-item {
+			margin-bottom: 10px;
+		}
+		.form-buttom {
+			display: flex;
+			justify-content: end;
+		}
+		.detailed {
+			font-size: 20px;
+			margin-left: 10px;
+			cursor: pointer;
+		}
+	}
+	&:global(.sub-document-simply-form) {
+		// flex: none;
+		padding: 10px 20px 0 20px;
+		// border-top: #f2f2f2 solid 1px;
+	}
+}

package/es/components/NewDocumentForm/state.d.ts

@@ -1,22 +1,22 @@
-import { DocumentStore } from "@voplus/morpho-document-core";
-export declare class State {
-    private _store;
-    constructor(_store: any);
-    Params: {
-        parentId: string;
-        name: string;
-        type: string;
-    };
-    /** new document params */
-    params: {
-        parentId: string;
-        name: string;
-        type: string;
-    };
-    formSchemaId: string;
-    /** loading */
-    loading: boolean;
-    onCancel?: () => void;
-    /** new document submit function */
-    onSubmit: (documents: DocumentStore) => Promise<any>;
-}
+import { DocumentStore } from "@voplus/morpho-document-core";
+export declare class State {
+    private _store;
+    constructor(_store: any);
+    Params: {
+        parentId: string;
+        name: string;
+        type: string;
+    };
+    /** new document params */
+    params: {
+        parentId: string;
+        name: string;
+        type: string;
+    };
+    formSchemaId: string;
+    /** loading */
+    loading: boolean;
+    onCancel?: () => void;
+    /** new document submit function */
+    onSubmit: (documents: DocumentStore) => Promise<any>;
+}