gantt-task-react-powern 0.4.67 → 0.4.69
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/dist/components/grid/grid-body.d.ts +0 -2
- package/dist/components/task-list/task-list-header.d.ts +0 -1
- package/dist/components/task-list/task-list-table.d.ts +0 -1
- package/dist/components/task-list/task-list.d.ts +0 -3
- package/dist/index.css +1 -27
- package/dist/index.js +51 -138
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +51 -138
- package/dist/index.modern.js.map +1 -1
- package/dist/types/public-types.d.ts +1 -4
- package/package.json +1 -1
|
@@ -2,13 +2,11 @@ import React from "react";
|
|
|
2
2
|
import { Task } from "../../types/public-types";
|
|
3
3
|
export declare type GridBodyProps = {
|
|
4
4
|
tasks: Task[];
|
|
5
|
-
scheduleType: string;
|
|
6
5
|
dates: Date[];
|
|
7
6
|
svgWidth: number;
|
|
8
7
|
rowHeight: number;
|
|
9
8
|
columnWidth: number;
|
|
10
9
|
todayColor: string;
|
|
11
|
-
weekendColor: string;
|
|
12
10
|
rtl: boolean;
|
|
13
11
|
};
|
|
14
12
|
export declare const GridBody: React.FC<GridBodyProps>;
|
|
@@ -12,7 +12,6 @@ export declare type TaskListProps = {
|
|
|
12
12
|
scrollY: number;
|
|
13
13
|
locale: string;
|
|
14
14
|
tasks: Task[];
|
|
15
|
-
scheduleType: string;
|
|
16
15
|
leafTasks: Task[];
|
|
17
16
|
taskListRef: React.RefObject<HTMLDivElement>;
|
|
18
17
|
horizontalContainerClass?: string;
|
|
@@ -25,7 +24,6 @@ export declare type TaskListProps = {
|
|
|
25
24
|
rowWidth: string;
|
|
26
25
|
fontFamily: string;
|
|
27
26
|
fontSize: string;
|
|
28
|
-
scheduleType: string;
|
|
29
27
|
}>;
|
|
30
28
|
TaskListTable: React.FC<{
|
|
31
29
|
rowHeight: number;
|
|
@@ -34,7 +32,6 @@ export declare type TaskListProps = {
|
|
|
34
32
|
fontSize: string;
|
|
35
33
|
locale: string;
|
|
36
34
|
tasks: Task[];
|
|
37
|
-
scheduleType: string;
|
|
38
35
|
leafTasks: Task[];
|
|
39
36
|
selectedTaskId: string;
|
|
40
37
|
setSelectedTask: (taskId: string) => void;
|
package/dist/index.css
CHANGED
|
@@ -37,23 +37,6 @@
|
|
|
37
37
|
text-overflow: ellipsis;
|
|
38
38
|
white-space: nowrap;
|
|
39
39
|
overflow: hidden;
|
|
40
|
-
background-color: #fff;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
._GzvG4 {
|
|
44
|
-
display: table-row;
|
|
45
|
-
text-overflow: ellipsis;
|
|
46
|
-
white-space: nowrap;
|
|
47
|
-
overflow: hidden;
|
|
48
|
-
background-color: #fff;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
._3Ykml {
|
|
52
|
-
display: table-row;
|
|
53
|
-
text-overflow: ellipsis;
|
|
54
|
-
white-space: nowrap;
|
|
55
|
-
overflow: hidden;
|
|
56
|
-
background-color: #e6e4e4;
|
|
57
40
|
}
|
|
58
41
|
|
|
59
42
|
._34SS0:nth-of-type(even) {
|
|
@@ -66,7 +49,6 @@
|
|
|
66
49
|
white-space: nowrap;
|
|
67
50
|
overflow: hidden;
|
|
68
51
|
text-overflow: ellipsis;
|
|
69
|
-
border-bottom: #ebeff2 1px solid;
|
|
70
52
|
}
|
|
71
53
|
._nI1Xw {
|
|
72
54
|
display: flex;
|
|
@@ -170,14 +152,6 @@
|
|
|
170
152
|
fill: #f5f5f5;
|
|
171
153
|
}
|
|
172
154
|
|
|
173
|
-
._2RRca {
|
|
174
|
-
fill: #fff;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
._2RRca:nth-child(even) {
|
|
178
|
-
fill: #fff;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
155
|
._3rUKi {
|
|
182
156
|
stroke: #ebeff2;
|
|
183
157
|
}
|
|
@@ -186,7 +160,7 @@
|
|
|
186
160
|
stroke: #e6e4e4;
|
|
187
161
|
}
|
|
188
162
|
._2M-tt {
|
|
189
|
-
fill: #e6e4e4 !important;
|
|
163
|
+
fill: #e6e4e4 !important;
|
|
190
164
|
}
|
|
191
165
|
|
|
192
166
|
._9w8d5 {
|
package/dist/index.js
CHANGED
|
@@ -275,6 +275,9 @@ var getWeekNumberISO8601 = function getWeekNumberISO8601(date) {
|
|
|
275
275
|
return weekNumber;
|
|
276
276
|
}
|
|
277
277
|
};
|
|
278
|
+
var getDaysInMonth = function getDaysInMonth(month, year) {
|
|
279
|
+
return new Date(year, month + 1, 0).getDate();
|
|
280
|
+
};
|
|
278
281
|
|
|
279
282
|
var styles = {"ganttTable":"_3_ygE","ganttTable_Header":"_1nBOt","ganttTable_HeaderSeparator":"_2eZzQ","ganttTable_HeaderItem":"_WuQ0f"};
|
|
280
283
|
|
|
@@ -282,8 +285,7 @@ var TaskListHeaderDefault = function TaskListHeaderDefault(_ref) {
|
|
|
282
285
|
var headerHeight = _ref.headerHeight,
|
|
283
286
|
fontFamily = _ref.fontFamily,
|
|
284
287
|
fontSize = _ref.fontSize,
|
|
285
|
-
rowWidth = _ref.rowWidth
|
|
286
|
-
scheduleType = _ref.scheduleType;
|
|
288
|
+
rowWidth = _ref.rowWidth;
|
|
287
289
|
return React__default.createElement("div", {
|
|
288
290
|
className: styles.ganttTable,
|
|
289
291
|
style: {
|
|
@@ -310,10 +312,10 @@ var TaskListHeaderDefault = function TaskListHeaderDefault(_ref) {
|
|
|
310
312
|
}), React__default.createElement("div", {
|
|
311
313
|
className: styles.ganttTable_HeaderItem,
|
|
312
314
|
style: {
|
|
313
|
-
minWidth: parseInt(rowWidth) *
|
|
314
|
-
maxWidth: parseInt(rowWidth) *
|
|
315
|
+
minWidth: parseInt(rowWidth) * 0.8,
|
|
316
|
+
maxWidth: parseInt(rowWidth) * 0.8
|
|
315
317
|
}
|
|
316
|
-
}, "
|
|
318
|
+
}, "ID"), React__default.createElement("div", {
|
|
317
319
|
className: styles.ganttTable_HeaderSeparator,
|
|
318
320
|
style: {
|
|
319
321
|
height: headerHeight * 0.5,
|
|
@@ -322,43 +324,37 @@ var TaskListHeaderDefault = function TaskListHeaderDefault(_ref) {
|
|
|
322
324
|
}), React__default.createElement("div", {
|
|
323
325
|
className: styles.ganttTable_HeaderItem,
|
|
324
326
|
style: {
|
|
325
|
-
minWidth: parseInt(rowWidth) *
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
}, "
|
|
327
|
+
minWidth: parseInt(rowWidth) * 1.8,
|
|
328
|
+
maxWidth: parseInt(rowWidth) * 1.8
|
|
329
|
+
}
|
|
330
|
+
}, "Task"), React__default.createElement("div", {
|
|
329
331
|
className: styles.ganttTable_HeaderSeparator,
|
|
330
332
|
style: {
|
|
331
333
|
height: headerHeight * 0.5,
|
|
332
|
-
marginTop: headerHeight * 0.
|
|
334
|
+
marginTop: headerHeight * 0.2
|
|
333
335
|
}
|
|
334
336
|
}), React__default.createElement("div", {
|
|
335
337
|
className: styles.ganttTable_HeaderItem,
|
|
336
338
|
style: {
|
|
337
|
-
minWidth: parseInt(rowWidth) * 0.
|
|
338
|
-
},
|
|
339
|
-
title: "Planned End"
|
|
340
|
-
}, "Planned End"), scheduleType === "lookAhead" && React__default.createElement("div", {
|
|
341
|
-
className: styles.ganttTable_HeaderItem,
|
|
342
|
-
style: {
|
|
343
|
-
minWidth: parseInt(rowWidth) * 0.6
|
|
339
|
+
minWidth: parseInt(rowWidth) * 0.7
|
|
344
340
|
},
|
|
345
341
|
title: "Planned Start"
|
|
346
|
-
}, "
|
|
342
|
+
}, "Planned Start"), React__default.createElement("div", {
|
|
347
343
|
className: styles.ganttTable_HeaderSeparator,
|
|
348
344
|
style: {
|
|
349
345
|
height: headerHeight * 0.5,
|
|
350
346
|
marginTop: headerHeight * 0.25
|
|
351
347
|
}
|
|
352
|
-
}),
|
|
348
|
+
}), React__default.createElement("div", {
|
|
353
349
|
className: styles.ganttTable_HeaderItem,
|
|
354
350
|
style: {
|
|
355
|
-
minWidth: parseInt(rowWidth) * 0.
|
|
351
|
+
minWidth: parseInt(rowWidth) * 0.7
|
|
356
352
|
},
|
|
357
353
|
title: "Planned End"
|
|
358
|
-
}, "
|
|
354
|
+
}, "Planned End")));
|
|
359
355
|
};
|
|
360
356
|
|
|
361
|
-
var styles$1 = {"taskListWrapper":"_3ZbQT","taskListTableRow":"_34SS0","
|
|
357
|
+
var styles$1 = {"taskListWrapper":"_3ZbQT","taskListTableRow":"_34SS0","taskListCell":"_3lLk3","taskListNameWrapper":"_nI1Xw","taskListExpander":"_2QjE6","taskListExpanderPlaceholder":"_1fnLB","taskListEmptyExpander":"_2TfEi","taskListText":"_2ZvXU"};
|
|
362
358
|
|
|
363
359
|
var localeDateStringCache = {};
|
|
364
360
|
|
|
@@ -386,7 +382,6 @@ var TaskListTableDefault = function TaskListTableDefault(_ref) {
|
|
|
386
382
|
var rowHeight = _ref.rowHeight,
|
|
387
383
|
rowWidth = _ref.rowWidth,
|
|
388
384
|
tasks = _ref.tasks,
|
|
389
|
-
scheduleType = _ref.scheduleType,
|
|
390
385
|
leafTasks = _ref.leafTasks,
|
|
391
386
|
fontFamily = _ref.fontFamily,
|
|
392
387
|
fontSize = _ref.fontSize,
|
|
@@ -422,7 +417,7 @@ var TaskListTableDefault = function TaskListTableDefault(_ref) {
|
|
|
422
417
|
}
|
|
423
418
|
|
|
424
419
|
return React__default.createElement("div", {
|
|
425
|
-
className:
|
|
420
|
+
className: styles$1.taskListTableRow,
|
|
426
421
|
style: {
|
|
427
422
|
height: rowHeight
|
|
428
423
|
},
|
|
@@ -455,6 +450,13 @@ var TaskListTableDefault = function TaskListTableDefault(_ref) {
|
|
|
455
450
|
fontSize: "16px"
|
|
456
451
|
}
|
|
457
452
|
}, "\u2714") : ""))), React__default.createElement("div", {
|
|
453
|
+
className: styles$1.taskListCell,
|
|
454
|
+
style: {
|
|
455
|
+
minWidth: parseInt(rowWidth) * 0.8,
|
|
456
|
+
maxWidth: parseInt(rowWidth) * 0.8
|
|
457
|
+
},
|
|
458
|
+
title: t.optionalId ? t.optionalId : ""
|
|
459
|
+
}, t.optionalId), React__default.createElement("div", {
|
|
458
460
|
className: styles$1.taskListCell,
|
|
459
461
|
style: {
|
|
460
462
|
minWidth: parseInt(rowWidth) * 2,
|
|
@@ -479,23 +481,7 @@ var TaskListTableDefault = function TaskListTableDefault(_ref) {
|
|
|
479
481
|
}
|
|
480
482
|
}, React__default.createElement("div", {
|
|
481
483
|
className: styles$1.taskListText
|
|
482
|
-
}, "\xA0", toLocaleDateString(t.end, dateTimeOptions)))
|
|
483
|
-
className: styles$1.taskListCell,
|
|
484
|
-
style: {
|
|
485
|
-
minWidth: parseInt(rowWidth) * 0.6,
|
|
486
|
-
maxWidth: parseInt(rowWidth) * 0.6
|
|
487
|
-
}
|
|
488
|
-
}, React__default.createElement("div", {
|
|
489
|
-
className: styles$1.taskListText
|
|
490
|
-
}, "\xA0", toLocaleDateString(t.actualStart, dateTimeOptions))), scheduleType === "lookAhead" && React__default.createElement("div", {
|
|
491
|
-
className: styles$1.taskListCell,
|
|
492
|
-
style: {
|
|
493
|
-
minWidth: parseInt(rowWidth) * 0.6,
|
|
494
|
-
maxWidth: parseInt(rowWidth) * 0.6
|
|
495
|
-
}
|
|
496
|
-
}, React__default.createElement("div", {
|
|
497
|
-
className: styles$1.taskListText
|
|
498
|
-
}, "\xA0", toLocaleDateString(t.actualEnd, dateTimeOptions))));
|
|
484
|
+
}, "\xA0", toLocaleDateString(t.end, dateTimeOptions))));
|
|
499
485
|
}));
|
|
500
486
|
};
|
|
501
487
|
|
|
@@ -662,7 +648,6 @@ var TaskList = function TaskList(_ref) {
|
|
|
662
648
|
rowHeight = _ref.rowHeight,
|
|
663
649
|
scrollY = _ref.scrollY,
|
|
664
650
|
tasks = _ref.tasks,
|
|
665
|
-
scheduleType = _ref.scheduleType,
|
|
666
651
|
leafTasks = _ref.leafTasks,
|
|
667
652
|
selectedTask = _ref.selectedTask,
|
|
668
653
|
setSelectedTask = _ref.setSelectedTask,
|
|
@@ -684,8 +669,7 @@ var TaskList = function TaskList(_ref) {
|
|
|
684
669
|
headerHeight: headerHeight,
|
|
685
670
|
fontFamily: fontFamily,
|
|
686
671
|
fontSize: fontSize,
|
|
687
|
-
rowWidth: rowWidth
|
|
688
|
-
scheduleType: scheduleType
|
|
672
|
+
rowWidth: rowWidth
|
|
689
673
|
};
|
|
690
674
|
var selectedTaskId = selectedTask ? selectedTask.id : "";
|
|
691
675
|
var tableProps = {
|
|
@@ -695,7 +679,6 @@ var TaskList = function TaskList(_ref) {
|
|
|
695
679
|
fontSize: fontSize,
|
|
696
680
|
tasks: tasks,
|
|
697
681
|
leafTasks: leafTasks,
|
|
698
|
-
scheduleType: scheduleType,
|
|
699
682
|
locale: locale,
|
|
700
683
|
selectedTaskId: selectedTaskId,
|
|
701
684
|
setSelectedTask: setSelectedTask,
|
|
@@ -713,17 +696,15 @@ var TaskList = function TaskList(_ref) {
|
|
|
713
696
|
}, React__default.createElement(TaskListTable, Object.assign({}, tableProps))));
|
|
714
697
|
};
|
|
715
698
|
|
|
716
|
-
var styles$4 = {"gridRow":"_2dZTy","
|
|
699
|
+
var styles$4 = {"gridRow":"_2dZTy","gridRowLine":"_3rUKi","gridTick":"_RuwuK","darkerGridRow":"_2M-tt"};
|
|
717
700
|
|
|
718
701
|
var GridBody = function GridBody(_ref) {
|
|
719
702
|
var tasks = _ref.tasks,
|
|
720
|
-
scheduleType = _ref.scheduleType,
|
|
721
703
|
dates = _ref.dates,
|
|
722
704
|
rowHeight = _ref.rowHeight,
|
|
723
705
|
svgWidth = _ref.svgWidth,
|
|
724
706
|
columnWidth = _ref.columnWidth,
|
|
725
707
|
todayColor = _ref.todayColor,
|
|
726
|
-
weekendColor = _ref.weekendColor,
|
|
727
708
|
rtl = _ref.rtl;
|
|
728
709
|
var y = 0;
|
|
729
710
|
var gridRows = [];
|
|
@@ -745,7 +726,7 @@ var GridBody = function GridBody(_ref) {
|
|
|
745
726
|
y: y,
|
|
746
727
|
width: svgWidth,
|
|
747
728
|
height: rowHeight,
|
|
748
|
-
className: isDarkerRow ? styles$4.darkerGridRow :
|
|
729
|
+
className: isDarkerRow ? styles$4.darkerGridRow : styles$4.gridRow
|
|
749
730
|
}));
|
|
750
731
|
rowLines.push(React__default.createElement("line", {
|
|
751
732
|
key: "RowLine" + task.id,
|
|
@@ -762,7 +743,6 @@ var GridBody = function GridBody(_ref) {
|
|
|
762
743
|
var tickX = 0;
|
|
763
744
|
var ticks = [];
|
|
764
745
|
var today = React__default.createElement("rect", null);
|
|
765
|
-
var weekend = [];
|
|
766
746
|
|
|
767
747
|
for (var i = 0; i < dates.length; i++) {
|
|
768
748
|
var date = dates[i];
|
|
@@ -785,16 +765,6 @@ var GridBody = function GridBody(_ref) {
|
|
|
785
765
|
});
|
|
786
766
|
}
|
|
787
767
|
|
|
788
|
-
if (date.getDay() === 6 || date.getDay() === 0) {
|
|
789
|
-
weekend.push(React__default.createElement("rect", {
|
|
790
|
-
x: tickX,
|
|
791
|
-
y: 0,
|
|
792
|
-
width: columnWidth,
|
|
793
|
-
height: y,
|
|
794
|
-
fill: weekendColor
|
|
795
|
-
}));
|
|
796
|
-
}
|
|
797
|
-
|
|
798
768
|
if (rtl && i + 1 !== dates.length && date.getTime() >= now.getTime() && dates[i + 1].getTime() < now.getTime()) {
|
|
799
769
|
today = React__default.createElement("rect", {
|
|
800
770
|
x: tickX + columnWidth,
|
|
@@ -816,9 +786,7 @@ var GridBody = function GridBody(_ref) {
|
|
|
816
786
|
className: "rowLines"
|
|
817
787
|
}, rowLines), React__default.createElement("g", {
|
|
818
788
|
className: "ticks"
|
|
819
|
-
}, ticks),
|
|
820
|
-
className: "weekend"
|
|
821
|
-
}, weekend), React__default.createElement("g", {
|
|
789
|
+
}, ticks), React__default.createElement("g", {
|
|
822
790
|
className: "today"
|
|
823
791
|
}, today));
|
|
824
792
|
};
|
|
@@ -1063,21 +1031,7 @@ var Calendar = function Calendar(_ref) {
|
|
|
1063
1031
|
x1Line: columnWidth * (i + 1),
|
|
1064
1032
|
y1Line: 0,
|
|
1065
1033
|
y2Line: topDefaultHeight,
|
|
1066
|
-
xText:
|
|
1067
|
-
yText: topDefaultHeight * 0.9
|
|
1068
|
-
}));
|
|
1069
|
-
}
|
|
1070
|
-
|
|
1071
|
-
if (i + 1 === dates.length) {
|
|
1072
|
-
var _topValue = getLocaleMonth(date, locale) + " " + date.getFullYear();
|
|
1073
|
-
|
|
1074
|
-
topValues.push(React__default.createElement(TopPartOfCalendar, {
|
|
1075
|
-
key: _topValue + date.getFullYear(),
|
|
1076
|
-
value: _topValue,
|
|
1077
|
-
x1Line: columnWidth * (i + 1),
|
|
1078
|
-
y1Line: 0,
|
|
1079
|
-
y2Line: topDefaultHeight,
|
|
1080
|
-
xText: columnWidth * (i + 1) - date.getDate() * columnWidth * 0.5,
|
|
1034
|
+
xText: columnWidth * (i + 1) - getDaysInMonth(date.getMonth(), date.getFullYear()) * columnWidth * 0.5,
|
|
1081
1035
|
yText: topDefaultHeight * 0.9
|
|
1082
1036
|
}));
|
|
1083
1037
|
}
|
|
@@ -1863,7 +1817,7 @@ var Bar = function Bar(_ref) {
|
|
|
1863
1817
|
var handleHeight = task.height / 2 - 1;
|
|
1864
1818
|
|
|
1865
1819
|
if (type == "planned") {
|
|
1866
|
-
if (
|
|
1820
|
+
if (task.x1 && task.x2) return React__default.createElement("g", {
|
|
1867
1821
|
className: styles$6.barWrapper,
|
|
1868
1822
|
tabIndex: 0
|
|
1869
1823
|
}, React__default.createElement(BarDisplay, {
|
|
@@ -1911,7 +1865,7 @@ var Bar = function Bar(_ref) {
|
|
|
1911
1865
|
className: styles$6.barWrapper,
|
|
1912
1866
|
tabIndex: 0
|
|
1913
1867
|
});
|
|
1914
|
-
} else if (
|
|
1868
|
+
} else if (task.actualx1 && task.actualx2) {
|
|
1915
1869
|
return React__default.createElement("g", {
|
|
1916
1870
|
className: styles$6.barWrapper,
|
|
1917
1871
|
tabIndex: 0
|
|
@@ -2098,11 +2052,11 @@ var TaskItem = function TaskItem(props) {
|
|
|
2098
2052
|
React.useEffect(function () {
|
|
2099
2053
|
switch (task.typeInternal) {
|
|
2100
2054
|
case "milestone":
|
|
2101
|
-
|
|
2055
|
+
setTaskItem([React__default.createElement(Milestone, Object.assign({}, props))]);
|
|
2102
2056
|
break;
|
|
2103
2057
|
|
|
2104
2058
|
case "project":
|
|
2105
|
-
|
|
2059
|
+
setTaskItem([React__default.createElement(Project, Object.assign({}, props))]);
|
|
2106
2060
|
break;
|
|
2107
2061
|
|
|
2108
2062
|
case "smalltask":
|
|
@@ -2113,13 +2067,13 @@ var TaskItem = function TaskItem(props) {
|
|
|
2113
2067
|
{
|
|
2114
2068
|
var _taskItem = [];
|
|
2115
2069
|
|
|
2116
|
-
if (
|
|
2070
|
+
if (task.x1 && task.x2) {
|
|
2117
2071
|
_taskItem.push(React__default.createElement(Bar, Object.assign({}, props, {
|
|
2118
2072
|
type: "planned"
|
|
2119
2073
|
})));
|
|
2120
2074
|
}
|
|
2121
2075
|
|
|
2122
|
-
if (
|
|
2076
|
+
if (task.actualx1 && task.actualx2) {
|
|
2123
2077
|
_taskItem.push(React__default.createElement(Bar, Object.assign({}, props, {
|
|
2124
2078
|
type: "actual"
|
|
2125
2079
|
})));
|
|
@@ -2430,7 +2384,7 @@ var TaskGanttContent = function TaskGanttContent(_ref) {
|
|
|
2430
2384
|
return task.barChildren.map(function (child) {
|
|
2431
2385
|
var _task$criticalPathArr, _task$criticalPathArr2;
|
|
2432
2386
|
|
|
2433
|
-
|
|
2387
|
+
return React__default.createElement(Arrow, {
|
|
2434
2388
|
key: "Arrow from " + task.id + " to " + tasks[child.index].id,
|
|
2435
2389
|
taskFrom: task,
|
|
2436
2390
|
taskTo: tasks[child.index],
|
|
@@ -2441,11 +2395,6 @@ var TaskGanttContent = function TaskGanttContent(_ref) {
|
|
|
2441
2395
|
arrowColor: ((_task$criticalPathArr = task.criticalPathArrows) === null || _task$criticalPathArr === void 0 ? void 0 : (_task$criticalPathArr2 = _task$criticalPathArr.find(function (arrow) {
|
|
2442
2396
|
return arrow.taskId == tasks[child.index].id;
|
|
2443
2397
|
})) === null || _task$criticalPathArr2 === void 0 ? void 0 : _task$criticalPathArr2.arrowColor) || "#808080"
|
|
2444
|
-
});else return React__default.createElement("g", {
|
|
2445
|
-
key: _task.id,
|
|
2446
|
-
style: {
|
|
2447
|
-
height: taskHeight
|
|
2448
|
-
}
|
|
2449
2398
|
});
|
|
2450
2399
|
});
|
|
2451
2400
|
})), React__default.createElement("g", {
|
|
@@ -2567,12 +2516,6 @@ var Gantt = function Gantt(_ref) {
|
|
|
2567
2516
|
var tasks = _ref.tasks,
|
|
2568
2517
|
_ref$leafTasks = _ref.leafTasks,
|
|
2569
2518
|
leafTasks = _ref$leafTasks === void 0 ? [] : _ref$leafTasks,
|
|
2570
|
-
_ref$scheduleType = _ref.scheduleType,
|
|
2571
|
-
scheduleType = _ref$scheduleType === void 0 ? "main" : _ref$scheduleType,
|
|
2572
|
-
_ref$startDate = _ref.startDate,
|
|
2573
|
-
startDate = _ref$startDate === void 0 ? new Date() : _ref$startDate,
|
|
2574
|
-
_ref$endDate = _ref.endDate,
|
|
2575
|
-
endDate = _ref$endDate === void 0 ? new Date() : _ref$endDate,
|
|
2576
2519
|
_ref$headerHeight = _ref.headerHeight,
|
|
2577
2520
|
headerHeight = _ref$headerHeight === void 0 ? 50 : _ref$headerHeight,
|
|
2578
2521
|
_ref$columnWidth = _ref.columnWidth,
|
|
@@ -2629,8 +2572,6 @@ var Gantt = function Gantt(_ref) {
|
|
|
2629
2572
|
arrowIndent = _ref$arrowIndent === void 0 ? 20 : _ref$arrowIndent,
|
|
2630
2573
|
_ref$todayColor = _ref.todayColor,
|
|
2631
2574
|
todayColor = _ref$todayColor === void 0 ? "rgba(252, 248, 227, 0.5)" : _ref$todayColor,
|
|
2632
|
-
_ref$weekendColor = _ref.weekendColor,
|
|
2633
|
-
weekendColor = _ref$weekendColor === void 0 ? "#f5f5f5" : _ref$weekendColor,
|
|
2634
2575
|
viewDate = _ref.viewDate,
|
|
2635
2576
|
_ref$TooltipContent = _ref.TooltipContent,
|
|
2636
2577
|
TooltipContent = _ref$TooltipContent === void 0 ? StandardTooltipContent : _ref$TooltipContent,
|
|
@@ -2651,19 +2592,12 @@ var Gantt = function Gantt(_ref) {
|
|
|
2651
2592
|
|
|
2652
2593
|
var _useState = React.useState(function () {
|
|
2653
2594
|
var _ganttDateRange = ganttDateRange(tasks, viewMode, preStepsCount),
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
if (scheduleType === "lookAhead") {
|
|
2658
|
-
return {
|
|
2659
|
-
viewMode: viewMode,
|
|
2660
|
-
dates: seedDates(startDate, endDate, viewMode)
|
|
2661
|
-
};
|
|
2662
|
-
}
|
|
2595
|
+
startDate = _ganttDateRange[0],
|
|
2596
|
+
endDate = _ganttDateRange[1];
|
|
2663
2597
|
|
|
2664
2598
|
return {
|
|
2665
2599
|
viewMode: viewMode,
|
|
2666
|
-
dates: seedDates(
|
|
2600
|
+
dates: seedDates(startDate, endDate, viewMode)
|
|
2667
2601
|
};
|
|
2668
2602
|
}),
|
|
2669
2603
|
dateSetup = _useState[0],
|
|
@@ -2722,14 +2656,6 @@ var Gantt = function Gantt(_ref) {
|
|
|
2722
2656
|
ignoreScrollEvent = _useState12[0],
|
|
2723
2657
|
setIgnoreScrollEvent = _useState12[1];
|
|
2724
2658
|
|
|
2725
|
-
React.useEffect(function () {
|
|
2726
|
-
if (scheduleType === "lookAhead" && startDate && endDate) {
|
|
2727
|
-
setDateSetup({
|
|
2728
|
-
viewMode: viewMode,
|
|
2729
|
-
dates: seedDates(startDate, endDate, viewMode)
|
|
2730
|
-
});
|
|
2731
|
-
}
|
|
2732
|
-
}, [startDate, endDate]);
|
|
2733
2659
|
React.useEffect(function () {
|
|
2734
2660
|
var filteredTasks;
|
|
2735
2661
|
|
|
@@ -2742,14 +2668,10 @@ var Gantt = function Gantt(_ref) {
|
|
|
2742
2668
|
filteredTasks = filteredTasks.sort(sortTasks);
|
|
2743
2669
|
|
|
2744
2670
|
var _ganttDateRange2 = ganttDateRange(filteredTasks, viewMode, preStepsCount),
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
var newDates = seedDates(startDateRange, endDateRange, viewMode);
|
|
2671
|
+
startDate = _ganttDateRange2[0],
|
|
2672
|
+
endDate = _ganttDateRange2[1];
|
|
2749
2673
|
|
|
2750
|
-
|
|
2751
|
-
newDates = seedDates(startDate, endDate, viewMode);
|
|
2752
|
-
}
|
|
2674
|
+
var newDates = seedDates(startDate, endDate, viewMode);
|
|
2753
2675
|
|
|
2754
2676
|
if (rtl) {
|
|
2755
2677
|
newDates = newDates.reverse();
|
|
@@ -2759,24 +2681,18 @@ var Gantt = function Gantt(_ref) {
|
|
|
2759
2681
|
}
|
|
2760
2682
|
}
|
|
2761
2683
|
|
|
2762
|
-
|
|
2763
|
-
|
|
2764
|
-
|
|
2765
|
-
|
|
2766
|
-
});
|
|
2767
|
-
}
|
|
2684
|
+
setDateSetup({
|
|
2685
|
+
dates: newDates,
|
|
2686
|
+
viewMode: viewMode
|
|
2687
|
+
});
|
|
2768
2688
|
|
|
2769
2689
|
var _getCriticalPaths = getCriticalPaths(leafTasks),
|
|
2770
2690
|
primaryPath = _getCriticalPaths[0],
|
|
2771
2691
|
secondaryPath = _getCriticalPaths[1];
|
|
2772
2692
|
|
|
2773
2693
|
uncolorAll(tasks);
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
colorPath(secondaryPath, "#00ff00", tasks);
|
|
2777
|
-
colorPath(primaryPath, "#ff0000", tasks);
|
|
2778
|
-
}
|
|
2779
|
-
|
|
2694
|
+
colorPath(secondaryPath, "#00ff00", tasks);
|
|
2695
|
+
colorPath(primaryPath, "#ff0000", tasks);
|
|
2780
2696
|
setBarTasks(convertToBarTasks(filteredTasks, newDates, columnWidth, rowHeight, taskHeight, barCornerRadius, handleWidth, rtl, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor));
|
|
2781
2697
|
}, [tasks, viewMode, preStepsCount, rowHeight, barCornerRadius, columnWidth, taskHeight, handleWidth, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor, rtl, scrollX, onExpanderClick]);
|
|
2782
2698
|
React.useEffect(function () {
|
|
@@ -2995,11 +2911,9 @@ var Gantt = function Gantt(_ref) {
|
|
|
2995
2911
|
columnWidth: columnWidth,
|
|
2996
2912
|
svgWidth: svgWidth,
|
|
2997
2913
|
tasks: tasks,
|
|
2998
|
-
scheduleType: scheduleType,
|
|
2999
2914
|
rowHeight: rowHeight,
|
|
3000
2915
|
dates: dateSetup.dates,
|
|
3001
2916
|
todayColor: todayColor,
|
|
3002
|
-
weekendColor: weekendColor,
|
|
3003
2917
|
rtl: rtl
|
|
3004
2918
|
};
|
|
3005
2919
|
var calendarProps = {
|
|
@@ -3043,7 +2957,6 @@ var Gantt = function Gantt(_ref) {
|
|
|
3043
2957
|
fontSize: fontSize,
|
|
3044
2958
|
tasks: barTasks,
|
|
3045
2959
|
leafTasks: leafTasks,
|
|
3046
|
-
scheduleType: scheduleType,
|
|
3047
2960
|
locale: locale,
|
|
3048
2961
|
headerHeight: headerHeight,
|
|
3049
2962
|
scrollY: scrollY,
|