@voplus/morpho-document 6.0.155 → 6.0.157

package/es/components/DocumentItem/index.less

@@ -111,8 +111,8 @@
 
 			.ant-checkbox-checked {
 				.ant-checkbox-inner {
-					background-color: #217eb2;
-					border-color: #217eb2;
+					background-color: @primary-color;
+					border-color: @primary-color;
 				}
 			}
 		}

package/es/components/DocumentListView/index.less

@@ -15,12 +15,12 @@
 				padding: 0 10px;
 				margin-left: 10px;
 				&.current {
-					color: #217eb2;
-					border-color: #217eb2;
+					color: @primary-color;
+					border-color: @primary-color;
 				}
 				&:hover {
-					color: #217eb2;
-					border-color: #217eb2;
+					color: @primary-color;
+					border-color: @primary-color;
 				}
 			}
 		}

package/es/components/DocumentPropertiesHeader/index.less

@@ -1,3 +1,5 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
 :global {
 	.document-properties-header {
 		padding: 10px 20px;
@@ -10,7 +12,7 @@
 					justify-content: center;
 					width: 27px;
 					height: 27px;
-					color: #217eb2;
+					color: @primary-color;
 					background: #f4f9ff;
 					border-radius: 2px;
 				}

package/es/components/DocumentSelectDialog/index.less

@@ -7,7 +7,7 @@
 		.ant-modal-content {
 			.ant-modal-header {
 				padding: 15px 24px !important;
-				background: #217eb2 !important;
+				background: @primary-color !important;
 			}
 		}
 
@@ -45,7 +45,6 @@
 
 					.ant-btn-primary {
 						color: #ffffff;
-						background: #217eb2;
 					}
 				}
 			}
@@ -62,7 +61,7 @@
 					border-bottom: 1px solid #e6e6e6;
 
 					.header-title {
-						color: #217eb2;
+						color: @primary-color;
 						font-weight: bold;
 						font-size: 14px;
 						line-height: 19px;

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/node-content-renderer.less

@@ -19,12 +19,12 @@
 
 			.file-document-name {
 				.file-name {
-					color: #217eb2;
+					color: @primary-color;
 				}
 
 				.file-type {
 					> svg {
-						color: #217eb2;
+						color: @primary-color;
 					}
 				}
 			}
@@ -34,13 +34,13 @@
 					.document-name-content {
 						.document-pre {
 							> svg {
-								color: #217eb2;
+								color: @primary-color;
 							}
 						}
 
 						.document-header-target {
 							.document-name {
-								color: #217eb2;
+								color: @primary-color;
 							}
 						}
 					}

package/es/components/ViewFrame/index.less

@@ -1,3 +1,5 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
 .view-frame {
 	width: 100%;
 	height: 100%;
@@ -27,7 +29,7 @@
 			padding: 0 2px;
 			color: #5d5d5d;
 			&:hover {
-				color: #217eb2;
+				color: @primary-color;
 			}
 		}
 	}

package/es/data/document-register/interfaces.d.ts

@@ -1,5 +1,11 @@
 import { IDocument } from "@voplus/morpho-document-core";
 export type DocumentRegisterStatus = "New" | "Followup" | "Won" | "Lost" | "Contacting" | "NoResponse";
