gantt-lib 0.120.0 → 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

@@ -3600,6 +3600,24 @@ var DependencyLines = import_react7.default.memo(({
         });
       }
     }
+    if (allTasks) {
+      for (const task of allTasks) {
+        if (positions.has(task.id)) continue;
+        if (collapsedParentIds.size > 0 && isTaskHidden(task.id, collapsedParentIds, taskMap)) continue;
+        hidden.add(task.id);
+        const override = dragOverrides?.get(task.id);
+        const computed = resolveTaskHorizontalGeometry(task, monthStart, dayWidth, override);
+        const rowIndex = rowIndexByTaskId?.get(task.id);
+        const rowTop = rowIndex !== void 0 ? rowIndex * rowHeight : 0;
+        positions.set(task.id, {
+          left: computed.left,
+          right: computed.right,
+          centerX: computed.centerX,
+          rowTop,
+          isVirtual: false
+        });
+      }
+    }
     return { taskPositions: positions, taskIndices: indices, hiddenTaskIds: hidden };
   }, [tasks, tasksForPositions, allTasks, collapsedParentIds, monthStart, dayWidth, rowHeight, dragOverrides, rowIndexByTaskId]);
   const cycleInfo = (0, import_react7.useMemo)(() => {
@@ -3612,6 +3630,7 @@ var DependencyLines = import_react7.default.memo(({
     const tasksForEdges = allTasks ?? tasks;
     const taskMap = new Map(tasksForEdges.map((task) => [task.id, task]));
     const positionedTaskIds = Array.from(taskPositions.keys());
+    const renderedTaskIdSet = new Set(tasks.map((t) => t.id));
     const lines2 = [];
     for (const successorId of positionedTaskIds) {
       const successorTaskForEdges = taskMap.get(successorId);
@@ -3642,6 +3661,9 @@ var DependencyLines = import_react7.default.memo(({
             continue;
           }
         }
+        if (!renderedTaskIdSet.has(edge.predecessorId) && !renderedTaskIdSet.has(edge.successorId)) {
+          continue;
+        }
         const isVirtual = predecessor.isVirtual || successor.isVirtual;
         let reverseOrder = false;
         if (predecessorIndex !== void 0 && successorIndex !== void 0) {
@@ -10332,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)([]);
@@ -10459,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)(
@@ -10544,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;
@@ -12052,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") {
@@ -12235,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);
@@ -12384,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) {
@@ -13050,7 +13112,7 @@ function TaskGanttChartInner(props, ref) {
                     onDelete: handleDelete,
                     onInsertAfter: handleInsertAfter,
                     onReorder: handleReorder,
-                    disableTaskDrag: disableTaskListReorder,
+                    disableTaskDrag: disableTaskDrag || disableTaskListReorder,
                     editingTaskId,
                     enableAddTask,
                     defaultTaskDurationDays,
@@ -13110,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,