@voplus/morpho-workspace 4.0.0 → 4.0.2

package/es/modules/work/work-type/components/RepeatTab/index.less

@@ -1,43 +1,43 @@
-:global {
-    .repeat-tab {}
-
-    .repeat-tab-head {
-        padding: 10px 20px;
-        background: #fff;
-        font-size: 16px;
-        font-weight: 600;
-        border-bottom: 1px solid #f2f2f2;
-    }
-
-    .repeat-tab-content {
-        padding: 10px 20px;
-    }
-
-    .site-calendar-demo-card {
-        width: 300px;
-        border: 1px solid #f0f0f0;
-        border-radius: 2px;
-    }
-
-    .week-content {
-        display: flex;
-        flex-direction: row;
-    }
-
-    .week-content-item {
-        width: 32px;
-        height: 32px;
-        line-height: 32px;
-        list-style: none;
-        padding: 0px;
-        margin-right: 3px;
-        text-align: center;
-        border-radius: 50%;
-        cursor: pointer;
-        // color: #fff;
-        // background: #1890ff;
-        border-color: #1890ff;
-        text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
-        box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
-    }
+:global {
+    .repeat-tab {}
+
+    .repeat-tab-head {
+        padding: 10px 20px;
+        background: #fff;
+        font-size: 16px;
+        font-weight: 600;
+        border-bottom: 1px solid #f2f2f2;
+    }
+
+    .repeat-tab-content {
+        padding: 10px 20px;
+    }
+
+    .site-calendar-demo-card {
+        width: 300px;
+        border: 1px solid #f0f0f0;
+        border-radius: 2px;
+    }
+
+    .week-content {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .week-content-item {
+        width: 32px;
+        height: 32px;
+        line-height: 32px;
+        list-style: none;
+        padding: 0px;
+        margin-right: 3px;
+        text-align: center;
+        border-radius: 50%;
+        cursor: pointer;
+        // color: #fff;
+        // background: #1890ff;
+        border-color: #1890ff;
+        text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
+        box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
+    }
 }

package/es/modules/work/work-type/components/WorkTypeIcon/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import '../../../../workspace/components/WorkspaceIcon/index.less';
-declare const WorkTypeIcon: (props: {
-    id?: string;
-    index?: number;
-    size?: "large" | "middle" | "small";
-    /** WorkType Card 显示选中时的样式 */
-    active?: boolean;
-}) => JSX.Element;
-export default WorkTypeIcon;
+/// <reference types="react" />
+import '../../../../workspace/components/WorkspaceIcon/index.less';
+declare const WorkTypeIcon: (props: {
+    id?: string;
+    index?: number;
+    size?: "large" | "middle" | "small";
+    /** WorkType Card 显示选中时的样式 */
+    active?: boolean;
+}) => JSX.Element;
+export default WorkTypeIcon;

package/es/modules/work/work-type/components/WorkTypeIcon/index.js

@@ -1,18 +1,18 @@
-import React from "react";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { faFileAlt } from "@fortawesome/pro-regular-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { useWorkType } from "../../../../../data/worktype";
-import Card from "@voplus/morpho-ui/es/controls/Card";
-import classnames from "classnames";
-import '../../../../workspace/components/WorkspaceIcon/index.less';
-const WorkTypeIcon = (props) => {
-    const { id, active } = props;
-    const worktype = useWorkType(id, { reload: false });
-    return observe(() => (React.createElement(Card, { className: classnames("diamond-common-style", { active: active }), padding: "15px 12px", shadow: false, hoverShadow: false },
-        React.createElement("div", { className: classnames("diamond-icon"), style: { backgroundColor: "#EE6868" } },
-            React.createElement(FAIcon, { icon: faFileAlt, className: "diamond-icon-fa" })),
-        React.createElement("div", { className: "diamond-name" }, worktype === null || worktype === void 0 ? void 0 : worktype.name))));
-};
-export default WorkTypeIcon;
+import React from "react";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { faFileAlt } from "@fortawesome/pro-regular-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkType } from "../../../../../data/worktype";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import classnames from "classnames";
+import '../../../../workspace/components/WorkspaceIcon/index.less';
+const WorkTypeIcon = (props) => {
+    const { id, active } = props;
+    const worktype = useWorkType(id, { reload: false });
+    return observe(() => (React.createElement(Card, { className: classnames("diamond-common-style", { active: active }), padding: "15px 12px", shadow: false, hoverShadow: false },
+        React.createElement("div", { className: classnames("diamond-icon"), style: { backgroundColor: "#EE6868" } },
+            React.createElement(FAIcon, { icon: faFileAlt, className: "diamond-icon-fa" })),
+        React.createElement("div", { className: "diamond-name" }, worktype === null || worktype === void 0 ? void 0 : worktype.name))));
+};
+export default WorkTypeIcon;
 //# sourceMappingURL=index.js.map

package/es/modules/work/work-type/components/WorkTypeIconList/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { IWorkType } from "../../../../../data/worktype";
-/** A worktype list view shows worktype in card style. */
-declare const WorkTypeIconList: (props: {
-    workspaceId: string;
-    /** item onclick */
-    onItemClick?: ((item: IWorkType) => void) | undefined;
-}) => JSX.Element;
-export default WorkTypeIconList;
+/// <reference types="react" />
+import { IWorkType } from "../../../../../data/worktype";
+/** A worktype list view shows worktype in card style. */
+declare const WorkTypeIconList: (props: {
+    workspaceId: string;
+    /** item onclick */
+    onItemClick?: ((item: IWorkType) => void) | undefined;
+}) => JSX.Element;
+export default WorkTypeIconList;

package/es/modules/work/work-type/components/WorkTypeIconList/index.js

@@ -1,36 +1,36 @@
-import { useWorkTypeListEffect } from "../../../../../data/worktype";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useState } from "react";
-import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
-import WorkTypeCard from "../WorkTypeIcon";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-/** A worktype list view shows worktype in card style. */
-const WorkTypeIconList = (props) => {
-    const [active, setActive] = useState(null);
-    const list = useCreateListDataState({
-        filterDefaults: {
-            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.workspaceId }],
-        },
-    }, [props.workspaceId]);
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkTypeListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useWorkTypeListEffect,使之可以自動更新loading, hasmore. */
-    useWorkTypeListEffect(list, (result) => list.union(result), list.filters.options);
-    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
-        React.createElement("div", { className: styles["worktype-list-view"] },
-            React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore },
-                React.createElement("div", { className: "worktype-list-content" }, list.data.map((i, index) => (React.createElement("div", { key: i.id, onClick: () => onItemClick(i) },
-                    React.createElement(WorkTypeCard, { id: i.id, active: active === i.id, index: index }))))))))));
-    function loadMore() {
-        list.triggerNextPage();
-    }
-    function onItemClick(item) {
-        var _a;
-        setActive(item.id);
-        (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
-    }
-};
-export default WorkTypeIconList;
+import { useWorkTypeListEffect } from "../../../../../data/worktype";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+import WorkTypeCard from "../WorkTypeIcon";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+/** A worktype list view shows worktype in card style. */
+const WorkTypeIconList = (props) => {
+    const [active, setActive] = useState(null);
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.workspaceId }],
+        },
+    }, [props.workspaceId]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkTypeListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useWorkTypeListEffect,使之可以自動更新loading, hasmore. */
+    useWorkTypeListEffect(list, (result) => list.union(result), list.filters.options);
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement("div", { className: styles["worktype-list-view"] },
+            React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore },
+                React.createElement("div", { className: "worktype-list-content" }, list.data.map((i, index) => (React.createElement("div", { key: i.id, onClick: () => onItemClick(i) },
+                    React.createElement(WorkTypeCard, { id: i.id, active: active === i.id, index: index }))))))))));
+    function loadMore() {
+        list.triggerNextPage();
+    }
+    function onItemClick(item) {
+        var _a;
+        setActive(item.id);
+        (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
+    }
+};
+export default WorkTypeIconList;
 //# sourceMappingURL=index.js.map

