@voplus/morpho-workspace 1.3.0 → 1.3.2

package/es/modules/work/components/WorkQATab/index.js

@@ -0,0 +1,33 @@
+import "./index.less";
+import React, { useState } from "react";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import NewWorkErrorDialog from "../NewWorkErrorDialog";
+import { PlusOutlined } from "@ant-design/icons";
+import TaskPropertiesView from "../../../tasks/components/TaskPropertiesView";
+import WorkErrorList from "../WorkErrorList";
+import WorkErrorPropertiesView from "../WorkErrorPropertiesView";
+import WorkTaskList from "../WorkTaskList";
+const WorkQATab = (props) => {
+    const { id } = props;
+    const [visible, setVisible] = useState(false);
+    const asideContext = useAsideContentContext();
+    return observe(() => React.createElement("div", { className: "work-qa-tab" },
+        React.createElement("div", { className: "work-audit-tasks" },
+            React.createElement(WorkTaskList, { parentId: id, Title: "Audit Tasks", onClickItem: onClickWorkTaskItem })),
+        React.createElement("div", { className: "work-errors" },
+            React.createElement("h3", null,
+                "Errors ",
+                React.createElement(PlusOutlined, { onClick: () => setVisible(true) })),
+            React.createElement(WorkErrorList, { id: id, onClickItem: onClickItem })),
+        visible &&
+            React.createElement(NewWorkErrorDialog, { WorkId: id, onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) })));
+    /** work error onclick item  */
+    function onClickItem(id) {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(WorkErrorPropertiesView, { id: id }), { span: 12 });
+    }
+    function onClickWorkTaskItem(id) {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(TaskPropertiesView, { id: id }), { span: 12 });
+    }
+};
+export default WorkQATab;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkQATab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkQATab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,kBAAkB,MAAM,8CAA8C,CAAC;AAC9E,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,6BAAK,SAAS,EAAC,aAAa;QACxB,6BAAK,SAAS,EAAC,kBAAkB;YAC7B,oBAAC,YAAY,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,aAAa,EACnB,WAAW,EAAE,mBAAmB,GAClC,CACA;QACN,6BAAK,SAAS,EAAC,aAAa;YACxB;;gBAAW,oBAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,GAAI,CAAK;YACjE,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,GAAI,CACjD;QACL,OAAO;YACJ,oBAAC,kBAAkB,IACf,MAAM,EAAE,EAAE,EACV,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GACvC,CAEJ,CACT,CAAA;IAED,+BAA+B;IAC/B,SAAS,WAAW,CAAC,EAAU;QAC3B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CACnB,oBAAC,uBAAuB,IAAC,EAAE,EAAE,EAAE,GAAI,EACnC,EAAE,IAAI,EAAE,EAAE,EAAE,CACf,CAAC;IACN,CAAC;IAED,SAAS,mBAAmB,CAAC,EAAU;QACnC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CACnB,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,EAC9B,EAAE,IAAI,EAAE,EAAE,EAAE,CACf,CAAC;IACN,CAAC;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAC"}

package/es/modules/work/components/WorkQATab/index.less

@@ -0,0 +1,24 @@
+:global {
+	.work-qa-tab {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.work-audit-tasks,
+		.work-errors {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+		}
+		h3 {
+			padding: 10px 20px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-bottom: 0;
+			.anticon-plus {
+				color: #1ea7fd;
+				cursor: pointer;
+			}
+		}
+	}
+}

package/es/modules/work/components/WorkTabs/index.d.ts

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

package/es/modules/work/components/WorkTabs/index.js

