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.
@@ -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>;
@@ -4,5 +4,4 @@ export declare const TaskListHeaderDefault: React.FC<{
4
4
  rowWidth: string;
5
5
  fontFamily: string;
6
6
  fontSize: string;
7
- scheduleType: string;
8
7
  }>;
@@ -7,7 +7,6 @@ export declare const TaskListTableDefault: React.FC<{
7
7
  fontSize: string;
8
8
  locale: string;
9
9
  tasks: Task[];
10
- scheduleType: string;
11
10
  leafTasks: Task[];
12
11
  selectedTaskId: string;
13
12
  setSelectedTask: (taskId: string) => void;
@@ -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) * 2,
314
- maxWidth: parseInt(rowWidth) * 2
315
+ minWidth: parseInt(rowWidth) * 0.8,
316
+ maxWidth: parseInt(rowWidth) * 0.8
315
317
  }
316
- }, "Task"), React__default.createElement("div", {
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) * 0.6
326
- },
327
- title: "Planned Start"
328
- }, "Planned Start"), React__default.createElement("div", {
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.25
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.6
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
- }, "Actual Start"), scheduleType === "lookAhead" && React__default.createElement("div", {
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
- }), scheduleType === "lookAhead" && React__default.createElement("div", {
348
+ }), React__default.createElement("div", {
353
349
  className: styles.ganttTable_HeaderItem,
354
350
  style: {
355
- minWidth: parseInt(rowWidth) * 0.6
351
+ minWidth: parseInt(rowWidth) * 0.7
356
352
  },
357
353
  title: "Planned End"
358
- }, "Actual End")));
354
+ }, "Planned End")));
359
355
  };
360
356
 
361
- var styles$1 = {"taskListWrapper":"_3ZbQT","taskListTableRow":"_34SS0","taskListLookAheadRow":"_GzvG4","taskListMilestoneRow":"_3Ykml","taskListCell":"_3lLk3","taskListNameWrapper":"_nI1Xw","taskListExpander":"_2QjE6","taskListExpanderPlaceholder":"_1fnLB","taskListEmptyExpander":"_2TfEi","taskListText":"_2ZvXU"};
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: t.type === "milestone" ? styles$1.taskListMilestoneRow : scheduleType === "lookAhead" ? styles$1.taskListLookAheadRow : styles$1.taskListTableRow,
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))), scheduleType === "lookAhead" && React__default.createElement("div", {
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","gridRowLookAhead":"_2RRca","gridRowLine":"_3rUKi","gridTick":"_RuwuK","darkerGridRow":"_2M-tt"};
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 : scheduleType === "lookAhead" ? styles$4.gridRowLookAhead : styles$4.gridRow
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), scheduleType === "lookAhead" && React__default.createElement("g", {
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: topValues.length === 0 ? columnWidth * (i + 1) * 0.5 : columnWidth * (i + 1) - date.getDate() * columnWidth * 0.5,
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 ((task === null || task === void 0 ? void 0 : task.x1) >= 0 && (task === null || task === void 0 ? void 0 : task.x2) >= 0) return React__default.createElement("g", {
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 ((task === null || task === void 0 ? void 0 : task.actualx1) >= 0 && (task === null || task === void 0 ? void 0 : task.actualx2) >= 0) {
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
- if (task.x1 >= 0 && task.actualx1 >= 0) setTaskItem([React__default.createElement(Milestone, Object.assign({}, props))]);else setTaskItem([]);
2055
+ setTaskItem([React__default.createElement(Milestone, Object.assign({}, props))]);
2102
2056
  break;
2103
2057
 
2104
2058
  case "project":
2105
- if ((task === null || task === void 0 ? void 0 : task.x1) >= 0 && (task === null || task === void 0 ? void 0 : task.x2) >= 0 && task.x2 > task.x1 && (task === null || task === void 0 ? void 0 : task.actualx1) >= 0 && (task === null || task === void 0 ? void 0 : task.actualx2) >= 0 && task.actualx2 > task.actualx1) setTaskItem([React__default.createElement(Project, Object.assign({}, props))]);else setTaskItem([]);
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 ((task === null || task === void 0 ? void 0 : task.x1) >= 0 && (task === null || task === void 0 ? void 0 : task.x2) >= 0) {
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 ((task === null || task === void 0 ? void 0 : task.actualx1) >= 0 && (task === null || task === void 0 ? void 0 : task.actualx2) >= 0) {
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
- if (task.x2 > task.x1 || task.actualx2 > task.actualx1) return React__default.createElement(Arrow, {
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
- startDateRange = _ganttDateRange[0],
2655
- endDateRange = _ganttDateRange[1];
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(startDateRange, endDateRange, viewMode)
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
- startDateRange = _ganttDateRange2[0],
2746
- endDateRange = _ganttDateRange2[1];
2747
-
2748
- var newDates = seedDates(startDateRange, endDateRange, viewMode);
2671
+ startDate = _ganttDateRange2[0],
2672
+ endDate = _ganttDateRange2[1];
2749
2673
 
2750
- if (scheduleType === "lookAhead") {
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
- if (scheduleType !== "lookAhead") {
2763
- setDateSetup({
2764
- dates: seedDates(startDateRange, endDateRange, viewMode),
2765
- viewMode: viewMode
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
- if (scheduleType !== "lookAhead") {
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,