gantt-task-react-v 1.5.11 → 1.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -34,6 +34,7 @@ export type TaskListProps = {
34
34
  scrollToBottomStep: () => void;
35
35
  scrollToTask: (task: Task) => void;
36
36
  scrollToTopStep: () => void;
37
+ selectTask: (taskId: string) => void;
37
38
  selectTaskOnMouseDown: (taskId: string, event: MouseEvent) => void;
38
39
  selectedIdsMirror: Readonly<Record<string, true>>;
39
40
  taskListContainerRef: RefObject<HTMLDivElement>;
@@ -10207,6 +10207,7 @@ const TaskListTableRowInner = forwardRef(
10207
10207
  onDoubleClick,
10208
10208
  onExpanderClick,
10209
10209
  scrollToTask,
10210
+ selectTask,
10210
10211
  selectTaskOnMouseDown,
10211
10212
  style: style2,
10212
10213
  task,
@@ -10242,11 +10243,13 @@ const TaskListTableRowInner = forwardRef(
10242
10243
  [handleOpenContextMenu, task]
10243
10244
  );
10244
10245
  const onRootDoubleClick = useCallback(() => {
10245
- if (!onDoubleClick || task.type === "empty") {
10246
- return;
10246
+ if (task.type !== "empty") {
10247
+ selectTask(task.id);
10248
+ if (onDoubleClick) {
10249
+ onDoubleClick(task);
10250
+ }
10247
10251
  }
10248
- onDoubleClick(task);
10249
- }, [onDoubleClick, task]);
10252
+ }, [onDoubleClick, selectTask, task]);
10250
10253
  const dependencies = useMemo(() => {
10251
10254
  const dependenciesAtLevel = dependencyMap.get(comparisonLevel);
10252
10255
  if (!dependenciesAtLevel) {
@@ -10928,6 +10931,7 @@ const TaskListInner = ({
10928
10931
  onExpanderClick,
10929
10932
  onClick,
10930
10933
  onDoubleClick,
10934
+ selectTask,
10931
10935
  scrollToTask,
10932
10936
  selectTaskOnMouseDown,
10933
10937
  selectedIdsMirror,
@@ -10998,6 +11002,7 @@ const TaskListInner = ({
10998
11002
  onDoubleClick,
10999
11003
  onExpanderClick,
11000
11004
  scrollToTask,
11005
+ selectTask,
11001
11006
  selectTaskOnMouseDown,
11002
11007
  task,
11003
11008
  depth
@@ -11021,6 +11026,7 @@ const TaskListInner = ({
11021
11026
  mapTaskToNestedIndex,
11022
11027
  onClick,
11023
11028
  onDoubleClick,
11029
+ selectTask,
11024
11030
  onExpanderClick,
11025
11031
  scrollToTask,
11026
11032
  selectTaskOnMouseDown,
@@ -20839,17 +20845,20 @@ const Gantt = (props) => {
20839
20845
  },
20840
20846
  [enableDrawer, taskBar]
20841
20847
  );
20842
- const handleTaskListDoubleClick = useCallback(
20848
+ const handleTaskListRowDoubleClick = useCallback(
20843
20849
  (task) => {
20844
- if (task.type === "empty") {
20845
- return;
20850
+ if (task.type !== "empty") {
20851
+ if (enableDrawer) {
20852
+ setActiveArrowKey(null);
20853
+ setActiveTaskId(task.id);
20854
+ setDrawerData({ type: "task", task });
20855
+ }
20846
20856
  }
20847
- handleTaskDoubleClick(task);
20848
- if (taskList.onDoubleClick) {
20849
- taskList.onDoubleClick(task);
20857
+ if (taskList.onDoubleClickRow) {
20858
+ taskList.onDoubleClickRow(task);
20850
20859
  }
20851
20860
  },
20852
- [handleTaskDoubleClick, taskList]
20861
+ [enableDrawer, taskList]
20853
20862
  );
20854
20863
  const handleDrawerClose = useCallback(() => {
20855
20864
  setDrawerData(null);
@@ -21195,10 +21204,11 @@ const Gantt = (props) => {
21195
21204
  handleMoveTasksInside,
21196
21205
  handleOpenContextMenu: handleOpenContextMenuForRow,
21197
21206
  mapTaskToNestedIndex,
21198
- onDoubleClick: handleTaskListDoubleClick,
21207
+ onDoubleClick: handleTaskListRowDoubleClick,
21199
21208
  onExpanderClick,
21200
21209
  scrollToBottomStep,
21201
21210
  scrollToTopStep,
21211
+ selectTask,
21202
21212
  selectTaskOnMouseDown,
21203
21213
  selectedIdsMirror,
21204
21214
  scrollToTask,
@@ -21225,12 +21235,13 @@ const Gantt = (props) => {
21225
21235
  handleMoveTaskBefore,
21226
21236
  handleMoveTasksInside,
21227
21237
  handleOpenContextMenuForRow,
21238
+ handleTaskListRowDoubleClick,
21228
21239
  mapTaskToNestedIndex,
21229
21240
  onExpanderClick,
21230
- handleTaskListDoubleClick,
21231
21241
  scrollToBottomStep,
21232
21242
  scrollToTask,
21233
21243
  scrollToTopStep,
21244
+ selectTask,
21234
21245
  selectTaskOnMouseDown,
21235
21246
  selectedIdsMirror,
21236
21247
  taskList,
@@ -10224,6 +10224,7 @@
10224
10224
  onDoubleClick,
10225
10225
  onExpanderClick,
10226
10226
  scrollToTask,
10227
+ selectTask,
10227
10228
  selectTaskOnMouseDown,
10228
10229
  style: style2,
10229
10230
  task,
@@ -10259,11 +10260,13 @@
10259
10260
  [handleOpenContextMenu, task]
10260
10261
  );
10261
10262
  const onRootDoubleClick = React.useCallback(() => {
10262
- if (!onDoubleClick || task.type === "empty") {
10263
- return;
10263
+ if (task.type !== "empty") {
10264
+ selectTask(task.id);
10265
+ if (onDoubleClick) {
10266
+ onDoubleClick(task);
10267
+ }
10264
10268
  }
10265
- onDoubleClick(task);
10266
- }, [onDoubleClick, task]);
10269
+ }, [onDoubleClick, selectTask, task]);
10267
10270
  const dependencies = React.useMemo(() => {
10268
10271
  const dependenciesAtLevel = dependencyMap.get(comparisonLevel);
10269
10272
  if (!dependenciesAtLevel) {
@@ -10945,6 +10948,7 @@
10945
10948
  onExpanderClick,
10946
10949
  onClick,
10947
10950
  onDoubleClick,
10951
+ selectTask,
10948
10952
  scrollToTask,
10949
10953
  selectTaskOnMouseDown,
10950
10954
  selectedIdsMirror,
@@ -11015,6 +11019,7 @@
11015
11019
  onDoubleClick,
11016
11020
  onExpanderClick,
11017
11021
  scrollToTask,
11022
+ selectTask,
11018
11023
  selectTaskOnMouseDown,
11019
11024
  task,
11020
11025
  depth
@@ -11038,6 +11043,7 @@
11038
11043
  mapTaskToNestedIndex,
11039
11044
  onClick,
11040
11045
  onDoubleClick,
11046
+ selectTask,
11041
11047
  onExpanderClick,
11042
11048
  scrollToTask,
11043
11049
  selectTaskOnMouseDown,
@@ -20856,17 +20862,20 @@
20856
20862
  },
20857
20863
  [enableDrawer, taskBar]
20858
20864
  );
20859
- const handleTaskListDoubleClick = React.useCallback(
20865
+ const handleTaskListRowDoubleClick = React.useCallback(
20860
20866
  (task) => {
20861
- if (task.type === "empty") {
20862
- return;
20867
+ if (task.type !== "empty") {
20868
+ if (enableDrawer) {
20869
+ setActiveArrowKey(null);
20870
+ setActiveTaskId(task.id);
20871
+ setDrawerData({ type: "task", task });
20872
+ }
20863
20873
  }
20864
- handleTaskDoubleClick(task);
20865
- if (taskList.onDoubleClick) {
20866
- taskList.onDoubleClick(task);
20874
+ if (taskList.onDoubleClickRow) {
20875
+ taskList.onDoubleClickRow(task);
20867
20876
  }
20868
20877
  },
20869
- [handleTaskDoubleClick, taskList]
20878
+ [enableDrawer, taskList]
20870
20879
  );
20871
20880
  const handleDrawerClose = React.useCallback(() => {
20872
20881
  setDrawerData(null);
@@ -21212,10 +21221,11 @@
21212
21221
  handleMoveTasksInside,
21213
21222
  handleOpenContextMenu: handleOpenContextMenuForRow,
21214
21223
  mapTaskToNestedIndex,
21215
- onDoubleClick: handleTaskListDoubleClick,
21224
+ onDoubleClick: handleTaskListRowDoubleClick,
21216
21225
  onExpanderClick,
21217
21226
  scrollToBottomStep,
21218
21227
  scrollToTopStep,
21228
+ selectTask,
21219
21229
  selectTaskOnMouseDown,
21220
21230
  selectedIdsMirror,
21221
21231
  scrollToTask,
@@ -21242,12 +21252,13 @@
21242
21252
  handleMoveTaskBefore,
21243
21253
  handleMoveTasksInside,
21244
21254
  handleOpenContextMenuForRow,
21255
+ handleTaskListRowDoubleClick,
21245
21256
  mapTaskToNestedIndex,
21246
21257
  onExpanderClick,
21247
- handleTaskListDoubleClick,
21248
21258
  scrollToBottomStep,
21249
21259
  scrollToTask,
21250
21260
  scrollToTopStep,
21261
+ selectTask,
21251
21262
  selectTaskOnMouseDown,
21252
21263
  selectedIdsMirror,
21253
21264
  taskList,
@@ -187,6 +187,7 @@ export type TaskListTableRowProps = {
187
187
  onDoubleClick?: (task: RenderTask) => void;
188
188
  onExpanderClick: (task: Task) => void;
189
189
  scrollToTask: (task: Task) => void;
190
+ selectTask: (taskId: string) => void;
190
191
  selectTaskOnMouseDown: (taskId: string, event: MouseEvent) => void;
191
192
  style?: CSSProperties;
192
193
  task: RenderTask;
@@ -180,14 +180,15 @@ export interface GanttTaskListProps {
180
180
  * Callback when column visibility is toggled
181
181
  */
182
182
  onColumnVisibilityChange?: OnColumnVisibilityChange;
183
- /**
184
- * Invokes on task list row double click
185
- */
186
- onDoubleClick?: (task: RenderTask) => void;
187
183
  /**
188
184
  * Render bottom table content
189
185
  */
190
186
  tableBottom?: TableRenderBottomProps;
187
+ /**
188
+ * Invokes on double-click on a task list row.
189
+ * Receives the full task data of the double-clicked row.
190
+ */
191
+ onDoubleClickRow?: (task: RenderTask) => void;
191
192
  }
192
193
  export interface TableRenderBottomProps {
193
194
  height?: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-task-react-v",
3
- "version": "1.5.11",
3
+ "version": "1.5.13",
4
4
  "description": "Interactive Gantt Chart for React with TypeScript.",
5
5
  "author": "aguilanbon",
6
6
  "homepage": "https://github.com/aguilanbon/gantt-task-react-v",