@voplus/morpho-workspace 1.0.0-mobx01 → 1.1.0-dev001

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

@@ -1,178 +1,97 @@
 import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable, toJS } from "mobx";
-import { clone, isEqual } from "lodash-es";
+import { action, computed, observable, toJS } from "mobx";
+import { FileStore } from "@voplus/morpho-document/es/data/FileStore/FileContext";
+import { isEqual } from "lodash-es";
 import { message } from "@voplus/antd";
 export class State {
-    constructor(id, taskStore) {
-        Object.defineProperty(this, "id", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: id
-        });
-        Object.defineProperty(this, "taskStore", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: taskStore
-        });
-        /** Detail of task */
-        Object.defineProperty(this, "task", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** id of member of task of list */
-        Object.defineProperty(this, "ids", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** members of task */
-        Object.defineProperty(this, "members", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** name of task */
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
+    constructor(taskStore) {
+        this.taskStore = taskStore;
+        this.ids = [];
+        this.members = [];
+        this.name = "";
         /** Schedule of task */
-        Object.defineProperty(this, "schedule", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
+        this.schedule = [];
         /** EstimatedHours of task */
-        Object.defineProperty(this, "estimatedHours", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
+        this.estimatedHours = 0;
         /** Edit model of task  */
-        Object.defineProperty(this, "editable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
+        this.editable = false;
         /** loading of save  */
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "modalType", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
+        this.loading = false;
+        this.visibleQuickView = false;
+        this.modalType = "";
         /** MouseOver of sub task  */
-        Object.defineProperty(this, "isHover", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "startEdit", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.name = this.task.name;
-                this.ids = [...(this.task.members || [])].map(({ id }) => id);
-                this.isHover = false;
-                this.editable = !this.editable;
-            }
-        });
-        Object.defineProperty(this, "save", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async () => {
-                const params = { Name: this.name, MemberIds: this.ids };
-                // if (this.estimatedHours) params = { ...params, EstimatedHours: this.estimatedHours };
-                // if (this.schedule[0])
-                // 	params = { ...params, StartDate: this.schedule[0], DueDate: this.schedule[1] };
-                this.loading = true;
-                await this.taskStore.edit(this.task.id, { data: params, error: "message" });
-                this.loading = false;
-                this.editable = false;
-            }
-        });
+        this.isHover = false;
+        this.reload = false;
+        /** Start edit date of task  */
+        this.open = false;
+        this.store = new FileStore();
+        this.startEdit = () => {
+            this.name = this.task.name;
+            this.ids = [...(this.task.members || [])].map(({ id }) => id);
+            this.isHover = false;
+            this.editable = !this.editable;
+        };
+        this.startEditDate = () => {
+            this.open = true;
+            this.editable = true;
+        };
+        this.save = async () => {
+            const params = { Name: this.name, MemberIds: this.ids };
+            // if (this.estimatedHours) params = { ...params, EstimatedHours: this.estimatedHours };
+            // if (this.schedule[0])
+            // 	params = { ...params, StartDate: this.schedule[0], DueDate: this.schedule[1] };
+            this.loading = true;
+            await this.taskStore.edit(this.task.id, params);
+            this.loading = false;
+            // }
+            this.editable = false;
+        };
+        /** task edit */
+        this.onEdit = async (option) => {
+            await this.taskStore.edit(this.task.id, option);
+        };
         /** task delete */
-        Object.defineProperty(this, "onDelete", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async () => {
-                await this.taskStore.delete([this.task.id], { DeleteChilds: true });
-            }
-        });
-        Object.defineProperty(this, "onChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (ids, members) => {
-                if (!this.editable) {
-                    await this.taskStore.edit(this.id, { data: { MemberIds: ids }, error: "message" });
-                    this.members = this.taskMembers;
-                }
-                else {
-                    this.ids = ids;
-                    this.members = members;
-                }
-            }
-        });
-        makeObservable(this);
-    }
-    undo() {
-        this.editable = false;
-        this.members = this.taskMembers;
-    }
-    async onEdit(TaskStatus) {
-        const status = clone(this.task.taskStatus);
-        this.task.taskStatus = TaskStatus;
-        await this.taskStore.edit(this.id, {
-            data: { TaskStatus },
-            error: (error) => {
-                message.error(error.message);
-                this.task.taskStatus = status;
-            },
-        });
+        this.onDelete = async () => {
+            await this.taskStore.delete([this.task.id], { DeleteChilds: true });
+        };
+        this.onMove = () => {
+            this.store.onMove([this.task.id]);
+        };
+        /** */
+        this.onPaste = () => {
+            if (this.store.moveIds.some((id) => id === this.task.id))
+                message.warn("Cannot move to itself");
+            this.store.onPaste(() => {
+                this.taskStore.move(this.store.moveIds, this.task.id);
+            });
+            // state.reload = true;
+        };
     }
