gantt-lib 0.128.2 → 0.129.0

package/dist/index.mjs

@@ -3848,6 +3848,7 @@ var useTaskDrag = (options) => {
     monthStart,
     dayWidth,
     onDragEnd,
+    onScheduleIntent,
     onDragStateChange,
     edgeZoneWidth = 12,
     allTasks = [],
@@ -3991,6 +3992,39 @@ var useTaskDrag = (options) => {
         setCurrentWidth(width);
         return;
       }
+      if (onScheduleIntent) {
+        const toDate = (date) => date.toISOString().split("T")[0];
+        if (finalMode === "move") {
+          onScheduleIntent({
+            type: "move_task",
+            taskId,
+            startDate: toDate(newStartDate)
+          });
+        } else if (currentTask && isTaskParent(taskId, allTasks)) {
+          const anchor = finalMode === "resize-left" ? "end" : "start";
+          const parentRange = computeParentDates(taskId, allTasks);
+          const targetDuration = getTaskDuration(
+            anchor === "start" ? parentRange.startDate : newStartDate,
+            anchor === "start" ? newEndDate : parentRange.endDate,
+            businessDays,
+            weekendPredicate
+          );
+          onScheduleIntent({
+            type: "change_duration",
+            taskId,
+            duration: targetDuration,
+            anchor
+          });
+        } else {
+          const anchor = finalMode === "resize-left" ? "end" : "start";
+          onScheduleIntent({
+            type: "resize_task",
+            taskId,
+            anchor,
+            date: toDate(finalMode === "resize-left" ? newStartDate : newEndDate)
+          });
+        }
+      }
       const isParentResize = currentTask && (finalMode === "resize-left" || finalMode === "resize-right") ? isTaskParent(taskId, allTasks) : false;
       if (!disableConstraints && onCascade && allTasks.length > 0 && !isParentResize) {
         const draggedTaskData = currentTask;
@@ -4045,6 +4079,7 @@ var useTaskDrag = (options) => {
     dayWidth,
     monthStart,
     onDragEnd,
+    onScheduleIntent,
     onDragStateChange,
     taskId,
     disableConstraints,
@@ -4205,7 +4240,7 @@ 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;
 };
 var TaskRow = React2.memo(
-  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, 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" }) => {
+  ({ 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" }) => {
     const defaultParentBarColor = "#782FC4";
     const { divider: taskDivider } = task;
     const normalizedTask = useMemo2(() => normalizeTaskDatesForType(task), [task]);
@@ -4299,7 +4334,9 @@ var TaskRow = React2.memo(
         endDate: result.endDate.toISOString(),
         ...result.updatedDependencies !== void 0 && { dependencies: result.updatedDependencies }
       };
-      onTasksChange?.([updatedTask]);
+      if (!onScheduleIntent) {
+        onTasksChange?.([updatedTask]);
+      }
     };
     const weekendPredicate = useMemo2(
       () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
@@ -4318,6 +4355,7 @@ var TaskRow = React2.memo(
       monthStart,
       dayWidth,
       onDragEnd: handleDragEnd,
+      onScheduleIntent,
       onDragStateChange,
       edgeZoneWidth: 20,
       allTasks,
@@ -6585,6 +6623,7 @@ var TaskListRow = React10.memo(
     taskNumberMap = {},
     rowHeight,
     onTasksChange,
+    onDurationChange,
     selectedTaskId,
     onRowClick,
     disableTaskNameEditing = false,
@@ -6897,12 +6936,14 @@ var TaskListRow = React10.memo(
       const normalizedDuration = Math.max(0, Math.round(nextDuration) || 0);
       setDurationValue(normalizedDuration);
     }, []);
-    const handleDurationSave = useCallback5(() => {
-      if (durationConfirmedRef.current) {
-        durationConfirmedRef.current = false;
+    const emitDurationChange = useCallback5((rounded) => {
+      if (onDurationChange) {
+        onDurationChange(
+          isMilestone && rounded > 0 ? { ...task, type: "task" } : !isMilestone && rounded === 0 ? { ...task, type: "milestone", endDate: task.startDate } : task,
+          rounded
+        );
         return;
       }
-      const rounded = Math.round(durationValue) || 0;
       if (isMilestone && rounded > 0) {
         onTasksChange?.([
           { ...task, type: "task", endDate: getEndDate(task.startDate, rounded) }
@@ -6916,8 +6957,16 @@ var TaskListRow = React10.memo(
           { ...task, endDate: getEndDate(task.startDate, rounded) }
         ]);
       }
+    }, [getEndDate, isMilestone, onDurationChange, onTasksChange, task]);
+    const handleDurationSave = useCallback5(() => {
+      if (durationConfirmedRef.current) {
+        durationConfirmedRef.current = false;
+        return;
+      }
+      const rounded = Math.round(durationValue) || 0;
+      emitDurationChange(rounded);
       setEditingColumnId(null);
-    }, [durationValue, task, onTasksChange, getEndDate, isMilestone]);
+    }, [durationValue, emitDurationChange]);
     const handleDurationCancel = useCallback5(() => {
       setDurationValue(isMilestone ? 0 : getDuration(normalizedTask.startDate, normalizedTask.endDate));
       setEditingColumnId(null);
@@ -6934,25 +6983,13 @@ var TaskListRow = React10.memo(
         if (e.key === "Enter") {
           durationConfirmedRef.current = true;
           const rounded = Math.round(durationValue) || 0;
-          if (isMilestone && rounded > 0) {
-            onTasksChange?.([
-              { ...task, type: "task", endDate: getEndDate(task.startDate, rounded) }
-            ]);
-          } else if (!isMilestone && rounded === 0) {
-            onTasksChange?.([
-              { ...task, type: "milestone", endDate: task.startDate }
-            ]);
-          } else if (!isMilestone && rounded > 0) {
-            onTasksChange?.([
-              { ...task, endDate: getEndDate(task.startDate, rounded) }
-            ]);
-          }
+          emitDurationChange(rounded);
           setEditingColumnId(null);
         } else if (e.key === "Escape") {
           handleDurationCancel();
         }
       },
-      [durationValue, task, onTasksChange, handleDurationCancel, getEndDate, isMilestone]
+      [durationValue, emitDurationChange, handleDurationCancel]
     );
     const handleProgressClick = useCallback5(
       (e) => {
@@ -8750,6 +8787,7 @@ var TaskList = ({
   headerHeight,
   taskListWidth,
   onTasksChange,
+  onDurationChange,
   selectedTaskId,
   onTaskSelect,
   show = true,
@@ -9771,6 +9809,7 @@ var TaskList = ({
                         taskNumberMap: originalTaskNumberMap,
                         rowHeight,
                         onTasksChange,
+                        onDurationChange,
                         selectedTaskId,
                         onRowClick: handleRowClick,
                         disableTaskNameEditing,
@@ -13773,6 +13812,7 @@ function TaskGanttChartInner(props, ref) {
     headerHeight = 40,
     containerHeight,
     onTasksChange,
+    onScheduleIntent,
     onValidateDependencies,
     enableAutoSchedule,
     disableConstraints,
@@ -14298,7 +14338,7 @@ function TaskGanttChartInner(props, ref) {
     }
     previewPositionStore.clear();
   }, [previewPositionStore]);
-  const handleTaskChange = useCallback10((updatedTasks) => {
+  const handleTaskChange = useCallback10((updatedTasks, durationEdit) => {
     const updatedTask = updatedTasks[0];
     if (!updatedTask) return;
     const originalTask = tasks.find((t) => t.id === updatedTask.id);
@@ -14347,12 +14387,18 @@ function TaskGanttChartInner(props, ref) {
       const isUniformMove = deltaStart === deltaEnd && deltaStart !== 0;
       if (!isUniformMove) {
         const anchor = deltaStart === 0 ? "start" : deltaEnd === 0 ? "end" : "start";
-        const targetDuration = getTaskDuration(
+        const targetDuration = durationEdit?.duration ?? getTaskDuration(
           anchor === "start" ? origStart : newStart,
           anchor === "start" ? newEnd : origEnd,
           businessDays,
           isCustomWeekend
         );
+        onScheduleIntent?.({
+          type: "change_duration",
+          taskId: updatedTask.id,
+          duration: targetDuration,
+          anchor: durationEdit?.anchor ?? anchor
+        });
         const scaleResult = scaleTaskSubtreeDuration(updatedTask.id, targetDuration, tasks, {
           anchor,
           businessDays,
@@ -14360,7 +14406,7 @@ function TaskGanttChartInner(props, ref) {
           externalDependencyPolicy: "cascade-successors"
         });
         onSubtreeScaleResult?.(scaleResult);
-        if (scaleResult.ok && scaleResult.changedTasks.length > 0) {
+        if (!onScheduleIntent && scaleResult.ok && scaleResult.changedTasks.length > 0) {
           onTasksChange?.(scaleResult.changedTasks);
         }
         if (editingTaskId === updatedTask.id) {
@@ -14369,7 +14415,15 @@ function TaskGanttChartInner(props, ref) {
         return;
       }
       const movedParentCascade = disableConstraints ? [updatedTask] : universalCascade(updatedTask, newStart, newEnd, tasks, businessDays, isCustomWeekend);
-      onTasksChange?.(movedParentCascade);
+      if (onScheduleIntent) {
+        onScheduleIntent({
+          type: "move_task",
+          taskId: updatedTask.id,
+          startDate: newStart.toISOString().split("T")[0]
+        });
+      } else {
+        onTasksChange?.(movedParentCascade);
+      }
       if (editingTaskId === updatedTask.id) {
         setEditingTaskId(null);
       }
@@ -14377,8 +14431,51 @@ function TaskGanttChartInner(props, ref) {
     }
     const sourceTasks = tasks.map((task) => task.id === updatedTask.id ? updatedTask : task);
     const cascadedTasks = disableConstraints ? [updatedTask] : universalCascade(updatedTask, newStart, newEnd, sourceTasks, businessDays, isCustomWeekend);
-    onTasksChange?.(cascadedTasks);
-  }, [tasks, onTasksChange, disableConstraints, editingTaskId, businessDays, isCustomWeekend, onSubtreeScaleResult]);
+    if (durationEdit) {
+      if (onScheduleIntent) {
+        onScheduleIntent({
+          type: "change_duration",
+          taskId: updatedTask.id,
+          duration: durationEdit.duration,
+          anchor: durationEdit.anchor
+        });
+      } else {
+        onTasksChange?.(cascadedTasks);
+      }
+    } else if (onScheduleIntent) {
+      const startChanged = origStart.getTime() !== newStart.getTime();
+      const endChanged = origEnd.getTime() !== newEnd.getTime();
+      if (startChanged && endChanged) {
+        onScheduleIntent({
+          type: "move_task",
+          taskId: updatedTask.id,
+          startDate: newStart.toISOString().split("T")[0]
+        });
+      } else {
+        const anchor = startChanged ? "end" : "start";
+        onScheduleIntent({
+          type: "resize_task",
+          taskId: updatedTask.id,
+          anchor,
+          date: (startChanged ? newStart : newEnd).toISOString().split("T")[0]
+        });
+      }
+    } else {
+      onTasksChange?.(cascadedTasks);
+    }
+  }, [tasks, onTasksChange, onScheduleIntent, disableConstraints, editingTaskId, businessDays, isCustomWeekend, onSubtreeScaleResult]);
+  const handleTaskDurationChange = useCallback10((task, duration) => {
+    const updatedTask = {
+      ...task,
+      endDate: task.type === "milestone" ? task.startDate : buildTaskRangeFromStart(
+        parseUTCDate(task.startDate),
+        duration,
+        businessDays,
+        isCustomWeekend
+      ).end.toISOString()
+    };
+    handleTaskChange([updatedTask], { duration, anchor: "start" });
+  }, [businessDays, handleTaskChange, isCustomWeekend]);
   const handleDelete = useCallback10((taskId) => {
     const toDelete = /* @__PURE__ */ new Set([taskId]);
     function collectDescendants(parentId) {
@@ -14526,8 +14623,10 @@ function TaskGanttChartInner(props, ref) {
     [renderedChartTasks]
   );
   const handleCascade = useCallback10((cascadedTasks) => {
-    onTasksChange?.(cascadedTasks);
-  }, [tasks, onTasksChange]);
+    if (!onScheduleIntent) {
+      onTasksChange?.(cascadedTasks);
+    }
+  }, [onScheduleIntent, onTasksChange]);
   const handleTaskSelect = useCallback10((taskId) => {
     setSelectedTaskId(taskId);
   }, []);
@@ -14862,6 +14961,7 @@ function TaskGanttChartInner(props, ref) {
                     headerHeight,
                     taskListWidth,
                     onTasksChange: handleTaskChange,
+                    onDurationChange: handleTaskDurationChange,
                     selectedTaskId: selectedTaskId ?? void 0,
                     onTaskSelect: handleTaskSelect,
                     show: showTaskList,
@@ -15167,6 +15267,7 @@ function TaskGanttChartInner(props, ref) {
                                     previewPositionStore,
                                     onCascadeProgress: handleCascadeProgress,
                                     onCascade: handleCascade,
+                                    onScheduleIntent,
                                     highlightExpiredTasks,
                                     showBaseline,
                                     isFilterMatch: (filterMode === "highlight" ? matchedTaskIds.has(task.id) : false) || (criticalPathMode === "highlight" ? criticalTaskIds.has(task.id) : false),