gantt-lib 0.72.2 → 0.73.0

package/dist/index.d.mts

@@ -385,6 +385,26 @@ interface TaskDependency {
     /** Lag in days */
     lag: number;
 }
+interface TaskListMenuCommand<TTask extends Task = Task> {
+    /** Stable command id for React keys and consumer bookkeeping */
+    id: string;
+    /** Visible label in the three-dots menu */
+    label: string;
+    /** Optional icon rendered before the label */
+    icon?: React$1.ReactNode;
+    /** Command handler receives the current task row */
+    onSelect: (row: TTask) => void;
+    /** Optional per-row visibility predicate */
+    isVisible?: (row: TTask) => boolean;
+    /** Optional per-row disabled predicate */
+    isDisabled?: (row: TTask) => boolean;
+    /** Scope of the command in the hierarchy: all rows, parent/group rows, regular linear rows, or milestones */
+    scope?: 'all' | 'group' | 'linear' | 'milestone';
+    /** Marks the command with danger styling */
+    danger?: boolean;
+    /** Close the menu after click (default: true) */
+    closeOnSelect?: boolean;
+}
 interface GanttChartProps<TTask extends Task = Task> {
     /** Array of tasks to display */
     tasks: TTask[];
@@ -428,6 +448,8 @@ interface GanttChartProps<TTask extends Task = Task> {
     onPromoteTask?: (taskId: string) => void;
     /** Callback when a task is demoted (parentId set). If not provided, default internal logic is used. */
     onDemoteTask?: (taskId: string, newParentId: string) => void;
+    /** Callback when a parent task is ungrouped (removed while direct children move one level up). */
+    onUngroupTask?: (taskId: string) => void;
     /** Enable add task button at bottom of task list (default: true) */
     enableAddTask?: boolean;
     /** View mode: 'day' renders one column per day, 'week' renders one column per 7 days, 'month' renders one column per month (default: 'day') */
@@ -458,6 +480,8 @@ interface GanttChartProps<TTask extends Task = Task> {
     showChart?: boolean;
     /** Additional custom columns to render in the TaskList after built-in columns */
     additionalColumns?: TaskListColumn<TTask>[];
+    /** Additional commands rendered in the TaskList row three-dots menu */
+    taskListMenuCommands?: TaskListMenuCommand<TTask>[];
 }
 interface ExportToPdfOptions {
     /** Structured header displayed above the exported chart */
@@ -696,6 +720,8 @@ interface TaskListProps {
     onPromoteTask?: (taskId: string) => void;
     /** Callback when task is demoted (parentId set to previous task) */
     onDemoteTask?: (taskId: string, newParentId: string) => void;
+    /** Callback when parent task is ungrouped (removed while direct children move one level up) */
+    onUngroupTask?: (taskId: string) => void;
     /** Custom day configurations for date picker */
     customDays?: CustomDayConfig[];
     /** Optional base weekend predicate for date picker */
@@ -712,6 +738,8 @@ interface TaskListProps {
     isFilterActive?: boolean;
     /** Additional columns to display after built-in columns */
     additionalColumns?: TaskListColumn<any>[];
+    /** Additional commands rendered in each row three-dots menu */
+    taskListMenuCommands?: TaskListMenuCommand<Task>[];
 }
 /**
  * TaskList component - displays tasks in a table format as an overlay
@@ -1155,4 +1183,4 @@ interface VisibleReorderPosition {
  */
 declare function getVisibleReorderPosition(orderedTasks: TaskLike[], visibleTasks: TaskLike[], movedTaskId: string, originVisibleIndex: number, dropVisibleIndex: number): VisibleReorderPosition | null;
 
-export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DatePicker, type DatePickerProps, DragGuideLines, type ExportToPdfHeaderOptions, type ExportToPdfOptions, GanttChart, type GanttChartHandle, type GanttChartProps, GridBackground, Input, type InputProps, type MonthBlock, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type Task, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TodayIndicator, ValidationResult, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type YearSpan, addBusinessDays, and, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMilestoneConnectionBounds, calculateMilestoneGeometry, calculateMonthGridLines, calculateOrthogonalPath, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, clampDateRangeForIncomingFS, createCustomDayPredicate, createDateKey, detectEdgeZone, expired, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getBusinessDaysCount, getCursorForPosition, getDayOffset, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isTaskExpired, isToday, isWeekend, nameContains, normalizeHierarchyTasks, normalizeTaskDates, not, or, parseUTCDate, pixelsToDate, progressInRange, resolveDateRangeFromPixels, resolveTaskHorizontalGeometry, subtractBusinessDays, useTaskDrag, withoutDeps };
+export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DatePicker, type DatePickerProps, DragGuideLines, type ExportToPdfHeaderOptions, type ExportToPdfOptions, GanttChart, type GanttChartHandle, type GanttChartProps, GridBackground, Input, type InputProps, type MonthBlock, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type Task, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListMenuCommand, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TodayIndicator, ValidationResult, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type YearSpan, addBusinessDays, and, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMilestoneConnectionBounds, calculateMilestoneGeometry, calculateMonthGridLines, calculateOrthogonalPath, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, clampDateRangeForIncomingFS, createCustomDayPredicate, createDateKey, detectEdgeZone, expired, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getBusinessDaysCount, getCursorForPosition, getDayOffset, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isTaskExpired, isToday, isWeekend, nameContains, normalizeHierarchyTasks, normalizeTaskDates, not, or, parseUTCDate, pixelsToDate, progressInRange, resolveDateRangeFromPixels, resolveTaskHorizontalGeometry, subtractBusinessDays, useTaskDrag, withoutDeps };

package/dist/index.d.ts

@@ -385,6 +385,26 @@ interface TaskDependency {
     /** Lag in days */
     lag: number;
 }
+interface TaskListMenuCommand<TTask extends Task = Task> {
+    /** Stable command id for React keys and consumer bookkeeping */
+    id: string;
+    /** Visible label in the three-dots menu */
+    label: string;
+    /** Optional icon rendered before the label */
+    icon?: React$1.ReactNode;
+    /** Command handler receives the current task row */
+    onSelect: (row: TTask) => void;
+    /** Optional per-row visibility predicate */
+    isVisible?: (row: TTask) => boolean;
+    /** Optional per-row disabled predicate */
+    isDisabled?: (row: TTask) => boolean;
+    /** Scope of the command in the hierarchy: all rows, parent/group rows, regular linear rows, or milestones */
+    scope?: 'all' | 'group' | 'linear' | 'milestone';
+    /** Marks the command with danger styling */
+    danger?: boolean;
+    /** Close the menu after click (default: true) */
+    closeOnSelect?: boolean;
+}
 interface GanttChartProps<TTask extends Task = Task> {
     /** Array of tasks to display */
     tasks: TTask[];
@@ -428,6 +448,8 @@ interface GanttChartProps<TTask extends Task = Task> {
     onPromoteTask?: (taskId: string) => void;
     /** Callback when a task is demoted (parentId set). If not provided, default internal logic is used. */
     onDemoteTask?: (taskId: string, newParentId: string) => void;
+    /** Callback when a parent task is ungrouped (removed while direct children move one level up). */
+    onUngroupTask?: (taskId: string) => void;
     /** Enable add task button at bottom of task list (default: true) */
     enableAddTask?: boolean;
     /** View mode: 'day' renders one column per day, 'week' renders one column per 7 days, 'month' renders one column per month (default: 'day') */
@@ -458,6 +480,8 @@ interface GanttChartProps<TTask extends Task = Task> {
     showChart?: boolean;
     /** Additional custom columns to render in the TaskList after built-in columns */
     additionalColumns?: TaskListColumn<TTask>[];
+    /** Additional commands rendered in the TaskList row three-dots menu */
+    taskListMenuCommands?: TaskListMenuCommand<TTask>[];
 }
 interface ExportToPdfOptions {
     /** Structured header displayed above the exported chart */
@@ -696,6 +720,8 @@ interface TaskListProps {
     onPromoteTask?: (taskId: string) => void;
     /** Callback when task is demoted (parentId set to previous task) */
     onDemoteTask?: (taskId: string, newParentId: string) => void;
+    /** Callback when parent task is ungrouped (removed while direct children move one level up) */
+    onUngroupTask?: (taskId: string) => void;
     /** Custom day configurations for date picker */
     customDays?: CustomDayConfig[];
     /** Optional base weekend predicate for date picker */
@@ -712,6 +738,8 @@ interface TaskListProps {
     isFilterActive?: boolean;
     /** Additional columns to display after built-in columns */
     additionalColumns?: TaskListColumn<any>[];
+    /** Additional commands rendered in each row three-dots menu */
+    taskListMenuCommands?: TaskListMenuCommand<Task>[];
 }
 /**
  * TaskList component - displays tasks in a table format as an overlay
@@ -1155,4 +1183,4 @@ interface VisibleReorderPosition {
  */
 declare function getVisibleReorderPosition(orderedTasks: TaskLike[], visibleTasks: TaskLike[], movedTaskId: string, originVisibleIndex: number, dropVisibleIndex: number): VisibleReorderPosition | null;
 
-export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DatePicker, type DatePickerProps, DragGuideLines, type ExportToPdfHeaderOptions, type ExportToPdfOptions, GanttChart, type GanttChartHandle, type GanttChartProps, GridBackground, Input, type InputProps, type MonthBlock, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type Task, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TodayIndicator, ValidationResult, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type YearSpan, addBusinessDays, and, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMilestoneConnectionBounds, calculateMilestoneGeometry, calculateMonthGridLines, calculateOrthogonalPath, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, clampDateRangeForIncomingFS, createCustomDayPredicate, createDateKey, detectEdgeZone, expired, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getBusinessDaysCount, getCursorForPosition, getDayOffset, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isTaskExpired, isToday, isWeekend, nameContains, normalizeHierarchyTasks, normalizeTaskDates, not, or, parseUTCDate, pixelsToDate, progressInRange, resolveDateRangeFromPixels, resolveTaskHorizontalGeometry, subtractBusinessDays, useTaskDrag, withoutDeps };
+export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DatePicker, type DatePickerProps, DragGuideLines, type ExportToPdfHeaderOptions, type ExportToPdfOptions, GanttChart, type GanttChartHandle, type GanttChartProps, GridBackground, Input, type InputProps, type MonthBlock, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type Task, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListMenuCommand, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TodayIndicator, ValidationResult, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type YearSpan, addBusinessDays, and, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMilestoneConnectionBounds, calculateMilestoneGeometry, calculateMonthGridLines, calculateOrthogonalPath, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, clampDateRangeForIncomingFS, createCustomDayPredicate, createDateKey, detectEdgeZone, expired, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getBusinessDaysCount, getCursorForPosition, getDayOffset, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isTaskExpired, isToday, isWeekend, nameContains, normalizeHierarchyTasks, normalizeTaskDates, not, or, parseUTCDate, pixelsToDate, progressInRange, resolveDateRangeFromPixels, resolveTaskHorizontalGeometry, subtractBusinessDays, useTaskDrag, withoutDeps };

package/dist/index.js

@@ -4246,6 +4246,26 @@ var CopyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     ]
   }
 );
+var UngroupIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.jsx)("path", { d: "M3 12h10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m6 9-3 3 3 3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M13 6h8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M13 18h8" })
+    ]
+  }
+);
 var TASK_COLOR_PALETTE = [
   // { label: "Палисандр", value: "#A61E4D" },
   // { label: "Киноварь", value: "#E8590C" },
@@ -4678,6 +4698,7 @@ var TaskListRow = import_react10.default.memo(
     onToggleCollapse,
     onPromoteTask,
     onDemoteTask,
+    onUngroupTask,
     onDuplicateTask,
     canDemoteTask = true,
     isLastChild = true,
@@ -4689,7 +4710,8 @@ var TaskListRow = import_react10.default.memo(
     businessDays,
     isFilterMatch = false,
     isFilterHideMode = false,
-    resolvedColumns
+    resolvedColumns,
+    taskListMenuCommands = []
   }) => {
     const [editingColumnId, setEditingColumnId] = (0, import_react10.useState)(null);
     const editingName = editingColumnId === "name";
@@ -4723,6 +4745,7 @@ var TaskListRow = import_react10.default.memo(
       [task.id, allTasks]
     );
     const isChild = task.parentId !== void 0;
+    const isMilestoneRow = normalizedTask.type === "milestone";
     const weekendPredicate = (0, import_react10.useMemo)(
       () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
       [customDays, isWeekend3]
@@ -5245,6 +5268,38 @@ var TaskListRow = import_react10.default.memo(
       },
       [allTasks, isParent, onTasksChange, task]
     );
+    const handleUngroup = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        setContextMenuOpen(false);
+        onUngroupTask?.(task.id);
+      },
+      [onUngroupTask, task.id]
+    );
+    const visibleCustomMenuCommands = (0, import_react10.useMemo)(
+      () => 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 = (0, import_react10.useCallback)(
+      (command) => (e) => {
+        e.stopPropagation();
+        if (command.closeOnSelect !== false) {
+          setContextMenuOpen(false);
+          setColorMenuOpen(false);
+        }
+        command.onSelect(task);
+      },
+      [task]
+    );
     const handleAddClick = (0, import_react10.useCallback)(
       (e) => {
         e.stopPropagation();
@@ -5671,7 +5726,7 @@ var TaskListRow = import_react10.default.memo(
           "aria-hidden": "true"
         }
       ),
-      !editingName && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onDuplicateTask || onTasksChange) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-name-actions", children: [
+      !editingName && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-name-actions", children: [
         onInsertAfter && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
           {
@@ -5717,7 +5772,7 @@ var TaskListRow = import_react10.default.memo(
             onDemote: onDemoteTask ? handleDemote : void 0
           }
         ),
-        (onDuplicateTask || onDelete || onTasksChange) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
+        hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
           setContextMenuOpen(open);
           if (!open) setColorMenuOpen(false);
         }, children: [
@@ -5810,6 +5865,32 @@ var TaskListRow = import_react10.default.memo(
                 ]
               }
             ),
