gantt-lib 0.90.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";
@@ -5130,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`),
@@ -5176,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) => {
@@ -5185,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`),
@@ -5231,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]);
@@ -5931,7 +5942,8 @@ var TaskListRow = React9.memo(
             portal: true,
             disabled: task.locked,
             isWeekend: weekendPredicate,
-            businessDays
+            businessDays,
+            footer: datePickerFooter
           }
         )
       }
@@ -5950,7 +5962,8 @@ var TaskListRow = React9.memo(
             portal: true,
             disabled: task.locked,
             isWeekend: weekendPredicate,
-            businessDays
+            businessDays,
+            footer: datePickerFooter
           }
         )
       }
@@ -6630,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;
@@ -7366,7 +7381,9 @@ var TaskList = ({
                 resolvedColumns,
                 isTaskSelected: effectiveSelectedTaskIds.has(task.id),
                 onTaskSelectionChange: handleToggleTaskSelection,
-                taskListMenuCommands
+                taskListMenuCommands,
+                taskDateChangeMode,
+                onTaskDateChangeModeChange
               }
             ),
             pendingInsertDisplayTaskId === task.id && /* @__PURE__ */ jsx14(
@@ -9498,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);
@@ -9506,10 +9525,13 @@ 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 }),
@@ -10106,7 +10128,9 @@ function TaskGanttChartInner(props, ref) {
                 isFilterActive: !!taskFilter,
                 additionalColumns,
                 hiddenTaskListColumns,
-                taskListMenuCommands
+                taskListMenuCommands,
+                taskDateChangeMode,
+                onTaskDateChangeModeChange: handleTaskDateChangeMode
               }
             ),
             /* @__PURE__ */ jsxs13(