package/es/modules/work/work-type/components/WorkTypeIconList/index.less

@@ -1,15 +1,15 @@
-.worktype-list-view {
-	height: 100%;
-	padding: 0 12px;
-
-	:global {
-		.worktype-list-content {
-			display: flex;
-			flex-wrap: wrap;
-
-			>div {
-				margin: 8px;
-			}
-		}
-	}
+.worktype-list-view {
+	height: 100%;
+	padding: 0 12px;
+
+	:global {
+		.worktype-list-content {
+			display: flex;
+			flex-wrap: wrap;
+
+			>div {
+				margin: 8px;
+			}
+		}
+	}
 }

package/es/modules/work/work-type/components/WorkTypeItem/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import "./index.less";
-declare const WorkTypeItem: (props: {
-    id: string;
-    /** WorkType Card 显示选中时的样式 */
-    active?: boolean;
-}) => JSX.Element;
-export default WorkTypeItem;
+/// <reference types="react" />
+import "./index.less";
+declare const WorkTypeItem: (props: {
+    id: string;
+    /** WorkType Card 显示选中时的样式 */
+    active?: boolean;
+}) => JSX.Element;
+export default WorkTypeItem;

package/es/modules/work/work-type/components/WorkTypeItem/index.js

@@ -1,28 +1,28 @@
-import React, { useState } from "react";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { observe } from "@voplus/morpho-ui";
-import { useWorkType, useWorkTypeStore } from "../../../../../data/worktype";
-import WorkTypeStatusLabel from "../../controls/WorkTypeStatusLabel";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import WorkTypeMenu from "../../controls/WorkTypeMenu";
-import classnames from "classnames";
-import "./index.less";
-const WorkTypeItem = (props) => {
-    const { id, active } = props;
-    const [hover, setHover] = useState(false);
-    const worktype = useWorkType(id, { reload: false });
-    const store = useWorkTypeStore();
-    return observe(() => (React.createElement("div", { className: classnames("worktype-item", { active: active }), onMouseLeave: () => setHover(false), onMouseOver: () => setHover(true) },
-        React.createElement("div", null, worktype.name),
-        React.createElement(WorkTypeStatusLabel, { className: classnames("work-type-status-label", { hide: hover }), editable: true, status: worktype.status, onChange: (status) => {
-                store.edit(worktype.id, { data: { Status: status }, error: "message" });
-            } }),
-        React.createElement("div", { className: classnames("hover-operate-icon", {
-                show: hover,
-            }) },
-            React.createElement(ToolBar, { id: id, showMenu: false },
-                React.createElement(Open, { size: "middle", url: `/work-types-page/${id}` }),
-                React.createElement(WorkTypeMenu, { id: id, size: "middle", closeAside: true }))))));
-};
-export default WorkTypeItem;
+import React, { useState } from "react";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkType, useWorkTypeStore } from "../../../../../data/worktype";
+import WorkTypeStatusLabel from "../../controls/WorkTypeStatusLabel";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import WorkTypeMenu from "../../controls/WorkTypeMenu";
+import classnames from "classnames";
+import "./index.less";
+const WorkTypeItem = (props) => {
+    const { id, active } = props;
+    const [hover, setHover] = useState(false);
+    const worktype = useWorkType(id, { reload: false });
+    const store = useWorkTypeStore();
+    return observe(() => (React.createElement("div", { className: classnames("worktype-item", { active: active }), onMouseLeave: () => setHover(false), onMouseOver: () => setHover(true) },
+        React.createElement("div", null, worktype.name),
+        React.createElement(WorkTypeStatusLabel, { className: classnames("work-type-status-label", { hide: hover }), editable: true, status: worktype.status, onChange: (status) => {
+                store.edit(worktype.id, { data: { Status: status }, error: "message" });
+            } }),
+        React.createElement("div", { className: classnames("hover-operate-icon", {
+                show: hover,
+            }) },
+            React.createElement(ToolBar, { id: id, showMenu: false },
+                React.createElement(Open, { size: "middle", url: `/work-types-page/${id}` }),
+                React.createElement(WorkTypeMenu, { id: id, size: "middle", closeAside: true }))))));
+};
+export default WorkTypeItem;
 //# sourceMappingURL=index.js.map

