gantt-task-react-powern 0.6.12 → 0.6.14

package/dist/index.js

@@ -3137,6 +3137,8 @@ var Gantt = function Gantt(_ref) {
       isProcessing = _useState15[0],
       setIsProcessing = _useState15[1];
 
+  var processCounter = React.useRef(0);
+  var performanceRef = React.useRef(performance.now());
   var buffer = rowHeight * 10;
   var visibleStartY = scrollY - buffer;
   var visibleEndY = scrollY + ganttHeight + buffer;
@@ -3153,7 +3155,15 @@ var Gantt = function Gantt(_ref) {
       clearTimeout(debounceRef.current);
     }
 
-    setIsProcessing(true);
+    if (performance.now() - performanceRef.current > 3000 && processCounter.current < 2) {
+      processCounter.current += 1;
+    }
+
+    if (processCounter.current <= 2) {
+      setIsProcessing(true);
+    }
+
+    performanceRef.current = performance.now();
     debounceRef.current = setTimeout(function () {
       var filteredTasks;
       filteredTasks = removeHiddenTasks(tasks);
@@ -3541,37 +3551,11 @@ var Gantt = function Gantt(_ref) {
     taskLabelRenderer: taskLabelRenderer,
     onMultiSelect: onMultiSelect
   };
-
-  if (isProcessing) {
-    return React__default.createElement("div", {
-      className: styles$9.wrapper,
-      style: {
-        position: "relative",
-        minHeight: ganttHeight + 70 || 400
-      }
-    }, React__default.createElement("div", {
-      style: {
-        position: "absolute",
-        inset: 0,
-        height: "100%",
-        width: "100%",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        gap: "16px"
-      }
-    }, React__default.createElement("span", {
-      style: {
-        fontSize: "24px",
-        color: "#cc0404",
-        fontFamily: "Arial, sans-serif"
-      }
-    }, "Loading..."), React__default.createElement("div", {
-      className: styles$9.spinner
-    })));
-  }
-
-  return React__default.createElement("div", null, React__default.createElement("div", {
+  return React__default.createElement("div", {
+    style: {
+      position: "relative"
+    }
+  }, React__default.createElement("div", {
     className: styles$9.wrapper,
     onKeyDown: handleKeyDown,
     tabIndex: 0,
@@ -3606,6 +3590,31 @@ var Gantt = function Gantt(_ref) {
     scroll: scrollY,
     onScroll: handleScrollY,
     rtl: rtl
+  })), isProcessing && React__default.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__default.createElement("span", {
+    style: {
+      fontSize: "24px",
+      fontWeight: "600",
+      color: "#cc0404",
+      fontFamily: "Arial, sans-serif"
+    }
+  }, "Loading..."), React__default.createElement("div", {
+    className: styles$9.spinner
   })), React__default.createElement(HorizontalScroll, {
     svgWidth: svgWidth,
     taskListWidth: taskListWidth,