-    get childMembers() {
-        return (this.task.childMembers || [])
-            .filter((item) => !this.task.members.some((member) => member.id === item.id))
-            .map((item) => ({
+    get inheritedMembers() {
+        return (this.task.inheritedMembers || [])
+            .filter(item => !this.task.members.some(member => member.id === item.id))
+            .map(item => ({
             ...item,
-            disabled: true,
+            disabled: true
         }));
     }
-    get taskMembers() {
-        return [...(this.task.members || []), ...(this.childMembers || [])];
+    get readonly() {
+        return this.task.status === "Readonly";
     }
     get hasChanges() {
         if (!this.name)
             return;
-        const ids = toJS([...(this.task.members || []), ...this.childMembers].map(({ id }) => id));
+        const ids = toJS([...(this.task.members || []), ...this.inheritedMembers].map(({ id }) => id));
         const { name, startDate, dueDate, estimatedHours } = this.task;
         const originalData = { name, ids };
         const modifiedData = {
             name: this.name.trim(),
-            ids: this.ids,
+            ids: this.ids
+            // startDate: toJS(this.schedule)[0],
+            // dueDate: toJS(this.schedule)[1],
+            // estimatedHours: this.estimatedHours || estimatedHours
         };
+        // console.log(originalData, modifiedData, isEqual(originalData, modifiedData), "4444");
         return !isEqual(originalData, modifiedData);
     }
 }
@@ -200,36 +119,45 @@ __decorate([
 __decorate([
     observable
 ], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "visibleQuickView", void 0);
 __decorate([
     observable
 ], State.prototype, "modalType", void 0);
 __decorate([
     observable
 ], State.prototype, "isHover", void 0);
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
+__decorate([
+    observable
+], State.prototype, "open", void 0);
 __decorate([
     action
 ], State.prototype, "startEdit", void 0);
 __decorate([
     action
-], State.prototype, "save", void 0);
+], State.prototype, "startEditDate", void 0);
 __decorate([
     action
-], State.prototype, "onDelete", void 0);
+], State.prototype, "save", void 0);
 __decorate([
     action
-], State.prototype, "undo", null);
+], State.prototype, "onEdit", void 0);
 __decorate([
     action
-], State.prototype, "onChange", void 0);
+], State.prototype, "onDelete", void 0);
 __decorate([
     action
-], State.prototype, "onEdit", null);
+], State.prototype, "onMove", void 0);
 __decorate([
     computed
-], State.prototype, "childMembers", null);
+], State.prototype, "inheritedMembers", null);
 __decorate([
     computed
-], State.prototype, "taskMembers", null);
+], State.prototype, "readonly", null);
 __decorate([
     computed
 ], State.prototype, "hasChanges", null);

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

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

package/es/modules/tasks/components/TaskItem/subTaskItem.less

