gantt-lib 0.144.1 → 0.145.0

package/dist/index.js

@@ -7590,40 +7590,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__ */ (0, import_jsx_runtime15.jsxs)(
-  "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__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M3 6h18" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-    ]
-  }
-);
-var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-  "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__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M12 5v14M5 12h14" })
-  }
-);
 var DepEditIcon = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
   "svg",
   {
@@ -7666,67 +7632,6 @@ var VerticalDotsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     ]
   }
 );
-var CopyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-  "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__ */ (0, import_jsx_runtime15.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)(
-  "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__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M3 12h10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "m6 9-3 3 3 3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M13 6h8" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)(
   "svg",
   {
@@ -7756,81 +7661,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__ */ (0, import_jsx_runtime15.jsxs)(
-  "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__ */ (0, import_jsx_runtime15.jsx)("path", { d: "m12 19-7-7 7-7" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M19 12H5" })
-    ]
-  }
-);
-var ArrowRight = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-  "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__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    canPromote && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      "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__ */ (0, import_jsx_runtime15.jsx)(ArrowLeft, {})
-      }
-    ),
-    showDemote && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      "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__ */ (0, import_jsx_runtime15.jsx)(ArrowRight, {})
-      }
-    )
-  ] });
-};
 var DepChip = ({
   lag,
   dep,
@@ -8167,7 +7997,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 = import_react12.default.memo(
   ({
@@ -8231,6 +8061,8 @@ var TaskListRow = import_react12.default.memo(
     activeCustomCell,
     onActiveCustomCellChange,
     taskListMenuCommands = [],
+    renderTaskListActions,
+    renderTaskListMenu,
     hideTaskListRowActions = false,
     rowClassName,
     compositeParentColor,
@@ -8283,7 +8115,6 @@ var TaskListRow = import_react12.default.memo(
     const progressInputRef = (0, import_react12.useRef)(null);
     const [overflowOpen, setOverflowOpen] = (0, import_react12.useState)(false);
     const [contextMenuOpen, setContextMenuOpen] = (0, import_react12.useState)(false);
-    const [colorMenuOpen, setColorMenuOpen] = (0, import_react12.useState)(false);
     const nameConfirmedRef = (0, import_react12.useRef)(false);
     const durationConfirmedRef = (0, import_react12.useRef)(false);
     const progressConfirmedRef = (0, import_react12.useRef)(false);
@@ -8800,47 +8631,6 @@ var TaskListRow = import_react12.default.memo(
       },
       [task.id, onToggleCollapse]
     );
-    const handlePromote = (0, import_react12.useCallback)(
-      (e) => {
-        e.stopPropagation();
-        onPromoteTask?.(task.id);
-      },
-      [task.id, onPromoteTask]
-    );
-    const handleDemote = (0, import_react12.useCallback)(
-      (e) => {
-        e.stopPropagation();
-        onDemoteTask?.(task.id, "");
-      },
-      [task.id, onDemoteTask]
-    );
-    const closeColorMenu = (0, import_react12.useCallback)(() => {
-      setColorMenuOpen(false);
-    }, []);
-    const handleApplyColor = (0, import_react12.useCallback)(
-      (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 = (0, import_react12.useCallback)(
-      (e) => {
-        e.stopPropagation();
-        setContextMenuOpen(false);
-        onUngroupTask?.(task.id);
-      },
-      [onUngroupTask, task.id]
-    );
     const visibleCustomMenuCommands = (0, import_react12.useMemo)(
       () => taskListMenuCommands.filter(
         (command) => {
@@ -8853,18 +8643,50 @@ var TaskListRow = import_react12.default.memo(
       ),
       [taskListMenuCommands, task, isParent, isMilestoneRow]
     );
-    const hasContextMenu = !hideTaskListRowActions && (visibleCustomMenuCommands.length > 0 || !!onDuplicateTask || !!onDelete || !!onTasksChange || isParent && !!onUngroupTask);
-    const handleCustomMenuCommandClick = (0, import_react12.useCallback)(
-      (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__ */ (0, import_jsx_runtime15.jsxs)(import_react12.default.Fragment, { children: [
+      command.divider === "top" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("hr", { className: "gantt-tl-context-menu-divider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        "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__ */ (0, import_jsx_runtime15.jsx)("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 = (0, import_react12.useCallback)(
       (e) => {
         e.stopPropagation();
@@ -9339,197 +9161,25 @@ var TaskListRow = import_react12.default.memo(
           "aria-hidden": "true"
         }
       ),
-      !editingName && !hideTaskListRowActions && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
-        onInsertAfter && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "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__ */ (0, import_jsx_runtime15.jsx)(PlusIcon, {})
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          HierarchyButton,
-          {
-            isChild,
-            rowIndex,
-            canDemote: canDemoteTask,
-            onPromote: onPromoteTask ? handlePromote : void 0,
-            onDemote: onDemoteTask ? handleDemote : void 0
-          }
-        ),
-        hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
-          setContextMenuOpen(open);
-          if (!open) closeColorMenu();
-        }, children: [
+      !editingName && !hideTaskListRowActions && (actionContent || hasContextMenu) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, onClick: (event) => event.stopPropagation(), children: [
+        actionContent,
+        hasContextMenu ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Popover, { open: contextMenuOpen, onOpenChange: setContextMenuOpen, children: [
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "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__ */ (0, import_jsx_runtime15.jsx)(VerticalDotsIcon, {})
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PopoverContent, { className: "gantt-tl-context-menu", portal: true, align: "end", children: [
-            onTasksChange && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-              "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__ */ (0, import_jsx_runtime15.jsxs)(
-                    "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__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "gantt-tl-context-menu-item-main", children: [
-                          task.color && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                            "span",
-                            {
-                              className: "gantt-tl-color-swatch gantt-tl-color-swatch-inline",
-                              style: { backgroundColor: task.color },
-                              "aria-hidden": "true"
-                            }
-                          ),
-                          "\u0426\u0432\u0435\u0442"
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronRightIcon, {})
-                      ]
-                    }
-                  ),
-                  colorMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-tl-context-submenu", role: "menu", "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "gantt-tl-color-grid", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      "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__ */ (0, import_jsx_runtime15.jsx)("span", { className: "gantt-tl-color-swatch-clear-line" })
-                      }
-                    ),
-                    TASK_COLOR_PALETTE.map((paletteColor) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      "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__ */ (0, import_jsx_runtime15.jsxs)(
-              "button",
-              {
-                type: "button",
-                className: "gantt-tl-context-menu-item",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  setContextMenuOpen(false);
-                  onDuplicateTask(task.id);
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CopyIcon, {}),
-                  "\u0414\u0443\u0431\u043B\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
-                ]
-              }
-            ),
-            visibleCustomMenuCommands.map((command) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react12.default.Fragment, { children: [
-              command.divider === "top" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("hr", { className: "gantt-tl-context-menu-divider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-                "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__ */ (0, import_jsx_runtime15.jsx)("hr", { className: "gantt-tl-context-menu-divider" })
-            ] }, command.id)),
-            isParent && onUngroupTask && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-              "button",
-              {
-                type: "button",
-                className: "gantt-tl-context-menu-item",
-                onClick: handleUngroup,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(UngroupIcon, {}),
-                  "\u0420\u0430\u0437\u0433\u0440\u0443\u043F\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
-                ]
-              }
-            ),
-            onDelete && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-              "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__ */ (0, import_jsx_runtime15.jsx)(TrashIcon, {}),
-                  "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443"
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverContent, { className: "gantt-tl-context-menu", portal: true, align: "end", children: menuContent })
+        ] }) : null
+      ] }) : null
     ] });
     const startDateCell = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "div",
@@ -10379,7 +10029,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) {
@@ -10397,7 +10047,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()]));
@@ -10506,7 +10156,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,
@@ -10532,6 +10182,8 @@ var TaskList = ({
   taskListColumnWidths,
   onTaskListColumnWidthsChange,
   taskListMenuCommands,
+  renderTaskListActions,
+  renderTaskListMenu,
   hideTaskListRowActions = false,
   getTaskListRowClassName,
   getTaskListNamePrefixIcon,
@@ -10962,7 +10614,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;
@@ -10979,7 +10631,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) {
@@ -11102,7 +10754,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 {
@@ -11120,7 +10772,7 @@ var TaskList = ({
   const handleBeforeFirstDragOver = (0, import_react15.useCallback)((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");
@@ -11658,7 +11310,7 @@ var TaskList = ({
                         onScrollToTask,
                         onDelete,
                         onAdd,
-                        onInsertAfter: handleStartInsertAfter,
+                        onInsertAfter: onInsertAfter ? handleStartInsertAfter : void 0,
                         editingTaskId: propEditingTaskId,
                         isDragging: !reorderDisabled && draggingIndex === index,
                         isDragOver: !reorderDisabled && dragOverTarget?.index === index,
@@ -11693,6 +11345,8 @@ var TaskList = ({
                         activeCustomCell,
                         onActiveCustomCellChange: setActiveCustomCell,
                         taskListMenuCommands,
+                        renderTaskListActions,
+                        renderTaskListMenu,
                         hideTaskListRowActions,
                         rowClassName: [
                           task.parentId && compositeParentIds.has(task.parentId) ? "gantt-tl-row-composite-detail" : "",
@@ -15622,7 +15276,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,
@@ -15655,6 +15309,8 @@ function TaskGanttChartInner(props, ref) {
     taskListColumnWidths,
     onTaskListColumnWidthsChange,
     taskListMenuCommands,
+    renderTaskListActions,
+    renderTaskListMenu,
     hideTaskListRowActions = false,
     getTaskListRowClassName,
     getTaskListNamePrefixIcon,
@@ -16981,9 +16637,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,
@@ -16991,9 +16647,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,
@@ -17012,6 +16668,8 @@ function TaskGanttChartInner(props, ref) {
                     taskListColumnWidths,
                     onTaskListColumnWidthsChange,
                     taskListMenuCommands,
+                    renderTaskListActions,
+                    renderTaskListMenu,
                     hideTaskListRowActions,
                     getTaskListRowClassName,
                     getTaskListNamePrefixIcon,