@voplus/morpho-csp 4.0.5 → 4.0.7

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import "./index.less";
-declare const FilingRecordQuickView: (props: {
-    id: string;
-    visible?: boolean | undefined;
-    update?: ((visible: boolean) => void) | undefined;
-}) => JSX.Element;
-export default FilingRecordQuickView;
+/// <reference types="react" />
+import "./index.less";
+declare const FilingRecordQuickView: (props: {
+    id: string;
+    visible?: boolean | undefined;
+    update?: ((visible: boolean) => void) | undefined;
+}) => JSX.Element;
+export default FilingRecordQuickView;

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

@@ -1,49 +1,49 @@
-import "./index.less";
-import { Button, Descriptions, Modal, Switch, Tooltip } from "antd";
-import React, { useState } from "react";
-import { faArrowAltFromLeft, faArrowAltFromRight, faTimes } from "@fortawesome/pro-light-svg-icons";
-import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
-import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { InlineEdit } from "@voplus/morpho-ui";
-import { Scrollbars } from "react-custom-scrollbars";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import classnames from "classnames";
-import dayjs from "dayjs";
-import { observe } from "@voplus/morpho-ui";
-const FilingRecordQuickView = (props) => {
-    const { id, visible, update } = props;
-    const [openAside, setOpenAside] = useState(true);
-    return observe(() => (React.createElement(Modal, { title: "", width: openAside ? "66vw" : "33vw", open: visible, closable: false, footer: null, onOk: onOk, onCancel: () => update === null || update === void 0 ? void 0 : update(false), wrapClassName: "filing-record-quick-view" },
-        React.createElement("div", { className: "filing-record-content" },
-            React.createElement(Scrollbars, null,
-                React.createElement(DocumentHeader, { id: id, size: "h4", tools: React.createElement(React.Fragment, null,
-                        React.createElement(ToolBar, null,
-                            React.createElement(Tooltip, { title: !!openAside ? "Hide Sidebar" : "Sidebar" },
-                                React.createElement(Button, { size: "small", shape: "circle", onClick: () => setOpenAside(!openAside) },
-                                    React.createElement(FAIcon, { icon: openAside ? faArrowAltFromLeft : faArrowAltFromRight }))),
-                            React.createElement(Tooltip, { title: "Close" },
-                                React.createElement(Button, { size: "small", shape: "circle", onClick: () => update === null || update === void 0 ? void 0 : update(false) },
-                                    React.createElement(FAIcon, { icon: faTimes }))))), tagsVisible: false, flagVisible: false, clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false, style: { padding: "15px 20px" } }),
-                React.createElement(DescriptionEditor, { id: id, 
-                    // description={task.description}
-                    // readonly={task.readonly}
-                    padding: "0" }),
-                React.createElement(Descriptions, { title: "Details", column: 1 },
-                    React.createElement(Descriptions.Item, { label: "Type" }, "JJUff"),
-                    React.createElement(Descriptions.Item, { label: "Exempted" },
-                        React.createElement(Switch, null)),
-                    React.createElement(Descriptions.Item, { label: "FYE" }, dayjs().format("YYYY-MM-DD")),
-                    React.createElement(Descriptions.Item, { label: "Due Date" }, dayjs().format("YYYY-MM-DD")),
-                    React.createElement(Descriptions.Item, { label: "File date" },
-                        React.createElement(InlineEdit, { defaultValue: dayjs(), content: (v) => (React.createElement("span", { style: { cursor: "pointer" } }, v ? dayjs(v.store.value).format("YYYY-MM-DD") : "Add Date")), editor: DateInputEditor }))))),
-        React.createElement("div", { className: classnames("filing-record-aside", { "aside-none": !openAside }) },
-            React.createElement(DocumentTabs, { id: id })))));
-    function onOk() {
-        update === null || update === void 0 ? void 0 : update(false);
-    }
-};
-export default FilingRecordQuickView;
+import "./index.less";
+import { Button, Descriptions, Modal, Switch, Tooltip } from "antd";
+import React, { useState } from "react";
+import { faArrowAltFromLeft, faArrowAltFromRight, faTimes } from "@fortawesome/pro-light-svg-icons";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { InlineEdit } from "@voplus/morpho-ui";
+import { Scrollbars } from "react-custom-scrollbars";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import classnames from "classnames";
+import dayjs from "dayjs";
+import { observe } from "@voplus/morpho-ui";
+const FilingRecordQuickView = (props) => {
+    const { id, visible, update } = props;
+    const [openAside, setOpenAside] = useState(true);
+    return observe(() => (React.createElement(Modal, { title: "", width: openAside ? "66vw" : "33vw", open: visible, closable: false, footer: null, onOk: onOk, onCancel: () => update === null || update === void 0 ? void 0 : update(false), wrapClassName: "filing-record-quick-view" },
+        React.createElement("div", { className: "filing-record-content" },
+            React.createElement(Scrollbars, null,
+                React.createElement(DocumentHeader, { id: id, size: "h4", tools: React.createElement(React.Fragment, null,
+                        React.createElement(ToolBar, null,
+                            React.createElement(Tooltip, { title: !!openAside ? "Hide Sidebar" : "Sidebar" },
+                                React.createElement(Button, { size: "small", shape: "circle", onClick: () => setOpenAside(!openAside) },
+                                    React.createElement(FAIcon, { icon: openAside ? faArrowAltFromLeft : faArrowAltFromRight }))),
+                            React.createElement(Tooltip, { title: "Close" },
+                                React.createElement(Button, { size: "small", shape: "circle", onClick: () => update === null || update === void 0 ? void 0 : update(false) },
+                                    React.createElement(FAIcon, { icon: faTimes }))))), tagsVisible: false, flagVisible: false, clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false, style: { padding: "15px 20px" } }),
+                React.createElement(DescriptionEditor, { id: id, 
+                    // description={task.description}
+                    // readonly={task.readonly}
+                    padding: "0" }),
+                React.createElement(Descriptions, { title: "Details", column: 1 },
+                    React.createElement(Descriptions.Item, { label: "Type" }, "JJUff"),
+                    React.createElement(Descriptions.Item, { label: "Exempted" },
+                        React.createElement(Switch, null)),
+                    React.createElement(Descriptions.Item, { label: "FYE" }, dayjs().format("YYYY-MM-DD")),
+                    React.createElement(Descriptions.Item, { label: "Due Date" }, dayjs().format("YYYY-MM-DD")),
+                    React.createElement(Descriptions.Item, { label: "File date" },
+                        React.createElement(InlineEdit, { defaultValue: dayjs(), content: (v) => (React.createElement("span", { style: { cursor: "pointer" } }, v ? dayjs(v.store.value).format("YYYY-MM-DD") : "Add Date")), editor: DateInputEditor }))))),
+        React.createElement("div", { className: classnames("filing-record-aside", { "aside-none": !openAside }) },
+            React.createElement(DocumentTabs, { id: id })))));
+    function onOk() {
+        update === null || update === void 0 ? void 0 : update(false);
+    }
+};
+export default FilingRecordQuickView;
 //# sourceMappingURL=index.js.map

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

