gantt-task-react-powern 0.6.5 → 0.6.7

package/dist/index.modern.js

@@ -3041,7 +3041,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 = useRef(null);
   var taskListRef = useRef(null);
 
@@ -3085,6 +3087,8 @@ var Gantt = function Gantt(_ref) {
       barTasks = _useState6[0],
       setBarTasks = _useState6[1];
 
+  var debounceRef = useRef(null);
+
   var _useState7 = useState({
     action: ""
   }),
@@ -3138,7 +3142,13 @@ var Gantt = function Gantt(_ref) {
     }
   }, [startDate, endDate]);
   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) {
@@ -3186,11 +3196,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]);
+  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]);
+  }, []);
   useEffect(function () {
     if (viewMode === dateSetup.viewMode && (viewDate && !currentViewDate || viewDate && (currentViewDate === null || currentViewDate === void 0 ? void 0 : currentViewDate.valueOf()) !== viewDate.valueOf())) {
       var dates = dateSetup.dates;