@voplus/morpho-workspace 4.0.0 → 4.0.2

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

@@ -1,159 +1,159 @@
-import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable } from "mobx";
-import { message } from "antd";
-import moment from "moment";
-export class State {
-    constructor(taskStore) {
-        Object.defineProperty(this, "taskStore", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: taskStore
-        });
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** id of task */
-        Object.defineProperty(this, "id", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** start Date */
-        Object.defineProperty(this, "startDate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: undefined
-        });
-        /** due Date  */
-        Object.defineProperty(this, "dueDate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: undefined
-        });
-        /** EstimatedHours of task */
-        Object.defineProperty(this, "estimatedHours", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        /** Old EstimatedHours of task */
-        Object.defineProperty(this, "oldEstimatedHours", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        /** loading of save  */
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** visible of schedule/estimatedHours edit dialog   */
-        Object.defineProperty(this, "visible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** save  StartDate && DueDate or EstimatedHours*/
-        Object.defineProperty(this, "onSave", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async () => {
-                this.loading = true;
-                await this.taskStore.edit(this.id, {
-                    data: {
-                        StartDate: this.startDate,
-                        DueDate: this.dueDate,
-                        EstimatedHours: this.estimatedHours,
-                    },
-                    error: (error) => {
-                        message.error(error.message);
-                        this.startDate =
-                            !this.props.estimatedHours && this.props.startDate ? this.props.startDate : undefined;
-                        this.dueDate =
-                            !this.props.estimatedHours && this.props.dueDate ? this.props.dueDate : undefined;
-                        this.estimatedHours = this.props.estimatedHours || 0;
-                    },
-                });
-                this.loading = false;
-                this.visible = false;
-                this.oldEstimatedHours = this.estimatedHours;
-            }
-        });
-        /** edit estimatedHours */
-        Object.defineProperty(this, "changeEstimatedHours", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (value) => {
-                this.estimatedHours = value;
-                this.startDate = undefined;
-                this.dueDate = undefined;
-            }
-        });
-        /** edit schedule */
-        Object.defineProperty(this, "changeSchedule", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (value) => {
-                this.startDate = value ? value[0] : undefined;
-                this.dueDate = value ? value[1] : undefined;
-                this.estimatedHours = 0;
-            }
-        });
-        makeObservable(this);
-    }
-    get dateFormat() {
-        return moment(this.startDate).year() !== moment().year() ? "DD MMM YYYY" : "DD MMM";
-    }
-}
-__decorate([
-    observable
-], State.prototype, "props", void 0);
-__decorate([
-    observable
-], State.prototype, "id", void 0);
-__decorate([
-    observable
-], State.prototype, "startDate", void 0);
-__decorate([
-    observable
-], State.prototype, "dueDate", void 0);
-__decorate([
-    observable
-], State.prototype, "estimatedHours", void 0);
-__decorate([
-    observable
-], State.prototype, "oldEstimatedHours", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
-__decorate([
-    observable
-], State.prototype, "visible", void 0);
-__decorate([
-    action
-], State.prototype, "onSave", void 0);
-__decorate([
-    action
-], State.prototype, "changeEstimatedHours", void 0);
-__decorate([
-    action
-], State.prototype, "changeSchedule", void 0);
-__decorate([
-    computed
-], State.prototype, "dateFormat", null);
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable } from "mobx";
+import { message } from "antd";
+import moment from "moment";
+export class State {
+    constructor(taskStore) {
+        Object.defineProperty(this, "taskStore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: taskStore
+        });
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** id of task */
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** start Date */
+        Object.defineProperty(this, "startDate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: undefined
+        });
+        /** due Date  */
+        Object.defineProperty(this, "dueDate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: undefined
+        });
+        /** EstimatedHours of task */
+        Object.defineProperty(this, "estimatedHours", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        /** Old EstimatedHours of task */
+        Object.defineProperty(this, "oldEstimatedHours", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        /** loading of save  */
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** visible of schedule/estimatedHours edit dialog   */
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** save  StartDate && DueDate or EstimatedHours*/
+        Object.defineProperty(this, "onSave", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async () => {
+                this.loading = true;
+                await this.taskStore.edit(this.id, {
+                    data: {
+                        StartDate: this.startDate,
+                        DueDate: this.dueDate,
+                        EstimatedHours: this.estimatedHours,
+                    },
+                    error: (error) => {
+                        message.error(error.message);
+                        this.startDate =
+                            !this.props.estimatedHours && this.props.startDate ? this.props.startDate : undefined;
+                        this.dueDate =
+                            !this.props.estimatedHours && this.props.dueDate ? this.props.dueDate : undefined;
+                        this.estimatedHours = this.props.estimatedHours || 0;
+                    },
+                });
+                this.loading = false;
+                this.visible = false;
+                this.oldEstimatedHours = this.estimatedHours;
+            }
+        });
+        /** edit estimatedHours */
+        Object.defineProperty(this, "changeEstimatedHours", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (value) => {
+                this.estimatedHours = value;
+                this.startDate = undefined;
+                this.dueDate = undefined;
+            }
+        });
+        /** edit schedule */
+        Object.defineProperty(this, "changeSchedule", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (value) => {
+                this.startDate = value ? value[0] : undefined;
+                this.dueDate = value ? value[1] : undefined;
+                this.estimatedHours = 0;
+            }
+        });
+        makeObservable(this);
+    }
+    get dateFormat() {
+        return moment(this.startDate).year() !== moment().year() ? "DD MMM YYYY" : "DD MMM";
+    }
+}
+__decorate([
+    observable
+], State.prototype, "props", void 0);
+__decorate([
+    observable
+], State.prototype, "id", void 0);
+__decorate([
+    observable
+], State.prototype, "startDate", void 0);
+__decorate([
+    observable
+], State.prototype, "dueDate", void 0);
+__decorate([
+    observable
+], State.prototype, "estimatedHours", void 0);
+__decorate([
+    observable
+], State.prototype, "oldEstimatedHours", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    action
+], State.prototype, "onSave", void 0);
+__decorate([
+    action
+], State.prototype, "changeEstimatedHours", void 0);
+__decorate([
+    action
+], State.prototype, "changeSchedule", void 0);
+__decorate([
+    computed
+], State.prototype, "dateFormat", null);
 //# sourceMappingURL=state.js.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { TaskItemProps } from "./state";
