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

package/es/modules/corporate/company/MemberRegister/components/Details/index.js

@@ -0,0 +1,50 @@
+import "./index.less";
+import { Form } from "@voplus/antd";
+import { useMemberStore, } from "../../../../../../data/member";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import { InlineEdit } from "@voplus/morpho-ui";
+import React from "react";
+import Scrollbars from "react-custom-scrollbars";
+import moment from "moment";
+import { useObserver } from "mobx-react-lite";
+const Details = (props) => {
+    const { id, allowEdit } = props;
+    // const member = useMember(id);
+    const member = {
+        id: id,
+        name: "股东名册",
+        guarantee: 20000,
+        since: "2020-01-19T09:20:30.072",
+        until: "2022-11-19T09:20:30.072",
+    };
+    const memberStore = useMemberStore();
+    return useObserver(() => (React.createElement(Scrollbars, null,
+        React.createElement(Form, { labelAlign: "left", labelCol: { span: 5 }, className: "company-information" },
+            React.createElement("h3", null, "Shares"),
+            React.createElement(React.Fragment, null,
+                React.createElement(Form.Item, { label: "Ordinary" },
+                    React.createElement(InlineEdit, { defaultValue: member.guarantee, editable: allowEdit, content: (v) => React.createElement(React.Fragment, null, v.store.value || "Add Ordinary") })),
+                React.createElement(Form.Item, { label: "Preference" },
+                    React.createElement(InlineEdit, { defaultValue: member.guarantee, editable: allowEdit, content: (v) => React.createElement(React.Fragment, null, v.store.value || "Add Preference") }))),
+            React.createElement("h3", null, "Period"),
+            React.createElement(React.Fragment, null,
+                React.createElement(Form.Item, { label: "Since" },
+                    React.createElement(InlineEdit, { defaultValue: member === null || member === void 0 ? void 0 : member.since, content: (v) => (React.createElement("span", null, v ? moment(v.store.value).format("YYYY-MM-DD") : "Add Since")), editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
+                            if (moment(date).isSame(member === null || member === void 0 ? void 0 : member.since, "day"))
+                                return;
+                            memberStore.edit(id, { data: { Since: date }, error: "message" });
+                        } })),
+                React.createElement(Form.Item, { label: "Until" },
+                    React.createElement(InlineEdit, { defaultValue: member === null || member === void 0 ? void 0 : member.until, content: (v) => (React.createElement("span", null, v ? moment(v.store.value).format("YYYY-MM-DD") : "Add Until")), editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
+                            if (moment(date).isSame(member === null || member === void 0 ? void 0 : member.until, "day"))
+                                return;
+                            memberStore.edit(id, { data: { Until: date }, error: "message" });
+                        } })))))));
+    /** hover edit Contact Info */
+    function inlineEdit(value, oldValue, option) {
+        // if (!value || value.trim() === oldValue) return;
+        memberStore.edit(id, { data: option, error: "message" });
+    }
+};
+export default Details;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/MemberRegister/components/Details/index.js.map

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

package/es/modules/corporate/company/MemberRegister/components/Details/index.less

@@ -0,0 +1,14 @@
+:global {
+	.share-transactions-details {
+		.share-transactions-item {
+			margin-bottom: 24px;
+			line-height: 1.5715;
+			color: rgba(0, 0, 0, 0.85);
+			font-size: 14px;
+		}
+		.label {
+			color: rgba(0, 0, 0, 0.85);
+			font-size: 14px;
+		}
+	}
+}