@@ -0,0 +1,45 @@
+import "./index.less";
+import { Badge, Tabs } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import ActivityLog from "@voplus/morpho-document/es/components/ActivityLog/ActivityLog2";
+import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
+import WorkQATab from "../WorkQATab";
+import WorkTasksTab from "../WorkTasksTab";
+import WorksProperties from "../WorksProperties";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useTaskListEffect } from "../../../../data/task";
+const WorkTabs = (props) => {
+    const { id, propertie } = props;
+    const { user } = useApplicationContext();
+    /**Tabs 当前激活 tab 面板的 key */
+    const [activeKey, setActiveKey] = useState(propertie ? "Properties" : "Activities");
+    const [taskTotals, setTaskTotals] = useState(0);
+    useEffect(() => {
+        setActiveKey(propertie ? "Properties" : "Activities");
+    }, [props.id]);
+    useTaskListEffect(null, (result, total) => setTaskTotals(total || 0), {
+        Total: true, List: false,
+        Filters: [
+            { c: "ParentNodeId", o: "=", l: "And", v1: id },
+            { c: "Members", o: "contains", l: "And", v1: JSON.stringify([user.info.unit.id]) }
+        ],
+    });
+    return observe(() => (React.createElement(Tabs, { activeKey: activeKey, className: "work-tabs", onChange: onChange },
+        propertie &&
+            React.createElement(Tabs.TabPane, { tab: "Properties", key: "Properties" }, activeKey === "Properties" && React.createElement(WorksProperties, { id: id })),
+        React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" }, activeKey === "Activities" && React.createElement(ActivityLog, { id: id })),
+        React.createElement(Tabs.TabPane, { tab: React.createElement(React.Fragment, null,
+                "Tasks",
+                React.createElement(Badge, { count: taskTotals, className: "site-badge-count" })), key: "Tasks" }, activeKey === "Tasks" && (React.createElement(WorkTasksTab, { id: id }))),
+        React.createElement(Tabs.TabPane, { tab: React.createElement(React.Fragment, null,
+                "Documents",
+                React.createElement(Badge, { count: 2, className: "site-badge-count" })), key: "Documents" }, activeKey === "Documents" && (React.createElement(DocumentList, { id: id, multiple: true }))),
+        React.createElement(Tabs.TabPane, { tab: "QA", key: "QA" }, activeKey === "QA" && React.createElement(WorkQATab, { id: id })))));
+    /**切换面板的回调*/
+    function onChange(activeKey) {
+        setActiveKey(activeKey);
+    }
+};
+export default WorkTabs;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkTabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTabs/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/work/components/WorkTabs/index.less

@@ -0,0 +1,16 @@
+:global {
+	.work-tabs {
+		height: 100%;
+		.ant-tabs-nav-wrap {
+			padding-left: 20px;
+		}
+		.site-badge-count {
+			margin-left: 10px;
+			.ant-badge-count {
+				color: #999;
+				background-color: #fff;
+				box-shadow: 0 0 0 1px #d9d9d9 inset;
+			}
+		}
+	}
+}

package/es/modules/work/components/WorkTaskList/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./index.less";
+import { WorkTaskListProps } from "./state";
+declare const WorkTaskList: (props: WorkTaskListProps) => JSX.Element;
+export default WorkTaskList;

package/es/modules/work/components/WorkTaskList/index.js

@@ -0,0 +1,65 @@
+import "./index.less";
+import { useApplicationContext, useDeepMemo } from "@voplus/morpho-data";
+import { useTaskListEffect } from "../../../../data/task";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useEffect } from "react";
+import { State } from "./state";
+import { observe, useRenderOnChange } from "@voplus/morpho-ui";
+import { useAutoUpdateListData, useDocumentStore, } from "@voplus/morpho-document-core";
+import DefaultTaskItem from "../../../tasks/components/TaskItem/DefaultTaskItem";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import NewTaskForm from "../../../tasks/components/NewTaskForm";
+import { PlusOutlined } from "@ant-design/icons";
+import classnames from "classnames";
+const WorkTaskList = (props) => {
+    const documents = useDocumentStore();
+    const { user } = useApplicationContext();
+    const state = useDeepMemo(() => new State(), [props.parentId]);
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: filters()
+        },
+    }, []);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.parentId === props.parentId && d.type === "Task");
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useTaskListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useTaskListEffect,使之可以自動更新loading, hasmore. */
+    useTaskListEffect(list, (result) => list.union(result), list.filters.options);
+    useEffect(() => {
+        state.clearAdd();
+    }, [props.parentId]);
+    return observe(() => (
+    /** 建立新ListView所需Context. */
+    React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement("div", { className: classnames("work-task-list", props.className) },
+            React.createElement("h3", { className: "work-task-header" },
+                props.Title,
+                React.createElement(PlusOutlined, { onClick: () => state.addAble = !state.addAble })),
+            React.createElement(ListView, { renderId: props.parentId, headerProps: {
+                    visible: false,
+                }, moveAfter: moveAfter, renderItem: ({ item, connectDragSource, multiple }) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: {
+                        hoverEffect: "background",
+                        hoverBackgroundProps: { color: "#f2f2f2" },
+                        style: { border: "none", flex: "1" },
+                    }, onClick: () => { var _a; return (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item.id); } },
+                    React.createElement(DefaultTaskItem, { id: item.id, connectDragSource: connectDragSource }))) }),
+            state.addAble && (React.createElement(NewTaskForm, { simple: true, parentId: props.parentId, block: true, onSave: () => {
+                    state.clearAdd();
+                }, onCancel: () => state.clearAdd() }))))));
+    function filters() {
+        if (!props.roles)
+            return [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }];
+        return [
+            { c: "ParentNodeId", o: "=", l: "And", v1: props.parentId },
+            { c: "Members", o: "contains", l: "And", v1: JSON.stringify([user.info.unit.id]) }
+        ];
+    }
+    async function moveAfter(id, afterId) {
+        await documents.moveAfter(id, afterId);
+    }
+};
+export default WorkTaskList;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkTaskList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTaskList/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/work/components/WorkTaskList/index.less

