gantt-lib 0.100.0 → 0.102.0

package/dist/index.d.mts

@@ -340,7 +340,9 @@ interface TableMatrixColumnGroup {
 interface TableMatrixColumn<TTask extends Task = Task> {
     id: string;
     header: React$1.ReactNode;
-    width: number;
+    width?: number | 'auto';
+    minWidth?: number;
+    maxWidth?: number;
     groupId?: string;
     align?: 'left' | 'center' | 'right';
     className?: string;
@@ -362,13 +364,14 @@ interface TableMatrixProps<TTask extends Task = Task> {
     columnGroups?: Array<TableMatrixColumnGroup>;
     rowHeight: number;
     headerHeight: number;
+    bodyMinHeight?: number | string;
     selectedTaskId?: string | null;
     onTaskSelect?: (taskId: string | null) => void;
     onCellClick?: (context: TableMatrixCellClickContext<TTask>) => void;
     highlightedTaskIds?: Set<string>;
     filterMode?: 'highlight' | 'hide';
 }
-declare function TableMatrix<TTask extends Task = Task>({ tasks, allTasks, columns, columnGroups, rowHeight, headerHeight, selectedTaskId, onTaskSelect, onCellClick, highlightedTaskIds, filterMode, }: TableMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
+declare function TableMatrix<TTask extends Task = Task>({ tasks, allTasks, columns, columnGroups, rowHeight, headerHeight, bodyMinHeight, selectedTaskId, onTaskSelect, onCellClick, highlightedTaskIds, filterMode, }: TableMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
 
 /**
  * Task data structure for Gantt chart
@@ -874,6 +877,8 @@ interface TaskListProps {
     hideTaskListRowActions?: boolean;
     /** Global number of visible content lines used to size every row consistently. */
     rowContentLines?: number;
+    /** Optional minimum height for the data body area below the sticky header. */
+    bodyMinHeight?: number | string;
     /** How task-list date pickers apply start/end edits */
     taskDateChangeMode?: TaskDateChangeMode;
     /** Controlled callback for task-list date picker mode changes */

package/dist/index.d.ts

@@ -340,7 +340,9 @@ interface TableMatrixColumnGroup {
 interface TableMatrixColumn<TTask extends Task = Task> {
     id: string;
     header: React$1.ReactNode;
-    width: number;
+    width?: number | 'auto';
+    minWidth?: number;
+    maxWidth?: number;
     groupId?: string;
     align?: 'left' | 'center' | 'right';
     className?: string;
@@ -362,13 +364,14 @@ interface TableMatrixProps<TTask extends Task = Task> {
     columnGroups?: Array<TableMatrixColumnGroup>;
     rowHeight: number;
     headerHeight: number;
+    bodyMinHeight?: number | string;
     selectedTaskId?: string | null;
     onTaskSelect?: (taskId: string | null) => void;
     onCellClick?: (context: TableMatrixCellClickContext<TTask>) => void;
     highlightedTaskIds?: Set<string>;
     filterMode?: 'highlight' | 'hide';
 }
-declare function TableMatrix<TTask extends Task = Task>({ tasks, allTasks, columns, columnGroups, rowHeight, headerHeight, selectedTaskId, onTaskSelect, onCellClick, highlightedTaskIds, filterMode, }: TableMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
+declare function TableMatrix<TTask extends Task = Task>({ tasks, allTasks, columns, columnGroups, rowHeight, headerHeight, bodyMinHeight, selectedTaskId, onTaskSelect, onCellClick, highlightedTaskIds, filterMode, }: TableMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
 
 /**
  * Task data structure for Gantt chart
@@ -874,6 +877,8 @@ interface TaskListProps {
     hideTaskListRowActions?: boolean;
     /** Global number of visible content lines used to size every row consistently. */
     rowContentLines?: number;
+    /** Optional minimum height for the data body area below the sticky header. */
+    bodyMinHeight?: number | string;
     /** How task-list date pickers apply start/end edits */
     taskDateChangeMode?: TaskDateChangeMode;
     /** Controlled callback for task-list date picker mode changes */

package/dist/index.js

@@ -6892,6 +6892,7 @@ var TaskList = ({
   taskListMenuCommands,
   hideTaskListRowActions = false,
   rowContentLines = 1,
+  bodyMinHeight,
   taskDateChangeMode = "preserve-duration",
   onTaskDateChangeModeChange
 }) => {
@@ -7581,84 +7582,94 @@ var TaskList = ({
             col.id
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-body", style: { height: `${totalHeight}px` }, children: visibleTasks.map((task, index) => {
-          const previousVisibleTask = index > 0 ? visibleTasks[index - 1] : void 0;
-          const canDemoteTask = index === 0 || !task.parentId || previousVisibleTask?.id !== task.parentId;
-          return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react12.default.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              TaskListRow,
-              {
-                task,
-                rowIndex: index,
-                taskNumber: originalTaskNumberMap[task.id] || "",
-                taskNumberMap: originalTaskNumberMap,
-                rowHeight,
-                onTasksChange,
-                selectedTaskId,
-                onRowClick: handleRowClick,
-                disableTaskNameEditing,
-                disableDependencyEditing,
-                allTasks: tasks,
-                activeLinkType,
-                onSetActiveLinkType: setActiveLinkType,
-                selectingPredecessorFor,
-                dependencyPickMode,
-                onSetDependencyPickMode: setDependencyPickMode,
-                onSetSelectingPredecessorFor: setSelectingPredecessorFor,
-                onAddDependency: handleAddDependency,
-                onRemoveDependency: handleRemoveDependency,
-                selectedChip,
-                onChipSelect: handleChipSelect,
-                onScrollToTask,
-                onDelete,
-                onAdd,
-                onInsertAfter: handleStartInsertAfter,
-                editingTaskId: propEditingTaskId,
-                isDragging: !disableTaskDrag && draggingIndex === index,
-                isDragOver: !disableTaskDrag && dragOverIndex === index,
-                onDragStart: disableTaskDrag ? void 0 : handleDragStart,
-                onDragOver: disableTaskDrag ? void 0 : handleDragOver,
-                onDrop: disableTaskDrag ? void 0 : handleDrop,
-                onDragEnd: disableTaskDrag ? void 0 : handleDragEnd,
-                collapsedParentIds,
-                onToggleCollapse: handleToggleCollapse,
-                onPromoteTask,
-                onDemoteTask: onDemoteTask ? handleDemoteWrapper : void 0,
-                onUngroupTask,
-                onDuplicateTask: onReorder ? handleDuplicateTask : void 0,
-                canDemoteTask,
-                isLastChild: lastChildIds.has(task.id),
-                nestingDepth: nestingDepthMap.get(task.id) ?? 0,
-                hasVisibleChildren: visibleParentIds.has(task.id),
-                ancestorLineModes: ancestorLineModesMap.get(task.id) ?? [],
-                customDays,
-                isWeekend: isWeekend3,
-                businessDays,
-                defaultTaskDurationDays,
-                isFilterMatch: filterMode === "highlight" ? highlightedTaskIds.has(task.id) : false,
-                isFilterHideMode: filterMode === "hide" && isFilterActive,
-                resolvedColumns,
-                isTaskSelected: effectiveSelectedTaskIds.has(task.id),
-                onTaskSelectionChange: handleToggleTaskSelection,
-                activeCustomCell,
-                onActiveCustomCellChange: setActiveCustomCell,
-                taskListMenuCommands,
-                hideTaskListRowActions,
-                taskDateChangeMode,
-                onTaskDateChangeModeChange
-              }
-            ),
-            pendingInsertDisplayTaskId === task.id && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              NewTaskRow,
-              {
-                rowHeight,
-                onConfirm: handleConfirmInsertedTask,
-                onCancel: handleCancelInsertedTask,
-                nestingDepth: pendingInsert?.nestingDepth ?? 0
-              }
-            )
-          ] }, task.id);
-        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "div",
+          {
+            className: "gantt-tl-body",
+            style: {
+              height: `${totalHeight}px`,
+              minHeight: bodyMinHeight
+            },
+            children: visibleTasks.map((task, index) => {
+              const previousVisibleTask = index > 0 ? visibleTasks[index - 1] : void 0;
+              const canDemoteTask = index === 0 || !task.parentId || previousVisibleTask?.id !== task.parentId;
+              return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react12.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  TaskListRow,
+                  {
+                    task,
+                    rowIndex: index,
+                    taskNumber: originalTaskNumberMap[task.id] || "",
+                    taskNumberMap: originalTaskNumberMap,
+                    rowHeight,
+                    onTasksChange,
+                    selectedTaskId,
+                    onRowClick: handleRowClick,
+                    disableTaskNameEditing,
+                    disableDependencyEditing,
+                    allTasks: tasks,
+                    activeLinkType,
+                    onSetActiveLinkType: setActiveLinkType,
+                    selectingPredecessorFor,
+                    dependencyPickMode,
+                    onSetDependencyPickMode: setDependencyPickMode,
+                    onSetSelectingPredecessorFor: setSelectingPredecessorFor,
+                    onAddDependency: handleAddDependency,
+                    onRemoveDependency: handleRemoveDependency,
+                    selectedChip,
+                    onChipSelect: handleChipSelect,
+                    onScrollToTask,
+                    onDelete,
+                    onAdd,
+                    onInsertAfter: handleStartInsertAfter,
+                    editingTaskId: propEditingTaskId,
+                    isDragging: !disableTaskDrag && draggingIndex === index,
+                    isDragOver: !disableTaskDrag && dragOverIndex === index,
+                    onDragStart: disableTaskDrag ? void 0 : handleDragStart,
+                    onDragOver: disableTaskDrag ? void 0 : handleDragOver,
+                    onDrop: disableTaskDrag ? void 0 : handleDrop,
+                    onDragEnd: disableTaskDrag ? void 0 : handleDragEnd,
+                    collapsedParentIds,
+                    onToggleCollapse: handleToggleCollapse,
+                    onPromoteTask,
+                    onDemoteTask: onDemoteTask ? handleDemoteWrapper : void 0,
+                    onUngroupTask,
+                    onDuplicateTask: onReorder ? handleDuplicateTask : void 0,
+                    canDemoteTask,
+                    isLastChild: lastChildIds.has(task.id),
+                    nestingDepth: nestingDepthMap.get(task.id) ?? 0,
+                    hasVisibleChildren: visibleParentIds.has(task.id),
+                    ancestorLineModes: ancestorLineModesMap.get(task.id) ?? [],
+                    customDays,
+                    isWeekend: isWeekend3,
+                    businessDays,
+                    defaultTaskDurationDays,
+                    isFilterMatch: filterMode === "highlight" ? highlightedTaskIds.has(task.id) : false,
+                    isFilterHideMode: filterMode === "hide" && isFilterActive,
+                    resolvedColumns,
+                    isTaskSelected: effectiveSelectedTaskIds.has(task.id),
+                    onTaskSelectionChange: handleToggleTaskSelection,
+                    activeCustomCell,
+                    onActiveCustomCellChange: setActiveCustomCell,
+                    taskListMenuCommands,
+                    hideTaskListRowActions,
+                    taskDateChangeMode,
+                    onTaskDateChangeModeChange
+                  }
+                ),
+                pendingInsertDisplayTaskId === task.id && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  NewTaskRow,
+                  {
+                    rowHeight,
+                    onConfirm: handleConfirmInsertedTask,
+                    onCancel: handleCancelInsertedTask,
+                    nestingDepth: pendingInsert?.nestingDepth ?? 0
+                  }
+                )
+              ] }, task.id);
+            })
+          }
+        ),
         isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           NewTaskRow,
           {
@@ -9385,9 +9396,20 @@ function ResourceTimelineChart({
 // src/components/TableMatrix/TableMatrix.tsx
 var import_react15 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
+var AUTO_COLUMN_MIN_WIDTH = 72;
+var AUTO_COLUMN_MAX_WIDTH = 180;
 function joinClasses(...values) {
   return values.filter(Boolean).join(" ");
 }
+function clampWidth(width, minWidth, maxWidth) {
+  return Math.min(maxWidth, Math.max(minWidth, Math.ceil(width)));
+}
+function getAutoMinWidth(column) {
+  return column.minWidth ?? AUTO_COLUMN_MIN_WIDTH;
+}
+function getAutoMaxWidth(column) {
+  return column.maxWidth ?? AUTO_COLUMN_MAX_WIDTH;
+}
 function TableMatrix({
   tasks,
   allTasks = tasks,
@@ -9395,19 +9417,62 @@ function TableMatrix({
   columnGroups,
   rowHeight,
   headerHeight,
+  bodyMinHeight,
   selectedTaskId,
   onTaskSelect,
   onCellClick,
   highlightedTaskIds,
   filterMode = "highlight"
 }) {
-  const gridTemplateColumns = (0, import_react15.useMemo)(
-    () => columns.map((column) => `${column.width}px`).join(" "),
+  const measureRef = (0, import_react15.useRef)(null);
+  const [measuredAutoWidths, setMeasuredAutoWidths] = (0, import_react15.useState)([]);
+  const hasAutoWidthColumns = (0, import_react15.useMemo)(
+    () => columns.some((column) => typeof column.width !== "number"),
     [columns]
   );
+  (0, import_react15.useLayoutEffect)(() => {
+    if (!hasAutoWidthColumns) {
+      setMeasuredAutoWidths([]);
+      return;
+    }
+    const measureRoot = measureRef.current;
+    if (!measureRoot) return;
+    const nextWidths = columns.map((column, columnIndex) => {
+      if (typeof column.width === "number") return void 0;
+      const minWidth = getAutoMinWidth(column);
+      const maxWidth = getAutoMaxWidth(column);
+      const elements = measureRoot.querySelectorAll(`[data-gantt-mx-measure-column="${columnIndex}"]`);
+      let measuredWidth = minWidth;
+      elements.forEach((element) => {
+        measuredWidth = Math.max(
+          measuredWidth,
+          element.getBoundingClientRect().width,
+          element.scrollWidth
+        );
+      });
+      return clampWidth(measuredWidth, minWidth, maxWidth);
+    });
+    setMeasuredAutoWidths((previousWidths) => {
+      const changed = nextWidths.length !== previousWidths.length || nextWidths.some((width, index) => width !== previousWidths[index]);
+      return changed ? nextWidths : previousWidths;
+    });
+  }, [columns, hasAutoWidthColumns, tasks]);
+  const resolvedColumnWidths = (0, import_react15.useMemo)(
+    () => columns.map((column, index) => {
+      if (typeof column.width === "number") return column.width;
+      const minWidth = getAutoMinWidth(column);
+      const maxWidth = getAutoMaxWidth(column);
+      return clampWidth(measuredAutoWidths[index] ?? minWidth, minWidth, maxWidth);
+    }),
+    [columns, measuredAutoWidths]
+  );
+  const gridTemplateColumns = (0, import_react15.useMemo)(
+    () => resolvedColumnWidths.map((width) => `${width}px`).join(" "),
+    [resolvedColumnWidths]
+  );
   const totalWidth = (0, import_react15.useMemo)(
-    () => columns.reduce((sum, column) => sum + column.width, 0),
-    [columns]
+    () => resolvedColumnWidths.reduce((sum, width) => sum + width, 0),
+    [resolvedColumnWidths]
   );
   const hasGroupHeader = (0, import_react15.useMemo)(
     () => columns.some((column) => !!column.groupId) || (columnGroups?.length ?? 0) > 0,
@@ -9419,7 +9484,7 @@ function TableMatrix({
   );
   const headerSpans = (0, import_react15.useMemo)(() => {
     if (!hasGroupHeader) return [];
-    if (columnGroups?.some((group) => typeof group.width === "number")) {
+    if (!hasAutoWidthColumns && columnGroups?.some((group) => typeof group.width === "number")) {
       return columnGroups.map((group) => ({
         id: group.id,
         header: group.header,
@@ -9432,19 +9497,21 @@ function TableMatrix({
       const groupId = column.groupId ?? column.id;
       const lastSpan = spans[spans.length - 1];
       if (lastSpan?.id === groupId) {
-        lastSpan.width += column.width;
+        lastSpan.width = (lastSpan.width ?? 0) + resolvedColumnWidths[columns.indexOf(column)];
+        lastSpan.columnSpan = (lastSpan.columnSpan ?? 1) + 1;
         continue;
       }
       const group = groupMap.get(groupId);
       spans.push({
         id: groupId,
         header: group?.header ?? column.header,
-        width: column.width,
+        width: resolvedColumnWidths[columns.indexOf(column)],
+        columnSpan: 1,
         className: group?.className
       });
     }
     return spans;
-  }, [columns, groupMap, hasGroupHeader]);
+  }, [columns, columnGroups, groupMap, hasAutoWidthColumns, hasGroupHeader, resolvedColumnWidths]);
   const headerContentHeight = Math.max(0, headerHeight - 1);
   const topRowHeight = hasGroupHeader ? Math.ceil(headerContentHeight / 2) : headerContentHeight;
   const bottomRowHeight = hasGroupHeader ? Math.floor(headerContentHeight / 2) : 0;
@@ -9479,13 +9546,44 @@ function TableMatrix({
     return depthMap;
   }, [allTasks]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
+    hasAutoWidthColumns && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { ref: measureRef, className: "gantt-mx-measure", "aria-hidden": "true", children: [
+      columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          "data-gantt-mx-measure-column": columnIndex,
+          className: "gantt-mx-measureCell gantt-mx-headerCell",
+          children: column.header
+        },
+        `header:${column.id}`
+      )),
+      tasks.map((task) => columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          "data-gantt-mx-measure-column": columnIndex,
+          className: "gantt-mx-measureCell gantt-mx-cell",
+          children: column.renderCell(task)
+        },
+        `${task.id}:${column.id}`
+      )))
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
       hasGroupHeader && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "div",
         {
           className: "gantt-mx-headerRow gantt-mx-headerGroupRow",
-          style: { gridTemplateColumns: headerSpans.map((span) => `${span.width}px`).join(" "), height: `${topRowHeight}px` },
-          children: headerSpans.map((span) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: joinClasses("gantt-mx-groupCell", span.className), children: span.header }, span.id))
+          style: {
+            gridTemplateColumns: hasAutoWidthColumns ? gridTemplateColumns : headerSpans.map((span) => `${span.width ?? 0}px`).join(" "),
+            height: `${topRowHeight}px`
+          },
+          children: headerSpans.map((span) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "div",
+            {
+              className: joinClasses("gantt-mx-groupCell", span.className),
+              style: hasAutoWidthColumns ? { gridColumn: `span ${span.columnSpan ?? 1}` } : void 0,
+              children: span.header
+            },
+            span.id
+          ))
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
@@ -9500,6 +9598,7 @@ function TableMatrix({
                 "gantt-mx-headerCell",
                 column.headerClassName
               ),
+              style: column.minWidth !== void 0 ? { minWidth: `${column.minWidth}px` } : void 0,
               children: column.header
             },
             column.id
@@ -9511,7 +9610,10 @@ function TableMatrix({
       "div",
       {
         className: "gantt-mx-body",
-        style: { height: `${tasks.length * rowHeight}px` },
+        style: {
+          height: `${tasks.length * rowHeight}px`,
+          minHeight: bodyMinHeight
+        },
         children: tasks.map((task, index) => {
           const isHighlighted = filterMode === "highlight" && !!highlightedTaskIds?.has(task.id);
           const isParent = parentTaskIds.has(task.id);
@@ -9534,7 +9636,8 @@ function TableMatrix({
               style: {
                 gridTemplateColumns,
                 top: `${index * rowHeight}px`,
-                height: `${rowHeight}px`
+                height: `${rowHeight}px`,
+                width: `${totalWidth}px`
               },
               onClick: () => onTaskSelect?.(task.id),
               children: columns.map((column, columnIndex) => {
@@ -9549,6 +9652,7 @@ function TableMatrix({
                       column.className,
                       resolvedCellClassName
                     ),
+                    style: column.minWidth !== void 0 ? { minWidth: `${column.minWidth}px` } : void 0,
                     onClick: (event) => {
                       onCellClick?.({ task, column, rowIndex: index, columnIndex, event });
                     },
@@ -10012,7 +10116,10 @@ function TaskGanttChartInner(props, ref) {
     [dateRange.length, dayWidth]
   );
   const matrixWidth = (0, import_react16.useMemo)(
-    () => matrixColumns.reduce((sum, column) => sum + column.width, 0),
+    () => matrixColumns.reduce((sum, column) => {
+      if (typeof column.width !== "number") return void 0;
+      return sum !== void 0 ? sum + column.width : void 0;
+    }, 0),
     [matrixColumns]
   );
   const visibleTasks = (0, import_react16.useMemo)(() => {
@@ -10051,6 +10158,15 @@ function TaskGanttChartInner(props, ref) {
     [effectiveRowHeight, visibleTasks.length]
   );
   const timelineHeaderHeight = headerHeight + 1;
+  const tableBodyMinHeight = (0, import_react16.useMemo)(() => {
+    if (!isTableMatrixMode || containerHeight === void 0) {
+      return void 0;
+    }
+    if (typeof containerHeight === "number") {
+      return Math.max(0, containerHeight - timelineHeaderHeight);
+    }
+    return `calc(${containerHeight} - ${timelineHeaderHeight}px)`;
+  }, [containerHeight, isTableMatrixMode, timelineHeaderHeight]);
   const monthStart = (0, import_react16.useMemo)(() => {
     if (dateRange.length === 0) {
       return new Date(Date.UTC((/* @__PURE__ */ new Date()).getUTCFullYear(), (/* @__PURE__ */ new Date()).getUTCMonth(), 1));
@@ -10613,6 +10729,7 @@ function TaskGanttChartInner(props, ref) {
                     taskListMenuCommands,
                     hideTaskListRowActions,
                     rowContentLines: resolvedRowContentLines,
+                    bodyMinHeight: tableBodyMinHeight,
                     taskDateChangeMode,
                     onTaskDateChangeModeChange: handleTaskDateChangeMode
                   }
@@ -10622,8 +10739,9 @@ function TaskGanttChartInner(props, ref) {
                   {
                     className: isTableMatrixMode || showChart ? "gantt-chartSurface" : "gantt-chartSurface gantt-chart-hidden",
                     style: {
-                      minWidth: `${isTableMatrixMode ? matrixWidth : gridWidth}px`,
-                      flex: 1,
+                      minWidth: isTableMatrixMode ? matrixWidth !== void 0 ? `${matrixWidth}px` : void 0 : `${gridWidth}px`,
+                      width: isTableMatrixMode ? matrixWidth !== void 0 ? `${matrixWidth}px` : "max-content" : void 0,
+                      flex: isTableMatrixMode ? "0 0 auto" : 1,
                       display: isTableMatrixMode || showChart ? void 0 : "none"
                     },
                     children: isTableMatrixMode ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -10635,6 +10753,7 @@ function TaskGanttChartInner(props, ref) {
                         columnGroups: matrixColumnGroups,
                         rowHeight: effectiveRowHeight,
                         headerHeight: timelineHeaderHeight,
+                        bodyMinHeight: tableBodyMinHeight,
                         selectedTaskId,
                         onTaskSelect: handleTaskSelect,
                         onCellClick: onMatrixCellClick,