@@ -3,67 +3,125 @@
 :global {
 	.sub-task-item {
 		position: relative;
+		display: flex;
+		// flex: 1;
+		justify-content: space-between;
 		align-items: center;
-		padding: 10px 20px;
-		background: transparent;
-		cursor: pointer;
-		.tag-view {
-			line-height: 20px;
-			.add-tag-btn {
-				visibility: hidden;
-			}
+		padding-top: 10px;
+		margin: 0 20px;
+		&:last-child {
+			padding-bottom: 10px;
 		}
-		&:hover {
-			.tag-view .add-tag-btn {
-				display: inline-block;
-				visibility: visible;
+		&_box {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			> div:first-child {
+				flex: 1;
 			}
-		}
-		.flag-icon {
-			display: inline-block;
-			margin: 0 2px 0 0;
-			width: 16px;
-		}
-		.task-move {
-			display: inline-block;
-			width: 16px;
-			margin-right: 8px;
-			opacity: 0;
-			font-size: 16px;
-			text-align: right;
-			cursor: move;
-			color: #000;
-			&.show {
-				opacity: 1;
+			.multiple-checkbox {
+				margin-right: 10px;
 			}
-		}
-		.member-align-block {
-			display: block;
-			padding-left: 24px;
-		}
-		.sub-task-members {
-			width: 25%;
-			flex-shrink: 0;
-		}
-		.task-status-label {
-			opacity: 1;
-			transition: opacity 0.3s;
-			flex-shrink: 0;
-			margin-left: 50px;
-			&.hide {
+			.task-move {
+				display: inline-block;
+				width: 25px;
 				opacity: 0;
+				font-size: 16px;
+				color: #000;
+				cursor: move;
+			}
+			.task-header {
+				display: flex;
+				.task-flag {
+					width: 25px;
+				}
+			}
+			.task-item-name {
+				color: #000;
+				font-size: 15px;
+				font-weight: 500;
+				z-index: 100;
+				&.task-item-name_done {
+					color: #a8a8a8;
+				}
+			}
+			.task-file-info {
+				display: flex;
+				color: #444;
+				font-size: 13px;
+				padding-top: 5px;
+				line-height: 24px;
+				p {
+					margin: 0;
+				}
+				& span + span {
+					margin-left: 12px;
+				}
+				.svg-inline--fa {
+					margin-right: 5px;
+				}
+			}
+			.padding-left-25 {
+				padding-left: 25px;
+			}
+			.tag-view,
+			.task-time-box {
+				position: relative;
+				z-index: 100;
+				.ant-tag {
+					margin: 0 0 0 5px;
+					padding: 0 5px;
+					font-size: 12px;
+					line-height: 15px;
+				}
+			}
+			.add-tag-btn {
+				visibility: hidden;
+			}
+			.box {
+				width: 30%;
+			}
+			&.sub-task-item_hover:hover {
+				cursor: pointer;
+				&:before {
+					position: absolute;
+					left: 25px;
+					right: 5px;
+					height: 100%;
+					content: "";
+					opacity: 0.5;
+					background-color: #fff;
+					z-index: 99;
+				}
+				.task-item-name,
+				.task-time-box {
+					opacity: 0.5;
+				}
+				.task-move {
+					opacity: 1;
+				}
+				.add-tag-btn {
+					visibility: visible;
+				}
 			}
 		}
 		.hover-operate-icon {
 			display: none;
 			position: absolute;
-			right: 20px;
-			.ant-btn:first-child {
-				margin-left: 0;
-			}
+			right: 0;
+			z-index: 100;
 			&.show {
 				display: block;
 			}
 		}
+		.hide {
+			visibility: hidden;
+		}
+	}
+	.task-date-picker {
+		.ant-calendar-range .ant-calendar-footer-extra {
+			float: right;
+			// text-align: right;
+		}
 	}
 }

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

@@ -2,6 +2,6 @@
 import "./index.less";
 declare const TaskPropertiesView: (props: {
     id: string;
-    default?: boolean;
+    default?: boolean | undefined;
 }) => JSX.Element;
 export default TaskPropertiesView;

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

@@ -1,62 +1,28 @@
 import "./index.less";
-import { Archive, Open, Reload } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { CommentDataIcon, DocumentDataIcon, UserQuickIcon, } from "@voplus/morpho-document/es/controls/data-icons";
-import React, { useEffect, useState } from "react";
-import { Skeleton, message } from "@voplus/antd";
+import React, { useState } from "react";
 import { useTask, useTaskStore } from "../../../../data/task";
-import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
-import DataIconBar from "@voplus/morpho-document/es/controls/DataIconBar";
-import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import DocumentStatusLabel from "@voplus/morpho-document/es/controls/DocumentStatusLabel";
 import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
+import Scrollbars from "react-custom-scrollbars";
+import { Skeleton } from "@voplus/antd";
 import SubTaskList from "../SubTaskList";
-import TaskAnalyticsDataIcon from "../../reports/TaskAnalyticsDataIcon";
-import TaskEstimatedTime from "../TaskEstimatedTime";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import { observe } from "@voplus/morpho-ui";
-import { useApplicationContext } from "@voplus/morpho-data";
+import TaskHeader from "../TaskHeader";
+import { faEdit } from "@fortawesome/pro-light-svg-icons";
+import { useObserver } from "mobx-react-lite";
 const TaskPropertiesView = (props) => {
     const id = props.id;
-    const { user } = useApplicationContext();
-    const task = useTask(id, { reload: false, includes: "tags" });
+    const task = useTask(id, { reload: false, includes: "tags,task-number-reports" });
     const taskStore = useTaskStore();
-    const [taskStatus, setTaskStatus] = useState(task.taskStatus);
     const [loaded, setLoaded] = useState(true);
-    useEffect(() => {
-        setTaskStatus(task.taskStatus);
-    }, [task.taskStatus]);
-    return observe(() => (React.createElement("div", { className: "module-detail-view" }, loaded && (React.createElement(React.Fragment, null,
-        React.createElement(DocumentHeader, { id: id, size: "h3", quickVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, className: "task-properties-view-header", quickDataBar: React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement(TaskEstimatedTime, { id: id, estimatedHours: task.estimatedHours || 0, startDate: task.startDate, dueDate: task.dueDate, editable: !task.readonly, className: "margin-right-10" }),
-                    React.createElement(DataIconBar, null,
-                        React.createElement(DocumentDataIcon, { id: id }),
-                        React.createElement(CommentDataIcon, { id: id }),
-                        React.createElement(UserQuickIcon, { id: id })),
-                    React.createElement(TaskAnalyticsDataIcon, { id: id, className: "margin-left-10" })),
-                React.createElement(AvatarList, { organizationId: user.info.organizationId, editable: !task.readonly, multiple: true, list: [
-                        ...(task.members || []),
-                        ...(task.childMembers || [])
-                            .filter((item) => !(task.members || []).some((member) => member.id === item.id))
-                            .map((item) => ({
-                            ...item,
-                            disabled: true,
-                        })),
-                    ], onChange: (ids) => {
-                        taskStore.edit(id, { data: { MemberIds: ids }, error: "message" });
-                    } })), tools: React.createElement("div", { className: "tools-bar" },
-                React.createElement("div", null,
-                    React.createElement(ToolBar, { id: id, menuProps: { closeAside: true } },
-                        React.createElement(Reload, { action: onReload }),
-                        React.createElement(Open, { url: `/tasks/${id}` }),
-                        React.createElement(Archive, null))),
-                React.createElement(DocumentStatusLabel, { status: taskStatus, editable: taskStatus !== "NotAssigned" || !task.readonly, onChange: (TaskStatus) => onEdit(TaskStatus), className: "margin-top-10" })), descriptionVisible: false }),
+    return useObserver(() => (React.createElement("div", { className: "module-detail-view" }, loaded && (React.createElement(React.Fragment, null,
+        React.createElement(TaskHeader, { id: id, onReload: onReload }),
         React.createElement(DocumentTabs, { id: id, exclude: ["Task"], details: React.createElement("div", { className: "task-properties-view" },
-                task.loading ? (React.createElement("div", { className: "task-description" },
-                    React.createElement(Skeleton, { active: true }),
-                    " ")) : (React.createElement(DescriptionEditor, { id: id, description: task.description, readonly: task.readonly })),
-                React.createElement(SubTaskList, { parentId: id, readonly: task.status === "Readonly" })) }))))));
+                React.createElement(Scrollbars, { autoHide: true },
+                    React.createElement("div", { className: "task-description" }, task.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(RichTextEditor, { readOnly: task.status === "Readonly", editable: false, defaultValue: id, content: task.description || "", placeholder: task.status === "Readonly" ? ("No description") : (React.createElement("span", null,
+                            React.createElement(FAIcon, { icon: faEdit }),
+                            "Add Description")), onSave: v => taskStore.edit(task.id, { Description: v }) }))),
+                    React.createElement(SubTaskList, { parentId: id, readonly: task.status === "Readonly" }))) }))))));
     /** reload data */
     function onReload() {
         setLoaded(false);
@@ -64,17 +30,6 @@ const TaskPropertiesView = (props) => {
             setLoaded(true);
         }, 100);
     }