@@ -0,0 +1,18 @@
+:global {
+	.work-task-list {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+		.work-task-header {
+			padding: 10px 20px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-bottom: 0;
+			.anticon-plus {
+				color: #1ea7fd;
+				cursor: pointer;
+			}
+		}
+	}
+}

package/es/modules/work/components/WorkTaskList/state.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+export declare type WorkTaskListProps = {
+    parentId: string;
+    className?: string;
+    Title?: ReactNode;
+    /** roles filter */
+    roles?: boolean;
+    onClickItem?: (id: string) => void;
+};
+export declare class State {
+    addAble: boolean;
+    constructor();
+    clearAdd(): void;
+}

package/es/modules/work/components/WorkTaskList/state.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "addAble", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    clearAdd() {
+        this.addAble = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "addAble", void 0);
+__decorate([
+    action
+], State.prototype, "clearAdd", null);
+//# sourceMappingURL=state.js.map

package/es/modules/work/components/WorkTaskList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTaskList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAY1D,MAAM,OAAO,KAAK;IAGjB;QAFY;;;;mBAAiB,KAAK;WAAC;QAGlC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAGM,QAAQ;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;CACD;AAVY;IAAX,UAAU;sCAAwB;AAOnC;IADC,MAAM;qCAGN"}

package/es/modules/work/components/WorkTasksTab/index.d.ts

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

package/es/modules/work/components/WorkTasksTab/index.js

@@ -0,0 +1,17 @@
+import "./index.less";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import React from "react";
+import TaskPropertiesView from "../../../tasks/components/TaskPropertiesView";
+import WorkTaskList from "../WorkTaskList";
+const WorkTasksTab = (props) => {
+    const { id } = props;
+    const asideContext = useAsideContentContext();
+    return observe(() => React.createElement("div", { className: "work-tasks-tab" },
+        React.createElement(WorkTaskList, { parentId: id, Title: "My Tasks", roles: true, onClickItem: onClickItem }),
+        React.createElement(WorkTaskList, { parentId: id, Title: "All Tasks", onClickItem: onClickItem })));
+    function onClickItem(id) {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(TaskPropertiesView, { id: id }), { span: 12 });
+    }
+};
+export default WorkTasksTab;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkTasksTab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTasksTab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,8CAA8C,CAAC;AAC9E,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC5C,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAG9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,6BAAK,SAAS,EAAC,gBAAgB;QAC3B,oBAAC,YAAY,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,UAAU,EAChB,KAAK,QACL,WAAW,EAAE,WAAW,GAC1B;QACF,oBAAC,YAAY,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,WAAW,EACjB,WAAW,EAAE,WAAW,GAC1B,CACA,CACT,CAAA;IAED,SAAS,WAAW,CAAC,EAAU;QAC3B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CACnB,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,EAC9B,EAAE,IAAI,EAAE,EAAE,EAAE,CACf,CAAC;IACN,CAAC;AACL,CAAC,CAAA;AAED,eAAe,YAAY,CAAC"}

package/es/modules/work/components/WorkTasksTab/index.less

