gantt-task-react-powern 0.6.11 → 0.6.13

package/dist/index.modern.js

@@ -3108,11 +3108,9 @@ var Gantt = function Gantt(_ref) {
       setFailedTask = _useState9[1];
 
   var svgWidth = columnWidth < 55 ? (dateSetup.dates.length + 0.5) * columnWidth : dateSetup.dates.length * columnWidth;
-  var displayedTasks = useMemo(function () {
-    var filtered = onExpanderClick ? removeHiddenTasks(tasks) : tasks;
-    return filtered.sort(sortTasks);
-  }, [tasks, onExpanderClick]);
-  var ganttFullHeight = displayedTasks.length * rowHeight;
+  var ganttFullHeight = useMemo(function () {
+    return barTasks.length * rowHeight;
+  }, [barTasks.length, rowHeight]);
 
   var _useState10 = useState(0),
       scrollY = _useState10[0],
@@ -3278,8 +3276,6 @@ var Gantt = function Gantt(_ref) {
   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;
@@ -3372,7 +3368,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, isProcessing]);
+  }, [wrapperRef, scrollY, scrollX, ganttHeight, svgWidth, rtl, ganttFullHeight]);
 
   var handleScrollY = function handleScrollY(event) {
     if (scrollY !== event.currentTarget.scrollTop && !ignoreScrollEvent) {
@@ -3544,37 +3540,11 @@ var Gantt = function Gantt(_ref) {
     taskLabelRenderer: taskLabelRenderer,
     onMultiSelect: onMultiSelect
   };
-
-  if (isProcessing) {
-    return React.createElement("div", {
-      className: styles$9.wrapper,
-      style: {
-        position: "relative",
-        minHeight: ganttHeight + 70 || 400
-      }
-    }, React.createElement("div", {
-      style: {
-        position: "absolute",
-        inset: 0,
-        height: "100%",
-        width: "100%",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        gap: "16px"
-      }
-    }, React.createElement("span", {
-      style: {
-        fontSize: "24px",
-        color: "#cc0404",
-        fontFamily: "Arial, sans-serif"
-      }
-    }, "Loading..."), React.createElement("div", {
-      className: styles$9.spinner
-    })));
-  }
-
-  return React.createElement("div", null, React.createElement("div", {
+  return React.createElement("div", {
+    style: {
+      position: "relative"
+    }
+  }, React.createElement("div", {
     className: styles$9.wrapper,
     onKeyDown: handleKeyDown,
     tabIndex: 0,
@@ -3609,6 +3579,31 @@ var Gantt = function Gantt(_ref) {
     scroll: scrollY,
     onScroll: handleScrollY,
     rtl: rtl
+  })), isProcessing && React.createElement("div", {
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: "rgba(255, 255, 255, 0.95)",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      gap: "20px",
+      zIndex: 9999,
+      pointerEvents: "none",
+      borderRadius: "8px"
+    }
+  }, React.createElement("span", {
+    style: {
+      fontSize: "24px",
+      fontWeight: "600",
+      color: "#cc0404",
+      fontFamily: "Arial, sans-serif"
+    }
+  }, "Loading..."), React.createElement("div", {
+    className: styles$9.spinner
   })), React.createElement(HorizontalScroll, {
     svgWidth: svgWidth,
     taskListWidth: taskListWidth,