gantt-task-react-v 1.5.1 → 1.5.3

package/dist/components/task-list/index.d.ts

@@ -29,6 +29,7 @@ export type TaskListProps = {
     isShowTaskNumbers?: boolean;
     mapTaskToNestedIndex: MapTaskToNestedIndex;
     onClick?: (task: RenderTask) => void;
+    onDoubleClick?: (task: RenderTask) => void;
     onExpanderClick: (task: Task) => void;
     scrollToBottomStep: () => void;
     scrollToTask: (task: Task) => void;

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

@@ -10204,6 +10204,7 @@ const TaskListTableRowInner = forwardRef(
       isDragging,
       isShowTaskNumbers,
       onClick,
+      onDoubleClick,
       onExpanderClick,
       scrollToTask,
       selectTaskOnMouseDown,
@@ -10230,6 +10231,11 @@ const TaskListTableRowInner = forwardRef(
       },
       [onClick, scrollToTask, selectTaskOnMouseDown, task]
     );
+    const onRootDoubleClick = useCallback(() => {
+      if (onDoubleClick && task.type !== "empty") {
+        onDoubleClick(task);
+      }
+    }, [onDoubleClick, task]);
     const onContextMenu = useCallback(
       (event) => {
         event.preventDefault();
@@ -10346,6 +10352,7 @@ const TaskListTableRowInner = forwardRef(
         ref,
         className: rowClassName,
         onMouseDown: onRootMouseDown,
+        onDoubleClick: onRootDoubleClick,
         style: {
           height: fullRowHeight,
           backgroundColor,
@@ -10919,6 +10926,7 @@ const TaskListInner = ({
   mapTaskToNestedIndex,
   onExpanderClick,
   onClick,
+  onDoubleClick,
   scrollToTask,
   selectTaskOnMouseDown,
   selectedIdsMirror,
@@ -10986,6 +10994,7 @@ const TaskListInner = ({
         isSelected: selectedIdsMirror[id],
         isShowTaskNumbers,
         onClick,
+        onDoubleClick,
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
@@ -11010,6 +11019,7 @@ const TaskListInner = ({
       isShowTaskNumbers,
       mapTaskToNestedIndex,
       onClick,
+      onDoubleClick,
       onExpanderClick,
       scrollToTask,
       selectTaskOnMouseDown,
@@ -20803,18 +20813,37 @@ const Gantt = (props) => {
     [enableDrawer, taskBar]
   );
   const handleTaskClick = useCallback(
-    (task, _event) => {
+    (task) => {
+      selectTask(task.id);
+      if (taskBar.onClick) {
+        taskBar.onClick(task);
+      }
+    },
+    [selectTask, taskBar]
+  );
+  const handleTaskDoubleClick = useCallback(
+    (task) => {
       if (enableDrawer) {
         setActiveArrowKey(null);
         setActiveTaskId(task.id);
         setDrawerData({ type: "task", task });
       }
-      if (taskBar.onClick) {
-        taskBar.onClick(task);
+      if (taskBar.onDoubleClick) {
+        taskBar.onDoubleClick(task);
       }
     },
     [enableDrawer, taskBar]
   );
+  const handleTaskListRowDoubleClick = useCallback(
+    (task) => {
+      if (enableDrawer && task.type !== "empty") {
+        setActiveArrowKey(null);
+        setActiveTaskId(task.id);
+        setDrawerData({ type: "task", task });
+      }
+    },
+    [enableDrawer]
+  );
   const handleDrawerClose = useCallback(() => {
     setDrawerData(null);
     setActiveArrowKey(null);
@@ -21050,6 +21079,7 @@ const Gantt = (props) => {
     () => ({
       ...taskBar,
       onClick: enableDrawer ? handleTaskClick : taskBar.onClick,
+      onDoubleClick: enableDrawer ? handleTaskDoubleClick : taskBar.onDoubleClick,
       taskBarMovingAction: (task) => {
         var _a2;
         return task.id === ((_a2 = changeInProgress == null ? void 0 : changeInProgress.changedTask) == null ? void 0 : _a2.id) ? changeInProgress.action : null;
@@ -21121,6 +21151,7 @@ const Gantt = (props) => {
       activeTaskId,
       enableDrawer,
       handleTaskClick,
+      handleTaskDoubleClick,
       renderedRowIndexes,
       rtl,
       selectTaskOnMouseDown,
@@ -21158,6 +21189,7 @@ const Gantt = (props) => {
       handleMoveTasksInside,
       handleOpenContextMenu: handleOpenContextMenuForRow,
       mapTaskToNestedIndex,
+      onDoubleClick: handleTaskListRowDoubleClick,
       onExpanderClick,
       scrollToBottomStep,
       scrollToTopStep,
@@ -21187,6 +21219,7 @@ const Gantt = (props) => {
       handleMoveTaskBefore,
       handleMoveTasksInside,
       handleOpenContextMenuForRow,
+      handleTaskListRowDoubleClick,
       mapTaskToNestedIndex,
       onExpanderClick,
       scrollToBottomStep,

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

@@ -10221,6 +10221,7 @@
         isDragging,
         isShowTaskNumbers,
         onClick,
+        onDoubleClick,
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
@@ -10247,6 +10248,11 @@
         },
         [onClick, scrollToTask, selectTaskOnMouseDown, task]
       );
+      const onRootDoubleClick = React.useCallback(() => {
+        if (onDoubleClick && task.type !== "empty") {
+          onDoubleClick(task);
+        }
+      }, [onDoubleClick, task]);
       const onContextMenu = React.useCallback(
         (event) => {
           event.preventDefault();
@@ -10363,6 +10369,7 @@
           ref,
           className: rowClassName,
           onMouseDown: onRootMouseDown,
+          onDoubleClick: onRootDoubleClick,
           style: {
             height: fullRowHeight,
             backgroundColor,
@@ -10936,6 +10943,7 @@
     mapTaskToNestedIndex,
     onExpanderClick,
     onClick,
+    onDoubleClick,
     scrollToTask,
     selectTaskOnMouseDown,
     selectedIdsMirror,
@@ -11003,6 +11011,7 @@
           isSelected: selectedIdsMirror[id],
           isShowTaskNumbers,
           onClick,
+          onDoubleClick,
           onExpanderClick,
           scrollToTask,
           selectTaskOnMouseDown,
@@ -11027,6 +11036,7 @@
         isShowTaskNumbers,
         mapTaskToNestedIndex,
         onClick,
+        onDoubleClick,
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
@@ -20820,18 +20830,37 @@
       [enableDrawer, taskBar]
     );
     const handleTaskClick = React.useCallback(
-      (task, _event) => {
+      (task) => {
+        selectTask(task.id);
+        if (taskBar.onClick) {
+          taskBar.onClick(task);
+        }
+      },
+      [selectTask, taskBar]
+    );
+    const handleTaskDoubleClick = React.useCallback(
+      (task) => {
         if (enableDrawer) {
           setActiveArrowKey(null);
           setActiveTaskId(task.id);
           setDrawerData({ type: "task", task });
         }
-        if (taskBar.onClick) {
-          taskBar.onClick(task);
+        if (taskBar.onDoubleClick) {
+          taskBar.onDoubleClick(task);
         }
       },
       [enableDrawer, taskBar]
     );
+    const handleTaskListRowDoubleClick = React.useCallback(
+      (task) => {
+        if (enableDrawer && task.type !== "empty") {
+          setActiveArrowKey(null);
+          setActiveTaskId(task.id);
+          setDrawerData({ type: "task", task });
+        }
+      },
+      [enableDrawer]
+    );
     const handleDrawerClose = React.useCallback(() => {
       setDrawerData(null);
       setActiveArrowKey(null);
@@ -21067,6 +21096,7 @@
       () => ({
         ...taskBar,
         onClick: enableDrawer ? handleTaskClick : taskBar.onClick,
+        onDoubleClick: enableDrawer ? handleTaskDoubleClick : taskBar.onDoubleClick,
         taskBarMovingAction: (task) => {
           var _a2;
           return task.id === ((_a2 = changeInProgress == null ? void 0 : changeInProgress.changedTask) == null ? void 0 : _a2.id) ? changeInProgress.action : null;
@@ -21138,6 +21168,7 @@
         activeTaskId,
         enableDrawer,
         handleTaskClick,
+        handleTaskDoubleClick,
         renderedRowIndexes,
         rtl,
         selectTaskOnMouseDown,
@@ -21175,6 +21206,7 @@
         handleMoveTasksInside,
         handleOpenContextMenu: handleOpenContextMenuForRow,
         mapTaskToNestedIndex,
+        onDoubleClick: handleTaskListRowDoubleClick,
         onExpanderClick,
         scrollToBottomStep,
         scrollToTopStep,
@@ -21204,6 +21236,7 @@
         handleMoveTaskBefore,
         handleMoveTasksInside,
         handleOpenContextMenuForRow,
+        handleTaskListRowDoubleClick,
         mapTaskToNestedIndex,
         onExpanderClick,
         scrollToBottomStep,

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

@@ -184,6 +184,7 @@ export type TaskListTableRowProps = {
     isSelected: boolean;
     isShowTaskNumbers: boolean;
     onClick: (task: RenderTask) => void;
+    onDoubleClick?: (task: RenderTask) => void;
     onExpanderClick: (task: Task) => void;
     scrollToTask: (task: Task) => void;
     selectTaskOnMouseDown: (taskId: string, event: MouseEvent) => void;

package/package.json

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