gantt-task-react-powern 0.6.4 → 0.6.6

package/dist/index.js

@@ -3042,7 +3042,9 @@ var Gantt = function Gantt(_ref) {
       onSelect = _ref.onSelect,
       onExpanderClick = _ref.onExpanderClick,
       onMultiSelect = _ref.onMultiSelect,
-      taskLabelRenderer = _ref.taskLabelRenderer;
+      taskLabelRenderer = _ref.taskLabelRenderer,
+      _ref$delayToRender = _ref.delayToRender,
+      delayToRender = _ref$delayToRender === void 0 ? 500 : _ref$delayToRender;
   var wrapperRef = React.useRef(null);
   var taskListRef = React.useRef(null);
 
@@ -3139,53 +3141,58 @@ var Gantt = function Gantt(_ref) {
     }
   }, [startDate, endDate]);
   React.useEffect(function () {
-    var filteredTasks;
+    var timer = setTimeout(function () {
+      var filteredTasks;
 
-    if (onExpanderClick) {
-      filteredTasks = removeHiddenTasks(tasks);
-    } else {
-      filteredTasks = tasks;
-    }
+      if (onExpanderClick) {
+        filteredTasks = removeHiddenTasks(tasks);
+      } else {
+        filteredTasks = tasks;
+      }
 
-    filteredTasks = filteredTasks.sort(sortTasks);
+      filteredTasks = filteredTasks.sort(sortTasks);
 
-    var _ganttDateRange2 = ganttDateRange(filteredTasks, viewMode, preStepsCount),
-        startDateRange = _ganttDateRange2[0],
-        endDateRange = _ganttDateRange2[1];
+      var _ganttDateRange2 = ganttDateRange(filteredTasks, viewMode, preStepsCount),
+          startDateRange = _ganttDateRange2[0],
+          endDateRange = _ganttDateRange2[1];
 
-    var newDates = seedDates(startDateRange, endDateRange, viewMode);
+      var newDates = seedDates(startDateRange, endDateRange, viewMode);
 
-    if (scheduleType === "lookAhead") {
-      newDates = seedDates(startDate, endDate, viewMode);
-    }
+      if (scheduleType === "lookAhead") {
+        newDates = seedDates(startDate, endDate, viewMode);
+      }
 
-    if (rtl) {
-      newDates = newDates.reverse();
+      if (rtl) {
+        newDates = newDates.reverse();
 
-      if (scrollX === -1) {
-        setScrollX(newDates.length * columnWidth);
+        if (scrollX === -1) {
+          setScrollX(newDates.length * columnWidth);
+        }
       }
-    }
 
-    if (scheduleType !== "lookAhead") {
-      setDateSetup({
-        dates: seedDates(startDateRange, endDateRange, viewMode),
-        viewMode: viewMode
-      });
-    }
+      if (scheduleType !== "lookAhead") {
+        setDateSetup({
+          dates: seedDates(startDateRange, endDateRange, viewMode),
+          viewMode: viewMode
+        });
+      }
 
-    var _getCriticalPaths = getCriticalPaths(leafTasks),
-        primaryPath = _getCriticalPaths[0],
-        secondaryPath = _getCriticalPaths[1];
+      var _getCriticalPaths = getCriticalPaths(leafTasks),
+          primaryPath = _getCriticalPaths[0],
+          secondaryPath = _getCriticalPaths[1];
 
-    uncolorAll(tasks);
+      uncolorAll(tasks);
 
-    if (scheduleType !== "lookAhead") {
-      colorPath(secondaryPath, "#00ff00", tasks, "secondary");
-      colorPath(primaryPath, "#ff0000", tasks, "primary");
-    }
+      if (scheduleType !== "lookAhead") {
+        colorPath(secondaryPath, "#00ff00", tasks, "secondary");
+        colorPath(primaryPath, "#ff0000", tasks, "primary");
+      }
 
-    setBarTasks(convertToBarTasks(filteredTasks, newDates, columnWidth, rowHeight, taskHeight, barCornerRadius, handleWidth, rtl, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor));
+      setBarTasks(convertToBarTasks(filteredTasks, newDates, columnWidth, rowHeight, taskHeight, barCornerRadius, handleWidth, rtl, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor));
+    }, delayToRender);
+    return function () {
+      return clearTimeout(timer);
+    };
   }, [tasks, viewMode, preStepsCount, rowHeight, barCornerRadius, columnWidth, taskHeight, handleWidth, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor, rtl, onExpanderClick]);
   React.useEffect(function () {
     if (viewMode === dateSetup.viewMode && (viewDate && !currentViewDate || viewDate && (currentViewDate === null || currentViewDate === void 0 ? void 0 : currentViewDate.valueOf()) !== viewDate.valueOf())) {