@voplus/morpho-workspace 4.0.0 → 4.0.1

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;

package/es/modules/work/work-type/components/WorkTypeProperties/Properties.js

@@ -1,64 +1,64 @@
-import { InlineEdit, observe } from "@voplus/morpho-ui";
-import React, { useState } from "react";
-import { useWorkType, useWorkTypeStore } from "../../../../../data/worktype";
-import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
-import DocumentReference from "@voplus/morpho-document/es/controls/DocumentReference";
-import DocumentSelectDialog from "@voplus/morpho-document/es/components/DocumentSelectDialog";
-import { State } from "./state";
-import { Switch } from "antd";
-import WorkTypeStatusLabel from "../../controls/WorkTypeStatusLabel";
-import { runInAction } from "mobx";
-import { useApplicationContext } from "@voplus/morpho-data";
-const Properties = (props) => {
-    const { id, propertiesName } = props;
-    const worktype = useWorkType(id);
-    const store = useWorkTypeStore();
-    const [state] = useState(new State(store));
-    state.update(worktype);
-    const { user } = useApplicationContext();
-    return observe(() => (React.createElement(React.Fragment, null,
-        renderProp(propertiesName),
-        (state.folderEdit || state.documentationEdit) && (React.createElement(DocumentSelectDialog, { multiSelect: false, onCancel: () => state.onCancel(), onSelect: (data) => state.onSelect(data) })))));
-    function renderProp(name) {
-        var _a, _b, _c;
-        switch (name) {
-            case "Number Format":
-                return (React.createElement(InlineEdit, { defaultValue: (_a = worktype.sequence) === null || _a === void 0 ? void 0 : _a.format, content: (v) => {
-                        var _a;
-                        return ((_a = worktype.sequence) === null || _a === void 0 ? void 0 : _a.format) ? (React.createElement("span", null, worktype.sequence.format)) : (React.createElement("span", { className: "add-info-style" }, "Add NumberFormat"));
-                    }, onSave: (value) => { var _a; return state.save(value, (_a = worktype.sequence) === null || _a === void 0 ? void 0 : _a.format, { Sequence: { format: value } }); } }));
-            case "Status":
-                return (React.createElement(WorkTypeStatusLabel, { editable: true, status: worktype.status, onChange: (status) => {
-                        store.edit(worktype.id, { data: { Status: status }, error: "message" });
-                    } }));
-            case "Default Folder":
-                return (React.createElement(InlineEdit, { showEditIcon: true, defaultValue: `&${(_b = state.worktype.defaultFolder) === null || _b === void 0 ? void 0 : _b.name}`, editable: false, content: (v) => {
-                        var _a;
-                        return (React.createElement("div", null, ((_a = state.worktype.defaultFolder) === null || _a === void 0 ? void 0 : _a.id) ? (React.createElement(DocumentReference, { id: state.worktype.defaultFolder.id })) : (React.createElement("span", { className: "add-info-style" }, "Add Default Folder"))));
-                    }, onEditIconClick: () => runInAction(() => (state.folderEdit = true)) }));
-            case "Documentation":
-                return (React.createElement(InlineEdit, { showEditIcon: true, defaultValue: `&${(_c = state.worktype.document) === null || _c === void 0 ? void 0 : _c.name}`, editable: false, content: (v) => {
-                        var _a;
-                        return (React.createElement("div", null, ((_a = state.worktype.document) === null || _a === void 0 ? void 0 : _a.id) ? (React.createElement(DocumentReference, { id: state.worktype.document.id })) : (React.createElement("span", { className: "add-info-style" }, "Add Documentation"))));
-                    }, onEditIconClick: () => runInAction(() => (state.documentationEdit = true)) }));
-            case "Default Due":
-                return (React.createElement(InlineEdit, { defaultValue: worktype.defaultDue, content: (v) => (React.createElement("div", null, (worktype.defaultDue === 0 ? "Same day" : `${worktype.defaultDue} days`) || (React.createElement("span", { className: "add-info-style" }, "Add default due in days")))), onSave: (value) => store.edit(worktype.id, { data: { DefaultDue: value }, error: "message" }) }));
-            case "Requester":
-                return (React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", list: worktype.requester, onChange: (ids) => {
-                        store.edit(worktype.id, { data: { RequesterIds: ids }, error: "message" });
-                    } }));
-            case "Accepters":
-                return (React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", list: worktype.accepters, onChange: (ids) => {
-                        store.edit(worktype.id, { data: { AccepterIds: ids }, error: "message" });
-                    } }));
-            case "Default Owner":
-                return (React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", list: worktype.owners, onChange: (ids) => {
-                        store.edit(worktype.id, { data: { OwnerIds: ids }, error: "message" });
-                    } }));
-            case "Auto Accept":
-                return (React.createElement(Switch, { checked: worktype.autoAccept, onChange: (checked) => store.edit(worktype.id, { data: { AutoAccept: checked }, error: "message" }) }));
-        }
-    }
-};
-export default Properties;
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import React, { useState } from "react";
+import { useWorkType, useWorkTypeStore } from "../../../../../data/worktype";
+import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
+import DocumentReference from "@voplus/morpho-document/es/controls/DocumentReference";
+import DocumentSelectDialog from "@voplus/morpho-document/es/components/DocumentSelectDialog";
+import { State } from "./state";
+import { Switch } from "antd";
+import WorkTypeStatusLabel from "../../controls/WorkTypeStatusLabel";
+import { runInAction } from "mobx";
+import { useApplicationContext } from "@voplus/morpho-data";
+const Properties = (props) => {
+    const { id, propertiesName } = props;
+    const worktype = useWorkType(id);
+    const store = useWorkTypeStore();
+    const [state] = useState(new State(store));
+    state.update(worktype);
+    const { user } = useApplicationContext();
+    return observe(() => (React.createElement(React.Fragment, null,
+        renderProp(propertiesName),
+        (state.folderEdit || state.documentationEdit) && (React.createElement(DocumentSelectDialog, { multiSelect: false, onCancel: () => state.onCancel(), onSelect: (data) => state.onSelect(data) })))));
+    function renderProp(name) {
+        var _a, _b, _c;
+        switch (name) {
+            case "Number Format":
+                return (React.createElement(InlineEdit, { defaultValue: (_a = worktype.sequence) === null || _a === void 0 ? void 0 : _a.format, content: (v) => {
+                        var _a;
+                        return ((_a = worktype.sequence) === null || _a === void 0 ? void 0 : _a.format) ? (React.createElement("span", null, worktype.sequence.format)) : (React.createElement("span", { className: "add-info-style" }, "Add NumberFormat"));
+                    }, onSave: (value) => { var _a; return state.save(value, (_a = worktype.sequence) === null || _a === void 0 ? void 0 : _a.format, { Sequence: { format: value } }); } }));
+            case "Status":
+                return (React.createElement(WorkTypeStatusLabel, { editable: true, status: worktype.status, onChange: (status) => {
+                        store.edit(worktype.id, { data: { Status: status }, error: "message" });
+                    } }));
+            case "Default Folder":
+                return (React.createElement(InlineEdit, { showEditIcon: true, defaultValue: `&${(_b = state.worktype.defaultFolder) === null || _b === void 0 ? void 0 : _b.name}`, editable: false, content: (v) => {
+                        var _a;
+                        return (React.createElement("div", null, ((_a = state.worktype.defaultFolder) === null || _a === void 0 ? void 0 : _a.id) ? (React.createElement(DocumentReference, { id: state.worktype.defaultFolder.id })) : (React.createElement("span", { className: "add-info-style" }, "Add Default Folder"))));
+                    }, onEditIconClick: () => runInAction(() => (state.folderEdit = true)) }));
+            case "Documentation":
+                return (React.createElement(InlineEdit, { showEditIcon: true, defaultValue: `&${(_c = state.worktype.document) === null || _c === void 0 ? void 0 : _c.name}`, editable: false, content: (v) => {
+                        var _a;
+                        return (React.createElement("div", null, ((_a = state.worktype.document) === null || _a === void 0 ? void 0 : _a.id) ? (React.createElement(DocumentReference, { id: state.worktype.document.id })) : (React.createElement("span", { className: "add-info-style" }, "Add Documentation"))));
+                    }, onEditIconClick: () => runInAction(() => (state.documentationEdit = true)) }));
+            case "Default Due":
+                return (React.createElement(InlineEdit, { defaultValue: worktype.defaultDue, content: (v) => (React.createElement("div", null, (worktype.defaultDue === 0 ? "Same day" : `${worktype.defaultDue} days`) || (React.createElement("span", { className: "add-info-style" }, "Add default due in days")))), onSave: (value) => store.edit(worktype.id, { data: { DefaultDue: value }, error: "message" }) }));
+            case "Requester":
+                return (React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", list: worktype.requester, onChange: (ids) => {
+                        store.edit(worktype.id, { data: { RequesterIds: ids }, error: "message" });
+                    } }));
+            case "Accepters":
+                return (React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", list: worktype.accepters, onChange: (ids) => {
+                        store.edit(worktype.id, { data: { AccepterIds: ids }, error: "message" });
+                    } }));
+            case "Default Owner":
+                return (React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", list: worktype.owners, onChange: (ids) => {
+                        store.edit(worktype.id, { data: { OwnerIds: ids }, error: "message" });
+                    } }));
+            case "Auto Accept":
+                return (React.createElement(Switch, { checked: worktype.autoAccept, onChange: (checked) => store.edit(worktype.id, { data: { AutoAccept: checked }, error: "message" }) }));
+        }
+    }
+};
+export default Properties;
 //# sourceMappingURL=Properties.js.map

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

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