@voplus/morpho-workspace 1.0.0-dev01

package/es/modules/tasks/components/NewTaskForm/index.js

@@ -0,0 +1,107 @@
+import React, { useState, forwardRef, useImperativeHandle } from "react";
+import classnames from "classnames";
+import { Form, Input, DatePicker, Button, Upload, message, Row, Checkbox } from "@voplus/antd";
+import { faListAlt, faPlus } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { ContactSelect } from "@voplus/morpho-org";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import styles from "./index.less";
+import { useSort } from "../../../../data/contexts/SortContext";
+import { useTaskStore } from "../../../../data/task";
+import { State } from "./state";
+import moment from "moment";
+import { useObserver } from "mobx-react-lite";
+export default forwardRef((props, ref) => {
+    const sortStore = useSort();
+    const tasks = useTaskStore();
+    const [state] = useState(new State({ parentId: props.parentId, simple: !!props.simple }));
+    const [checkAll, setCheckAll] = useState(false);
+    useImperativeHandle(ref, () => ({
+        onAddSubTask: onAddSubTask
+    }));
+    // multiple new task
+    const onAddSubTask = () => {
+        state.list = [...(state.list || []), state.Params];
+    };
+    const onShowMore = (index) => {
+        state.showMore = state.operateIndex === index ? !state.showMore : true;
+        state.operateIndex = index;
+    };
+    // save new task
+    const onSubmit = async (params, index) => {
+        if (!params.Name)
+            return message.warning("Title is required");
+        state.loading = true;
+        const res = await tasks.create({ ParentId: props.parentId, ...params });
+        state.loading = false;
+        // clear
+        props.simple ? state.list.splice(index, 1) : (state.list = [state.Params]);
+        state.showMore = false;
+        props.onDisplayView && asideContext.openAside(props.onDisplayView(res.id), { span: 12 });
+    };
+    // cancel add task
+    const onCancelAdd = (index, e) => {
+        if (e.keyCode === 27 && !state.showMore)
+            state.list.splice(index, 1);
+    };
+    const disabledStartDate = (StartDate, item) => {
+        const { DueDate } = item;
+        if (!StartDate || !DueDate) {
+            return false;
+        }
+        return +moment(StartDate) > +moment(DueDate);
+    };
+    const disabledEndDate = (DueDate, item) => {
+        const { StartDate } = item;
+        if (!DueDate || !StartDate) {
+            return false;
+        }
+        return +moment(DueDate) <= +moment(StartDate);
+    };
+    const asideContext = useAsideContentContext();
+    return useObserver(() => (React.createElement("div", { className: classnames(styles["new-task-form"], props.className) },
+        state.list &&
+            state.list.map((item, index) => (React.createElement(Form, { key: index },
+                React.createElement(Form.Item, null,
+                    React.createElement("div", { className: "form-item-layout" },
+                        React.createElement(Input, { autoFocus: true, value: item.Name, placeholder: "Enter a title for this task", onChange: e => (item.Name = e.target.value), onPressEnter: e => !state.showMore && onSubmit(item, index), onKeyDown: e => onCancelAdd(index, e) }),
+                        props.simple && (React.createElement("span", { className: classnames("detailed", {
+                                "detailed-checked": state.showMore && state.operateIndex === index
+                            }), onClick: () => onShowMore(index) },
+                            React.createElement(FAIcon, { icon: faListAlt }))))),
+                ((state.showMore && state.operateIndex === index) || !props.simple) && (React.createElement(React.Fragment, null,
+                    React.createElement(Form.Item, null,
+                        React.createElement(Input.TextArea, { value: item.Description, rows: 3, placeholder: "Description", onChange: e => (item.Description = e.target.value) })),
+                    props.parentId && (React.createElement(Form.Item, null,
+                        React.createElement(Checkbox, { value: checkAll, onChange: e => setCheckAll(e.target.checked) }, "Add main task members to the sub task"))),
+                    React.createElement(Form.Item, null,
+                        React.createElement("div", { className: "form-item-layout" },
+                            React.createElement("div", null,
+                                React.createElement("div", { className: "form-label" }, "Assign people"),
+                                React.createElement(ContactSelect, { multiple: true, onChange: (contacts) => (item.MemberIds = contacts.map(({ id }) => id)) })),
+                            React.createElement("div", { className: styles["margin-left-30"] },
+                                React.createElement("div", { className: "form-label" }, "Assign Manager"),
+                                React.createElement(ContactSelect, { onChange: (contacts) => (item.ManagerIds = contacts.map(({ id }) => id)) })))),
+                    React.createElement(Form.Item, null,
+                        React.createElement("div", { className: "form-item-layout" },
+                            React.createElement("div", null,
+                                React.createElement("div", { className: "form-label" }, "Start"),
+                                React.createElement(DatePicker, { value: item.StartDate, disabledDate: value => disabledStartDate(value, item), onChange: value => (item.StartDate = value) })),
+                            React.createElement("div", { className: styles["margin-left-30"] },
+                                React.createElement("div", { className: "form-label" }, "Due"),
+                                React.createElement(DatePicker, { value: item.DueDate, disabledDate: value => disabledEndDate(value, item), onChange: value => (item.DueDate = value) })))),
+                    React.createElement(Form.Item, null,
+                        React.createElement(Upload.Dragger, { name: "files", action: "/upload.do" },
+                            React.createElement("div", null, "Drag & Drop files here"))),
+                    React.createElement(Form.Item, null,
+                        React.createElement(Row, { type: "flex", justify: "end", className: styles["margin-top-10"] },
+                            React.createElement(Button, { type: "danger", ghost: true, onClick: () => props.simple ? (state.showMore = false) : asideContext.closeAside() }, "Cancel"),
+                            React.createElement(Button, { type: "primary", loading: !!state.loading, className: styles["margin-left-20"], onClick: () => onSubmit(item, index) }, "Submit")))))))),
+        props.simple && (React.createElement(React.Fragment, null, props.block ? (React.createElement("div", { className: "add-block-btn" })) : (
+        // meeting agenda add task
+        React.createElement("div", { className: "add-link-btn" },
+            React.createElement(Button, { type: "link", disabled: !!state.loading || state.list.length > 9, onClick: onAddSubTask },
+                React.createElement(FAIcon, { icon: faPlus, className: styles["margin-right-10"] }),
+                " Add"))))))));
+});
+//# sourceMappingURL=index.js.map

