gantt-task-react-v 1.5.5 → 1.5.7

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,19 @@ const TaskListTableRowInner = forwardRef(
       moveOverPosition
     } = props;
     const { id, comparisonLevel = 1 } = task;
+    const onRowDoubleClick = useCallback(
+      (event) => {
+        event.preventDefault();
+        selectTaskOnMouseDown(task.id, event);
+        if (task.type !== "empty") {
+          scrollToTask(task);
+        }
+        if (onDoubleClick) {
+          onDoubleClick(task);
+        }
+      },
+      [onDoubleClick, scrollToTask, selectTaskOnMouseDown, task]
+    );
     const onRootMouseDown = useCallback(
       (event) => {
         event.preventDefault();
@@ -10346,6 +10360,7 @@ const TaskListTableRowInner = forwardRef(
         ref,
         className: rowClassName,
         onMouseDown: onRootMouseDown,
+        onDoubleClick: onRowDoubleClick,
         style: {
           height: fullRowHeight,
           backgroundColor,
@@ -10919,6 +10934,7 @@ const TaskListInner = ({
   mapTaskToNestedIndex,
   onExpanderClick,
   onClick,
+  onDoubleClick,
   scrollToTask,
   selectTaskOnMouseDown,
   selectedIdsMirror,
@@ -10986,6 +11002,7 @@ const TaskListInner = ({
         isSelected: selectedIdsMirror[id],
         isShowTaskNumbers,
         onClick,
+        onDoubleClick,
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
@@ -11010,6 +11027,7 @@ const TaskListInner = ({
       isShowTaskNumbers,
       mapTaskToNestedIndex,
       onClick,
+      onDoubleClick,
       onExpanderClick,
       scrollToTask,
       selectTaskOnMouseDown,
@@ -20833,6 +20851,19 @@ const Gantt = (props) => {
     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) {
@@ -21173,6 +21204,7 @@ const Gantt = (props) => {
       handleOpenContextMenu: handleOpenContextMenuForRow,
       mapTaskToNestedIndex,
       onExpanderClick,
+      onDoubleClick: handleTableRowDoubleClick,
       scrollToBottomStep,
       scrollToTopStep,
       selectTaskOnMouseDown,
@@ -21210,7 +21242,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,19 @@
         moveOverPosition
       } = props;
       const { id, comparisonLevel = 1 } = task;
+      const onRowDoubleClick = React.useCallback(
+        (event) => {
+          event.preventDefault();
+          selectTaskOnMouseDown(task.id, event);
+          if (task.type !== "empty") {
+            scrollToTask(task);
+          }
+          if (onDoubleClick) {
+            onDoubleClick(task);
+          }
+        },
+        [onDoubleClick, scrollToTask, selectTaskOnMouseDown, task]
+      );
       const onRootMouseDown = React.useCallback(
         (event) => {
           event.preventDefault();
@@ -10363,6 +10377,7 @@
           ref,
           className: rowClassName,
           onMouseDown: onRootMouseDown,
+          onDoubleClick: onRowDoubleClick,
           style: {
             height: fullRowHeight,
             backgroundColor,
@@ -10936,6 +10951,7 @@
     mapTaskToNestedIndex,
     onExpanderClick,
     onClick,
+    onDoubleClick,
     scrollToTask,
     selectTaskOnMouseDown,
     selectedIdsMirror,
@@ -11003,6 +11019,7 @@
           isSelected: selectedIdsMirror[id],
           isShowTaskNumbers,
           onClick,
+          onDoubleClick,
           onExpanderClick,
           scrollToTask,
           selectTaskOnMouseDown,
@@ -11027,6 +11044,7 @@
         isShowTaskNumbers,
         mapTaskToNestedIndex,
         onClick,
+        onDoubleClick,
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
@@ -20850,6 +20868,19 @@
       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) {
@@ -21190,6 +21221,7 @@
         handleOpenContextMenu: handleOpenContextMenuForRow,
         mapTaskToNestedIndex,
         onExpanderClick,
+        onDoubleClick: handleTableRowDoubleClick,
         scrollToBottomStep,
         scrollToTopStep,
         selectTaskOnMouseDown,
@@ -21227,7 +21259,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.5",
+  "version": "1.5.7",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",