gantt-task-react-v 1.1.11 → 1.1.13

package/dist/components/context-menu/index.d.ts

@@ -8,8 +8,6 @@ type ContextMenuProps = {
     handleAction: (task: RenderTask, action: (meta: ActionMetaType) => void) => void;
     handleCloseContextMenu: () => void;
     options: ContextMenuOptionType[];
-    /** Optional callback invoked to select the task that opened the context menu (useful for task list) */
-    onSelectTask?: (taskId: string) => void;
     /** Optional boundary element to contain the context menu (like tooltips) */
     boundaryElement?: RefObject<HTMLElement>;
 };

package/dist/components/gantt/use-context-menu.d.ts

@@ -3,5 +3,5 @@ import { ContextMenuType, Task, RenderTask } from "../../types";
 export declare const useContextMenu: (wrapperRef: RefObject<HTMLDivElement>, scrollToTask: (task: Task) => void) => {
     contextMenu: ContextMenuType;
     handleCloseContextMenu: () => void;
-    handleOpenContextMenu: (task: RenderTask, clientX: number, clientY: number) => void;
+    handleOpenContextMenu: (task: RenderTask, clientX: number, clientY: number, options?: readonly unknown[]) => void;
 };

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

@@ -17968,11 +17968,14 @@ const useContextMenu = (wrapperRef, scrollToTask) => {
     y: 0
   });
   const handleOpenContextMenu = useCallback(
-    (task, clientX, clientY) => {
+    (task, clientX, clientY, options) => {
       const wrapperNode = wrapperRef.current;
       if (!wrapperNode) {
         return;
       }
+      if (options && options.length === 0) {
+        return;
+      }
       const { top, left } = wrapperNode.getBoundingClientRect();
       setContextMenu({
         task,
@@ -18089,12 +18092,10 @@ function ContextMenu(props) {
   }, [task, checkHasCopyTasks, checkHasCutTasks, options]);
   const handleOptionAction = useCallback(
     (option) => {
-      var _a2;
       handleCloseContextMenu();
       if (!task) {
         return;
       }
-      (_a2 = props.onSelectTask) == null ? void 0 : _a2.call(props, task.id);
       handleAction(task, option.action);
     },
     [handleAction, handleCloseContextMenu, task]
@@ -19116,19 +19117,6 @@ const Gantt = (props) => {
     [mapTaskToCoordinates, setScrollXProgrammatically]
   );
   const { contextMenu, handleCloseContextMenu, handleOpenContextMenu } = useContextMenu(wrapperRef, scrollToTask);
-  const handleOpenContextMenuForRow = useCallback(
-    (task, clientX, clientY) => {
-      try {
-        if (onRowContextMenu && task) {
-          onRowContextMenu(task);
-        }
-      } catch (err) {
-        console.error(err);
-      }
-      handleOpenContextMenu(task, clientX, clientY);
-    },
-    [onRowContextMenu, handleOpenContextMenu]
-  );
   const [ganttContextMenu, setGanttContextMenu] = useState({
     task: null,
     x: 0,
@@ -19945,6 +19933,22 @@ const Gantt = (props) => {
       createDeleteOption(locale)
     ];
   }, [taskList.contextMenuOptions, locale]);
+  const handleOpenContextMenuForRow = useCallback(
+    (task, clientX, clientY) => {
+      try {
+        if (onRowContextMenu && task) {
+          onRowContextMenu(task);
+        }
+      } catch (err) {
+        console.error(err);
+      }
+      if (task && task.type !== "empty") {
+        selectTask(task.id);
+      }
+      handleOpenContextMenu(task, clientX, clientY, contextMenuOptions);
+    },
+    [onRowContextMenu, handleOpenContextMenu, selectTask, contextMenuOptions]
+  );
   const ganttContextMenuOptions = useMemo(() => {
     if (taskBar.taskGanttContextMenuOption) {
       return taskBar.taskGanttContextMenuOption;
@@ -20255,7 +20259,7 @@ const Gantt = (props) => {
             verticalScrollbarRef
           }
         ),
-        taskList.enableTableListContextMenu && !waitCommitTasks && /* @__PURE__ */ jsx(
+        taskList.enableTableListContextMenu && !waitCommitTasks && contextMenuOptions.length > 0 && /* @__PURE__ */ jsx(
           ContextMenu,
           {
             checkHasCopyTasks,
@@ -20264,7 +20268,6 @@ const Gantt = (props) => {
             distances,
             handleAction,
             handleCloseContextMenu,
-            onSelectTask: selectTask,
             options: contextMenuOptions,
             boundaryElement: taskListHorizontalScrollRef
           }

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

@@ -17985,11 +17985,14 @@
       y: 0
     });
     const handleOpenContextMenu = React.useCallback(
-      (task, clientX, clientY) => {
+      (task, clientX, clientY, options) => {
         const wrapperNode = wrapperRef.current;
         if (!wrapperNode) {
           return;
         }
+        if (options && options.length === 0) {
+          return;
+        }
         const { top, left } = wrapperNode.getBoundingClientRect();
         setContextMenu({
           task,
@@ -18106,12 +18109,10 @@
     }, [task, checkHasCopyTasks, checkHasCutTasks, options]);
     const handleOptionAction = React.useCallback(
       (option) => {
-        var _a2;
         handleCloseContextMenu();
         if (!task) {
           return;
         }
-        (_a2 = props.onSelectTask) == null ? void 0 : _a2.call(props, task.id);
         handleAction(task, option.action);
       },
       [handleAction, handleCloseContextMenu, task]
@@ -19133,19 +19134,6 @@
       [mapTaskToCoordinates, setScrollXProgrammatically]
     );
     const { contextMenu, handleCloseContextMenu, handleOpenContextMenu } = useContextMenu(wrapperRef, scrollToTask);
-    const handleOpenContextMenuForRow = React.useCallback(
-      (task, clientX, clientY) => {
-        try {
-          if (onRowContextMenu && task) {
-            onRowContextMenu(task);
-          }
-        } catch (err) {
-          console.error(err);
-        }
-        handleOpenContextMenu(task, clientX, clientY);
-      },
-      [onRowContextMenu, handleOpenContextMenu]
-    );
     const [ganttContextMenu, setGanttContextMenu] = React.useState({
       task: null,
       x: 0,
@@ -19962,6 +19950,22 @@
         createDeleteOption(locale)
       ];
     }, [taskList.contextMenuOptions, locale]);
+    const handleOpenContextMenuForRow = React.useCallback(
+      (task, clientX, clientY) => {
+        try {
+          if (onRowContextMenu && task) {
+            onRowContextMenu(task);
+          }
+        } catch (err) {
+          console.error(err);
+        }
+        if (task && task.type !== "empty") {
+          selectTask(task.id);
+        }
+        handleOpenContextMenu(task, clientX, clientY, contextMenuOptions);
+      },
+      [onRowContextMenu, handleOpenContextMenu, selectTask, contextMenuOptions]
+    );
     const ganttContextMenuOptions = React.useMemo(() => {
       if (taskBar.taskGanttContextMenuOption) {
         return taskBar.taskGanttContextMenuOption;
@@ -20272,7 +20276,7 @@
               verticalScrollbarRef
             }
           ),
-          taskList.enableTableListContextMenu && !waitCommitTasks && /* @__PURE__ */ jsxRuntime.jsx(
+          taskList.enableTableListContextMenu && !waitCommitTasks && contextMenuOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             ContextMenu,
             {
               checkHasCopyTasks,
@@ -20281,7 +20285,6 @@
               distances,
               handleAction,
               handleCloseContextMenu,
-              onSelectTask: selectTask,
               options: contextMenuOptions,
               boundaryElement: taskListHorizontalScrollRef
             }

package/package.json

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