gantt-lib 0.72.2 → 0.73.1

package/dist/index.mjs

@@ -1136,45 +1136,9 @@ function universalCascade(movedTask, newStart, newEnd, allTasks, businessDays =
   }
   return Array.from(resultMap.values());
 }
-function reflowTasksOnModeSwitch(sourceTasks, toBusinessDays, weekendPredicate) {
-  const fromBusinessDays = !toBusinessDays;
-  let tasks = sourceTasks.map((t) => ({ ...t }));
-  const toISO = (d) => d.toISOString().split("T")[0];
-  for (const task of tasks) {
-    if (isTaskParent(task.id, tasks)) continue;
-    const start = normalizeUTCDate(/* @__PURE__ */ new Date(`${task.startDate}T00:00:00.000Z`));
-    const duration = getTaskDuration(task.startDate, task.endDate, fromBusinessDays, weekendPredicate);
-    let range;
-    if (toBusinessDays) {
-      const alignedStart = alignToWorkingDay(start, 1, weekendPredicate);
-      range = buildTaskRangeFromStart(alignedStart, duration, true, weekendPredicate);
-    } else {
-      range = buildTaskRangeFromStart(start, duration, false);
-    }
-    task.startDate = toISO(range.start);
-    task.endDate = toISO(range.end);
-  }
-  for (const task of tasks) {
-    if (!isTaskParent(task.id, tasks)) continue;
-    const { startDate, endDate } = computeParentDates(task.id, tasks);
-    task.startDate = toISO(startDate);
-    task.endDate = toISO(endDate);
-  }
-  if (toBusinessDays) {
-    const rootSeeds = tasks.filter(
-      (t) => !t.parentId && (!t.dependencies || t.dependencies.length === 0)
-    );
-    for (const seed of rootSeeds) {
-      const current = tasks.find((t) => t.id === seed.id);
-      const start = /* @__PURE__ */ new Date(`${current.startDate}T00:00:00.000Z`);
-      const end = /* @__PURE__ */ new Date(`${current.endDate}T00:00:00.000Z`);
-      const cascaded = universalCascade(current, start, end, tasks, toBusinessDays, weekendPredicate);
-      const updates = new Map(cascaded.map((t) => [t.id, t]));
-      tasks = tasks.map((t) => updates.get(t.id) ?? t);
-    }
-  }
-  return tasks;
-}
+
+// src/core/scheduling/modeSwitch.ts
+init_dateMath();
 
 // src/core/scheduling/execute.ts
 init_dateMath();
@@ -1481,6 +1445,44 @@ function recalculateProjectSchedule(snapshot, options) {
   return createChangedResult(snapshot, Array.from(workingMap.values()));
 }
 
+// src/core/scheduling/modeSwitch.ts
+function reflowTasksOnModeSwitch(sourceTasks, toBusinessDays, weekendPredicate) {
+  const fromBusinessDays = !toBusinessDays;
+  let tasks = sourceTasks.map((task) => ({
+    ...task,
+    dependencies: task.dependencies?.map((dependency) => ({ ...dependency }))
+  }));
+  const toISO = (date) => date.toISOString().split("T")[0];
+  for (const task of tasks) {
+    if (isTaskParent(task.id, tasks)) continue;
+    const start = normalizeUTCDate(/* @__PURE__ */ new Date(`${task.startDate}T00:00:00.000Z`));
+    const duration = getTaskDuration(task.startDate, task.endDate, fromBusinessDays, weekendPredicate);
+    const range = toBusinessDays ? buildTaskRangeFromStart(
+      alignToWorkingDay(start, 1, weekendPredicate),
+      duration,
+      true,
+      weekendPredicate
+    ) : buildTaskRangeFromStart(start, duration, false);
+    task.startDate = toISO(range.start);
+    task.endDate = toISO(range.end);
+  }
+  for (const task of tasks) {
+    if (!isTaskParent(task.id, tasks)) continue;
+    const { startDate, endDate } = computeParentDates(task.id, tasks);
+    task.startDate = toISO(startDate);
+    task.endDate = toISO(endDate);
+  }
+  const rescheduled = recalculateProjectSchedule(tasks, {
+    businessDays: toBusinessDays,
+    weekendPredicate
+  });
+  if (rescheduled.changedTasks.length === 0) {
+    return tasks;
+  }
+  const updates = new Map(rescheduled.changedTasks.map((task) => [task.id, task]));
+  return tasks.map((task) => updates.get(task.id) ?? task);
+}
+
 // src/core/scheduling/validation.ts
 function buildAdjacencyList(tasks) {
   const graph = /* @__PURE__ */ new Map();
@@ -4151,6 +4153,26 @@ var CopyIcon = () => /* @__PURE__ */ jsxs9(
     ]
   }
 );