-declare const ChildTaskItem: (props: TaskItemProps) => JSX.Element;
-export default ChildTaskItem;
+/// <reference types="react" />
+import { TaskItemProps } from "./state";
+declare const ChildTaskItem: (props: TaskItemProps) => JSX.Element;
+export default ChildTaskItem;

package/es/modules/tasks/components/TaskItem/ChildTaskItem.js

@@ -1,18 +1,18 @@
-import React, { useState } from "react";
-import { State } from "./state";
-import { useTask, useTaskStore } from "@voplus/morpho-document-core";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import { observe } from "@voplus/morpho-ui";
-const ChildTaskItem = (props) => {
-    const { id, reload } = props;
-    const taskStore = useTaskStore();
-    const [state] = useState(new State(id, taskStore));
-    const task = useTask(id, {
-        reload: !!reload,
-        includes: "tags",
-    });
-    state.update(task);
-    return observe(() => (React.createElement(DocumentHeader, { id: state.task.id, flagVisible: false, toolsVisible: false, preVisible: false, tagsVisible: false, quickDataBarVisible: false, editMode: state.editable, className: "child-task-item" })));
-};
-export default ChildTaskItem;
+import React, { useState } from "react";
+import { State } from "./state";
+import { useTask, useTaskStore } from "@voplus/morpho-document-core";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { observe } from "@voplus/morpho-ui";
+const ChildTaskItem = (props) => {
+    const { id, reload } = props;
+    const taskStore = useTaskStore();
+    const [state] = useState(new State(id, taskStore));
+    const task = useTask(id, {
+        reload: !!reload,
+        includes: "tags",
+    });
+    state.update(task);
+    return observe(() => (React.createElement(DocumentHeader, { id: state.task.id, flagVisible: false, toolsVisible: false, preVisible: false, tagsVisible: false, quickDataBarVisible: false, editMode: state.editable, className: "child-task-item" })));
+};
+export default ChildTaskItem;
 //# sourceMappingURL=ChildTaskItem.js.map

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

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

package/es/modules/tasks/components/TaskItem/DefaultTaskItem.js