package/es/modules/tasks/components/NewTaskForm/index.js.map

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

package/es/modules/tasks/components/NewTaskForm/index.less

@@ -0,0 +1,43 @@
+@import "../../../../styles/common.less";
+@import "~@voplus/antd/es/style/themes/default.less";
+.new-task-form {
+	:global {
+		.form-item-layout {
+			display: flex;
+			align-items: center;
+			font-size: 13px;
+			.detailed {
+				font-size: 22px;
+				margin-left: 10px;
+				cursor: pointer;
+			}
+			.detailed-checked {
+				color: @primary-color;
+			}
+			> div {
+				flex: 1;
+				.form-label {
+					line-height: 24px;
+				}
+				.ant-calendar-picker {
+					width: 100%;
+				}
+			}
+		}
+		.add-block-btn {
+			padding: 10px 50px;
+			.ant-btn {
+				color: #333;
+			}
+		}
+		.add-link-btn {
+			padding: 0 10px;
+			.ant-btn-link {
+				color: #333;
+			}
+		}
+		.ant-form-item {
+			margin-bottom: 10px;
+		}
+	}
+}

package/es/modules/tasks/components/NewTaskForm/state.d.ts

@@ -0,0 +1,16 @@
+export declare class State {
+    private _store;
+    constructor(_store: any);
+    Params: {
+        Name: string;
+        Description: string;
+        StartDate: undefined;
+        DueDate: undefined;
+        ManagerIds: never[];
+        MemberIds: never[];
+    };
+    list: any[];
+    showMore: Boolean;
+    operateIndex: number;
+    loading: Boolean;
+}

package/es/modules/tasks/components/NewTaskForm/state.js

