gantt-task-react-v 1.0.41 → 1.0.43

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.
package/README.md CHANGED
@@ -2,12 +2,17 @@
2
2
 
3
3
  ## Interactive Gantt Chart for React with TypeScript.
4
4
 
5
+ ## Recent Updates
6
+
7
+ - Flexible Gantt height now adapts to its parent container, now we always see the horizontal scrolls for both task list and gantt.
8
+ - Fixed sticky gantt header on drag
9
+
5
10
  ## [Live Demo In Storybook](https://661071b076b50cb537c16c19-yrsukdfefs.chromatic.com/)
6
11
 
7
12
  ## Install
8
13
 
9
14
  ```
10
- npm install webagility-gantt-task-react
15
+ npm install https://github.com/aguilanbon/gantt-task-react-v"
11
16
  ```
12
17
 
13
18
  ## How to use it
@@ -96,7 +101,7 @@ yarn storebook
96
101
  | Parameter Name | Type | Description |
97
102
  | :------------------------- | :----- | :--------------------------------------------------------------------------------------------- |
98
103
  | headerHeight | number | Specifies the header height. |
99
- | ganttHeight | number | Specifies the gantt chart height without header. Default is 0. It`s mean no height limitation. |
104
+ | ganttHeight | number | Specifies the gantt chart height without header. If not set or 0, adapts to its parent container. |
100
105
  | columnWidth | number | Specifies the time period width. |
101
106
  | listCellWidth | string | Specifies the task list cell width. Empty string is mean "no display". |
102
107
  | rowHeight | number | Specifies the task row height. |
@@ -17073,7 +17073,12 @@ const useTaskTooltip = (changeInProgress) => {
17073
17073
  context
17074
17074
  } = useFloating({
17075
17075
  open: Boolean(tooltipTask),
17076
- middleware: [offset(10), flip(), shift()],
17076
+ placement: "right",
17077
+ middleware: [
17078
+ offset(10),
17079
+ flip({ fallbackPlacements: ["right-start", "right-end"] }),
17080
+ shift()
17081
+ ],
17077
17082
  whileElementsMounted: autoUpdate,
17078
17083
  strategy: "absolute"
17079
17084
  });
@@ -17090,7 +17090,12 @@
17090
17090
  context
17091
17091
  } = useFloating({
17092
17092
  open: Boolean(tooltipTask),
17093
- middleware: [offset(10), flip(), shift()],
17093
+ placement: "right",
17094
+ middleware: [
17095
+ offset(10),
17096
+ flip({ fallbackPlacements: ["right-start", "right-end"] }),
17097
+ shift()
17098
+ ],
17094
17099
  whileElementsMounted: autoUpdate,
17095
17100
  strategy: "absolute"
17096
17101
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-task-react-v",
3
- "version": "1.0.41",
3
+ "version": "1.0.43",
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",