gantt-lib 0.0.4 → 0.0.6

package/dist/index.js

@@ -37,27 +37,35 @@ __export(index_exports, {
   TaskRow: () => TaskRow_default,
   TimeScaleHeader: () => TimeScaleHeader_default,
   TodayIndicator: () => TodayIndicator_default,
+  buildAdjacencyList: () => buildAdjacencyList,
+  calculateBezierPath: () => calculateBezierPath,
   calculateGridLines: () => calculateGridLines,
   calculateGridWidth: () => calculateGridWidth,
+  calculateOrthogonalPath: () => calculateOrthogonalPath,
+  calculateSuccessorDate: () => calculateSuccessorDate,
   calculateTaskBar: () => calculateTaskBar,
   calculateWeekendBlocks: () => calculateWeekendBlocks,
+  detectCycles: () => detectCycles,
   detectEdgeZone: () => detectEdgeZone,
   formatDateLabel: () => formatDateLabel,
+  getAllDependencyEdges: () => getAllDependencyEdges,
   getCursorForPosition: () => getCursorForPosition,
   getDayOffset: () => getDayOffset,
   getMonthDays: () => getMonthDays,
   getMonthSpans: () => getMonthSpans,
   getMultiMonthDays: () => getMultiMonthDays,
+  getSuccessorChain: () => getSuccessorChain,
   isToday: () => isToday,
   isWeekend: () => isWeekend,
   parseUTCDate: () => parseUTCDate,
   pixelsToDate: () => pixelsToDate,
-  useTaskDrag: () => useTaskDrag
+  useTaskDrag: () => useTaskDrag,
+  validateDependencies: () => validateDependencies
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/components/GanttChart/GanttChart.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/utils/dateUtils.ts
 var parseUTCDate = (date) => {
@@ -198,6 +206,148 @@ var formatDateLabel = (date) => {
   return `${day}.${month}`;
 };
 
+// src/utils/dependencyUtils.ts
+function buildAdjacencyList(tasks) {
+  const taskMap = new Map(tasks.map((t) => [t.id, t]));
+  const graph = /* @__PURE__ */ new Map();
+  for (const task of tasks) {
+    const successors = [];
+    for (const otherTask of tasks) {
+      if (otherTask.dependencies) {
+        for (const dep of otherTask.dependencies) {
+          if (dep.taskId === task.id) {
+            successors.push(otherTask.id);
+            break;
+          }
+        }
+      }
+    }
+    graph.set(task.id, successors);
+  }
+  return graph;
+}
+function detectCycles(tasks) {
+  const graph = buildAdjacencyList(tasks);
+  const visiting = /* @__PURE__ */ new Set();
+  const visited = /* @__PURE__ */ new Set();
+  const path = [];
+  function dfs(taskId) {
+    if (visiting.has(taskId)) {
+      return true;
+    }
+    if (visited.has(taskId)) {
+      return false;
+    }
+    visiting.add(taskId);
+    path.push(taskId);
+    const successors = graph.get(taskId) || [];
+    for (const successor of successors) {
+      if (dfs(successor)) {
+        return true;
+      }
+    }
+    visiting.delete(taskId);
+    path.pop();
+    visited.add(taskId);
+    return false;
+  }
+  for (const task of tasks) {
+    if (dfs(task.id)) {
+      return { hasCycle: true, cyclePath: [...path] };
+    }
+  }
+  return { hasCycle: false };
+}
+function calculateSuccessorDate(predecessorStart, predecessorEnd, linkType, lag = 0) {
+  const baseDate = linkType.startsWith("F") ? predecessorEnd : predecessorStart;
+  const lagMs = lag * 24 * 60 * 60 * 1e3;
+  const resultDate = new Date(baseDate.getTime() + lagMs);
+  return resultDate;
+}
+function validateDependencies(tasks) {
+  const errors = [];
+  const taskIds = new Set(tasks.map((t) => t.id));
+  for (const task of tasks) {
+    if (task.dependencies) {
+      for (const dep of task.dependencies) {
+        if (!taskIds.has(dep.taskId)) {
+          errors.push({
+            type: "missing-task",
+            taskId: task.id,
+            message: `Dependency references non-existent task: ${dep.taskId}`,
+            relatedTaskIds: [dep.taskId]
+          });
+        }
+      }
+    }
+  }
+  const cycleResult = detectCycles(tasks);
+  if (cycleResult.hasCycle && cycleResult.cyclePath) {
+    errors.push({
+      type: "cycle",
+      taskId: cycleResult.cyclePath[0],
+      message: "Circular dependency detected",
+      relatedTaskIds: cycleResult.cyclePath
+    });
+  }
+  return {
+    isValid: errors.length === 0,
+    errors
+  };
+}
+function getSuccessorChain(draggedTaskId, allTasks) {
+  const successorMap = /* @__PURE__ */ new Map();
+  for (const task of allTasks) {
+    successorMap.set(task.id, []);
+  }
+  for (const task of allTasks) {
+    if (!task.dependencies) continue;
+    for (const dep of task.dependencies) {
+      if (dep.type === "FS") {
+        const list = successorMap.get(dep.taskId) ?? [];
+        list.push(task.id);
+        successorMap.set(dep.taskId, list);
+      }
+    }
+  }
+  const taskById = new Map(allTasks.map((t) => [t.id, t]));
+  const visited = /* @__PURE__ */ new Set();
+  const queue = [draggedTaskId];
+  const chain = [];
+  visited.add(draggedTaskId);
+  while (queue.length > 0) {
+    const current = queue.shift();
+    const successors = successorMap.get(current) ?? [];
+    for (const sid of successors) {
+      if (!visited.has(sid)) {
+        visited.add(sid);
+        const t = taskById.get(sid);
+        if (t) {
+          chain.push(t);
+          queue.push(sid);
+        }
+      }
+    }
+  }
+  return chain;
+}
+function getAllDependencyEdges(tasks) {
+  const edges = [];
+  for (const task of tasks) {
+    if (task.dependencies) {
+      for (const dep of task.dependencies) {
+        edges.push({
+          predecessorId: dep.taskId,
+          successorId: task.id,
+          type: dep.type,
+          lag: dep.lag ?? 0
+        });
+      }
+    }
+  }
+  return edges;
+}
+
 // src/components/TimeScaleHeader/TimeScaleHeader.tsx
 var import_react = require("react");
 var import_date_fns = require("date-fns");
@@ -361,6 +511,43 @@ var calculateWeekendBlocks = (dateRange, dayWidth) => {
   }
   return blocks;
 };
+var calculateBezierPath = (from, to) => {
+  const verticalDistance = Math.abs(to.y - from.y);
+  const cpOffset = Math.max(verticalDistance * 0.5, 20);
+  if (from.y === to.y) {
+    const arcHeight = 20;
+    const midX = (from.x + to.x) / 2;
+    return `M ${from.x} ${from.y} Q ${midX} ${from.y - arcHeight} ${to.x} ${to.y}`;
+  }
+  const cp1x = from.x;
+  const cp1y = from.y + (to.y > from.y ? cpOffset : -cpOffset);
+  const cp2x = to.x;
+  const cp2y = to.y - (to.y > from.y ? cpOffset : -cpOffset);
+  return `M ${Math.round(from.x)} ${Math.round(from.y)} C ${Math.round(cp1x)} ${Math.round(cp1y)}, ${Math.round(cp2x)} ${Math.round(cp2y)}, ${Math.round(to.x)} ${Math.round(to.y)}`;
+};
+var calculateOrthogonalPath = (from, to) => {
+  const fx = Math.round(from.x);
+  const fy = Math.round(from.y);
+  const tx = Math.round(to.x);
+  const ty = Math.round(to.y);
+  if (fy === ty) {
+    return `M ${fx} ${fy} H ${tx}`;
+  }
+  const C = 2;
+  const goingDown = ty > fy;
+  const goingRight = tx >= fx;
+  const dirY = goingDown ? 1 : -1;
+  const dirX = goingRight ? 1 : -1;
+  if (Math.abs(ty - fy) >= C && Math.abs(tx - fx) >= C) {
+    return [
+      `M ${fx} ${fy}`,
+      `H ${tx - dirX * C}`,
+      `L ${tx} ${fy + dirY * C}`,
+      `V ${ty}`
+    ].join(" ");
+  }
+  return `M ${fx} ${fy} H ${tx} V ${ty}`;
+};
 
 // src/hooks/useTaskDrag.ts
 var import_react2 = require("react");
@@ -372,8 +559,8 @@ function completeDrag() {
     globalRafId = null;
   }
   if (globalActiveDrag) {
+    globalActiveDrag.onCascadeProgress?.(/* @__PURE__ */ new Map());
     const { onComplete, currentLeft, currentWidth } = globalActiveDrag;
-    const drag = globalActiveDrag;
     globalActiveDrag = null;
     onComplete(currentLeft, currentWidth);
   }
@@ -392,6 +579,27 @@ function cancelDrag() {
 function snapToGrid(pixels, dayWidth) {
   return Math.round(pixels / dayWidth) * dayWidth;
 }
+function recalculateIncomingLags(task, newStartDate, allTasks) {
+  if (!task.dependencies) return [];
+  const taskById = new Map(allTasks.map((t) => [t.id, t]));
+  return task.dependencies.map((dep) => {
+    if (dep.type !== "FS") return dep;
+    const predecessor = taskById.get(dep.taskId);
+    if (!predecessor) return dep;
+    const predEnd = new Date(predecessor.endDate);
+    const lagMs = Date.UTC(
+      newStartDate.getUTCFullYear(),
+      newStartDate.getUTCMonth(),
+      newStartDate.getUTCDate()
+    ) - Date.UTC(
+      predEnd.getUTCFullYear(),
+      predEnd.getUTCMonth(),
+      predEnd.getUTCDate()
+    );
+    const lagDays = Math.round(lagMs / (24 * 60 * 60 * 1e3));
+    return { ...dep, lag: lagDays };
+  });
+}
 function handleGlobalMouseMove(e) {
   if (!globalActiveDrag || globalRafId !== null) {
     return;
@@ -401,7 +609,7 @@ function handleGlobalMouseMove(e) {
       globalRafId = null;
       return;
     }
-    const { startX, initialLeft, initialWidth, mode, dayWidth, onProgress } = globalActiveDrag;
+    const { startX, initialLeft, initialWidth, mode, dayWidth, onProgress, allTasks } = globalActiveDrag;
     const deltaX = e.clientX - startX;
     let newLeft = initialLeft;
     let newWidth = initialWidth;
@@ -420,6 +628,50 @@ function handleGlobalMouseMove(e) {
         newWidth = Math.max(dayWidth, snappedWidth);
         break;
     }
+    if (mode === "move" && allTasks.length > 0 && !globalActiveDrag.disableConstraints) {
+      const currentTask = allTasks.find((t) => t.id === globalActiveDrag?.taskId);
+      if (currentTask && currentTask.dependencies && currentTask.dependencies.length > 0) {
+        let minAllowedLeft = 0;
+        for (const dep of currentTask.dependencies) {
+          if (dep.type !== "FS") continue;
+          const predecessor = globalActiveDrag.allTasks.find((t) => t.id === dep.taskId);
+          if (!predecessor) continue;
+          const predStart = new Date(predecessor.startDate);
+          const predStartOffset = Math.round(
+            (Date.UTC(predStart.getUTCFullYear(), predStart.getUTCMonth(), predStart.getUTCDate()) - Date.UTC(
+              globalActiveDrag.monthStart.getUTCFullYear(),
+              globalActiveDrag.monthStart.getUTCMonth(),
+              globalActiveDrag.monthStart.getUTCDate()
+            )) / (24 * 60 * 60 * 1e3)
+          );
+          const predStartLeft = Math.round(predStartOffset * globalActiveDrag.dayWidth);
+          minAllowedLeft = Math.max(minAllowedLeft, predStartLeft);
+        }
+        newLeft = Math.max(minAllowedLeft, newLeft);
+      }
+    }
+    if ((mode === "move" || mode === "resize-right") && !globalActiveDrag.disableConstraints && globalActiveDrag.cascadeChain.length > 0 && globalActiveDrag.onCascadeProgress) {
+      const deltaDays = mode === "resize-right" ? Math.round((newWidth - globalActiveDrag.initialWidth) / globalActiveDrag.dayWidth) : Math.round((newLeft - globalActiveDrag.initialLeft) / globalActiveDrag.dayWidth);
+      const overrides = /* @__PURE__ */ new Map();
+      for (const chainTask of globalActiveDrag.cascadeChain) {
+        const chainStart = new Date(chainTask.startDate);
+        const chainEnd = new Date(chainTask.endDate);
+        const chainStartOffset = Math.round(
+          (Date.UTC(chainStart.getUTCFullYear(), chainStart.getUTCMonth(), chainStart.getUTCDate()) - Date.UTC(
+            globalActiveDrag.monthStart.getUTCFullYear(),
+            globalActiveDrag.monthStart.getUTCMonth(),
+            globalActiveDrag.monthStart.getUTCDate()
+          )) / (24 * 60 * 60 * 1e3)
+        );
+        const chainDuration = Math.round(
+          (Date.UTC(chainEnd.getUTCFullYear(), chainEnd.getUTCMonth(), chainEnd.getUTCDate()) - Date.UTC(chainStart.getUTCFullYear(), chainStart.getUTCMonth(), chainStart.getUTCDate())) / (24 * 60 * 60 * 1e3)
+        );
+        const chainLeft = Math.round((chainStartOffset + deltaDays) * globalActiveDrag.dayWidth);
+        const chainWidth = Math.round((chainDuration + 1) * globalActiveDrag.dayWidth);
+        overrides.set(chainTask.id, { left: chainLeft, width: chainWidth });
+      }
+      globalActiveDrag.onCascadeProgress(overrides);
+    }
     globalActiveDrag.currentLeft = newLeft;
     globalActiveDrag.currentWidth = newWidth;
     onProgress(newLeft, newWidth);
@@ -448,7 +700,13 @@ var useTaskDrag = (options) => {
     dayWidth,
     onDragEnd,
     onDragStateChange,
-    edgeZoneWidth = 12
+    edgeZoneWidth = 12,
+    allTasks = [],
+    rowIndex,
+    enableAutoSchedule = false,
+    disableConstraints = false,
+    onCascadeProgress,
+    onCascade
   } = options;
   const isOwnerRef = (0, import_react2.useRef)(false);
   const [isDragging, setIsDragging] = (0, import_react2.useState)(false);
@@ -518,14 +776,60 @@ var useTaskDrag = (options) => {
         width: finalWidth
       });
     }
-    if (onDragEnd && wasOwner) {
-      onDragEnd({
-        id: taskId,
-        startDate: newStartDate,
-        endDate: newEndDate
-      });
+    if (wasOwner) {
+      if (!disableConstraints && onCascade && allTasks.length > 0) {
+        const chain = getSuccessorChain(taskId, allTasks);
+        if (chain.length > 0) {
+          const origEndMs = Date.UTC(
+            initialEndDate.getUTCFullYear(),
+            initialEndDate.getUTCMonth(),
+            initialEndDate.getUTCDate()
+          );
+          const newEndMs = Date.UTC(
+            newEndDate.getUTCFullYear(),
+            newEndDate.getUTCMonth(),
+            newEndDate.getUTCDate()
+          );
+          const deltaDays = Math.round((newEndMs - origEndMs) / (24 * 60 * 60 * 1e3));
+          const draggedTaskData = allTasks.find((t) => t.id === taskId);
+          const cascadedTasks = [
+            {
+              ...draggedTaskData ?? { id: taskId, name: "", startDate: "", endDate: "" },
+              startDate: newStartDate.toISOString(),
+              endDate: newEndDate.toISOString(),
+              ...draggedTaskData?.dependencies && {
+                dependencies: recalculateIncomingLags(draggedTaskData, newStartDate, allTasks)
+              }
+            },
+            ...chain.map((chainTask) => {
+              const origStart = new Date(chainTask.startDate);
+              const origEnd = new Date(chainTask.endDate);
+              const newStart = new Date(Date.UTC(
+                origStart.getUTCFullYear(),
+                origStart.getUTCMonth(),
+                origStart.getUTCDate() + deltaDays
+              ));
+              const newEnd = new Date(Date.UTC(
+                origEnd.getUTCFullYear(),
+                origEnd.getUTCMonth(),
+                origEnd.getUTCDate() + deltaDays
+              ));
+              return { ...chainTask, startDate: newStart.toISOString(), endDate: newEnd.toISOString() };
+            })
+          ];
+          onCascade(cascadedTasks);
+          return;
+        }
+      }
+      if (allTasks.length > 0 && onDragEnd) {
+        const currentTaskData = allTasks.find((t) => t.id === taskId);
+        const updatedDependencies = currentTaskData?.dependencies ? recalculateIncomingLags(currentTaskData, newStartDate, allTasks) : void 0;
+        onDragEnd({ id: taskId, startDate: newStartDate, endDate: newEndDate, updatedDependencies });
+      } else if (onDragEnd) {
+        onDragEnd({ id: taskId, startDate: newStartDate, endDate: newEndDate });
+      }
     }
-  }, [dayWidth, monthStart, onDragEnd, onDragStateChange, taskId]);
+  }, [dayWidth, monthStart, onDragEnd, onDragStateChange, taskId, disableConstraints, onCascade, allTasks, initialStartDate, initialEndDate]);
   const handleCancel = (0, import_react2.useCallback)(() => {
     isOwnerRef.current = false;
     setIsDragging(false);
@@ -592,9 +896,13 @@ var useTaskDrag = (options) => {
       monthStart,
       onProgress: handleProgress,
       onComplete: handleComplete,
-      onCancel: handleCancel
+      onCancel: handleCancel,
+      allTasks,
+      disableConstraints,
+      cascadeChain: (mode === "move" || mode === "resize-right") && !disableConstraints ? getSuccessorChain(taskId, allTasks) : [],
+      onCascadeProgress
     };
-  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel]);
+  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel, allTasks, disableConstraints, onCascadeProgress, onCascade]);
   const getCursorStyle = (0, import_react2.useCallback)(() => {
     if (isDragging) {
       return "grabbing";
@@ -619,10 +927,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.color === nextProps.task.color && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight;
+  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.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.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints;
 };
 var TaskRow = import_react3.default.memo(
-  ({ task, monthStart, dayWidth, rowHeight, onChange, onDragStateChange }) => {
+  ({ task, monthStart, dayWidth, rowHeight, onChange, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, onCascadeProgress, onCascade }) => {
     const taskStartDate = (0, import_react3.useMemo)(() => parseUTCDate(task.startDate), [task.startDate]);
     const taskEndDate = (0, import_react3.useMemo)(() => parseUTCDate(task.endDate), [task.endDate]);
     const { left, width } = (0, import_react3.useMemo)(
@@ -630,11 +938,22 @@ var TaskRow = import_react3.default.memo(
       [taskStartDate, taskEndDate, monthStart, dayWidth]
     );
     const barColor = task.color || "var(--gantt-task-bar-default-color)";
+    const progressWidth = (0, import_react3.useMemo)(() => {
+      if (task.progress === void 0 || task.progress <= 0) return 0;
+      return Math.min(100, Math.max(0, Math.round(task.progress)));
+    }, [task.progress]);
+    const progressColor = (0, import_react3.useMemo)(() => {
+      if (progressWidth === 100) {
+        return task.accepted ? "var(--gantt-progress-accepted, #22c55e)" : "var(--gantt-progress-completed, #fbbf24)";
+      }
+      return task.color ? `color-mix(in srgb, ${task.color} 40%, black)` : "var(--gantt-progress-color, rgba(0, 0, 0, 0.2))";
+    }, [progressWidth, task.accepted, task.color]);
     const handleDragEnd = (result) => {
       const updatedTask = {
         ...task,
         startDate: result.startDate.toISOString(),
-        endDate: result.endDate.toISOString()
+        endDate: result.endDate.toISOString(),
+        ...result.updatedDependencies !== void 0 && { dependencies: result.updatedDependencies }
       };
       onChange?.(updatedTask);
     };
@@ -652,10 +971,16 @@ var TaskRow = import_react3.default.memo(
       dayWidth,
       onDragEnd: handleDragEnd,
       onDragStateChange,
-      edgeZoneWidth: 20
+      edgeZoneWidth: 20,
+      allTasks,
+      rowIndex,
+      enableAutoSchedule,
+      disableConstraints,
+      onCascadeProgress,
+      onCascade
     });
-    const displayLeft = isDragging ? currentLeft : left;
-    const displayWidth = isDragging ? currentWidth : width;
+    const displayLeft = overridePosition?.left ?? (isDragging ? currentLeft : left);
+    const displayWidth = overridePosition?.width ?? (isDragging ? currentWidth : width);
     const currentStartDate = isDragging ? pixelsToDate(displayLeft, monthStart, dayWidth) : taskStartDate;
     const currentEndDate = isDragging ? pixelsToDate(displayLeft + displayWidth - dayWidth, monthStart, dayWidth) : taskEndDate;
     const startDateLabel = formatDateLabel(currentStartDate);
@@ -663,16 +988,6 @@ var TaskRow = import_react3.default.memo(
     const durationDays = Math.round(
       (currentEndDate.getTime() - currentStartDate.getTime()) / (1e3 * 60 * 60 * 24)
     ) + 1;
-    const [isNameOverflow, setIsNameOverflow] = (0, import_react3.useState)(false);
-    const taskNameRef = (0, import_react3.useRef)(null);
-    (0, import_react3.useEffect)(() => {
-      const nameEl = taskNameRef.current;
-      if (nameEl) {
-        const reservedWidth = 120;
-        const availableWidth = displayWidth - reservedWidth;
-        setIsNameOverflow(nameEl.scrollWidth > availableWidth);
-      }
-    }, [displayWidth, task.name]);
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "div",
       {
@@ -694,22 +1009,21 @@ var TaskRow = import_react3.default.memo(
               },
               onMouseDown: dragHandleProps.onMouseDown,
               children: [
+                progressWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "div",
+                  {
+                    className: "gantt-tr-progressBar",
+                    style: {
+                      width: `${progressWidth}%`,
+                      backgroundColor: progressColor
+                    }
+                  }
+                ),
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "gantt-tr-taskDuration", children: [
                   durationDays,
                   " \u0434"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                  "span",
-                  {
-                    ref: taskNameRef,
-                    className: `gantt-tr-taskName ${isNameOverflow ? "gantt-tr-taskNameHidden" : ""}`,
-                    children: [
-                      "\u2014 ",
-                      task.name
-                    ]
-                  }
-                ),
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleRight" })
               ]
             }
@@ -735,7 +1049,7 @@ var TaskRow = import_react3.default.memo(
               style: {
                 left: `${displayLeft + displayWidth}px`
               },
-              children: isNameOverflow && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "gantt-tr-externalTaskName", children: task.name })
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "gantt-tr-externalTaskName", children: task.name })
             }
           )
         ] })