package/es/modules/corporate/company/MemberRegister/components/MemberShareTransactions/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const MemberShareTransactions: {
+    (props: {
+        id: string;
+        size: "large" | "middle" | "small";
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default MemberShareTransactions;

package/es/modules/corporate/company/MemberRegister/components/MemberShareTransactions/index.js

@@ -0,0 +1,46 @@
+import { Table, Tag } from "@voplus/antd";
+import React from "react";
+import moment from "moment";
+import styles from "./index.less";
+const MemberShareTransactions = (props) => {
+    const { id, size } = props;
+    const columns = [
+        {
+            title: "Date",
+            dataIndex: "date",
+            key: "date",
+            render: (data) => (React.createElement(React.Fragment, null, moment(data).format("DD MMM YYYY"))),
+        },
+        {
+            title: "Type/Shares",
+            dataIndex: "typeShares",
+            key: "typeShares",
+        },
+        {
+            title: "Share Certs",
+            dataIndex: "shareCerts",
+            key: "shareCerts",
+            render: (tags) => (React.createElement(React.Fragment, null, tags.map((tag) => {
+                const color = tag.length > 5 ? "geekblue" : "green";
+                return (React.createElement(Tag, { color: color, key: tag }, tag.toUpperCase()));
+            }))),
+        },
+    ];
+    const data = [
+        {
+            key: "1",
+            date: "2020-01-19T09:20:30.072",
+            typeShares: "Allofment 200",
+            shareCerts: ["cool", "teacher"],
+        },
+    ];
+    return (React.createElement("div", { className: styles["member-share-transactions"] },
+        React.createElement("h3", null, "Ordinary"),
+        React.createElement(Table, { className: "share-transactions-table", size: size, columns: columns, dataSource: data, pagination: false }),
+        React.createElement("h3", null, "Preference")));
+};
+MemberShareTransactions.defaultProps = {
+    size: "middle",
+};
+export default MemberShareTransactions;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/MemberRegister/components/MemberShareTransactions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/MemberRegister/components/MemberShareTransactions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,uBAAuB,GAAG,CAAC,KAAyD,EAAE,EAAE;IAC7F,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,OAAO,GAAG;QACf;YACC,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;YACX,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CACzB,oBAAC,KAAK,CAAC,QAAQ,QAAE,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAkB,CACrE;SACD;QACD;YACC,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,YAAY;YACvB,GAAG,EAAE,YAAY;SACjB;QACD;YACC,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,YAAY;YACvB,GAAG,EAAE,YAAY;YACjB,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC3B,0CACE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACjB,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;gBACpD,OAAO,CACN,oBAAC,GAAG,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IACzB,GAAG,CAAC,WAAW,EAAE,CACb,CACN,CAAC;YACH,CAAC,CAAC,CACA,CACH;SACD;KACD,CAAC;IAEF,MAAM,IAAI,GAAG;QACZ;YACC,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,yBAAyB;YAC/B,UAAU,EAAE,eAAe;YAC3B,UAAU,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;SAC/B;KACD,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC;QAClD,2CAAiB;QACjB,oBAAC,KAAK,IACL,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,KAAK,GAChB;QACF,6CAAmB,CACd,CACN,CAAC;AACH,CAAC,CAAC;AAEF,uBAAuB,CAAC,YAAY,GAAG;IACtC,IAAI,EAAE,QAAQ;CACd,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/es/modules/corporate/company/MemberRegister/components/MemberShareTransactions/index.less

@@ -0,0 +1,12 @@
+.member-share-transactions {
+	padding: 15px 20px;
+	:global {
+		h3 {
+			margin-bottom: 15px;
+			color: #000;
+		}
+		.share-transactions-table {
+			margin-bottom: 15px;
+		}
+	}
+}

package/es/modules/corporate/company/MemberRegister/components/ShareTransactionsDataIcon/index.d.ts

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

package/es/modules/corporate/company/MemberRegister/components/ShareTransactionsDataIcon/index.js

@@ -0,0 +1,14 @@
+import "./index.less";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import MemberShareTransactions from "../MemberShareTransactions";
+import { Popover } from "@voplus/antd";
+import React from "react";
+import { faAnalytics } from "@fortawesome/pro-light-svg-icons";
+const ShareTransactionsDataIcon = (props) => {
+    const { id, className } = props;
+    return (React.createElement(Popover, { content: React.createElement(MemberShareTransactions, { id: id, size: "small" }), title: "", arrowPointAtCenter: true, overlayClassName: "task-analytics-popover" },
+        React.createElement("span", { className: className },
+            React.createElement(FAIcon, { icon: faAnalytics }))));
+};
+export default ShareTransactionsDataIcon;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/MemberRegister/components/ShareTransactionsDataIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/MemberRegister/components/ShareTransactionsDataIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,MAAM,yBAAyB,GAAG,CAAC,KAAyC,EAAE,EAAE;IAC/E,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhC,OAAO,CACN,oBAAC,OAAO,IACP,OAAO,EAAE,oBAAC,uBAAuB,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,EACzD,KAAK,EAAC,EAAE,EACR,kBAAkB,QAClB,gBAAgB,EAAC,wBAAwB;QAEzC,8BAAM,SAAS,EAAE,SAAS;YACzB,oBAAC,MAAM,IAAC,IAAI,EAAE,WAAW,GAAI,CACvB,CACE,CACV,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/es/modules/corporate/company/MemberRegister/components/ShareTransactionsDataIcon/index.less

@@ -0,0 +1,8 @@
+:global {
+	.task-analytics-popover {
+		.ant-popover-inner-content {
+			display: flex;
+			padding: 0;
+		}
+	}
+}

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

@@ -2,5 +2,6 @@
 declare const ContactInformation: (props: {
     id: string;
     scrollbar?: boolean;
+    allowEdit?: boolean;
 }) => JSX.Element;
 export default ContactInformation;

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

@@ -1,53 +1,43 @@
-import { Button, DatePicker, Input, Radio, Space, Tooltip } from "@voplus/antd";
-import React, { useState } from "react";
-import Address from "@voplus/morpho-org/es/components/Address";
-import { EditOutlined } from "@ant-design/icons";
+import { Radio, Skeleton } from "@voplus/antd";
+import { useUnit, useUnitStore } from "@voplus/morpho-org";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
 import { Form } from "@voplus/antd";
+import { InlineEdit } from "@voplus/morpho-ui";
+import InlineEditAddress from "../../InlineEditAddress";
+import React from "react";
 import Scrollbars from "react-custom-scrollbars";
-import { State } from "./state";
 import moment from "moment";
 import { useObserver } from "mobx-react-lite";
-import { useUnit } from "@voplus/morpho-org";
 const ContactInformation = (props) => {
-    const { id, scrollbar } = props;
-    const unit = useUnit(id);
-    const [state] = useState(new State());
+    const { id, scrollbar, allowEdit } = props;
+    const unit = useUnit(id, { reload: true });
+    const unitStore = useUnitStore();
     const Information = useObserver(() => (React.createElement(Scrollbars, null,
-        React.createElement(Form, { labelAlign: "left", labelCol: { span: 4 }, className: "company-information" },
+        React.createElement(Form, { labelAlign: "left", labelCol: { span: 5 }, className: "company-information" },
             React.createElement("h3", null, "Contact Information"),
-            React.createElement(Form.Item, { label: "Phone" }, state.editable ? (React.createElement(Input, { value: state.contact.phone, onChange: e => (state.contact.phone = e.target.value) })) : (unit.phone)),
-            React.createElement(Form.Item, { label: "E-mail" }, state.editable ? (React.createElement(Input, { value: state.contact.email, onChange: e => (state.contact.email = e.target.value) })) : (unit.email)),
-            React.createElement(Form.Item, { label: "Address" }, state.editable ? (React.createElement(Address, { value: state.contact.address, onChange: v => (state.contact.address = v) })) : (React.createElement(React.Fragment, null,
-                unit.address.line1 ? unit.address.line1 + ", " : "",
-                unit.address.line2 ? unit.address.line2 + ", " : "",
-                unit.address.city ? unit.address.city + ", " : "",
-                unit.address.state ? unit.address.state + ", " : "",
-                unit.address.country ? unit.address.country + ", " : ""))),
+            unit.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
+                React.createElement(Form.Item, { label: "Phone" },
+                    React.createElement(InlineEdit, { defaultValue: unit.phone, editable: allowEdit, content: (v) => React.createElement(React.Fragment, null, v.store.value || "Add Phone"), onSave: (v) => inlineEdit(v, unit.phone, { data: { Phone: v } }) })),
+                React.createElement(Form.Item, { label: "E-mail" },
+                    React.createElement(InlineEdit, { defaultValue: unit.email, editable: allowEdit, content: (v) => React.createElement(React.Fragment, null, v.store.value || "Add E-mail"), onSave: (v) => inlineEdit(v, unit.email, { data: { Email: v } }) })),
+                React.createElement(InlineEditAddress, { address: unit.address, readonly: !allowEdit, label: "Address", onChange: (v) => unitStore.edit(id, { data: { Address: v } }) }))),
             React.createElement("h3", null, "Basic Information"),
-            React.createElement(Form.Item, { label: "Birthday" }, state.editable ? (React.createElement(DatePicker, { value: state.contact.birthday, onChange: date => (state.contact.birthday = date) })) : unit.birthday ? (moment(unit.birthday).format("YYYY-MM-DD")) : ("")),
-            React.createElement(Form.Item, { label: "Gender" }, state.editable ? (React.createElement(Radio.Group, { value: state.contact.gender, onChange: e => (state.contact.gender = e.target.value) },
-                React.createElement(Radio, { value: "Male" }, " Male"),
-                React.createElement(Radio, { value: "Female" }, "Female"))) : (unit.gender)),
-            state.editable && (React.createElement(Form.Item, { style: { textAlign: "right" } },
-                React.createElement(Space, { size: 10 },
-                    React.createElement(Button, { size: "middle", onClick: () => (state.editable = false) }, "Cancel"),
-                    React.createElement(Button, { type: "primary", size: "middle", onClick: onOk }, "Ok")))),
-            !state.editable && (React.createElement(Tooltip, { title: "Edit" },
-                React.createElement(Button, { type: "link", onClick: onEdit, className: "hover-edit-btn" },
-                    React.createElement(EditOutlined, null))))))));
+            unit.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
+                React.createElement(Form.Item, { label: "Birthday" },
+                    React.createElement(InlineEdit, { defaultValue: unit === null || unit === void 0 ? void 0 : unit.birthday, content: (v) => (React.createElement("span", null, v ? moment(v.store.value).format("YYYY-MM-DD") : "Add Birthday")), editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
+                            if (moment(date).isSame(unit === null || unit === void 0 ? void 0 : unit.birthday, "day"))
+                                return;
+                            unitStore.edit(id, { data: { Birthday: date } });
+                        } })),
+                React.createElement(Form.Item, { label: "Gender" }, allowEdit ? (React.createElement(Radio.Group, { value: unit.gender, onChange: (e) => unitStore.edit(id, { data: { Gender: e.target.value } }) },
+                    React.createElement(Radio, { value: "Male" }, " Male"),
+                    React.createElement(Radio, { value: "Female" }, "Female"))) : (unit.gender))))))));
     return (React.createElement(React.Fragment, null, scrollbar ? React.createElement(Scrollbars, null, Information) : Information));
     /** hover edit Contact Info */
