@voplus/morpho-csp 4.0.5 → 4.0.7

package/es/modules/corporate/filing-record/filing-type/components/FilingTypeList/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { IFilingType } from "../../../../../../data/filing-type";
-declare const FilingTypeList: (props: {
-    centerId: string;
-    viewTitle?: string | undefined;
-    status?: string | undefined;
-    onTotal?: ((total: number) => void) | undefined;
-    onClickItem?: ((item: IFilingType) => void) | undefined;
-}) => JSX.Element;
-export default FilingTypeList;
+/// <reference types="react" />
+import { IFilingType } from "../../../../../../data/filing-type";
+declare const FilingTypeList: (props: {
+    centerId: string;
+    viewTitle?: string | undefined;
+    status?: string | undefined;
+    onTotal?: ((total: number) => void) | undefined;
+    onClickItem?: ((item: IFilingType) => void) | undefined;
+}) => JSX.Element;
+export default FilingTypeList;

package/es/modules/corporate/filing-record/filing-type/components/FilingTypeList/index.js

@@ -1,52 +1,52 @@
-import React, { useState } from "react";
-import { observe, useRenderOnChange } from "@voplus/morpho-ui";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import { useFilingTypeListEffect } from "../../../../../../data/filing-type";
-import { useAutoUpdateListData } from "../../../../../../data/filing-type/filing-type-events";
-import { useViewContext } from "@voplus/morpho-document-core/es/data/context/ViewContext";
-import NewFilingTypeForm from "../NewFilingTypeForm";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
-import FilingTypeItem from "../FilingTypeItem";
-import FilingTypePropertiesView from "../FilingTypePropertiesView";
-import styles from "./index.less";
-const FilingTypeList = (props) => {
-    const { centerId, viewTitle, status } = props;
-    const [asideContext] = useState(AsideContent.createContext());
-    const [addAble, setAddAble] = useState(false);
-    const view = useViewContext();
-    const list = useCreateListDataState({
-        filterDefaults: {
-            filters: filters(),
-        },
-    }, [centerId, status]);
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkTypeListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    useFilingTypeListEffect(list, (result, total) => {
-        var _a;
-        list.union(result);
-        (_a = props.onTotal) === null || _a === void 0 ? void 0 : _a.call(props, total);
-    }, { Total: true, ...list.filters.options });
-    useAutoUpdateListData(list, (d) => true);
-    return observe(() => (React.createElement(AsideContent, { context: asideContext },
-        React.createElement("div", { className: styles["filing-type-list"] },
-            React.createElement(ListDataContext.Provider, { value: list },
-                React.createElement(ListView, { headerProps: {
-                        viewTitle: viewTitle,
-                        sortable: false,
-                        quickSearch: true,
-                        onAdd: () => (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" && setAddAble(!addAble),
-                    }, formView: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(NewFilingTypeForm, { centerId: centerId }), renderItem: ({ item, connectDragSource }) => (React.createElement("div", { key: item.id, onClick: () => (props === null || props === void 0 ? void 0 : props.onClickItem) && props.onClickItem(item) },
-                        React.createElement(FilingTypeItem, { id: item.id, quickView: (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" }))), propertiesView: (id) => (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(FilingTypePropertiesView, { id: id }) })),
-            addAble && (React.createElement(NewFilingTypeForm, { openMode: "openBottom", centerId: centerId, onSave: () => setAddAble(false), onCancel: () => setAddAble(false) }))))));
-    function filters() {
-        const filter = [{ c: "CenterId", o: "=", l: "And", v1: centerId }];
-        return filter;
-    }
-    function onFilter(context) {
-        context.paging.Page = 1;
-        context.filter();
-    }
-};
-export default FilingTypeList;
+import React, { useState } from "react";
+import { observe, useRenderOnChange } from "@voplus/morpho-ui";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import { useFilingTypeListEffect } from "../../../../../../data/filing-type";
+import { useAutoUpdateListData } from "../../../../../../data/filing-type/filing-type-events";
+import { useViewContext } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import NewFilingTypeForm from "../NewFilingTypeForm";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import FilingTypeItem from "../FilingTypeItem";
+import FilingTypePropertiesView from "../FilingTypePropertiesView";
+import styles from "./index.less";
+const FilingTypeList = (props) => {
+    const { centerId, viewTitle, status } = props;
+    const [asideContext] = useState(AsideContent.createContext());
+    const [addAble, setAddAble] = useState(false);
+    const view = useViewContext();
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: filters(),
+        },
+    }, [centerId, status]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkTypeListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    useFilingTypeListEffect(list, (result, total) => {
+        var _a;
+        list.union(result);
+        (_a = props.onTotal) === null || _a === void 0 ? void 0 : _a.call(props, total);
+    }, { Total: true, ...list.filters.options });
+    useAutoUpdateListData(list, (d) => true);
+    return observe(() => (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: styles["filing-type-list"] },
+            React.createElement(ListDataContext.Provider, { value: list },
+                React.createElement(ListView, { headerProps: {
+                        viewTitle: viewTitle,
+                        sortable: false,
+                        quickSearch: true,
+                        onAdd: () => (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" && setAddAble(!addAble),
+                    }, formView: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(NewFilingTypeForm, { centerId: centerId }), renderItem: ({ item, connectDragSource }) => (React.createElement("div", { key: item.id, onClick: () => (props === null || props === void 0 ? void 0 : props.onClickItem) && props.onClickItem(item) },
+                        React.createElement(FilingTypeItem, { id: item.id, quickView: (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" }))), propertiesView: (id) => (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(FilingTypePropertiesView, { id: id }) })),
+            addAble && (React.createElement(NewFilingTypeForm, { openMode: "openBottom", centerId: centerId, onSave: () => setAddAble(false), onCancel: () => setAddAble(false) }))))));
+    function filters() {
+        const filter = [{ c: "CenterId", o: "=", l: "And", v1: centerId }];
+        return filter;
+    }
+    function onFilter(context) {
+        context.paging.Page = 1;
+        context.filter();
+    }
+};
+export default FilingTypeList;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/filing-record/filing-type/components/FilingTypeList/index.less

@@ -1,19 +1,19 @@
-.filing-type-list {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-
-	:global {
-		.list-view-header > div:first-child {
-			flex: 1;
-
-			.site-badge-count {
-				margin-left: 10px;
-			}
-		}
-
-		.vo-plus-column-item > div {
-			flex: 1;
-		}
-	}
-}
+.filing-type-list {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+
+	:global {
+		.list-view-header > div:first-child {
+			flex: 1;
+
+			.site-badge-count {
+				margin-left: 10px;
+			}
+		}
+
+		.vo-plus-column-item > div {
+			flex: 1;
+		}
+	}
+}

package/es/modules/corporate/filing-record/filing-type/components/FilingTypeProperties/index.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-declare type FilingTypePropertiesName = "Name" | "Category" | "Frequency" | "DateBased" | "FixedDate" | "MonthOffset";
-declare const FilingTypeProperties: {
-    (props: {
-        id: string;
-        headerVisible?: boolean;
-        filingTypeTitle?: string;
-        filingTypeProperties?: {
-            name: FilingTypePropertiesName;
-            visible?: boolean;
-        }[];
-    }): JSX.Element;
-    defaultProps: {
-        filingTypeTitle: string;
-        orgContactTitle: string;
-        filingTypeProperties: {
-            name: string;
-        }[];
-    };
-};
-export default FilingTypeProperties;
+/// <reference types="react" />
+declare type FilingTypePropertiesName = "Name" | "Category" | "Frequency" | "DateBased" | "FixedDate" | "MonthOffset";
+declare const FilingTypeProperties: {
+    (props: {
+        id: string;
+        headerVisible?: boolean;
+        filingTypeTitle?: string;
+        filingTypeProperties?: {
+            name: FilingTypePropertiesName;
+            visible?: boolean;
+        }[];
+    }): JSX.Element;
+    defaultProps: {
+        filingTypeTitle: string;
+        orgContactTitle: string;
+        filingTypeProperties: {
+            name: string;
+        }[];
+    };
+};
+export default FilingTypeProperties;

package/es/modules/corporate/filing-record/filing-type/components/FilingTypeProperties/index.js

@@ -1,161 +1,161 @@
-import React, { useEffect, useState } from "react";
-import { Form, Select } from "antd";
-import { observe, InlineEdit } from "@voplus/morpho-ui";
-import { useFilingType, useFilingTypeStore, } from "../../../../../../data/filing-type";
-import { Scrollbars } from "react-custom-scrollbars";
-import { faEllipsisVertical } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { splitAtUpperCase } from "../../../tools";
-import FolderEdit from "@voplus/morpho-document/es/controls/FolderEdit";
-import FilingTypeMenu from "../../controls/FilingTypeMenu";
-import PropertiesSection from "@voplus/morpho-ui/es/controls/PropertiesSection";
-import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
-import classnames from "classnames";
-import dayjs from "dayjs";
-const FilingTypeProperties = (props) => {
-    const { id, headerVisible, filingTypeTitle, filingTypeProperties } = props;
-    const filingType = useFilingType(props.id);
-    const store = useFilingTypeStore();
-    const [showDateBasedEditIcon, setShowDateBasedEditIcon] = useState(true);
-    const [dateBasedEditable, setDateBasedEditable] = useState(false);
-    const [showFrequencyEditIcon, setShowFrequencyEditIcon] = useState(true);
-    const [frequencyEditable, setFrequencyEditable] = useState(false);
-    const [showCategoryEditIcon, setShowCategoryEditIcon] = useState(true);
-    const [categoryEditable, setCategoryEditable] = useState(false);
-    const clickEvent = (e) => {
-        if (!e.target.className.toString())
-            return;
-        if (!e.target.className.toString().includes("ant-select")) {
-            setDateBasedEditable(false);
-            setShowDateBasedEditIcon(true);
-        }
-        if (!e.target.className.toString().includes("ant-select")) {
-            setCategoryEditable(false);
-            setShowCategoryEditIcon(true);
-        }
-        if (!e.target.className.toString().includes("ant-select")) {
-            setFrequencyEditable(false);
-            setShowFrequencyEditIcon(true);
-        }
-    };
-    useEffect(() => {
-        if (dateBasedEditable || frequencyEditable || categoryEditable) {
-            window.addEventListener("click", clickEvent, true);
-        }
-        return () => {
-            window.removeEventListener("click", clickEvent, true);
-        };
-    }, [dateBasedEditable, frequencyEditable, categoryEditable]);
-    const filterPro = filingTypeProperties === null || filingTypeProperties === void 0 ? void 0 : filingTypeProperties.filter((i) => (i === null || i === void 0 ? void 0 : i.visible) !== false);
-    return observe(() => (React.createElement("div", { className: "properties-list" },
-        headerVisible && (React.createElement("div", { className: "properties-header" },
-            React.createElement("div", { className: "title" }, filingType.name),
-            React.createElement(FilingTypeMenu, { id: id, icon: React.createElement(FAIcon, { icon: faEllipsisVertical }) }))),
-        React.createElement(Scrollbars, { autoHide: true },
-            React.createElement(PropertiesSection, { title: filingTypeTitle, properties: React.createElement(Form, { labelAlign: "left", labelCol: { span: 10 }, scrollToFirstError: true }, filterPro === null || filterPro === void 0 ? void 0 : filterPro.map((i) => (React.createElement(React.Fragment, { key: i.name }, renderProp(i))))) })))));
-    function renderProp(item) {
-        switch (item.name) {
-            case "Name":
-                return (React.createElement(Form.Item, { label: "Name" },
-                    React.createElement(InlineEdit, { defaultValue: filingType.name, content: (v) => React.createElement("div", null, filingType.name), onSave: (v) => store.edit(id, { data: { Name: v }, error: "message" }) })));
-            case "Category":
-                return (React.createElement(Form.Item, { label: "Category" },
-                    React.createElement(FolderEdit, { showEditIcon: showCategoryEditIcon, onEditIconClick: () => {
-                            setCategoryEditable(true);
-                            setShowCategoryEditIcon(false);
-                        } }, categoryEditable ? (React.createElement(Select, { defaultValue: filingType.category, optionFilterProp: "children", onChange: (value) => store.edit(id, { data: { Category: value }, error: "message" }).then(() => {
-                            setShowCategoryEditIcon(true);
-                            setCategoryEditable(false);
-                        }), options: [
-                            {
-                                value: "Tax",
-                                label: "Tax",
-                            },
-                            {
-                                value: "Business",
-                                label: "Business",
-                            },
-                        ] })) : (React.createElement("span", { className: classnames({
-                            "add-info-style": !filingType.category,
-                        }) }, filingType.category || "Select Work Type")))));
-            case "Frequency":
-                return (React.createElement(Form.Item, { label: "Frequency" },
-                    React.createElement(FolderEdit, { showEditIcon: showFrequencyEditIcon, onEditIconClick: () => {
-                            setFrequencyEditable(true);
-                            setShowFrequencyEditIcon(false);
-                        } }, frequencyEditable ? (React.createElement(Select, { defaultValue: filingType.frequency, optionFilterProp: "children", onChange: (value) => store.edit(id, { data: { Frequency: value }, error: "message" }).then(() => {
-                            setShowFrequencyEditIcon(true);
-                            setFrequencyEditable(false);
-                        }), options: [
-                            {
-                                value: "Monthly",
-                                label: "Monthly",
-                            },
-                            {
-                                value: "Quarterly",
-                                label: "Quarterly",
-                            },
-                            {
-                                value: "HalfYearly",
-                                label: "Half Yearly",
-                            },
-                            {
-                                value: "Yearly",
-                                label: "Yearly",
-                            },
-                        ] })) : (React.createElement("span", { className: classnames({
-                            "add-info-style": !filingType.frequency,
-                        }) }, splitAtUpperCase(filingType.frequency) || "Select Frequency")))));
-            case "DateBased":
-                return (React.createElement(Form.Item, { label: "DateBased" },
-                    React.createElement(FolderEdit, { showEditIcon: showDateBasedEditIcon, onEditIconClick: () => {
-                            setDateBasedEditable(true);
-                            setShowDateBasedEditIcon(false);
-                        } }, dateBasedEditable ? (React.createElement(Select, { defaultValue: filingType.dateBased, optionFilterProp: "children", onChange: (value) => store.edit(id, { data: { DateBased: value }, error: "message" }).then(() => {
-                            setShowDateBasedEditIcon(true);
-                            setDateBasedEditable(false);
-                        }), options: [
-                            {
-                                value: "FinancialYear",
-                                label: "Financial Year",
-                            },
-                            {
-                                value: "CalendarYear",
-                                label: "Calendar Year",
-                            },
-                            {
-                                value: "Fixed",
-                                label: "Fixed",
-                            },
-                        ] })) : (React.createElement("span", { className: classnames({
-                            "add-info-style": !filingType.dateBased,
-                        }) }, splitAtUpperCase(filingType.dateBased) || "Select DateBased")))));
-            case "FixedDate":
-                return (React.createElement(Form.Item, { label: "FixedDate" },
-                    React.createElement(InlineEdit, { defaultValue: dayjs(filingType.fixedDate !== "" ? filingType.fixedDate : undefined), content: (v) => filingType.fixedDate ? (React.createElement("span", null, dayjs(filingType.fixedDate).format("YYYY-MM-DD"))) : (React.createElement("span", { className: "add-info-style" }, "Add FixedDate")), editor: DateInputEditor, onSave: (date) => {
-                            if (filingType.fixedDate && dayjs(date).isSame(filingType.fixedDate, "day"))
-                                return;
-                            store.edit(props.id, {
-                                data: { FixedDate: date !== null ? dayjs(date).format("YYYY-MM-DD") : "" },
-                            });
-                        } })));
-            case "MonthOffset":
-                return (React.createElement(Form.Item, { label: "MonthOffset" },
-                    React.createElement(InlineEdit, { defaultValue: filingType.monthOffset, content: (v) => v.store.value ? (React.createElement("span", null, v.store.value)) : (React.createElement("span", { className: "add-info-style" }, "Add MonthOffset")), onSave: (value) => store.edit(id, { data: { MonthOffset: value }, error: "message" }) })));
-        }
-    }
-};
-FilingTypeProperties.defaultProps = {
-    filingTypeTitle: "FilingType Properties",
-    orgContactTitle: "Contact Properties",
-    filingTypeProperties: [
-        { name: "Name" },
-        { name: "Category" },
-        { name: "Frequency" },
-        { name: "DateBased" },
-        { name: "FixedDate" },
-        { name: "MonthOffset" },
-    ],
-};
-export default FilingTypeProperties;
+import React, { useEffect, useState } from "react";
+import { Form, Select } from "antd";
+import { observe, InlineEdit } from "@voplus/morpho-ui";
+import { useFilingType, useFilingTypeStore, } from "../../../../../../data/filing-type";
+import { Scrollbars } from "react-custom-scrollbars";
+import { faEllipsisVertical } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { splitAtUpperCase } from "../../../tools";
+import FolderEdit from "@voplus/morpho-document/es/controls/FolderEdit";
+import FilingTypeMenu from "../../controls/FilingTypeMenu";
+import PropertiesSection from "@voplus/morpho-ui/es/controls/PropertiesSection";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import classnames from "classnames";
+import dayjs from "dayjs";
+const FilingTypeProperties = (props) => {
+    const { id, headerVisible, filingTypeTitle, filingTypeProperties } = props;
+    const filingType = useFilingType(props.id);
+    const store = useFilingTypeStore();
+    const [showDateBasedEditIcon, setShowDateBasedEditIcon] = useState(true);
+    const [dateBasedEditable, setDateBasedEditable] = useState(false);
+    const [showFrequencyEditIcon, setShowFrequencyEditIcon] = useState(true);
+    const [frequencyEditable, setFrequencyEditable] = useState(false);
+    const [showCategoryEditIcon, setShowCategoryEditIcon] = useState(true);
+    const [categoryEditable, setCategoryEditable] = useState(false);
+    const clickEvent = (e) => {
+        if (!e.target.className.toString())
+            return;
+        if (!e.target.className.toString().includes("ant-select")) {
+            setDateBasedEditable(false);
+            setShowDateBasedEditIcon(true);
+        }
+        if (!e.target.className.toString().includes("ant-select")) {
+            setCategoryEditable(false);
+            setShowCategoryEditIcon(true);
+        }
+        if (!e.target.className.toString().includes("ant-select")) {
+            setFrequencyEditable(false);
+            setShowFrequencyEditIcon(true);
+        }
+    };
+    useEffect(() => {
+        if (dateBasedEditable || frequencyEditable || categoryEditable) {
+            window.addEventListener("click", clickEvent, true);
+        }
+        return () => {
+            window.removeEventListener("click", clickEvent, true);
+        };
+    }, [dateBasedEditable, frequencyEditable, categoryEditable]);
+    const filterPro = filingTypeProperties === null || filingTypeProperties === void 0 ? void 0 : filingTypeProperties.filter((i) => (i === null || i === void 0 ? void 0 : i.visible) !== false);
+    return observe(() => (React.createElement("div", { className: "properties-list" },
+        headerVisible && (React.createElement("div", { className: "properties-header" },
+            React.createElement("div", { className: "title" }, filingType.name),
+            React.createElement(FilingTypeMenu, { id: id, icon: React.createElement(FAIcon, { icon: faEllipsisVertical }) }))),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(PropertiesSection, { title: filingTypeTitle, properties: React.createElement(Form, { labelAlign: "left", labelCol: { span: 10 }, scrollToFirstError: true }, filterPro === null || filterPro === void 0 ? void 0 : filterPro.map((i) => (React.createElement(React.Fragment, { key: i.name }, renderProp(i))))) })))));
+    function renderProp(item) {
+        switch (item.name) {
+            case "Name":
+                return (React.createElement(Form.Item, { label: "Name" },
+                    React.createElement(InlineEdit, { defaultValue: filingType.name, content: (v) => React.createElement("div", null, filingType.name), onSave: (v) => store.edit(id, { data: { Name: v }, error: "message" }) })));
+            case "Category":
+                return (React.createElement(Form.Item, { label: "Category" },
+                    React.createElement(FolderEdit, { showEditIcon: showCategoryEditIcon, onEditIconClick: () => {
+                            setCategoryEditable(true);
+                            setShowCategoryEditIcon(false);
+                        } }, categoryEditable ? (React.createElement(Select, { defaultValue: filingType.category, optionFilterProp: "children", onChange: (value) => store.edit(id, { data: { Category: value }, error: "message" }).then(() => {
+                            setShowCategoryEditIcon(true);
+                            setCategoryEditable(false);
+                        }), options: [
+                            {
+                                value: "Tax",
+                                label: "Tax",
+                            },
+                            {
+                                value: "Business",
+                                label: "Business",
+                            },
+                        ] })) : (React.createElement("span", { className: classnames({
+                            "add-info-style": !filingType.category,
+                        }) }, filingType.category || "Select Work Type")))));
+            case "Frequency":
+                return (React.createElement(Form.Item, { label: "Frequency" },
+                    React.createElement(FolderEdit, { showEditIcon: showFrequencyEditIcon, onEditIconClick: () => {
+                            setFrequencyEditable(true);
+                            setShowFrequencyEditIcon(false);
+                        } }, frequencyEditable ? (React.createElement(Select, { defaultValue: filingType.frequency, optionFilterProp: "children", onChange: (value) => store.edit(id, { data: { Frequency: value }, error: "message" }).then(() => {
+                            setShowFrequencyEditIcon(true);
+                            setFrequencyEditable(false);
+                        }), options: [
+                            {
+                                value: "Monthly",
+                                label: "Monthly",
+                            },
+                            {
+                                value: "Quarterly",
+                                label: "Quarterly",
+                            },
+                            {
+                                value: "HalfYearly",
+                                label: "Half Yearly",
+                            },
+                            {
+                                value: "Yearly",
+                                label: "Yearly",
+                            },
+                        ] })) : (React.createElement("span", { className: classnames({
+                            "add-info-style": !filingType.frequency,
+                        }) }, splitAtUpperCase(filingType.frequency) || "Select Frequency")))));
+            case "DateBased":
+                return (React.createElement(Form.Item, { label: "DateBased" },
+                    React.createElement(FolderEdit, { showEditIcon: showDateBasedEditIcon, onEditIconClick: () => {
+                            setDateBasedEditable(true);
+                            setShowDateBasedEditIcon(false);
+                        } }, dateBasedEditable ? (React.createElement(Select, { defaultValue: filingType.dateBased, optionFilterProp: "children", onChange: (value) => store.edit(id, { data: { DateBased: value }, error: "message" }).then(() => {
+                            setShowDateBasedEditIcon(true);
+                            setDateBasedEditable(false);
+                        }), options: [
+                            {
+                                value: "FinancialYear",
+                                label: "Financial Year",
+                            },
+                            {
+                                value: "CalendarYear",
+                                label: "Calendar Year",
+                            },
+                            {
+                                value: "Fixed",
+                                label: "Fixed",
+                            },
+                        ] })) : (React.createElement("span", { className: classnames({
+                            "add-info-style": !filingType.dateBased,
+                        }) }, splitAtUpperCase(filingType.dateBased) || "Select DateBased")))));
+            case "FixedDate":
+                return (React.createElement(Form.Item, { label: "FixedDate" },
+                    React.createElement(InlineEdit, { defaultValue: dayjs(filingType.fixedDate !== "" ? filingType.fixedDate : undefined), content: (v) => filingType.fixedDate ? (React.createElement("span", null, dayjs(filingType.fixedDate).format("YYYY-MM-DD"))) : (React.createElement("span", { className: "add-info-style" }, "Add FixedDate")), editor: DateInputEditor, onSave: (date) => {
+                            if (filingType.fixedDate && dayjs(date).isSame(filingType.fixedDate, "day"))
+                                return;
+                            store.edit(props.id, {
+                                data: { FixedDate: date !== null ? dayjs(date).format("YYYY-MM-DD") : "" },
+                            });
+                        } })));
+            case "MonthOffset":
+                return (React.createElement(Form.Item, { label: "MonthOffset" },
+                    React.createElement(InlineEdit, { defaultValue: filingType.monthOffset, content: (v) => v.store.value ? (React.createElement("span", null, v.store.value)) : (React.createElement("span", { className: "add-info-style" }, "Add MonthOffset")), onSave: (value) => store.edit(id, { data: { MonthOffset: value }, error: "message" }) })));
+        }
+    }
+};
+FilingTypeProperties.defaultProps = {
+    filingTypeTitle: "FilingType Properties",
+    orgContactTitle: "Contact Properties",
+    filingTypeProperties: [
+        { name: "Name" },
+        { name: "Category" },
+        { name: "Frequency" },
+        { name: "DateBased" },
+        { name: "FixedDate" },
+        { name: "MonthOffset" },
+    ],
+};
+export default FilingTypeProperties;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/filing-record/filing-type/components/FilingTypePropertiesView/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-/** FilingType PropertiesView */
-declare const FilingTypePropertiesView: (props: {
-    id: string;
-}) => JSX.Element;
-export default FilingTypePropertiesView;
+/// <reference types="react" />
+/** FilingType PropertiesView */
+declare const FilingTypePropertiesView: (props: {
+    id: string;
+}) => JSX.Element;
+export default FilingTypePropertiesView;

package/es/modules/corporate/filing-record/filing-type/components/FilingTypePropertiesView/index.js

@@ -1,16 +1,16 @@
-import React, { useMemo } from "react";
-import { observe } from "@voplus/morpho-ui";
-import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
-import FilingTypeProperties from "../FilingTypeProperties";
-import FilingTypeHead from "../FilingTypeHead";
-import FilingTypeTabs from "../FilingTypeTabs";
-/** FilingType PropertiesView */
-const FilingTypePropertiesView = (props) => {
-    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
-    return observe(() => (React.createElement(ViewContext.Provider, { value: view },
-        React.createElement("div", { className: "module-detail-view" },
-            React.createElement(FilingTypeHead, { id: props.id }),
-            React.createElement(FilingTypeTabs, { id: props.id, details: React.createElement(FilingTypeProperties, { id: props.id }) })))));
-};
-export default FilingTypePropertiesView;
+import React, { useMemo } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import FilingTypeProperties from "../FilingTypeProperties";
+import FilingTypeHead from "../FilingTypeHead";
+import FilingTypeTabs from "../FilingTypeTabs";
+/** FilingType PropertiesView */
+const FilingTypePropertiesView = (props) => {
+    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    return observe(() => (React.createElement(ViewContext.Provider, { value: view },
+        React.createElement("div", { className: "module-detail-view" },
+            React.createElement(FilingTypeHead, { id: props.id }),
+            React.createElement(FilingTypeTabs, { id: props.id, details: React.createElement(FilingTypeProperties, { id: props.id }) })))));
+};
+export default FilingTypePropertiesView;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/filing-record/filing-type/components/FilingTypeQuickView/index.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import "./index.less";
-declare const FilingTypeQuickView: {
-    (props: {
-        id: string;
-        visible?: boolean;
-        onCancel?: () => void;
-        /** show close button or not. */
-        closeVisible?: boolean;
-    }): JSX.Element;
-    defaultProps: {
-        closeVisible: boolean;
-    };
-};
-export default FilingTypeQuickView;
+/// <reference types="react" />
+import "./index.less";
+declare const FilingTypeQuickView: {
+    (props: {
+        id: string;
+        visible?: boolean;
+        onCancel?: () => void;
+        /** show close button or not. */
+        closeVisible?: boolean;
+    }): JSX.Element;
+    defaultProps: {
+        closeVisible: boolean;
+    };
+};
+export default FilingTypeQuickView;