npm - gantt-task-react-v - Versions diffs - 1.5.25 → 1.5.27 - Mend

gantt-task-react-v 1.5.25 → 1.5.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/gantt-task-react.es.js +62 -41
package/dist/gantt-task-react.umd.js +62 -41
package/dist/types/public-types.d.ts +9 -9
package/package.json +1 -1

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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",