gantt-task-react-v 1.5.25 → 1.5.27

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

@@ -10224,7 +10224,7 @@ const TaskListTableRowInner = forwardRef(
         if (task.type !== "empty") {
           scrollToTask(task);
         }
-        if (event.detail >= 2 && isSelected) {
+        if (event.detail >= 2) {
           return;
         }
         selectTaskOnMouseDown(task.id, event);
@@ -13021,7 +13021,6 @@ const TaskItemInner = (props) => {
     onSelectTaskOnMouseDown,
     onTooltipTask,
     task,
-    isSelected,
     taskHalfHeight,
     taskHeight,
     taskYOffset,
@@ -13151,12 +13150,12 @@ const TaskItemInner = (props) => {
   const onMouseDown = useCallback(
     (event) => {
       event.stopPropagation();
-      if (event.detail >= 2 && isSelected) {
+      if (event.detail >= 2) {
         return;
       }
       onSelectTaskOnMouseDown(task.id, event);
     },
-    [onSelectTaskOnMouseDown, task, isSelected]
+    [onSelectTaskOnMouseDown, task]
   );
   const onMouseEnter = useCallback(
     (event) => {
@@ -19566,12 +19565,12 @@ const GanttDrawerInner = ({
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles.body, children: [
-          data && onGoToTask && /* @__PURE__ */ jsx("div", { className: styles.goToTaskBar, children: data.type === "arrow" && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(
+          data && onGoToTask && /* @__PURE__ */ jsxs("div", { className: styles.goToTaskBar, children: [
+            data.type === "task" && /* @__PURE__ */ jsxs(
               "button",
               {
                 className: styles.goToTaskButton,
-                onClick: () => onGoToTask(data.taskFrom.id),
+                onClick: () => onGoToTask(data.task.id),
                 type: "button",
                 children: [
                   /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
@@ -19584,35 +19583,59 @@ const GanttDrawerInner = ({
                       strokeLinejoin: "round"
                     }
                   ) }),
-                  "Go to ",
-                  data.taskFrom.name
+                  "Go to Task"
                 ]
               }
             ),
-            /* @__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
+            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, onGoToTask ?? (() => {
+          })) : null
         ] })
       ]
     }
@@ -19645,8 +19668,6 @@ 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,
@@ -20834,11 +20855,11 @@ const Gantt = (props) => {
           setDrawerData({ type: "task", task });
         }
       }
-      if (onClickTaskRow) {
-        onClickTaskRow(task);
+      if (taskList.onClickTaskRow) {
+        taskList.onClickTaskRow(task);
       }
     },
-    [enableDrawer, drawerData, onClickTaskRow]
+    [enableDrawer, drawerData, taskList]
   );
   const handleTaskRowDoubleClick = useCallback(
     (task) => {
@@ -20853,11 +20874,11 @@ const Gantt = (props) => {
         setActiveTaskId(task.id);
         setDrawerData({ type: "task", task });
       }
-      if (onDoubleClickTaskRow) {
-        onDoubleClickTaskRow(task);
+      if (taskList.onDoubleClickTaskRow) {
+        taskList.onDoubleClickTaskRow(task);
       }
     },
-    [enableDrawer, drawerData, onDoubleClickTaskRow, selectTask]
+    [enableDrawer, drawerData, taskList, selectTask]
   );
   const handleDrawerClose = useCallback(() => {
     setDrawerData(null);

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

@@ -10241,7 +10241,7 @@
           if (task.type !== "empty") {
             scrollToTask(task);
           }
-          if (event.detail >= 2 && isSelected) {
+          if (event.detail >= 2) {
             return;
           }
           selectTaskOnMouseDown(task.id, event);
@@ -13038,7 +13038,6 @@
       onSelectTaskOnMouseDown,
       onTooltipTask,
       task,
-      isSelected,
       taskHalfHeight,
       taskHeight,
       taskYOffset,
@@ -13168,12 +13167,12 @@
     const onMouseDown = React.useCallback(
       (event) => {
         event.stopPropagation();
-        if (event.detail >= 2 && isSelected) {
+        if (event.detail >= 2) {
           return;
         }
         onSelectTaskOnMouseDown(task.id, event);
       },
-      [onSelectTaskOnMouseDown, task, isSelected]
+      [onSelectTaskOnMouseDown, task]
     );
     const onMouseEnter = React.useCallback(
       (event) => {
@@ -19583,12 +19582,12 @@
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.body, children: [
-            data && onGoToTask && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.goToTaskBar, children: data.type === "arrow" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
+            data && onGoToTask && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.goToTaskBar, children: [
+              data.type === "task" && /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
                 {
                   className: styles.goToTaskButton,
-                  onClick: () => onGoToTask(data.taskFrom.id),
+                  onClick: () => onGoToTask(data.task.id),
                   type: "button",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -19601,35 +19600,59 @@
                         strokeLinejoin: "round"
                       }
                     ) }),
-                    "Go to ",
-                    data.taskFrom.name
+                    "Go to Task"
                   ]
                 }
               ),
-              /* @__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
+              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, onGoToTask ?? (() => {
+            })) : null
           ] })
         ]
       }
@@ -19662,8 +19685,6 @@
       onSelectTaskIds,
       // Invoked when user right-clicks a row in the task list
       onRowContextMenu,
-      onClickTaskRow,
-      onDoubleClickTaskRow,
       onWheel,
       roundEndDate: clientRoundEndDate = defaultRoundEndDate,
       roundStartDate: clientRoundStartDate = defaultRoundStartDate,
@@ -20851,11 +20872,11 @@
             setDrawerData({ type: "task", task });
           }
         }
-        if (onClickTaskRow) {
-          onClickTaskRow(task);
+        if (taskList.onClickTaskRow) {
+          taskList.onClickTaskRow(task);
         }
       },
-      [enableDrawer, drawerData, onClickTaskRow]
+      [enableDrawer, drawerData, taskList]
     );
     const handleTaskRowDoubleClick = React.useCallback(
       (task) => {
@@ -20870,11 +20891,11 @@
           setActiveTaskId(task.id);
           setDrawerData({ type: "task", task });
         }
-        if (onDoubleClickTaskRow) {
-          onDoubleClickTaskRow(task);
+        if (taskList.onDoubleClickTaskRow) {
+          taskList.onDoubleClickTaskRow(task);
         }
       },
-      [enableDrawer, drawerData, onDoubleClickTaskRow, selectTask]
+      [enableDrawer, drawerData, taskList, selectTask]
     );
     const handleDrawerClose = React.useCallback(() => {
       setDrawerData(null);

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

@@ -10,7 +10,7 @@ export type GanttDrawerData = {
     taskFrom: Task;
     taskTo: Task;
 };
-export type RenderDrawerContent = (data: GanttDrawerData) => ReactNode;
+export type RenderDrawerContent = (data: GanttDrawerData, goToTask: (taskId: string) => void) => ReactNode;
 export interface GanttDrawerProps {
     /**
      * Enable the drawer panel on task/arrow click
@@ -184,6 +184,14 @@ export interface GanttTaskListProps {
      * Render bottom table content
      */
     tableBottom?: TableRenderBottomProps;
+    /**
+     * 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.
+     */
+    onDoubleClickTaskRow?: (task: RenderTask) => void;
 }
 export interface TableRenderBottomProps {
     height?: number;
@@ -408,14 +416,6 @@ export interface GanttProps {
      * Set to a task id to scroll both horizontally and vertically to that task.
      */
     scrollToTaskId?: TaskId;
-    /**
-     * 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.
-     */
-    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.25",
+  "version": "1.5.27",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",