@@ -0,0 +1,7 @@
+:global {
+	.work-tasks-tab {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+}

package/es/modules/work/components/WorksProperties/index.d.ts

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

package/es/modules/work/components/WorksProperties/index.js

@@ -0,0 +1,27 @@
+import "./index.less";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import { Form } from "@voplus/antd";
+import React from "react";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useWork } from "../../../../data/work";
+const WorksProperties = (props) => {
+    const work = useWork(props.id);
+    const { user } = useApplicationContext();
+    const noData = (React.createElement("span", { className: "no-data" }, "no data"));
+    return observe(() => {
+        var _a;
+        return (React.createElement("div", { className: "work-roperties" },
+            React.createElement(Form, { labelAlign: "left", labelCol: { span: 8 }, scrollToFirstError: true },
+                React.createElement(Form.Item, { label: "No" }, work.no || noData),
+                React.createElement(Form.Item, { label: "Type" }, work.type || noData),
+                React.createElement(Form.Item, { label: "Status" }, work.status || noData),
+                React.createElement(Form.Item, { label: "Folder" }, ((_a = work.folder) === null || _a === void 0 ? void 0 : _a.name) || noData),
+                React.createElement(Form.Item, { label: "Due" }, work.due ? moment(work.due).format("DD MMM yyyy") : noData),
+                React.createElement(Form.Item, { label: "Owner" },
+                    React.createElement(AvatarList, { editable: false })))));
+    });
+};
+export default WorksProperties;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorksProperties/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorksProperties/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,UAAU,MAAM,kDAAkD,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAE/B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,CAAC,8BAAM,SAAS,EAAC,SAAS,cAAe,CAAC,CAAC;IAE1D,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACjB,6BAAK,SAAS,EAAC,gBAAgB;YAC3B,oBAAC,IAAI,IACD,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACrB,kBAAkB;gBAElB,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,IAAI,IAChB,IAAI,CAAC,EAAE,IAAI,MAAM,CACV;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,IAClB,IAAI,CAAC,IAAI,IAAI,MAAM,CACZ;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IACpB,IAAI,CAAC,MAAM,IAAI,MAAM,CACd;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IACpB,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,KAAI,MAAM,CACpB;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,IACjB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CACnD;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO;oBACpB,oBAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,GAAI,CACvB,CACT,CACL,CACT,CAAA;KAAA,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/modules/work/components/WorksProperties/index.less

@@ -0,0 +1,8 @@
+:global {
+	.work-roperties {
+		padding: 20px;
+		.no-data {
+			color: #00000040;
+		}
+	}
+}

package/es/modules/work/pages/WorkDefaultView/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorkDefaultView: () => JSX.Element;
+export default WorkDefaultView;

package/es/modules/work/pages/WorkDefaultView/index.js

@@ -0,0 +1,26 @@
+import "./index.less";
+import React, { useState } from "react";
+import { TabItemContext, TabItemStore } from "@voplus/morpho-data";
+import { useRouteMatch } from "react-router";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import WorkTabs from "../../components/WorkTabs";
+import WorksProperties from "../../components/WorksProperties";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkStore } from "../../../../data/work";
+const WorkDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const store = new TabItemStore({ url: "" });
+    const [asideContext] = useState(AsideContent.createContext());
+    const workStore = useWorkStore();
+    return observe(() => React.createElement(TabItemContext.Provider, { value: store },
+        React.createElement(MainContent, { className: "work-default-view" },
+            React.createElement(MainContent.Nav, { collapsible: true },
+                React.createElement(WorksProperties, { id: id })),
+            React.createElement("div", { className: "work-context" },
+                React.createElement(AsideContent, { context: asideContext },
+                    React.createElement(WorkTabs, { id: id }))))));
+};
+export default WorkDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/work/pages/WorkDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/pages/WorkDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,WAAW,MAAM,oDAAoD,CAAC;AAC7E,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,eAAe,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,MAAM,eAAe,GAAG,GAAG,EAAE;IACzB,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAE3B,MAAM,KAAK,GAAG,IAAI,YAAY,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAE9D,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACjC,oBAAC,WAAW,IAAC,SAAS,EAAC,mBAAmB;YACtC,oBAAC,WAAW,CAAC,GAAG,IAAC,WAAW;gBACxB,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,GAAI,CACb;YAClB,6BAAK,SAAS,EAAC,cAAc;gBAIzB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;oBAC/B,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,GAAI,CACT,CACb,CACI,CACQ,CAC7B,CAAA;AACL,CAAC,CAAA;AAED,eAAe,eAAe,CAAC"}

package/es/modules/work/pages/WorkDefaultView/index.less