@@ -1,68 +1,68 @@
-:global {
-	.filing-record-quick-view {
-		position: relative;
-
-		.ant-modal-body {
-			display: flex;
-			height: calc(100vh - 200px);
-			padding: 0 !important;
-
-			.filing-record-content {
-				width: 33vw;
-
-				.ant-descriptions {
-					margin: 15px 20px;
-
-					.ant-descriptions-header {
-						margin-bottom: 15px;
-					}
-
-					.ant-descriptions-item-label,
-					.ant-descriptions-item-content {
-						line-height: 30px;
-					}
-
-					.ant-descriptions-item-label {
-						width: 150px;
-						font-weight: 500;
-					}
-				}
-			}
-
-			.filing-record-aside {
-				position: absolute;
-				width: 33vw;
-				height: 100%;
-				right: 0;
-				box-shadow: -2px 0 8px -2px rgba(0, 0, 0, 0.15);
-				transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
-					-webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
-
-				&.aside-none {
-					width: 0;
-					height: 100%;
-				}
-
-				.ant-tabs {
-					display: flex;
-					flex-direction: column;
-					height: 100%;
-
-					.ant-tabs-nav {
-						margin-bottom: 0;
-					}
-
-					.ant-tabs-content {
-						height: 100%;
-						padding-bottom: 0px !important;
-
-						.ant-tabs-tabpane {
-							position: relative;
-							height: 100%;
-						}
-					}
-				}
-			}
-		}
-	}
-}
+:global {
+	.filing-record-quick-view {
+		position: relative;
+
+		.ant-modal-body {
+			display: flex;
+			height: calc(100vh - 200px);
+			padding: 0 !important;
+
+			.filing-record-content {
+				width: 33vw;
+
+				.ant-descriptions {
+					margin: 15px 20px;
+
+					.ant-descriptions-header {
+						margin-bottom: 15px;
+					}
+
+					.ant-descriptions-item-label,
+					.ant-descriptions-item-content {
+						line-height: 30px;
+					}
+
+					.ant-descriptions-item-label {
+						width: 150px;
+						font-weight: 500;
+					}
+				}
+			}
+
+			.filing-record-aside {
+				position: absolute;
+				width: 33vw;
+				height: 100%;
+				right: 0;
+				box-shadow: -2px 0 8px -2px rgba(0, 0, 0, 0.15);
+				transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
+					-webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
+
+				&.aside-none {
+					width: 0;
+					height: 100%;
+				}
+
+				.ant-tabs {
+					display: flex;
+					flex-direction: column;
+					height: 100%;
+
+					.ant-tabs-nav {
+						margin-bottom: 0;
+					}
+
+					.ant-tabs-content {
+						height: 100%;
+						padding-bottom: 0px !important;
+
+						.ant-tabs-tabpane {
+							position: relative;
+							height: 100%;
+						}
+					}
+				}
+			}
+		}
+	}
+}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import "./index.less";
-declare const FilingYearTimeLine: (props: {
-    lines?: any[];
-    remove?: boolean;
-}) => JSX.Element;
-export default FilingYearTimeLine;
+/// <reference types="react" />
+import "./index.less";
+declare const FilingYearTimeLine: (props: {
+    lines?: any[];
+    remove?: boolean;
+}) => JSX.Element;
+export default FilingYearTimeLine;

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

