@voplus/morpho-document 4.0.3 → 4.0.5

package/es/pages/Signature/SignatureTable/index.js

@@ -1,97 +1,97 @@
-import "./index.less";
-import { Button, Table } from "antd";
-import { useEnvelopeStore } from "../data/envelope";
-import React, { useEffect, useState } from "react";
-import { faFileSignature, faTrashAlt } from "@fortawesome/pro-duotone-svg-icons";
-import { EditOutlined } from "@ant-design/icons";
-import EditSignatureDialog from "./EditSignatureDialog";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import RemoveSignatureDialog from "./RemoveSignatureDialog";
-import SignatureDialog from "../SignatureDialog";
-import SignerSelect from "../SignerSelect";
-import { State } from "./state";
-import classnames from "classnames";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useApplicationContext } from "@voplus/morpho-data";
-import { useEnvelopContext } from "../data/EnvelopeContext";
-const SignatureTable = (props) => {
-    const { envelopeId, letter, readonly } = props;
-    const envelopStore = useEnvelopeStore();
-    const context = useEnvelopContext();
-    const aContext = useApplicationContext();
-    const [state] = useState(new State());
-    const StatusColumn = (props) => {
-        const { line } = props;
-        useEffect(() => {
-            var _a;
-            context.signer[line.id] = (_a = line.signer) === null || _a === void 0 ? void 0 : _a.id;
-        }, [line]);
-        return observe(() => (React.createElement(React.Fragment, null,
-            line.signatureDate
-                ? moment(moment.utc(line.signatureDate).toDate()).format("D MMM HH:mm:ss")
-                : "Unsigned",
-            React.createElement("span", { className: classnames("signature-icon", {
-                    show: state.hoverKey === line.id &&
-                        ((aContext.user.info.id === context.signer[line.id] && !line.signatureDate) ||
-                            line.signatureDate),
-                }) }, line.signatureDate ? (React.createElement(Button, { danger: true, shape: "circle", size: "small", onClick: () => runInAction(() => {
-                    state.signature = line;
-                    state.removeVisible = true;
-                }) },
-                React.createElement(FAIcon, { icon: faTrashAlt }))) : (React.createElement(Button, { type: "primary", shape: "circle", size: "small", onClick: () => runInAction(() => {
-                    state.signature = line;
-                    context.signVisible = true;
-                    // context.signVisible(true);
-                }) },
-                React.createElement(FAIcon, { icon: faFileSignature })))))));
-    };
-    const Column = (props) => {
-        const { line } = props;
-        return observe(() => (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "signer-name_description" },
-                React.createElement("div", { className: "name" }, line.name),
-                line.description && React.createElement("div", { className: "description" }, line.description),
-                React.createElement("span", { title: "Edit Signature Name/Description", className: classnames("edit-icon", { show: state.hoverKey === line.id }), onClick: () => runInAction(() => {
-                        state.signature = line;
-                        state.editVisible = true;
-                    }) },
-                    React.createElement(EditOutlined, null))),
-            state.editVisible && (React.createElement(EditSignatureDialog, { signature: line, envelopeId: envelopeId, letterId: letter.id, onCancel: () => runInAction(() => (state.editVisible = false)), onOk: (name, description) => runInAction(() => {
-                    line.name = name;
-                    line.description = description;
-                    state.editVisible = false;
-                }) })))));
-    };
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement(Table, { dataSource: letter.signatureLines, pagination: false, rowKey: "id", className: "signature-table", onRow: (record, index) => ({
-                onMouseEnter: () => runInAction(() => {
-                    state.hoverKey = record.id;
-                }),
-                onMouseLeave: () => runInAction(() => {
-                    state.hoverKey = "-1";
-                }),
-            }) },
-            React.createElement(Table.Column, { title: "Signature Name/Description", dataIndex: "name", render: (name, record) => React.createElement(Column, { line: record }) }),
-            React.createElement(Table.Column, { title: "Signer", dataIndex: "signer", width: "120px", className: "signer-column", render: (text, record) => observe(() => (React.createElement(SignerSelect, { signer: text, editable: state.hoverKey === record.id && !readonly && !record.signatureDate, onSave: (id) => save(record.id, id) }))) }),
-            React.createElement(Table.Column, { title: "Signature Date/Status", dataIndex: "status", align: "right", width: "166px", render: (text, record) => React.createElement(StatusColumn, { line: record }) })),
-        context.signVisible && (React.createElement(SignatureDialog, { envelopeId: envelopeId, letterId: letter.id, signature: state.signature })),
-        state.removeVisible && (React.createElement(RemoveSignatureDialog, { visible: state.removeVisible, envelopeId: envelopeId, letter: letter, signature: state.signature, updateVisible: (visible) => runInAction(() => (state.removeVisible = visible)) })))));
-    /** change letter signer */
-    async function save(Id, SignerId) {
-        await envelopStore.edit(envelopeId, {
-            data: {
-                LetterEdits: [{ Id: letter.id, LineEdits: [{ Id, SignerId }] }],
-            },
-            error: "message",
-        });
-        runInAction(() => {
-            context.signer[Id] = SignerId;
-            state.hoverKey = "";
-            context.changed = true;
-        });
-    }
-};
-export default SignatureTable;
+import "./index.less";
+import { Button, Table } from "antd";
+import { useEnvelopeStore } from "../data/envelope";
+import React, { useEffect, useState } from "react";
+import { faFileSignature, faTrashAlt } from "@fortawesome/pro-duotone-svg-icons";
+import { EditOutlined } from "@ant-design/icons";
+import EditSignatureDialog from "./EditSignatureDialog";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import RemoveSignatureDialog from "./RemoveSignatureDialog";
+import SignatureDialog from "../SignatureDialog";
+import SignerSelect from "../SignerSelect";
+import { State } from "./state";
+import classnames from "classnames";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useEnvelopContext } from "../data/EnvelopeContext";
+const SignatureTable = (props) => {
+    const { envelopeId, letter, readonly } = props;
+    const envelopStore = useEnvelopeStore();
+    const context = useEnvelopContext();
+    const aContext = useApplicationContext();
+    const [state] = useState(new State());
+    const StatusColumn = (props) => {
+        const { line } = props;
+        useEffect(() => {
+            var _a;
+            context.signer[line.id] = (_a = line.signer) === null || _a === void 0 ? void 0 : _a.id;
+        }, [line]);
+        return observe(() => (React.createElement(React.Fragment, null,
+            line.signatureDate
+                ? moment(moment.utc(line.signatureDate).toDate()).format("D MMM HH:mm:ss")
+                : "Unsigned",
+            React.createElement("span", { className: classnames("signature-icon", {
+                    show: state.hoverKey === line.id &&
+                        ((aContext.user.info.id === context.signer[line.id] && !line.signatureDate) ||
+                            line.signatureDate),
+                }) }, line.signatureDate ? (React.createElement(Button, { danger: true, shape: "circle", size: "small", onClick: () => runInAction(() => {
+                    state.signature = line;
+                    state.removeVisible = true;
+                }) },
+                React.createElement(FAIcon, { icon: faTrashAlt }))) : (React.createElement(Button, { type: "primary", shape: "circle", size: "small", onClick: () => runInAction(() => {
+                    state.signature = line;
+                    context.signVisible = true;
+                    // context.signVisible(true);
+                }) },
+                React.createElement(FAIcon, { icon: faFileSignature })))))));
+    };
+    const Column = (props) => {
+        const { line } = props;
+        return observe(() => (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "signer-name_description" },
+                React.createElement("div", { className: "name" }, line.name),
+                line.description && React.createElement("div", { className: "description" }, line.description),
+                React.createElement("span", { title: "Edit Signature Name/Description", className: classnames("edit-icon", { show: state.hoverKey === line.id }), onClick: () => runInAction(() => {
+                        state.signature = line;
+                        state.editVisible = true;
+                    }) },
+                    React.createElement(EditOutlined, null))),
+            state.editVisible && (React.createElement(EditSignatureDialog, { signature: line, envelopeId: envelopeId, letterId: letter.id, onCancel: () => runInAction(() => (state.editVisible = false)), onOk: (name, description) => runInAction(() => {
+                    line.name = name;
+                    line.description = description;
+                    state.editVisible = false;
+                }) })))));
+    };
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement(Table, { dataSource: letter.signatureLines, pagination: false, rowKey: "id", className: "signature-table", onRow: (record, index) => ({
+                onMouseEnter: () => runInAction(() => {
+                    state.hoverKey = record.id;
+                }),
+                onMouseLeave: () => runInAction(() => {
+                    state.hoverKey = "-1";
+                }),
+            }) },
+            React.createElement(Table.Column, { title: "Signature Name/Description", dataIndex: "name", render: (name, record) => React.createElement(Column, { line: record }) }),
+            React.createElement(Table.Column, { title: "Signer", dataIndex: "signer", width: "120px", className: "signer-column", render: (text, record) => observe(() => (React.createElement(SignerSelect, { signer: text, editable: state.hoverKey === record.id && !readonly && !record.signatureDate, onSave: (id) => save(record.id, id) }))) }),
+            React.createElement(Table.Column, { title: "Signature Date/Status", dataIndex: "status", align: "right", width: "166px", render: (text, record) => React.createElement(StatusColumn, { line: record }) })),
+        context.signVisible && (React.createElement(SignatureDialog, { envelopeId: envelopeId, letterId: letter.id, signature: state.signature })),
+        state.removeVisible && (React.createElement(RemoveSignatureDialog, { visible: state.removeVisible, envelopeId: envelopeId, letter: letter, signature: state.signature, updateVisible: (visible) => runInAction(() => (state.removeVisible = visible)) })))));
+    /** change letter signer */
+    async function save(Id, SignerId) {
+        await envelopStore.edit(envelopeId, {
+            data: {
+                LetterEdits: [{ Id: letter.id, LineEdits: [{ Id, SignerId }] }],
+            },
+            error: "message",
+        });
+        runInAction(() => {
+            context.signer[Id] = SignerId;
+            state.hoverKey = "";
+            context.changed = true;
+        });
+    }
+};
+export default SignatureTable;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/SignatureTable/index.less

