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

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

@@ -0,0 +1,34 @@
+import "./index.less";
+import { useMemberStore } from "../../../../../../data/member";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data/ListDataContext";
+import CompanyMemberItem from "../CompanyMemberItem";
+import CompanyMemberPropertiesView from "../CompanyMemberPropertiesView";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import React from "react";
+import { useAutoUpdateListData } from "@voplus/morpho-document-core";
+import { useObserver } from "mobx-react-lite";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+import { useUnitListEffect } from "@voplus/morpho-org/es/data";
+// import NewTypeDropdown from "../../../../../components/NewTypeDropdown";
+// import OfficerStatusFilter from "../OfficerStatusFilter";
+// import SelectLegalContactDialog from "../../Identity/SelectLegalContactDialog";
+const CompanyMemberList = (props) => {
+    const { allowEdit } = props;
+    const id = "1b9bef21-526f-4ea1-8e3f-12ced14ef92c";
+    const memberStore = useMemberStore();
+    const list = useCreateListDataState({}, [id]);
+    useAutoUpdateListData(list, (d) => d.parentId === id);
+    useRenderOnChange(() => list.filters.options);
+    // useMemberListEffect(list, result => list.union(result), list.filters.options);
+    useUnitListEffect(list, (result) => list.union(result), list.filters.options);
+    return useObserver(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView, { headerProps: {
+                filterViewProps: {
+                    columns: [],
+                },
+                viewTitle: "Company Member List",
+                addAble: false,
+            }, renderItem: ({ item, index }) => (React.createElement(CompanyMemberItem, { key: item.id, id: item.id, index: index, className: index === 0 ? "shareTransaction-item-first" : "" })), propertiesView: (id) => React.createElement(CompanyMemberPropertiesView, { id: id, allowEdit: allowEdit }), className: "member-list-view" }))));
+};
+export default CompanyMemberList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/MemberRegister/components/CompanyMemberList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAuC,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpG,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAEpG,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AAEzE,OAAO,QAAQ,MAAM,2DAA2D,CAAC;AACjF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,2EAA2E;AAC3E,4DAA4D;AAC5D,kFAAkF;AAElF,MAAM,iBAAiB,GAAG,CAAC,KAA0C,EAAE,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,GAAG,sCAAsC,CAAC;IAElD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,IAAI,GAAG,sBAAsB,CAAM,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnD,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC;IAEtD,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,iFAAiF;IACjF,iBAAiB,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9E,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,oBAAC,QAAQ,IACR,WAAW,EAAE;gBACZ,eAAe,EAAE;oBAChB,OAAO,EAAE,EAAE;iBACX;gBACD,SAAS,EAAE,qBAAqB;gBAChC,OAAO,EAAE,KAAK;aACd,EACD,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAA2C,EAAE,EAAE,CAAC,CACzE,oBAAC,iBAAiB,IACjB,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,GAC1D,CACF,EACD,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,oBAAC,2BAA2B,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,GAAI,EACrF,SAAS,EAAC,kBAAkB,GAC3B,CACwB,CAC3B,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,iBAAiB,CAAC"}

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

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

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberList/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/MemberRegister/components/CompanyMemberList/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/MemberRegister/components/CompanyMemberList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/MemberRegister/components/CompanyMemberList/state.ts"],"names":[],"mappings":";AAAA,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/MemberRegister/components/CompanyMemberPropertiesView/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import "./index.less";
+declare const CompanyMemberPropertiesView: {
+    (props: {
+        id: string;
+        allowEdit?: boolean;
+        toolbar?: boolean;
+        /** 是否显示document Tab */
+        documentTab?: boolean;
+    }): JSX.Element;
+    defaultProps: {
+        documentTab: boolean;
+    };
+};
+export default CompanyMemberPropertiesView;

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

