gantt-lib 0.120.1 → 0.121.0

package/dist/index.d.mts

@@ -391,8 +391,9 @@ interface TableMatrixProps<TTask extends Task = Task> {
     dateOverlay?: TableMatrixDateOverlay<TTask> | false;
     highlightedTaskIds?: Set<string>;
     filterMode?: 'highlight' | 'hide';
+    visibleRowIndices?: number[];
 }
-declare function TableMatrix<TTask extends Task = Task>({ tasks, allTasks, columns, columnGroups, rowHeight, headerHeight, bodyMinHeight, selectedTaskId, onTaskSelect, onCellClick, dateOverlay, 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, dateOverlay, highlightedTaskIds, filterMode, visibleRowIndices, }: TableMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
 
 type PlanFactCellKind = 'plan' | 'fact';
 interface PlanFactCellCommitContext<TTask extends Task = Task> {

package/dist/index.d.ts

@@ -391,8 +391,9 @@ interface TableMatrixProps<TTask extends Task = Task> {
     dateOverlay?: TableMatrixDateOverlay<TTask> | false;
     highlightedTaskIds?: Set<string>;
     filterMode?: 'highlight' | 'hide';
+    visibleRowIndices?: number[];
 }
-declare function TableMatrix<TTask extends Task = Task>({ tasks, allTasks, columns, columnGroups, rowHeight, headerHeight, bodyMinHeight, selectedTaskId, onTaskSelect, onCellClick, dateOverlay, 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, dateOverlay, highlightedTaskIds, filterMode, visibleRowIndices, }: TableMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
 
 type PlanFactCellKind = 'plan' | 'fact';
 interface PlanFactCellCommitContext<TTask extends Task = Task> {

package/dist/index.js

@@ -10354,7 +10354,8 @@ function TableMatrix({
   onCellClick,
   dateOverlay,
   highlightedTaskIds,
-  filterMode = "highlight"
+  filterMode = "highlight",
+  visibleRowIndices
 }) {
   const measureRef = (0, import_react16.useRef)(null);
   const [measuredAutoWidths, setMeasuredAutoWidths] = (0, import_react16.useState)([]);
@@ -10481,6 +10482,15 @@ function TableMatrix({
     }
     return depthMap;
   }, [allTasks]);
+  const renderedRows = (0, import_react16.useMemo)(() => {
+    if (!visibleRowIndices) {
+      return tasks.map((task, index) => ({ task, index }));
+    }
+    return visibleRowIndices.map((index) => {
+      const task = tasks[index];
+      return task ? { task, index } : null;
+    }).filter((entry) => entry !== null);
+  }, [tasks, visibleRowIndices]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
     hasAutoWidthColumns && /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)(
@@ -10566,7 +10576,7 @@ function TableMatrix({
           height: `${tasks.length * rowHeight}px`,
           minHeight: bodyMinHeight
         },
-        children: tasks.map((task, index) => {
+        children: renderedRows.map(({ task, index }) => {
           const isHighlighted = filterMode === "highlight" && !!highlightedTaskIds?.has(task.id);
           const isParent = parentTaskIds.has(task.id);
           const nestingDepth = nestingDepthMap.get(task.id) ?? 0;
@@ -12074,6 +12084,33 @@ var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 var TASK_ROW_OVERSCAN = 8;
 var PLAN_FACT_COLUMN_OVERSCAN = 24;
 var PLAN_FACT_COLUMN_WINDOW_STEP = 14;
+function getInitialScrollViewportHeight(containerHeight, headerHeight) {
+  if (containerHeight === void 0) {
+    return 0;
+  }
+  if (typeof containerHeight === "number") {
+    return Math.max(0, containerHeight - headerHeight);
+  }
+  if (typeof window === "undefined") {
+    return 0;
+  }
+  const dynamicViewportMatch = containerHeight.match(/^([\d.]+)dvh$/);
+  if (dynamicViewportMatch) {
+    const ratio = Number(dynamicViewportMatch[1]);
+    return Number.isFinite(ratio) ? Math.max(0, window.innerHeight * (ratio / 100) - headerHeight) : 0;
+  }
+  const viewportMatch = containerHeight.match(/^([\d.]+)vh$/);
+  if (viewportMatch) {
+    const ratio = Number(viewportMatch[1]);
+    return Number.isFinite(ratio) ? Math.max(0, window.innerHeight * (ratio / 100) - headerHeight) : 0;
+  }
+  const pixelMatch = containerHeight.match(/^([\d.]+)px$/);
+  if (pixelMatch) {
+    const height = Number(pixelMatch[1]);
+    return Number.isFinite(height) ? Math.max(0, height - headerHeight) : 0;
+  }
+  return 0;
+}
 function waitForNextPaint2(win) {
   return new Promise((resolve) => {
     if (typeof win.requestAnimationFrame === "function") {
@@ -12257,7 +12294,10 @@ function TaskGanttChartInner(props, ref) {
   const [selectedTaskId, setSelectedTaskId] = (0, import_react18.useState)(null);
   const [taskListHasRightShadow, setTaskListHasRightShadow] = (0, import_react18.useState)(false);
   const [internalTaskDateChangeMode, setInternalTaskDateChangeMode] = (0, import_react18.useState)("preserve-duration");
-  const [scrollViewport, setScrollViewport] = (0, import_react18.useState)({ scrollTop: 0, viewportHeight: 0 });
+  const [scrollViewport, setScrollViewport] = (0, import_react18.useState)(() => ({
+    scrollTop: 0,
+    viewportHeight: getInitialScrollViewportHeight(containerHeight, headerHeight + 1)
+  }));
   const [forceFullRenderForPrint, setForceFullRenderForPrint] = (0, import_react18.useState)(false);
   const [planFactDateWindow, setPlanFactDateWindow] = (0, import_react18.useState)(null);
   const [selectedChip, setSelectedChip] = (0, import_react18.useState)(null);
@@ -12406,7 +12446,7 @@ function TaskGanttChartInner(props, ref) {
         (previous) => previous === nextHasRightShadow ? previous : nextHasRightShadow
       );
       setScrollViewport(
-        (previous) => previous.scrollTop === nextScrollTop && previous.viewportHeight === nextViewportHeight ? previous : { scrollTop: nextScrollTop, viewportHeight: nextViewportHeight }
+        (previous) => previous.viewportHeight > 0 && nextViewportHeight === 0 ? { scrollTop: nextScrollTop, viewportHeight: previous.viewportHeight } : previous.scrollTop === nextScrollTop && previous.viewportHeight === nextViewportHeight ? previous : { scrollTop: nextScrollTop, viewportHeight: nextViewportHeight }
       );
       setPlanFactDateWindow((previous) => {
         if (!isPlanFactMode || dateRange.length === 0 || nextViewportWidth <= 0) {
@@ -13072,7 +13112,7 @@ function TaskGanttChartInner(props, ref) {
                     onDelete: handleDelete,
                     onInsertAfter: handleInsertAfter,
                     onReorder: handleReorder,
-                    disableTaskDrag: disableTaskListReorder,
+                    disableTaskDrag: disableTaskDrag || disableTaskListReorder,
                     editingTaskId,
                     enableAddTask,
                     defaultTaskDurationDays,
@@ -13132,7 +13172,8 @@ function TaskGanttChartInner(props, ref) {
                         onCellClick: onMatrixCellClick,
                         dateOverlay: matrixDateOverlay,
                         highlightedTaskIds: taskListHighlightedTaskIds,
-                        filterMode
+                        filterMode,
+                        visibleRowIndices: visibleTaskWindowIndices
                       }
                     ) : isPlanFactMode ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                       PlanFactMatrix,