gantt-task-react-v 1.1.7 → 1.1.9

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

@@ -17998,9 +17998,9 @@ const useContextMenu = (wrapperRef, scrollToTask) => {
     handleOpenContextMenu
   };
 };
-const menuOption = "_menuOption_1ulvi_3";
-const icon = "_icon_1ulvi_55";
-const label = "_label_1ulvi_63";
+const menuOption = "_menuOption_1frh4_3";
+const icon = "_icon_1frh4_79";
+const label = "_label_1frh4_87";
 const styles$1 = {
   menuOption,
   icon,
@@ -18016,20 +18016,25 @@ function MenuOption(props) {
     },
     handleAction,
     option,
-    option: { icon: icon2, label: label2 }
+    option: { icon: icon2, label: label2, disabled }
   } = props;
   const onClick = useCallback(
     (e) => {
       e.preventDefault();
+      if (disabled) {
+        return;
+      }
       handleAction(option);
-      onClose();
+      onClose == null ? void 0 : onClose();
     },
-    [onClose, handleAction, option]
+    [onClose, handleAction, option, disabled]
   );
   return /* @__PURE__ */ jsxs(
     "button",
     {
       className: styles$1.menuOption,
+      "aria-disabled": disabled,
+      disabled,
       style: {
         height: contextMenuOptionHeight,
         paddingLeft: contextMenuSidePadding,
@@ -18045,7 +18050,7 @@ function MenuOption(props) {
             style: {
               width: contextMenuIconWidth,
               color: "var(--gantt-context-menu-text-color)",
-              opacity: 0.5
+              opacity: disabled ? 0.3 : 0.5
             },
             children: icon2
           }
@@ -18780,6 +18785,8 @@ const Gantt = (props) => {
     onAddTaskAction,
     onEditTaskAction,
     onSelectTaskIds,
+    // Invoked when user right-clicks a row in the task list
+    onRowContextMenu,
     onWheel,
     roundEndDate: clientRoundEndDate = defaultRoundEndDate,
     roundStartDate: clientRoundStartDate = defaultRoundStartDate,
@@ -19106,6 +19113,19 @@ const Gantt = (props) => {
     [mapTaskToCoordinates, setScrollXProgrammatically]
   );
   const { contextMenu, handleCloseContextMenu, handleOpenContextMenu } = useContextMenu(wrapperRef, scrollToTask);
+  const handleOpenContextMenuForRow = useCallback(
+    (task, clientX, clientY) => {
+      try {
+        if (onRowContextMenu && task && task.id) {
+          onRowContextMenu(task.id);
+        }
+      } catch (err) {
+        console.error(err);
+      }
+      handleOpenContextMenu(task, clientX, clientY);
+    },
+    [onRowContextMenu, handleOpenContextMenu]
+  );
   const [ganttContextMenu, setGanttContextMenu] = useState({
     task: null,
     x: 0,
@@ -20127,7 +20147,7 @@ const Gantt = (props) => {
       handleMoveTaskBefore,
       handleMoveTaskAfter,
       handleMoveTasksInside,
-      handleOpenContextMenu,
+      handleOpenContextMenu: handleOpenContextMenuForRow,
       mapTaskToNestedIndex,
       onExpanderClick,
       scrollToBottomStep,
@@ -20157,7 +20177,7 @@ const Gantt = (props) => {
       handleMoveTaskAfter,
       handleMoveTaskBefore,
       handleMoveTasksInside,
-      handleOpenContextMenu,
+      handleOpenContextMenuForRow,
       mapTaskToNestedIndex,
       onExpanderClick,
       scrollToBottomStep,

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

@@ -18015,9 +18015,9 @@
       handleOpenContextMenu
     };
   };
-  const menuOption = "_menuOption_1ulvi_3";
-  const icon = "_icon_1ulvi_55";
-  const label = "_label_1ulvi_63";
+  const menuOption = "_menuOption_1frh4_3";
+  const icon = "_icon_1frh4_79";
+  const label = "_label_1frh4_87";
   const styles$1 = {
     menuOption,
     icon,
@@ -18033,20 +18033,25 @@
       },
       handleAction,
       option,
-      option: { icon: icon2, label: label2 }
+      option: { icon: icon2, label: label2, disabled }
     } = props;
     const onClick = React.useCallback(
       (e) => {
         e.preventDefault();
+        if (disabled) {
+          return;
+        }
         handleAction(option);
-        onClose();
+        onClose == null ? void 0 : onClose();
       },
-      [onClose, handleAction, option]
+      [onClose, handleAction, option, disabled]
     );
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         className: styles$1.menuOption,
+        "aria-disabled": disabled,
+        disabled,
         style: {
           height: contextMenuOptionHeight,
           paddingLeft: contextMenuSidePadding,
@@ -18062,7 +18067,7 @@
               style: {
                 width: contextMenuIconWidth,
                 color: "var(--gantt-context-menu-text-color)",
-                opacity: 0.5
+                opacity: disabled ? 0.3 : 0.5
               },
               children: icon2
             }
@@ -18797,6 +18802,8 @@
       onAddTaskAction,
       onEditTaskAction,
       onSelectTaskIds,
+      // Invoked when user right-clicks a row in the task list
+      onRowContextMenu,
       onWheel,
       roundEndDate: clientRoundEndDate = defaultRoundEndDate,
       roundStartDate: clientRoundStartDate = defaultRoundStartDate,
@@ -19123,6 +19130,19 @@
       [mapTaskToCoordinates, setScrollXProgrammatically]
     );
     const { contextMenu, handleCloseContextMenu, handleOpenContextMenu } = useContextMenu(wrapperRef, scrollToTask);
+    const handleOpenContextMenuForRow = React.useCallback(
+      (task, clientX, clientY) => {
+        try {
+          if (onRowContextMenu && task && task.id) {
+            onRowContextMenu(task.id);
+          }
+        } catch (err) {
+          console.error(err);
+        }
+        handleOpenContextMenu(task, clientX, clientY);
+      },
+      [onRowContextMenu, handleOpenContextMenu]
+    );
     const [ganttContextMenu, setGanttContextMenu] = React.useState({
       task: null,
       x: 0,
@@ -20144,7 +20164,7 @@
         handleMoveTaskBefore,
         handleMoveTaskAfter,
         handleMoveTasksInside,
-        handleOpenContextMenu,
+        handleOpenContextMenu: handleOpenContextMenuForRow,
         mapTaskToNestedIndex,
         onExpanderClick,
         scrollToBottomStep,
@@ -20174,7 +20194,7 @@
         handleMoveTaskAfter,
         handleMoveTaskBefore,
         handleMoveTasksInside,
-        handleOpenContextMenu,
+        handleOpenContextMenuForRow,
         mapTaskToNestedIndex,
         onExpanderClick,
         scrollToBottomStep,

package/dist/style.css

@@ -636,7 +636,7 @@
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/
-._menuOption_1ulvi_3 {
+._menuOption_1frh4_3 {
   display: flex;
   align-items: center;
   text-align: left;
@@ -653,20 +653,32 @@
   fill: var(--gantt-table-action-color);
 }
 
-._menuOption_1ulvi_3 svg {
+._menuOption_1frh4_3 svg {
   width: 20px;
   height: 20px;
 }
 
-._menuOption_1ulvi_3:hover {
+._menuOption_1frh4_3:hover {
   background-color: #eeeeee;
 }
 
-._icon_1ulvi_55 {
+._menuOption_1frh4_3[aria-disabled="true"],
+._menuOption_1frh4_3:disabled {
+  opacity: 0.6;
+  cursor: default;
+  background-color: transparent;
+}
+
+._menuOption_1frh4_3[aria-disabled="true"]:hover,
+._menuOption_1frh4_3:disabled:hover {
+  background-color: transparent;
+}
+
+._icon_1frh4_79 {
   font-size: inherit;
 }
 
-._label_1ulvi_63 {
+._label_1frh4_87 {
   flex: 1;
 }
 /* HTML: <div class="loader"></div> */

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

@@ -308,6 +308,10 @@ export interface GanttProps {
      * @param wheelEvent
      */
     onWheel?: (wheelEvent: WheelEvent) => void;
+    /**
+     * Invokes when user right-clicks a row in the task list. Receives the `task.id` of the clicked row.
+     */
+    onRowContextMenu?: (taskId: string) => void;
     /**
      * Recount descedents of a group task when moving
      */
@@ -570,6 +574,10 @@ export type ContextMenuOptionType = {
      * @param meta Metadata for checking
      */
     checkIsAvailable?: (meta: CheckIsAvailableMetaType) => void;
+    /**
+     * Optional flag to render the option as disabled (not clickable)
+     */
+    disabled?: boolean;
     label: ReactNode;
     icon?: ReactNode;
 };

package/package.json

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