gantt-lib 0.88.2 → 0.89.0

package/dist/index.mjs

@@ -9507,6 +9507,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);
@@ -9626,7 +9627,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 +9636,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 +9664,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;