gantt-task-react-v 1.5.0 → 1.5.2
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 +26 -22
- package/dist/gantt-task-react.es.js +2 -1
- package/dist/gantt-task-react.umd.js +2 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,6 +10,10 @@
|
|
|
10
10
|
- Added Tooltip for comparison bars
|
|
11
11
|
- Show Custom Data Date Line
|
|
12
12
|
- Customize Data Date Line and Today Line Color and Label
|
|
13
|
+
- Show/Hide Task Table Column
|
|
14
|
+
- Improved staggered and rounded arrows
|
|
15
|
+
- RightClick ContextMenu option for Tasklist and Gantt
|
|
16
|
+
- Custom Drawer on click taskbar and arrow, callback to get taskdata
|
|
13
17
|
|
|
14
18
|
## [Live Demo In Storybook](https://661071b076b50cb537c16c19-yrsukdfefs.chromatic.com/)
|
|
15
19
|
|
|
@@ -83,7 +87,7 @@ yarn storebook
|
|
|
83
87
|
| onDateChange\* | (task: Task, children: Task[]) => void/boolean/Promise<void>/Promise<boolean> | Specifies the function to be executed when drag taskbar event on timeline has finished. |
|
|
84
88
|
| onProgressChange\* | (task: Task, children: Task[]) => void/boolean/Promise<void>/Promise<boolean> | Specifies the function to be executed when drag taskbar progress event has finished. |
|
|
85
89
|
| onExpanderClick\* | onExpanderClick: (task: Task) => void; | Specifies the function to be executed on the table expander click |
|
|
86
|
-
| onWheel\* | onWheel: (wheelEvent: WheelEvent) => void; | Specifies the function to be executed when the mouse wheel is used
|
|
90
|
+
| onWheel\* | onWheel: (wheelEvent: WheelEvent) => void; | Specifies the function to be executed when the mouse wheel is used |
|
|
87
91
|
| timeStep | number | A time step value for onDateChange. Specify in milliseconds. |
|
|
88
92
|
|
|
89
93
|
\* Chart undoes operation if method return false or error. Parameter children returns one level deep records.
|
|
@@ -102,28 +106,28 @@ yarn storebook
|
|
|
102
106
|
|
|
103
107
|
### StylingOption
|
|
104
108
|
|
|
105
|
-
| Parameter Name | Type | Description
|
|
106
|
-
| :------------------------- | :----- |
|
|
107
|
-
| headerHeight | number | Specifies the header height.
|
|
109
|
+
| Parameter Name | Type | Description |
|
|
110
|
+
| :------------------------- | :----- | :------------------------------------------------------------------------------------------------ |
|
|
111
|
+
| headerHeight | number | Specifies the header height. |
|
|
108
112
|
| ganttHeight | number | Specifies the gantt chart height without header. If not set or 0, adapts to its parent container. |
|
|
109
|
-
| columnWidth | number | Specifies the time period width.
|
|
110
|
-
| listCellWidth | string | Specifies the task list cell width. Empty string is mean "no display".
|
|
111
|
-
| rowHeight | number | Specifies the task row height.
|
|
112
|
-
| barCornerRadius | number | Specifies the taskbar corner rounding.
|
|
113
|
-
| barFill | number | Specifies the taskbar occupation. Sets in percent from 0 to 100.
|
|
114
|
-
| handleWidth | number | Specifies width the taskbar drag event control for start and end dates.
|
|
115
|
-
| fontFamily | string | Specifies the application font.
|
|
116
|
-
| fontSize | string | Specifies the application font size.
|
|
117
|
-
| barProgressColor | string | Specifies the taskbar progress fill color globally.
|
|
118
|
-
| barProgressSelectedColor | string | Specifies the taskbar progress fill color globally on select.
|
|
119
|
-
| barBackgroundColor | string | Specifies the taskbar background fill color globally.
|
|
120
|
-
| barBackgroundSelectedColor | string | Specifies the taskbar background fill color globally on select.
|
|
121
|
-
| arrowColor | string | Specifies the relationship arrow fill color.
|
|
122
|
-
| arrowIndent | number | Specifies the relationship arrow right indent. Sets in px
|
|
123
|
-
| todayColor | string | Specifies the current period column fill color.
|
|
124
|
-
| TooltipContent | | Specifies the Tooltip view for selected taskbar.
|
|
125
|
-
| TaskListHeader | | Specifies the task list Header view
|
|
126
|
-
| TaskListTable | | Specifies the task list Table view
|
|
113
|
+
| columnWidth | number | Specifies the time period width. |
|
|
114
|
+
| listCellWidth | string | Specifies the task list cell width. Empty string is mean "no display". |
|
|
115
|
+
| rowHeight | number | Specifies the task row height. |
|
|
116
|
+
| barCornerRadius | number | Specifies the taskbar corner rounding. |
|
|
117
|
+
| barFill | number | Specifies the taskbar occupation. Sets in percent from 0 to 100. |
|
|
118
|
+
| handleWidth | number | Specifies width the taskbar drag event control for start and end dates. |
|
|
119
|
+
| fontFamily | string | Specifies the application font. |
|
|
120
|
+
| fontSize | string | Specifies the application font size. |
|
|
121
|
+
| barProgressColor | string | Specifies the taskbar progress fill color globally. |
|
|
122
|
+
| barProgressSelectedColor | string | Specifies the taskbar progress fill color globally on select. |
|
|
123
|
+
| barBackgroundColor | string | Specifies the taskbar background fill color globally. |
|
|
124
|
+
| barBackgroundSelectedColor | string | Specifies the taskbar background fill color globally on select. |
|
|
125
|
+
| arrowColor | string | Specifies the relationship arrow fill color. |
|
|
126
|
+
| arrowIndent | number | Specifies the relationship arrow right indent. Sets in px |
|
|
127
|
+
| todayColor | string | Specifies the current period column fill color. |
|
|
128
|
+
| TooltipContent | | Specifies the Tooltip view for selected taskbar. |
|
|
129
|
+
| TaskListHeader | | Specifies the task list Header view |
|
|
130
|
+
| TaskListTable | | Specifies the task list Table view |
|
|
127
131
|
|
|
128
132
|
- TooltipContent: [`React.FC<{ task: Task; fontSize: string; fontFamily: string; }>;`](https://github.com/MaTeMaTuK/gantt-task-react/blob/main/src/components/other/tooltip.tsx#L56)
|
|
129
133
|
- TaskListHeader: `React.FC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>;`
|
|
@@ -20809,11 +20809,12 @@ const Gantt = (props) => {
|
|
|
20809
20809
|
setActiveTaskId(task.id);
|
|
20810
20810
|
setDrawerData({ type: "task", task });
|
|
20811
20811
|
}
|
|
20812
|
+
selectTask(task.id);
|
|
20812
20813
|
if (taskBar.onClick) {
|
|
20813
20814
|
taskBar.onClick(task);
|
|
20814
20815
|
}
|
|
20815
20816
|
},
|
|
20816
|
-
[enableDrawer, taskBar]
|
|
20817
|
+
[enableDrawer, selectTask, taskBar]
|
|
20817
20818
|
);
|
|
20818
20819
|
const handleDrawerClose = useCallback(() => {
|
|
20819
20820
|
setDrawerData(null);
|
|
@@ -20826,11 +20826,12 @@
|
|
|
20826
20826
|
setActiveTaskId(task.id);
|
|
20827
20827
|
setDrawerData({ type: "task", task });
|
|
20828
20828
|
}
|
|
20829
|
+
selectTask(task.id);
|
|
20829
20830
|
if (taskBar.onClick) {
|
|
20830
20831
|
taskBar.onClick(task);
|
|
20831
20832
|
}
|
|
20832
20833
|
},
|
|
20833
|
-
[enableDrawer, taskBar]
|
|
20834
|
+
[enableDrawer, selectTask, taskBar]
|
|
20834
20835
|
);
|
|
20835
20836
|
const handleDrawerClose = React.useCallback(() => {
|
|
20836
20837
|
setDrawerData(null);
|
package/package.json
CHANGED