gantt-task-react-v 1.5.20 → 1.5.22

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.
Files changed (3) hide show
  1. package/dist/gantt-task-react.es.js +47 -55
  2. package/dist/gantt-task-react.umd.js +47 -55
  3. package/package.json +1 -1
package/dist/gantt-task-react.es.js CHANGED
@@ -10224,7 +10224,9 @@ const TaskListTableRowInner = forwardRef(
10224
10224
  if (task.type !== "empty") {
10225
10225
  scrollToTask(task);
10226
10226
  }
10227
- selectTaskOnMouseDown(task.id, event);
10227
+ if (event.detail < 2) {
10228
+ selectTaskOnMouseDown(task.id, event);
10229
+ }
10228
10230
  if (onClick) {
10229
10231
  onClick(task);
10230
10232
  }
@@ -19559,12 +19561,12 @@ const GanttDrawerInner = ({
19559
19561
  )
19560
19562
  ] }),
19561
19563
  /* @__PURE__ */ jsxs("div", { className: styles.body, children: [
19562
- data && onGoToTask && /* @__PURE__ */ jsxs("div", { className: styles.goToTaskBar, children: [
19563
- data.type === "task" && /* @__PURE__ */ jsxs(
19564
+ data && onGoToTask && /* @__PURE__ */ jsx("div", { className: styles.goToTaskBar, children: data.type === "arrow" && /* @__PURE__ */ jsxs(Fragment, { children: [
19565
+ /* @__PURE__ */ jsxs(
19564
19566
  "button",
19565
19567
  {
19566
19568
  className: styles.goToTaskButton,
19567
- onClick: () => onGoToTask(data.task.id),
19569
+ onClick: () => onGoToTask(data.taskFrom.id),
19568
19570
  type: "button",
19569
19571
  children: [
19570
19572
  /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
@@ -19577,57 +19579,34 @@ const GanttDrawerInner = ({
19577
19579
  strokeLinejoin: "round"
19578
19580
  }
19579
19581
  ) }),
19580
- "Go to Task"
19582
+ "Go to ",
19583
+ data.taskFrom.name
19581
19584
  ]
19582
19585
  }
19583
19586
  ),
19584
- data.type === "arrow" && /* @__PURE__ */ jsxs(Fragment, { children: [
19585
- /* @__PURE__ */ jsxs(
19586
- "button",
19587
- {
19588
- className: styles.goToTaskButton,
19589
- onClick: () => onGoToTask(data.taskFrom.id),
19590
- type: "button",
19591
- children: [
19592
- /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
19593
- "path",
19594
- {
19595
- d: "M2 7h10M8 3l4 4-4 4",
19596
- stroke: "currentColor",
19597
- strokeWidth: "1.5",
19598
- strokeLinecap: "round",
19599
- strokeLinejoin: "round"
19600
- }
19601
- ) }),
19602
- "Go to ",
19603
- data.taskFrom.name
19604
- ]
19605
- }
19606
- ),
19607
- /* @__PURE__ */ jsxs(
19608
- "button",
19609
- {
19610
- className: styles.goToTaskButton,
19611
- onClick: () => onGoToTask(data.taskTo.id),
19612
- type: "button",
19613
- children: [
19614
- /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
19615
- "path",
19616
- {
19617
- d: "M2 7h10M8 3l4 4-4 4",
19618
- stroke: "currentColor",
19619
- strokeWidth: "1.5",
19620
- strokeLinecap: "round",
19621
- strokeLinejoin: "round"
19622
- }
19623
- ) }),
19624
- "Go to ",
19625
- data.taskTo.name
19626
- ]
19627
- }
19628
- )
19629
- ] })
19630
- ] }),
19587
+ /* @__PURE__ */ jsxs(
19588
+ "button",
19589
+ {
19590
+ className: styles.goToTaskButton,
19591
+ onClick: () => onGoToTask(data.taskTo.id),
19592
+ type: "button",
19593
+ children: [
19594
+ /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
19595
+ "path",
19596
+ {
19597
+ d: "M2 7h10M8 3l4 4-4 4",
19598
+ stroke: "currentColor",
19599
+ strokeWidth: "1.5",
19600
+ strokeLinecap: "round",
19601
+ strokeLinejoin: "round"
19602
+ }
19603
+ ) }),
19604
+ "Go to ",
19605
+ data.taskTo.name
19606
+ ]
19607
+ }
19608
+ )
19609
+ ] }) }),
19631
19610
  data && renderContent ? renderContent(data) : null
