gantt-lib 0.135.3 → 0.135.5

package/dist/index.d.mts

@@ -796,6 +796,8 @@ interface TaskRowProps {
     enableAutoSchedule?: boolean;
     /** Whether to disable constraint checking during drag */
     disableConstraints?: boolean;
+    /** Keep the dragged bar live but defer the cascade preview until drop. */
+    deferCascadePreview?: boolean;
     /** Position override for cascade preview — when set, overrides both static and drag position */
     overridePosition?: {
         left: number;
@@ -967,6 +969,7 @@ interface DragGuideLinesProps {
     left: number;
     width: number;
     totalHeight: number;
+    top?: number;
 }
 declare const DragGuideLines: React$1.FC<DragGuideLinesProps>;
 
@@ -1269,6 +1272,8 @@ interface UseTaskDragOptions {
     enableAutoSchedule?: boolean;
     /** When true, dependency constraint checking is skipped during drag (default: false) */
     disableConstraints?: boolean;
+    /** Skip live cascade and parent scaling on large charts; drop semantics remain unchanged. */
+    deferCascadePreview?: boolean;
     /** Callback for real-time cascade preview — called each RAF with non-dragged chain member positions */
     onCascadeProgress?: (overrides: Map<string, {
         left: number;

package/dist/index.d.ts

@@ -796,6 +796,8 @@ interface TaskRowProps {
     enableAutoSchedule?: boolean;
     /** Whether to disable constraint checking during drag */
     disableConstraints?: boolean;
+    /** Keep the dragged bar live but defer the cascade preview until drop. */
+    deferCascadePreview?: boolean;
     /** Position override for cascade preview — when set, overrides both static and drag position */
     overridePosition?: {
         left: number;
@@ -967,6 +969,7 @@ interface DragGuideLinesProps {
     left: number;
     width: number;
     totalHeight: number;
+    top?: number;
 }
 declare const DragGuideLines: React$1.FC<DragGuideLinesProps>;
 
@@ -1269,6 +1272,8 @@ interface UseTaskDragOptions {
     enableAutoSchedule?: boolean;
     /** When true, dependency constraint checking is skipped during drag (default: false) */
     disableConstraints?: boolean;
+    /** Skip live cascade and parent scaling on large charts; drop semantics remain unchanged. */
+    deferCascadePreview?: boolean;
     /** Callback for real-time cascade preview — called each RAF with non-dragged chain member positions */
     onCascadeProgress?: (overrides: Map<string, {
         left: number;

package/dist/index.js

@@ -3823,8 +3823,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";
@@ -3875,7 +3875,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(
@@ -3999,6 +3999,7 @@ var useTaskDrag = (options) => {
     rowIndex,
     enableAutoSchedule = false,
     disableConstraints = false,
+    deferCascadePreview = false,
     onCascadeProgress,
     onCascade,
     locked = false,
@@ -4336,13 +4337,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 = (0, import_react2.useCallback)((e) => {
     startDrag(e);
   }, [startDrag]);
@@ -4400,10 +4402,10 @@ var useTaskDrag = (options) => {
 // src/components/TaskRow/TaskRow.tsx
 var import_jsx_runtime2 = require("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 = import_react3.default.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 = (0, import_react3.useMemo)(() => normalizeTaskDatesForType(task), [task]);
@@ -4525,6 +4527,7 @@ var TaskRow = import_react3.default.memo(
       rowIndex,
       enableAutoSchedule,
       disableConstraints,
+      deferCascadePreview,
       locked: task.locked,
       disableTaskDrag,
       onCascadeProgress,
@@ -4948,7 +4951,8 @@ var DragGuideLines = ({
   dragMode,
   left,
   width,
-  totalHeight
+  totalHeight,
+  top = 0
 }) => {
   if (!isDragging || !dragMode) {
     return null;
@@ -4962,6 +4966,7 @@ var DragGuideLines = ({
         className: "gantt-dgl-guideLine",
         style: {
           left: `${left}px`,
+          top: `${top}px`,
           height: `${totalHeight}px`
         }
       }
@@ -4972,6 +4977,7 @@ var DragGuideLines = ({
         className: "gantt-dgl-guideLine",
         style: {
           left: `${left + width}px`,
+          top: `${top}px`,
           height: `${totalHeight}px`
         }
       }
@@ -15637,7 +15643,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__ */ (0, import_jsx_runtime21.jsx)(
@@ -15660,6 +15667,7 @@ function TaskGanttChartInner(props, ref) {
                                     onTasksChange: handleTaskChange,
                                     onDragStateChange: (state) => {
                                       if (state.isDragging) {
+                                        if (normalizedTasks.length >= 1e3) return;
                                         setDragGuideLines((current) => current && current.isDragging === state.isDragging && current.dragMode === state.dragMode && current.left === state.left && current.width === state.width ? current : state);
                                         setDraggedTaskOverride((current) => current && current.taskId === task.id && current.left === state.left && current.width === state.width ? current : { taskId: task.id, left: state.left, width: state.width });
                                       } else {
@@ -15674,6 +15682,7 @@ function TaskGanttChartInner(props, ref) {
                                     allTasks: normalizedTasks,
                                     enableAutoSchedule: enableAutoSchedule ?? false,
                                     disableConstraints: disableConstraints ?? false,
+                                    deferCascadePreview: normalizedTasks.length >= 1e3,
                                     previewPositionStore,
                                     onCascadeProgress: handleCascadeProgress,
                                     onCascade: handleCascade,