gantt-task-react-v 1.5.4 → 1.5.6

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,
@@ -10214,6 +10215,15 @@ const TaskListTableRowInner = forwardRef(
       moveOverPosition
     } = props;
     const { id, comparisonLevel = 1 } = task;
+    const onRowDoubleClick = useCallback(
+      (event) => {
+        event.preventDefault();
+        if (onDoubleClick) {
+          onDoubleClick(task);
+        }
+      },
+      [onDoubleClick, task]
+    );
     const onRootMouseDown = useCallback(
       (event) => {
         event.preventDefault();
@@ -10346,6 +10356,7 @@ const TaskListTableRowInner = forwardRef(
         ref,
         className: rowClassName,
         onMouseDown: onRootMouseDown,
+        onDoubleClick: onRowDoubleClick,
         style: {
           height: fullRowHeight,
           backgroundColor,
@@ -10919,6 +10930,7 @@ const TaskListInner = ({
   mapTaskToNestedIndex,
   onExpanderClick,
   onClick,
+  onDoubleClick,
   scrollToTask,
   selectTaskOnMouseDown,
   selectedIdsMirror,
@@ -10986,6 +10998,7 @@ const TaskListInner = ({
         isSelected: selectedIdsMirror[id],
         isShowTaskNumbers,
         onClick,
+        onDoubleClick,
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
@@ -11010,6 +11023,7 @@ const TaskListInner = ({
       isShowTaskNumbers,
       mapTaskToNestedIndex,
       onClick,
+      onDoubleClick,
       onExpanderClick,
       scrollToTask,
       selectTaskOnMouseDown,
@@ -20807,7 +20821,6 @@ const Gantt = (props) => {
       if (enableDrawer) {
         setActiveArrowKey(null);
         setActiveTaskId(task.id);
-        setDrawerData({ type: "task", task });
       }
       selectTask(task.id);
       if (taskBar.onClick) {
@@ -20816,11 +20829,37 @@ const Gantt = (props) => {
     },
     [enableDrawer, selectTask, taskBar]
   );
+  const handleTaskDoubleClick = useCallback(
+    (task) => {
+      if (enableDrawer) {
+        setActiveArrowKey(null);
+        setActiveTaskId(task.id);
+        setDrawerData({ type: "task", task });
+      }
+      if (taskBar.onDoubleClick) {
+        taskBar.onDoubleClick(task);
+      }
+    },
+    [enableDrawer, taskBar]
+  );
   const handleDrawerClose = useCallback(() => {
     setDrawerData(null);
     setActiveArrowKey(null);
     setActiveTaskId(null);
   }, []);
+  const handleTableRowDoubleClick = useCallback(
+    (task) => {
+      if (enableDrawer && taskList.enableTableRowDoubleClick) {
+        setActiveArrowKey(null);
+        setActiveTaskId(task.id);
+        setDrawerData({ type: "task", task });
+      }
+      if (taskList.onTableRowDoubleClick) {
+        taskList.onTableRowDoubleClick(task);
+      }
+    },
+    [enableDrawer, taskList]
+  );
   const handleGoToTask = useCallback(
     (taskId) => {
       for (const [comparisonLevel, levelMap] of tasksMap) {
@@ -21051,6 +21090,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;
@@ -21160,6 +21200,7 @@ const Gantt = (props) => {
       handleOpenContextMenu: handleOpenContextMenuForRow,
       mapTaskToNestedIndex,
       onExpanderClick,
+      onDoubleClick: handleTableRowDoubleClick,
       scrollToBottomStep,
       scrollToTopStep,
       selectTaskOnMouseDown,
@@ -21197,7 +21238,8 @@ const Gantt = (props) => {
       selectedIdsMirror,
       taskList,
       taskListContainerRef,
-      visibleTasks
+      visibleTasks,
+      handleTableRowDoubleClick
     ]
   );
   return /* @__PURE__ */ jsx(GanttThemeProvider, { theme, children: (cssVars) => /* @__PURE__ */ jsx(GanttLocaleProvider, { locale, children: /* @__PURE__ */ jsxs(

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

@@ -10221,6 +10221,7 @@
         isDragging,
         isShowTaskNumbers,
         onClick,
+        onDoubleClick,
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
@@ -10231,6 +10232,15 @@
         moveOverPosition
       } = props;
       const { id, comparisonLevel = 1 } = task;
+      const onRowDoubleClick = React.useCallback(
+        (event) => {
+          event.preventDefault();
+          if (onDoubleClick) {
+            onDoubleClick(task);
+          }
+        },
+        [onDoubleClick, task]
+      );
       const onRootMouseDown = React.useCallback(
         (event) => {
           event.preventDefault();
@@ -10363,6 +10373,7 @@
           ref,
           className: rowClassName,
           onMouseDown: onRootMouseDown,
+          onDoubleClick: onRowDoubleClick,
           style: {
             height: fullRowHeight,
             backgroundColor,
@@ -10936,6 +10947,7 @@
     mapTaskToNestedIndex,
     onExpanderClick,
     onClick,
+    onDoubleClick,
     scrollToTask,
     selectTaskOnMouseDown,
     selectedIdsMirror,
@@ -11003,6 +11015,7 @@
           isSelected: selectedIdsMirror[id],
           isShowTaskNumbers,
           onClick,
+          onDoubleClick,
           onExpanderClick,
           scrollToTask,
           selectTaskOnMouseDown,
@@ -11027,6 +11040,7 @@
         isShowTaskNumbers,
         mapTaskToNestedIndex,
         onClick,
+        onDoubleClick,
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
@@ -20824,7 +20838,6 @@
         if (enableDrawer) {
           setActiveArrowKey(null);
           setActiveTaskId(task.id);
-          setDrawerData({ type: "task", task });
         }
         selectTask(task.id);
         if (taskBar.onClick) {
@@ -20833,11 +20846,37 @@
       },
       [enableDrawer, selectTask, taskBar]
     );
+    const handleTaskDoubleClick = React.useCallback(
+      (task) => {
+        if (enableDrawer) {
+          setActiveArrowKey(null);
+          setActiveTaskId(task.id);
+          setDrawerData({ type: "task", task });
+        }
+        if (taskBar.onDoubleClick) {
+          taskBar.onDoubleClick(task);
+        }
+      },
+      [enableDrawer, taskBar]
+    );
     const handleDrawerClose = React.useCallback(() => {
       setDrawerData(null);
       setActiveArrowKey(null);
       setActiveTaskId(null);
     }, []);
+    const handleTableRowDoubleClick = React.useCallback(
+      (task) => {
+        if (enableDrawer && taskList.enableTableRowDoubleClick) {
+          setActiveArrowKey(null);
+          setActiveTaskId(task.id);
+          setDrawerData({ type: "task", task });
+        }
+        if (taskList.onTableRowDoubleClick) {
+          taskList.onTableRowDoubleClick(task);
+        }
+      },
+      [enableDrawer, taskList]
+    );
     const handleGoToTask = React.useCallback(
       (taskId) => {
         for (const [comparisonLevel, levelMap] of tasksMap) {
@@ -21068,6 +21107,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;
@@ -21177,6 +21217,7 @@
         handleOpenContextMenu: handleOpenContextMenuForRow,
         mapTaskToNestedIndex,
         onExpanderClick,
+        onDoubleClick: handleTableRowDoubleClick,
         scrollToBottomStep,
         scrollToTopStep,
         selectTaskOnMouseDown,
@@ -21214,7 +21255,8 @@
         selectedIdsMirror,
         taskList,
         taskListContainerRef,
-        visibleTasks
+        visibleTasks,
+        handleTableRowDoubleClick
       ]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(GanttThemeProvider, { theme, children: (cssVars) => /* @__PURE__ */ jsxRuntime.jsx(GanttLocaleProvider, { locale, children: /* @__PURE__ */ jsxRuntime.jsxs(

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,16 @@ export interface GanttTaskListProps {
      * Render bottom table content
      */
     tableBottom?: TableRenderBottomProps;
+    /**
+     * Enable double-click on task table rows to open the drawer.
+     * Requires `drawer.enableDrawer` to be true for the drawer to open.
+     */
+    enableTableRowDoubleClick?: boolean;
+    /**
+     * Callback invoked when a task table row is double-clicked.
+     * Called regardless of `enableTableRowDoubleClick`; use it to open a custom drawer or panel.
+     */
+    onTableRowDoubleClick?: (task: RenderTask) => void;
 }
 export interface TableRenderBottomProps {
     height?: number;

package/package.json

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