gantt-lib 0.135.1 → 0.135.3

package/dist/index.d.mts

@@ -657,6 +657,8 @@ interface TaskChartSharedProps<TTask extends Task = Task> {
     taskDateChangeMode?: TaskDateChangeMode;
     /** Controlled callback for task-list date picker mode changes */
     onTaskDateChangeModeChange?: (mode: TaskDateChangeMode) => void;
+    /** Render task-list dependencies as compact text for print/export layouts (default: false). */
+    printDependencyLabels?: boolean;
 }
 interface GanttModeProps<TTask extends Task = Task> extends TaskChartSharedProps<TTask> {
     /** Omitted mode keeps the historical task-based gantt behavior. */
@@ -1087,6 +1089,8 @@ interface TaskListProps {
     taskDateChangeMode?: TaskDateChangeMode;
     /** Controlled callback for task-list date picker mode changes */
     onTaskDateChangeModeChange?: (mode: TaskDateChangeMode) => void;
+    /** Render dependencies as compact text for print/export layouts instead of interactive chips. */
+    printDependencyLabels?: boolean;
     /** Visible row indices from the shared chart viewport window */
     visibleRowIndices?: number[];
     /** Display-only placeholder rows appended below streamed task rows. */

package/dist/index.d.ts

@@ -657,6 +657,8 @@ interface TaskChartSharedProps<TTask extends Task = Task> {
     taskDateChangeMode?: TaskDateChangeMode;
     /** Controlled callback for task-list date picker mode changes */
     onTaskDateChangeModeChange?: (mode: TaskDateChangeMode) => void;
+    /** Render task-list dependencies as compact text for print/export layouts (default: false). */
+    printDependencyLabels?: boolean;
 }
 interface GanttModeProps<TTask extends Task = Task> extends TaskChartSharedProps<TTask> {
     /** Omitted mode keeps the historical task-based gantt behavior. */
@@ -1087,6 +1089,8 @@ interface TaskListProps {
     taskDateChangeMode?: TaskDateChangeMode;
     /** Controlled callback for task-list date picker mode changes */
     onTaskDateChangeModeChange?: (mode: TaskDateChangeMode) => void;
+    /** Render dependencies as compact text for print/export layouts instead of interactive chips. */
+    printDependencyLabels?: boolean;
     /** Visible row indices from the shared chart viewport window */
     visibleRowIndices?: number[];
     /** Display-only placeholder rows appended below streamed task rows. */

package/dist/index.js

@@ -6341,6 +6341,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__ */ (0, import_jsx_runtime14.jsxs)(
   "svg",
   {
@@ -6752,7 +6757,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 = import_react11.default.memo(
   ({
@@ -6820,7 +6825,8 @@ var TaskListRow = import_react11.default.memo(
     rowClassName,
     getTaskListNamePrefixIcon,
     taskDateChangeMode = "preserve-duration",
-    onTaskDateChangeModeChange
+    onTaskDateChangeModeChange,
+    printDependencyLabels = false
   }) => {
     const [editingColumnId, setEditingColumnId] = (0, import_react11.useState)(null);
     const [editingColumnStartValue, setEditingColumnStartValue] = (0, import_react11.useState)(void 0);
@@ -8306,7 +8312,11 @@ var TaskListRow = import_react11.default.memo(
           ),
           sourcePickerContent
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          chips.length >= 2 ? (
+          printDependencyLabels ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)(Popover, { open: overflowOpen, onOpenChange: setOverflowOpen, children: [
               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
@@ -8383,7 +8393,7 @@ var TaskListRow = import_react11.default.memo(
               }
             )
           ) : null,
-          !disableDependencyEditing && !isPicking && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          !printDependencyLabels && !disableDependencyEditing && !isPicking && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "button",
             {
               type: "button",
@@ -9047,6 +9057,7 @@ var TaskList = ({
   bodyMinHeight,
   taskDateChangeMode = "preserve-duration",
   onTaskDateChangeModeChange,
+  printDependencyLabels = false,
   visibleRowIndices,
   skeletonRowCount = 0
 }) => {
@@ -10204,7 +10215,8 @@ var TaskList = ({
                         rowClassName: getTaskListRowClassName?.(task),
                         getTaskListNamePrefixIcon,
                         taskDateChangeMode,
-                        onTaskDateChangeModeChange
+                        onTaskDateChangeModeChange,
+                        printDependencyLabels
                       }
                     )
                   },
@@ -14020,6 +14032,17 @@ var PLAN_FACT_COLUMN_OVERSCAN = 24;
 var PLAN_FACT_COLUMN_WINDOW_STEP = 14;
 var DEFAULT_INITIAL_VIEWPORT_HEIGHT = 768;
 var DEFAULT_PLAN_FACT_COLUMN_WINDOW = PLAN_FACT_COLUMN_OVERSCAN + PLAN_FACT_COLUMN_WINDOW_STEP;
+function buildControlledScheduleIdentity(tasks) {
+  return tasks.map((task, index) => [
+    String(index),
+    task.id,
+    String(task.startDate),
+    String(task.endDate),
+    task.type ?? "",
+    task.parentId ?? "",
+    JSON.stringify(task.dependencies ?? [])
+  ].join("\0")).join("
");
+}
 function getInitialScrollViewportHeight(containerHeight, headerHeight) {
   if (containerHeight === void 0) {
     return 0;
@@ -14208,7 +14231,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;
@@ -14417,11 +14441,17 @@ function TaskGanttChartInner(props, ref) {
     [resolvedRowContentLines, rowHeight]
   );
   const normalizedTasks = (0, import_react19.useMemo)(() => normalizeHierarchyTasks(tasks), [tasks]);
+  const controlledScheduleIdentity = (0, import_react19.useMemo)(
+    () => buildControlledScheduleIdentity(normalizedTasks),
+    [normalizedTasks]
+  );
+  const previousControlledScheduleIdentityRef = (0, import_react19.useRef)(null);
+  const controlledScheduleChanged = previousControlledScheduleIdentityRef.current !== null && previousControlledScheduleIdentityRef.current !== controlledScheduleIdentity;
   const [previewTasksById, setPreviewTasksById] = (0, import_react19.useState)(/* @__PURE__ */ new Map());
   const previewNormalizedTasks = (0, import_react19.useMemo)(() => {
-    if (previewTasksById.size === 0) return normalizedTasks;
+    if (controlledScheduleChanged || previewTasksById.size === 0) return normalizedTasks;
     return normalizedTasks.map((task) => previewTasksById.get(task.id) ?? task);
-  }, [normalizedTasks, previewTasksById]);
+  }, [controlledScheduleChanged, normalizedTasks, previewTasksById]);
   const isCustomWeekend = (0, import_react19.useMemo)(
     () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
     [customDays, isWeekend3]
@@ -14690,6 +14720,18 @@ function TaskGanttChartInner(props, ref) {
   }, [effectiveRowHeight, tasks, visibleTasks]);
   const [dragGuideLines, setDragGuideLines] = (0, import_react19.useState)(null);
   const [draggedTaskOverride, setDraggedTaskOverride] = (0, import_react19.useState)(null);
+  (0, import_react19.useEffect)(() => {
+    const previousIdentity = previousControlledScheduleIdentityRef.current;
+    previousControlledScheduleIdentityRef.current = controlledScheduleIdentity;
+    if (previousIdentity === null || previousIdentity === controlledScheduleIdentity) {
+      return;
+    }
+    previewPositionStore.clear();
+    setCascadeOverrides((current) => current.size === 0 ? current : /* @__PURE__ */ new Map());
+    setPreviewTasksById((current) => current.size === 0 ? current : /* @__PURE__ */ new Map());
+    setDraggedTaskOverride((current) => current === null ? current : null);
+    setDragGuideLines((current) => current === null ? current : null);
+  }, [controlledScheduleIdentity, previewPositionStore]);
   (0, import_react19.useEffect)(() => {
     const result = validateDependencies(tasks);
     setValidationResult(result);
@@ -14891,6 +14933,7 @@ function TaskGanttChartInner(props, ref) {
     onTasksChange?.(normalized);
   }, [onTasksChange, onReorder]);
   const dependencyOverrides = (0, import_react19.useMemo)(() => {
+    if (controlledScheduleChanged) return /* @__PURE__ */ new Map();
     const map = new Map(cascadeOverrides);
     if (draggedTaskOverride) {
       map.set(draggedTaskOverride.taskId, {
@@ -14899,7 +14942,7 @@ function TaskGanttChartInner(props, ref) {
       });
     }
     return map;
-  }, [cascadeOverrides, draggedTaskOverride]);
+  }, [cascadeOverrides, controlledScheduleChanged, draggedTaskOverride]);
   const handleCascadeProgress = (0, import_react19.useCallback)((overrides, previewTasks = []) => {
     previewPositionStore.setPositions(overrides);
     const renderedTaskIds = renderedTaskIdsRef.current;
@@ -14916,9 +14959,9 @@ function TaskGanttChartInner(props, ref) {
     });
   }, [previewPositionStore]);
   const previewVisibleTasks = (0, import_react19.useMemo)(() => {
-    if (previewTasksById.size === 0) return visibleTasks;
+    if (controlledScheduleChanged || previewTasksById.size === 0) return visibleTasks;
     return visibleTasks.map((task) => previewTasksById.get(task.id) ?? task);
-  }, [visibleTasks, previewTasksById]);
+  }, [controlledScheduleChanged, visibleTasks, previewTasksById]);
   const visibleTaskIndexMap = (0, import_react19.useMemo)(
     () => new Map(visibleTasks.map((task, index) => [task.id, index])),
     [visibleTasks]
@@ -15377,6 +15420,7 @@ function TaskGanttChartInner(props, ref) {
                     bodyMinHeight: tableBodyMinHeight,
                     taskDateChangeMode,
                     onTaskDateChangeModeChange: handleTaskDateChangeMode,
+                    printDependencyLabels,
                     visibleRowIndices: visibleTaskWindowIndices,
                     skeletonRowCount
                   }