gantt-task-react-v 1.1.4 → 1.1.5

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

@@ -10021,10 +10021,10 @@ const TaskListTableRowInner = forwardRef(
     const { id, comparisonLevel = 1 } = task;
     const onRootMouseDown = useCallback(
       (event) => {
+        event.preventDefault();
         if (event.button !== 0) {
           return;
         }
-        event.preventDefault();
         if (task.type !== "empty") {
           scrollToTask(task);
         }
@@ -12783,9 +12783,6 @@ const TaskItemInner = (props) => {
   ]);
   const onMouseDown = useCallback(
     (event) => {
-      if (event.button !== 0) {
-        return;
-      }
       event.stopPropagation();
       onSelectTaskOnMouseDown(task.id, event);
     },
@@ -17976,16 +17973,9 @@ const useContextMenu = (wrapperRef, scrollToTask) => {
       }
       const { top, left } = wrapperNode.getBoundingClientRect();
       setContextMenu({
-        task: null,
-        x: 0,
-        y: 0
-      });
-      requestAnimationFrame(() => {
-        setContextMenu({
-          task,
-          x: clientX - left,
-          y: clientY - top
-        });
+        task,
+        x: clientX - left,
+        y: clientY - top
       });
       if (task.type !== "empty") {
         scrollToTask(task);
@@ -18064,7 +18054,6 @@ function MenuOption(props) {
   );
 }
 function ContextMenu(props) {
-  var _a;
   const {
     checkHasCopyTasks,
     checkHasCutTasks,
@@ -18125,12 +18114,7 @@ function ContextMenu(props) {
     }
   }, [context, task, x, y]);
   const focus = useFocus(context);
-  const dismiss = useDismiss(context, {
-    outsidePress: true,
-    outsidePressEvent: "mousedown",
-    ancestorScroll: true,
-    escapeKey: true
-  });
+  const dismiss = useDismiss(context);
   const role = useRole(context, { role: "tooltip" });
   const { getReferenceProps, getFloatingProps } = useInteractions([
     focus,
@@ -18159,7 +18143,7 @@ function ContextMenu(props) {
         ref: setReference
       }
     ),
-    task && /* @__PURE__ */ jsx(
+    task && /* @__PURE__ */ jsxs(
       "div",
       {
         ref: setFloatingRef,
@@ -18179,24 +18163,29 @@ function ContextMenu(props) {
           zIndex: 10
         },
         ...getFloatingProps(),
-        children: task.type !== "project" ? optionsForRender.map((option, index2) => /* @__PURE__ */ jsx(
-          MenuOption,
-          {
-            onClose: handleCloseContextMenu,
-            distances,
-            handleAction: handleOptionAction,
-            option
-          },
-          index2
-        )) : ((_a = optionsForRender[2]) == null ? void 0 : _a.checkIsAvailable) ? /* @__PURE__ */ jsx(
-          MenuOption,
-          {
-            onClose: handleCloseContextMenu,
-            distances,
-            handleAction: handleOptionAction,
-            option: optionsForRender[2]
-          }
-        ) : null
+        children: [
+          optionsForRender.map((option, index2) => /* @__PURE__ */ jsx(
+            MenuOption,
+            {
+              onClose: handleCloseContextMenu,
+              distances,
+              handleAction: handleOptionAction,
+              option
+            },
+            index2
+          )),
+          optionsForRender.length === 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                padding: "6px 12px",
+                color: "var(--gantt-context-menu-empty-color, #666)",
+                fontSize: "var(--gantt-font-size)"
+              },
+              children: "—"
+            }
+          )
+        ]
       }
     )
   ] });

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

@@ -10038,10 +10038,10 @@
       const { id, comparisonLevel = 1 } = task;
       const onRootMouseDown = React.useCallback(
         (event) => {
+          event.preventDefault();
           if (event.button !== 0) {
             return;
           }
-          event.preventDefault();
           if (task.type !== "empty") {
             scrollToTask(task);
           }
@@ -12800,9 +12800,6 @@
     ]);
     const onMouseDown = React.useCallback(
       (event) => {
-        if (event.button !== 0) {
-          return;
-        }
         event.stopPropagation();
         onSelectTaskOnMouseDown(task.id, event);
       },
@@ -17993,16 +17990,9 @@
         }
         const { top, left } = wrapperNode.getBoundingClientRect();
         setContextMenu({
-          task: null,
-          x: 0,
-          y: 0
-        });
-        requestAnimationFrame(() => {
-          setContextMenu({
-            task,
-            x: clientX - left,
-            y: clientY - top
-          });
+          task,
+          x: clientX - left,
+          y: clientY - top
         });
         if (task.type !== "empty") {
           scrollToTask(task);
@@ -18081,7 +18071,6 @@
     );
   }
   function ContextMenu(props) {
-    var _a;
     const {
       checkHasCopyTasks,
       checkHasCutTasks,
@@ -18142,12 +18131,7 @@
       }
     }, [context, task, x, y]);
     const focus = useFocus(context);
-    const dismiss = useDismiss(context, {
-      outsidePress: true,
-      outsidePressEvent: "mousedown",
-      ancestorScroll: true,
-      escapeKey: true
-    });
+    const dismiss = useDismiss(context);
     const role = useRole(context, { role: "tooltip" });
     const { getReferenceProps, getFloatingProps } = useInteractions([
       focus,
@@ -18176,7 +18160,7 @@
           ref: setReference
         }
       ),
-      task && /* @__PURE__ */ jsxRuntime.jsx(
+      task && /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           ref: setFloatingRef,
@@ -18196,24 +18180,29 @@
             zIndex: 10
           },
           ...getFloatingProps(),
-          children: task.type !== "project" ? optionsForRender.map((option, index2) => /* @__PURE__ */ jsxRuntime.jsx(
-            MenuOption,
-            {
-              onClose: handleCloseContextMenu,
-              distances,
-              handleAction: handleOptionAction,
-              option
-            },
-            index2
-          )) : ((_a = optionsForRender[2]) == null ? void 0 : _a.checkIsAvailable) ? /* @__PURE__ */ jsxRuntime.jsx(
-            MenuOption,
-            {
-              onClose: handleCloseContextMenu,
-              distances,
-              handleAction: handleOptionAction,
-              option: optionsForRender[2]
-            }
-          ) : null
+          children: [
+            optionsForRender.map((option, index2) => /* @__PURE__ */ jsxRuntime.jsx(
+              MenuOption,
+              {
+                onClose: handleCloseContextMenu,
+                distances,
+                handleAction: handleOptionAction,
+                option
+              },
+              index2
+            )),
+            optionsForRender.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                style: {
+                  padding: "6px 12px",
+                  color: "var(--gantt-context-menu-empty-color, #666)",
+                  fontSize: "var(--gantt-font-size)"
+                },
+                children: "—"
+              }
+            )
+          ]
         }
       )
     ] });

package/package.json

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