gantt-task-react-v 1.1.3 → 1.1.4

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,6 +12783,9 @@ const TaskItemInner = (props) => {
   ]);
   const onMouseDown = useCallback(
     (event) => {
+      if (event.button !== 0) {
+        return;
+      }
       event.stopPropagation();
       onSelectTaskOnMouseDown(task.id, event);
     },
@@ -17732,9 +17735,13 @@ const useSelection = (taskToRowIndexMap, rowIndexToTaskMap, checkTaskIdExists, o
         toggleTask(taskId);
         return;
       }
-      selectTask(taskId);
+      if (selectedIdsMirror[taskId]) {
+        toggleTask(taskId);
+      } else {
+        selectTask(taskId);
+      }
     },
-    [selectTask, selectTasksFromLastSelected, toggleTask]
+    [selectTask, selectTasksFromLastSelected, toggleTask, selectedIdsMirror]
   );
   const cutTask = useCallback((task) => {
     setCutIdsMirror({
@@ -17764,7 +17771,9 @@ const useSelection = (taskToRowIndexMap, rowIndexToTaskMap, checkTaskIdExists, o
   );
   useEffect(() => {
     if (onSelectTaskIds) {
-      const selectedTaskIds = Object.keys(selectedIdsMirror).filter((x) => selectedIdsMirror[x]);
+      const selectedTaskIds = Object.keys(selectedIdsMirror).filter(
+        (x) => selectedIdsMirror[x]
+      );
       onSelectTaskIds(selectedTaskIds);
     }
   }, [onSelectTaskIds, selectedIdsMirror]);
@@ -17967,9 +17976,16 @@ const useContextMenu = (wrapperRef, scrollToTask) => {
       }
       const { top, left } = wrapperNode.getBoundingClientRect();
       setContextMenu({
-        task,
-        x: clientX - left,
-        y: clientY - top
+        task: null,
+        x: 0,
+        y: 0
+      });
+      requestAnimationFrame(() => {
+        setContextMenu({
+          task,
+          x: clientX - left,
+          y: clientY - top
+        });
       });
       if (task.type !== "empty") {
         scrollToTask(task);
@@ -18109,7 +18125,12 @@ function ContextMenu(props) {
     }
   }, [context, task, x, y]);
   const focus = useFocus(context);
-  const dismiss = useDismiss(context);
+  const dismiss = useDismiss(context, {
+    outsidePress: true,
+    outsidePressEvent: "mousedown",
+    ancestorScroll: true,
+    escapeKey: true
+  });
   const role = useRole(context, { role: "tooltip" });
   const { getReferenceProps, getFloatingProps } = useInteractions([
     focus,

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,6 +12800,9 @@
     ]);
     const onMouseDown = React.useCallback(
       (event) => {
+        if (event.button !== 0) {
+          return;
+        }
         event.stopPropagation();
         onSelectTaskOnMouseDown(task.id, event);
       },
@@ -17749,9 +17752,13 @@
           toggleTask(taskId);
           return;
         }
-        selectTask(taskId);
+        if (selectedIdsMirror[taskId]) {
+          toggleTask(taskId);
+        } else {
+          selectTask(taskId);
+        }
       },
-      [selectTask, selectTasksFromLastSelected, toggleTask]
+      [selectTask, selectTasksFromLastSelected, toggleTask, selectedIdsMirror]
     );
     const cutTask = React.useCallback((task) => {
       setCutIdsMirror({
@@ -17781,7 +17788,9 @@
     );
     React.useEffect(() => {
       if (onSelectTaskIds) {
-        const selectedTaskIds = Object.keys(selectedIdsMirror).filter((x) => selectedIdsMirror[x]);
+        const selectedTaskIds = Object.keys(selectedIdsMirror).filter(
+          (x) => selectedIdsMirror[x]
+        );
         onSelectTaskIds(selectedTaskIds);
       }
     }, [onSelectTaskIds, selectedIdsMirror]);
@@ -17984,9 +17993,16 @@
         }
         const { top, left } = wrapperNode.getBoundingClientRect();
         setContextMenu({
-          task,
-          x: clientX - left,
-          y: clientY - top
+          task: null,
+          x: 0,
+          y: 0
+        });
+        requestAnimationFrame(() => {
+          setContextMenu({
+            task,
+            x: clientX - left,
+            y: clientY - top
+          });
         });
         if (task.type !== "empty") {
           scrollToTask(task);
@@ -18126,7 +18142,12 @@
       }
     }, [context, task, x, y]);
     const focus = useFocus(context);
-    const dismiss = useDismiss(context);
+    const dismiss = useDismiss(context, {
+      outsidePress: true,
+      outsidePressEvent: "mousedown",
+      ancestorScroll: true,
+      escapeKey: true
+    });
     const role = useRole(context, { role: "tooltip" });
     const { getReferenceProps, getFloatingProps } = useInteractions([
       focus,

package/package.json

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