-    function onEdit() {
-        var _a;
-        state.contact.phone = unit.phone || "";
-        state.contact.email = unit.email || "";
-        state.contact.birthday = unit.birthday;
-        state.contact.address = ((_a = unit.address) === null || _a === void 0 ? void 0 : _a.line1) ? unit.address : state.defaultAddress;
-        state.contact.gender = unit.gender || "Male";
-        state.editable = true;
-    }
-    function onOk() {
-        console.log(state.contact, "ok");
+    function inlineEdit(value, oldValue, option) {
+        if (!value || value.trim() === oldValue)
+            return;
+        unitStore.edit(id, option);
     }
 };
 export default ContactInformation;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Officer/ContactInformation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAgB,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC9F,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,OAAO,MAAM,0CAA0C,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,kBAAkB,GAAG,CAAC,KAA0C,EAAE,EAAE;IACzE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhC,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzB,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,CACrC,oBAAC,UAAU;QACV,oBAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,qBAAqB;YAC7E,sDAA4B;YAC5B,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,IACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,oBAAC,KAAK,IACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACpD,CACF,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,KAAK,CACV,CACU;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IACvB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,oBAAC,KAAK,IACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACpD,CACF,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,KAAK,CACV,CACU;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,IACxB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,CAAC,CAAC,GAAI,CACrF,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,CAAC,QAAQ;gBACb,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE;gBACnD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE;gBACnD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE;gBACjD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE;gBACnD,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CACxC,CACjB,CACU;YAEZ,oDAA0B;YAC1B,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IACzB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,oBAAC,UAAU,IACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,QAAe,EACpC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAW,CAAC,GACvD,CACF,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC1C,CAAC,CAAC,CAAC,CACH,EAAE,CACF,CACU;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IACvB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,oBAAC,KAAK,CAAC,KAAK,IACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBAEtD,oBAAC,KAAK,IAAC,KAAK,EAAC,MAAM,YAAc;gBACjC,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,aAAe,CACvB,CACd,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,MAAM,CACX,CACU;YACX,KAAK,CAAC,QAAQ,IAAI,CAClB,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;gBACvC,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE;oBACd,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,aAEpD;oBACT,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,SAEzC,CACF,CACG,CACZ;YACA,CAAC,KAAK,CAAC,QAAQ,IAAI,CACnB,oBAAC,OAAO,IAAC,KAAK,EAAC,MAAM;gBACpB,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,gBAAgB;oBAC9D,oBAAC,YAAY,OAAG,CACR,CACA,CACV,CACK,CACK,CACb,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ,QACb,SAAS,CAAC,CAAC,CAAC,oBAAC,UAAU,QAAE,WAAW,CAAc,CAAC,CAAC,CAAC,WAAW,CACjD,CACjB,CAAC;IACF,8BAA8B;IAC9B,SAAS,MAAM;;QACd,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QACvC,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QACvC,KAAK,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAe,CAAC;QAC9C,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,OAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,EAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;QAClF,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC;QAC7C,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IACD,SAAS,IAAI;QACZ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Officer/ContactInformation/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,4 @@
 /// <reference types="react" />
 import "./index.less";
