@voplus/morpho-csp 4.0.5 → 4.0.7

package/es/modules/corporate/company/components/InlineEditAddress/index.js

@@ -1,50 +1,50 @@
-import "./index.less";
-import { Button, Form, Modal, Row } from "antd";
-import React, { useEffect, useState } from "react";
-import Address from "@voplus/morpho-org/es/components/Address";
-import { clone } from "lodash-es";
-import { observe } from "@voplus/morpho-ui";
-const InlineEditAddress = (props) => {
-    const { address, readonly, label, modal, onChange } = props;
-    const [editable, setEditable] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const [registeredAddress, setRegisteredAddress] = useState();
-    useEffect(() => {
-        setRegisteredAddress(clone(address));
-    }, [address]);
-    const LabelElement = (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1) || (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.country) || (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city) ? (React.createElement(React.Fragment, null,
-        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1,
-        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line2) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line2) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line2,
-        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city,
-        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.state) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.state) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.state, registeredAddress === null || registeredAddress === void 0 ? void 0 :
-        registeredAddress.country)) : readonly ? ("") : (React.createElement("span", { className: "add-info-style" }, "Add Address"));
-    return observe(() => (React.createElement(React.Fragment, null,
-        modal && (React.createElement(Modal, { open: editable, title: "Address", width: 480, wrapClassName: "inline-edit-address", footer: null, onOk: onOk, onCancel: cancel },
-            React.createElement(Form, null,
-                React.createElement(Address, { value: registeredAddress, onChange: (v) => setRegisteredAddress(v) })),
-            React.createElement(Row, { justify: "end" },
-                React.createElement(Button, { size: "middle", className: "margin-right-10", onClick: cancel }, "Cancel"),
-                React.createElement(Button, { size: "middle", type: "primary", loading: loading, onClick: onOk }, "Ok")))),
-        editable && !modal ? (React.createElement(React.Fragment, null,
-            React.createElement(Form, null,
-                React.createElement(Address, { value: registeredAddress, onChange: (v) => setRegisteredAddress(v) })),
-            React.createElement(Row, { justify: "end" },
-                React.createElement(Button, { size: "middle", className: "margin-right-10", onClick: cancel }, "Cancel"),
-                React.createElement(Button, { size: "middle", type: "primary", loading: loading, onClick: onOk }, "Ok")))) : (React.createElement("span", { onClick: () => setEditable(!readonly) }, label ? React.createElement(Form.Item, { label: label }, LabelElement) : LabelElement)))));
-    /** cancel edit */
-    function cancel() {
-        setEditable(false);
-        /** 恢复成更改前的Address */
-        setRegisteredAddress(clone(address));
-    }
-    /** confirm edit */
-    async function onOk() {
-        setLoading(true);
-        await (onChange === null || onChange === void 0 ? void 0 : onChange(registeredAddress).then((r) => {
-            setLoading(false);
-            setEditable(false);
-        }).catch((r) => setRegisteredAddress(clone(address))));
-    }
-};
-export default InlineEditAddress;
+import "./index.less";
+import { Button, Form, Modal, Row } from "antd";
+import React, { useEffect, useState } from "react";
+import Address from "@voplus/morpho-org/es/components/Address";
+import { clone } from "lodash-es";
+import { observe } from "@voplus/morpho-ui";
+const InlineEditAddress = (props) => {
+    const { address, readonly, label, modal, onChange } = props;
+    const [editable, setEditable] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [registeredAddress, setRegisteredAddress] = useState();
+    useEffect(() => {
+        setRegisteredAddress(clone(address));
+    }, [address]);
+    const LabelElement = (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1) || (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.country) || (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city) ? (React.createElement(React.Fragment, null,
+        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1,
+        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line2) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line2) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line2,
+        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city,
+        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.state) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.state) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.state, registeredAddress === null || registeredAddress === void 0 ? void 0 :
+        registeredAddress.country)) : readonly ? ("") : (React.createElement("span", { className: "add-info-style" }, "Add Address"));
+    return observe(() => (React.createElement(React.Fragment, null,
+        modal && (React.createElement(Modal, { open: editable, title: "Address", width: 480, wrapClassName: "inline-edit-address", footer: null, onOk: onOk, onCancel: cancel },
+            React.createElement(Form, null,
+                React.createElement(Address, { value: registeredAddress, onChange: (v) => setRegisteredAddress(v) })),
+            React.createElement(Row, { justify: "end" },
+                React.createElement(Button, { size: "middle", className: "margin-right-10", onClick: cancel }, "Cancel"),
+                React.createElement(Button, { size: "middle", type: "primary", loading: loading, onClick: onOk }, "Ok")))),
+        editable && !modal ? (React.createElement(React.Fragment, null,
+            React.createElement(Form, null,
+                React.createElement(Address, { value: registeredAddress, onChange: (v) => setRegisteredAddress(v) })),
+            React.createElement(Row, { justify: "end" },
+                React.createElement(Button, { size: "middle", className: "margin-right-10", onClick: cancel }, "Cancel"),
+                React.createElement(Button, { size: "middle", type: "primary", loading: loading, onClick: onOk }, "Ok")))) : (React.createElement("span", { onClick: () => setEditable(!readonly) }, label ? React.createElement(Form.Item, { label: label }, LabelElement) : LabelElement)))));
+    /** cancel edit */
+    function cancel() {
+        setEditable(false);
+        /** 恢复成更改前的Address */
+        setRegisteredAddress(clone(address));
+    }
+    /** confirm edit */
+    async function onOk() {
+        setLoading(true);
+        await (onChange === null || onChange === void 0 ? void 0 : onChange(registeredAddress).then((r) => {
+            setLoading(false);
+            setEditable(false);
+        }).catch((r) => setRegisteredAddress(clone(address))));
+    }
+};
+export default InlineEditAddress;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/company/components/InlineEditCountry/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare const InlineEditCountry: (props: {
-    country?: string | undefined;
-    /** 只显示list内的country */
-    list?: string[] | undefined;
-    onChange?: ((country?: string) => void) | undefined;
-}) => JSX.Element;
-export default InlineEditCountry;
+/// <reference types="react" />
+declare const InlineEditCountry: (props: {
+    country?: string | undefined;
+    /** 只显示list内的country */
+    list?: string[] | undefined;
+    onChange?: ((country?: string) => void) | undefined;
+}) => JSX.Element;
+export default InlineEditCountry;

