@voplus/morpho-csp 1.0.0-dev003 → 1.0.0-dev006

package/es/modules/corporate/company/Officer/OfficerPropertiesView/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./index.less";
+declare const OfficerPropertiesView: (props: {
+    id: string;
+    allowEdit?: boolean;
+    toolbar?: boolean;
+}) => JSX.Element;
+export default OfficerPropertiesView;

package/es/modules/corporate/company/Officer/OfficerPropertiesView/index.js

@@ -0,0 +1,64 @@
+import "./index.less";
+import { Button, Modal, Skeleton, Tabs } from "@voplus/antd";
+import { useOfficer, useOfficerStore } from "../../../../../data/officer";
+import ContactInformation from "../ContactInformation";
+import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import IdentifyDetail from "../../Identity/IdentifyDetail";
+import OfficerInformation from "../OfficerInformation";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import PositionSelect from "../PositionSelect";
+import React from "react";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
+import { faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import { useAsideContentContext } from "@voplus/morpho-ui";
+import { useListDataContext } from "@voplus/morpho-ui/es/data";
+import { useObserver } from "mobx-react-lite";
+const OfficerPropertiesView = (props) => {
+    const { id, allowEdit, toolbar } = props;
+    const officer = useOfficer(id, { reload: true });
+    const officerStore = useOfficerStore();
+    const dataState = useListDataContext();
+    const asideContext = useAsideContentContext();
+    return useObserver(() => (React.createElement("div", { className: "officer-properties-view_content" },
+        officer.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+            React.createElement(Skeleton, { active: true }))) : (React.createElement("div", { className: "officer-properties-view_header" },
+            React.createElement(UnitAvatar, { id: officer.unitId, size: 70 }),
+            React.createElement("div", { className: "officer-person-name" },
+                React.createElement(PositionSelect, { id: id, position: officer.position, allowEdit: allowEdit })),
+            React.createElement("div", null, officer.name),
+            toolbar !== false && (React.createElement(ToolBar, { showMenu: false },
+                React.createElement(Open, { url: `/officer/${id}` }),
+                allowEdit && (React.createElement(Button, { danger: true, size: "small", shape: "circle", onClick: onDelete },
+                    React.createElement(FAIcon, { icon: faTrashAlt, color: "#f5222d" }))))))),
+        React.createElement(Tabs, { defaultActiveKey: "Officer" },
+            React.createElement(Tabs.TabPane, { tab: "Officer Details", key: "Officer" },
+                React.createElement(OfficerInformation, { id: id, allowEdit: allowEdit })),
+            React.createElement(Tabs.TabPane, { tab: "Contact Details", key: "Contact" },
+                React.createElement(ContactInformation, { id: officer.unitId, allowEdit: allowEdit })),
+            React.createElement(Tabs.TabPane, { tab: "Identify Details", key: "Identify" },
+                React.createElement(IdentifyDetail, { id: officer.identityId, officerId: id, allowEdit: allowEdit })),
+            React.createElement(Tabs.TabPane, { tab: "Documents", key: "Document" },
+                React.createElement(DocumentList, { id: id, header: false }))))));
+    /** 删除officer item */
+    function onDelete() {
+        const onOk = async () => {
+            await officerStore.delete([id], { error: "message" }).then((res) => {
+                if (!res)
+                    return;
+                dataState.remove(id);
+                if (asideContext)
+                    asideContext.closeAside();
+            });
+        };
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            onOk() {
+                return onOk();
+            },
+        });
+    }
+};
+export default OfficerPropertiesView;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/Officer/OfficerPropertiesView/index.js.map

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

package/es/modules/corporate/company/Officer/OfficerPropertiesView/index.less

@@ -0,0 +1,39 @@
+:global {
+	.officer-properties-view_content {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		overflow: hidden;
+		background-color: #fff;
+
+		.officer-properties-view_header {
+			position: relative;
+			text-align: center;
+			padding: 20px 0 10px 0;
+			.officer-person-name {
+				color: #000;
+				font-size: 16px;
+				font-weight: 500;
+				padding-top: 12px;
+			}
+			.tool-bar {
+				position: absolute;
+				top: 20px;
+				right: 20px;
+			}
+		}
+		.ant-tabs {
+			height: 100%;
+			.ant-tabs-nav {
+				margin: 0 20px;
+			}
+			.company-information {
+				padding: 15px 20px;
+				h3 {
+					margin-bottom: 15px;
+					color: #000;
+				}
+			}
+		}
+	}
+}

