@voplus/morpho-workspace 1.1.0 → 1.2.0-dev.12

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

@@ -1,97 +1,181 @@
 import { __decorate } from "tslib";
-import { action, computed, observable, toJS } from "mobx";
-import { FileStore } from "@voplus/morpho-document/es/data/FileStore/FileContext";
-import { isEqual } from "lodash-es";
+import { action, computed, makeObservable, observable, runInAction, toJS } from "mobx";
+import { clone, isEqual } from "lodash-es";
 import { message } from "@voplus/antd";
 export class State {
-    constructor(taskStore) {
-        this.taskStore = taskStore;
-        this.ids = [];
-        this.members = [];
-        this.name = "";
+    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: ""
+        });
         /** Schedule of task */
-        this.schedule = [];
+        Object.defineProperty(this, "schedule", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
         /** EstimatedHours of task */
-        this.estimatedHours = 0;
+        Object.defineProperty(this, "estimatedHours", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
         /** Edit model of task  */
-        this.editable = false;
+        Object.defineProperty(this, "editable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
         /** loading of save  */
-        this.loading = false;
-        this.visibleQuickView = false;
-        this.modalType = "";
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "modalType", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
         /** MouseOver of sub task  */
-        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);
-        };
+        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;
+            }
+        });
         /** task delete */
-        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;
-        };
+        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" });
+                    runInAction(() => (this.members = this.taskMembers));
+                }
+                else {
+                    this.ids = ids;
+                    this.members = members;
+                }
+            }
+        });
+        makeObservable(this);
+    }
+    update(task) {
+        this.task = task;
+    }
+    undo() {
+        this.editable = false;
+        this.members = this.taskMembers;
     }
-    get inheritedMembers() {
-        return (this.task.inheritedMembers || [])
-            .filter(item => !this.task.members.some(member => member.id === item.id))
-            .map(item => ({
+    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;
+            },
+        });
+    }
+    get childMembers() {
+        return (this.task.childMembers || [])
+            .filter((item) => !this.task.members.some((member) => member.id === item.id))
+            .map((item) => ({
             ...item,
-            disabled: true
+            disabled: true,
         }));
     }
-    get readonly() {
-        return this.task.status === "Readonly";
+    get taskMembers() {
+        return [...(this.task.members || []), ...(this.childMembers || [])];
     }
     get hasChanges() {
         if (!this.name)
             return;
-        const ids = toJS([...(this.task.members || []), ...this.inheritedMembers].map(({ id }) => id));
+        const ids = toJS([...(this.task.members || []), ...this.childMembers].map(({ id }) => id));
         const { name, startDate, dueDate, estimatedHours } = this.task;
         const originalData = { name, ids };
         const modifiedData = {
             name: this.name.trim(),
-            ids: this.ids
-            // startDate: toJS(this.schedule)[0],
-            // dueDate: toJS(this.schedule)[1],
-            // estimatedHours: this.estimatedHours || estimatedHours
+            ids: this.ids,
         };
-        // console.log(originalData, modifiedData, isEqual(originalData, modifiedData), "4444");
         return !isEqual(originalData, modifiedData);
     }
 }