@@ -0,0 +1,59 @@
+import "./index.less";
+import { Button, Modal, Tabs } from "@voplus/antd";
+import { useMemberStore } from "../../../../../../data/member";
+import Details from "../Details";
+import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import MemberShareTransactions from "../MemberShareTransactions";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+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 CompanyMemberPropertiesView = (props) => {
+    const { id, allowEdit, toolbar, documentTab } = props;
+    // const member = useMember(id, { reload: true });
+    const member = { id: id, name: "股东名册" };
+    const memberStore = useMemberStore();
+    const dataState = useListDataContext();
+    const asideContext = useAsideContentContext();
+    return useObserver(() => (React.createElement("div", { className: "member-properties-view_content" },
+        React.createElement("div", { className: "member-properties-view_header" },
+            React.createElement(UnitAvatar, { id: "3a3947a6-e9a8-4d3b-bdab-ac44009ce20f", size: 70 }),
+            React.createElement("div", { className: "member-person-name" }, member.name),
+            React.createElement("div", null, "Member"),
+            toolbar !== false && (React.createElement(ToolBar, { showMenu: false },
+                React.createElement(Open, { url: `/member/${id}` }),
+                allowEdit && (React.createElement(Button, { danger: true, size: "small", shape: "circle", onClick: onDelete },
+                    React.createElement(FAIcon, { icon: faTrashAlt, color: "#f5222d" })))))),
+        React.createElement(Tabs, { defaultActiveKey: "Details" },
+            React.createElement(Tabs.TabPane, { tab: "Details", key: "Details" },
+                React.createElement(Details, { id: id, allowEdit: true })),
+            React.createElement(Tabs.TabPane, { tab: "Share Transactions", key: "Share" },
+                React.createElement(MemberShareTransactions, { id: id })),
+            documentTab && (React.createElement(Tabs.TabPane, { tab: "Documents", key: "Document" },
+                React.createElement(DocumentList, { id: id, header: false })))))));
+    /** member item */
+    function onDelete() {
+        const onOk = async () => {
+            await memberStore.delete([id]);
+            dataState.remove(id);
+            if (asideContext)
+                asideContext.closeAside();
+        };
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            onOk() {
+                return onOk();
+            },
+        });
+    }
+};
+CompanyMemberPropertiesView.defaultProps = {
+    documentTab: true,
+};
+export default CompanyMemberPropertiesView;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,39 @@
+:global {
+	.member-properties-view_content {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		overflow: hidden;
+		background-color: #fff;
+
+		.member-properties-view_header {
+			position: relative;
+			text-align: center;
+			padding: 20px 0 10px 0;
+			.member-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/MemberRegister/components/Details/index.d.ts

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

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

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

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

@@ -0,0 +1,44 @@
+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 moment from "moment";
+import { useObserver } from "mobx-react-lite";
+const ContactInformation = (props) => {
+    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: 5 }, className: "company-information" },
+            React.createElement("h3", null, "Contact Information"),
+            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"),
+            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 inlineEdit(value, oldValue, option) {
+        if (!value || value.trim() === oldValue)
+            return;
+        unitStore.edit(id, option);
+    }
+};
+export default ContactInformation;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,21 @@
+import "./index.less";
+import React, { useEffect, useState } from "react";
+import { AsideContent } from "@voplus/morpho-ui";
+import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
+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: 12 });
+    }, []);
+    const AsideElement = (React.createElement("div", { className: "csp-default-view_aside" },
+        React.createElement(DocumentTabs, { 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

@@ -0,0 +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,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

@@ -0,0 +1,6 @@
+:global {
+	.officer-default-view {
+		padding: 0 !important;
+		overflow: hidden;
+	}
+}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+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

@@ -0,0 +1,55 @@
+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";
+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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Officer/OfficerInformation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAS,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAA0B,UAAU,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAClG,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,eAAe,MAAM,kEAAkE,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,kBAAkB,GAAG,CAAC,KAA0C,EAAE,EAAE;IACzE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAE/B,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,WAAW,CAAC,GAAG,EAAE;;QAAC,OAAA,CACxB,oBAAC,UAAU,QACT,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACxB,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAChC,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACd,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,qBAAqB;YAC5E,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,CACxB,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IACvB,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACrC,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,CACU,CACZ;YACD,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB;gBAClC,oBAAC,UAAU,IACV,YAAY,EAAE,MAAM,OAAC,KAAK,CAAC,OAAO,0CAAE,WAAW,CAAC,EAChD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;wBAAC,OAAA,CACf,kCACE,OAAA,KAAK,CAAC,OAAO,0CAAE,WAAW,EAC1B,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;4BAC5C,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,sBAAsB;gCACxB,CAAC,CAAC,qBAAqB,CAClB,CACP,CAAA;qBAAA,EACD,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;;wBAChB,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,OAAC,KAAK,CAAC,OAAO,0CAAE,WAAW,EAAE,KAAK,CAAC;4BAAE,OAAO;wBACnE,IAAI,CAAC,EAAE,WAAW,EAAE,IAAW,EAAE,CAAC,CAAC;oBACpC,CAAC,GACA,CACS;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,YAAY;gBAC5B,oBAAC,UAAU,IACV,YAAY,EAAE,MAAM,OAAC,KAAK,CAAC,OAAO,0CAAE,KAAK,CAAC,EAC1C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;wBAAC,OAAA,CACf,kCACE,OAAA,KAAK,CAAC,OAAO,0CAAE,KAAK,EACpB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;4BAC5C,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,gBAAgB;gCAClB,CAAC,CAAC,eAAe,CACZ,CACP,CAAA;qBAAA,EACD,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;;wBAChB,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,OAAC,KAAK,CAAC,OAAO,0CAAE,KAAK,EAAE,KAAK,CAAC;4BAAE,OAAO;wBAC7D,IAAI,CAAC,EAAE,KAAK,EAAE,IAAW,EAAE,CAAC,CAAC;oBAC9B,CAAC,GACA,CACS,CACN,CACP,CACW,CACb,CAAA;KAAA,CAAC,CAAC;IACH,KAAK,UAAU,IAAI,CAAC,IAA4B;QAC/C,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACzD,CAAC;AACF,CAAC,CAAC;AACF,kBAAkB,CAAC,YAAY,GAAG;IACjC,SAAS,EAAE,IAAI;CACf,CAAC;AACF,eAAe,kBAAkB,CAAC"}

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"}