package/es/modules/corporate/company/Officer/PositionSelect/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const PositionSelect: {
+    (props: {
+        id: string;
+        position?: string;
+        allowEdit?: boolean;
+    }): JSX.Element;
+    defaultProps: {
+        allowEdit: boolean;
+    };
+};
+export default PositionSelect;

package/es/modules/corporate/company/Officer/PositionSelect/index.js

@@ -0,0 +1,30 @@
+import React, { useState } from "react";
+import { Select } from "@voplus/antd";
+import { useOfficerStore } from "../../../../../data/officer";
+const PositionSelect = (props) => {
+    const { id, position, allowEdit } = props;
+    const [editable, setEditable] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const officerStore = useOfficerStore();
+    return (React.createElement(React.Fragment, null, editable ? (React.createElement(Select, { defaultValue: position, autoFocus: editable, loading: loading, onChange: onChange, bordered: false, style: { minWidth: "200px" } }, [
+        "Director",
+        "Managing Director",
+        "Nominee Director",
+        "Secretary",
+        "CEO",
+        "Partner",
+        "Owner",
+        "Auditor",
+        "Manager",
+    ].map((p) => (React.createElement(Select.Option, { key: p, value: p }, p))))) : (React.createElement("div", { onClick: () => setEditable(!!allowEdit) }, position || "Add Position"))));
+    async function onChange(position) {
+        setLoading(true);
+        await officerStore.edit(id, { data: { Position: position }, error: "message" });
+        setEditable(false);
+    }
+};
+PositionSelect.defaultProps = {
+    allowEdit: true,
+};
+export default PositionSelect;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/Officer/PositionSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Officer/PositionSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,cAAc,GAAG,CAAC,KAA6D,EAAE,EAAE;IACxF,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ,QACb,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,MAAM,IACN,YAAY,EAAE,QAAQ,EACtB,SAAS,EAAE,QAAQ,EACnB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAE3B;QACA,UAAU;QACV,mBAAmB;QACnB,kBAAkB;QAClB,WAAW;QACX,KAAK;QACL,SAAS;QACT,OAAO;QACP,SAAS;QACT,SAAS;KACT,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACZ,oBAAC,MAAM,CAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAC7B,CAAC,CACa,CAChB,CAAC,CACM,CACT,CAAC,CAAC,CAAC,CACH,6BAAK,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,IAAG,QAAQ,IAAI,cAAc,CAAO,CAChF,CACe,CACjB,CAAC;IACF,KAAK,UAAU,QAAQ,CAAC,QAAgB;QACvC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAChF,WAAW,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;AACF,CAAC,CAAC;AACF,cAAc,CAAC,YAAY,GAAG;IAC7B,SAAS,EAAE,IAAI;CACf,CAAC;AACF,eAAe,cAAc,CAAC"}

package/es/modules/corporate/company/Officer/components/CorporateOfficerSelect/index.d.ts