@@ -1,52 +1,52 @@
-import "./index.less";
-import { Button, Modal, Timeline } from "antd";
-import { faEdit, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import FilingRecordItem from "../FilingRecordItem";
-import React from "react";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-import { useFilingRecordStore } from "../../../../../data/filing-folder/store";
-const FilingYearTimeLine = (props) => {
-    const { lines, remove } = props;
-    const filingStore = useFilingRecordStore();
-    return observe(() => (React.createElement("div", { className: "annual-filing-item" },
-        React.createElement("h4", null, moment().format("DD MMM YYYY")),
-        remove && (React.createElement(Button, { danger: true, shape: "circle", size: "small", className: "remove-btn", onClick: onRemove },
-            React.createElement(FAIcon, { icon: faTrashAlt }))),
-        React.createElement(Timeline, { items: lines === null || lines === void 0 ? void 0 : lines.map((line) => {
-                return {
-                    children: React.createElement(FilingRecordItem, { id: line.id }),
-                    dot: (React.createElement("span", { className: "dot-icon", style: { borderColor: getTypeIconColor(line.type) } },
-                        React.createElement(FAIcon, { icon: faEdit, color: getTypeIconColor(line.type) }))),
-                    color: "gray",
-                };
-            }) }))));
-    /** 删除最新的FilingYearTimeLine */
-    function onRemove() {
-        Modal.confirm({
-            title: "Do you want to delete this item?",
-            onOk() {
-                filingStore.delete([""], {});
-            },
-        });
-    }
-    function getTypeIconColor(type) {
-        switch (type) {
-            case "Created":
-                return "#765fee";
-            case "Moved":
-                return "#ffca83";
-            case "Changed":
-                return "#ffca83";
-            case "Deleted":
-                return "#ff7285";
-            case "Commented":
-                return "rgb(254, 64, 102)";
-            default:
-                return "";
-        }
-    }
-};
-export default FilingYearTimeLine;
+import "./index.less";
+import { Button, Modal, Timeline } from "antd";
+import { faEdit, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FilingRecordItem from "../FilingRecordItem";
+import React from "react";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useFilingRecordStore } from "../../../../../data/filing-folder/store";
+const FilingYearTimeLine = (props) => {
+    const { lines, remove } = props;
+    const filingStore = useFilingRecordStore();
+    return observe(() => (React.createElement("div", { className: "annual-filing-item" },
+        React.createElement("h4", null, moment().format("DD MMM YYYY")),
+        remove && (React.createElement(Button, { danger: true, shape: "circle", size: "small", className: "remove-btn", onClick: onRemove },
+            React.createElement(FAIcon, { icon: faTrashAlt }))),
+        React.createElement(Timeline, { items: lines === null || lines === void 0 ? void 0 : lines.map((line) => {
+                return {
+                    children: React.createElement(FilingRecordItem, { id: line.id }),
+                    dot: (React.createElement("span", { className: "dot-icon", style: { borderColor: getTypeIconColor(line.type) } },
+                        React.createElement(FAIcon, { icon: faEdit, color: getTypeIconColor(line.type) }))),
+                    color: "gray",
+                };
+            }) }))));
+    /** 删除最新的FilingYearTimeLine */
+    function onRemove() {
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            onOk() {
+                filingStore.delete([""], {});
+            },
+        });
+    }
+    function getTypeIconColor(type) {
+        switch (type) {
+            case "Created":
+                return "#765fee";
+            case "Moved":
+                return "#ffca83";
+            case "Changed":
+                return "#ffca83";
+            case "Deleted":
+                return "#ff7285";
+            case "Commented":
+                return "rgb(254, 64, 102)";
+            default:
+                return "";
+        }
+    }
+};
+export default FilingYearTimeLine;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,18 +1,18 @@
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { useFilingType } from "../../../../../../data/filing-type";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import FilingTypeMenu from "../../controls/FilingTypeMenu";
-import "./index.less";
-const FilingTypeHead = (props) => {
-    const { id } = props;
-    const filingType = useFilingType(id);
-    return observe(() => (React.createElement("div", { className: "filing-type-header" },
-        React.createElement("div", null, filingType.name),
-        React.createElement(ToolBar, { id: id, showMenu: false },
-            React.createElement(Open, { url: `/filing-types/${id}` }),
-            React.createElement(FilingTypeMenu, { id: id, closeAside: true })))));
-};
-export default FilingTypeHead;
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { useFilingType } from "../../../../../../data/filing-type";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import FilingTypeMenu from "../../controls/FilingTypeMenu";
+import "./index.less";
+const FilingTypeHead = (props) => {
+    const { id } = props;
+    const filingType = useFilingType(id);
+    return observe(() => (React.createElement("div", { className: "filing-type-header" },
+        React.createElement("div", null, filingType.name),
+        React.createElement(ToolBar, { id: id, showMenu: false },
+            React.createElement(Open, { url: `/filing-types/${id}` }),
+            React.createElement(FilingTypeMenu, { id: id, closeAside: true })))));
+};
+export default FilingTypeHead;
 //# sourceMappingURL=index.js.map

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