@@ -0,0 +1,17 @@
+:global {
+	.work-default-view {
+		.main-content-nav {
+			width: 250px;
+			box-shadow: 6px 0 16px -8px rgb(0 0 0 / 8%), 9px 0 28px 0 rgb(0 0 0 / 5%),
+				12px 0 48px 16px rgb(0 0 0 / 3%) !important;
+		}
+		.work-context {
+			display: flex;
+			padding: 0;
+			background: #ffffff;
+			> div {
+				flex: 1;
+			}
+		}
+	}
+}

package/es/modules/work/pages/WorkListPage/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { State } from "../../../workspace/pages/WorkspacePage/state";
+declare const WorkListPage: (props: {
+    state: State;
+}) => JSX.Element;
+export default WorkListPage;

package/es/modules/work/pages/WorkListPage/index.js

@@ -0,0 +1,19 @@
+import { generatePath, useRouteMatch } from "react-router";
+import React from "react";
+import WorkList from "../../components/WorkList";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useLayout } from "@voplus/morpho-data";
+const WorkListPage = (props) => {
+    const match = useRouteMatch();
+    const layout = useLayout();
+    return observe(() => React.createElement(WorkList, { status: match.params.status, active: match.params.active, onClickItem: (item) => {
+            layout.history.push(generatePath(match.path, { status: match.params.status, active: item.id }));
+        }, onTotal: (total) => {
+            runInAction(() => {
+                props.state.workStatusTotals[match.params.status] = total;
+            });
+        } }));
+};
+export default WorkListPage;
+//# sourceMappingURL=index.js.map

package/es/modules/work/pages/WorkListPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/pages/WorkListPage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,aAAa,EAAuC,CAAC;IACnE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAG3B,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,oBAAC,QAAQ,IACR,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC3B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC3B,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,CAAC,OAAO,CAAC,IAAI,CAClB,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAC1E,CAAC;QACH,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,WAAW,CAAC,GAAG,EAAE;gBAChB,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;YAC3D,CAAC,CAAC,CAAC;QACJ,CAAC,GACA,CACF,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/modules/workspace/components/MyWorkspaces/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import "./index.less";
+import { IWorkspace } from "../../../../data/workspace";
+declare const MyWorkspaces: (props: {
+    parentId?: string | undefined;
+    /** The current active item */
+    active?: string | undefined;
+    /** Call back when an item has been clicked on the list. */
+    onClickItem?: ((item: IWorkspace) => void) | undefined;
+}) => JSX.Element;
+export default MyWorkspaces;

package/es/modules/workspace/components/MyWorkspaces/index.js

@@ -0,0 +1,34 @@
+import "./index.less";
+import React, { useState } from "react";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import NewWorkspaceDialog from "../NewWorkspaceDialog";
+import { Typography } from "@voplus/antd";
+import WorkspaceCardList from "../WorkspaceCardList";
+import WorkspacePropertiesView from "../WorkspacePropertiesView";
+import { observe } from "@voplus/morpho-ui";
+const { Title } = Typography;
+const MyWorkspaces = (props) => {
+    const [asideContext] = useState(AsideContent.createContext());
+    const [visible, setVisible] = useState(false);
+    return observe(() => (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: "my-workSpaces" },
+            React.createElement("div", { className: "workspace-list" },
+                React.createElement(Title, { level: 3 }, "My WorkSpaces"),
+                React.createElement(WorkspaceCardList, { roles: true, addCard: true, onItemClick: onItemClick })),
+            React.createElement("div", { className: "workspace-list" },
+                React.createElement(Title, { level: 3 }, "Worksapce I have access"),
+                React.createElement(WorkspaceCardList, { onItemClick: onItemClick })),
+            visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) }))))));
+    function onItemClick(item) {
+        var _a;
+        if (item.id !== "0") {
+            asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
+        }
+        else {
+            setVisible(true);
+        }
+        (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
+    }
+};
+export default MyWorkspaces;
+//# sourceMappingURL=index.js.map

