gantt-task-react-v 1.6.5 → 1.6.7

package/dist/components/gantt/use-selection.d.ts

@@ -14,5 +14,6 @@ export declare const useSelection: (taskToRowIndexMap: TaskToRowIndexMap, rowInd
     selectTaskOnMouseDown: (taskId: string, event: MouseEvent) => void;
     selectTasksFromLastSelected: (taskId: string) => void;
     selectedIdsMirror: Readonly<Record<string, true>>;
+    selectedIdsRef: import("react").MutableRefObject<Readonly<Record<string, true>>>;
     toggleTask: (taskId?: string | null, singleMode?: boolean) => void;
 };

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

@@ -18289,12 +18289,13 @@ const useSelection = (taskToRowIndexMap, rowIndexToTaskMap, checkTaskIdExists, o
   const [cutIdsMirror, setCutIdsMirror] = useState(initialValue);
   const [copyIdsMirror, setCopyIdsMirror] = useState(initialValue);
   const [selectedIdsMirror, setSelectedIdsMirror] = useState(initialValue);
+  const selectedIdsRef = useRef(initialValue);
   const lastSelectedIdRef = useRef(null);
   const selectTask = useCallback((taskId) => {
     setCutIdsMirror(initialValue);
-    setSelectedIdsMirror({
-      [taskId]: true
-    });
+    const next = { [taskId]: true };
+    setSelectedIdsMirror(next);
+    selectedIdsRef.current = next;
     lastSelectedIdRef.current = taskId;
   }, []);
   const toggleTask = useCallback(
@@ -18302,24 +18303,28 @@ const useSelection = (taskToRowIndexMap, rowIndexToTaskMap, checkTaskIdExists, o
       setCutIdsMirror(initialValue);
       setSelectedIdsMirror((prevValue) => {
         if (!taskId) {
+          selectedIdsRef.current = {};
           return {};
         }
         if (singleMode) {
-          return {
-            [taskId]: true
-          };
+          const next2 = { [taskId]: true };
+          selectedIdsRef.current = next2;
+          return next2;
         }
         if (prevValue[taskId]) {
           const nextValue = {
             ...prevValue
           };
           delete nextValue[taskId];
+          selectedIdsRef.current = nextValue;
           return nextValue;
         }
-        return {
+        const next = {
           ...prevValue,
           [taskId]: true
         };
+        selectedIdsRef.current = next;
+        return next;
       });
       lastSelectedIdRef.current = taskId;
     },
@@ -18444,6 +18449,7 @@ const useSelection = (taskToRowIndexMap, rowIndexToTaskMap, checkTaskIdExists, o
     selectTaskOnMouseDown,
     selectTasksFromLastSelected,
     selectedIdsMirror,
+    selectedIdsRef,
     toggleTask
   };
 };
@@ -19989,7 +19995,8 @@ const Gantt = (props) => {
     resetSelectedTasks,
     selectTask,
     selectTaskOnMouseDown,
-    selectedIdsMirror
+    selectedIdsMirror,
+    selectedIdsRef
   } = useSelection(
     taskToRowIndexMap,
     rowIndexToTaskMap,
@@ -20916,13 +20923,18 @@ const Gantt = (props) => {
         }
         return;
       }
-      setActiveArrowKey(null);
-      setActiveTaskId(task.id);
+      if (selectedIdsRef.current[task.id]) {
+        setActiveArrowKey(null);
+        setActiveTaskId(task.id);
+      } else {
+        setActiveArrowKey(null);
+        setActiveTaskId(null);
+      }
       if (taskBar.onClick) {
         taskBar.onClick(task);
       }
     },
-    [enableDrawer, drawerData, selectTask, taskBar]
+    [enableDrawer, drawerData, selectTask, selectedIdsRef, taskBar]
   );
   const handleTaskDoubleClick = useCallback(
     (task) => {

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

@@ -18306,12 +18306,13 @@
     const [cutIdsMirror, setCutIdsMirror] = React.useState(initialValue);
     const [copyIdsMirror, setCopyIdsMirror] = React.useState(initialValue);
     const [selectedIdsMirror, setSelectedIdsMirror] = React.useState(initialValue);
+    const selectedIdsRef = React.useRef(initialValue);
     const lastSelectedIdRef = React.useRef(null);
     const selectTask = React.useCallback((taskId) => {
       setCutIdsMirror(initialValue);
-      setSelectedIdsMirror({
-        [taskId]: true
-      });
+      const next = { [taskId]: true };
+      setSelectedIdsMirror(next);
+      selectedIdsRef.current = next;
       lastSelectedIdRef.current = taskId;
     }, []);
     const toggleTask = React.useCallback(
@@ -18319,24 +18320,28 @@
         setCutIdsMirror(initialValue);
         setSelectedIdsMirror((prevValue) => {
           if (!taskId) {
+            selectedIdsRef.current = {};
             return {};
           }
           if (singleMode) {
-            return {
-              [taskId]: true
-            };
+            const next2 = { [taskId]: true };
+            selectedIdsRef.current = next2;
+            return next2;
           }
           if (prevValue[taskId]) {
             const nextValue = {
               ...prevValue
             };
             delete nextValue[taskId];
+            selectedIdsRef.current = nextValue;
             return nextValue;
           }
-          return {
+          const next = {
             ...prevValue,
             [taskId]: true
           };
+          selectedIdsRef.current = next;
+          return next;
         });
         lastSelectedIdRef.current = taskId;
       },
@@ -18461,6 +18466,7 @@
       selectTaskOnMouseDown,
       selectTasksFromLastSelected,
       selectedIdsMirror,
+      selectedIdsRef,
       toggleTask
     };
   };
@@ -20006,7 +20012,8 @@
       resetSelectedTasks,
       selectTask,
       selectTaskOnMouseDown,
-      selectedIdsMirror
+      selectedIdsMirror,
+      selectedIdsRef
     } = useSelection(
       taskToRowIndexMap,
       rowIndexToTaskMap,
@@ -20933,13 +20940,18 @@
           }
           return;
         }
-        setActiveArrowKey(null);
-        setActiveTaskId(task.id);
+        if (selectedIdsRef.current[task.id]) {
+          setActiveArrowKey(null);
+          setActiveTaskId(task.id);
+        } else {
+          setActiveArrowKey(null);
+          setActiveTaskId(null);
+        }
         if (taskBar.onClick) {
           taskBar.onClick(task);
         }
       },
-      [enableDrawer, drawerData, selectTask, taskBar]
+      [enableDrawer, drawerData, selectTask, selectedIdsRef, taskBar]
     );
     const handleTaskDoubleClick = React.useCallback(
       (task) => {

package/package.json

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