gantt-lib 0.135.3 → 0.135.4

package/dist/index.mjs

@@ -3675,8 +3675,8 @@ function handleGlobalMouseMove(e) {
     if (draggedTask && isMilestoneTask(draggedTask)) {
       newWidth = dayWidth;
     }
-    const isParentResizePreview = draggedTask && (mode === "resize-left" || mode === "resize-right") && isTaskParent(activeDrag.taskId, allTasks);
-    if (isParentResizePreview && activeDrag.onCascadeProgress) {
+    const isParentResizePreview = !activeDrag.deferCascadePreview && draggedTask && (mode === "resize-left" || mode === "resize-right") && isTaskParent(activeDrag.taskId, allTasks);
+    if (!activeDrag.deferCascadePreview && isParentResizePreview && activeDrag.onCascadeProgress) {
       const { dayWidth: dw, monthStart: mStart } = activeDrag;
       const previewRange = resolveDragRangeForInteraction(activeDrag, draggedTask, mode, newLeft, newWidth);
       const anchor = mode === "resize-left" ? "end" : "start";
@@ -3727,7 +3727,7 @@ function handleGlobalMouseMove(e) {
         activeDrag.onCascadeProgress(liveOverrides, activeDrag.parentScalePreview.previewTasks);
       }
     }
-    if (!activeDrag.disableConstraints && activeDrag.onCascadeProgress && !isParentResizePreview) {
+    if (!activeDrag.deferCascadePreview && !activeDrag.disableConstraints && activeDrag.onCascadeProgress && !isParentResizePreview) {
       const { dayWidth: dayWidth2, monthStart: mStart, taskId: dragId } = activeDrag;
       const originalDraggedTask = draggedTask ?? allTasks.find((t) => t.id === dragId);
       const previewRange = originalDraggedTask ? clampDateRangeForIncomingFS(
@@ -3851,6 +3851,7 @@ var useTaskDrag = (options) => {
     rowIndex,
     enableAutoSchedule = false,
     disableConstraints = false,
+    deferCascadePreview = false,
     onCascadeProgress,
     onCascade,
     locked = false,
@@ -4188,13 +4189,14 @@ var useTaskDrag = (options) => {
       onCancel: handleCancel,
       allTasks,
       disableConstraints,
+      deferCascadePreview,
       onCascadeProgress,
       businessDays,
       weekendPredicate,
       cascadeContext: shouldBuildCascadeContext ? createCascadeContext(allTasks) : void 0,
       scheduleIntentMode: Boolean(onScheduleIntent)
     };
-  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel, allTasks, disableConstraints, onCascadeProgress, onCascade, effectiveLocked, viewMode]);
+  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel, allTasks, disableConstraints, deferCascadePreview, onCascadeProgress, onCascade, effectiveLocked, viewMode]);
   const handleMouseDown = useCallback((e) => {
     startDrag(e);
   }, [startDrag]);
@@ -4252,10 +4254,10 @@ var useTaskDrag = (options) => {
 // src/components/TaskRow/TaskRow.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var arePropsEqual = (prevProps, nextProps) => {
-  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.baselineStartDate === nextProps.task.baselineStartDate && prevProps.task.baselineEndDate === nextProps.task.baselineEndDate && prevProps.task.type === nextProps.task.type && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.previewPositionStore === nextProps.previewPositionStore && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.task.locked === nextProps.task.locked && prevProps.task.synced === nextProps.task.synced && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks && prevProps.isCritical === nextProps.isCritical && prevProps.showBaseline === nextProps.showBaseline && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.businessDays === nextProps.businessDays && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.disableTaskDrag === nextProps.disableTaskDrag && prevProps.disableDependencyEditing === nextProps.disableDependencyEditing && prevProps.isDependencyDragActive === nextProps.isDependencyDragActive && prevProps.viewMode === nextProps.viewMode && prevProps.showTaskDateLabels === nextProps.showTaskDateLabels && prevProps.showTaskNames === nextProps.showTaskNames;
+  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.baselineStartDate === nextProps.task.baselineStartDate && prevProps.task.baselineEndDate === nextProps.task.baselineEndDate && prevProps.task.type === nextProps.task.type && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.previewPositionStore === nextProps.previewPositionStore && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.deferCascadePreview === nextProps.deferCascadePreview && prevProps.task.locked === nextProps.task.locked && prevProps.task.synced === nextProps.task.synced && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks && prevProps.isCritical === nextProps.isCritical && prevProps.showBaseline === nextProps.showBaseline && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.businessDays === nextProps.businessDays && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.disableTaskDrag === nextProps.disableTaskDrag && prevProps.disableDependencyEditing === nextProps.disableDependencyEditing && prevProps.isDependencyDragActive === nextProps.isDependencyDragActive && prevProps.viewMode === nextProps.viewMode && prevProps.showTaskDateLabels === nextProps.showTaskDateLabels && prevProps.showTaskNames === nextProps.showTaskNames;
 };
 var TaskRow = React2.memo(
-  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onScheduleIntent, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, previewPositionStore, onCascadeProgress, onCascade, divider, highlightExpiredTasks, isCritical = false, showBaseline = false, isFilterMatch = false, businessDays, customDays, isWeekend: isWeekend3, disableTaskDrag = false, disableDependencyEditing = false, onDependencyPortPointerDown, isDependencyDragActive = false, viewMode = "day", showTaskDateLabels = true, showTaskNames = true }) => {
+  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onScheduleIntent, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, deferCascadePreview = false, overridePosition, previewPositionStore, onCascadeProgress, onCascade, divider, highlightExpiredTasks, isCritical = false, showBaseline = false, isFilterMatch = false, businessDays, customDays, isWeekend: isWeekend3, disableTaskDrag = false, disableDependencyEditing = false, onDependencyPortPointerDown, isDependencyDragActive = false, viewMode = "day", showTaskDateLabels = true, showTaskNames = true }) => {
     const defaultParentBarColor = "#782FC4";
     const { divider: taskDivider } = task;
     const normalizedTask = useMemo2(() => normalizeTaskDatesForType(task), [task]);
@@ -4377,6 +4379,7 @@ var TaskRow = React2.memo(
       rowIndex,
       enableAutoSchedule,
       disableConstraints,
+      deferCascadePreview,
       locked: task.locked,
       disableTaskDrag,
       onCascadeProgress,
@@ -4800,7 +4803,8 @@ var DragGuideLines = ({
   dragMode,
   left,
   width,
-  totalHeight
+  totalHeight,
+  top = 0
 }) => {
   if (!isDragging || !dragMode) {
     return null;
@@ -4814,6 +4818,7 @@ var DragGuideLines = ({
         className: "gantt-dgl-guideLine",
         style: {
           left: `${left}px`,
+          top: `${top}px`,
           height: `${totalHeight}px`
         }
       }
@@ -4824,6 +4829,7 @@ var DragGuideLines = ({
         className: "gantt-dgl-guideLine",
         style: {
           left: `${left + width}px`,
+          top: `${top}px`,
           height: `${totalHeight}px`
         }
       }
@@ -15513,7 +15519,8 @@ function TaskGanttChartInner(props, ref) {
                                 dragMode: dragGuideLines.dragMode,
                                 left: dragGuideLines.left,
                                 width: dragGuideLines.width,
-                                totalHeight: totalGridHeight
+                                totalHeight: Math.min(totalGridHeight, scrollViewport.viewportHeight),
+                                top: Math.max(0, scrollViewport.scrollTop)
                               }
                             ),
                             renderedChartTasks.map(({ task, index }) => /* @__PURE__ */ jsx21(
@@ -15550,6 +15557,7 @@ function TaskGanttChartInner(props, ref) {
                                     allTasks: normalizedTasks,
                                     enableAutoSchedule: enableAutoSchedule ?? false,
                                     disableConstraints: disableConstraints ?? false,
+                                    deferCascadePreview: normalizedTasks.length >= 1e3,
                                     previewPositionStore,
                                     onCascadeProgress: handleCascadeProgress,
                                     onCascade: handleCascade,