+var UngroupIcon = () => /* @__PURE__ */ jsxs9(
+  "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__ */ jsx12("path", { d: "M3 12h10" }),
+      /* @__PURE__ */ jsx12("path", { d: "m6 9-3 3 3 3" }),
+      /* @__PURE__ */ jsx12("path", { d: "M13 6h8" }),
+      /* @__PURE__ */ jsx12("path", { d: "M13 18h8" })
+    ]
+  }
+);
 var TASK_COLOR_PALETTE = [
   // { label: "Палисандр", value: "#A61E4D" },
   // { label: "Киноварь", value: "#E8590C" },
@@ -4583,6 +4605,7 @@ var TaskListRow = React9.memo(
     onToggleCollapse,
     onPromoteTask,
     onDemoteTask,
+    onUngroupTask,
     onDuplicateTask,
     canDemoteTask = true,
     isLastChild = true,
@@ -4594,7 +4617,8 @@ var TaskListRow = React9.memo(
     businessDays,
     isFilterMatch = false,
     isFilterHideMode = false,
-    resolvedColumns
+    resolvedColumns,
+    taskListMenuCommands = []
   }) => {
     const [editingColumnId, setEditingColumnId] = useState4(null);
     const editingName = editingColumnId === "name";
@@ -4628,6 +4652,7 @@ var TaskListRow = React9.memo(
       [task.id, allTasks]
     );
     const isChild = task.parentId !== void 0;
+    const isMilestoneRow = normalizedTask.type === "milestone";
     const weekendPredicate = useMemo7(
       () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
       [customDays, isWeekend3]
@@ -5150,6 +5175,38 @@ var TaskListRow = React9.memo(
       },
       [allTasks, isParent, onTasksChange, task]
     );
+    const handleUngroup = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        setContextMenuOpen(false);
+        onUngroupTask?.(task.id);
+      },
+      [onUngroupTask, task.id]
+    );
+    const visibleCustomMenuCommands = useMemo7(
+      () => taskListMenuCommands.filter(
+        (command) => {
+          const scope = command.scope ?? "all";
+          if (scope === "group" && !isParent) return false;
+          if (scope === "linear" && (isParent || isMilestoneRow)) return false;
+          if (scope === "milestone" && !isMilestoneRow) return false;
+          return command.isVisible?.(task) ?? true;
+        }
+      ),
+      [taskListMenuCommands, task, isParent, isMilestoneRow]
+    );
+    const hasContextMenu = visibleCustomMenuCommands.length > 0 || !!onDuplicateTask || !!onDelete || !!onTasksChange || isParent && !!onUngroupTask;
+    const handleCustomMenuCommandClick = useCallback4(
+      (command) => (e) => {
+        e.stopPropagation();
+        if (command.closeOnSelect !== false) {
+          setContextMenuOpen(false);
+          setColorMenuOpen(false);
+        }
+        command.onSelect(task);
+      },
+      [task]
+    );
     const handleAddClick = useCallback4(
       (e) => {
         e.stopPropagation();
@@ -5576,7 +5633,7 @@ var TaskListRow = React9.memo(
           "aria-hidden": "true"
         }
       ),
-      !editingName && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onDuplicateTask || onTasksChange) && /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-name-actions", children: [
+      !editingName && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-name-actions", children: [
         onInsertAfter && /* @__PURE__ */ jsx12(
           "button",
           {
@@ -5622,7 +5679,7 @@ var TaskListRow = React9.memo(
             onDemote: onDemoteTask ? handleDemote : void 0
           }
         ),
-        (onDuplicateTask || onDelete || onTasksChange) && /* @__PURE__ */ jsxs9(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
+        hasContextMenu && /* @__PURE__ */ jsxs9(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
           setContextMenuOpen(open);
           if (!open) setColorMenuOpen(false);
         }, children: [
@@ -5715,6 +5772,32 @@ var TaskListRow = React9.memo(
                 ]
               }
             ),
+            visibleCustomMenuCommands.map((command) => /* @__PURE__ */ jsxs9(
+              "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.id
+            )),
+            isParent && onUngroupTask && /* @__PURE__ */ jsxs9(
+              "button",
+              {
+                type: "button",
+                className: "gantt-tl-context-menu-item",
+                onClick: handleUngroup,
+                children: [
+                  /* @__PURE__ */ jsx12(UngroupIcon, {}),
+                  "\u0420\u0430\u0437\u0433\u0440\u0443\u043F\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
+                ]
+              }
+            ),
             onDelete && /* @__PURE__ */ jsxs9(
               "button",
               {
@@ -6410,6 +6493,7 @@ var TaskList = ({
   onToggleCollapse: externalOnToggleCollapse,
   onPromoteTask,
   onDemoteTask,
+  onUngroupTask,
   customDays,
   isWeekend: isWeekend3,
   businessDays,
@@ -6417,7 +6501,8 @@ var TaskList = ({
   filterMode = "highlight",
   filteredTaskIds = /* @__PURE__ */ new Set(),
   isFilterActive = false,
-  additionalColumns
+  additionalColumns,
+  taskListMenuCommands
 }) => {
   const [internalCollapsedParentIds, setInternalCollapsedParentIds] = useState6(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
@@ -7081,6 +7166,7 @@ var TaskList = ({
                 onToggleCollapse: handleToggleCollapse,
                 onPromoteTask,
                 onDemoteTask: onDemoteTask ? handleDemoteWrapper : void 0,
+                onUngroupTask,
                 onDuplicateTask: onReorder ? handleDuplicateTask : void 0,
                 canDemoteTask,
                 isLastChild: lastChildIds.has(task.id),
@@ -7092,7 +7178,8 @@ var TaskList = ({
                 businessDays,
                 isFilterMatch: filterMode === "highlight" ? highlightedTaskIds.has(task.id) : false,
                 isFilterHideMode: filterMode === "hide" && isFilterActive,
-                resolvedColumns
+                resolvedColumns,
+                taskListMenuCommands
               }
             ),
             pendingInsertDisplayTaskId === task.id && /* @__PURE__ */ jsx14(
@@ -7512,6 +7599,7 @@ function GanttChartInner(props, ref) {
     onReorder,
     onPromoteTask,
     onDemoteTask,
+    onUngroupTask,
     enableAddTask = true,
     viewMode = "day",
     customDays,
@@ -7524,7 +7612,8 @@ function GanttChartInner(props, ref) {
     highlightedTaskIds,
     disableTaskDrag = false,
     showChart = true,
-    additionalColumns
+    additionalColumns,
+    taskListMenuCommands
   } = props;
   const containerRef = useRef7(null);
   const scrollContainerRef = useRef7(null);
@@ -7940,6 +8029,33 @@ function GanttChartInner(props, ref) {
     };
     onTasksChange?.([updatedDemotedTask]);
   }, [tasks, onTasksChange, onDemoteTask]);
+  const handleUngroupTask = useCallback6((taskId) => {
+    if (onUngroupTask) {
+      onUngroupTask(taskId);
+      return;
+    }
+    const parentTask = tasks.find((task) => task.id === taskId);
+    if (!parentTask) return;
+    const hasDirectChildren = tasks.some((task) => task.parentId === taskId);
+    if (!hasDirectChildren) return;
+    const changedTasks = [];
+    for (const task of tasks) {
+      if (task.id === taskId) continue;
+      const nextParentId = task.parentId === taskId ? parentTask.parentId : task.parentId;
+      const nextDependencies = task.dependencies?.filter((dep) => dep.taskId !== taskId);
+      if (nextParentId !== task.parentId || nextDependencies?.length !== task.dependencies?.length) {
+        changedTasks.push({
+          ...task,
+          parentId: nextParentId,
+          dependencies: nextDependencies
+        });
+      }
+    }
+    if (changedTasks.length > 0) {
+      onTasksChange?.(changedTasks);
+    }
+    onDelete?.(taskId);
+  }, [tasks, onTasksChange, onDelete, onUngroupTask]);
   const panStateRef = useRef7(null);
   const handlePanStart = useCallback6((e) => {
     if (e.button !== 0) return;
@@ -8018,6 +8134,7 @@ function GanttChartInner(props, ref) {
             onToggleCollapse: handleToggleCollapse,
             onPromoteTask: onPromoteTask ?? handlePromoteTask,
             onDemoteTask: onDemoteTask ?? handleDemoteTask,
+            onUngroupTask: onUngroupTask ?? handleUngroupTask,
             highlightedTaskIds: taskListHighlightedTaskIds,
             customDays,
             isWeekend: isWeekend3,
@@ -8025,7 +8142,8 @@ function GanttChartInner(props, ref) {
             filterMode,
             filteredTaskIds: matchedTaskIds,
             isFilterActive: !!taskFilter,
-            additionalColumns
+            additionalColumns,
+            taskListMenuCommands
           }
         ),
         /* @__PURE__ */ jsxs12(