package/es/modules/corporate/company/components/InlineEditCountry/index.js

@@ -1,18 +1,18 @@
-import React, { useRef, useState } from "react";
-import { InputCountry } from "@voplus/morpho-ui";
-const InlineEditCountry = (props) => {
-    const { country, list } = props;
-    const [editable, setEditable] = useState(false);
-    const ref = useRef(null);
-    return (React.createElement("div", { onBlur: () => setEditable(false), style: { minWidth: "120px" } }, editable ? (React.createElement(InputCountry, { defaultValue: country, list: list, onChange: onChange })) : (React.createElement("span", { onClick: onClick }, country || "No Country"))));
-    function onChange(v) {
-        var _a;
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
-        setEditable(false);
-    }
-    function onClick() {
-        setEditable(true);
-    }
-};
-export default InlineEditCountry;
+import React, { useRef, useState } from "react";
+import { InputCountry } from "@voplus/morpho-ui";
+const InlineEditCountry = (props) => {
+    const { country, list } = props;
+    const [editable, setEditable] = useState(false);
+    const ref = useRef(null);
+    return (React.createElement("div", { onBlur: () => setEditable(false), style: { minWidth: "120px" } }, editable ? (React.createElement(InputCountry, { defaultValue: country, list: list, onChange: onChange })) : (React.createElement("span", { onClick: onClick }, country || "No Country"))));
+    function onChange(v) {
+        var _a;
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
+        setEditable(false);
+    }
+    function onClick() {
+        setEditable(true);
+    }
+};
+export default InlineEditCountry;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/company/components/InlineEditType/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare const InlineEditType: (props: {
-    type: string;
-    list: string[];
-    readonly?: boolean | undefined;
-    onSave?: ((value?: string) => Promise<void>) | undefined;
-}) => JSX.Element;
-export default InlineEditType;
+/// <reference types="react" />
+declare const InlineEditType: (props: {
+    type: string;
+    list: string[];
+    readonly?: boolean | undefined;
+    onSave?: ((value?: string) => Promise<void>) | undefined;
+}) => JSX.Element;
+export default InlineEditType;

