gantt-lib 0.88.2 → 0.90.0

package/dist/index.mjs

@@ -5027,10 +5027,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 +5056,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
               }))
             ];
@@ -5264,16 +5267,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 }))
@@ -9507,6 +9503,7 @@ function TaskGanttChartInner(props, ref) {
   const containerRef = useRef9(null);
   const scrollContainerRef = useRef9(null);
   const scrollContentRef = useRef9(null);
+  const clearSelectedTaskTimeoutRef = useRef9(null);
   const [selectedTaskId, setSelectedTaskId] = useState9(null);
   const [taskListHasRightShadow, setTaskListHasRightShadow] = useState9(false);
   const [selectedChip, setSelectedChip] = useState9(null);
@@ -9518,7 +9515,17 @@ function TaskGanttChartInner(props, ref) {
     () => 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(
@@ -9626,7 +9633,7 @@ function TaskGanttChartInner(props, ref) {
     const scrollLeft = Math.round(taskOffset - dayWidth * 2);
     container.scrollTo({ left: Math.max(0, scrollLeft), behavior: "smooth" });
   }, [tasks, dateRange, dayWidth]);
-  const scrollToRow = useCallback8((taskId) => {
+  const scrollToRow = useCallback8((taskId, options = {}) => {
     const container = scrollContainerRef.current;
     if (!container) return;
     const task = tasks.find((t) => t.id === taskId);
@@ -9635,8 +9642,25 @@ function TaskGanttChartInner(props, ref) {
     if (rowIndex === -1) return;
     const paddedRowIndex = Math.max(0, rowIndex - SCROLL_TO_ROW_CONTEXT_ROWS);
     const scrollTop = Math.max(0, rowHeight * paddedRowIndex);
-    setSelectedTaskId(taskId);
-    container.scrollTo({ top: scrollTop, behavior: "smooth" });
+    const {
+      select = true,
+      behavior = "smooth",
+      clearSelectionAfterMs
+    } = options;
+    if (clearSelectedTaskTimeoutRef.current !== null) {
+      window.clearTimeout(clearSelectedTaskTimeoutRef.current);
+      clearSelectedTaskTimeoutRef.current = null;
+    }
+    if (select) {
+      setSelectedTaskId(taskId);
+      if (typeof clearSelectionAfterMs === "number" && clearSelectionAfterMs >= 0) {
+        clearSelectedTaskTimeoutRef.current = window.setTimeout(() => {
+          setSelectedTaskId((current) => current === taskId ? null : current);
+          clearSelectedTaskTimeoutRef.current = null;
+        }, clearSelectionAfterMs);
+      }
+    }
+    container.scrollTo({ top: scrollTop, behavior });
   }, [tasks, visibleTasks, rowHeight]);
   const [dragGuideLines, setDragGuideLines] = useState9(null);
   const [draggedTaskOverride, setDraggedTaskOverride] = useState9(null);
@@ -9646,6 +9670,11 @@ function TaskGanttChartInner(props, ref) {
     setValidationResult(result);
     onValidateDependencies?.(result);
   }, [tasks, onValidateDependencies]);
+  useEffect9(() => () => {
+    if (clearSelectedTaskTimeoutRef.current !== null) {
+      window.clearTimeout(clearSelectedTaskTimeoutRef.current);
+    }
+  }, []);
   const handleTaskChange = useCallback8((updatedTasks) => {
     const updatedTask = updatedTasks[0];
     if (!updatedTask) return;
@@ -9964,7 +9993,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) {
@@ -9978,8 +10006,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;