19632
19611
  ] })
19633
19612
  ]
@@ -20826,6 +20805,9 @@ const Gantt = (props) => {
20826
20805
  );
20827
20806
  const handleTaskDoubleClick = useCallback(
20828
20807
  (task) => {
20808
+ if (enableDrawer && (drawerData == null ? void 0 : drawerData.type) === "task" && drawerData.task.id === task.id) {
20809
+ return;
20810
+ }
20829
20811
  if (enableDrawer) {
20830
20812
  setActiveArrowKey(null);
20831
20813
  setActiveTaskId(task.id);
@@ -20835,18 +20817,28 @@ const Gantt = (props) => {
20835
20817
  taskBar.onDoubleClick(task);
20836
20818
  }
20837
20819
  },
20838
- [enableDrawer, taskBar]
20820
+ [enableDrawer, drawerData, taskBar]
20839
20821
  );
20840
20822
  const handleTaskRowClick = useCallback(
20841
20823
  (task) => {
20824
+ if (task.type !== "empty") {
20825
+ setActiveArrowKey(null);
20826
+ setActiveTaskId(task.id);
20827
+ if (enableDrawer && (drawerData == null ? void 0 : drawerData.type) === "task") {
20828
+ setDrawerData({ type: "task", task });
20829
+ }
20830
+ }
20842
20831
  if (onClickTaskRow) {
20843
20832
  onClickTaskRow(task);
20844
20833
  }
20845
20834
  },
20846
- [onClickTaskRow]
20835
+ [enableDrawer, drawerData, onClickTaskRow]
20847
20836
  );
20848
20837
  const handleTaskRowDoubleClick = useCallback(
20849
20838
  (task) => {
20839
+ if (enableDrawer && (drawerData == null ? void 0 : drawerData.type) === "task" && drawerData.task.id === task.id) {
20840
+ return;
20841
+ }
20850
20842
  if (task.type !== "empty") {
20851
20843
  selectTask(task.id);
20852
20844
  }
@@ -20859,7 +20851,7 @@ const Gantt = (props) => {
20859
20851
  onDoubleClickTaskRow(task);
20860
20852
  }
20861
20853
  },
20862
- [enableDrawer, onDoubleClickTaskRow, selectTask]
20854
+ [enableDrawer, drawerData, onDoubleClickTaskRow, selectTask]
20863
20855
  );
20864
20856
  const handleDrawerClose = useCallback(() => {
20865
20857
  setDrawerData(null);
package/dist/gantt-task-react.umd.js CHANGED
@@ -10241,7 +10241,9 @@
10241
10241
  if (task.type !== "empty") {
10242
10242
  scrollToTask(task);
10243
10243
  }
10244
- selectTaskOnMouseDown(task.id, event);
10244
+ if (event.detail < 2) {
10245
+ selectTaskOnMouseDown(task.id, event);
10246
+ }
10245
10247
  if (onClick) {
10246
10248
  onClick(task);
10247
10249
  }
@@ -19576,12 +19578,12 @@
19576
19578
  )
19577
19579
  ] }),
19578
19580
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.body, children: [
19579
- data && onGoToTask && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.goToTaskBar, children: [
19580
- data.type === "task" && /* @__PURE__ */ jsxRuntime.jsxs(
19581
+ data && onGoToTask && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.goToTaskBar, children: data.type === "arrow" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
19582
+ /* @__PURE__ */ jsxRuntime.jsxs(
19581
19583
  "button",
19582
19584
  {
19583
19585
  className: styles.goToTaskButton,
19584
- onClick: () => onGoToTask(data.task.id),
19586
+ onClick: () => onGoToTask(data.taskFrom.id),
19585
19587
  type: "button",
19586
19588
  children: [
19587
19589
  /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -19594,57 +19596,34 @@
19594
19596
  strokeLinejoin: "round"
19595
19597
  }
19596
19598
  ) }),
19597
- "Go to Task"
19599
+ "Go to ",
19600
+ data.taskFrom.name
19598
19601
  ]
19599
19602
  }
19600
19603
  ),
