gantt-lib 0.100.0 → 0.101.0

package/dist/index.d.mts

@@ -362,13 +362,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 +875,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

@@ -362,13 +362,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 +875,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,
           {
@@ -9395,6 +9406,7 @@ function TableMatrix({
   columnGroups,
   rowHeight,
   headerHeight,
+  bodyMinHeight,
   selectedTaskId,
   onTaskSelect,
   onCellClick,
@@ -9511,7 +9523,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);
@@ -10051,6 +10066,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 +10637,7 @@ function TaskGanttChartInner(props, ref) {
                     taskListMenuCommands,
                     hideTaskListRowActions,
                     rowContentLines: resolvedRowContentLines,
+                    bodyMinHeight: tableBodyMinHeight,
                     taskDateChangeMode,
                     onTaskDateChangeModeChange: handleTaskDateChangeMode
                   }
@@ -10635,6 +10660,7 @@ function TaskGanttChartInner(props, ref) {
                         columnGroups: matrixColumnGroups,
                         rowHeight: effectiveRowHeight,
                         headerHeight: timelineHeaderHeight,
+                        bodyMinHeight: tableBodyMinHeight,
                         selectedTaskId,
                         onTaskSelect: handleTaskSelect,
                         onCellClick: onMatrixCellClick,