@@ -1,12 +1,12 @@
-:global {
-	.filing-type-header {
-		font-size: 24px;
-		display: flex;
-		justify-content: space-between;
-		padding: 10px 20px;
-
-		.tools-bar {
-			text-align: right;
-		}
-	}
+:global {
+	.filing-type-header {
+		font-size: 24px;
+		display: flex;
+		justify-content: space-between;
+		padding: 10px 20px;
+
+		.tools-bar {
+			text-align: right;
+		}
+	}
 }

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

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

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

@@ -1,48 +1,48 @@
-import React, { useState } from "react";
-import { useFilingType } from "../../../../../../data/filing-type";
-import { observe } from "@voplus/morpho-ui";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { splitAtUpperCase } from "../../../tools";
-import { ColumnItem, ColumnItemCol } from "@voplus/morpho-ui/es/controls/ColumnItem";
-import FilingTypeMenu from "../../controls/FilingTypeMenu";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import FilingTypeQuickView from "../FilingTypeQuickView";
-import classnames from "classnames";
-import styles from "./index.less";
-const FilingTypeItem = (props) => {
-    const { id, quickView } = props;
-    const filingType = useFilingType(id);
-    const [isHover, setIsHover] = useState(false);
-    const [visibleQuickView, setVisibleQuickView] = useState(false);
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: styles["filing-type-item"], onMouseOver: () => setIsHover(true), onMouseLeave: () => setIsHover(false), onClick: onQuickView },
-            React.createElement(ColumnItem, null,
-                React.createElement(ColumnItemCol, { span: 8 },
-                    React.createElement("div", { className: "filing-type-item-name" }, filingType.name),
-                    React.createElement("div", { className: "filing-type-item-data-info" })),
-                React.createElement(ColumnItemCol, { span: 4, title: "Date Type" },
-                    React.createElement("div", { className: "filing-type-item-data-info" }, splitAtUpperCase(filingType.dateBased))),
-                React.createElement(ColumnItemCol, { span: 4, title: "Frequency" },
-                    React.createElement("div", { className: "filing-type-item-data-info" }, splitAtUpperCase(filingType.frequency))),
-                React.createElement(ColumnItemCol, { span: 4, title: "Date / Offset", align: "center" },
-                    React.createElement("div", { className: "filing-type-item-data-info" }, filingType === null || filingType === void 0 ? void 0 : filingType.monthOffset)),
-                React.createElement(ColumnItemCol, { span: 4, align: "flex-end" },
-                    React.createElement("div", { className: classnames("filing-type-item-tool", {
-                            show: isHover,
-                        }), onClick: (e) => {
-                            e.stopPropagation();
-                            setIsHover(false);
-                        } },
-                        React.createElement(ToolBar, { id: id, showMenu: false },
-                            React.createElement(Open, { url: `/filing-types/${id}` }),
-                            React.createElement(FilingTypeMenu, { id: id, closeAside: true })))))),
-        visibleQuickView && React.createElement(FilingTypeQuickView, { id: id, visible: true, onCancel: onQuickView }))));
-    /** Quick View */
-    function onQuickView() {
-        if (!quickView)
-            return;
-        setVisibleQuickView(!visibleQuickView);
-    }
-};
-export default FilingTypeItem;
+import React, { useState } from "react";
+import { useFilingType } from "../../../../../../data/filing-type";
+import { observe } from "@voplus/morpho-ui";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { splitAtUpperCase } from "../../../tools";
+import { ColumnItem, ColumnItemCol } from "@voplus/morpho-ui/es/controls/ColumnItem";
+import FilingTypeMenu from "../../controls/FilingTypeMenu";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import FilingTypeQuickView from "../FilingTypeQuickView";
+import classnames from "classnames";
+import styles from "./index.less";
+const FilingTypeItem = (props) => {
+    const { id, quickView } = props;
+    const filingType = useFilingType(id);
+    const [isHover, setIsHover] = useState(false);
+    const [visibleQuickView, setVisibleQuickView] = useState(false);
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles["filing-type-item"], onMouseOver: () => setIsHover(true), onMouseLeave: () => setIsHover(false), onClick: onQuickView },
+            React.createElement(ColumnItem, null,
+                React.createElement(ColumnItemCol, { span: 8 },
+                    React.createElement("div", { className: "filing-type-item-name" }, filingType.name),
+                    React.createElement("div", { className: "filing-type-item-data-info" })),
+                React.createElement(ColumnItemCol, { span: 4, title: "Date Type" },
+                    React.createElement("div", { className: "filing-type-item-data-info" }, splitAtUpperCase(filingType.dateBased))),
+                React.createElement(ColumnItemCol, { span: 4, title: "Frequency" },
+                    React.createElement("div", { className: "filing-type-item-data-info" }, splitAtUpperCase(filingType.frequency))),
+                React.createElement(ColumnItemCol, { span: 4, title: "Date / Offset", align: "center" },
+                    React.createElement("div", { className: "filing-type-item-data-info" }, filingType === null || filingType === void 0 ? void 0 : filingType.monthOffset)),
+                React.createElement(ColumnItemCol, { span: 4, align: "flex-end" },
+                    React.createElement("div", { className: classnames("filing-type-item-tool", {
+                            show: isHover,
+                        }), onClick: (e) => {
+                            e.stopPropagation();
+                            setIsHover(false);
+                        } },
+                        React.createElement(ToolBar, { id: id, showMenu: false },
+                            React.createElement(Open, { url: `/filing-types/${id}` }),
+                            React.createElement(FilingTypeMenu, { id: id, closeAside: true })))))),
+        visibleQuickView && React.createElement(FilingTypeQuickView, { id: id, visible: true, onCancel: onQuickView }))));
+    /** Quick View */
+    function onQuickView() {
+        if (!quickView)
+            return;
+        setVisibleQuickView(!visibleQuickView);
+    }
+};
+export default FilingTypeItem;
 //# sourceMappingURL=index.js.map

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

@@ -1,33 +1,33 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-.filing-type-item {
-	cursor: pointer;
-
-	&:hover {
-		background-color: #f5f8fd;
-	}
-
-	:global {
-		.filing-type-item-name {
-			color: #575757;
-			font-weight: 500;
-			word-break: break-all;
-		}
-
-		.filing-type-item-data-info {
-			height: 22px;
-		}
-
-		.filing-type-item-tool {
-			display: none;
-
-			&.show {
-				display: block;
-			}
-		}
-
-		.custom-column-item___yTecf {
-			padding: 10px 20px;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.filing-type-item {
+	cursor: pointer;
+
+	&:hover {
+		background-color: #f5f8fd;
+	}
+
+	:global {
+		.filing-type-item-name {
+			color: #575757;
+			font-weight: 500;
+			word-break: break-all;
+		}
+
+		.filing-type-item-data-info {
+			height: 22px;
+		}
+
+		.filing-type-item-tool {
+			display: none;
+
+			&.show {
+				display: block;
+			}
+		}
+
+		.custom-column-item___yTecf {
+			padding: 10px 20px;
+		}
+	}
+}