+export type ITypeLineOptions = {
+    id: number;
+    name: string;
+    quickAccess: boolean;
+    total?: number;
+};
 export interface IDocumentRegister extends IDocument {
     owner: {
         id: string;
@@ -21,5 +27,5 @@ export interface IDocumentRegister extends IDocument {
     identity?: {
         id: string;
     };
-    settings?: {};
+    types?: ITypeLineOptions[];
 }

package/es/data/document-register/types.d.ts

@@ -1,6 +1,11 @@
 import { CreateDocumentOptions } from "@voplus/morpho-document-core";
 /** Custom create documentRegister options type. Use TitleCase to fit server need. */
 export type CreateDocumentRegisterOptions = {} & CreateDocumentOptions;
+export type ITypeEditOptions = {
+    Name: string;
+    Id?: number;
+    QuickAccess?: boolean;
+};
 /**
  * Custom edit documentRegister options type. Use TitleCase to fit server need.
  */
@@ -10,4 +15,5 @@ export type EditDocumentRegisterOptions = {
     ContactId?: string;
     Type?: string;
     DocumentRegisterStatus?: string;
+    Types?: ITypeEditOptions[];
 };

package/es/data/registered-document/interfaces.d.ts

@@ -1,4 +1,5 @@
 import { IDocument } from "@voplus/morpho-document-core";
+import { ITypeLineOptions } from "../document-register";
 export type RegisteredDocumentStatus = "New" | "Followup" | "Won" | "Lost" | "Contacting" | "NoResponse";
 export interface IRegisteredDocument extends IDocument {
     owner: {
@@ -17,6 +18,7 @@ export interface IRegisteredDocument extends IDocument {
         id: string;
     };
     type: string;
+    types?: ITypeLineOptions[];
     documentRegisterStatus: RegisteredDocumentStatus;
     identity?: {
         id: string;

package/es/data/registered-document/types.d.ts

@@ -1,9 +1,7 @@
 import { CreateDocumentOptions } from "@voplus/morpho-document-core";
 /** Custom create documentRegister options type. Use TitleCase to fit server need. */
 /** create 必须提供ParentId , parent 必须是 Document Register */
-export type CreateRegisteredDocumentOptions = {
-    Type: string;
-} & CreateDocumentOptions;
+export type CreateRegisteredDocumentOptions = {} & CreateDocumentOptions;
 /**
  * Custom edit documentRegister options type. Use TitleCase to fit server need.
  */
@@ -11,6 +9,7 @@ export type EditRegisteredDocumentOptions = {
     Name?: string;
     OwnerId?: string;
     ContactId?: string;
-    Type?: string;
+    /** 必须是Docuemnt Register 里面的 Types 的 id */
+    Types?: number[];
     RegisteredDocumentStatus?: string;
 };

package/es/modules/document-register/components/AddRegisterDocumentsTypeDialog/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import "./index.less";
 /** Register Documents Type 和 Quick Filter Access 共用 */
 declare const AddRegisterDocumentsTypeDialog: (props: {
+    id: string;
     onCancel?: () => void;
-    quickFilter?: boolean;
 }) => React.JSX.Element;
 export default AddRegisterDocumentsTypeDialog;

package/es/modules/document-register/components/AddRegisterDocumentsTypeDialog/index.js

@@ -1,23 +1,44 @@
-import React from "react";
-import { Modal, Form, Tag, Select, Divider, Button } from "antd";
+import React, { useState } from "react";
+import { Modal, Form, Tag, Divider, Button, Input } from "antd";
 import { observe } from "@voplus/morpho-ui";
+import { useDocumentRegisterStore, useDocumentRegister } from "../../../../data/document-register";
+import { State } from "./state";
+import classnames from "classnames";
+import { cloneDeep } from "lodash-es";
 import "./index.less";
 /** Register Documents Type 和 Quick Filter Access 共用 */
 const AddRegisterDocumentsTypeDialog = (props) => {
-    const { quickFilter } = props;
-    const list = ["Board Resolution", "AGM", "Members Resolution", "Others"];
-    return observe(() => (React.createElement(Modal, { className: "add-register-documents-type-dialog", title: "Add item", open: true, footer: false, onCancel: props.onCancel },
-        React.createElement("div", null,
-            list.map((i) => (React.createElement(Tag, { key: i, className: "voplus-tag", closeIcon: true, bordered: false, color: "#E6E6E6", onClose: onClose }, i))),
-            React.createElement(Divider, null),
-            React.createElement("div", { className: "sub-title" }, "Add new register documents type to show in this section."),
-            React.createElement(Form, null,
-                React.createElement(Form.Item, { label: "Choose" },
-                    React.createElement(Select, null))),
-            quickFilter && (React.createElement("div", { className: "info" }, "*User are only able to add not more than 4 document type file in quick filter.")),
-            React.createElement("div", { className: "footer" },
-                React.createElement(Button, null, "Save"))))));
-    function onClose() { }
+    const store = useDocumentRegisterStore();
+    const [state] = useState(new State());
+    const data = useDocumentRegister(props.id);
+    state.update(data);
+    return observe(() => {
+        var _a;
+        return (React.createElement(Modal, { className: "add-register-documents-type-dialog", title: "Add item", open: true, footer: false, onCancel: props.onCancel },
+            React.createElement("div", null,
+                state.types.map((item) => {
+                    var _a, _b;
+                    return (React.createElement(Tag, { key: item.id, className: classnames("voplus-tag", { active: ((_a = state.active) === null || _a === void 0 ? void 0 : _a.id) === item.id }), closeIcon: true, bordered: false, color: ((_b = state.active) === null || _b === void 0 ? void 0 : _b.id) === item.id ? "#217eb2" : "#E6E6E6", onClose: () => onClose(item.id), onClick: () => state.setActive(cloneDeep(item)) }, item.name));
+                }),
+                React.createElement(Divider, null),
+                React.createElement("div", { className: "sub-title" }, "Add new register documents type to show in this section."),
+                React.createElement(Form, null,
+                    React.createElement(Form.Item, { label: "Add" },
+                        React.createElement(Input, { allowClear: true, value: (_a = state.active) === null || _a === void 0 ? void 0 : _a.name, onChange: (e) => state.setName(e.target.value), onClear: () => state.setActive({ name: "" }) }))),
+                React.createElement("div", { className: "footer" },
+                    React.createElement(Button, { loading: state.loading, onClick: onSave }, "Save")))));
+    });
+    async function onClose(id) {
+        const types = state.getTypes(id);
+        state.setActive({ name: "" });
+        await store.edit(props.id, { data: { Types: types } });
+    }
+    async function onSave() {
+        state.loading = true;
+        await store.edit(props.id, { data: { Types: state.typesEdit } });
+        state.setActive({ name: "" });
+        state.loading = false;
+    }
 };
 export default AddRegisterDocumentsTypeDialog;
 //# sourceMappingURL=index.js.map

package/es/modules/document-register/components/AddRegisterDocumentsTypeDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/document-register/components/AddRegisterDocumentsTypeDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,uDAAuD;AACvD,MAAM,8BAA8B,GAAG,CAAC,KAGvC,EAAE,EAAE;IACJ,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,IAAI,GAAG,CAAC,kBAAkB,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,CAAC,CAAC;IAEzE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,IACL,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAC,UAAU,EAChB,IAAI,QACJ,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,KAAK,CAAC,QAAQ;QAExB;YACE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,oBAAC,GAAG,IACH,GAAG,EAAE,CAAC,EACN,SAAS,EAAC,YAAY,EACtB,SAAS,QACT,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,OAAO,IAEf,CAAC,CACG,CACN,CAAC;YACF,oBAAC,OAAO,OAAG;YACX,6BAAK,SAAS,EAAC,WAAW,+DAA+D;YACzF,oBAAC,IAAI;gBACJ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBACxB,oBAAC,MAAM,OAAG,CACC,CACN;YACN,WAAW,IAAI,CACf,6BAAK,SAAS,EAAC,MAAM,qFAEf,CACN;YACD,6BAAK,SAAS,EAAC,QAAQ;gBACtB,oBAAC,MAAM,eAAc,CAChB,CACD,CACC,CACR,CAAC,CAAC;IAEH,SAAS,OAAO,KAAI,CAAC;AACtB,CAAC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/document-register/components/AddRegisterDocumentsTypeDialog/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/document-register/components/AddRegisterDocumentsTypeDialog/index.less

@@ -1,7 +1,19 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
 :global {
 	.add-register-documents-type-dialog {
 		.voplus-tag {
 			margin-bottom: 8px;
+			cursor: pointer;
+			&.active {
+				color: #fff;
+				.anticon-close {
+					color: #fff;
+					&:hover {
+						color: #fff;
+					}
+				}
+			}
 		}
 		.ant-divider {
 			margin: 16px 0 12px 0;
@@ -28,13 +40,13 @@
 			.ant-btn {
 				height: 30px;
 				color: #fff;
-				background: #217eb2;
+				background: @primary-color;
 				font-weight: bold;
 				border: none;
 				padding: 0 25px;
 				&:hover {
 					color: #fff;
-					background: #217eb2;
+					background: @primary-color;
 				}
 			}
 		}

package/es/modules/document-register/components/AddRegisterDocumentsTypeDialog/state.d.ts

@@ -0,0 +1,17 @@
+import { IDocumentRegister, ITypeLineOptions, ITypeEditOptions } from "../../../../data/document-register";
+export type IType = ITypeLineOptions | {
+    id?: number;
+    name: string;
+};
+export declare class State {
+    loading: boolean;
+    active: IType;
+    documentRegister: IDocumentRegister;
+    constructor();
+    update(data: IDocumentRegister): void;
+    setName(val: string): void;
+    setActive(data: IType): void;
+    getTypes(id?: number): ITypeEditOptions[];
+    get types(): ITypeLineOptions[];
+    get typesEdit(): ITypeEditOptions[];
+}

package/es/modules/document-register/components/AddRegisterDocumentsTypeDialog/state.js

@@ -0,0 +1,82 @@
+import { __decorate } from "tslib";
+import { action, makeObservable, observable, computed } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "active", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: { name: "" }
+        });
+        Object.defineProperty(this, "documentRegister", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+    }
+    update(data) {
+        this.documentRegister = data;
+    }
+    setName(val) {
+        this.active.name = val;
+    }
+    setActive(data) {
+        this.active = data;
+    }
+    getTypes(id) {
+        const data = this.types.filter((item) => item.id !== id);
+        const types = [];
+        data.map((item) => {
+            types.push({ Id: item.id, Name: item.name, QuickAccess: item.quickAccess });
+        });
+        return types;
+    }
+    get types() {
+        var _a;
+        return (_a = this.documentRegister.types) !== null && _a !== void 0 ? _a : [];
+    }
+    get typesEdit() {
+        var _a;
+        const types = this.getTypes((_a = this.active) === null || _a === void 0 ? void 0 : _a.id);
+        if (this.active.name) {
+            return [...types, { Id: this.active.id, Name: this.active.name }];
+        }
+        return types;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "active", void 0);
+__decorate([
+    observable
+], State.prototype, "documentRegister", void 0);
+__decorate([
+    action
+], State.prototype, "update", null);
+__decorate([
+    action
+], State.prototype, "setName", null);
+__decorate([
+    action
+], State.prototype, "setActive", null);
+__decorate([
+    action
+], State.prototype, "getTypes", null);
+__decorate([
+    computed
+], State.prototype, "types", null);
+__decorate([
+    computed
+], State.prototype, "typesEdit", null);
+//# sourceMappingURL=state.js.map

package/es/modules/document-register/components/AddRegisterDocumentsTypeDialog/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/document-register/components/AddRegisterDocumentsTypeDialog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AASpE,MAAM,OAAO,KAAK;IAKjB;QAJmB;;;;mBAAmB,KAAK;WAAC;QACzB;;;;mBAAgB,EAAE,IAAI,EAAE,EAAE,EAAE;WAAC;QAC7B;;;;;WAAoC;QAGtD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAEc,MAAM,CAAC,IAAuB;QAC5C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC9B,CAAC;IAEc,OAAO,CAAC,GAAW;QACjC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;IACxB,CAAC;IAEc,SAAS,CAAC,IAAW;QACnC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACpB,CAAC;IAEc,QAAQ,CAAC,EAAW;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QACzD,MAAM,KAAK,GAAuB,EAAE,CAAC;QACrC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAC7E,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACd,CAAC;IAES,IAAW,KAAK;;QACzB,OAAO,MAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,mCAAI,EAAE,CAAC;IAC1C,CAAC;IAES,IAAW,SAAS;;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAA,IAAI,CAAC,MAAM,0CAAE,EAAE,CAAC,CAAC;QAC7C,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACtB,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;QACnE,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC;CACD;AAxCmB;IAAlB,UAAU;sCAAiC;AACzB;IAAlB,UAAU;qCAAqC;AAC7B;IAAlB,UAAU;+CAA4C;AAMxC;IAAd,MAAM;mCAEN;AAEc;IAAd,MAAM;oCAEN;AAEc;IAAd,MAAM;sCAEN;AAEc;IAAd,MAAM;qCAON;AAES;IAAT,QAAQ;kCAER;AAES;IAAT,QAAQ;sCAMR"}

package/es/modules/document-register/components/DocumentRegisterTypesSelect/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { SelectProps } from "antd";
+declare const DocumentRegisterTypesSelect: (props: {
+    id: string;
+} & SelectProps) => React.JSX.Element;
+export default DocumentRegisterTypesSelect;

package/es/modules/document-register/components/DocumentRegisterTypesSelect/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { Select } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import { useDocumentRegister } from "../../../../data/document-register";
+const DocumentRegisterTypesSelect = (props) => {
+    const documentRegister = useDocumentRegister(props.id);
+    console.log(props.defaultValue, "----Select");
+    return observe(() => {
+        var _a;
+        return (React.createElement(Select, { mode: "multiple", style: { width: "100%" }, options: (_a = documentRegister.types) === null || _a === void 0 ? void 0 : _a.map((item) => {
+                return { label: item.name, value: item.id };
+            }), ...props }));
+    });
+};
+export default DocumentRegisterTypesSelect;
+//# sourceMappingURL=index.js.map

package/es/modules/document-register/components/DocumentRegisterTypesSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/document-register/components/DocumentRegisterTypesSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,MAAM,2BAA2B,GAAG,CAAC,KAAmC,EAAE,EAAE;IAC3E,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAC9C,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,MAAM,IACN,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,OAAO,EAAE,MAAA,gBAAgB,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC7C,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC;YAC7C,CAAC,CAAC,KACE,KAAK,GACR,CACF,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/es/modules/document-register/components/QuickFilterAccessDialog/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.less";
+declare const QuickFilterAccessDialog: (props: {
+    id: string;
+    onCancel?: () => void;
+}) => React.JSX.Element;
+export default QuickFilterAccessDialog;

package/es/modules/document-register/components/QuickFilterAccessDialog/index.js

@@ -0,0 +1,49 @@
+import React, { useState } from "react";
+import { Modal, Form, Tag, Divider, Button } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import { useDocumentRegisterStore, useDocumentRegister, } from "../../../../data/document-register";
+import DocumentRegisterTypesSelect from "../DocumentRegisterTypesSelect";
+import { State } from "./state";
+import "./index.less";
+const QuickFilterAccessDialog = (props) => {
+    const { id } = props;
+    const store = useDocumentRegisterStore();
+    const [state] = useState(new State());
+    const data = useDocumentRegister(id);
+    state.update(data);
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement(Modal, { className: "quick-filter-access-dialog", title: "Add item", open: true, footer: false, onCancel: props.onCancel },
+            React.createElement("div", null,
+                ((_b = (_a = state.types) === null || _a === void 0 ? void 0 : _a.filter((i) => i.quickAccess)) !== null && _b !== void 0 ? _b : []).map((item) => (React.createElement(Tag, { key: item.id, className: "voplus-tag", closeIcon: true, bordered: false, color: "#E6E6E6", onClose: () => onClose(item.id) }, item.name))),
+                React.createElement(Divider, null),
+                React.createElement("div", { className: "sub-title" }, "Add new register documents type to show in this section."),
+                React.createElement(Form, null,
+                    React.createElement(Form.Item, { label: "Choose" },
+                        React.createElement(DocumentRegisterTypesSelect, { id: id, onChange: onChange }))),
+                React.createElement("div", { className: "info" }, "*User are only able to add not more than 4 document type file in quick filter."),
+                React.createElement("div", { className: "footer" },
+                    React.createElement(Button, { onClick: onSave, loading: state.loading }, "Save")))));
+    });
+    async function onClose(id) {
+        const types = [];
+        state.types.map((item) => {
+            types.push({
+                Id: item.id,
+                Name: item.name,
+                QuickAccess: item.id === id ? false : item.quickAccess,
+            });
+        });
+        await store.edit(props.id, { data: { Types: types } });
+    }
+    function onChange(value) {
+        state.selectVal = value;
+    }
+    async function onSave() {
+        state.loading = true;
+        await store.edit(props.id, { data: { Types: state.typesEdit } });
+        state.loading = false;
+    }
+};
+export default QuickFilterAccessDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/document-register/components/QuickFilterAccessDialog/index.js.map

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

package/es/modules/document-register/components/QuickFilterAccessDialog/index.less

@@ -0,0 +1,45 @@
+:global {
+	.quick-filter-access-dialog {
+		.voplus-tag {
+			margin-bottom: 8px;
+		}
+		.ant-divider {
+			margin: 16px 0 12px 0;
+			background: #e6e6e6;
+		}
+		.sub-title {
+			color: #5d5d5d;
+			line-height: 19px;
+			margin-bottom: 13px;
+		}
+		.ant-form-item {
+			margin-bottom: 16px;
+			label {
+				color: #868686;
+			}
+		}
+		.info {
+			color: #cbcbcb;
+			line-height: 19px;
+		}
+		.footer {
+			margin-top: 22px;
+			text-align: right;
+			.ant-btn {
+				height: 30px;
+				color: #fff;
+				background: #217eb2;
+				font-weight: bold;
+				border: none;
+				padding: 0 25px;
+				&:hover {
+					color: #fff;
+					background: #217eb2;
+				}
+			}
+		}
+		.ant-modal-footer {
+			display: none;
+		}
+	}
+}

package/es/modules/document-register/components/QuickFilterAccessDialog/state.d.ts

@@ -0,0 +1,14 @@
+import { IDocumentRegister, ITypeLineOptions, ITypeEditOptions } from "../../../../data/document-register";
+export type IType = ITypeLineOptions | {
+    id?: string;
+    name: string;
+};
+export declare class State {
+    loading: boolean;
+    selectVal: number[];
+    documentRegister: IDocumentRegister;
+    constructor();
+    update(data: IDocumentRegister): void;
+    get types(): ITypeLineOptions[];
+    get typesEdit(): ITypeEditOptions[];
+}

package/es/modules/document-register/components/QuickFilterAccessDialog/state.js

@@ -0,0 +1,60 @@
+import { __decorate } from "tslib";
+import { action, makeObservable, observable, computed } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "selectVal", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "documentRegister", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+    }
+    update(data) {
+        this.documentRegister = data;
+    }
+    get types() {
+        var _a;
+        return (_a = this.documentRegister.types) !== null && _a !== void 0 ? _a : [];
+    }
+    get typesEdit() {
+        const types = [];
+        this.types.map((item) => {
+            var _a;
+            const quickAccess = ((_a = this.selectVal) === null || _a === void 0 ? void 0 : _a.filter((i) => i === item.id)) ? true : item.quickAccess;
+            types.push({ Id: item.id, Name: item.name, QuickAccess: quickAccess });
+        });
+        return types;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "selectVal", void 0);
+__decorate([
+    observable
+], State.prototype, "documentRegister", void 0);
+__decorate([
+    action
+], State.prototype, "update", null);
+__decorate([
+    computed
+], State.prototype, "types", null);
+__decorate([
+    computed
+], State.prototype, "typesEdit", null);
+//# sourceMappingURL=state.js.map

package/es/modules/document-register/components/QuickFilterAccessDialog/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/document-register/components/QuickFilterAccessDialog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AASpE,MAAM,OAAO,KAAK;IAKjB;QAJmB;;;;mBAAmB,KAAK;WAAC;QACzB;;;;;WAAoB;QACpB;;;;;WAAoC;QAGtD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAEc,MAAM,CAAC,IAAuB;QAC5C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC9B,CAAC;IAES,IAAW,KAAK;;QACzB,OAAO,MAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,mCAAI,EAAE,CAAC;IAC1C,CAAC;IAES,IAAW,SAAS;QAC7B,MAAM,KAAK,GAAuB,EAAE,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;YACvB,MAAM,WAAW,GAAG,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;YAC3F,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACd,CAAC;CACD;AAxBmB;IAAlB,UAAU;sCAAiC;AACzB;IAAlB,UAAU;wCAA4B;AACpB;IAAlB,UAAU;+CAA4C;AAMxC;IAAd,MAAM;mCAEN;AAES;IAAT,QAAQ;kCAER;AAES;IAAT,QAAQ;sCAOR"}

package/es/modules/document-register/pages/DocumentRegisterDefaultView/index.js

@@ -13,7 +13,7 @@ const DocumentRegisterDefaultView = ({ id }) => {
     const frame = useFrame();
     if (frame)
         frame.header = null;
-    const documentRegister = useDocumentRegister(id, { reload: true, includes: "tags,path" });
+    const documentRegister = useDocumentRegister(id, { reload: true, includes: "tags,path,types" });
     return observe(() => (React.createElement(TabItemContext.Provider, { value: store },
         React.createElement(MainContent, { className: "document-register-default-view" },
             React.createElement(MainContent.Nav, { collapsible: true },