@voplus/morpho-document 1.4.154 → 1.4.155

package/es/pages/Signature/Envelope/EnvelopeDefaultView/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "./index.less";
 /** create Type:'signEnvelope' */
 /** The Envelope Page component with router parameters support. */
 declare const EnvelopeDefaultView: ({ id }: {

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

@@ -1,35 +1,46 @@
-import "./index.less";
-import React, { useEffect, useState } from "react";
-import { observe, useAsideContentContext, useAutorunEffect } from "@voplus/morpho-ui";
-import { AsideContent } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import React, { useEffect, useState, useMemo } from "react";
+import { observe, useAsideContentContext, useAutorunEffect, AsideContent } from "@voplus/morpho-ui";
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import { EnvelopeContext, EnvelopeContextState } from "../../data/EnvelopeContext";
+import { LoadingOutlined } from "@ant-design/icons";
+import { Spin } from "@voplus/antd";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
 import DocumentTabs from "../../../../components/DocumentTabs";
-import PropertiesView from "../components/PropertiesView";
-import { Sidebar } from "../../../../controls/ToolBar/buttons";
-import { runInAction } from "mobx";
-import { useEnvelope } from "../../data/envelope";
+import { runInAction, autorun } from "mobx";
+import LetterList from "../../Letter/LetterList";
+import EnvelopeProperties from "../components/EnvelopeProperties";
+import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
 import { useFrame } from "../../../../components/ViewFrame/ViewFrameContext";
-import { useTabItem } from "@voplus/morpho-data";
+import { TabItemContext, TabItemStore, useTabItem } from "@voplus/morpho-data";
 /** create Type:'signEnvelope' */
 /** The Envelope Page component with router parameters support. */
 const EnvelopeDefaultView = ({ id }) => {
+    const store = new TabItemStore({ url: "" });
     const frame = useFrame();
+    const envelopStore = useEnvelopeStore();
     const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
-    const envelope = useEnvelope(id, { includes: "tags,versions" });
+    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    const [context] = useState(new EnvelopeContextState(id, envelopStore));
+    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
     const tab = useTabItem();
     useAutorunEffect(() => {
         runInAction(() => (tab.title = envelope === null || envelope === void 0 ? void 0 : envelope.name));
     });
+    useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
     useEffect(() => {
-        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 });
+        runInAction(() => asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(ViewContext.Provider, { value: view },
+            React.createElement("div", { className: styles["envelope-tab-view_aside"] },
+                React.createElement(DocumentTabs, { id: id, active: "Activities", propertiesSort: ["Activities", "docTab", "Links"] }))), { span: 9 }));
     }, []);
-    const AsideElement = (React.createElement("div", { className: "envelope-default-view_aside" },
-        React.createElement(DocumentTabs, { id: id, docTab: false, isLinks: false })));
-    return observe(() => (React.createElement(React.Fragment, null, frame ? (React.createElement(PropertiesView, { id: id, toolbar: React.createElement(Sidebar, { action: () => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
-                ? asideContext.closeAside()
-                : asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 }) }) })) : (React.createElement(AsideContent, { context: asideContext },
-        React.createElement(PropertiesView, { id: id, toolbar: React.createElement(Sidebar, { action: () => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
-                    ? asideContext.closeAside()
-                    : asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 }) }) }))))));
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement(TabItemContext.Provider, { value: store },
+            React.createElement(MainContent, { className: styles["envelope-default-view"], asideable: frame ? false : true },
+                React.createElement(MainContent.Nav, { collapsible: true },
+                    React.createElement(EnvelopeProperties, { id: id, headerVisible: true })),
+                React.createElement("div", { className: "envelope-context" },
+                    React.createElement(EnvelopeContext.Provider, { value: context }, envelope.loading || context.reloadLoading ? (React.createElement("div", { className: "envelope-loading" },
+                        React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 32 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, size: "h4" })))))))));
 };
 export default EnvelopeDefaultView;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/EnvelopeDefaultView/index.js.map

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

package/es/pages/Signature/Envelope/EnvelopeDefaultView/index.less

@@ -1,34 +1,58 @@
 @import "~@voplus/antd/es/style/themes/index.less";