@@ -0,0 +1,16 @@
+import React, { CSSProperties } from "react";
+declare const CorporateOfficerSelect: {
+    (props: {
+        corporateId: string;
+        multiple?: boolean | undefined;
+        style?: React.CSSProperties | undefined;
+        onChange?: ((options?: string | string[] | undefined) => void | Promise<void>) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        multiple: boolean;
+        style: {
+            width: string;
+        };
+    };
+};
+export default CorporateOfficerSelect;

package/es/modules/corporate/company/Officer/components/CorporateOfficerSelect/index.js

@@ -0,0 +1,40 @@
+import { useOfficerListEffect } from "../../../../../../data/officer";
+import React from "react";
+import { Select } from "@voplus/antd";
+import { useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import { useObserver } from "mobx-react-lite";
+const CorporateOfficerSelect = (props) => {
+    const { corporateId, multiple, style } = props;
+    const list = useCreateListDataState({}, [corporateId]);
+    useOfficerListEffect(list, (result) => list.union(result), {
+        Page: { Page: 1, PageSize: 99999 },
+        Filters: [
+        // { c: "ParentNodeId", o: "=", l: "And", v1: corporateId },
+        // {
+        // 	c: "Name",
+        // 	o: "contains",
+        // 	v1: name,
+        // 	l: "And"
+        // }
+        ],
+    });
+    return useObserver(() => (React.createElement(Select, Object.assign({ showSearch: true, allowClear: true, style: style, placeholder: "Please Select Officer" }, (!!multiple ? { mode: "multiple" } : {}), { onChange: onChange, loading: list.loading, filterOption: (input, option) => (option === null || option === void 0 ? void 0 : option.children.toLowerCase().indexOf(input.toLowerCase())) >= 0, dropdownStyle: { backgroundColor: "#fff" } }), list.data.map((officer) => (React.createElement(Select.Option, { value: officer.id, key: officer.id }, officer.name))))));
+    /** select officer */
+    async function onChange(value) {
+        await (onChange === null || onChange === void 0 ? void 0 : onChange(value));
+    }
+    // function tagRender(props:any) {
+    // 	const { label, value, closable, onClose } = props;
+    // 	return (
+    // 	  <Tag color={value} closable={closable} onClose={onClose} style={{ marginRight: 3 }}>
+    // 		{label}
+    // 	  </Tag>
+    // 	);
+    //   }
+};
+CorporateOfficerSelect.defaultProps = {
+    multiple: true,
+    style: { width: "100%" },
+};
+export default CorporateOfficerSelect;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/Officer/components/CorporateOfficerSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/Officer/components/CorporateOfficerSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,sBAAsB,GAAG,CAAC,KAK/B,EAAE,EAAE;IACJ,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE/C,MAAM,IAAI,GAAG,sBAAsB,CAAW,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,oBAAoB,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;QAC1D,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;QAClC,OAAO,EAAE;QACR,4DAA4D;QAC5D,IAAI;QACJ,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,YAAY;QACZ,IAAI;SACJ;KACD,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,MAAM,kBACN,UAAU,QACV,UAAU,QACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,uBAAuB,IAE/B,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC5C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAC/B,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,MAAK,CAAC,EAEjE,aAAa,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,KAEzC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC3B,oBAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,IAC/C,OAAO,CAAC,IAAI,CACE,CAChB,CAAC,CACM,CACT,CAAC,CAAC;IACH,qBAAqB;IACrB,KAAK,UAAU,QAAQ,CAAC,KAAa;QACpC,OAAM,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAC,CAAC;IACzB,CAAC;IACD,kCAAkC;IAClC,sDAAsD;IAEtD,YAAY;IACZ,0FAA0F;IAC1F,YAAY;IACZ,YAAY;IACZ,MAAM;IACN,MAAM;AACP,CAAC,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG;IACrC,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;CACxB,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/es/modules/corporate/company/OfficerRegister/OfficerItem/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import "./index.less";
+declare const OfficerItem: (props: {
+    /** id of officer */
+    id: string;
+    /** id of unit */
+    unitId: string;
+    /** id of identity */
+    identityId: string;
+    /** index of officer list */
+    index: number;
+    className?: string;
+}) => JSX.Element;
+export default OfficerItem;

package/es/modules/corporate/company/OfficerRegister/OfficerItem/index.js

@@ -0,0 +1,28 @@
+import "./index.less";
+import { Badge } from "@voplus/antd";
+import React from "react";
+import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
+import moment from "moment";
+import { useObserver } from "mobx-react-lite";
+import { useOfficer } from "../../../../../data/officer";
+const OfficerItem = (props) => {
+    const { id, unitId, index } = props;
+    const officer = useOfficer(id);
+    return useObserver(() => (React.createElement("div", { className: "officer-item" },
+        React.createElement(React.Fragment, null,
+            React.createElement(UnitAvatar, { id: unitId, index: index, size: "large" }),
+            React.createElement("div", { className: "officer-info" },
+                React.createElement("div", { className: "title" },
+                    officer.name,
+                    officer.position ? "(" + officer.position + ")" : ""),
+                officer.appointment && (React.createElement("div", { className: "appointment-date" },
+                    "Appointment Date: ",
+                    moment(officer.appointment).format("YYYY-MM-DD"))),
+                officer.cease && (React.createElement("div", { className: "cease-date" },
+                    "Cease Date: ",
+                    moment(officer.cease).format("YYYY-MM-DD"))),
+                React.createElement("div", { className: "officer-date" })),
+            officer.status && (React.createElement("div", null, officer.status === "Present" ? (React.createElement(Badge, { status: "success", text: "Present" })) : (React.createElement(Badge, { status: "error", text: "Past" }))))))));
+};
+export default OfficerItem;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/OfficerRegister/OfficerItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/OfficerRegister/OfficerItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,EAAqB,MAAM,cAAc,CAAC;AAIxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,6CAA6C,CAAC;AACrE,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,WAAW,GAAG,CAAC,KAUpB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAE/B,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,cAAc;QAI5B,oBAAC,KAAK,CAAC,QAAQ;YACd,oBAAC,UAAU,IAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG;YACrD,6BAAK,SAAS,EAAC,cAAc;gBAC5B,6BAAK,SAAS,EAAC,OAAO;oBACpB,OAAO,CAAC,IAAI;oBACZ,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAChD;gBACL,OAAO,CAAC,WAAW,IAAI,CACvB,6BAAK,SAAS,EAAC,kBAAkB;;oBACb,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC9D,CACN;gBACA,OAAO,CAAC,KAAK,IAAI,CACjB,6BAAK,SAAS,EAAC,YAAY;;oBACb,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAClD,CACN;gBACD,6BAAK,SAAS,EAAC,cAAc,GAAO,CAC/B;YACL,OAAO,CAAC,MAAM,IAAI,CAClB,iCACE,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC/B,oBAAC,KAAK,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAG,CACzC,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACpC,CACI,CACN,CACe,CAEZ,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,WAAW,CAAC"}

package/es/modules/corporate/company/OfficerRegister/OfficerItem/index.less

@@ -0,0 +1,29 @@
+:global {
+	.officer-item {
+		position: relative;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 10px 20px;
+		&::after {
+			position: absolute;
+			content: "";
+			left: 20px;
+			bottom: 0;
+			right: 20px;
+			border-bottom: 1px solid #f2f2f2;
+		}
+		.officer-info {
+			flex: 1;
+			margin-left: 10px;
+			.title {
+				font-weight: 500;
+			}
+		}
+		.appointment-date,
+		.cease-date {
+			font-size: 13px;
+			line-height: 22px;
+		}
+	}
+}

package/es/modules/corporate/company/OfficerRegister/OfficerList/index.d.ts

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

package/es/modules/corporate/company/OfficerRegister/OfficerList/index.js

@@ -0,0 +1,88 @@
+import "./index.less";
+import { useOfficerListEffect, useOfficerStore } from "../../../../../data/officer";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data/ListDataContext";
+import FilterView from "@voplus/morpho-ui/es/controls/FilterView/FilterView2";
+import Header from "../../../../../components/Header";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import NewTypeDropdown from "../../../../../components/NewTypeDropdown";
+import OfficerItem from "../OfficerItem";
+import OfficerPropertiesView from "../../Officer/OfficerPropertiesView";
+import OfficerStatusFilter from "../OfficerStatusFilter";
+import React from "react";
+import SelectLegalContactDialog from "../../Identity/SelectLegalContactDialog";
+import { State } from "./state";
+import { useAutoUpdateListData } from "@voplus/morpho-document-core";
+import { useDeepMemo } from "@voplus/morpho-data";
+import { useObserver } from "mobx-react-lite";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const OfficerList = (props) => {
+    const { parentId, allowEdit } = props;
+    const officerStore = useOfficerStore();
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: parentId }],
+        },
+    }, [parentId]);
+    const state = useDeepMemo(() => new State(), [parentId]);
+    useAutoUpdateListData(list, (d) => d.parentId === parentId);
+    useRenderOnChange(() => list.filters.options);
+    useOfficerListEffect(list, (result) => list.union(result), list.filters.options);
+    return useObserver(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(Header, { text: "Officers Register" },
+            React.createElement("div", null,
+                React.createElement(FilterView, { columns: [
+                        React.createElement(OfficerStatusFilter, { key: "OfficerStatusFilter" }),
+                    ] }),
+                allowEdit !== false && (React.createElement(NewTypeDropdown, { onSelect: onSelect, menus: [
+                        "Director",
+                        "Managing Director",
+                        "Nominee Director",
+                        "Secretary",
+                        "CEO",
+                        "Partner",
+                        "Owner",
+                        "Auditor",
+                        "Manager",
+                    ], style: { marginLeft: "10px" } })))),
+        React.createElement(ListView, { headerProps: {
+                header: (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "view-title" }, "Officer List"),
+                    React.createElement("div", null,
+                        React.createElement(FilterView, { columns: [
+                                React.createElement(OfficerStatusFilter, { key: "OfficerStatusFilter" }),
+                            ] }),
+                        allowEdit !== false && (React.createElement(NewTypeDropdown, { onSelect: onSelect, menus: [
+                                "Director",
+                                "Managing Director",
+                                "Nominee Director",
+                                "Secretary",
+                                "CEO",
+                                "Partner",
+                                "Owner",
+                                "Auditor",
+                                "Manager",
+                            ] }))))),
+                sortable: false,
+                addAble: false,
+            }, renderItem: ({ item, index }) => (React.createElement(OfficerItem, { key: item.id, id: item.id, unitId: item.unitId, identityId: item.identityId, index: index, className: index === 0 ? "shareTransaction-item-first" : "" })), propertiesView: (id) => React.createElement(OfficerPropertiesView, { id: id, allowEdit: allowEdit }), className: "officer-list-view" }),
+        state.addAble && React.createElement(SelectLegalContactDialog, { visible: state.addAble, updateVisible: onSave }))));
+    /** 选择officer position */
+    function onSelect(position) {
+        state.position = position;
+        state.addAble = true;
+    }
+    /** 新增officerItem */
+    async function onSave(unitId) {
+        /** SelectLegalContactDialog 选择/新增有identity信息的unit */
+        if (unitId) {
+            const res = await officerStore.create({
+                data: { RegisterId: parentId, UnitId: unitId, Position: state.position },
+                error: "message",
+            });
+            list.union([res]);
+        }
+        state.addAble = false;
+    }
+};
+export default OfficerList;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/OfficerRegister/OfficerList/index.js.map

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

