gantt-task-react-powern 0.6.5 → 0.6.7

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);
 
@@ -3086,6 +3088,8 @@ var Gantt = function Gantt(_ref) {
       barTasks = _useState6[0],
       setBarTasks = _useState6[1];
 
+  var debounceRef = React.useRef(null);
+
   var _useState7 = React.useState({
     action: ""
   }),
@@ -3139,7 +3143,13 @@ var Gantt = function Gantt(_ref) {
     }
   }, [startDate, endDate]);
   React.useEffect(function () {
-    var timer = setTimeout(function () {
+    console.debug("Tasks or view mode changed, recalculating bars...");
+
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current);
+    }
+
+    debounceRef.current = setTimeout(function () {
       var filteredTasks;
 
       if (onExpanderClick) {
@@ -3187,11 +3197,13 @@ var Gantt = function Gantt(_ref) {
       }
 
       setBarTasks(convertToBarTasks(filteredTasks, newDates, columnWidth, rowHeight, taskHeight, barCornerRadius, handleWidth, rtl, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor));
-    }, 500);
+    }, delayToRender);
+  }, [tasks, viewMode, preStepsCount, rowHeight, barCornerRadius, columnWidth, taskHeight, handleWidth, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor, rtl, onExpanderClick]);
+  React.useEffect(function () {
     return function () {
-      return clearTimeout(timer);
+      clearTimeout(debounceRef.current);
     };
-  }, [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())) {
       var dates = dateSetup.dates;