package/es/modules/corporate/company/components/InlineEditType/index.js

@@ -1,27 +1,27 @@
-import React, { useEffect, useState } from "react";
-import { Select } from "antd";
-import { clone } from "lodash-es";
-const InlineEditType = (props) => {
-    const { type, list, readonly, onSave } = props;
-    const [editable, setEditable] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const [value, setValue] = useState(type);
-    useEffect(() => {
-        setValue(clone(type));
-    }, [type]);
-    return (React.createElement(React.Fragment, null, editable ? (React.createElement(Select, { value: value, autoFocus: editable, loading: loading, onChange: onChange, onBlur: () => setEditable(false), style: { width: "100%" } }, list.map((type) => (React.createElement(Select.Option, { value: type, key: type }, type.replace(/.(?=[A-Z])/g, "$& ")))))) : (React.createElement("span", { onClick: () => setEditable(!readonly) }, value === null || value === void 0 ? void 0 : value.replace(/.(?=[A-Z])/g, "$& ")))));
-    async function onChange(value) {
-        setLoading(true);
-        setValue(value);
-        await (onSave === null || onSave === void 0 ? void 0 : onSave(value).then((r) => {
-            setLoading(false);
-            setEditable(false);
-        }).catch((r) => {
-            setValue(clone(type));
-            setEditable(false);
-            setEditable(false);
-        }));
-    }
-};
-export default InlineEditType;
+import React, { useEffect, useState } from "react";
+import { Select } from "antd";
+import { clone } from "lodash-es";
+const InlineEditType = (props) => {
+    const { type, list, readonly, onSave } = props;
+    const [editable, setEditable] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [value, setValue] = useState(type);
+    useEffect(() => {
+        setValue(clone(type));
+    }, [type]);
+    return (React.createElement(React.Fragment, null, editable ? (React.createElement(Select, { value: value, autoFocus: editable, loading: loading, onChange: onChange, onBlur: () => setEditable(false), style: { width: "100%" } }, list.map((type) => (React.createElement(Select.Option, { value: type, key: type }, type.replace(/.(?=[A-Z])/g, "$& ")))))) : (React.createElement("span", { onClick: () => setEditable(!readonly) }, value === null || value === void 0 ? void 0 : value.replace(/.(?=[A-Z])/g, "$& ")))));
+    async function onChange(value) {
+        setLoading(true);
+        setValue(value);
+        await (onSave === null || onSave === void 0 ? void 0 : onSave(value).then((r) => {
+            setLoading(false);
+            setEditable(false);
+        }).catch((r) => {
+            setValue(clone(type));
+            setEditable(false);
+            setEditable(false);
+        }));
+    }
+};
+export default InlineEditType;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/company/controller-register/components/ControllerInformation/index.d.ts

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

package/es/modules/corporate/company/controller-register/components/ControllerInformation/index.js