package/es/modules/corporate/company/OfficerRegister/OfficerList/index.less

@@ -0,0 +1,12 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.officer-list-view {
+		padding: 0 !important;
+		.list-view-header .view-title {
+			flex: 1;
+		}
+		aside {
+			border-top: 0;
+		}
+	}
+}

package/es/modules/corporate/company/OfficerRegister/OfficerList/state.d.ts

@@ -0,0 +1,7 @@
+export declare class State {
+    /** position of the new officer */
+    position: string;
+    /** can new Officer item  */
+    addAble: boolean;
+    loading: boolean;
+}

package/es/modules/corporate/company/OfficerRegister/OfficerList/state.js

@@ -0,0 +1,21 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        /** position of the new officer */
+        this.position = "Director";
+        /** can new Officer item  */
+        this.addAble = false;
+        this.loading = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "position", void 0);
+__decorate([
+    observable
+], State.prototype, "addAble", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/corporate/company/OfficerRegister/OfficerList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/OfficerRegister/OfficerList/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACC,kCAAkC;QACf,aAAQ,GAAG,UAAU,CAAC;QACzC,4BAA4B;QACT,YAAO,GAAG,KAAK,CAAC;QAChB,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AAJY;IAAX,UAAU;uCAA8B;AAE7B;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;sCAAwB"}

package/es/modules/corporate/company/OfficerRegister/OfficerRegisterDefaultView/index.d.ts

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

package/es/modules/corporate/company/OfficerRegister/OfficerRegisterDefaultView/index.js

@@ -0,0 +1,16 @@
+import "./index.less";
+import React from "react";
+import { useRouteMatch } from "react-router";
+import ShareTransactionList from "../../../../../modules/legalEntity/shareTransactionsRegister/ShareTransactionList";
+import { useObserver } from "mobx-react-lite";
+const OfficerRegisterDefaultView = (props) => {
+    const match = useRouteMatch();
+    const id = props.id || match.params.id;
+    return useObserver(() => (
+    // <div className="officer-register-default-view">
+    React.createElement(ShareTransactionList, { parentId: id, readonly: props.allowEdit === false, sidebar: true, header: true })
+    // </div>
+    ));
+};
+export default OfficerRegisterDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/OfficerRegister/OfficerRegisterDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/OfficerRegister/OfficerRegisterDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,oBAAoB,MAAM,mFAAmF,CAAC;AACrH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,0BAA0B,GAAG,CAAC,KAA0C,EAAE,EAAE;IACjF,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAEvC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC;IACxB,kDAAkD;IAClD,oBAAC,oBAAoB,IACpB,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,EACnC,OAAO,EAAE,IAAI,EACb,MAAM,SACL;IACF,SAAS;KACT,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/es/modules/corporate/company/OfficerRegister/OfficerRegisterDefaultView/index.less

@@ -0,0 +1,23 @@
+@import "../../../../../style/common.less";
+:global {
+	.officer-register-default-view {
+		position: relative;
+		// padding: 0 !important;
+		aside {
+			border-top: 0;
+		}
+		.shareTransaction-list-header {
+			// display: flex;
+			// flex: 1;
+			// justify-content: space-between;
+			// line-height: 21px;
+			// color: #fff;
+		}
+		.create-shareTransaction-form {
+			position: absolute;
+			bottom: 0;
+			left: 0;
+			right: 0;
+		}
+	}
+}

package/es/modules/corporate/company/OfficerRegister/OfficerStatusFilter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const OfficerStatusFilter: () => JSX.Element;
+export default OfficerStatusFilter;

package/es/modules/corporate/company/OfficerRegister/OfficerStatusFilter/index.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { State } from "./state";
+import classnames from "classnames";
+import { useFilterOptionsContext } from "@voplus/morpho-ui/es/data";
+import { useObserver } from "mobx-react-lite";
+const menuList = ["Present", "Past"];
+const OfficerStatusFilter = () => {
+    /** 引入父組件的 FilterOptionsContextState */
+    const context = useFilterOptionsContext();
+    /** 尝试从 context 取得 State, 如果没有的话context会使用第二个factory参数创建一个State. */
+    const state = context.getFilterState("DocumentStatus", () => new State());
+    return useObserver(() => (React.createElement("div", { className: "transaction-type-filter" },
+        React.createElement("div", { className: "menu-item-title" }, "TransactionType"),
+        menuList.map((status) => (React.createElement("div", { key: status, className: classnames("filter-menu-item", {
+                bold: state.status === status,
+            }), onClick: () => (state.status = status) },
+            React.createElement("div", { className: "filter-name" }, status)))))));
+};
+export default OfficerStatusFilter;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/OfficerRegister/OfficerStatusFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/OfficerRegister/OfficerStatusFilter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAErC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAChC,uCAAuC;IACvC,MAAM,OAAO,GAAG,uBAAuB,EAAE,CAAC;IAE1C,mEAAmE;IACnE,MAAM,KAAK,GAAG,OAAO,CAAC,cAAc,CAAC,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAE1E,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,yBAAyB;QACvC,6BAAK,SAAS,EAAC,iBAAiB,sBAAsB;QACrD,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;gBACzC,IAAI,EAAE,KAAK,CAAC,MAAM,KAAK,MAAM;aAC7B,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAEtC,6BAAK,SAAS,EAAC,aAAa,IAAE,MAAM,CAAO,CACtC,CACN,CAAC,CACG,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/es/modules/corporate/company/OfficerRegister/OfficerStatusFilter/index.less

@@ -0,0 +1,5 @@
+:global {
+	.transaction-type-filter {
+		padding: 0 15px;
+	}
+}

package/es/modules/corporate/company/OfficerRegister/OfficerStatusFilter/state.d.ts

@@ -0,0 +1,10 @@
+import { FilterOption } from "@voplus/morpho-data";
+import { IFilterState } from "@voplus/morpho-ui/es/data";
+/** DocumentStatusFilter的 State, 实现 IFilterState 接口 */
+export declare class State implements IFilterState {
+    /** Status of document of filter */
+    status: string;
+    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
+    get filters(): FilterOption[];
+    reset(): void;
+}

package/es/modules/corporate/company/OfficerRegister/OfficerStatusFilter/state.js

@@ -0,0 +1,25 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+/** DocumentStatusFilter的 State, 实现 IFilterState 接口 */
+export class State {
+    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
+    get filters() {
+        if (!this.status)
+            return [];
+        return [
+            {
+                c: "CeaseDate",
+                o: "contains",
+                v1: this.status === "Present" ? null : "",
+                l: "And",
+            },
+        ];
+    }
+    reset() {
+        this.status = "";
+    }
+}
+__decorate([
+    observable
+], State.prototype, "status", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/corporate/company/OfficerRegister/OfficerStatusFilter/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/OfficerRegister/OfficerStatusFilter/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAU,UAAU,EAAE,MAAM,MAAM,CAAC;AAK1C,sDAAsD;AACtD,MAAM,OAAO,KAAK;IAIjB,6FAA6F;IAC7F,IAAW,OAAO;QACjB,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,CAAC;QAC5B,OAAO;YACN;gBACC,CAAC,EAAE,WAAW;gBACd,CAAC,EAAE,UAAU;gBACb,EAAE,EAAE,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gBACzC,CAAC,EAAE,KAAK;aACQ;SACjB,CAAC;IACH,CAAC;IAEM,KAAK;QACX,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IAClB,CAAC;CACD;AAlBY;IAAX,UAAU;qCAAuB"}