-declare const OfficerDefaultView: (props: {
-    id: string;
-}) => JSX.Element;
+declare const OfficerDefaultView: () => JSX.Element;
 export default OfficerDefaultView;

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

@@ -1,33 +1,21 @@
 import "./index.less";
 import React, { useEffect, useState } from "react";
 import { AsideContent } from "@voplus/morpho-ui";
-import ContactInformation from "../ContactInformation";
 import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
-import IdentifyDetail from "../../Identity/IdentifyDetail";
-import OfficerInformation from "../OfficerInformation";
-import { Tabs } from "@voplus/antd";
-import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
-const OfficerDefaultView = (props) => {
-    const { id } = props;
+import OfficerPropertiesView from "../OfficerPropertiesView";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
+const OfficerDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
     const [asideContext] = useState(AsideContent.createContext());
     useEffect(() => {
-        asideContext.openAside(AsideElement, { span: props.id ? 10 : 12 });
+        asideContext.openAside(AsideElement, { span: 12 });
     }, []);
     const AsideElement = (React.createElement("div", { className: "csp-default-view_aside" },
         React.createElement(DocumentTabs, { id: id })));
-    return (React.createElement(AsideContent, { context: asideContext, className: "officer-default-view" },
-        React.createElement("div", { className: "officer-default-view_content" },
-            React.createElement("div", { className: "officer-default-view_header" },
-                React.createElement(UnitAvatar, { id: props.id, size: 70 }),
-                React.createElement("div", { className: "officer-person-name" }, "Alex Kwok"),
-                React.createElement("div", null, "ABC Company")),
-            React.createElement(Tabs, { defaultActiveKey: "Officer" },
-                React.createElement(Tabs.TabPane, { tab: "Officer Details", key: "Officer" },
-                    React.createElement(OfficerInformation, null)),
-                React.createElement(Tabs.TabPane, { tab: "Contact Details", key: "Contact" },
-                    React.createElement(ContactInformation, { id: id })),
-                React.createElement(Tabs.TabPane, { tab: "Identify Details", key: "Identify" },
-                    React.createElement(IdentifyDetail, { id: id }))))));
+    return useObserver(() => (React.createElement(AsideContent, { context: asideContext, className: "officer-default-view" },
+        React.createElement(OfficerPropertiesView, { id: id, toolbar: false }))));
 };
 export default OfficerDefaultView;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Officer/OfficerDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,UAAU,MAAM,6CAA6C,CAAC;AAErE,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACpD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CACpB,6BAAK,SAAS,EAAC,wBAAwB;QACtC,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,GAAI,CACnB,CACN,CAAC;IAEF,OAAO,CACN,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,sBAAsB;QACpE,6BAAK,SAAS,EAAC,8BAA8B;YAC5C,6BAAK,SAAS,EAAC,6BAA6B;gBAC3C,oBAAC,UAAU,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,GAAI;gBACtC,6BAAK,SAAS,EAAC,qBAAqB,gBAAgB;gBACpD,+CAAsB,CACjB;YACN,oBAAC,IAAI,IAAC,gBAAgB,EAAC,SAAS;gBAC/B,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,iBAAiB,EAAC,GAAG,EAAC,SAAS;oBAChD,oBAAC,kBAAkB,OAAG,CACR;gBACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,iBAAiB,EAAC,GAAG,EAAC,SAAS;oBAChD,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,CAChB;gBACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,kBAAkB,EAAC,GAAG,EAAC,UAAU;oBAClD,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,GAAI,CACZ,CACT,CACF,CACQ,CACf,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Officer/OfficerDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,MAAM,KAAK,GAAG,aAAa,EAAmC,CAAC;IAC/D,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAE3B,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CACpB,6BAAK,SAAS,EAAC,wBAAwB;QACtC,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,GAAI,CACnB,CACN,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,sBAAsB;QACpE,oBAAC,qBAAqB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,GAAI,CACnC,CACf,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,48 +1,6 @@
 :global {
 	.officer-default-view {
 		padding: 0 !important;
-		.officer-default-view_content {
-			display: flex;
-			flex-direction: column;
-			height: 100%;
-			overflow: hidden;
-			background-color: #fff;
-		}
-		.officer-default-view_header {
-			text-align: center;
-			padding: 20px 0 10px 0;
-			.officer-person-name {
-				color: #000;
-				font-size: 16px;
-				font-weight: 500;
-				padding-top: 12px;
-			}
-		}
-		.ant-tabs {
-			height: 100%;
-			.ant-tabs-nav {
-				margin: 0 20px;
-			}
-			.company-information {
-				padding: 15px 20px;
-				h3 {
-					margin-bottom: 15px;
-					color: #000;
-				}
-				&:hover {
-					.hover-edit-btn {
-						display: block;
-					}
-				}
-				.hover-edit-btn {
-					position: absolute;
-					display: none;
-					top: 15px;
-					right: 20px;
-					height: auto;
-					padding: 0;
-				}
-			}
-		}
+		overflow: hidden;
 	}
 }

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

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

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