@@ -1,53 +1,53 @@
-import React from "react";
-import { Badge, Form, Skeleton } from "antd";
-import { useController, useControllerStore, } from "../../../../../../data/controller";
-import { observe, InlineEdit } from "@voplus/morpho-ui";
-import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
-import ControllerStatusLabel from "../../controls/ControllerStatusLabel";
-import Scrollbars from "react-custom-scrollbars";
-import dayjs from "dayjs";
-const ControllerInformation = (props) => {
-    const { id, allowEdit } = props;
-    const controller = useController(id);
-    const controllerStore = useControllerStore();
-    return observe(() => (React.createElement(Scrollbars, null, controller.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
-        React.createElement(Skeleton, { active: true }))) : (React.createElement(Form, { labelAlign: "left", labelCol: { span: 10 }, className: "controller-information" },
-        controller.status && (React.createElement(Form.Item, { label: "Status" }, controller.status === "Present" ? (React.createElement(Badge, { status: "success", text: "Present" })) : (React.createElement(Badge, { status: "error", text: "Past" })))),
-        React.createElement(Form.Item, { label: "Confimration Status" },
-            React.createElement(ControllerStatusLabel, { status: controller.confirmationStatus, editable: allowEdit, onChange: (status) => controllerStore.edit(id, { data: { ConfirmationStatus: status }, error: "message" }) })),
-        React.createElement(Form.Item, { label: "Confimration Date" },
-            React.createElement(InlineEdit, { defaultValue: dayjs(controller.confimrationDate), content: (v) => controller.confimrationDate ? (React.createElement("span", null, dayjs(controller.confimrationDate).format("YYYY-MM-DD"))) : (React.createElement("span", { className: "add-info-style" }, allowEdit ? "Add Confimration Date" : "No Confimration Date")), editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
-                    if ((controller === null || controller === void 0 ? void 0 : controller.confimrationDate) &&
-                        dayjs(date).isSame(controller.confimrationDate, "day"))
-                        return;
-                    edit({
-                        ConfimrationDate: (date !== null ? dayjs(date).format("YYYY-MM-DD") : ""),
-                    });
-                } })),
-        React.createElement(Form.Item, { label: "Appointment Date" },
-            React.createElement(InlineEdit, { defaultValue: dayjs((controller === null || controller === void 0 ? void 0 : controller.appointment) !== "" ? controller === null || controller === void 0 ? void 0 : controller.appointment : undefined), content: (v) => (controller === null || controller === void 0 ? void 0 : controller.appointment) ? (React.createElement("span", null, dayjs(controller === null || controller === void 0 ? void 0 : controller.appointment).format("YYYY-MM-DD"))) : (React.createElement("span", { className: "add-info-style" }, allowEdit ? "Add Appointment Date" : "No Appointment Date")), editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
-                    if ((controller === null || controller === void 0 ? void 0 : controller.appointment) && dayjs(date).isSame(controller === null || controller === void 0 ? void 0 : controller.appointment, "day"))
-                        return;
-                    edit({
-                        Appointment: (date !== null ? dayjs(date).format("YYYY-MM-DD") : ""),
-                    });
-                } })),
-        React.createElement(Form.Item, { label: "Cease Date" },
-            React.createElement(InlineEdit, { defaultValue: dayjs((controller === null || controller === void 0 ? void 0 : controller.cease) !== "" ? controller === null || controller === void 0 ? void 0 : controller.cease : undefined), content: (v) => (controller === null || controller === void 0 ? void 0 : controller.cease) ? (React.createElement("span", null, dayjs(controller === null || controller === void 0 ? void 0 : controller.cease).format("YYYY-MM-DD"))) : (React.createElement("span", { className: "add-info-style" }, allowEdit ? "Add Cease Date" : "No Cease Date")), editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
-                    if ((controller === null || controller === void 0 ? void 0 : controller.cease) && dayjs(date).isSame(controller === null || controller === void 0 ? void 0 : controller.cease, "day"))
-                        return;
-                    edit({ Cease: (date !== null ? dayjs(date).format("YYYY-MM-DD") : "") });
-                } })),
-        React.createElement(Form.Item, { label: "Email" },
-            React.createElement(InlineEdit, { defaultValue: controller.email, content: (v) => controller.email ? (React.createElement("span", null, controller.email)) : (React.createElement("span", { className: "add-info-style" }, "Add Email")), onSave: (value) => controllerStore.edit(id, { data: { Email: value }, error: "message" }) })),
-        React.createElement(Form.Item, { label: "Phone" },
-            React.createElement(InlineEdit, { defaultValue: controller.phone, content: (v) => controller.phone ? (React.createElement("span", null, controller.phone)) : (React.createElement("span", { className: "add-info-style" }, "Add Phone")), onSave: (value) => controllerStore.edit(id, { data: { Phone: value }, error: "message" }) })))))));
-    async function edit(data) {
-        await controllerStore.edit(id, { data, error: "message" });
-    }
-};
-ControllerInformation.defaultProps = {
-    allowEdit: true,
-};
-export default ControllerInformation;
+import React from "react";
+import { Badge, Form, Skeleton } from "antd";
+import { useController, useControllerStore, } from "../../../../../../data/controller";
+import { observe, InlineEdit } from "@voplus/morpho-ui";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import ControllerStatusLabel from "../../controls/ControllerStatusLabel";
+import Scrollbars from "react-custom-scrollbars";
+import dayjs from "dayjs";
+const ControllerInformation = (props) => {
+    const { id, allowEdit } = props;
+    const controller = useController(id);
+    const controllerStore = useControllerStore();
+    return observe(() => (React.createElement(Scrollbars, null, controller.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+        React.createElement(Skeleton, { active: true }))) : (React.createElement(Form, { labelAlign: "left", labelCol: { span: 10 }, className: "controller-information" },
+        controller.status && (React.createElement(Form.Item, { label: "Status" }, controller.status === "Present" ? (React.createElement(Badge, { status: "success", text: "Present" })) : (React.createElement(Badge, { status: "error", text: "Past" })))),
+        React.createElement(Form.Item, { label: "Confimration Status" },
+            React.createElement(ControllerStatusLabel, { status: controller.confirmationStatus, editable: allowEdit, onChange: (status) => controllerStore.edit(id, { data: { ConfirmationStatus: status }, error: "message" }) })),
+        React.createElement(Form.Item, { label: "Confimration Date" },
+            React.createElement(InlineEdit, { defaultValue: dayjs(controller.confimrationDate), content: (v) => controller.confimrationDate ? (React.createElement("span", null, dayjs(controller.confimrationDate).format("YYYY-MM-DD"))) : (React.createElement("span", { className: "add-info-style" }, allowEdit ? "Add Confimration Date" : "No Confimration Date")), editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
+                    if ((controller === null || controller === void 0 ? void 0 : controller.confimrationDate) &&
+                        dayjs(date).isSame(controller.confimrationDate, "day"))
+                        return;
+                    edit({
+                        ConfimrationDate: (date !== null ? dayjs(date).format("YYYY-MM-DD") : ""),
+                    });
+                } })),
+        React.createElement(Form.Item, { label: "Appointment Date" },
+            React.createElement(InlineEdit, { defaultValue: dayjs((controller === null || controller === void 0 ? void 0 : controller.appointment) !== "" ? controller === null || controller === void 0 ? void 0 : controller.appointment : undefined), content: (v) => (controller === null || controller === void 0 ? void 0 : controller.appointment) ? (React.createElement("span", null, dayjs(controller === null || controller === void 0 ? void 0 : controller.appointment).format("YYYY-MM-DD"))) : (React.createElement("span", { className: "add-info-style" }, allowEdit ? "Add Appointment Date" : "No Appointment Date")), editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
+                    if ((controller === null || controller === void 0 ? void 0 : controller.appointment) && dayjs(date).isSame(controller === null || controller === void 0 ? void 0 : controller.appointment, "day"))
+                        return;
+                    edit({
+                        Appointment: (date !== null ? dayjs(date).format("YYYY-MM-DD") : ""),
+                    });
+                } })),
+        React.createElement(Form.Item, { label: "Cease Date" },
+            React.createElement(InlineEdit, { defaultValue: dayjs((controller === null || controller === void 0 ? void 0 : controller.cease) !== "" ? controller === null || controller === void 0 ? void 0 : controller.cease : undefined), content: (v) => (controller === null || controller === void 0 ? void 0 : controller.cease) ? (React.createElement("span", null, dayjs(controller === null || controller === void 0 ? void 0 : controller.cease).format("YYYY-MM-DD"))) : (React.createElement("span", { className: "add-info-style" }, allowEdit ? "Add Cease Date" : "No Cease Date")), editor: DateInputEditor, editable: allowEdit, onSave: (date) => {
+                    if ((controller === null || controller === void 0 ? void 0 : controller.cease) && dayjs(date).isSame(controller === null || controller === void 0 ? void 0 : controller.cease, "day"))
+                        return;
+                    edit({ Cease: (date !== null ? dayjs(date).format("YYYY-MM-DD") : "") });
+                } })),
+        React.createElement(Form.Item, { label: "Email" },
+            React.createElement(InlineEdit, { defaultValue: controller.email, content: (v) => controller.email ? (React.createElement("span", null, controller.email)) : (React.createElement("span", { className: "add-info-style" }, "Add Email")), onSave: (value) => controllerStore.edit(id, { data: { Email: value }, error: "message" }) })),
+        React.createElement(Form.Item, { label: "Phone" },
+            React.createElement(InlineEdit, { defaultValue: controller.phone, content: (v) => controller.phone ? (React.createElement("span", null, controller.phone)) : (React.createElement("span", { className: "add-info-style" }, "Add Phone")), onSave: (value) => controllerStore.edit(id, { data: { Phone: value }, error: "message" }) })))))));
+    async function edit(data) {
+        await controllerStore.edit(id, { data, error: "message" });
+    }
+};
+ControllerInformation.defaultProps = {
+    allowEdit: true,
+};
+export default ControllerInformation;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/company/controller-register/components/ControllerItem/index.d.ts

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