@@ -1,47 +1,47 @@
-import "./defaultTaskItem.less";
-import React, { useEffect, useState } from "react";
-import { Tooltip, message } from "antd";
-import { faBars, faClock } from "@fortawesome/pro-light-svg-icons";
-import { useTask, useTaskStore } from "@voplus/morpho-document-core";
-import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import FlagIcon from "@voplus/morpho-document/es/controls/data-icons/FlagIcon";
-import TaskDataIconBar from "../../controls/TaskDataIconBar";
-import TaskStatusLabel from "../../controls/TaskStatusLabel";
-import { autorun } from "mobx";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-import { useApplicationContext } from "@voplus/morpho-data";
-const DefaultTaskItem = (props) => {
-    const { id, connectDragSource } = props;
-    const { user } = useApplicationContext();
-    const taskStore = useTaskStore();
-    const task = useTask(id, { reload: false, includes: "tags" });
-    const [taskStatus, setTaskStatus] = useState(task.taskStatus);
-    useEffect(() => autorun(() => setTaskStatus(task.taskStatus)), [task.taskStatus]);
-    return observe(() => {
-        var _a;
-        return (React.createElement(DocumentHeader, { id: task.id, quickDataBarAlign: "left", flagVisible: false, tagsVisible: !!((_a = task.tags) === null || _a === void 0 ? void 0 : _a.length), className: "default-task-item", pre: React.createElement(FlagIcon, { id: task.id, flag: task.flag, editable: !task.readonly }), subtitleVisible: true, quickDataBar: React.createElement(React.Fragment, null,
-                connectDragSource &&
-                    connectDragSource(React.createElement("span", { className: "task-move" }, React.createElement(FAIcon, { icon: faBars }))),
-                task.dueDate && (React.createElement(Tooltip, { title: "DueDate" },
-                    React.createElement("span", { className: "margin-right-15" },
-                        React.createElement("span", { className: "margin-right-5" },
-                            React.createElement(FAIcon, { icon: faClock })),
-                        moment(task.dueDate).format("D MMM YYYY")))),
-                React.createElement(TaskDataIconBar, { id: id })), tools: React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "member-avatar" },
-                    React.createElement(AvatarList, { organizationId: user.info.organizationId, editable: false, maxCount: 3, list: [...(task.members || []), ...(task.childMembers || [])] })),
-                React.createElement(TaskStatusLabel, { status: taskStatus, editable: !task.readonly, onChange: async (TaskStatus) => {
-                        setTaskStatus(TaskStatus);
-                        await taskStore.edit(task.id, {
-                            data: { TaskStatus },
-                            error: (error) => message.error(error.message),
-                        });
-                        setTaskStatus(task.taskStatus);
-                    } })), ...props.headerProps }));
-    });
-};
-export default DefaultTaskItem;
+import "./defaultTaskItem.less";
+import React, { useEffect, useState } from "react";
+import { Tooltip, message } from "antd";
+import { faBars, faClock } from "@fortawesome/pro-light-svg-icons";
+import { useTask, useTaskStore } from "@voplus/morpho-document-core";
+import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FlagIcon from "@voplus/morpho-document/es/controls/data-icons/FlagIcon";
+import TaskDataIconBar from "../../controls/TaskDataIconBar";
+import TaskStatusLabel from "../../controls/TaskStatusLabel";
+import { autorun } from "mobx";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+const DefaultTaskItem = (props) => {
+    const { id, connectDragSource } = props;
+    const { user } = useApplicationContext();
+    const taskStore = useTaskStore();
+    const task = useTask(id, { reload: false, includes: "tags" });
+    const [taskStatus, setTaskStatus] = useState(task.taskStatus);
+    useEffect(() => autorun(() => setTaskStatus(task.taskStatus)), [task.taskStatus]);
+    return observe(() => {
+        var _a;
+        return (React.createElement(DocumentHeader, { id: task.id, quickDataBarAlign: "left", flagVisible: false, tagsVisible: !!((_a = task.tags) === null || _a === void 0 ? void 0 : _a.length), className: "default-task-item", pre: React.createElement(FlagIcon, { id: task.id, flag: task.flag, editable: !task.readonly }), subtitleVisible: true, quickDataBar: React.createElement(React.Fragment, null,
+                connectDragSource &&
+                    connectDragSource(React.createElement("span", { className: "task-move" }, React.createElement(FAIcon, { icon: faBars }))),
+                task.dueDate && (React.createElement(Tooltip, { title: "DueDate" },
+                    React.createElement("span", { className: "margin-right-15" },
+                        React.createElement("span", { className: "margin-right-5" },
+                            React.createElement(FAIcon, { icon: faClock })),
+                        moment(task.dueDate).format("D MMM YYYY")))),
+                React.createElement(TaskDataIconBar, { id: id })), tools: React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "member-avatar" },
+                    React.createElement(AvatarList, { organizationId: user.info.organizationId, editable: false, maxCount: 3, list: [...(task.members || []), ...(task.childMembers || [])] })),
+                React.createElement(TaskStatusLabel, { status: taskStatus, editable: !task.readonly, onChange: async (TaskStatus) => {
+                        setTaskStatus(TaskStatus);
+                        await taskStore.edit(task.id, {
+                            data: { TaskStatus },
+                            error: (error) => message.error(error.message),
+                        });
+                        setTaskStatus(task.taskStatus);
+                    } })), ...props.headerProps }));
+    });
+};
+export default DefaultTaskItem;
 //# sourceMappingURL=DefaultTaskItem.js.map

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

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

