gantt-task-react-powern 0.6.9 → 0.6.11

package/dist/index.js

@@ -3109,7 +3109,11 @@ var Gantt = function Gantt(_ref) {
       setFailedTask = _useState9[1];
 
   var svgWidth = columnWidth < 55 ? (dateSetup.dates.length + 0.5) * columnWidth : dateSetup.dates.length * columnWidth;
-  var ganttFullHeight = barTasks.length * rowHeight;
+  var displayedTasks = React.useMemo(function () {
+    var filtered = onExpanderClick ? removeHiddenTasks(tasks) : tasks;
+    return filtered.sort(sortTasks);
+  }, [tasks, onExpanderClick]);
+  var ganttFullHeight = displayedTasks.length * rowHeight;
 
   var _useState10 = React.useState(0),
       scrollY = _useState10[0],
@@ -3154,13 +3158,7 @@ var Gantt = function Gantt(_ref) {
     setIsProcessing(true);
     debounceRef.current = setTimeout(function () {
       var filteredTasks;
-
-      if (onExpanderClick) {
-        filteredTasks = removeHiddenTasks(tasks);
-      } else {
-        filteredTasks = tasks;
-      }
-
+      filteredTasks = removeHiddenTasks(tasks);
       filteredTasks = filteredTasks.sort(sortTasks);
 
       var _ganttDateRange2 = ganttDateRange(filteredTasks, viewMode, preStepsCount),
@@ -3202,7 +3200,7 @@ 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));
       setIsProcessing(false);
     }, delayToRender);
-  }, [tasks, viewMode, preStepsCount, rowHeight, barCornerRadius, columnWidth, taskHeight, handleWidth, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor, rtl, onExpanderClick]);
+  }, [tasks, viewMode, preStepsCount, rowHeight, barCornerRadius, columnWidth, taskHeight, handleWidth, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor, rtl]);
   React.useEffect(function () {
     return function () {
       clearTimeout(debounceRef.current);
@@ -3281,6 +3279,8 @@ var Gantt = function Gantt(_ref) {
   React.useEffect(function () {
     var _wrapperRef$current, _wrapperRef$current2, _wrapperRef$current3, _wrapperRef$current4;
 
+    if (isProcessing) return;
+
     var handleWheel = function handleWheel(event) {
       if (event.shiftKey || event.deltaX) {
         var scrollMove = event.deltaX ? event.deltaX : event.deltaY;
@@ -3373,7 +3373,7 @@ var Gantt = function Gantt(_ref) {
       (_wrapperRef$current7 = wrapperRef.current) === null || _wrapperRef$current7 === void 0 ? void 0 : _wrapperRef$current7.removeEventListener("touchend", handleLogTouch);
       (_wrapperRef$current8 = wrapperRef.current) === null || _wrapperRef$current8 === void 0 ? void 0 : _wrapperRef$current8.removeEventListener("touchend", handleLogTouch);
     };
-  }, [wrapperRef, scrollY, scrollX, ganttHeight, svgWidth, rtl, ganttFullHeight]);
+  }, [wrapperRef, scrollY, scrollX, ganttHeight, svgWidth, rtl, ganttFullHeight, isProcessing]);
 
   var handleScrollY = function handleScrollY(event) {
     if (scrollY !== event.currentTarget.scrollTop && !ignoreScrollEvent) {
@@ -3551,7 +3551,7 @@ var Gantt = function Gantt(_ref) {
       className: styles$9.wrapper,
       style: {
         position: "relative",
-        minHeight: "400px"
+        minHeight: ganttHeight + 70 || 400
       }
     }, React__default.createElement("div", {
       style: {