@@ -1,51 +1,51 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.signature-table {
-		.ant-table-thead > tr > th,
-		.ant-table-tbody > tr > td {
-			padding: 10px 12px;
-			&.signer-column {
-				padding: 10px 0;
-			}
-			.signer-name_description,
-			.signer-select {
-				position: relative;
-				.name {
-					color: #000;
-					font-weight: 500;
-				}
-				.description {
-					margin-top: 4px;
-					font-size: 13px;
-					line-height: 18px;
-				}
-				.edit-icon {
-					position: absolute;
-					right: 0;
-					bottom: 0;
-					color: @primary-color;
-					cursor: pointer;
-					opacity: 0;
-					transition: opacity 0.3s ease-out;
-					&.show {
-						opacity: 1;
-					}
-				}
-			}
-			.signer-select .data-icon {
-				cursor: text;
-			}
-			.signature-icon {
-				display: inline-block;
-				opacity: 0;
-				width: 0;
-				transition: opacity 0.3s, width 0.4s ease-out;
-				&.show {
-					width: 28px;
-					opacity: 1;
-				}
-			}
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.signature-table {
+		.ant-table-thead > tr > th,
+		.ant-table-tbody > tr > td {
+			padding: 10px 12px;
+			&.signer-column {
+				padding: 10px 0;
+			}
+			.signer-name_description,
+			.signer-select {
+				position: relative;
+				.name {
+					color: #000;
+					font-weight: 500;
+				}
+				.description {
+					margin-top: 4px;
+					font-size: 13px;
+					line-height: 18px;
+				}
+				.edit-icon {
+					position: absolute;
+					right: 0;
+					bottom: 0;
+					color: @primary-color;
+					cursor: pointer;
+					opacity: 0;
+					transition: opacity 0.3s ease-out;
+					&.show {
+						opacity: 1;
+					}
+				}
+			}
+			.signer-select .data-icon {
+				cursor: text;
+			}
+			.signature-icon {
+				display: inline-block;
+				opacity: 0;
+				width: 0;
+				transition: opacity 0.3s, width 0.4s ease-out;
+				&.show {
+					width: 28px;
+					opacity: 1;
+				}
+			}
+		}
+	}
+}

package/es/pages/Signature/SignatureTable/state.d.ts

@@ -1,14 +1,14 @@
-import { ISignatureLine } from "../data/envelope";
-export declare class State {
-    /** visible of SignatureDialog */
-    visible: boolean;
-    /** line of signature */
-    signature: ISignatureLine;
-    /** id of hover of table row  */
-    hoverKey: string | number;
-    /** visible of SignatureDialog */
-    removeVisible: boolean;
-    /** visible of EditSignatureDialog */
-    editVisible: boolean;
-    constructor();
-}
+import { ISignatureLine } from "../data/envelope";
+export declare class State {
+    /** visible of SignatureDialog */
+    visible: boolean;
+    /** line of signature */
+    signature: ISignatureLine;
+    /** id of hover of table row  */
+    hoverKey: string | number;
+    /** visible of SignatureDialog */
+    removeVisible: boolean;
+    /** visible of EditSignatureDialog */
+    editVisible: boolean;
+    constructor();
+}

package/es/pages/Signature/SignatureTable/state.js

@@ -1,58 +1,58 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** visible of SignatureDialog */
-        Object.defineProperty(this, "visible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** line of signature */
-        Object.defineProperty(this, "signature", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** id of hover of table row  */
-        Object.defineProperty(this, "hoverKey", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** visible of SignatureDialog */
-        Object.defineProperty(this, "removeVisible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** visible of EditSignatureDialog */
-        Object.defineProperty(this, "editVisible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "visible", void 0);
-__decorate([
-    observable
-], State.prototype, "signature", void 0);
-__decorate([
-    observable
-], State.prototype, "hoverKey", void 0);
-__decorate([
-    observable
-], State.prototype, "removeVisible", void 0);
-__decorate([
-    observable
-], State.prototype, "editVisible", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** visible of SignatureDialog */
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** line of signature */
+        Object.defineProperty(this, "signature", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** id of hover of table row  */
+        Object.defineProperty(this, "hoverKey", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** visible of SignatureDialog */
+        Object.defineProperty(this, "removeVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** visible of EditSignatureDialog */
+        Object.defineProperty(this, "editVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    observable
+], State.prototype, "signature", void 0);
+__decorate([
+    observable
+], State.prototype, "hoverKey", void 0);
+__decorate([
+    observable
+], State.prototype, "removeVisible", void 0);
+__decorate([
+    observable
+], State.prototype, "editVisible", void 0);
 //# sourceMappingURL=state.js.map

package/es/pages/Signature/SignerSelect/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { SignerSelectProps } from "./state";
-declare const SignerSelect: (props: SignerSelectProps) => JSX.Element;
-export default SignerSelect;
+/// <reference types="react" />
+import { SignerSelectProps } from "./state";
+declare const SignerSelect: (props: SignerSelectProps) => JSX.Element;
+export default SignerSelect;

package/es/pages/Signature/SignerSelect/index.js

@@ -1,38 +1,38 @@
-import { Descriptions, Modal } from "antd";
-import React, { useEffect, useState } from "react";
-import { State } from "./state";
-import { useUnit } from "@voplus/morpho-org";
-import { EditOutlined } from "@ant-design/icons";
-import UnitName from "@voplus/morpho-org/es/components/UnitName";
-import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-const SignerDescription = (props) => {
-    const signer = useUnit(props.id);
-    return (React.createElement(Descriptions, { title: props.title, column: 2 },
-        React.createElement(Descriptions.Item, { label: "Name" },
-            React.createElement("span", { style: { color: "#000", fontWeight: 500 } }, signer.name)),
-        React.createElement(Descriptions.Item, { label: "Type" }, signer.type),
-        React.createElement(Descriptions.Item, { label: "E-mail" }, signer.email),
-        React.createElement(Descriptions.Item, { label: "Phone" }, signer.phone)));
-};
-const SignerSelect = (props) => {
-    const { signer, editable } = props;
-    const [state] = useState(new State());
-    state.props = props;
-    useEffect(() => {
-        state.setSigner(signer);
-    }, [signer]);
-    return observe(() => (React.createElement(React.Fragment, null,
-        state.signerName ? (React.createElement("div", { className: "signer-select" },
-            React.createElement(UnitName, { id: state.signerId, onHover: "showCard" }),
-            React.createElement("span", { title: "Edit Signer", className: classnames("edit-icon", { show: !!editable }), onClick: state.onClick },
-                React.createElement(EditOutlined, null)))) : (React.createElement("div", { onClick: state.onClick, style: { fontStyle: "italic", cursor: "pointer" } }, "Add Signer")),
-        state.editable && (React.createElement(UnitsSelectDialog, { type: "click", multiSelect: false, onSelect: state.onSelectMember, onCancel: () => runInAction(() => (state.editable = false)) })),
-        state.visible && (React.createElement(Modal, { title: "Signer Confirm", open: state.visible, okText: "Save", confirmLoading: state.loading, onOk: state.save, onCancel: () => runInAction(() => (state.visible = false)) },
-            state.signerId && React.createElement(SignerDescription, { id: state.signerId, title: "Old Signer" }),
-            !!(state.signer && state.signer.id) && (React.createElement(SignerDescription, { id: state.signer.id, title: state.signerId ? "New Signer" : "Signer" })))))));
-};
-export default SignerSelect;
+import { Descriptions, Modal } from "antd";
+import React, { useEffect, useState } from "react";
+import { State } from "./state";
+import { useUnit } from "@voplus/morpho-org";
+import { EditOutlined } from "@ant-design/icons";
+import UnitName from "@voplus/morpho-org/es/components/UnitName";
+import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const SignerDescription = (props) => {
+    const signer = useUnit(props.id);
+    return (React.createElement(Descriptions, { title: props.title, column: 2 },
+        React.createElement(Descriptions.Item, { label: "Name" },
+            React.createElement("span", { style: { color: "#000", fontWeight: 500 } }, signer.name)),
+        React.createElement(Descriptions.Item, { label: "Type" }, signer.type),
+        React.createElement(Descriptions.Item, { label: "E-mail" }, signer.email),
+        React.createElement(Descriptions.Item, { label: "Phone" }, signer.phone)));
+};
+const SignerSelect = (props) => {
+    const { signer, editable } = props;
+    const [state] = useState(new State());
+    state.props = props;
+    useEffect(() => {
+        state.setSigner(signer);
+    }, [signer]);
+    return observe(() => (React.createElement(React.Fragment, null,
+        state.signerName ? (React.createElement("div", { className: "signer-select" },
+            React.createElement(UnitName, { id: state.signerId, onHover: "showCard" }),
+            React.createElement("span", { title: "Edit Signer", className: classnames("edit-icon", { show: !!editable }), onClick: state.onClick },
+                React.createElement(EditOutlined, null)))) : (React.createElement("div", { onClick: state.onClick, style: { fontStyle: "italic", cursor: "pointer" } }, "Add Signer")),
+        state.editable && (React.createElement(UnitsSelectDialog, { type: "click", multiSelect: false, onSelect: state.onSelectMember, onCancel: () => runInAction(() => (state.editable = false)) })),
+        state.visible && (React.createElement(Modal, { title: "Signer Confirm", open: state.visible, okText: "Save", confirmLoading: state.loading, onOk: state.save, onCancel: () => runInAction(() => (state.visible = false)) },
+            state.signerId && React.createElement(SignerDescription, { id: state.signerId, title: "Old Signer" }),
+            !!(state.signer && state.signer.id) && (React.createElement(SignerDescription, { id: state.signer.id, title: state.signerId ? "New Signer" : "Signer" })))))));
+};
+export default SignerSelect;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/SignerSelect/state.d.ts

@@ -1,37 +1,37 @@
-import { IUnit } from "@voplus/morpho-org";
-export declare type SignerSelectProps = {
-    /** */
-    signer: {
-        id: string;
-        name: string;
-    };
-    /** 可更改signer */
-    editable?: boolean;
-    /** */
-    onSave?: (id: string) => Promise<void> | void;
-};
-export declare class State {
-    props: SignerSelectProps;
-    /** List of contact */
-    contactList: IUnit[];
-    /**  */
-    signer: IUnit;
-    /** id of signer */
-    signerId: string;
-    /** name of signer */
-    signerName: string;
-    /** enable edit  */
-    editable: boolean;
-    /**  */
-    visible: boolean;
-    /** loading of save */
-    loading: boolean;
-    constructor();
-    setSigner(signer: {
-        id: string;
-        name: string;
-    }): void;
-    onClick: () => void;
-    onSelectMember: (members: IUnit[]) => void;
-    save: () => Promise<boolean>;
-}
+import { IUnit } from "@voplus/morpho-org";
+export declare type SignerSelectProps = {
+    /** */
+    signer: {
+        id: string;
+        name: string;
+    };
+    /** 可更改signer */
+    editable?: boolean;
+    /** */
+    onSave?: (id: string) => Promise<void> | void;
+};
+export declare class State {
+    props: SignerSelectProps;
+    /** List of contact */
+    contactList: IUnit[];
+    /**  */
+    signer: IUnit;
+    /** id of signer */
+    signerId: string;
+    /** name of signer */
+    signerName: string;
+    /** enable edit  */
+    editable: boolean;
+    /**  */
+    visible: boolean;
+    /** loading of save */
+    loading: boolean;
+    constructor();
+    setSigner(signer: {
+        id: string;
+        name: string;
+    }): void;
+    onClick: () => void;
+    onSelectMember: (members: IUnit[]) => void;
+    save: () => Promise<boolean>;
+}