gantt-lib 0.120.0 → 0.121.0

package/dist/index.mjs

@@ -3457,6 +3457,24 @@ var DependencyLines = React6.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 = useMemo6(() => {
@@ -3469,6 +3487,7 @@ var DependencyLines = React6.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);
@@ -3499,6 +3518,9 @@ var DependencyLines = React6.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) {
@@ -10213,7 +10235,8 @@ function TableMatrix({
   onCellClick,
   dateOverlay,
   highlightedTaskIds,
-  filterMode = "highlight"
+  filterMode = "highlight",
+  visibleRowIndices
 }) {
   const measureRef = useRef9(null);
   const [measuredAutoWidths, setMeasuredAutoWidths] = useState9([]);
@@ -10340,6 +10363,15 @@ function TableMatrix({
     }
     return depthMap;
   }, [allTasks]);
+  const renderedRows = useMemo11(() => {
+    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__ */ jsxs13("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
     hasAutoWidthColumns && /* @__PURE__ */ jsxs13("div", { ref: measureRef, className: "gantt-mx-measure", "aria-hidden": "true", children: [
       columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ jsx17(
@@ -10425,7 +10457,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;
@@ -11933,6 +11965,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") {
@@ -12116,7 +12175,10 @@ function TaskGanttChartInner(props, ref) {
   const [selectedTaskId, setSelectedTaskId] = useState11(null);
   const [taskListHasRightShadow, setTaskListHasRightShadow] = useState11(false);
   const [internalTaskDateChangeMode, setInternalTaskDateChangeMode] = useState11("preserve-duration");
-  const [scrollViewport, setScrollViewport] = useState11({ scrollTop: 0, viewportHeight: 0 });
+  const [scrollViewport, setScrollViewport] = useState11(() => ({
+    scrollTop: 0,
+    viewportHeight: getInitialScrollViewportHeight(containerHeight, headerHeight + 1)
+  }));
   const [forceFullRenderForPrint, setForceFullRenderForPrint] = useState11(false);
   const [planFactDateWindow, setPlanFactDateWindow] = useState11(null);
   const [selectedChip, setSelectedChip] = useState11(null);
@@ -12265,7 +12327,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) {
@@ -12931,7 +12993,7 @@ function TaskGanttChartInner(props, ref) {
                     onDelete: handleDelete,
                     onInsertAfter: handleInsertAfter,
                     onReorder: handleReorder,
-                    disableTaskDrag: disableTaskListReorder,
+                    disableTaskDrag: disableTaskDrag || disableTaskListReorder,
                     editingTaskId,
                     enableAddTask,
                     defaultTaskDurationDays,
@@ -12991,7 +13053,8 @@ function TaskGanttChartInner(props, ref) {
                         onCellClick: onMatrixCellClick,
                         dateOverlay: matrixDateOverlay,
                         highlightedTaskIds: taskListHighlightedTaskIds,
-                        filterMode
+                        filterMode,
+                        visibleRowIndices: visibleTaskWindowIndices
                       }
                     ) : isPlanFactMode ? /* @__PURE__ */ jsx19(
                       PlanFactMatrix,