@@ -881,55 +1195,212 @@ var DragGuideLines = ({
 };
 var DragGuideLines_default = DragGuideLines;
 
-// src/components/GanttChart/GanttChart.tsx
+// src/components/DependencyLines/DependencyLines.tsx
+var import_react6 = __toESM(require("react"));
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var DependencyLines = import_react6.default.memo(({
+  tasks,
+  monthStart,
+  dayWidth,
+  rowHeight,
+  gridWidth,
+  dragOverrides
+}) => {
+  const { taskPositions, taskIndices } = (0, import_react6.useMemo)(() => {
+    const positions = /* @__PURE__ */ new Map();
+    const indices = /* @__PURE__ */ new Map();
+    tasks.forEach((task, index) => {
+      const startDate = new Date(task.startDate);
+      const endDate = new Date(task.endDate);
+      const computed = calculateTaskBar(startDate, endDate, monthStart, dayWidth);
+      const override = dragOverrides?.get(task.id);
+      const resolvedLeft = override?.left ?? computed.left;
+      const resolvedWidth = override?.width ?? computed.width;
+      indices.set(task.id, index);
+      positions.set(task.id, {
+        left: resolvedLeft + 10,
+        right: resolvedLeft + resolvedWidth,
+        rowTop: index * rowHeight
+      });
+    });
+    return { taskPositions: positions, taskIndices: indices };
+  }, [tasks, monthStart, dayWidth, rowHeight, dragOverrides]);
+  const cycleInfo = (0, import_react6.useMemo)(() => {
+    const result = detectCycles(tasks);
+    const cycleTaskIds = new Set(result.cyclePath || []);
+    return cycleTaskIds;
+  }, [tasks]);
+  const lines = (0, import_react6.useMemo)(() => {
+    const edges = getAllDependencyEdges(tasks);
+    const lines2 = [];
+    for (const edge of edges) {
+      const predecessor = taskPositions.get(edge.predecessorId);
+      const successor = taskPositions.get(edge.successorId);
+      const predecessorIndex = taskIndices.get(edge.predecessorId);
+      const successorIndex = taskIndices.get(edge.successorId);
+      if (!predecessor || !successor || predecessorIndex === void 0 || successorIndex === void 0) {
+        continue;
+      }
+      const reverseOrder = predecessorIndex > successorIndex;
+      let fromY;
+      let toY;
+      if (reverseOrder) {
+        fromY = predecessor.rowTop + 10;
+        toY = successor.rowTop + rowHeight - 6;
+      } else {
+        fromY = predecessor.rowTop + rowHeight - 10;
+        toY = successor.rowTop + 6;
+      }
+      const from = { x: predecessor.right, y: fromY };
+      const to = { x: successor.left, y: toY };
+      const path = calculateOrthogonalPath(from, to);
+      const hasCycle = cycleInfo.has(edge.predecessorId) || cycleInfo.has(edge.successorId);
+      lines2.push({
+        id: `${edge.predecessorId}-${edge.successorId}`,
+        path,
+        hasCycle
+      });
+    }
+    return lines2;
+  }, [tasks, taskPositions, taskIndices, cycleInfo]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "svg",
+    {
+      className: "gantt-dependencies-svg",
+      width: gridWidth,
+      height: tasks.length * rowHeight,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "marker",
+            {
+              id: "arrowhead",
+              markerWidth: "8",
+              markerHeight: "6",
+              markerUnits: "userSpaceOnUse",
+              refX: "7",
+              refY: "3",
+              orient: "auto",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "polygon",
+                {
+                  points: "0 0, 8 3, 0 6",
+                  fill: "var(--gantt-dependency-line-color, #666666)"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "marker",
+            {
+              id: "arrowhead-cycle",
+              markerWidth: "8",
+              markerHeight: "6",
+              markerUnits: "userSpaceOnUse",
+              refX: "7",
+              refY: "3",
+              orient: "auto",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "polygon",
+                {
+                  points: "0 0, 8 3, 0 6",
+                  fill: "var(--gantt-dependency-cycle-color, #ef4444)"
+                }
+              )
+            }
+          )
+        ] }),
+        lines.map(({ id, path, hasCycle }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "path",
+          {
+            d: path,
+            className: hasCycle ? "gantt-dependency-path gantt-dependency-cycle" : "gantt-dependency-path",
+            markerEnd: hasCycle ? "url(#arrowhead-cycle)" : "url(#arrowhead)"
+          },
+          id
+        ))
+      ]
+    }
+  );
+});
+DependencyLines.displayName = "DependencyLines";
+var DependencyLines_default = DependencyLines;
+
+// src/components/GanttChart/GanttChart.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var GanttChart = ({
   tasks,
   dayWidth = 40,
   rowHeight = 40,
   headerHeight = 40,
   containerHeight = 600,
