gantt-lib 0.89.0 → 0.91.0

package/dist/index.mjs

@@ -3807,7 +3807,8 @@ var DatePicker = ({
   className,
   disabled = false,
   isWeekend: isWeekend3,
-  businessDays = true
+  businessDays = true,
+  footer
 }) => {
   const [open, setOpen] = useState3(false);
   const [inputValue, setInputValue] = useState3("");
@@ -4085,7 +4086,8 @@ var DatePicker = ({
               initialDate: activeDate,
               isWeekend: isWeekend3
             }
-          )
+          ),
+          footer ? /* @__PURE__ */ jsx10("div", { className: "gantt-datepicker-footer", children: footer }) : null
         ]
       }
     )
@@ -4727,7 +4729,9 @@ var TaskListRow = React9.memo(
     resolvedColumns,
     isTaskSelected = false,
     onTaskSelectionChange,
-    taskListMenuCommands = []
+    taskListMenuCommands = [],
+    taskDateChangeMode = "preserve-duration",
+    onTaskDateChangeModeChange
   }) => {
     const [editingColumnId, setEditingColumnId] = useState4(null);
     const editingName = editingColumnId === "name";
@@ -5027,10 +5031,13 @@ var TaskListRow = React9.memo(
       }
       const clampedValue = Math.max(0, Math.min(100, progressValue));
       if ((clampedValue === 100 || clampedValue === 0) && isTaskParent(task.id, allTasks)) {
-        const children = getChildren(task.id, allTasks);
+        const descendants = getAllDescendants(task.id, allTasks);
         const updatedTasks = [
           { ...task, progress: clampedValue },
-          ...children.map((child) => ({ ...child, progress: clampedValue }))
+          ...descendants.map((descendant) => ({
+            ...descendant,
+            progress: clampedValue
+          }))
         ];
         onTasksChange?.(updatedTasks);
       } else {
@@ -5053,11 +5060,11 @@ var TaskListRow = React9.memo(
           progressConfirmedRef.current = true;
           const clampedValue = Math.max(0, Math.min(100, progressValue));
           if ((clampedValue === 100 || clampedValue === 0) && isTaskParent(task.id, allTasks)) {
-            const children = getChildren(task.id, allTasks);
+            const descendants = getAllDescendants(task.id, allTasks);
             const updatedTasks = [
               { ...task, progress: clampedValue },
-              ...children.map((child) => ({
-                ...child,
+              ...descendants.map((descendant) => ({
+                ...descendant,
                 progress: clampedValue
               }))
             ];
@@ -5127,24 +5134,22 @@ var TaskListRow = React9.memo(
           emitMilestoneDateChange(newDateISO);
           return;
         }
-        let nextEndISO;
         const normalizedInputStart = businessDays ? alignToWorkingDay(/* @__PURE__ */ new Date(`${newDateISO}T00:00:00.000Z`), 1, weekendPredicate) : /* @__PURE__ */ new Date(`${newDateISO}T00:00:00.000Z`);
-        if (businessDays) {
-          const duration = getDuration(task.startDate, task.endDate);
-          nextEndISO = buildTaskRangeFromStart(
+        const { startDate: normalizedStart, endDate: normalizedEnd } = taskDateChangeMode === "free" ? normalizeTaskDates(
+          normalizedInputStart,
+          normalizedInputStart.getTime() > parseUTCDate(task.endDate).getTime() ? normalizedInputStart : parseUTCDate(task.endDate)
+        ) : normalizeTaskDates(
+          normalizedInputStart,
+          businessDays ? buildTaskRangeFromStart(
             normalizedInputStart,
-            duration,
+            getDuration(task.startDate, task.endDate),
             true,
             weekendPredicate,
             1
-          ).end.toISOString().split("T")[0];
-        } else {
-          const origStart = parseUTCDate(task.startDate);
-          const origEnd = parseUTCDate(task.endDate);
-          const durationMs = origEnd.getTime() - origStart.getTime();
-          nextEndISO = new Date(normalizedInputStart.getTime() + durationMs).toISOString().split("T")[0];
-        }
-        const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(normalizedInputStart, nextEndISO);
+          ).end.toISOString().split("T")[0] : new Date(
+            normalizedInputStart.getTime() + (parseUTCDate(task.endDate).getTime() - parseUTCDate(task.startDate).getTime())
+          ).toISOString().split("T")[0]
+        );
         const clampedRange = clampTaskRangeForIncomingFS(
           task,
           /* @__PURE__ */ new Date(`${normalizedStart}T00:00:00.000Z`),
@@ -5173,7 +5178,7 @@ var TaskListRow = React9.memo(
           }
         ]);
       },
-      [task, onTasksChange, businessDays, getDuration, getEndDate, allTasks, weekendPredicate, isMilestone, emitMilestoneDateChange]
+      [task, onTasksChange, businessDays, getDuration, allTasks, weekendPredicate, isMilestone, emitMilestoneDateChange, taskDateChangeMode]
     );
     const handleEndDateChange = useCallback4(
       (newDateISO) => {
@@ -5182,24 +5187,22 @@ var TaskListRow = React9.memo(
           emitMilestoneDateChange(newDateISO);
           return;
         }
-        let nextStartISO;
         const normalizedInputEnd = businessDays ? alignToWorkingDay(/* @__PURE__ */ new Date(`${newDateISO}T00:00:00.000Z`), -1, weekendPredicate) : /* @__PURE__ */ new Date(`${newDateISO}T00:00:00.000Z`);
-        if (businessDays) {
-          const duration = getDuration(task.startDate, task.endDate);
-          nextStartISO = buildTaskRangeFromEnd(
+        const { startDate: normalizedStart, endDate: normalizedEnd } = taskDateChangeMode === "free" ? normalizeTaskDates(
+          normalizedInputEnd.getTime() < parseUTCDate(task.startDate).getTime() ? normalizedInputEnd : parseUTCDate(task.startDate),
+          normalizedInputEnd
+        ) : normalizeTaskDates(
+          businessDays ? buildTaskRangeFromEnd(
             normalizedInputEnd,
-            duration,
+            getDuration(task.startDate, task.endDate),
             true,
             weekendPredicate,
             -1
-          ).start.toISOString().split("T")[0];
-        } else {
-          const origStart = parseUTCDate(task.startDate);
-          const origEnd = parseUTCDate(task.endDate);
-          const durationMs = origEnd.getTime() - origStart.getTime();
-          nextStartISO = new Date(normalizedInputEnd.getTime() - durationMs).toISOString().split("T")[0];
-        }
-        const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(nextStartISO, normalizedInputEnd);
+          ).start.toISOString().split("T")[0] : new Date(
+            normalizedInputEnd.getTime() - (parseUTCDate(task.endDate).getTime() - parseUTCDate(task.startDate).getTime())
+          ).toISOString().split("T")[0],
+          normalizedInputEnd
+        );
         const clampedRange = clampTaskRangeForIncomingFS(
           task,
           /* @__PURE__ */ new Date(`${normalizedStart}T00:00:00.000Z`),
@@ -5228,8 +5231,19 @@ var TaskListRow = React9.memo(
           }
         ]);
       },
-      [task, onTasksChange, businessDays, getDuration, weekendPredicate, allTasks, isMilestone, emitMilestoneDateChange]
+      [task, onTasksChange, businessDays, getDuration, weekendPredicate, allTasks, isMilestone, emitMilestoneDateChange, taskDateChangeMode]
     );
+    const datePickerFooter = onTaskDateChangeModeChange ? /* @__PURE__ */ jsxs9("label", { className: "gantt-datepicker-mode-checkbox", children: [
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          type: "checkbox",
+          checked: taskDateChangeMode === "preserve-duration",
+          onChange: (event) => onTaskDateChangeModeChange(event.target.checked ? "preserve-duration" : "free")
+        }
+      ),
+      /* @__PURE__ */ jsx12("span", { children: "\u0421\u043E\u0445\u0440\u0430\u043D\u044F\u0442\u044C \u0434\u043B\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u044C" })
+    ] }) : null;
     const handleRowClickInternal = useCallback4(() => {
       onRowClick?.(task.id);
     }, [task.id, onRowClick]);
@@ -5264,16 +5278,9 @@ var TaskListRow = React9.memo(
     const handleApplyColor = useCallback4(
       (color) => {
         if (!onTasksChange) return;
-        const descendantIds = /* @__PURE__ */ new Set();
-        if (isParent) {
-          const stack = getChildren(task.id, allTasks);
-          while (stack.length > 0) {
-            const current = stack.shift();
-            if (!current || descendantIds.has(current.id)) continue;
-            descendantIds.add(current.id);
-            stack.push(...getChildren(current.id, allTasks));
-          }
-        }
+        const descendantIds = new Set(
+          isParent ? getAllDescendants(task.id, allTasks).map((descendant) => descendant.id) : []
+        );
         const updatedTasks = [
           { ...task, color },
           ...allTasks.filter((candidate) => descendantIds.has(candidate.id)).map((candidate) => ({ ...candidate, color }))
@@ -5935,7 +5942,8 @@ var TaskListRow = React9.memo(
             portal: true,
             disabled: task.locked,
             isWeekend: weekendPredicate,
-            businessDays
+            businessDays,
+            footer: datePickerFooter
           }
         )
       }
@@ -5954,7 +5962,8 @@ var TaskListRow = React9.memo(
             portal: true,
             disabled: task.locked,
             isWeekend: weekendPredicate,
-            businessDays
+            businessDays,
+            footer: datePickerFooter
           }
         )
       }
@@ -6634,7 +6643,9 @@ var TaskList = ({
   isFilterActive = false,
   additionalColumns,
   hiddenTaskListColumns,
-  taskListMenuCommands
+  taskListMenuCommands,
+  taskDateChangeMode = "preserve-duration",
+  onTaskDateChangeModeChange
 }) => {
   const [internalSelectedTaskIds, setInternalSelectedTaskIds] = useState6(/* @__PURE__ */ new Set());
   const effectiveSelectedTaskIds = selectedTaskIds ?? internalSelectedTaskIds;
@@ -7370,7 +7381,9 @@ var TaskList = ({
                 resolvedColumns,
                 isTaskSelected: effectiveSelectedTaskIds.has(task.id),
                 onTaskSelectionChange: handleToggleTaskSelection,
-                taskListMenuCommands
+                taskListMenuCommands,
+                taskDateChangeMode,
+                onTaskDateChangeModeChange
               }
             ),
             pendingInsertDisplayTaskId === task.id && /* @__PURE__ */ jsx14(
@@ -9502,7 +9515,9 @@ function TaskGanttChartInner(props, ref) {
     showChart = true,
     additionalColumns,
     hiddenTaskListColumns,
-    taskListMenuCommands
+    taskListMenuCommands,
+    taskDateChangeMode: externalTaskDateChangeMode,
+    onTaskDateChangeModeChange: externalOnTaskDateChangeModeChange
   } = props;
   const containerRef = useRef9(null);
   const scrollContainerRef = useRef9(null);
@@ -9510,16 +9525,29 @@ function TaskGanttChartInner(props, ref) {
   const clearSelectedTaskTimeoutRef = useRef9(null);
   const [selectedTaskId, setSelectedTaskId] = useState9(null);
   const [taskListHasRightShadow, setTaskListHasRightShadow] = useState9(false);
+  const [internalTaskDateChangeMode, setInternalTaskDateChangeMode] = useState9("preserve-duration");
   const [selectedChip, setSelectedChip] = useState9(null);
   const [internalCollapsedParentIds, setInternalCollapsedParentIds] = useState9(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
   const [editingTaskId, setEditingTaskId] = useState9(null);
+  const taskDateChangeMode = externalTaskDateChangeMode ?? internalTaskDateChangeMode;
+  const handleTaskDateChangeMode = externalOnTaskDateChangeModeChange ?? setInternalTaskDateChangeMode;
   const normalizedTasks = useMemo10(() => normalizeHierarchyTasks(tasks), [tasks]);
   const isCustomWeekend = useMemo10(
     () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
     [customDays, isWeekend3]
   );
-  const dateRange = useMemo10(() => getMultiMonthDays(normalizedTasks), [normalizedTasks]);
+  const dateRangeTasks = useMemo10(() => {
+    if (!showBaseline) {
+      return normalizedTasks;
+    }
+    return normalizedTasks.map((task) => ({
+      ...task,
+      startDate: task.baselineStartDate && parseUTCDate(task.baselineStartDate).getTime() < parseUTCDate(task.startDate).getTime() ? task.baselineStartDate : task.startDate,
+      endDate: task.baselineEndDate && parseUTCDate(task.baselineEndDate).getTime() > parseUTCDate(task.endDate).getTime() ? task.baselineEndDate : task.endDate
+    }));
+  }, [normalizedTasks, showBaseline]);
+  const dateRange = useMemo10(() => getMultiMonthDays(dateRangeTasks), [dateRangeTasks]);
   const [validationResult, setValidationResult] = useState9(null);
   const [cascadeOverrides, setCascadeOverrides] = useState9(/* @__PURE__ */ new Map());
   const gridWidth = useMemo10(
@@ -9987,7 +10015,6 @@ function TaskGanttChartInner(props, ref) {
     if (!hasDirectChildren) return;
     const changedTasks = [];
     for (const task of tasks) {
-      if (task.id === taskId) continue;
       const nextParentId = task.parentId === taskId ? parentTask.parentId : task.parentId;
       const nextDependencies = task.dependencies?.filter((dep) => dep.taskId !== taskId);
       if (nextParentId !== task.parentId || nextDependencies?.length !== task.dependencies?.length) {
@@ -10001,8 +10028,7 @@ function TaskGanttChartInner(props, ref) {
     if (changedTasks.length > 0) {
       onTasksChange?.(changedTasks);
     }
-    onDelete?.(taskId);
-  }, [tasks, onTasksChange, onDelete, onUngroupTask]);
+  }, [tasks, onTasksChange, onUngroupTask]);
   const panStateRef = useRef9(null);
   const handlePanStart = useCallback8((e) => {
     if (e.button !== 0) return;
@@ -10102,7 +10128,9 @@ function TaskGanttChartInner(props, ref) {
                 isFilterActive: !!taskFilter,
                 additionalColumns,
                 hiddenTaskListColumns,
-                taskListMenuCommands
+                taskListMenuCommands,
+                taskDateChangeMode,
+                onTaskDateChangeModeChange: handleTaskDateChangeMode
               }
             ),
             /* @__PURE__ */ jsxs13(