gantt-task-react-v 1.5.16 → 1.5.18

package/dist/components/task-list/index.d.ts

@@ -34,7 +34,6 @@ export type TaskListProps = {
     scrollToBottomStep: () => void;
     scrollToTask: (task: Task) => void;
     scrollToTopStep: () => void;
-    selectTask: (taskId: string) => void;
     selectTaskOnMouseDown: (taskId: string, event: MouseEvent) => void;
     selectedIdsMirror: Readonly<Record<string, true>>;
     taskListContainerRef: RefObject<HTMLDivElement>;

package/dist/gantt-task-react.es.js

@@ -10207,7 +10207,6 @@ const TaskListTableRowInner = forwardRef(
       onDoubleClick,
       onExpanderClick,
       scrollToTask,
-      selectTask,
       selectTaskOnMouseDown,
       style: style2,
       task,
@@ -10225,15 +10224,22 @@ const TaskListTableRowInner = forwardRef(
         if (task.type !== "empty") {
           scrollToTask(task);
         }
-        if (event.detail < 2) {
-          selectTaskOnMouseDown(task.id, event);
-          if (onClick) {
-            onClick(task);
-          }
+        selectTaskOnMouseDown(task.id, event);
+        if (onClick) {
+          onClick(task);
         }
       },
       [onClick, scrollToTask, selectTaskOnMouseDown, task]
     );
+    const onRootDoubleClick = useCallback(
+      (event) => {
+        if (onDoubleClick) {
+          event.preventDefault();
+          onDoubleClick(task);
+        }
+      },
+      [onDoubleClick, task]
+    );
     const onContextMenu = useCallback(
       (event) => {
         event.preventDefault();
@@ -10244,14 +10250,6 @@ const TaskListTableRowInner = forwardRef(
       },
       [handleOpenContextMenu, task]
     );
-    const onRootDoubleClick = useCallback(() => {
-      if (task.type !== "empty") {
-        selectTask(task.id);
-        if (onDoubleClick) {
-          onDoubleClick(task);
-        }
-      }
-    }, [onDoubleClick, selectTask, task]);
     const dependencies = useMemo(() => {
       const dependenciesAtLevel = dependencyMap.get(comparisonLevel);
       if (!dependenciesAtLevel) {
@@ -10933,7 +10931,6 @@ const TaskListInner = ({
   onExpanderClick,
   onClick,
   onDoubleClick,
-  selectTask,
   scrollToTask,
   selectTaskOnMouseDown,
   selectedIdsMirror,
@@ -11004,7 +11001,6 @@ const TaskListInner = ({
         onDoubleClick,
         onExpanderClick,
         scrollToTask,
-        selectTask,
         selectTaskOnMouseDown,
         task,
         depth
@@ -11028,7 +11024,6 @@ const TaskListInner = ({
       mapTaskToNestedIndex,
       onClick,
       onDoubleClick,
-      selectTask,
       onExpanderClick,
       scrollToTask,
       selectTaskOnMouseDown,
@@ -18296,9 +18291,13 @@ const useSelection = (taskToRowIndexMap, rowIndexToTaskMap, checkTaskIdExists, o
         toggleTask(taskId);
         return;
       }
-      selectTask(taskId);
+      if (selectedIdsMirror[taskId]) {
+        toggleTask(taskId);
+      } else {
+        selectTask(taskId);
+      }
     },
-    [selectTask, selectTasksFromLastSelected, toggleTask]
+    [selectTask, selectTasksFromLastSelected, toggleTask, selectedIdsMirror]
   );
   const cutTask = useCallback((task) => {
     setCutIdsMirror({
@@ -19498,15 +19497,15 @@ const GanttLoaderInner = ({ loading }) => {
   return /* @__PURE__ */ jsx("div", { className: `${styles$1.loader} ${loading ? "" : styles$1.loaderHidden}` });
 };
 const GanttLoader = memo(GanttLoaderInner);
-const overlay = "_overlay_hyem8_1";
-const drawer = "_drawer_hyem8_19";
-const drawer_open = "_drawer_open_hyem8_51";
-const header = "_header_hyem8_59";
-const title = "_title_hyem8_77";
-const closeButton = "_closeButton_hyem8_97";
-const body = "_body_hyem8_131";
-const goToTaskBar = "_goToTaskBar_hyem8_145";
-const goToTaskButton = "_goToTaskButton_hyem8_159";
+const overlay = "_overlay_1fu4j_1";
+const drawer = "_drawer_1fu4j_9";
+const drawer_open = "_drawer_open_1fu4j_43";
+const header = "_header_1fu4j_51";
+const title = "_title_1fu4j_69";
+const closeButton = "_closeButton_1fu4j_89";
+const body = "_body_1fu4j_123";
+const goToTaskBar = "_goToTaskBar_1fu4j_137";
+const goToTaskButton = "_goToTaskButton_1fu4j_151";
 const styles = {
   overlay,
   drawer,
@@ -19525,13 +19524,6 @@ const GanttDrawerInner = ({
   onGoToTask,
   renderContent
 }) => {
-  const handleOverlayClick = useCallback(
-    (e) => {
-      e.stopPropagation();
-      onClose();
-    },
-    [onClose]
-  );
   const title2 = (data == null ? void 0 : data.type) === "task" ? data.task.name : (data == null ? void 0 : data.type) === "arrow" ? `${data.taskFrom.name} → ${data.taskTo.name}` : "";
   const goToTaskIds = [];
   if ((data == null ? void 0 : data.type) === "task") {
@@ -19539,42 +19531,62 @@ const GanttDrawerInner = ({
   } else if ((data == null ? void 0 : data.type) === "arrow") {
     goToTaskIds.push(data.taskFrom.id, data.taskTo.id);
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    data && /* @__PURE__ */ jsx("div", { className: styles.overlay, onClick: handleOverlayClick }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `${styles.drawer}${data ? ` ${styles.drawer_open}` : ""}`,
-        style: { width },
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
-            /* @__PURE__ */ jsx("span", { className: styles.title, children: title2 }),
-            /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `${styles.drawer}${data ? ` ${styles.drawer_open}` : ""}`,
+      style: { width },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.title, children: title2 }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: styles.closeButton,
+              onClick: onClose,
+              "aria-label": "Close drawer",
+              type: "button",
+              children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M12 4L4 12M4 4l8 8",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round"
+                }
+              ) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles.body, children: [
+          data && onGoToTask && /* @__PURE__ */ jsxs("div", { className: styles.goToTaskBar, children: [
+            data.type === "task" && /* @__PURE__ */ jsxs(
               "button",
               {
-                className: styles.closeButton,
-                onClick: onClose,
-                "aria-label": "Close drawer",
+                className: styles.goToTaskButton,
+                onClick: () => onGoToTask(data.task.id),
                 type: "button",
-                children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M12 4L4 12M4 4l8 8",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round"
-                  }
-                ) })
+                children: [
+                  /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M2 7h10M8 3l4 4-4 4",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  ) }),
+                  "Go to Task"
+                ]
               }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: styles.body, children: [
-            data && onGoToTask && /* @__PURE__ */ jsxs("div", { className: styles.goToTaskBar, children: [
-              data.type === "task" && /* @__PURE__ */ jsxs(
+            ),
+            data.type === "arrow" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
                 "button",
                 {
                   className: styles.goToTaskButton,
-                  onClick: () => onGoToTask(data.task.id),
+                  onClick: () => onGoToTask(data.taskFrom.id),
                   type: "button",
                   children: [
                     /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
@@ -19587,63 +19599,40 @@ const GanttDrawerInner = ({
                         strokeLinejoin: "round"
                       }
                     ) }),
-                    "Go to Task"
+                    "Go to ",
+                    data.taskFrom.name
                   ]
                 }
               ),
-              data.type === "arrow" && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    className: styles.goToTaskButton,
-                    onClick: () => onGoToTask(data.taskFrom.id),
-                    type: "button",
-                    children: [
-                      /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M2 7h10M8 3l4 4-4 4",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      ) }),
-                      "Go to ",
-                      data.taskFrom.name
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    className: styles.goToTaskButton,
-                    onClick: () => onGoToTask(data.taskTo.id),
-                    type: "button",
-                    children: [
-                      /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M2 7h10M8 3l4 4-4 4",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      ) }),
-                      "Go to ",
-                      data.taskTo.name
-                    ]
-                  }
-                )
-              ] })
-            ] }),
-            data && renderContent ? renderContent(data) : null
-          ] })
-        ]
-      }
-    )
-  ] });
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: styles.goToTaskButton,
+                  onClick: () => onGoToTask(data.taskTo.id),
+                  type: "button",
+                  children: [
+                    /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M2 7h10M8 3l4 4-4 4",
+                        stroke: "currentColor",
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    ) }),
+                    "Go to ",
+                    data.taskTo.name
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          data && renderContent ? renderContent(data) : null
+        ] })
+      ]
+    }
+  ) });
 };
 const GanttDrawer = memo(GanttDrawerInner);
 const Gantt = (props) => {
@@ -19672,6 +19661,8 @@ const Gantt = (props) => {
     onSelectTaskIds,
     // Invoked when user right-clicks a row in the task list
     onRowContextMenu,
+    onClickTaskRow,
+    onDoubleClickTaskRow,
     onWheel,
     roundEndDate: clientRoundEndDate = defaultRoundEndDate,
     roundStartDate: clientRoundStartDate = defaultRoundStartDate,
@@ -19692,7 +19683,6 @@ const Gantt = (props) => {
     showProgress = true,
     progressColor,
     scrollToTaskId,
-    initialSelectedTaskId,
     drawer: drawerProps
   } = props;
   const ganttSVGRef = useRef(null);
@@ -20008,14 +19998,6 @@ const Gantt = (props) => {
     [mapTaskToCoordinates, setScrollXProgrammatically]
   );
   const prevScrollToTaskIdRef = useRef(void 0);
-  const prevInitialSelectedTaskIdRef = useRef(void 0);
-  useEffect(() => {
-    if (!initialSelectedTaskId || initialSelectedTaskId === prevInitialSelectedTaskIdRef.current) {
-      return;
-    }
-    prevInitialSelectedTaskIdRef.current = initialSelectedTaskId;
-    selectTask(initialSelectedTaskId);
-  }, [initialSelectedTaskId, selectTask]);
   useEffect(() => {
     if (!scrollToTaskId || scrollToTaskId === prevScrollToTaskIdRef.current) {
       return;
@@ -20852,28 +20834,29 @@ const Gantt = (props) => {
     },
     [enableDrawer, taskBar]
   );
-  const handleTaskListRowClick = useCallback(
+  const handleTaskRowClick = useCallback(
     (task) => {
-      if (taskList.onClickRow) {
-        taskList.onClickRow(task);
+      if (onClickTaskRow) {
+        onClickTaskRow(task);
       }
     },
-    [taskList]
+    [onClickTaskRow]
   );
-  const handleTaskListRowDoubleClick = useCallback(
+  const handleTaskRowDoubleClick = useCallback(
     (task) => {
       if (task.type !== "empty") {
-        if (enableDrawer) {
-          setActiveArrowKey(null);
-          setActiveTaskId(task.id);
-          setDrawerData({ type: "task", task });
-        }
+        selectTask(task.id);
       }
-      if (taskList.onDoubleClickRow) {
-        taskList.onDoubleClickRow(task);
+      if (enableDrawer && task.type !== "empty") {
+        setActiveArrowKey(null);
+        setActiveTaskId(task.id);
+        setDrawerData({ type: "task", task });
+      }
+      if (onDoubleClickTaskRow) {
+        onDoubleClickTaskRow(task);
       }
     },
-    [enableDrawer, taskList]
+    [enableDrawer, onDoubleClickTaskRow, selectTask]
   );
   const handleDrawerClose = useCallback(() => {
     setDrawerData(null);
@@ -21219,12 +21202,11 @@ const Gantt = (props) => {
       handleMoveTasksInside,
       handleOpenContextMenu: handleOpenContextMenuForRow,
       mapTaskToNestedIndex,
-      onClick: handleTaskListRowClick,
-      onDoubleClick: handleTaskListRowDoubleClick,
+      onClick: handleTaskRowClick,
+      onDoubleClick: handleTaskRowDoubleClick,
       onExpanderClick,
       scrollToBottomStep,
       scrollToTopStep,
-      selectTask,
       selectTaskOnMouseDown,
       selectedIdsMirror,
       scrollToTask,
@@ -21251,14 +21233,13 @@ const Gantt = (props) => {
       handleMoveTaskBefore,
       handleMoveTasksInside,
       handleOpenContextMenuForRow,
-      handleTaskListRowClick,
-      handleTaskListRowDoubleClick,
+      handleTaskRowClick,
+      handleTaskRowDoubleClick,
       mapTaskToNestedIndex,
       onExpanderClick,
       scrollToBottomStep,
       scrollToTask,
       scrollToTopStep,
-      selectTask,
       selectTaskOnMouseDown,
       selectedIdsMirror,
       taskList,

package/dist/gantt-task-react.umd.js

@@ -10224,7 +10224,6 @@
         onDoubleClick,
         onExpanderClick,
         scrollToTask,
-        selectTask,
         selectTaskOnMouseDown,
         style: style2,
         task,
@@ -10242,15 +10241,22 @@
           if (task.type !== "empty") {
             scrollToTask(task);
           }
-          if (event.detail < 2) {
-            selectTaskOnMouseDown(task.id, event);
-            if (onClick) {
-              onClick(task);
-            }
+          selectTaskOnMouseDown(task.id, event);
+          if (onClick) {
+            onClick(task);
           }
         },
         [onClick, scrollToTask, selectTaskOnMouseDown, task]
       );
+      const onRootDoubleClick = React.useCallback(
+        (event) => {
+          if (onDoubleClick) {
+            event.preventDefault();
+            onDoubleClick(task);
+          }
+        },
+        [onDoubleClick, task]
+      );
       const onContextMenu = React.useCallback(
         (event) => {
           event.preventDefault();
@@ -10261,14 +10267,6 @@
         },
         [handleOpenContextMenu, task]
       );
-      const onRootDoubleClick = React.useCallback(() => {
-        if (task.type !== "empty") {
-          selectTask(task.id);
-          if (onDoubleClick) {
-            onDoubleClick(task);
-          }
-        }
-      }, [onDoubleClick, selectTask, task]);
       const dependencies = React.useMemo(() => {
         const dependenciesAtLevel = dependencyMap.get(comparisonLevel);
         if (!dependenciesAtLevel) {
@@ -10950,7 +10948,6 @@
     onExpanderClick,
     onClick,
     onDoubleClick,
-    selectTask,
     scrollToTask,
     selectTaskOnMouseDown,
     selectedIdsMirror,
@@ -11021,7 +11018,6 @@
           onDoubleClick,
           onExpanderClick,
           scrollToTask,
-          selectTask,
           selectTaskOnMouseDown,
           task,
           depth
@@ -11045,7 +11041,6 @@
         mapTaskToNestedIndex,
         onClick,
         onDoubleClick,
-        selectTask,
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
@@ -18313,9 +18308,13 @@
           toggleTask(taskId);
           return;
         }
-        selectTask(taskId);
+        if (selectedIdsMirror[taskId]) {
+          toggleTask(taskId);
+        } else {
+          selectTask(taskId);
+        }
       },
-      [selectTask, selectTasksFromLastSelected, toggleTask]
+      [selectTask, selectTasksFromLastSelected, toggleTask, selectedIdsMirror]
     );
     const cutTask = React.useCallback((task) => {
       setCutIdsMirror({
@@ -19515,15 +19514,15 @@
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles$1.loader} ${loading ? "" : styles$1.loaderHidden}` });
   };
   const GanttLoader = React.memo(GanttLoaderInner);
-  const overlay = "_overlay_hyem8_1";
-  const drawer = "_drawer_hyem8_19";
-  const drawer_open = "_drawer_open_hyem8_51";
-  const header = "_header_hyem8_59";
-  const title = "_title_hyem8_77";
-  const closeButton = "_closeButton_hyem8_97";
-  const body = "_body_hyem8_131";
-  const goToTaskBar = "_goToTaskBar_hyem8_145";
-  const goToTaskButton = "_goToTaskButton_hyem8_159";
+  const overlay = "_overlay_1fu4j_1";
+  const drawer = "_drawer_1fu4j_9";
+  const drawer_open = "_drawer_open_1fu4j_43";
+  const header = "_header_1fu4j_51";
+  const title = "_title_1fu4j_69";
+  const closeButton = "_closeButton_1fu4j_89";
+  const body = "_body_1fu4j_123";
+  const goToTaskBar = "_goToTaskBar_1fu4j_137";
+  const goToTaskButton = "_goToTaskButton_1fu4j_151";
   const styles = {
     overlay,
     drawer,
@@ -19542,13 +19541,6 @@
     onGoToTask,
     renderContent
   }) => {
-    const handleOverlayClick = React.useCallback(
-      (e) => {
-        e.stopPropagation();
-        onClose();
-      },
-      [onClose]
-    );
     const title2 = (data == null ? void 0 : data.type) === "task" ? data.task.name : (data == null ? void 0 : data.type) === "arrow" ? `${data.taskFrom.name} → ${data.taskTo.name}` : "";
     const goToTaskIds = [];
     if ((data == null ? void 0 : data.type) === "task") {
@@ -19556,42 +19548,62 @@
     } else if ((data == null ? void 0 : data.type) === "arrow") {
       goToTaskIds.push(data.taskFrom.id, data.taskTo.id);
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      data && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.overlay, onClick: handleOverlayClick }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: `${styles.drawer}${data ? ` ${styles.drawer_open}` : ""}`,
-          style: { width },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.header, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.title, children: title2 }),
-              /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `${styles.drawer}${data ? ` ${styles.drawer_open}` : ""}`,
+        style: { width },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.header, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.title, children: title2 }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: styles.closeButton,
+                onClick: onClose,
+                "aria-label": "Close drawer",
+                type: "button",
+                children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M12 4L4 12M4 4l8 8",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round"
+                  }
+                ) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.body, children: [
+            data && onGoToTask && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.goToTaskBar, children: [
+              data.type === "task" && /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
                 {
-                  className: styles.closeButton,
-                  onClick: onClose,
-                  "aria-label": "Close drawer",
+                  className: styles.goToTaskButton,
+                  onClick: () => onGoToTask(data.task.id),
                   type: "button",
-                  children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "path",
-                    {
-                      d: "M12 4L4 12M4 4l8 8",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round"
-                    }
-                  ) })
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        d: "M2 7h10M8 3l4 4-4 4",
+                        stroke: "currentColor",
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    ) }),
+                    "Go to Task"
+                  ]
                 }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.body, children: [
-              data && onGoToTask && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.goToTaskBar, children: [
-                data.type === "task" && /* @__PURE__ */ jsxRuntime.jsxs(
+              ),
+              data.type === "arrow" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
                   "button",
                   {
                     className: styles.goToTaskButton,
-                    onClick: () => onGoToTask(data.task.id),
+                    onClick: () => onGoToTask(data.taskFrom.id),
                     type: "button",
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -19604,63 +19616,40 @@
                           strokeLinejoin: "round"
                         }
                       ) }),
-                      "Go to Task"
+                      "Go to ",
+                      data.taskFrom.name
                     ]
                   }
                 ),
-                data.type === "arrow" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      className: styles.goToTaskButton,
-                      onClick: () => onGoToTask(data.taskFrom.id),
-                      type: "button",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          "path",
-                          {
-                            d: "M2 7h10M8 3l4 4-4 4",
-                            stroke: "currentColor",
-                            strokeWidth: "1.5",
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round"
-                          }
-                        ) }),
-                        "Go to ",
-                        data.taskFrom.name
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      className: styles.goToTaskButton,
-                      onClick: () => onGoToTask(data.taskTo.id),
-                      type: "button",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          "path",
-                          {
-                            d: "M2 7h10M8 3l4 4-4 4",
-                            stroke: "currentColor",
-                            strokeWidth: "1.5",
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round"
-                          }
-                        ) }),
-                        "Go to ",
-                        data.taskTo.name
-                      ]
-                    }
-                  )
-                ] })
-              ] }),
-              data && renderContent ? renderContent(data) : null
-            ] })
-          ]
-        }
-      )
-    ] });
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    className: styles.goToTaskButton,
+                    onClick: () => onGoToTask(data.taskTo.id),
+                    type: "button",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          d: "M2 7h10M8 3l4 4-4 4",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round"
+                        }
+                      ) }),
+                      "Go to ",
+                      data.taskTo.name
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            data && renderContent ? renderContent(data) : null
+          ] })
+        ]
+      }
+    ) });
   };
   const GanttDrawer = React.memo(GanttDrawerInner);
   const Gantt = (props) => {
@@ -19689,6 +19678,8 @@
       onSelectTaskIds,
       // Invoked when user right-clicks a row in the task list
       onRowContextMenu,
+      onClickTaskRow,
+      onDoubleClickTaskRow,
       onWheel,
       roundEndDate: clientRoundEndDate = defaultRoundEndDate,
       roundStartDate: clientRoundStartDate = defaultRoundStartDate,
@@ -19709,7 +19700,6 @@
       showProgress = true,
       progressColor,
       scrollToTaskId,
-      initialSelectedTaskId,
       drawer: drawerProps
     } = props;
     const ganttSVGRef = React.useRef(null);
@@ -20025,14 +20015,6 @@
       [mapTaskToCoordinates, setScrollXProgrammatically]
     );
     const prevScrollToTaskIdRef = React.useRef(void 0);
-    const prevInitialSelectedTaskIdRef = React.useRef(void 0);
-    React.useEffect(() => {
-      if (!initialSelectedTaskId || initialSelectedTaskId === prevInitialSelectedTaskIdRef.current) {
-        return;
-      }
-      prevInitialSelectedTaskIdRef.current = initialSelectedTaskId;
-      selectTask(initialSelectedTaskId);
-    }, [initialSelectedTaskId, selectTask]);
     React.useEffect(() => {
       if (!scrollToTaskId || scrollToTaskId === prevScrollToTaskIdRef.current) {
         return;
@@ -20869,28 +20851,29 @@
       },
       [enableDrawer, taskBar]
     );
-    const handleTaskListRowClick = React.useCallback(
+    const handleTaskRowClick = React.useCallback(
       (task) => {
-        if (taskList.onClickRow) {
-          taskList.onClickRow(task);
+        if (onClickTaskRow) {
+          onClickTaskRow(task);
         }
       },
-      [taskList]
+      [onClickTaskRow]
     );
-    const handleTaskListRowDoubleClick = React.useCallback(
+    const handleTaskRowDoubleClick = React.useCallback(
       (task) => {
         if (task.type !== "empty") {
-          if (enableDrawer) {
-            setActiveArrowKey(null);
-            setActiveTaskId(task.id);
-            setDrawerData({ type: "task", task });
-          }
+          selectTask(task.id);
         }
-        if (taskList.onDoubleClickRow) {
-          taskList.onDoubleClickRow(task);
+        if (enableDrawer && task.type !== "empty") {
+          setActiveArrowKey(null);
+          setActiveTaskId(task.id);
+          setDrawerData({ type: "task", task });
+        }
+        if (onDoubleClickTaskRow) {
+          onDoubleClickTaskRow(task);
         }
       },
-      [enableDrawer, taskList]
+      [enableDrawer, onDoubleClickTaskRow, selectTask]
     );
     const handleDrawerClose = React.useCallback(() => {
       setDrawerData(null);
@@ -21236,12 +21219,11 @@
         handleMoveTasksInside,
         handleOpenContextMenu: handleOpenContextMenuForRow,
         mapTaskToNestedIndex,
-        onClick: handleTaskListRowClick,
-        onDoubleClick: handleTaskListRowDoubleClick,
+        onClick: handleTaskRowClick,
+        onDoubleClick: handleTaskRowDoubleClick,
         onExpanderClick,
         scrollToBottomStep,
         scrollToTopStep,
-        selectTask,
         selectTaskOnMouseDown,
         selectedIdsMirror,
         scrollToTask,
@@ -21268,14 +21250,13 @@
         handleMoveTaskBefore,
         handleMoveTasksInside,
         handleOpenContextMenuForRow,
-        handleTaskListRowClick,
-        handleTaskListRowDoubleClick,
+        handleTaskRowClick,
+        handleTaskRowDoubleClick,
         mapTaskToNestedIndex,
         onExpanderClick,
         scrollToBottomStep,
         scrollToTask,
         scrollToTopStep,
-        selectTask,
         selectTaskOnMouseDown,
         selectedIdsMirror,
         taskList,

package/dist/style.css

@@ -845,16 +845,11 @@
 ._loaderHidden_covn4_49 {
   display: none;
 }
-._overlay_hyem8_1 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 998;
+._overlay_1fu4j_1 {
+  display: none;
 }
 
-._drawer_hyem8_19 {
+._drawer_1fu4j_9 {
   position: absolute;
   top: 0;
   right: 0;
@@ -868,13 +863,14 @@
   overflow: hidden;
   transform: translateX(100%);
   transition: transform 0.25s ease;
+  pointer-events: auto;
 }
 
-._drawer_open_hyem8_51 {
+._drawer_open_1fu4j_43 {
   transform: translateX(0);
 }
 
-._header_hyem8_59 {
+._header_1fu4j_51 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -883,7 +879,7 @@
   flex-shrink: 0;
 }
 
-._title_hyem8_77 {
+._title_1fu4j_69 {
   font-weight: 600;
   font-size: 14px;
   color: var(--gantt-drawer-title-color, #333);
@@ -893,7 +889,7 @@
   white-space: nowrap;
 }
 
-._closeButton_hyem8_97 {
+._closeButton_1fu4j_89 {
   background: none;
   border: none;
   cursor: pointer;
@@ -906,25 +902,25 @@
   transition: background 0.15s ease;
 }
 
-._closeButton_hyem8_97:hover {
+._closeButton_1fu4j_89:hover {
   background: var(--gantt-drawer-close-hover-bg, #f0f0f0);
 }
 
-._body_hyem8_131 {
+._body_1fu4j_123 {
   flex: 1;
   overflow-y: auto;
   overflow-x: hidden;
   padding: 16px;
 }
 
-._goToTaskBar_hyem8_145 {
+._goToTaskBar_1fu4j_137 {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-bottom: 12px;
 }
 
-._goToTaskButton_hyem8_159 {
+._goToTaskButton_1fu4j_151 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -943,6 +939,6 @@
   transition: background 0.15s ease;
 }
 
-._goToTaskButton_hyem8_159:hover {
+._goToTaskButton_1fu4j_151:hover {
   background: var(--gantt-drawer-go-to-hover-bg, #bbdefb);
 }

package/dist/types/internal-types.d.ts

@@ -187,7 +187,6 @@ export type TaskListTableRowProps = {
     onDoubleClick?: (task: RenderTask) => void;
     onExpanderClick: (task: Task) => void;
     scrollToTask: (task: Task) => void;
-    selectTask: (taskId: string) => void;
     selectTaskOnMouseDown: (taskId: string, event: MouseEvent) => void;
     style?: CSSProperties;
     task: RenderTask;

package/dist/types/public-types.d.ts

@@ -184,16 +184,6 @@ export interface GanttTaskListProps {
      * Render bottom table content
      */
     tableBottom?: TableRenderBottomProps;
-    /**
-     * Invokes on single click on a task list row.
-     * Receives the full task data of the clicked row.
-     */
-    onClickRow?: (task: RenderTask) => void;
-    /**
-     * Invokes on double-click on a task list row.
-     * Receives the full task data of the double-clicked row.
-     */
-    onDoubleClickRow?: (task: RenderTask) => void;
 }
 export interface TableRenderBottomProps {
     height?: number;
@@ -419,10 +409,13 @@ export interface GanttProps {
      */
     scrollToTaskId?: TaskId;
     /**
-     * When set (or changed), the gantt will select this task's row without scrolling.
-     * Useful for restoring selection from external state (e.g. localStorage) on load.
+     * Invokes on single click on a task list row. Receives the task data.
+     */
+    onClickTaskRow?: (task: RenderTask) => void;
+    /**
+     * Invokes on double click on a task list row. Receives the task data.
      */
-    initialSelectedTaskId?: TaskId;
+    onDoubleClickTaskRow?: (task: RenderTask) => void;
     /**
      * Drawer panel options for task/arrow click
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.5.16",
+  "version": "1.5.18",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",