-  onChange
+  onChange,
+  onValidateDependencies,
+  enableAutoSchedule,
+  disableConstraints,
+  onCascade
 }) => {
-  const scrollContainerRef = (0, import_react6.useRef)(null);
-  const dateRange = (0, import_react6.useMemo)(() => getMultiMonthDays(tasks), [tasks]);
-  const gridWidth = (0, import_react6.useMemo)(
+  const scrollContainerRef = (0, import_react7.useRef)(null);
+  const dateRange = (0, import_react7.useMemo)(() => getMultiMonthDays(tasks), [tasks]);
+  const [validationResult, setValidationResult] = (0, import_react7.useState)(null);
+  const [cascadeOverrides, setCascadeOverrides] = (0, import_react7.useState)(/* @__PURE__ */ new Map());
+  const gridWidth = (0, import_react7.useMemo)(
     () => Math.round(dateRange.length * dayWidth),
     [dateRange.length, dayWidth]
   );
-  const totalGridHeight = (0, import_react6.useMemo)(
+  const totalGridHeight = (0, import_react7.useMemo)(
     () => tasks.length * rowHeight,
     [tasks.length, rowHeight]
   );
-  const monthStart = (0, import_react6.useMemo)(() => {
+  const monthStart = (0, import_react7.useMemo)(() => {
     if (dateRange.length === 0) {
       return new Date(Date.UTC((/* @__PURE__ */ new Date()).getUTCFullYear(), (/* @__PURE__ */ new Date()).getUTCMonth(), 1));
     }
     const firstDay = dateRange[0];
     return new Date(Date.UTC(firstDay.getUTCFullYear(), firstDay.getUTCMonth(), 1));
   }, [dateRange]);
-  const todayInRange = (0, import_react6.useMemo)(() => {
+  const todayInRange = (0, import_react7.useMemo)(() => {
     const now = /* @__PURE__ */ new Date();
     const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
     return dateRange.some((day) => day.getTime() === today.getTime());
   }, [dateRange]);
-  const [dragGuideLines, setDragGuideLines] = (0, import_react6.useState)(null);
-  const handleTaskChange = (0, import_react6.useCallback)((updatedTask) => {
+  const [dragGuideLines, setDragGuideLines] = (0, import_react7.useState)(null);
+  const [draggedTaskOverride, setDraggedTaskOverride] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
+    const result = validateDependencies(tasks);
+    setValidationResult(result);
+    onValidateDependencies?.(result);
+  }, [tasks, onValidateDependencies]);
+  const handleTaskChange = (0, import_react7.useCallback)((updatedTask) => {
     onChange?.(
       (currentTasks) => currentTasks.map(
         (t) => t.id === updatedTask.id ? updatedTask : t
       )
     );
   }, [onChange]);
-  const handleDragStateChange = (0, import_react6.useCallback)((state) => {
-    if (state.isDragging) {
-      setDragGuideLines(state);
-    } else {
-      setDragGuideLines(null);
+  const dependencyOverrides = (0, import_react7.useMemo)(() => {
+    const map = new Map(cascadeOverrides);
+    if (draggedTaskOverride) {
+      map.set(draggedTaskOverride.taskId, {
+        left: draggedTaskOverride.left,
+        width: draggedTaskOverride.width
+      });
     }
+    return map;
+  }, [cascadeOverrides, draggedTaskOverride]);
+  const handleCascadeProgress = (0, import_react7.useCallback)((overrides) => {
+    setCascadeOverrides(new Map(overrides));
   }, []);
-  const panStateRef = (0, import_react6.useRef)(null);
-  const handlePanStart = (0, import_react6.useCallback)((e) => {
+  const handleCascade = (0, import_react7.useCallback)((cascadedTasks) => {
+    onChange?.((currentTasks) => {
+      const cascadeMap = new Map(cascadedTasks.map((t) => [t.id, t]));
+      return currentTasks.map((t) => cascadeMap.get(t.id) ?? t);
+    });
+    onCascade?.(cascadedTasks);
+  }, [onChange, onCascade]);
+  const panStateRef = (0, import_react7.useRef)(null);
+  const handlePanStart = (0, import_react7.useCallback)((e) => {
     if (e.button !== 0) return;
     const target = e.target;
     if (target.closest("[data-taskbar]")) return;
@@ -945,7 +1416,7 @@ var GanttChart = ({
     container.style.cursor = "grabbing";
     e.preventDefault();
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const handlePanMove = (e) => {
       const pan = panStateRef.current;
       if (!pan?.active) return;
@@ -967,7 +1438,7 @@ var GanttChart = ({
       window.removeEventListener("mouseup", handlePanEnd);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "gantt-container", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "gantt-container", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
       ref: scrollContainerRef,
@@ -975,7 +1446,7 @@ var GanttChart = ({
       style: { height: `${containerHeight}px`, cursor: "grab" },
       onMouseDown: handlePanStart,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "gantt-stickyHeader", style: { width: `${gridWidth}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "gantt-stickyHeader", style: { width: `${gridWidth}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           TimeScaleHeader_default,
           {
             days: dateRange,
@@ -983,7 +1454,7 @@ var GanttChart = ({
             headerHeight
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "div",
           {
             className: "gantt-taskArea",
@@ -992,7 +1463,7 @@ var GanttChart = ({
               width: `${gridWidth}px`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 GridBackground_default,
                 {
                   dateRange,
@@ -1000,8 +1471,19 @@ var GanttChart = ({
                   totalHeight: totalGridHeight
                 }
               ),
-              todayInRange && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
-              dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              todayInRange && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                DependencyLines_default,
+                {
+                  tasks,
+                  monthStart,
+                  dayWidth,
+                  rowHeight,
+                  gridWidth,
+                  dragOverrides: dependencyOverrides
+                }
+              ),
+              dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 DragGuideLines_default,
                 {
                   isDragging: dragGuideLines.isDragging,
@@ -1011,7 +1493,7 @@ var GanttChart = ({
                   totalHeight: totalGridHeight
                 }
               ),
-              tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              tasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 TaskRow_default,
                 {
                   task,
@@ -1019,7 +1501,22 @@ var GanttChart = ({
                   dayWidth,
                   rowHeight,
                   onChange: handleTaskChange,
-                  onDragStateChange: handleDragStateChange
+                  onDragStateChange: (state) => {
+                    if (state.isDragging) {
+                      setDragGuideLines(state);
+                      setDraggedTaskOverride({ taskId: task.id, left: state.left, width: state.width });
+                    } else {
+                      setDragGuideLines(null);
+                      setDraggedTaskOverride(null);
+                    }
+                  },
+                  rowIndex: index,
+                  allTasks: tasks,
+                  enableAutoSchedule: enableAutoSchedule ?? false,
+                  disableConstraints: disableConstraints ?? false,
+                  overridePosition: cascadeOverrides.get(task.id),
+                  onCascadeProgress: handleCascadeProgress,
+                  onCascade: handleCascade
                 },
                 task.id
               ))
@@ -1038,21 +1535,29 @@ var GanttChart = ({
   TaskRow,
   TimeScaleHeader,
   TodayIndicator,
+  buildAdjacencyList,
+  calculateBezierPath,
   calculateGridLines,
   calculateGridWidth,
+  calculateOrthogonalPath,
+  calculateSuccessorDate,
   calculateTaskBar,
   calculateWeekendBlocks,
+  detectCycles,
   detectEdgeZone,
   formatDateLabel,
+  getAllDependencyEdges,
   getCursorForPosition,
   getDayOffset,
   getMonthDays,
   getMonthSpans,
   getMultiMonthDays,
+  getSuccessorChain,
   isToday,
   isWeekend,
   parseUTCDate,
   pixelsToDate,
-  useTaskDrag
+  useTaskDrag,
+  validateDependencies
 });
 //# sourceMappingURL=index.js.map