-:global {
-	.envelope-default-view {
-		position: relative;
-		display: flex;
-		height: 100%;
-		flex-direction: column;
-		background-color: @background-color-base;
-		> header {
-			box-shadow: 2px 2px 5px #e8e8e8;
-			background-color: @component-background;
+
+.envelope-default-view {
+	:global {
+		.main-content-nav {
+			width: 370px;
+			padding: 0;
 		}
-		.envelope-description {
-			padding: 0 20px 10px 20px;
-		}
-		> div {
-			margin: 1rem 1rem 0 1rem;
-			.letter-item-card {
-				margin-bottom: 1rem;
+		.envelope-context {
+			display: flex;
+			padding: 0;
+			background-color: #f5f5f5;
+			> div {
+				flex: 1;
+			}
+			.letter-view-upload {
+				margin: 1rem 1rem 0 1rem;
+				.letter-item-card {
+					margin-bottom: 1rem;
+				}
+			}
+			.envelope-loading {
+				margin: 1rem;
+				text-align: center;
 			}
-		}
-		.envelope-loading {
-			margin: 1rem;
-			text-align: center;
 		}
 	}
-	.envelope-default-view_aside {
-		height: 100%;
+}
+
+.envelope-tab-view_aside {
+	height: 100%;
+	:global {
 		.ant-tabs {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
 			.ant-tabs-nav {
-				display: none;
+				margin: 0;
+			}
+			.ant-tabs-content {
+				height: 100%;
+				padding-bottom: 0px !important;
+				.ant-tabs-tabpane {
+					position: relative;
+					height: 100%;
+				}
+			}
+			.ant-tabs-bar {
+				margin: 0 20px;
+			}
+			.module-box {
+				height: 100%;
+				padding: 10px 20px;
+				box-sizing: border-box;
+				overflow-x: hidden;
 			}
 		}
 	}

package/es/pages/Signature/Envelope/components/EnvelopeProperties/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export declare type EnvelopePropertiesName = "Status";
+declare const EnvelopeProperties: {
+    (props: {
+        id: string;
+        headerVisible?: boolean;
+        envelopeTitle?: string;
+        documentTitle?: string;
+        envelopeProperties?: {
+            name: EnvelopePropertiesName;
+            visible?: boolean;
+        }[];
+        documentProperties?: {
+            name: "Tags" | "Create Date" | "Create By" | "Folder";
+            visible?: boolean;
+        }[];
+    }): JSX.Element;
+    defaultProps: {
+        envelopeTitle: string;
+        documentTitle: string;
+        envelopeProperties: {
+            name: string;
+        }[];
+    };
+};
+export default EnvelopeProperties;

package/es/pages/Signature/Envelope/components/EnvelopeProperties/index.js

@@ -0,0 +1,35 @@
+import { useEnvelope } from "../../../data/envelope";
+import DescriptionEditor from "../../../../../controls/DescriptionEditor";
+import DocumentPanelHeader from "../../../../../components/DocumentPanelHeader";
+import { Form } from "@voplus/antd";
+import EnvelopeStatusLabel from "../../controls/EnvelopeStatusLabel";
+import DocumentProperties from "../../../../../components/DocumentProperties";
+import React from "react";
+import PropertiesSection from "../../../../../controls/PropertiesSection";
+import { Scrollbars } from "react-custom-scrollbars";
+import { observe } from "@voplus/morpho-ui";
+const EnvelopeProperties = (props) => {
+    const { id, headerVisible, envelopeTitle, documentTitle, envelopeProperties, documentProperties, } = props;
+    const envelope = useEnvelope(id, { reload: false });
+    const filterPro = envelopeProperties === null || envelopeProperties === void 0 ? void 0 : envelopeProperties.filter((i) => (i === null || i === void 0 ? void 0 : i.visible) !== false);
+    return observe(() => (React.createElement("div", { className: "properties-list" },
+        headerVisible && React.createElement(DocumentPanelHeader, { id: id }),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(DescriptionEditor, { id: id, description: envelope.description, readonly: envelope.readonly }),
+            React.createElement(PropertiesSection, { title: envelopeTitle, properties: React.createElement(Form, { labelAlign: "left", labelCol: { span: 10 }, scrollToFirstError: true }, filterPro === null || filterPro === void 0 ? void 0 : filterPro.map((i) => (React.createElement(React.Fragment, { key: i.name }, renderProp(i))))) }),
+            React.createElement(DocumentProperties, { id: id, fromLabelRequired: true, labelCol: 10, wrapperCol: 14, title: documentTitle, customProperties: documentProperties })))));
+    function renderProp(item) {
+        switch (item.name) {
+            case "Status":
+                return (React.createElement(Form.Item, { label: "Status" },
+                    React.createElement(EnvelopeStatusLabel, { status: envelope.envelopeStatus })));
+        }
+    }
+};
+EnvelopeProperties.defaultProps = {
+    envelopeTitle: "Envelope Properties",
+    documentTitle: "Document Properties",
+    envelopeProperties: [{ name: "Status" }],
+};
+export default EnvelopeProperties;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/components/EnvelopeProperties/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/EnvelopeProperties/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,iBAAiB,MAAM,2CAA2C,CAAC;AAC1E,OAAO,mBAAmB,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,kBAAkB,MAAM,8CAA8C,CAAC;AAC9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAI5C,MAAM,kBAAkB,GAAG,CAAC,KAU3B,EAAE,EAAE;IACJ,MAAM,EACL,EAAE,EACF,aAAa,EACb,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,kBAAkB,GAClB,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,OAAO,MAAK,KAAK,CAAC,CAAC;IAE1E,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,aAAa,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,EAAE,GAAI;QACjD,oBAAC,UAAU,IAAC,QAAQ;YACnB,oBAAC,iBAAiB,IACjB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,GAC1B;YACF,oBAAC,iBAAiB,IACjB,KAAK,EAAE,aAAa,EACpB,UAAU,EACT,oBAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,kBAAkB,UAChE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACtB,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,CAAC,IAAI,IAAG,UAAU,CAAC,CAAC,CAAC,CAAkB,CAC7D,CAAC,CACI,GAEP;YACF,oBAAC,kBAAkB,IAClB,EAAE,EAAE,EAAE,EACN,iBAAiB,QACjB,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,EAAE,EACd,KAAK,EAAE,aAAa,EACpB,gBAAgB,EAAE,kBAAkB,GACnC,CACU,CACR,CACN,CAAC,CAAC;IAEH,SAAS,UAAU,CAAC,IAAyD;QAC5E,QAAQ,IAAI,CAAC,IAAI,EAAE;YAClB,KAAK,QAAQ;gBACZ,OAAO,CACN,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBACxB,oBAAC,mBAAmB,IAAC,MAAM,EAAE,QAAQ,CAAC,cAAe,GAAI,CAC9C,CACZ,CAAC;SACH;IACF,CAAC;AACF,CAAC,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG;IACjC,aAAa,EAAE,qBAAqB;IACpC,aAAa,EAAE,qBAAqB;IACpC,kBAAkB,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;CACxC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.d.ts

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

package/es/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.js

@@ -0,0 +1,9 @@
+import "./index.less";
+import DocumentStatusLabel from "../../../../../controls/DocumentStatusLabel";
+import React from "react";
+import classnames from "classnames";
+const EnvelopeStatusLabel = (props) => {
+    return (React.createElement(DocumentStatusLabel, { className: classnames("envelope-status", props.className), editable: false, list: [{ name: "Signing" }, { name: "Cancelled" }, { name: "Completed" }], status: props.status }));
+};
+export default EnvelopeStatusLabel;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,mBAAmB,MAAM,6CAA6C,CAAC;AAC9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,mBAAmB,GAAG,CAAC,KAA6C,EAAE,EAAE;IAC7E,OAAO,CACN,oBAAC,mBAAmB,IACnB,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,EACzD,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EACzE,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,CACF,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/es/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.less

@@ -0,0 +1,20 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.envelope-status {
+		&.signing,
+		&.signing:hover {
+			border: unset;
+			background: #e6ad51;
+			color: white;
+		}
+		&.cancelled,
+		&.cancelled:hover {
+			background: @closed-color;
+		}
+		&.completed,
+		&.completed:hover {
+			background: @done-color;
+		}
+	}
+}

package/es/pages/Signature/data/envelope/interfaces.d.ts

@@ -1,4 +1,5 @@
 import { IDocument } from "@voplus/morpho-document-core";
+export declare type EnvelopeStatus = "Signing" | "Cancelled" | "Completed";
 export interface ISignatureLine {
     /** id of the signature line */
     id: string;
@@ -33,5 +34,5 @@ export interface IEnvelope extends IDocument {
     /** list of the envelope letters */
     letters: ILetter[];
     /** */
-    envelopeStatus?: "Signing" | "Cancelled" | "Completed";
+    envelopeStatus?: EnvelopeStatus;
 }

package/es/pages/Signature/data/envelope/type.d.ts

@@ -1,4 +1,5 @@
 import { EditDocumentDataOptions } from "@voplus/morpho-document-core";
+import { EnvelopeStatus } from "./interfaces";
 export declare type EditSignatureLineOptions = {
     /** id of the signature line */
     Id: string;
@@ -10,7 +11,7 @@ export declare type EditSignatureLineOptions = {
     SignerId: string;
 };
 export declare type EditEnvelopOptions = {
-    EnvelopeStatus?: "Signing" | "Cancelled" | "Completed";
+    EnvelopeStatus?: EnvelopeStatus;
     /** Reason of 'Cancel' | 'Complete' | 'Reopen' */
     Reason?: string;
     LetterEdits?: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@voplus/morpho-document",
-	"version": "1.4.154",
+	"version": "1.4.155",
 	"repository": {
 		"type": "git",
 		"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"