@@ -1,15 +1,55 @@
-import { Badge, Form } from "@voplus/antd";
-import React from "react";
+import { Badge, Form, Skeleton } from "@voplus/antd";
+import { useOfficer, useOfficerStore } from "../../../../../data/officer";
+import React, { useState } from "react";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import { InlineEdit } from "@voplus/morpho-ui";
 import Scrollbars from "react-custom-scrollbars";
-const OfficerInformation = () => {
-    return (React.createElement(Scrollbars, null,
-        React.createElement(Form, { labelAlign: "left", labelCol: { span: 6 }, className: "company-information" },
-            React.createElement(Form.Item, { label: "Status" },
-                React.createElement(Badge, { status: "success", text: "Present" }),
-                React.createElement("br", null),
-                React.createElement(Badge, { status: "error", text: "Past" })),
-            React.createElement(Form.Item, { label: "Appointment Date" }),
-            React.createElement(Form.Item, { label: "Cease Date" }))));
+import { State } from "./state";
+import moment from "moment";
+import { useObserver } from "mobx-react-lite";
+const OfficerInformation = (props) => {
+    const { id, allowEdit } = props;
+    const [state] = useState(new State());
+    state.officer = useOfficer(id);
+    const officerStore = useOfficerStore();
+    return useObserver(() => {
+        var _a, _b;
+        return (React.createElement(Scrollbars, null, state.officer.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+            React.createElement(Skeleton, { active: true }))) : (React.createElement(Form, { labelAlign: "left", labelCol: { span: 6 }, className: "company-information" },
+            state.officer.status && (React.createElement(Form.Item, { label: "Status" }, state.officer.status === "Present" ? (React.createElement(Badge, { status: "success", text: "Present" })) : (React.createElement(Badge, { status: "error", text: "Past" })))),
+            React.createElement(Form.Item, { label: "Appointment Date" },
+                React.createElement(InlineEdit, { defaultValue: moment((_a = state.officer) === null || _a === void 0 ? void 0 : _a.appointment), content: (v) => {
+                        var _a;
+                        return (React.createElement("span", null, ((_a = state.officer) === null || _a === void 0 ? void 0 : _a.appointment) ? moment(v.store.value).format("YYYY-MM-DD")
+                            : allowEdit
+                                ? "Add Appointment Date"
+                                : "No Appointment Date"));
+                    }, editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
+                        var _a;
+                        if (moment(date).isSame((_a = state.officer) === null || _a === void 0 ? void 0 : _a.appointment, "day"))
+                            return;
+                        edit({ Appointment: date });
+                    } })),
+            React.createElement(Form.Item, { label: "Cease Date" },
+                React.createElement(InlineEdit, { defaultValue: moment((_b = state.officer) === null || _b === void 0 ? void 0 : _b.cease), content: (v) => {
+                        var _a;
+                        return (React.createElement("span", null, ((_a = state.officer) === null || _a === void 0 ? void 0 : _a.cease) ? moment(v.store.value).format("YYYY-MM-DD")
+                            : allowEdit
+                                ? "Add Cease Date"
+                                : "No Cease Date"));
+                    }, editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
+                        var _a;
+                        if (moment(date).isSame((_a = state.officer) === null || _a === void 0 ? void 0 : _a.cease, "day"))
+                            return;
+                        edit({ Cease: date });
+                    } }))))));
+    });
+    async function edit(data) {
+        await officerStore.edit(id, { data, error: "message" });
+    }
+};
+OfficerInformation.defaultProps = {
+    allowEdit: true,
 };
 export default OfficerInformation;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Officer/OfficerInformation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAEjD,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,OAAO,CACN,oBAAC,UAAU;QACV,oBAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,qBAAqB;YAC7E,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;gBACxB,oBAAC,KAAK,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAG;gBACzC,+BAAM;gBACN,oBAAC,KAAK,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACzB;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,GAAa;YAChD,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,YAAY,GAAa,CACpC,CASK,CACb,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Officer/OfficerInformation/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/corporate/company/Officer/OfficerInformation/state.d.ts

@@ -0,0 +1,5 @@
+import { IOfficer } from "../../../../../data/officer";
+export declare class State {
+    /** info of the officer */
+    officer: IOfficer;
+}

package/es/modules/corporate/company/Officer/OfficerInformation/state.js

@@ -0,0 +1,8 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+}
+__decorate([
+    observable
+], State.prototype, "officer", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/corporate/company/Officer/OfficerInformation/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Officer/OfficerInformation/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;CAGjB;AADY;IAAX,UAAU;sCAA0B"}

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;