gantt-task-react-v 1.5.10 → 1.5.12

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,
@@ -10240,6 +10241,11 @@ const TaskListTableRowInner = forwardRef(
       },
       [handleOpenContextMenu, task]
     );
+    const onRootDoubleClick = useCallback(() => {
+      if (task.type !== "empty" && onDoubleClick) {
+        onDoubleClick(task);
+      }
+    }, [onDoubleClick, task]);
     const dependencies = useMemo(() => {
       const dependenciesAtLevel = dependencyMap.get(comparisonLevel);
       if (!dependenciesAtLevel) {
@@ -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,
@@ -20828,6 +20838,21 @@ const Gantt = (props) => {
     },
     [enableDrawer, taskBar]
   );
+  const handleTaskListRowDoubleClick = useCallback(
+    (task) => {
+      if (task.type !== "empty") {
+        if (enableDrawer) {
+          setActiveArrowKey(null);
+          setActiveTaskId(task.id);
+          setDrawerData({ type: "task", task });
+        }
+      }
+      if (taskList.onDoubleClickRow) {
+        taskList.onDoubleClickRow(task);
+      }
+    },
+    [enableDrawer, taskList]
+  );
   const handleDrawerClose = useCallback(() => {
     setDrawerData(null);
     setActiveArrowKey(null);
@@ -21172,6 +21197,7 @@ const Gantt = (props) => {
       handleMoveTasksInside,
       handleOpenContextMenu: handleOpenContextMenuForRow,
       mapTaskToNestedIndex,
+      onDoubleClick: handleTaskListRowDoubleClick,
       onExpanderClick,
       scrollToBottomStep,
       scrollToTopStep,
@@ -21201,6 +21227,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,
@@ -10257,6 +10258,11 @@
         },
         [handleOpenContextMenu, task]
       );
+      const onRootDoubleClick = React.useCallback(() => {
+        if (task.type !== "empty" && onDoubleClick) {
+          onDoubleClick(task);
+        }
+      }, [onDoubleClick, task]);
       const dependencies = React.useMemo(() => {
         const dependenciesAtLevel = dependencyMap.get(comparisonLevel);
         if (!dependenciesAtLevel) {
@@ -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,
@@ -20845,6 +20855,21 @@
       },
       [enableDrawer, taskBar]
     );
+    const handleTaskListRowDoubleClick = React.useCallback(
+      (task) => {
+        if (task.type !== "empty") {
+          if (enableDrawer) {
+            setActiveArrowKey(null);
+            setActiveTaskId(task.id);
+            setDrawerData({ type: "task", task });
+          }
+        }
+        if (taskList.onDoubleClickRow) {
+          taskList.onDoubleClickRow(task);
+        }
+      },
+      [enableDrawer, taskList]
+    );
     const handleDrawerClose = React.useCallback(() => {
       setDrawerData(null);
       setActiveArrowKey(null);
@@ -21189,6 +21214,7 @@
         handleMoveTasksInside,
         handleOpenContextMenu: handleOpenContextMenuForRow,
         mapTaskToNestedIndex,
+        onDoubleClick: handleTaskListRowDoubleClick,
         onExpanderClick,
         scrollToBottomStep,
         scrollToTopStep,
@@ -21218,6 +21244,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/dist/types/public-types.d.ts

@@ -184,6 +184,11 @@ export interface GanttTaskListProps {
      * Render bottom table content
      */
     tableBottom?: TableRenderBottomProps;
+    /**
+     * Invokes on double-click on a task list row.
+     * Receives the full task data of the double-clicked row.
+     */
+    onDoubleClickRow?: (task: RenderTask) => void;
 }
 export interface TableRenderBottomProps {
     height?: number;

package/package.json

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