package/es/modules/tasks/components/TaskItem/SubTaskItem.js

@@ -1,60 +1,60 @@
-import "./subTaskItem.less";
-import { Archive, Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { Button, Checkbox } from "antd";
-import React, { useEffect, useState } from "react";
-import { State } from "./state";
-import { faBars, faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
-import { runInAction, when } from "mobx";
-import { useTask, useTaskStore } from "@voplus/morpho-document-core";
-import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import FlagIcon from "@voplus/morpho-document/es/controls/data-icons/FlagIcon";
-import TaskDataIconBar from "../../controls/TaskDataIconBar";
-import TaskEstimatedTime from "../TaskEstimatedTime";
-import TaskStatusLabel from "../../controls/TaskStatusLabel";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { useApplicationContext } from "@voplus/morpho-data";
-import { useMetaStore } from "@voplus/morpho-document-core";
-const SubTaskItem = (props) => {
-    const { id, multiple, reload, connectDragSource, memberAlign } = props;
-    const meta = useMetaStore();
-    const { user } = useApplicationContext();
-    const taskStore = useTaskStore();
-    const [state] = useState(new State(id, taskStore));
-    const task = useTask(id, {
-        reload: !!reload,
-        includes: "tags",
-    });
-    state.update(task);
-    useEffect(() => {
-        when(() => task.loaded === true, () => {
-            if (task.loaded) {
-                runInAction(() => (state.members = state.taskMembers));
-            }
-        });
-    }, []);
-    return observe(() => (React.createElement(DocumentHeader, { id: state.task.id, quickDataBarAlign: "left", flagVisible: false, editMode: state.editable, clickNameEffect: state.editable ? "edit" : "default", className: "sub-task-item", onMouse: (over) => (state.isHover = over && !multiple && !state.editable), onChange: (value) => (state.name = value), pre: multiple ? (React.createElement(Checkbox, { value: state.task.id, disabled: state.task.readonly })) : (React.createElement(FlagIcon, { id: state.task.id, flag: state.task.flag, editable: !state.task.readonly })), quickDataBar: React.createElement(React.Fragment, null,
-            !multiple && connectDragSource ? (connectDragSource(React.createElement("span", { className: classnames("task-move", { show: state.isHover }) }, React.createElement(FAIcon, { icon: faBars })))) : (React.createElement("span", { className: "task-move" })),
-            state.task.loaded && (React.createElement(TaskEstimatedTime, { id: id, estimatedHours: state.task.estimatedHours || 0, startDate: state.task.startDate, dueDate: state.task.dueDate, editable: !state.task.readonly &&
-                    !!(state.editable || state.task.startDate || state.task.estimatedHours), period: false, className: "margin-right-10" })),
-            React.createElement(TaskDataIconBar, { id: id }),
-            memberAlign === "block" && (React.createElement(AvatarList, { visible: state.isHover, organizationId: user.info.organizationId, buttonText: state.editable ? "Ok" : "Save", maxCount: 3, multiple: true, list: state.members, editable: state.editable || (state.isHover && !!state.taskMembers.length), className: "member-align-block", onChange: state.onChange }))), tools: React.createElement(React.Fragment, null,
-            memberAlign !== "block" && (React.createElement("div", { className: "sub-task-members", onMouseOver: () => runInAction(() => (state.isHover = !multiple && !state.editable)) },
-                React.createElement(AvatarList, { visible: state.isHover, organizationId: user.info.organizationId, buttonText: state.editable ? "Ok" : "Save", maxCount: 3, multiple: true, list: state.members, editable: state.editable || state.isHover, onChange: state.onChange }))),
-            state.editable ? (React.createElement("div", null,
-                React.createElement(Button, { shape: "circle", onClick: () => state.undo() },
-                    React.createElement(FAIcon, { icon: faUndo })),
-                React.createElement(Button, { type: "primary", ghost: true, shape: "circle", disabled: !state.hasChanges, loading: state.loading, className: "margin-left-10", onClick: () => state.save() },
-                    React.createElement(FAIcon, { icon: faSave })))) : (React.createElement(TaskStatusLabel, { status: state.task.taskStatus, editable: !state.task.readonly, onChange: (TaskStatus) => state.onEdit(TaskStatus), className: classnames("task-status-label", { hide: state.isHover }) })),
-            React.createElement("div", { className: classnames("hover-operate-icon", {
-                    show: state.isHover,
-                }) },
-                React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
-                    React.createElement(Open, { size: "middle", url: meta.getRoute(state.task) }),
-                    React.createElement(Archive, { size: "middle" })))) })));
-};
-export default SubTaskItem;
+import "./subTaskItem.less";
+import { Archive, Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { Button, Checkbox } from "antd";
+import React, { useEffect, useState } from "react";
+import { State } from "./state";
+import { faBars, faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
+import { runInAction, when } from "mobx";
+import { useTask, useTaskStore } from "@voplus/morpho-document-core";
+import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FlagIcon from "@voplus/morpho-document/es/controls/data-icons/FlagIcon";
+import TaskDataIconBar from "../../controls/TaskDataIconBar";
+import TaskEstimatedTime from "../TaskEstimatedTime";
+import TaskStatusLabel from "../../controls/TaskStatusLabel";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useMetaStore } from "@voplus/morpho-document-core";
+const SubTaskItem = (props) => {
+    const { id, multiple, reload, connectDragSource, memberAlign } = props;
+    const meta = useMetaStore();
+    const { user } = useApplicationContext();
+    const taskStore = useTaskStore();
+    const [state] = useState(new State(id, taskStore));
+    const task = useTask(id, {
+        reload: !!reload,
+        includes: "tags",
+    });
+    state.update(task);
+    useEffect(() => {
+        when(() => task.loaded === true, () => {
+            if (task.loaded) {
+                runInAction(() => (state.members = state.taskMembers));
+            }
+        });
+    }, []);
+    return observe(() => (React.createElement(DocumentHeader, { id: state.task.id, quickDataBarAlign: "left", flagVisible: false, editMode: state.editable, clickNameEffect: state.editable ? "edit" : "default", className: "sub-task-item", onMouse: (over) => (state.isHover = over && !multiple && !state.editable), onChange: (value) => (state.name = value), pre: multiple ? (React.createElement(Checkbox, { value: state.task.id, disabled: state.task.readonly })) : (React.createElement(FlagIcon, { id: state.task.id, flag: state.task.flag, editable: !state.task.readonly })), quickDataBar: React.createElement(React.Fragment, null,
+            !multiple && connectDragSource ? (connectDragSource(React.createElement("span", { className: classnames("task-move", { show: state.isHover }) }, React.createElement(FAIcon, { icon: faBars })))) : (React.createElement("span", { className: "task-move" })),
+            state.task.loaded && (React.createElement(TaskEstimatedTime, { id: id, estimatedHours: state.task.estimatedHours || 0, startDate: state.task.startDate, dueDate: state.task.dueDate, editable: !state.task.readonly &&
+                    !!(state.editable || state.task.startDate || state.task.estimatedHours), period: false, className: "margin-right-10" })),
+            React.createElement(TaskDataIconBar, { id: id }),
+            memberAlign === "block" && (React.createElement(AvatarList, { visible: state.isHover, organizationId: user.info.organizationId, buttonText: state.editable ? "Ok" : "Save", maxCount: 3, multiple: true, list: state.members, editable: state.editable || (state.isHover && !!state.taskMembers.length), className: "member-align-block", onChange: state.onChange }))), tools: React.createElement(React.Fragment, null,
+            memberAlign !== "block" && (React.createElement("div", { className: "sub-task-members", onMouseOver: () => runInAction(() => (state.isHover = !multiple && !state.editable)) },
+                React.createElement(AvatarList, { visible: state.isHover, organizationId: user.info.organizationId, buttonText: state.editable ? "Ok" : "Save", maxCount: 3, multiple: true, list: state.members, editable: state.editable || state.isHover, onChange: state.onChange }))),
+            state.editable ? (React.createElement("div", null,
+                React.createElement(Button, { shape: "circle", onClick: () => state.undo() },
+                    React.createElement(FAIcon, { icon: faUndo })),
+                React.createElement(Button, { type: "primary", ghost: true, shape: "circle", disabled: !state.hasChanges, loading: state.loading, className: "margin-left-10", onClick: () => state.save() },
+                    React.createElement(FAIcon, { icon: faSave })))) : (React.createElement(TaskStatusLabel, { status: state.task.taskStatus, editable: !state.task.readonly, onChange: (TaskStatus) => state.onEdit(TaskStatus), className: classnames("task-status-label", { hide: state.isHover }) })),
+            React.createElement("div", { className: classnames("hover-operate-icon", {
+                    show: state.isHover,
+                }) },
+                React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
+                    React.createElement(Open, { size: "middle", url: meta.getRoute(state.task) }),
+                    React.createElement(Archive, { size: "middle" })))) })));
+};
+export default SubTaskItem;
 //# sourceMappingURL=SubTaskItem.js.map