@@ -0,0 +1,33 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+// export type newTaskFormProps = { parentId?: string; simple?: Boolean };
+export class State {
+    constructor(_store) {
+        this._store = _store;
+        this.Params = {
+            Name: "",
+            Description: "",
+            StartDate: undefined,
+            DueDate: undefined,
+            ManagerIds: [],
+            MemberIds: []
+        };
+        this.list = this._store.simple ? [] : [this.Params];
+        this.showMore = false;
+        this.operateIndex = -1;
+        this.loading = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "list", void 0);
+__decorate([
+    observable
+], State.prototype, "showMore", void 0);
+__decorate([
+    observable
+], State.prototype, "operateIndex", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/tasks/components/NewTaskForm/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/NewTaskForm/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,0EAA0E;AAC1E,MAAM,OAAO,KAAK;IACjB,YAA2B,MAAW;QAAX,WAAM,GAAN,MAAM,CAAK;QAC/B,WAAM,GAAG;YACf,IAAI,EAAE,EAAE;YACR,WAAW,EAAE,EAAE;YACf,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,EAAE;YACd,SAAS,EAAE,EAAE;SACb,CAAC;QACU,SAAI,GAAU,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtD,aAAQ,GAAY,KAAK,CAAC;QAC1B,iBAAY,GAAW,CAAC,CAAC,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;IAZI,CAAC;CAa1C;AAJY;IAAX,UAAU;mCAAuD;AACtD;IAAX,UAAU;uCAA2B;AAC1B;IAAX,UAAU;2CAA2B;AAC1B;IAAX,UAAU;sCAA0B"}

package/es/modules/tasks/components/SubTaskList/index.d.ts

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

package/es/modules/tasks/components/SubTaskList/index.js

@@ -0,0 +1,91 @@
+import React, { useState, useEffect, createRef } from "react";
+import classnames from "classnames";
+import { Row, Tooltip, Checkbox } from "@voplus/antd";
+import { faPlus, faExpandArrows } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import PageListView from "../../../../components/PageListView";
+import SortDnD from "../../../../components/SortDnD";
+import TaskItem from "../TaskItem";
+import SortViewDropdown from "../../../../controls/SortViewDropdown";
+import MoreOperateDropdown from "../../../../controls/MoreOperateDropdown";
+import "./index.less";
+import { useTaskStore, useTaskListEffect } from "../../../../data/task";
+import { useObserver } from "mobx-react-lite";
+import { State } from "./state";
+import NewTaskForm from "../NewTaskForm";
+import { useSort } from "../../../../data/contexts/SortContext";
+import { Store } from "../../../../data/contexts/StoreContext";
+export default (props) => {
+    const tasks = useTaskStore();
+    const [state] = useState(new State(tasks));
+    const [pageViewContext] = useState(PageListView.createContext());
+    // const [loading, setLoading] = useState(true);
+    // const [page, setPage] = useState(1);
+    const [canDrag, setCanDrag] = useState(false);
+    const [store] = useState(new Store());
+    const sortStore = useSort();
+    state.props = props;
+    useEffect(state.subscribeOnTaskCreateCallback, []);
+    useObserver(() => {
+        useTaskListEffect(list => {
+            state.tasks = list;
+            state.loading = false;
+        }, {
+            Filters: [{ c: "Document.ParentNodeId", o: "=", l: "And", v1: props.parentId }],
+            Page: { Page: state.page, PageSize: state.pageSize }
+        });
+        useEffect(() => {
+            if (sortStore && sortStore.canDrag)
+                setCanDrag(false);
+        }, [sortStore && sortStore.canDrag]);
+        useEffect(() => {
+            if (canDrag && sortStore && sortStore.canDrag)
+                sortStore.canDrag = false;
+        }, [canDrag]);
+        useEffect(() => {
+            state.tasks = [];
+            state.loading = true;
+        }, [props.parentId]);
+    });
+    const loadData = (page) => {
+        console.log(744848);
+        state.page = page;
+    };
+    const changeSequence = async (id, index) => {
+        console.log(id, index, "87878");
+        await tasks.edit(id, { Sequence: index });
+    };
+    const onChange = (checkedValues) => {
+        state.ids = checkedValues;
+        state.checkAll = checkedValues.length === state.ids.length;
+        store.onCut(checkedValues);
+    };
+    const onChangeAll = (e) => {
+        console.log(e, "e");
+        state.ids = e.target.checked ? state.tasks.map(({ id }) => id) : [];
+        state.checkAll = e.target.checked;
+        store.onCut(state.ids);
+    };
+    const newFormRef = createRef();
+    return useObserver(() => (React.createElement("div", { className: classnames("sub-task-list", props.className) },
+        React.createElement("div", { className: "sub-task-list_header" },
+            React.createElement("div", null, "Sub-Tasks"),
+            React.createElement("div", { className: "operate-icon" },
+                state.tasks.length > 1 && (React.createElement(Tooltip, { title: canDrag ? "Cancel drag sort" : "Drag and drop sort" },
+                    React.createElement("span", { onClick: () => setCanDrag(!canDrag), style: { cursor: "pointer" } },
+                        React.createElement(FAIcon, { icon: faExpandArrows })))),
+                React.createElement(SortViewDropdown, null),
+                state.editable && (React.createElement("span", { className: "plus-icon", onClick: () => newFormRef.current.onAddSubTask() },
+                    React.createElement(FAIcon, { icon: faPlus, color: "#fff" }))),
+                React.createElement(MoreOperateDropdown, { del: false, cut: true, onEdit: () => (state.editable = !state.editable), onCut: () => (state.cutAble = !state.cutAble) }))),
+        React.createElement(PageListView, { context: pageViewContext, data: state.tasks, loading: state.loading, loadData: loadData, scrollParentRef: props.scrollParentRef, noDataTip: !state.editable }, state.cutAble ? (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement(Checkbox, { checked: state.checkAll, onChange: onChangeAll },
+                    "Check all",
+                    " ")),
+            React.createElement(Checkbox.Group, { value: state.ids, onChange: onChange }, pageViewContext.list.map((task, index) => (React.createElement(Row, { key: task.id, type: "flex", align: "middle" },
+                React.createElement(Checkbox, { value: task.id, className: "cut-checkbox" }),
+                React.createElement(TaskItem, { type: "sub", id: task.id, index: index, editable: false }))))))) : (React.createElement(SortDnD, { canDrag: canDrag, list: pageViewContext.list, text: (task, index) => (React.createElement(TaskItem, { type: "sub", id: task.id, index: index, editable: state.editable })), onSave: changeSequence }))),
+        state.editable && (React.createElement(NewTaskForm, { ref: newFormRef, simple: true, parentId: props.parentId, block: true })))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/tasks/components/SubTaskList/index.js.map

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

package/es/modules/tasks/components/SubTaskList/index.less

@@ -0,0 +1,43 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+@import "../../../../styles/common.less";
+:global {
+	.sub-task-list {
+		.sub-task-list_header {
+			position: relative;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 2px 0 12px 0;
+			margin-bottom: 8px;
+			color: #000;
+			font-size: 15px;
+			line-height: 15px;
+			.operate-icon span {
+				margin-left: 10px;
+				cursor: pointer;
+			}
+			.plus-icon {
+				display: inline-block;
+				padding: 4px;
+				font-size: 13px;
+				line-height: 1px;
+				background: #1abc9c;
+				cursor: pointer;
+			}
+		}
+		.sub-task-list_header:after {
+			position: absolute;
+			content: "";
+			left: 0;
+			bottom: 0;
+			right: 0;
+			border-bottom: 1px solid @border-color-base;
+		}
+		.ant-checkbox-group {
+			display: block;
+			.cut-checkbox {
+				margin-right: 8px;
+			}
+		}
+	}
+}

package/es/modules/tasks/components/SubTaskList/state.d.ts

@@ -0,0 +1,23 @@
+import { ITask, TaskStore } from "../../../../data/task";
+export declare type SubTaskListProps = {
+    parentId: string;
+    className?: string;
+    scrollParentRef?: any;
+};
+export declare class State {
+    private _store;
+    props: SubTaskListProps;
+    constructor(_store: TaskStore);
+    tasks: ITask[];
+    hasMore: boolean;
+    loading: boolean;
+    page: number;
+    pageSize: number;
+    editable: boolean;
+    ids: string[];
+    checkAll: boolean;
+    cutAble: boolean;
+    onTaskCreated: (s: TaskStore, t: ITask) => void;
+    onTaskDeleted: (s: TaskStore, t: ITask) => void;
+    subscribeOnTaskCreateCallback: () => () => void;
+}

package/es/modules/tasks/components/SubTaskList/state.js

@@ -0,0 +1,60 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor(_store) {
+        this._store = _store;
+        this.tasks = [];
+        this.hasMore = true;
+        this.loading = true;
+        this.page = 1;
+        this.pageSize = 20;
+        this.editable = false;
+        this.ids = [];
+        this.checkAll = false;
+        this.cutAble = false;
+        this.onTaskCreated = (s, t) => {
+            if (t.parentId === this.props.parentId) {
+                this.tasks.push(t);
+            }
+        };
+        this.onTaskDeleted = (s, t) => {
+            this.tasks = this.tasks.filter(task => task.id !== t.id);
+        };
+        this.subscribeOnTaskCreateCallback = () => {
+            this._store.TaskCreatedEvent.subscribe(this.onTaskCreated);
+            this._store.TaskDeletedEvent.subscribe(this.onTaskDeleted);
+            return () => {
+                this._store.TaskCreatedEvent.unsubscribe(this.onTaskCreated);
+                this._store.TaskDeletedEvent.unsubscribe(this.onTaskDeleted);
+            };
+        };
+    }
+}
+__decorate([
+    observable
+], State.prototype, "tasks", void 0);
+__decorate([
+    observable
+], State.prototype, "hasMore", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "page", void 0);
+__decorate([
+    observable
+], State.prototype, "pageSize", void 0);
+__decorate([
+    observable
+], State.prototype, "editable", void 0);
+__decorate([
+    observable
+], State.prototype, "ids", void 0);
+__decorate([
+    observable
+], State.prototype, "checkAll", void 0);
+__decorate([
+    observable
+], State.prototype, "cutAble", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/tasks/components/SubTaskList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/SubTaskList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,MAAM,OAAO,KAAK;IAEjB,YAA2B,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;QAChC,UAAK,GAAY,EAAE,CAAC;QACpB,YAAO,GAAY,IAAI,CAAC;QACxB,YAAO,GAAY,IAAI,CAAC;QACxB,SAAI,GAAW,CAAC,CAAC;QACjB,aAAQ,GAAW,EAAE,CAAC;QACtB,aAAQ,GAAY,KAAK,CAAC;QAC1B,QAAG,GAAa,EAAE,CAAC;QACnB,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;QAE9B,kBAAa,GAAG,CAAC,CAAY,EAAE,CAAQ,EAAE,EAAE;YACjD,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACnB;QACF,CAAC,CAAC;QAEK,kBAAa,GAAG,CAAC,CAAY,EAAE,CAAQ,EAAE,EAAE;YACjD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1D,CAAC,CAAC;QAEK,kCAA6B,GAAG,GAAG,EAAE;YAC3C,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC3D,OAAO,GAAG,EAAE;gBACX,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC9D,CAAC,CAAC;QACH,CAAC,CAAC;IA5B6C,CAAC;CA6BhD;AA5BY;IAAX,UAAU;oCAAqB;AACpB;IAAX,UAAU;sCAAyB;AACxB;IAAX,UAAU;sCAAyB;AACxB;IAAX,UAAU;mCAAkB;AACjB;IAAX,UAAU;uCAAuB;AACtB;IAAX,UAAU;uCAA2B;AAC1B;IAAX,UAAU;kCAAoB;AACnB;IAAX,UAAU;uCAA2B;AAC1B;IAAX,UAAU;sCAA0B"}

package/es/modules/tasks/components/TaskDetail/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: (props: {
+    id: string;
+    default?: Boolean | undefined;
+}) => JSX.Element;
+export default _default;

package/es/modules/tasks/components/TaskDetail/index.js

@@ -0,0 +1,62 @@
+import React, { useState } from "react";
+import classnames from "classnames";
+import { Tabs, Button, Row, Skeleton } from "@voplus/antd";
+import ToolBar from "../../../../components/ToolBar";
+import TaskItem from "../TaskItem";
+import SubTaskList from "../SubTaskList";
+import Comment from "@voplus/morpho-collaboration/es/components/Comment";
+import ActivityLog from "../../../../components/ActivityLog";
+import DocumentList from "@voplus/morpho-document/es/legacy/components/DocumentList";
+import { useTask } from "../../../../data/task/hooks";
+import { useTaskStore } from "../../../../data/task";
+import { useObserver } from "mobx-react-lite";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import styles from "../../../../styles/common.less";
+import { InlineEdit } from "@voplus/morpho-ui";
+import { Store } from "../../../../data/contexts/StoreContext";
+// id of the task
+export default (props) => {
+    // const { match } = useContext(__RouterContext) as {
+    // 	match: match<any>;
+    // };
+    const tasks = useTaskStore();
+    const id = props.id;
+    const task = useTask(id, { reload: true });
+    const [activeKey, setActiveKey] = useState("1");
+    const [scrollParentRef, setScrollParentRef] = useState();
+    const asideContext = useAsideContentContext();
+    const onItemDelete = async () => {
+        await tasks.delete(id, { DeleteChilds: true });
+        asideContext.closeAside();
+    };
+    const [store] = useState(new Store());
+    return useObserver(() => (
+    // <Spin spinning={loading}>
+    React.createElement("div", { className: classnames("module-detail-view", {
+            "module-comment-view": activeKey === "3"
+        }) },
+        React.createElement(Skeleton, { loading: !task.loaded, active: true },
+            React.createElement(Row, { type: "flex", justify: "space-between", className: "module-view-header" },
+                React.createElement(TaskItem, { type: "detail", id: task.id, editable: task.taskStatus !== "Done" }),
+                React.createElement("div", null,
+                    React.createElement(ToolBar, { lock: true, routeUrl: `/tasks/${id}`, onDelete: onItemDelete, onPaste: () => store.onPaste(() => console.log(565656)) }),
+                    React.createElement("div", { className: styles["margin-top-10"] },
+                        React.createElement(Button, { size: "small" }, "+tag"))))),
+        React.createElement(Tabs, { activeKey: activeKey, onChange: activeKey => setActiveKey(activeKey) },
+            React.createElement(Tabs.TabPane, { tab: "Details", key: "1" },
+                React.createElement("div", { className: "module-box", ref: ref => setScrollParentRef(ref) },
+                    React.createElement("div", { className: styles["padding-bottom-20"] },
+                        React.createElement(InlineEdit, { defaultValue: task.description || "", content: v => (React.createElement("div", null, v.store.value.toString() || React.createElement("i", null, "click on edit description"))), onSave: v => tasks.edit(task.id, { Description: v }) })),
+                    React.createElement(SubTaskList, { parentId: id, scrollParentRef: scrollParentRef }))),
+            React.createElement(Tabs.TabPane, { tab: "Documents", key: "2" },
+                React.createElement("div", { className: "module-box" },
+                    React.createElement(DocumentList, { id: "454545" }))),
+            React.createElement(Tabs.TabPane, { tab: "Comments", key: "3" },
+                React.createElement(Comment, { channelId: id })),
+            React.createElement(Tabs.TabPane, { tab: "Activities", key: "4" },
+                React.createElement("div", { className: "module-box" },
+                    React.createElement(ActivityLog, null)))))
+    // </Spin>
+    ));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/tasks/components/TaskDetail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskDetail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAiB,MAAM,cAAc,CAAC;AAC1E,OAAO,OAAO,MAAM,gCAAgC,CAAC;AACrD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,OAAO,MAAM,oDAAoD,CAAC;AACzE,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,YAAY,MAAM,2DAA2D,CAAC;AAErF,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAE7F,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAC/D,iBAAiB;AACjB,eAAe,CAAC,KAAwC,EAAE,EAAE;IAC3D,qDAAqD;IACrD,sBAAsB;IACtB,KAAK;IACL,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACpB,MAAM,IAAI,GAAG,OAAO,CAAC,EAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAE,CAAC;IACzD,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;QAC/B,MAAM,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/C,YAAa,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC,CAAC;IACF,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC;IACxB,4BAA4B;IAC5B,6BACC,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE;YAC3C,qBAAqB,EAAE,SAAS,KAAK,GAAG;SACxC,CAAC;QAEF,oBAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM;YACtC,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,eAAe,EAAC,SAAS,EAAC,oBAAoB;gBACtE,oBAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,KAAK,MAAM,GAAI;gBAC7E;oBACC,oBAAC,OAAO,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EAAE,EAAE,EACxB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GACtD;oBACF,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;wBACtC,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,WAAc,CAC7B,CACD,CACD,CACI;QAEX,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;YACzE,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,SAAS,EAAC,GAAG,EAAC,GAAG;gBAClC,6BAAK,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC;oBAE9D,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC;wBAC1C,oBAAC,UAAU,IACV,YAAY,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EACpC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CACb,iCAAM,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,2DAAgC,CAAO,CACzE,EACD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,GACnD,CACG;oBAEN,oBAAC,WAAW,IAAC,QAAQ,EAAE,EAAE,EAAE,eAAe,EAAE,eAAe,GAAI,CAG1D,CACQ;YACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,GAAG;gBACpC,6BAAK,SAAS,EAAC,YAAY;oBAC1B,oBAAC,YAAY,IAAC,EAAE,EAAE,QAAQ,GAAI,CACzB,CACQ;YACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,GAAG;gBACnC,oBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI,CACZ;YACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,GAAG;gBACrC,6BAAK,SAAS,EAAC,YAAY;oBAC1B,oBAAC,WAAW,OAAG,CACV,CACQ,CACT,CACF;IACN,UAAU;KACV,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/es/modules/tasks/components/TaskItem/TaskItem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const _default: (props: {
+    id: string;
+    type?: "sub" | "detail" | undefined;
+    className?: string | undefined;
+    index?: number | undefined;
+    editable?: boolean | undefined;
+}) => JSX.Element;
+export default _default;