+            visibleCustomMenuCommands.map((command) => /* @__PURE__ */ (0, import_jsx_runtime12.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.id
+            )),
+            isParent && onUngroupTask && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              "button",
+              {
+                type: "button",
+                className: "gantt-tl-context-menu-item",
+                onClick: handleUngroup,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UngroupIcon, {}),
+                  "\u0420\u0430\u0437\u0433\u0440\u0443\u043F\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
+                ]
+              }
+            ),
             onDelete && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
               "button",
               {
@@ -6505,6 +6586,7 @@ var TaskList = ({
   onToggleCollapse: externalOnToggleCollapse,
   onPromoteTask,
   onDemoteTask,
+  onUngroupTask,
   customDays,
   isWeekend: isWeekend3,
   businessDays,
@@ -6512,7 +6594,8 @@ var TaskList = ({
   filterMode = "highlight",
   filteredTaskIds = /* @__PURE__ */ new Set(),
   isFilterActive = false,
-  additionalColumns
+  additionalColumns,
+  taskListMenuCommands
 }) => {
   const [internalCollapsedParentIds, setInternalCollapsedParentIds] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
@@ -7176,6 +7259,7 @@ var TaskList = ({
                 onToggleCollapse: handleToggleCollapse,
                 onPromoteTask,
                 onDemoteTask: onDemoteTask ? handleDemoteWrapper : void 0,
+                onUngroupTask,
                 onDuplicateTask: onReorder ? handleDuplicateTask : void 0,
                 canDemoteTask,
                 isLastChild: lastChildIds.has(task.id),
@@ -7187,7 +7271,8 @@ var TaskList = ({
                 businessDays,
                 isFilterMatch: filterMode === "highlight" ? highlightedTaskIds.has(task.id) : false,
                 isFilterHideMode: filterMode === "hide" && isFilterActive,
-                resolvedColumns
+                resolvedColumns,
+                taskListMenuCommands
               }
             ),
             pendingInsertDisplayTaskId === task.id && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -7607,6 +7692,7 @@ function GanttChartInner(props, ref) {
     onReorder,
     onPromoteTask,
     onDemoteTask,
+    onUngroupTask,
     enableAddTask = true,
     viewMode = "day",
     customDays,
@@ -7619,7 +7705,8 @@ function GanttChartInner(props, ref) {
     highlightedTaskIds,
     disableTaskDrag = false,
     showChart = true,
-    additionalColumns
+    additionalColumns,
+    taskListMenuCommands
   } = props;
   const containerRef = (0, import_react13.useRef)(null);
   const scrollContainerRef = (0, import_react13.useRef)(null);
@@ -8035,6 +8122,33 @@ function GanttChartInner(props, ref) {
     };
     onTasksChange?.([updatedDemotedTask]);
   }, [tasks, onTasksChange, onDemoteTask]);
+  const handleUngroupTask = (0, import_react13.useCallback)((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 = (0, import_react13.useRef)(null);
   const handlePanStart = (0, import_react13.useCallback)((e) => {
     if (e.button !== 0) return;
@@ -8113,6 +8227,7 @@ function GanttChartInner(props, ref) {
             onToggleCollapse: handleToggleCollapse,
             onPromoteTask: onPromoteTask ?? handlePromoteTask,
             onDemoteTask: onDemoteTask ?? handleDemoteTask,
+            onUngroupTask: onUngroupTask ?? handleUngroupTask,
             highlightedTaskIds: taskListHighlightedTaskIds,
             customDays,
             isWeekend: isWeekend3,
@@ -8120,7 +8235,8 @@ function GanttChartInner(props, ref) {
             filterMode,
             filteredTaskIds: matchedTaskIds,
             isFilterActive: !!taskFilter,
-            additionalColumns
+            additionalColumns,
+            taskListMenuCommands
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(