package/es/modules/workspace/components/MyWorkspaces/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/MyWorkspaces/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAE/E,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;AAE7B,MAAM,YAAY,GAAG,CAAC,KAMrB,EAAE,EAAE;IACJ,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;QAClC,6BAAK,SAAS,EAAC,eAAe;YAC7B,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,KAAK,IAAC,KAAK,EAAE,CAAC,oBAAuB;gBACtC,oBAAC,iBAAiB,IAAC,KAAK,QAAC,OAAO,QAAC,WAAW,EAAE,WAAW,GAAI,CACxD;YACN,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,KAAK,IAAC,KAAK,EAAE,CAAC,8BAAiC;gBAChD,oBAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW,GAAI,CAC1C;YACL,OAAO,IAAI,CACX,oBAAC,kBAAkB,IAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GACpC,CACF,CACI,CACQ,CACf,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,IAAgB;;QACpC,IAAI,IAAI,CAAC,EAAE,KAAK,GAAG,EAAE;YACpB,YAAY,CAAC,SAAS,CAAC,oBAAC,uBAAuB,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;SAC/E;aAAM;YACN,UAAU,CAAC,IAAI,CAAC,CAAC;SACjB;QACD,MAAA,KAAK,CAAC,WAAW,+CAAjB,KAAK,EAAe,IAAI,CAAC,CAAC;IAC3B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/modules/workspace/components/MyWorkspaces/index.less

@@ -0,0 +1,18 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+
+:global {
+	.my-workSpaces {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.workspace-list {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+		}
+		h3 {
+			padding: 10px 20px;
+			margin: 0;
+		}
+	}
+}

package/es/modules/workspace/components/NewWorkspaceDialog/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./index.less";
+declare const NewWorkspaceDialog: (props: {
+    parentId?: string | undefined;
+    className?: string | undefined;
+    showView?: boolean | undefined;
+    onSubmitSave?: ((params?: any) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+}) => JSX.Element;
+export default NewWorkspaceDialog;

package/es/modules/workspace/components/NewWorkspaceDialog/index.js

@@ -0,0 +1,59 @@
+import "./index.less";
+import { Button, Form, Input, Row, Space, message, } from "@voplus/antd";
+import React, { useState } from "react";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import Modal from "@voplus/morpho-ui/es/components/Modal";
+import { State } from "./state";
+import WorkspacePropertiesView from "../WorkspacePropertiesView";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import { useWorkspaceStore } from "../../../../data/workspace";
+const NewWorkspaceDialog = (props) => {
+    const workspaces = useWorkspaceStore();
+    const [state] = useState(new State());
+    const { user } = useApplicationContext();
+    const asideContext = useAsideContentContext();
+    return observe(() => (React.createElement(Modal, { title: "New WorkSpace", visible: true, destroyOnClose: true, closable: false, footer: null, onCancel: props.onCancel },
+        React.createElement("div", { className: classnames("new-workspace-form", props.className) },
+            React.createElement(Form, { layout: "vertical" },
+                React.createElement(React.Fragment, null,
+                    React.createElement(Form.Item, { label: "Title for your workspaces" },
+                        React.createElement(Input, { autoFocus: true, value: state.params.Name, onChange: (e) => runInAction(() => (state.params.Name = e.target.value)) })),
+                    React.createElement(Form.Item, { label: "Members" },
+                        React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", onChange: (contacts) => (state.params.MemberIds = contacts.map(({ id }) => id)) })),
+                    React.createElement(Form.Item, null,
+                        React.createElement(Row, { justify: "end" },
+                            React.createElement(Space, null,
+                                React.createElement(Button, { onClick: onCancel }, "Cancel"),
+                                React.createElement(Button, { type: "primary", loading: !!state.loading, onClick: onSubmit }, "Submit"))))))))));
+    async function onSubmit() {
+        if (!state.params.Name)
+            return message.warning("Title is required");
+        runInAction(() => (state.loading = true));
+        const res = await workspaces.create({
+            data: { ...state.params, ParentId: props.parentId },
+            error: "message",
+        });
+        runInAction(() => {
+            state.loading = false;
+            state.params = state.Params;
+        });
+        if (props.onSubmitSave)
+            props.onSubmitSave(state.params);
+        if (props.showView)
+            return asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: res.id }), { span: 12 });
+    }
+    // cancel add workspaces
+    function onCancel() {
+        state.params = state.Params;
+        if (props.showView)
+            return asideContext.closeAside();
+        if (props.onCancel)
+            props.onCancel();
+    }
+};
+export default NewWorkspaceDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/workspace/components/NewWorkspaceDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/NewWorkspaceDialog/index.tsx"],"names":[],"mappings":"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"}