gantt-lib 0.144.0 → 0.145.0

package/dist/index.mjs

@@ -3461,7 +3461,7 @@ function normalizeHierarchyTasks(tasks) {
       ...orderedTasks[index],
       startDate: new Date(minStart).toISOString().split("T")[0],
       endDate: new Date(maxEnd).toISOString().split("T")[0],
-      progress: totalWeight === 0 ? 0 : Math.round(weightedProgress / totalWeight * 10) / 10
+      progress: orderedTasks[index].progressAggregation === "manual" ? orderedTasks[index].progress : totalWeight === 0 ? 0 : Math.round(weightedProgress / totalWeight * 10) / 10
     };
   }
   return orderedTasks;
@@ -7451,40 +7451,6 @@ var getEndDateFromDuration = (startDate, durationDays) => {
   const start = parseUTCDate(startDate);
   return new Date(start.getTime() + (durationDays - 1) * DAY_MS4).toISOString().split("T")[0];
 };
-var TrashIcon = () => /* @__PURE__ */ jsxs10(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "12",
-    height: "12",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx15("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-      /* @__PURE__ */ jsx15("path", { d: "M3 6h18" }),
-      /* @__PURE__ */ jsx15("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-    ]
-  }
-);
-var PlusIcon = () => /* @__PURE__ */ jsx15(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx15("path", { d: "M12 5v14M5 12h14" })
-  }
-);
 var DepEditIcon = () => /* @__PURE__ */ jsxs10(
   "svg",
   {
@@ -7527,67 +7493,6 @@ var VerticalDotsIcon = () => /* @__PURE__ */ jsxs10(
     ]
   }
 );