package/es/modules/corporate/company/controller-register/components/ControllerItem/index.js

@@ -1,55 +1,55 @@
-import React, { useState } from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useController, useControllerStore } from "../../../../../../data/controller";
-import { Badge, Skeleton } from "antd";
-import { faEnvelope, faPhone } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import CompanyControllerMenu from "../../../controls/CompanyRegisterMenu";
-import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
-import classnames from "classnames";
-import moment from "moment";
-import styles from "./index.less";
-const ControllerItem = (props) => {
-    const { id, unitId, index } = props;
-    const [isHover, setIsHover] = useState(false);
-    const controller = useController(id);
-    const store = useControllerStore();
-    return observe(() => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const phone = (_a = controller.phone) !== null && _a !== void 0 ? _a : (_b = controller.contact) === null || _b === void 0 ? void 0 : _b.phone;
-        const email = (_c = controller.email) !== null && _c !== void 0 ? _c : (_d = controller.contact) === null || _d === void 0 ? void 0 : _d.email;
-        return (React.createElement("div", { className: classnames(styles["controller-item"]), onMouseOver: () => setIsHover(true), onMouseLeave: () => setIsHover(false) }, controller.loading ? (React.createElement(Skeleton, { avatar: true, paragraph: { rows: 1 } })) : (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "avatar" },
-                React.createElement(UnitAvatar, { id: unitId, index: index, size: "large" })),
-            React.createElement("div", { className: "controller-item-content" },
-                React.createElement("div", { className: "controller-item-info" },
-                    React.createElement("div", { className: "controller-item-name font-medium text-indigo-600 truncate" }, (_f = (_e = controller.identity) === null || _e === void 0 ? void 0 : _e.fullName) !== null && _f !== void 0 ? _f : (_g = controller.contact) === null || _g === void 0 ? void 0 : _g.name),
-                    React.createElement("div", { className: "controller-item-data-bar" },
-                        email && (React.createElement("span", { className: "text-sm text-gray-500 margin-right-15" },
-                            React.createElement(FAIcon, { icon: faEnvelope }),
-                            email)),
-                        phone && (React.createElement("span", { className: "text-sm text-gray-500 margin-right-15" },
-                            React.createElement(FAIcon, { icon: faPhone }),
-                            phone)),
-                        controller.appointment && (React.createElement("span", { className: "text-sm text-gray-500 margin-right-15" },
-                            "Appointment: ",
-                            moment(controller.appointment).format("YYYY-MM-DD"))),
-                        controller.cease && (React.createElement("span", { className: "text-sm text-gray-500 margin-right-15" },
-                            "Cease: ",
-                            moment(controller.cease).format("YYYY-MM-DD"))))),
-                React.createElement("div", { className: classnames("controller-item-menus", { hide: isHover }) },
-                    React.createElement("div", { className: "controller-item-status" },
-                        React.createElement("div", { className: "px-2 leading-5 font-semibold rounded-full bg-green-100 text-green-800" }, controller.confirmationStatus)),
-                    React.createElement("div", { className: "controller-item-identity" },
-                        !controller.identity && React.createElement(Badge, { status: "warning", text: "Need Identity Info" }),
-                        controller.status && controller.identity && (React.createElement("div", null, controller.status === "Present" ? (React.createElement(Badge, { status: "success", text: "Present" })) : (React.createElement(Badge, { status: "error", text: "Past" })))))),
-                React.createElement("div", { className: classnames("controller-item-tool", { show: isHover }), onClick: (e) => e.stopPropagation() },
-                    React.createElement(ToolBar, { id: id, showMenu: false },
-                        React.createElement(Open, { url: `/controller/${id}` }),
-                        React.createElement(CompanyControllerMenu, { id: id, unitId: controller.contact.id, store: store, closeAside: true }))))))));
-    });
-};
-export default ControllerItem;
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useController, useControllerStore } from "../../../../../../data/controller";
+import { Badge, Skeleton } from "antd";
+import { faEnvelope, faPhone } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import CompanyControllerMenu from "../../../controls/CompanyRegisterMenu";
+import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
+import classnames from "classnames";
+import moment from "moment";
+import styles from "./index.less";
+const ControllerItem = (props) => {
+    const { id, unitId, index } = props;
+    const [isHover, setIsHover] = useState(false);
+    const controller = useController(id);
+    const store = useControllerStore();
+    return observe(() => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const phone = (_a = controller.phone) !== null && _a !== void 0 ? _a : (_b = controller.contact) === null || _b === void 0 ? void 0 : _b.phone;
+        const email = (_c = controller.email) !== null && _c !== void 0 ? _c : (_d = controller.contact) === null || _d === void 0 ? void 0 : _d.email;
+        return (React.createElement("div", { className: classnames(styles["controller-item"]), onMouseOver: () => setIsHover(true), onMouseLeave: () => setIsHover(false) }, controller.loading ? (React.createElement(Skeleton, { avatar: true, paragraph: { rows: 1 } })) : (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "avatar" },
+                React.createElement(UnitAvatar, { id: unitId, index: index, size: "large" })),
+            React.createElement("div", { className: "controller-item-content" },
+                React.createElement("div", { className: "controller-item-info" },
+                    React.createElement("div", { className: "controller-item-name font-medium text-indigo-600 truncate" }, (_f = (_e = controller.identity) === null || _e === void 0 ? void 0 : _e.fullName) !== null && _f !== void 0 ? _f : (_g = controller.contact) === null || _g === void 0 ? void 0 : _g.name),
+                    React.createElement("div", { className: "controller-item-data-bar" },
+                        email && (React.createElement("span", { className: "text-sm text-gray-500 margin-right-15" },
+                            React.createElement(FAIcon, { icon: faEnvelope }),
+                            email)),
+                        phone && (React.createElement("span", { className: "text-sm text-gray-500 margin-right-15" },
+                            React.createElement(FAIcon, { icon: faPhone }),
+                            phone)),
+                        controller.appointment && (React.createElement("span", { className: "text-sm text-gray-500 margin-right-15" },
+                            "Appointment: ",
+                            moment(controller.appointment).format("YYYY-MM-DD"))),
+                        controller.cease && (React.createElement("span", { className: "text-sm text-gray-500 margin-right-15" },
+                            "Cease: ",
+                            moment(controller.cease).format("YYYY-MM-DD"))))),
+                React.createElement("div", { className: classnames("controller-item-menus", { hide: isHover }) },
+                    React.createElement("div", { className: "controller-item-status" },
+                        React.createElement("div", { className: "px-2 leading-5 font-semibold rounded-full bg-green-100 text-green-800" }, controller.confirmationStatus)),
+                    React.createElement("div", { className: "controller-item-identity" },
+                        !controller.identity && React.createElement(Badge, { status: "warning", text: "Need Identity Info" }),
+                        controller.status && controller.identity && (React.createElement("div", null, controller.status === "Present" ? (React.createElement(Badge, { status: "success", text: "Present" })) : (React.createElement(Badge, { status: "error", text: "Past" })))))),
+                React.createElement("div", { className: classnames("controller-item-tool", { show: isHover }), onClick: (e) => e.stopPropagation() },
+                    React.createElement(ToolBar, { id: id, showMenu: false },
+                        React.createElement(Open, { url: `/controller/${id}` }),
+                        React.createElement(CompanyControllerMenu, { id: id, unitId: controller.contact.id, store: store, closeAside: true }))))))));
+    });
+};
+export default ControllerItem;
 //# sourceMappingURL=index.js.map