gantt-lib 0.88.2 → 0.90.0

package/dist/index.d.mts

@@ -467,7 +467,7 @@ interface GanttModeProps<TTask extends Task = Task> {
     onPromoteTask?: (taskId: string) => void;
     /** Callback when a task is demoted (parentId set). If not provided, default internal logic is used. */
     onDemoteTask?: (taskId: string, newParentId: string) => void;
-    /** Callback when a parent task is ungrouped (removed while direct children move one level up). */
+    /** Callback when a parent task is ungrouped while direct children move one level up and the parent remains. */
     onUngroupTask?: (taskId: string) => void;
     /** Enable add task button at bottom of task list (default: true) */
     enableAddTask?: boolean;
@@ -543,13 +543,21 @@ interface ExportToPdfHeaderOptions {
     /** Export date shown on the right; string is rendered as-is */
     exportDate?: string | Date;
 }
+interface ScrollToRowOptions {
+    /** Keep built-in row selection styling after scroll (default: true) */
+    select?: boolean;
+    /** Browser scroll behavior for the vertical scroll action (default: 'smooth') */
+    behavior?: ScrollBehavior;
+    /** Automatically clear built-in row selection after N milliseconds */
+    clearSelectionAfterMs?: number;
+}
 /**
  * Ref handle type for GanttChart — exposes imperative scroll methods.
  */
 interface GanttChartHandle {
     scrollToToday: () => void;
     scrollToTask: (taskId: string) => void;
-    scrollToRow: (taskId: string) => void;
+    scrollToRow: (taskId: string, options?: ScrollToRowOptions) => void;
     collapseAll: () => void;
     expandAll: () => void;
     exportToPdf: (options?: ExportToPdfOptions) => Promise<void>;
@@ -764,7 +772,7 @@ interface TaskListProps {
     onPromoteTask?: (taskId: string) => void;
     /** Callback when task is demoted (parentId set to previous task) */
     onDemoteTask?: (taskId: string, newParentId: string) => void;
-    /** Callback when parent task is ungrouped (removed while direct children move one level up) */
+    /** Callback when a parent task is ungrouped while direct children move one level up and the parent remains */
     onUngroupTask?: (taskId: string) => void;
     /** Custom day configurations for date picker */
     customDays?: CustomDayConfig[];

package/dist/index.d.ts

@@ -467,7 +467,7 @@ interface GanttModeProps<TTask extends Task = Task> {
     onPromoteTask?: (taskId: string) => void;
     /** Callback when a task is demoted (parentId set). If not provided, default internal logic is used. */
     onDemoteTask?: (taskId: string, newParentId: string) => void;
-    /** Callback when a parent task is ungrouped (removed while direct children move one level up). */
+    /** Callback when a parent task is ungrouped while direct children move one level up and the parent remains. */
     onUngroupTask?: (taskId: string) => void;
     /** Enable add task button at bottom of task list (default: true) */
     enableAddTask?: boolean;
@@ -543,13 +543,21 @@ interface ExportToPdfHeaderOptions {
     /** Export date shown on the right; string is rendered as-is */
     exportDate?: string | Date;
 }
+interface ScrollToRowOptions {
+    /** Keep built-in row selection styling after scroll (default: true) */
+    select?: boolean;
+    /** Browser scroll behavior for the vertical scroll action (default: 'smooth') */
+    behavior?: ScrollBehavior;
+    /** Automatically clear built-in row selection after N milliseconds */
+    clearSelectionAfterMs?: number;
+}
 /**
  * Ref handle type for GanttChart — exposes imperative scroll methods.
  */
 interface GanttChartHandle {
     scrollToToday: () => void;
     scrollToTask: (taskId: string) => void;
-    scrollToRow: (taskId: string) => void;
+    scrollToRow: (taskId: string, options?: ScrollToRowOptions) => void;
     collapseAll: () => void;
     expandAll: () => void;
     exportToPdf: (options?: ExportToPdfOptions) => Promise<void>;
@@ -764,7 +772,7 @@ interface TaskListProps {
     onPromoteTask?: (taskId: string) => void;
     /** Callback when task is demoted (parentId set to previous task) */
     onDemoteTask?: (taskId: string, newParentId: string) => void;
-    /** Callback when parent task is ungrouped (removed while direct children move one level up) */
+    /** Callback when a parent task is ungrouped while direct children move one level up and the parent remains */
     onUngroupTask?: (taskId: string) => void;
     /** Custom day configurations for date picker */
     customDays?: CustomDayConfig[];

package/dist/index.js

@@ -5142,10 +5142,13 @@ var TaskListRow = import_react10.default.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 {
@@ -5168,11 +5171,11 @@ var TaskListRow = import_react10.default.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
               }))
             ];
@@ -5379,16 +5382,9 @@ var TaskListRow = import_react10.default.memo(
     const handleApplyColor = (0, import_react10.useCallback)(
       (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 }))
@@ -9622,6 +9618,7 @@ function TaskGanttChartInner(props, ref) {
   const containerRef = (0, import_react15.useRef)(null);
   const scrollContainerRef = (0, import_react15.useRef)(null);
   const scrollContentRef = (0, import_react15.useRef)(null);
+  const clearSelectedTaskTimeoutRef = (0, import_react15.useRef)(null);
   const [selectedTaskId, setSelectedTaskId] = (0, import_react15.useState)(null);
   const [taskListHasRightShadow, setTaskListHasRightShadow] = (0, import_react15.useState)(false);
   const [selectedChip, setSelectedChip] = (0, import_react15.useState)(null);
@@ -9633,7 +9630,17 @@ function TaskGanttChartInner(props, ref) {
     () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
     [customDays, isWeekend3]
   );
-  const dateRange = (0, import_react15.useMemo)(() => getMultiMonthDays(normalizedTasks), [normalizedTasks]);
+  const dateRangeTasks = (0, import_react15.useMemo)(() => {
+    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 = (0, import_react15.useMemo)(() => getMultiMonthDays(dateRangeTasks), [dateRangeTasks]);
   const [validationResult, setValidationResult] = (0, import_react15.useState)(null);
   const [cascadeOverrides, setCascadeOverrides] = (0, import_react15.useState)(/* @__PURE__ */ new Map());
   const gridWidth = (0, import_react15.useMemo)(
@@ -9741,7 +9748,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 = (0, import_react15.useCallback)((taskId) => {
+  const scrollToRow = (0, import_react15.useCallback)((taskId, options = {}) => {
     const container = scrollContainerRef.current;
     if (!container) return;
     const task = tasks.find((t) => t.id === taskId);
@@ -9750,8 +9757,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] = (0, import_react15.useState)(null);
   const [draggedTaskOverride, setDraggedTaskOverride] = (0, import_react15.useState)(null);
@@ -9761,6 +9785,11 @@ function TaskGanttChartInner(props, ref) {
     setValidationResult(result);
     onValidateDependencies?.(result);
   }, [tasks, onValidateDependencies]);
+  (0, import_react15.useEffect)(() => () => {
+    if (clearSelectedTaskTimeoutRef.current !== null) {
+      window.clearTimeout(clearSelectedTaskTimeoutRef.current);
+    }
+  }, []);
   const handleTaskChange = (0, import_react15.useCallback)((updatedTasks) => {
     const updatedTask = updatedTasks[0];
     if (!updatedTask) return;
@@ -10079,7 +10108,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) {
@@ -10093,8 +10121,7 @@ function TaskGanttChartInner(props, ref) {
     if (changedTasks.length > 0) {
       onTasksChange?.(changedTasks);
     }
-    onDelete?.(taskId);
-  }, [tasks, onTasksChange, onDelete, onUngroupTask]);
+  }, [tasks, onTasksChange, onUngroupTask]);
   const panStateRef = (0, import_react15.useRef)(null);
   const handlePanStart = (0, import_react15.useCallback)((e) => {
     if (e.button !== 0) return;