-var CopyIcon = () => /* @__PURE__ */ jsxs10(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx15("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-      /* @__PURE__ */ jsx15("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
-    ]
-  }
-);
-var UngroupIcon = () => /* @__PURE__ */ jsxs10(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx15("path", { d: "M3 12h10" }),
-      /* @__PURE__ */ jsx15("path", { d: "m6 9-3 3 3 3" }),
-      /* @__PURE__ */ jsx15("path", { d: "M13 6h8" }),
-      /* @__PURE__ */ jsx15("path", { d: "M13 18h8" })
-    ]
-  }
-);
-var TASK_COLOR_PALETTE = [
-  // { label: "Палисандр", value: "#A61E4D" },
-  // { label: "Киноварь", value: "#E8590C" },
-  // { label: "Жёлт", value: "#eec45c" },
-  { label: "\u041A\u0438\u043D\u043E\u0432\u0430\u0440\u044C2", value: "#fe724e" },
-  // { label: "Оранжевый", value: "#F08C00" },
-  { label: "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u04392", value: "#ff991f" },
-  { label: "\u0417\u043E\u043B\u043E\u0442\u043E\u0439", value: "#e5c800" },
-  { label: "\u0411\u0438\u0440\u044E\u0437\u0430", value: "#58d8a3" },
-  { label: "\u041F\u0430\u043B\u0438\u0441\u0430\u043D\u0434\u0440", value: "#d64a7b" },
-  { label: "\u041F\u0435\u0441\u043E\u0447\u043D\u044B\u0439", value: "#997B10" },
-  { label: "\u0428\u0430\u0440\u0442\u0440\u0435\u0437", value: "#A3BE00" },
-  { label: "\u0413\u043E\u043B\u0443\u0431\u043E\u0439", value: "#03c7e6" },
-  { label: "\u0412\u0438\u043D\u043E\u0433\u0440\u0430\u04342", value: "#8678d9" },
-  { label: "\u0421\u0435\u0440\u044B\u04392", value: "#6b778c" },
-  { label: "\u041B\u0435\u0441\u043D\u043E\u0439", value: "#2B8A3E" }
-  // { label: "Лесной3", value: "#60b838" },
-  // { label: "Бирюза", value: "#0B7285" },
-  // { label: "Серый", value: "#495057" },
-  // { label: "Океан", value: "#5244ff" },
-  // { label: "Океан2", value: "#0626ba" },
-  // { label: "Виноград", value: "#AE3EC9" },
-];
 var ChevronRightIcon = () => /* @__PURE__ */ jsx15(
   "svg",
   {
@@ -7617,81 +7522,6 @@ function formatDependencyPrintLabel(dep, predecessorTaskNumber, lag) {
   const lagSuffix = effectiveLag === 0 ? "" : effectiveLag > 0 ? `+${effectiveLag}` : String(effectiveLag);
   return `[${predecessorTaskNumber ?? dep.taskId}]${LINK_TYPE_LABELS_RU2[dep.type]}${lagSuffix}`;
 }
-var ArrowLeft = () => /* @__PURE__ */ jsxs10(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx15("path", { d: "m12 19-7-7 7-7" }),
-      /* @__PURE__ */ jsx15("path", { d: "M19 12H5" })
-    ]
-  }
-);
-var ArrowRight = () => /* @__PURE__ */ jsxs10(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx15("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ jsx15("path", { d: "m12 5 7 7-7 7" })
-    ]
-  }
-);
-var HierarchyButton = ({
-  isChild,
-  rowIndex: _rowIndex,
-  canDemote,
-  onPromote,
-  onDemote
-}) => {
-  const canPromote = isChild && onPromote;
-  const showDemote = canDemote && !!onDemote;
-  if (!canPromote && !showDemote) return null;
-  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
-    canPromote && /* @__PURE__ */ jsx15(
-      "button",
-      {
-        type: "button",
-        className: "gantt-tl-name-action-btn gantt-tl-action-hierarchy",
-        onClick: (e) => {
-          e.stopPropagation();
-          onPromote(e);
-        },
-        title: "\u041F\u043E\u0432\u044B\u0441\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
-        children: /* @__PURE__ */ jsx15(ArrowLeft, {})
-      }
-    ),
-    showDemote && /* @__PURE__ */ jsx15(
-      "button",
-      {
-        type: "button",
-        className: "gantt-tl-name-action-btn gantt-tl-action-hierarchy",
-        onClick: (e) => {
-          e.stopPropagation();
-          onDemote(e);
-        },
-        title: "\u041F\u043E\u043D\u0438\u0437\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
-        children: /* @__PURE__ */ jsx15(ArrowRight, {})
-      }
-    )
-  ] });
-};
 var DepChip = ({
   lag,
   dep,
@@ -8028,7 +7858,7 @@ var areTaskListRowPropsEqual = (prevProps, nextProps) => {
   const nextPickingTask = nextProps.selectingPredecessorFor === nextTask.id;
   const prevAnyPicking = prevProps.selectingPredecessorFor != null;
   const nextAnyPicking = nextProps.selectingPredecessorFor != null;
-  return prevTaskUnchanged && prevProps.rowIndex === nextProps.rowIndex && prevProps.taskNumber === nextProps.taskNumber && prevProps.taskNumberMap === nextProps.taskNumberMap && prevProps.rowHeight === nextProps.rowHeight && prevIsSelected === nextIsSelected && prevProps.disableTaskNameEditing === nextProps.disableTaskNameEditing && prevProps.disableDependencyEditing === nextProps.disableDependencyEditing && prevProps.allTasks === nextProps.allTasks && prevProps.activeLinkType === nextProps.activeLinkType && prevProps.dependencyPickMode === nextProps.dependencyPickMode && prevPickingTask === nextPickingTask && prevAnyPicking === nextAnyPicking && resolveSelectedChipRole(prevProps) === resolveSelectedChipRole(nextProps) && prevIsEditingTask === nextIsEditingTask && prevProps.isDragging === nextProps.isDragging && prevProps.isDragOver === nextProps.isDragOver && prevProps.dragOverPlacement === nextProps.dragOverPlacement && prevProps.isNestedDropTarget === nextProps.isNestedDropTarget && prevProps.isDirectChildDropTarget === nextProps.isDirectChildDropTarget && prevCollapsed === nextCollapsed && prevProps.canDemoteTask === nextProps.canDemoteTask && prevProps.isLastChild === nextProps.isLastChild && prevProps.nestingDepth === nextProps.nestingDepth && prevProps.hasVisibleChildren === nextProps.hasVisibleChildren && prevProps.ancestorLineModes === nextProps.ancestorLineModes && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.fillParentRow === nextProps.fillParentRow && prevProps.businessDays === nextProps.businessDays && prevProps.defaultTaskDurationDays === nextProps.defaultTaskDurationDays && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.isFilterHideMode === nextProps.isFilterHideMode && prevProps.resolvedColumns === nextProps.resolvedColumns && prevProps.isTaskSelected === nextProps.isTaskSelected && resolveActiveCustomCellForRow(prevProps) === resolveActiveCustomCellForRow(nextProps) && prevProps.taskListMenuCommands === nextProps.taskListMenuCommands && prevProps.hideTaskListRowActions === nextProps.hideTaskListRowActions && prevProps.rowClassName === nextProps.rowClassName && prevProps.getTaskListNamePrefixIcon === nextProps.getTaskListNamePrefixIcon && prevProps.taskDateChangeMode === nextProps.taskDateChangeMode && prevProps.printDependencyLabels === nextProps.printDependencyLabels;
+  return prevTaskUnchanged && prevProps.rowIndex === nextProps.rowIndex && prevProps.taskNumber === nextProps.taskNumber && prevProps.taskNumberMap === nextProps.taskNumberMap && prevProps.rowHeight === nextProps.rowHeight && prevIsSelected === nextIsSelected && prevProps.disableTaskNameEditing === nextProps.disableTaskNameEditing && prevProps.disableDependencyEditing === nextProps.disableDependencyEditing && prevProps.allTasks === nextProps.allTasks && prevProps.activeLinkType === nextProps.activeLinkType && prevProps.dependencyPickMode === nextProps.dependencyPickMode && prevPickingTask === nextPickingTask && prevAnyPicking === nextAnyPicking && resolveSelectedChipRole(prevProps) === resolveSelectedChipRole(nextProps) && prevIsEditingTask === nextIsEditingTask && prevProps.isDragging === nextProps.isDragging && prevProps.isDragOver === nextProps.isDragOver && prevProps.dragOverPlacement === nextProps.dragOverPlacement && prevProps.isNestedDropTarget === nextProps.isNestedDropTarget && prevProps.isDirectChildDropTarget === nextProps.isDirectChildDropTarget && prevCollapsed === nextCollapsed && prevProps.canDemoteTask === nextProps.canDemoteTask && prevProps.isLastChild === nextProps.isLastChild && prevProps.nestingDepth === nextProps.nestingDepth && prevProps.hasVisibleChildren === nextProps.hasVisibleChildren && prevProps.ancestorLineModes === nextProps.ancestorLineModes && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.fillParentRow === nextProps.fillParentRow && prevProps.businessDays === nextProps.businessDays && prevProps.defaultTaskDurationDays === nextProps.defaultTaskDurationDays && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.isFilterHideMode === nextProps.isFilterHideMode && prevProps.resolvedColumns === nextProps.resolvedColumns && prevProps.isTaskSelected === nextProps.isTaskSelected && resolveActiveCustomCellForRow(prevProps) === resolveActiveCustomCellForRow(nextProps) && prevProps.taskListMenuCommands === nextProps.taskListMenuCommands && prevProps.onInsertAfter === nextProps.onInsertAfter && prevProps.onPromoteTask === nextProps.onPromoteTask && prevProps.onDemoteTask === nextProps.onDemoteTask && prevProps.onDuplicateTask === nextProps.onDuplicateTask && prevProps.onDelete === nextProps.onDelete && prevProps.onUngroupTask === nextProps.onUngroupTask && prevProps.renderTaskListActions === nextProps.renderTaskListActions && prevProps.renderTaskListMenu === nextProps.renderTaskListMenu && prevProps.hideTaskListRowActions === nextProps.hideTaskListRowActions && prevProps.rowClassName === nextProps.rowClassName && prevProps.getTaskListNamePrefixIcon === nextProps.getTaskListNamePrefixIcon && prevProps.taskDateChangeMode === nextProps.taskDateChangeMode && prevProps.printDependencyLabels === nextProps.printDependencyLabels;
 };
 var TaskListRow = React11.memo(
   ({
@@ -8092,6 +7922,8 @@ var TaskListRow = React11.memo(
     activeCustomCell,
     onActiveCustomCellChange,
     taskListMenuCommands = [],
+    renderTaskListActions,
+    renderTaskListMenu,
     hideTaskListRowActions = false,
     rowClassName,
     compositeParentColor,
@@ -8144,7 +7976,6 @@ var TaskListRow = React11.memo(
     const progressInputRef = useRef6(null);
     const [overflowOpen, setOverflowOpen] = useState6(false);
     const [contextMenuOpen, setContextMenuOpen] = useState6(false);
-    const [colorMenuOpen, setColorMenuOpen] = useState6(false);
     const nameConfirmedRef = useRef6(false);
     const durationConfirmedRef = useRef6(false);
     const progressConfirmedRef = useRef6(false);
@@ -8661,47 +8492,6 @@ var TaskListRow = React11.memo(
       },
       [task.id, onToggleCollapse]
     );
-    const handlePromote = useCallback6(
-      (e) => {
-        e.stopPropagation();
-        onPromoteTask?.(task.id);
-      },
-      [task.id, onPromoteTask]
-    );
-    const handleDemote = useCallback6(
-      (e) => {
-        e.stopPropagation();
-        onDemoteTask?.(task.id, "");
-      },
-      [task.id, onDemoteTask]
-    );
-    const closeColorMenu = useCallback6(() => {
-      setColorMenuOpen(false);
-    }, []);
-    const handleApplyColor = useCallback6(
-      (color) => {
-        if (!onTasksChange) return;
-        const descendantIds = new Set(
-          isParent ? getAllDescendants(task.id, allTasks).map((descendant) => descendant.id) : []
-        );
-        const updatedTasks = [
-          { ...task, color },
-          ...allTasks.filter((candidate) => descendantIds.has(candidate.id)).map((candidate) => ({ ...candidate, color }))
-        ];
-        onTasksChange(updatedTasks);
-        closeColorMenu();
-        setContextMenuOpen(false);
-      },
-      [allTasks, closeColorMenu, isParent, onTasksChange, task]
-    );
-    const handleUngroup = useCallback6(
-      (e) => {
-        e.stopPropagation();
-        setContextMenuOpen(false);
-        onUngroupTask?.(task.id);
-      },
-      [onUngroupTask, task.id]
-    );
     const visibleCustomMenuCommands = useMemo9(
       () => taskListMenuCommands.filter(
         (command) => {
@@ -8714,18 +8504,50 @@ var TaskListRow = React11.memo(
       ),
       [taskListMenuCommands, task, isParent, isMilestoneRow]
     );
-    const hasContextMenu = !hideTaskListRowActions && (visibleCustomMenuCommands.length > 0 || !!onDuplicateTask || !!onDelete || !!onTasksChange || isParent && !!onUngroupTask);
-    const handleCustomMenuCommandClick = useCallback6(
-      (command) => (e) => {
-        e.stopPropagation();
-        if (command.closeOnSelect !== false) {
-          setContextMenuOpen(false);
-          closeColorMenu();
+    const actionContext = {
+      task,
+      isParent,
+      canPromote: isChild && !!onPromoteTask,
+      canDemote: canDemoteTask && !!onDemoteTask,
+      insertAfter: onInsertAfter ? () => {
+        const range = buildDefaultTaskDateRange(getTodayISODate(), {
+          businessDays,
+          defaultTaskDurationDays,
+          weekendPredicate
+        });
+        onInsertAfter(task.id, { id: crypto.randomUUID(), name: "\u041D\u043E\u0432\u0430\u044F \u0440\u0430\u0431\u043E\u0442\u0430", ...range, parentId: task.parentId });
+      } : void 0,
+      promote: isChild && onPromoteTask ? () => onPromoteTask(task.id) : void 0,
+      demote: canDemoteTask && onDemoteTask ? () => onDemoteTask(task.id, "") : void 0,
+      duplicate: onDuplicateTask ? () => onDuplicateTask(task.id) : void 0,
+      delete: onDelete ? () => onDelete(task.id) : void 0,
+      ungroup: isParent && onUngroupTask ? () => onUngroupTask(task.id) : void 0,
+      closeMenu: () => setContextMenuOpen(false)
+    };
+    const commandContent = visibleCustomMenuCommands.length ? visibleCustomMenuCommands.map((command) => /* @__PURE__ */ jsxs10(React11.Fragment, { children: [
+      command.divider === "top" && /* @__PURE__ */ jsx15("hr", { className: "gantt-tl-context-menu-divider" }),
+      /* @__PURE__ */ jsxs10(
+        "button",
+        {
+          type: "button",
+          className: `gantt-tl-context-menu-item${command.danger ? " gantt-tl-context-menu-item-danger" : ""}`,
+          disabled: command.isDisabled?.(task) ?? false,
+          onClick: (event) => {
+            event.stopPropagation();
+            if (command.closeOnSelect !== false) actionContext.closeMenu();
+            command.onSelect(task);
+          },
+          children: [
+            command.icon,
+            command.label
+          ]
         }
-        command.onSelect(task);
-      },
-      [closeColorMenu, task]
-    );
+      ),
+      command.divider === "bottom" && /* @__PURE__ */ jsx15("hr", { className: "gantt-tl-context-menu-divider" })
+    ] }, command.id)) : null;
+    const menuContent = hideTaskListRowActions ? null : renderTaskListMenu ? renderTaskListMenu(actionContext, commandContent) : commandContent;
+    const actionContent = hideTaskListRowActions ? null : renderTaskListActions?.(actionContext);
+    const hasContextMenu = menuContent !== null && menuContent !== void 0 && menuContent !== false;
     const handleAddClick = useCallback6(
       (e) => {
         e.stopPropagation();
@@ -9200,197 +9022,25 @@ var TaskListRow = React11.memo(
           "aria-hidden": "true"
         }
       ),
-      !editingName && !hideTaskListRowActions && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ jsxs10("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
-        onInsertAfter && /* @__PURE__ */ jsx15(
-          "button",
-          {
-            type: "button",
-            className: "gantt-tl-name-action-btn gantt-tl-action-insert",
-            onClick: (e) => {
-              e.stopPropagation();
-              const range = buildDefaultTaskDateRange(getTodayISODate(), {
-                businessDays,
-                defaultTaskDurationDays,
-                weekendPredicate
-              });
-              const newTask = {
-                id: crypto.randomUUID(),
-                name: "\u041D\u043E\u0432\u0430\u044F \u0440\u0430\u0431\u043E\u0442\u0430",
-                startDate: range.startDate,
-                endDate: range.endDate,
-                parentId: task.parentId
-              };
-              onInsertAfter(task.id, newTask);
-            },
-            "aria-label": "\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443 \u043F\u043E\u0441\u043B\u0435 \u044D\u0442\u043E\u0439",
-            children: /* @__PURE__ */ jsx15(PlusIcon, {})
-          }
-        ),
-        /* @__PURE__ */ jsx15(
-          HierarchyButton,
-          {
-            isChild,
-            rowIndex,
-            canDemote: canDemoteTask,
-            onPromote: onPromoteTask ? handlePromote : void 0,
-            onDemote: onDemoteTask ? handleDemote : void 0
-          }
-        ),
-        hasContextMenu && /* @__PURE__ */ jsxs10(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
-          setContextMenuOpen(open);
-          if (!open) closeColorMenu();
-        }, children: [
+      !editingName && !hideTaskListRowActions && (actionContent || hasContextMenu) ? /* @__PURE__ */ jsxs10("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, onClick: (event) => event.stopPropagation(), children: [
+        actionContent,
+        hasContextMenu ? /* @__PURE__ */ jsxs10(Popover, { open: contextMenuOpen, onOpenChange: setContextMenuOpen, children: [
           /* @__PURE__ */ jsx15(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx15(
             "button",
             {
               type: "button",
               className: "gantt-tl-name-action-btn gantt-tl-action-context",
-              onClick: (e) => {
-                e.stopPropagation();
-                setContextMenuOpen((v) => !v);
+              onClick: (event) => {
+                event.stopPropagation();
+                setContextMenuOpen((value) => !value);
               },
               "aria-label": "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u043E",
               children: /* @__PURE__ */ jsx15(VerticalDotsIcon, {})
             }
           ) }),
-          /* @__PURE__ */ jsxs10(PopoverContent, { className: "gantt-tl-context-menu", portal: true, align: "end", children: [
-            onTasksChange && /* @__PURE__ */ jsxs10(
-              "div",
-              {
-                className: "gantt-tl-context-menu-section gantt-tl-context-submenu-wrap",
-                onMouseLeave: (e) => {
-                  if (!e.currentTarget.contains(e.relatedTarget)) {
-                    closeColorMenu();
-                  }
-                },
-                onBlur: (e) => {
-                  if (!e.currentTarget.contains(e.relatedTarget)) {
-                    closeColorMenu();
-                  }
-                },
-                children: [
-                  /* @__PURE__ */ jsxs10(
-                    "button",
-                    {
-                      type: "button",
-                      className: "gantt-tl-context-menu-item gantt-tl-context-menu-item-toggle",
-                      onMouseEnter: () => setColorMenuOpen(true),
-                      "aria-expanded": colorMenuOpen,
-                      "aria-haspopup": "menu",
-                      children: [
-                        /* @__PURE__ */ jsxs10("span", { className: "gantt-tl-context-menu-item-main", children: [
-                          task.color && /* @__PURE__ */ jsx15(
-                            "span",
-                            {
-                              className: "gantt-tl-color-swatch gantt-tl-color-swatch-inline",
-                              style: { backgroundColor: task.color },
-                              "aria-hidden": "true"
-                            }
-                          ),
-                          "\u0426\u0432\u0435\u0442"
-                        ] }),
-                        /* @__PURE__ */ jsx15(ChevronRightIcon, {})
-                      ]
-                    }
-                  ),
-                  colorMenuOpen && /* @__PURE__ */ jsx15("div", { className: "gantt-tl-context-submenu", role: "menu", "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430", children: /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-color-grid", children: [
-                    /* @__PURE__ */ jsx15(
-                      "button",
-                      {
-                        type: "button",
-                        className: `gantt-tl-color-swatch gantt-tl-color-swatch-clear${!task.color ? " is-selected" : ""}`,
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          handleApplyColor(void 0);
-                        },
-                        "aria-label": "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0446\u0432\u0435\u0442",
-                        title: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0446\u0432\u0435\u0442",
-                        children: /* @__PURE__ */ jsx15("span", { className: "gantt-tl-color-swatch-clear-line" })
-                      }
-                    ),
-                    TASK_COLOR_PALETTE.map((paletteColor) => /* @__PURE__ */ jsx15(
-                      "button",
-                      {
-                        type: "button",
-                        className: `gantt-tl-color-swatch${task.color === paletteColor.value ? " is-selected" : ""}`,
-                        style: { backgroundColor: paletteColor.value },
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          handleApplyColor(paletteColor.value);
-                        },
-                        "aria-label": `\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0446\u0432\u0435\u0442 ${paletteColor.label}`,
-                        title: paletteColor.label
-                      },
-                      paletteColor.value
-                    ))
-                  ] }) })
-                ]
-              }
-            ),
-            onDuplicateTask && /* @__PURE__ */ jsxs10(
-              "button",
-              {
-                type: "button",
-                className: "gantt-tl-context-menu-item",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  setContextMenuOpen(false);
-                  onDuplicateTask(task.id);
-                },
-                children: [
-                  /* @__PURE__ */ jsx15(CopyIcon, {}),
-                  "\u0414\u0443\u0431\u043B\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
-                ]
-              }
-            ),
-            visibleCustomMenuCommands.map((command) => /* @__PURE__ */ jsxs10(React11.Fragment, { children: [
-              command.divider === "top" && /* @__PURE__ */ jsx15("hr", { className: "gantt-tl-context-menu-divider" }),
-              /* @__PURE__ */ jsxs10(
-                "button",
-                {
-                  type: "button",
-                  className: `gantt-tl-context-menu-item${command.danger ? " gantt-tl-context-menu-item-danger" : ""}`,
-                  onClick: handleCustomMenuCommandClick(command),
-                  disabled: command.isDisabled?.(task) ?? false,
-                  children: [
-                    command.icon,
-                    command.label
-                  ]
-                }
-              ),
-              command.divider === "bottom" && /* @__PURE__ */ jsx15("hr", { className: "gantt-tl-context-menu-divider" })
-            ] }, command.id)),
-            isParent && onUngroupTask && /* @__PURE__ */ jsxs10(
-              "button",
-              {
-                type: "button",
-                className: "gantt-tl-context-menu-item",
-                onClick: handleUngroup,
-                children: [
-                  /* @__PURE__ */ jsx15(UngroupIcon, {}),
-                  "\u0420\u0430\u0437\u0433\u0440\u0443\u043F\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
-                ]
-              }
-            ),
-            onDelete && /* @__PURE__ */ jsxs10(
-              "button",
-              {
-                type: "button",
-                className: "gantt-tl-context-menu-item gantt-tl-context-menu-item-danger",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  setContextMenuOpen(false);
-                  onDelete(task.id);
-                },
-                children: [
-                  /* @__PURE__ */ jsx15(TrashIcon, {}),
-                  "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443"
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] })
+          /* @__PURE__ */ jsx15(PopoverContent, { className: "gantt-tl-context-menu", portal: true, align: "end", children: menuContent })
+        ] }) : null
+      ] }) : null
     ] });
     const startDateCell = /* @__PURE__ */ jsx15(
       "div",
@@ -10240,7 +9890,7 @@ var BUILT_IN_CSS_CLASSES = {
   duration: "gantt-tl-cell-duration",
   progress: "gantt-tl-cell-progress"
 };
-function getAllDescendants2(parentId, tasks) {
+function getAllDescendants3(parentId, tasks) {
   const descendants = [];
   const visited = /* @__PURE__ */ new Set();
   function collectChildren(taskId) {
@@ -10258,7 +9908,7 @@ function getAllDescendants2(parentId, tasks) {
 function duplicateTaskSubtree(anchorTaskId, orderedTasks) {
   const anchorTask = orderedTasks.find((task) => task.id === anchorTaskId);
   if (!anchorTask) return orderedTasks;
-  const descendants = getAllDescendants2(anchorTaskId, orderedTasks);
+  const descendants = getAllDescendants3(anchorTaskId, orderedTasks);
   const sourceIds = /* @__PURE__ */ new Set([anchorTaskId, ...descendants.map((task) => task.id)]);
   const sourceSubtree = orderedTasks.filter((task) => sourceIds.has(task.id));
   const cloneIdMap = new Map(sourceSubtree.map((task) => [task.id, crypto.randomUUID()]));
@@ -10367,7 +10017,7 @@ var TaskList = ({
   disableTaskDrag = false,
   disableTaskListReorder = false,
   editingTaskId: propEditingTaskId,
-  enableAddTask = true,
+  enableAddTask = false,
   addTaskLabel = "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443",
   defaultTaskDurationDays = DEFAULT_TASK_DURATION_DAYS,
   collapsedParentIds: externalCollapsedParentIds,
@@ -10393,6 +10043,8 @@ var TaskList = ({
   taskListColumnWidths,
   onTaskListColumnWidthsChange,
   taskListMenuCommands,
+  renderTaskListActions,
+  renderTaskListMenu,
   hideTaskListRowActions = false,
   getTaskListRowClassName,
   getTaskListNamePrefixIcon,
@@ -10823,7 +10475,7 @@ var TaskList = ({
     }
     const draggedTask = orderedTasks.find((t) => t.id === draggedTaskId);
     if (!draggedTask) return true;
-    const descendants = getAllDescendants2(draggedTaskId, orderedTasks);
+    const descendants = getAllDescendants3(draggedTaskId, orderedTasks);
     const descendantIds = new Set(descendants.map((d) => d.id));
     if (descendantIds.has(dropTarget.id)) {
       return false;
@@ -10840,7 +10492,7 @@ var TaskList = ({
     if (target.placement !== "before" || target.index <= 0 || target.index >= visibleTasks.length) {
       return target;
     }
-    const descendantIds = new Set(getAllDescendants2(movedTaskId, orderedTasks).map((task) => task.id));
+    const descendantIds = new Set(getAllDescendants3(movedTaskId, orderedTasks).map((task) => task.id));
     const movedIds = /* @__PURE__ */ new Set([movedTaskId, ...descendantIds]);
     const targetTask = visibleTasks[target.index];
     if (targetTask?.id === movedTaskId) {
@@ -10963,7 +10615,7 @@ var TaskList = ({
     let subtree;
     let subtreeCount;
     if (hasChildren) {
-      const descendants = getAllDescendants2(moved.id, orderedTasks);
+      const descendants = getAllDescendants3(moved.id, orderedTasks);
       subtree = [moved, ...descendants];
       subtreeCount = subtree.length;
     } else {
@@ -10981,7 +10633,7 @@ var TaskList = ({
   const handleBeforeFirstDragOver = useCallback7((e) => {
     const draggedTaskId = dragTaskIdRef.current;
     const firstTask = visibleTasks[0];
-    const descendantIds = draggedTaskId ? new Set(getAllDescendants2(draggedTaskId, orderedTasks).map((task) => task.id)) : /* @__PURE__ */ new Set();
+    const descendantIds = draggedTaskId ? new Set(getAllDescendants3(draggedTaskId, orderedTasks).map((task) => task.id)) : /* @__PURE__ */ new Set();
     const isValidBeforeFirstDrop = !!draggedTaskId && !!firstTask && firstTask.id !== draggedTaskId && !descendantIds.has(firstTask.id) && isValidParentDrop(draggedTaskId, 0);
     setIsBeforeFirstDropZoneActive(isValidBeforeFirstDrop);
     handleDragOver(0, e, "before");
@@ -11519,7 +11171,7 @@ var TaskList = ({
                         onScrollToTask,
                         onDelete,
                         onAdd,
-                        onInsertAfter: handleStartInsertAfter,
+                        onInsertAfter: onInsertAfter ? handleStartInsertAfter : void 0,
                         editingTaskId: propEditingTaskId,
                         isDragging: !reorderDisabled && draggingIndex === index,
                         isDragOver: !reorderDisabled && dragOverTarget?.index === index,
@@ -11554,6 +11206,8 @@ var TaskList = ({
                         activeCustomCell,
                         onActiveCustomCellChange: setActiveCustomCell,
                         taskListMenuCommands,
+                        renderTaskListActions,
+                        renderTaskListMenu,
                         hideTaskListRowActions,
                         rowClassName: [
                           task.parentId && compositeParentIds.has(task.parentId) ? "gantt-tl-row-composite-detail" : "",
@@ -15483,7 +15137,7 @@ function TaskGanttChartInner(props, ref) {
     onPromoteTask,
     onDemoteTask,
     onUngroupTask,
-    enableAddTask = true,
+    enableAddTask = false,
     addTaskLabel = "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443",
     defaultTaskDurationDays,
     taskFilter,
@@ -15516,6 +15170,8 @@ function TaskGanttChartInner(props, ref) {
     taskListColumnWidths,
     onTaskListColumnWidthsChange,
     taskListMenuCommands,
+    renderTaskListActions,
+    renderTaskListMenu,
     hideTaskListRowActions = false,
     getTaskListRowClassName,
     getTaskListNamePrefixIcon,
@@ -16842,9 +16498,9 @@ function TaskGanttChartInner(props, ref) {
                     ),
                     selectedChip,
                     onAdd,
-                    onDelete: handleDelete,
-                    onInsertAfter: handleInsertAfter,
-                    onReorder: handleReorder,
+                    onDelete: onDelete ? handleDelete : void 0,
+                    onInsertAfter: onInsertAfter ? handleInsertAfter : void 0,
+                    onReorder: onReorder || onTasksChange ? handleReorder : void 0,
                     disableTaskDrag: disableTaskDrag || disableTaskListReorder,
                     editingTaskId,
                     enableAddTask,
@@ -16852,9 +16508,9 @@ function TaskGanttChartInner(props, ref) {
                     defaultTaskDurationDays,
                     collapsedParentIds,
                     onToggleCollapse: handleToggleCollapse,
-                    onPromoteTask: onPromoteTask ?? handlePromoteTask,
-                    onDemoteTask: onDemoteTask ?? handleDemoteTask,
-                    onUngroupTask: onUngroupTask ?? handleUngroupTask,
+                    onPromoteTask: onPromoteTask ?? (onTasksChange ? handlePromoteTask : void 0),
+                    onDemoteTask: onDemoteTask ?? (onTasksChange ? handleDemoteTask : void 0),
+                    onUngroupTask: onUngroupTask ?? (onTasksChange ? handleUngroupTask : void 0),
                     highlightedTaskIds: taskListHighlightedTaskIds,
                     fillParentRows: shouldFillParentRowsInTaskList,
                     enableTaskMultiSelect,
@@ -16873,6 +16529,8 @@ function TaskGanttChartInner(props, ref) {
                     taskListColumnWidths,
                     onTaskListColumnWidthsChange,
                     taskListMenuCommands,
+                    renderTaskListActions,
+                    renderTaskListMenu,
                     hideTaskListRowActions,
                     getTaskListRowClassName,
                     getTaskListNamePrefixIcon,