package/es/modules/work/work-type/components/WorkTypeItem/index.less

@@ -1,49 +1,49 @@
-:global {
-	.worktype-item {
-		position: relative;
-		color: #000;
-		font-size: 15px;
-		font-weight: 500;
-		word-break: break-all;
-		padding: 20px;
-		display: flex;
-		align-items: center;
-
-		// background: transparent;
-		&:after {
-			position: absolute;
-			content: "";
-			left: 20px;
-			right: 20px;
-			bottom: 0;
-			border-bottom: 1px solid #f2f2f2;
-		}
-
-
-		.work-type-status-label {
-			opacity: 1;
-			transition: opacity 0.3s;
-			flex-shrink: 0;
-			position: absolute;
-			right: 20px;
-
-			&.hide {
-				opacity: 0;
-			}
-		}
-
-		.hover-operate-icon {
-			display: none;
-			position: absolute;
-			right: 20px;
-
-			.ant-btn:first-child {
-				margin-left: 0;
-			}
-
-			&.show {
-				display: block;
-			}
-		}
-	}
+:global {
+	.worktype-item {
+		position: relative;
+		color: #000;
+		font-size: 15px;
+		font-weight: 500;
+		word-break: break-all;
+		padding: 20px;
+		display: flex;
+		align-items: center;
+
+		// background: transparent;
+		&:after {
+			position: absolute;
+			content: "";
+			left: 20px;
+			right: 20px;
+			bottom: 0;
+			border-bottom: 1px solid #f2f2f2;
+		}
+
+
+		.work-type-status-label {
+			opacity: 1;
+			transition: opacity 0.3s;
+			flex-shrink: 0;
+			position: absolute;
+			right: 20px;
+
+			&.hide {
+				opacity: 0;
+			}
+		}
+
+		.hover-operate-icon {
+			display: none;
+			position: absolute;
+			right: 20px;
+
+			.ant-btn:first-child {
+				margin-left: 0;
+			}
+
+			&.show {
+				display: block;
+			}
+		}
+	}
 }

package/es/modules/work/work-type/components/WorkTypeList/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { IWorkType } from "../../../../../data/worktype";
-declare const WorkTypeList: (props: {
-    workspaceId: string;
-    active?: string | undefined;
-    /** item onclick */
-    onClickItem?: ((item: IWorkType) => void) | undefined;
-}) => JSX.Element;
-export default WorkTypeList;
+/// <reference types="react" />
+import { IWorkType } from "../../../../../data/worktype";
+declare const WorkTypeList: (props: {
+    workspaceId: string;
+    active?: string | undefined;
+    /** item onclick */
+    onClickItem?: ((item: IWorkType) => void) | undefined;
+}) => JSX.Element;
+export default WorkTypeList;

package/es/modules/work/work-type/components/WorkTypeList/index.js

@@ -1,50 +1,50 @@
-import { useWorkTypeListEffect } from "../../../../../data/worktype";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useState } from "react";
-import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
-import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
-import NewTypeForm from "../NewTypeForm";
-import WorkTypeItem from "../WorkTypeItem";
-import { WorkTypeStatusFilter } from "../../../../../controls/filters";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useAutoUpdateListData } from "../../../../../data/worktype/worktype-events";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-const WorkTypeList = (props) => {
-    const [activeId, setActiveId] = useState("");
-    const [showAdd, setShowAdd] = useState(false);
-    const list = useCreateListDataState({
-        filterDefaults: {
-            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.workspaceId }],
-        },
-    }, [props.workspaceId]);
-    useAutoUpdateListData(list, (d) => true);
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkTypeListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useWorkTypeListEffect,使之可以自動更新loading, hasmore. */
-    useWorkTypeListEffect(list, (result) => list.union(result), list.filters.options);
-    return observe(() => (React.createElement("div", { className: styles["work-type-list"] },
-        React.createElement(ListDataContext.Provider, { value: list },
-            React.createElement(ListView, { headerProps: {
-                    viewTitle: " ",
-                    sortable: false,
-                    filterViewProps: {
-                        columns: [React.createElement(WorkTypeStatusFilter, { key: "WorkTypeStatusFilter" })],
-                        onFilter,
-                    },
-                    onAdd: () => setShowAdd(true),
-                }, formViewTitle: "Add WorkType", renderItem: ({ item, connectDragSource }) => (React.createElement(React.Fragment, null,
-                    React.createElement(DocumentItemFrame, { key: item.id, frameProps: { active: activeId === item.id }, onClick: () => {
-                            var _a;
-                            setActiveId(item.id);
-                            (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
-                        } },
-                        React.createElement(WorkTypeItem, { id: item.id })))) }),
-            showAdd && (React.createElement(NewTypeForm, { workspaceId: props.workspaceId, onCancel: () => setShowAdd(false), onSave: () => setShowAdd(false) }))))));
-    function onFilter(context) {
-        context.paging.Page = 1;
-        context.filter();
-    }
-};
-export default WorkTypeList;
+import { useWorkTypeListEffect } from "../../../../../data/worktype";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import NewTypeForm from "../NewTypeForm";
+import WorkTypeItem from "../WorkTypeItem";
+import { WorkTypeStatusFilter } from "../../../../../controls/filters";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useAutoUpdateListData } from "../../../../../data/worktype/worktype-events";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const WorkTypeList = (props) => {
+    const [activeId, setActiveId] = useState("");
+    const [showAdd, setShowAdd] = useState(false);
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.workspaceId }],
+        },
+    }, [props.workspaceId]);
+    useAutoUpdateListData(list, (d) => true);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkTypeListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useWorkTypeListEffect,使之可以自動更新loading, hasmore. */
+    useWorkTypeListEffect(list, (result) => list.union(result), list.filters.options);
+    return observe(() => (React.createElement("div", { className: styles["work-type-list"] },
+        React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement(ListView, { headerProps: {
+                    viewTitle: " ",
+                    sortable: false,
+                    filterViewProps: {
+                        columns: [React.createElement(WorkTypeStatusFilter, { key: "WorkTypeStatusFilter" })],
+                        onFilter,
+                    },
+                    onAdd: () => setShowAdd(true),
+                }, formViewTitle: "Add WorkType", renderItem: ({ item, connectDragSource }) => (React.createElement(React.Fragment, null,
+                    React.createElement(DocumentItemFrame, { key: item.id, frameProps: { active: activeId === item.id }, onClick: () => {
+                            var _a;
+                            setActiveId(item.id);
+                            (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
+                        } },
+                        React.createElement(WorkTypeItem, { id: item.id })))) }),
+            showAdd && (React.createElement(NewTypeForm, { workspaceId: props.workspaceId, onCancel: () => setShowAdd(false), onSave: () => setShowAdd(false) }))))));
+    function onFilter(context) {
+        context.paging.Page = 1;
+        context.filter();
+    }
+};
+export default WorkTypeList;
 //# sourceMappingURL=index.js.map

package/es/modules/work/work-type/components/WorkTypeList/index.less

@@ -1,5 +1,5 @@
-.work-type-list {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
+.work-type-list {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
 }

package/es/modules/work/work-type/components/WorkTypeProperties/Properties.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type WorkTypePropertiesName = "Number Format" | "Status" | "Default Folder" | "Documentation" | "Default Due" | "Requester" | "Accepters" | "Default Owner" | "Auto Accept";
-declare const Properties: (props: {
-    id: string;
-    propertiesName: WorkTypePropertiesName;
-}) => JSX.Element;
-export default Properties;
+/// <reference types="react" />
+export declare type WorkTypePropertiesName = "Number Format" | "Status" | "Default Folder" | "Documentation" | "Default Due" | "Requester" | "Accepters" | "Default Owner" | "Auto Accept";
+declare const Properties: (props: {
+    id: string;
+    propertiesName: WorkTypePropertiesName;
+}) => JSX.Element;
+export default Properties;