gantt-lib 0.135.2 → 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`
         }
       }
@@ -6217,6 +6223,11 @@ var LINK_TYPE_LABELS_RU2 = {
 function formatTaskNumberLabel(taskNumber) {
   return taskNumber ? `${taskNumber}. ` : "";
 }
+function formatDependencyPrintLabel(dep, predecessorTaskNumber, lag) {
+  const effectiveLag = lag ?? 0;
+  const lagSuffix = effectiveLag === 0 ? "" : effectiveLag > 0 ? `+${effectiveLag}` : String(effectiveLag);
+  return `[${predecessorTaskNumber ?? dep.taskId}]${LINK_TYPE_LABELS_RU2[dep.type]}${lagSuffix}`;
+}
 var ArrowLeft = () => /* @__PURE__ */ jsxs10(
   "svg",
   {
@@ -6628,7 +6639,7 @@ var areTaskListRowPropsEqual = (prevProps, nextProps) => {
   const nextPickingTask = nextProps.selectingPredecessorFor === nextTask.id;
   const prevAnyPicking = prevProps.selectingPredecessorFor != null;
   const nextAnyPicking = nextProps.selectingPredecessorFor != null;
-  return prevTaskUnchanged && prevProps.rowIndex === nextProps.rowIndex && prevProps.taskNumber === nextProps.taskNumber && prevProps.taskNumberMap === nextProps.taskNumberMap && prevProps.rowHeight === nextProps.rowHeight && prevIsSelected === nextIsSelected && prevProps.disableTaskNameEditing === nextProps.disableTaskNameEditing && prevProps.disableDependencyEditing === nextProps.disableDependencyEditing && prevProps.allTasks === nextProps.allTasks && prevProps.activeLinkType === nextProps.activeLinkType && prevProps.dependencyPickMode === nextProps.dependencyPickMode && prevPickingTask === nextPickingTask && prevAnyPicking === nextAnyPicking && resolveSelectedChipRole(prevProps) === resolveSelectedChipRole(nextProps) && prevIsEditingTask === nextIsEditingTask && prevProps.isDragging === nextProps.isDragging && prevProps.isDragOver === nextProps.isDragOver && prevProps.dragOverPlacement === nextProps.dragOverPlacement && prevProps.isNestedDropTarget === nextProps.isNestedDropTarget && prevProps.isDirectChildDropTarget === nextProps.isDirectChildDropTarget && prevCollapsed === nextCollapsed && prevProps.canDemoteTask === nextProps.canDemoteTask && prevProps.isLastChild === nextProps.isLastChild && prevProps.nestingDepth === nextProps.nestingDepth && prevProps.hasVisibleChildren === nextProps.hasVisibleChildren && prevProps.ancestorLineModes === nextProps.ancestorLineModes && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.fillParentRow === nextProps.fillParentRow && prevProps.businessDays === nextProps.businessDays && prevProps.defaultTaskDurationDays === nextProps.defaultTaskDurationDays && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.isFilterHideMode === nextProps.isFilterHideMode && prevProps.resolvedColumns === nextProps.resolvedColumns && prevProps.isTaskSelected === nextProps.isTaskSelected && resolveActiveCustomCellForRow(prevProps) === resolveActiveCustomCellForRow(nextProps) && prevProps.taskListMenuCommands === nextProps.taskListMenuCommands && prevProps.hideTaskListRowActions === nextProps.hideTaskListRowActions && prevProps.rowClassName === nextProps.rowClassName && prevProps.getTaskListNamePrefixIcon === nextProps.getTaskListNamePrefixIcon && prevProps.taskDateChangeMode === nextProps.taskDateChangeMode;
+  return prevTaskUnchanged && prevProps.rowIndex === nextProps.rowIndex && prevProps.taskNumber === nextProps.taskNumber && prevProps.taskNumberMap === nextProps.taskNumberMap && prevProps.rowHeight === nextProps.rowHeight && prevIsSelected === nextIsSelected && prevProps.disableTaskNameEditing === nextProps.disableTaskNameEditing && prevProps.disableDependencyEditing === nextProps.disableDependencyEditing && prevProps.allTasks === nextProps.allTasks && prevProps.activeLinkType === nextProps.activeLinkType && prevProps.dependencyPickMode === nextProps.dependencyPickMode && prevPickingTask === nextPickingTask && prevAnyPicking === nextAnyPicking && resolveSelectedChipRole(prevProps) === resolveSelectedChipRole(nextProps) && prevIsEditingTask === nextIsEditingTask && prevProps.isDragging === nextProps.isDragging && prevProps.isDragOver === nextProps.isDragOver && prevProps.dragOverPlacement === nextProps.dragOverPlacement && prevProps.isNestedDropTarget === nextProps.isNestedDropTarget && prevProps.isDirectChildDropTarget === nextProps.isDirectChildDropTarget && prevCollapsed === nextCollapsed && prevProps.canDemoteTask === nextProps.canDemoteTask && prevProps.isLastChild === nextProps.isLastChild && prevProps.nestingDepth === nextProps.nestingDepth && prevProps.hasVisibleChildren === nextProps.hasVisibleChildren && prevProps.ancestorLineModes === nextProps.ancestorLineModes && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.fillParentRow === nextProps.fillParentRow && prevProps.businessDays === nextProps.businessDays && prevProps.defaultTaskDurationDays === nextProps.defaultTaskDurationDays && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.isFilterHideMode === nextProps.isFilterHideMode && prevProps.resolvedColumns === nextProps.resolvedColumns && prevProps.isTaskSelected === nextProps.isTaskSelected && resolveActiveCustomCellForRow(prevProps) === resolveActiveCustomCellForRow(nextProps) && prevProps.taskListMenuCommands === nextProps.taskListMenuCommands && prevProps.hideTaskListRowActions === nextProps.hideTaskListRowActions && prevProps.rowClassName === nextProps.rowClassName && prevProps.getTaskListNamePrefixIcon === nextProps.getTaskListNamePrefixIcon && prevProps.taskDateChangeMode === nextProps.taskDateChangeMode && prevProps.printDependencyLabels === nextProps.printDependencyLabels;
 };
 var TaskListRow = React10.memo(
   ({
@@ -6696,7 +6707,8 @@ var TaskListRow = React10.memo(
     rowClassName,
     getTaskListNamePrefixIcon,
     taskDateChangeMode = "preserve-duration",
-    onTaskDateChangeModeChange
+    onTaskDateChangeModeChange,
+    printDependencyLabels = false
   }) => {
     const [editingColumnId, setEditingColumnId] = useState5(null);
     const [editingColumnStartValue, setEditingColumnStartValue] = useState5(void 0);
@@ -8182,7 +8194,11 @@ var TaskListRow = React10.memo(
           ),
           sourcePickerContent
         ] }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
-          chips.length >= 2 ? (
+          printDependencyLabels ? /* @__PURE__ */ jsx14("span", { className: "gantt-tl-dependency-print-labels", children: chips.map(({ dep, lag }) => formatDependencyPrintLabel(
+            dep,
+            taskNumberMap[dep.taskId],
+            lag
+          )).join(", ") }) : chips.length >= 2 ? (
             /* 2+ deps — show only "N связей" summary chip that opens a popover */
             /* @__PURE__ */ jsxs10(Popover, { open: overflowOpen, onOpenChange: setOverflowOpen, children: [
               /* @__PURE__ */ jsx14(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
@@ -8259,7 +8275,7 @@ var TaskListRow = React10.memo(
               }
             )
           ) : null,
-          !disableDependencyEditing && !isPicking && /* @__PURE__ */ jsx14(
+          !printDependencyLabels && !disableDependencyEditing && !isPicking && /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -8923,6 +8939,7 @@ var TaskList = ({
   bodyMinHeight,
   taskDateChangeMode = "preserve-duration",
   onTaskDateChangeModeChange,
+  printDependencyLabels = false,
   visibleRowIndices,
   skeletonRowCount = 0
 }) => {
@@ -10080,7 +10097,8 @@ var TaskList = ({
                         rowClassName: getTaskListRowClassName?.(task),
                         getTaskListNamePrefixIcon,
                         taskDateChangeMode,
-                        onTaskDateChangeModeChange
+                        onTaskDateChangeModeChange,
+                        printDependencyLabels
                       }
                     )
                   },
@@ -14095,7 +14113,8 @@ function TaskGanttChartInner(props, ref) {
     getTaskListNamePrefixIcon,
     rowContentLines = 1,
     taskDateChangeMode: externalTaskDateChangeMode,
-    onTaskDateChangeModeChange: externalOnTaskDateChangeModeChange
+    onTaskDateChangeModeChange: externalOnTaskDateChangeModeChange,
+    printDependencyLabels = false
   } = props;
   const dayWidth = !isTableMatrixMode ? props.dayWidth ?? 40 : 40;
   const criticalPathMode = !isTableMatrixMode && !isPlanFactMode ? props.criticalPathMode : void 0;
@@ -15283,6 +15302,7 @@ function TaskGanttChartInner(props, ref) {
                     bodyMinHeight: tableBodyMinHeight,
                     taskDateChangeMode,
                     onTaskDateChangeModeChange: handleTaskDateChangeMode,
+                    printDependencyLabels,
                     visibleRowIndices: visibleTaskWindowIndices,
                     skeletonRowCount
                   }
@@ -15499,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(
@@ -15536,6 +15557,7 @@ function TaskGanttChartInner(props, ref) {
                                     allTasks: normalizedTasks,
                                     enableAutoSchedule: enableAutoSchedule ?? false,
                                     disableConstraints: disableConstraints ?? false,
+                                    deferCascadePreview: normalizedTasks.length >= 1e3,
                                     previewPositionStore,
                                     onCascadeProgress: handleCascadeProgress,
                                     onCascade: handleCascade,