@@ -119,9 +203,6 @@ __decorate([
 __decorate([
     observable
 ], State.prototype, "loading", void 0);
-__decorate([
-    observable
-], State.prototype, "visibleQuickView", void 0);
 __decorate([
     observable
 ], State.prototype, "modalType", void 0);
@@ -129,35 +210,32 @@ __decorate([
     observable
 ], State.prototype, "isHover", void 0);
 __decorate([
-    observable
-], State.prototype, "reload", void 0);
-__decorate([
-    observable
-], State.prototype, "open", void 0);
+    action
+], State.prototype, "update", null);
 __decorate([
     action
 ], State.prototype, "startEdit", void 0);
 __decorate([
     action
-], State.prototype, "startEditDate", void 0);
+], State.prototype, "save", void 0);
 __decorate([
     action
-], State.prototype, "save", void 0);
+], State.prototype, "onDelete", void 0);
 __decorate([
     action
-], State.prototype, "onEdit", void 0);
+], State.prototype, "undo", null);
 __decorate([
     action
-], State.prototype, "onDelete", void 0);
+], State.prototype, "onChange", void 0);
 __decorate([
     action
-], State.prototype, "onMove", void 0);
+], State.prototype, "onEdit", null);
 __decorate([
     computed
-], State.prototype, "inheritedMembers", null);
+], State.prototype, "childMembers", null);
 __decorate([
     computed
-], State.prototype, "readonly", null);
+], State.prototype, "taskMembers", 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,125 +3,67 @@
 :global {
 	.sub-task-item {
 		position: relative;
-		display: flex;
-		// flex: 1;
-		justify-content: space-between;
 		align-items: center;
-		padding-top: 10px;
-		margin: 0 20px;
-		&:last-child {
-			padding-bottom: 10px;
-		}
-		&_box {
-			flex: 1;
-			display: flex;
-			align-items: center;
-			> div:first-child {
-				flex: 1;
-			}
-			.multiple-checkbox {
-				margin-right: 10px;
-			}
-			.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;
-				}
-			}
+		padding: 10px 20px;
+		background: transparent;
+		cursor: pointer;
+		.tag-view {
+			line-height: 20px;
 			.add-tag-btn {
 				visibility: hidden;
 			}
-			.box {
-				width: 30%;
+		}
+		&:hover {
+			.tag-view .add-tag-btn {
+				display: inline-block;
+				visibility: visible;
 			}
-			&.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;
-				}
+		}
+		.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;
+			}
+		}
+		.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 {
+				opacity: 0;
 			}
 		}
 		.hover-operate-icon {
 			display: none;
 			position: absolute;
-			right: 0;
-			z-index: 100;
+			right: 20px;
+			.ant-btn:first-child {
+				margin-left: 0;
+			}
 			&.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 | undefined;
+    default?: boolean;
 }) => JSX.Element;
 export default TaskPropertiesView;

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

@@ -1,28 +1,61 @@
 import "./index.less";
-import React, { useState } from "react";
+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 { 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 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 TaskHeader from "../TaskHeader";
-import { faEdit } from "@fortawesome/pro-light-svg-icons";
-import { useObserver } from "mobx-react-lite";
+import TaskAnalyticsDataIcon from "../../reports/TaskAnalyticsDataIcon";
+import TaskEstimatedTime from "../TaskEstimatedTime";
+import TaskStatusLabel from "../../controls/TaskStatusLabel";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import { autorun } from "mobx";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
 const TaskPropertiesView = (props) => {
     const id = props.id;
-    const task = useTask(id, { reload: false, includes: "tags,task-number-reports" });
+    const { user } = useApplicationContext();
+    const task = useTask(id, { reload: false, includes: "tags" });
     const taskStore = useTaskStore();
+    const [taskStatus, setTaskStatus] = useState(task.taskStatus);
     const [loaded, setLoaded] = useState(true);
-    return useObserver(() => (React.createElement("div", { className: "module-detail-view" }, loaded && (React.createElement(React.Fragment, null,
-        React.createElement(TaskHeader, { id: id, onReload: onReload }),
+    useEffect(() => autorun(() => 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, moreProps: { closeAside: true } },
+                        React.createElement(Reload, { action: onReload }),
+                        React.createElement(Open, { url: `/tasks/${id}` }),
+                        React.createElement(Archive, null))),
+                React.createElement(TaskStatusLabel, { status: taskStatus, editable: !task.readonly, onChange: (TaskStatus) => onEdit(TaskStatus), className: "margin-top-10" })), descriptionVisible: false }),
         React.createElement(DocumentTabs, { id: id, exclude: ["Task"], details: React.createElement("div", { className: "task-properties-view" },
-                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" }))) }))))));
+                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" })) }))))));
     /** reload data */
     function onReload() {
         setLoaded(false);
@@ -30,6 +63,17 @@ 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":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskPropertiesView/index.tsx"],"names":[],"mappings":"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"}

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

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