19601
- data.type === "arrow" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
19602
- /* @__PURE__ */ jsxRuntime.jsxs(
19603
- "button",
19604
- {
19605
- className: styles.goToTaskButton,
19606
- onClick: () => onGoToTask(data.taskFrom.id),
19607
- type: "button",
19608
- children: [
19609
- /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
19610
- "path",
19611
- {
19612
- d: "M2 7h10M8 3l4 4-4 4",
19613
- stroke: "currentColor",
19614
- strokeWidth: "1.5",
19615
- strokeLinecap: "round",
19616
- strokeLinejoin: "round"
19617
- }
19618
- ) }),
19619
- "Go to ",
19620
- data.taskFrom.name
19621
- ]
19622
- }
19623
- ),
19624
- /* @__PURE__ */ jsxRuntime.jsxs(
19625
- "button",
19626
- {
19627
- className: styles.goToTaskButton,
19628
- onClick: () => onGoToTask(data.taskTo.id),
19629
- type: "button",
19630
- children: [
19631
- /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
19632
- "path",
19633
- {
19634
- d: "M2 7h10M8 3l4 4-4 4",
19635
- stroke: "currentColor",
19636
- strokeWidth: "1.5",
19637
- strokeLinecap: "round",
19638
- strokeLinejoin: "round"
19639
- }
19640
- ) }),
19641
- "Go to ",
19642
- data.taskTo.name
19643
- ]
19644
- }
19645
- )
19646
- ] })
19647
- ] }),
19604
+ /* @__PURE__ */ jsxRuntime.jsxs(
19605
+ "button",
19606
+ {
19607
+ className: styles.goToTaskButton,
19608
+ onClick: () => onGoToTask(data.taskTo.id),
19609
+ type: "button",
19610
+ children: [
19611
+ /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
19612
+ "path",
19613
+ {
19614
+ d: "M2 7h10M8 3l4 4-4 4",
19615
+ stroke: "currentColor",
19616
+ strokeWidth: "1.5",
19617
+ strokeLinecap: "round",
19618
+ strokeLinejoin: "round"
19619
+ }
19620
+ ) }),
19621
+ "Go to ",
19622
+ data.taskTo.name
19623
+ ]
19624
+ }
19625
+ )
19626
+ ] }) }),
19648
19627
  data && renderContent ? renderContent(data) : null
19649
19628
  ] })
19650
19629
  ]
@@ -20843,6 +20822,9 @@
20843
20822
  );
20844
20823
  const handleTaskDoubleClick = React.useCallback(
20845
20824
  (task) => {
20825
+ if (enableDrawer && (drawerData == null ? void 0 : drawerData.type) === "task" && drawerData.task.id === task.id) {
20826
+ return;
20827
+ }
20846
20828
  if (enableDrawer) {
20847
20829
  setActiveArrowKey(null);
20848
20830
  setActiveTaskId(task.id);
@@ -20852,18 +20834,28 @@
20852
20834
  taskBar.onDoubleClick(task);
20853
20835
  }
20854
20836
  },
20855
- [enableDrawer, taskBar]
20837
+ [enableDrawer, drawerData, taskBar]
20856
20838
  );
20857
20839
  const handleTaskRowClick = React.useCallback(
20858
20840
  (task) => {
20841
+ if (task.type !== "empty") {
20842
+ setActiveArrowKey(null);
20843
+ setActiveTaskId(task.id);
20844
+ if (enableDrawer && (drawerData == null ? void 0 : drawerData.type) === "task") {
20845
+ setDrawerData({ type: "task", task });
20846
+ }
20847
+ }
20859
20848
  if (onClickTaskRow) {
20860
20849
  onClickTaskRow(task);
20861
20850
  }
20862
20851
  },
20863
- [onClickTaskRow]
20852
+ [enableDrawer, drawerData, onClickTaskRow]
20864
20853
  );
20865
20854
  const handleTaskRowDoubleClick = React.useCallback(
20866
20855
  (task) => {
20856
+ if (enableDrawer && (drawerData == null ? void 0 : drawerData.type) === "task" && drawerData.task.id === task.id) {
20857
+ return;
20858
+ }
20867
20859
  if (task.type !== "empty") {
20868
20860
  selectTask(task.id);
20869
20861
  }
@@ -20876,7 +20868,7 @@
20876
20868
  onDoubleClickTaskRow(task);
20877
20869
  }
20878
20870
  },
20879
- [enableDrawer, onDoubleClickTaskRow, selectTask]
20871
+ [enableDrawer, drawerData, onDoubleClickTaskRow, selectTask]
20880
20872
  );
20881
20873
  const handleDrawerClose = React.useCallback(() => {
20882
20874
  setDrawerData(null);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-task-react-v",
3
- "version": "1.5.20",
3
+ "version": "1.5.22",
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",