gantt-lib 0.24.1 → 0.25.0

package/dist/index.d.mts

@@ -573,6 +573,8 @@ interface GanttChartProps {
     collapsedParentIds?: Set<string>;
     /** Callback when collapse/expand button is clicked (controlled mode) */
     onToggleCollapse?: (parentId: string) => void;
+    /** Task IDs to highlight in the task list (for search results) */
+    highlightedTaskIds?: Set<string>;
 }
 /**
  * Ref handle type for GanttChart — exposes imperative scroll methods.
@@ -580,6 +582,7 @@ interface GanttChartProps {
 interface GanttChartHandle {
     scrollToToday: () => void;
     scrollToTask: (taskId: string) => void;
+    scrollToRow: (taskId: string) => void;
     collapseAll: () => void;
     expandAll: () => void;
 }

package/dist/index.d.ts

@@ -573,6 +573,8 @@ interface GanttChartProps {
     collapsedParentIds?: Set<string>;
     /** Callback when collapse/expand button is clicked (controlled mode) */
     onToggleCollapse?: (parentId: string) => void;
+    /** Task IDs to highlight in the task list (for search results) */
+    highlightedTaskIds?: Set<string>;
 }
 /**
  * Ref handle type for GanttChart — exposes imperative scroll methods.
@@ -580,6 +582,7 @@ interface GanttChartProps {
 interface GanttChartHandle {
     scrollToToday: () => void;
     scrollToTask: (taskId: string) => void;
+    scrollToRow: (taskId: string) => void;
     collapseAll: () => void;
     expandAll: () => void;
 }

package/dist/index.js

@@ -5916,6 +5916,7 @@ var TaskList = ({
 
 // src/components/GanttChart/GanttChart.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
+var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 var GanttChart = (0, import_react13.forwardRef)(({
   tasks,
   dayWidth = 40,
@@ -5945,7 +5946,8 @@ var GanttChart = (0, import_react13.forwardRef)(({
   businessDays = true,
   taskFilter,
   collapsedParentIds: externalCollapsedParentIds,
-  onToggleCollapse: externalOnToggleCollapse
+  onToggleCollapse: externalOnToggleCollapse,
+  highlightedTaskIds
 }, ref) => {
   const scrollContainerRef = (0, import_react13.useRef)(null);
   const [selectedTaskId, setSelectedTaskId] = (0, import_react13.useState)(null);
@@ -5982,6 +5984,14 @@ var GanttChart = (0, import_react13.forwardRef)(({
     if (!taskFilter) return /* @__PURE__ */ new Set();
     return new Set(visibleTasks.filter(taskFilter).map((task) => task.id));
   }, [visibleTasks, taskFilter]);
+  const taskListHighlightedTaskIds = (0, import_react13.useMemo)(() => {
+    if ((!highlightedTaskIds || highlightedTaskIds.size === 0) && matchedTaskIds.size === 0) {
+      return /* @__PURE__ */ new Set();
+    }
+    const mergedHighlightedTaskIds = new Set(highlightedTaskIds ?? []);
+    matchedTaskIds.forEach((taskId) => mergedHighlightedTaskIds.add(taskId));
+    return mergedHighlightedTaskIds;
+  }, [highlightedTaskIds, matchedTaskIds]);
   const totalGridHeight = (0, import_react13.useMemo)(
     () => visibleTasks.length * rowHeight,
     [visibleTasks.length, rowHeight]
@@ -6051,6 +6061,18 @@ var GanttChart = (0, import_react13.forwardRef)(({
     const scrollLeft = Math.round(taskOffset - dayWidth * 2);
     container.scrollTo({ left: Math.max(0, scrollLeft), behavior: "smooth" });
   }, [tasks, dateRange, dayWidth]);
+  const scrollToRow = (0, import_react13.useCallback)((taskId) => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    const task = tasks.find((t) => t.id === taskId);
+    if (!task) return;
+    const rowIndex = visibleTasks.findIndex((visibleTask) => visibleTask.id === task.id);
+    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" });
+  }, [tasks, visibleTasks, rowHeight]);
   const [dragGuideLines, setDragGuideLines] = (0, import_react13.useState)(null);
   const [draggedTaskOverride, setDraggedTaskOverride] = (0, import_react13.useState)(null);
   const [previewTasksById, setPreviewTasksById] = (0, import_react13.useState)(/* @__PURE__ */ new Map());
@@ -6216,10 +6238,11 @@ var GanttChart = (0, import_react13.forwardRef)(({
     () => ({
       scrollToToday,
       scrollToTask,
+      scrollToRow,
       collapseAll: handleCollapseAll,
       expandAll: handleExpandAll
     }),
-    [scrollToToday, scrollToTask, handleCollapseAll, handleExpandAll]
+    [scrollToToday, scrollToTask, scrollToRow, handleCollapseAll, handleExpandAll]
   );
   function getTaskDepth(taskId, tasks2) {
     let depth = 0;
@@ -6381,7 +6404,7 @@ var GanttChart = (0, import_react13.forwardRef)(({
             onToggleCollapse: handleToggleCollapse,
             onPromoteTask: onPromoteTask ?? handlePromoteTask,
             onDemoteTask: onDemoteTask ?? handleDemoteTask,
-            highlightedTaskIds: matchedTaskIds,
+            highlightedTaskIds: taskListHighlightedTaskIds,
             customDays,
             isWeekend: isWeekend3,
             businessDays