-    /** task edit TaskStatus */
-    async function onEdit(TaskStatus) {
-        setTaskStatus(TaskStatus);
-        await taskStore.edit(id, {
-            data: { TaskStatus },
-            error: (error) => {
-                message.error(error.message);
-                setTaskStatus(task.taskStatus);
-            },
-        });
-    }
 };
 export default TaskPropertiesView;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskPropertiesView/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskPropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAC1E,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,kBAAkB,GAAG,CAAC,KAAwC,EAAE,EAAE;IACvE,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEpB,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,0BAA0B,EAAE,CAAC,CAAC;IAClF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3C,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,oBAAoB,IACjC,MAAM,IAAI,CACV,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI;QAC1C,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,CAAC,MAAM,CAAC,EACjB,OAAO,EACN,6BAAK,SAAS,EAAC,sBAAsB;gBACpC,oBAAC,UAAU,IAAC,QAAQ;oBACnB,6BAAK,SAAS,EAAC,kBAAkB,IAC/B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,cAAc,IACd,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,UAAU,EACpC,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,EAAE,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAC/B,WAAW,EACV,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,gBAAgB,CAChB,CAAC,CAAC,CAAC,CACH;4BACC,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;8CAElB,CACP,EAEF,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,GACvD,CACF,CACI;oBACN,oBAAC,WAAW,IAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,UAAU,GAAI,CACvD,CACR,GAEN,CACc,CACjB,CACI,CACN,CAAC,CAAC;IACH,kBAAkB;IAClB,SAAS,QAAQ;QAChB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,EAAE,GAAG,CAAC,CAAC;IACT,CAAC;AACF,CAAC,CAAC;AACF,eAAe,kBAAkB,CAAC"}

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

@@ -1,10 +1,4 @@
 :global {
-	.task-properties-view-header {
-		color: #444;
-		.tools-bar {
-			text-align: right;
-		}
-	}
 	.task-properties-view {
 		display: flex;
 		flex-direction: column;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const TaskQuickViewDialog: (props: {
     id: string;
-    visible?: boolean;
-    onCancel?: () => void;
+    visible?: boolean | undefined;
+    onCancel?: (() => void) | undefined;
 }) => JSX.Element;
 export default TaskQuickViewDialog;