trotl-table 1.0.78 → 1.0.79

package/dist/Table.esm.js

@@ -9655,6 +9655,7 @@ function TableInner({
   customColumns = [],
   groupDefaultOpen = false,
   showIcons = true,
+  timeoutLoading = 5,
   t
 }) {
   let translate;
@@ -10227,6 +10228,20 @@ function TableInner({
     return map;
   }, [sortedGroupedData, groupKey]);
   const [tableDataFlat, setTableDataFlat] = useState([]);
+  const [loadingTimeoutReached, setLoadingTimeoutReached] = useState(false);
+  useEffect(() => {
+    if (tableDataFlat.length > 0) {
+      setLoadingTimeoutReached(false);
+      return undefined;
+    }
+    const timeoutSeconds = Number(timeoutLoading) && Number(timeoutLoading) >= 0 ? Number(timeoutLoading) : 5;
+    const timerId = window.setTimeout(() => {
+      setLoadingTimeoutReached(true);
+    }, timeoutSeconds * 1000);
+    return () => {
+      window.clearTimeout(timerId);
+    };
+  }, [tableDataFlat.length, timeoutLoading]);
   const flattened = useMemo(() => {
     const items = [];
     // Use the sortedGroupedData here so the flattened list reflects current sorting and filtering
@@ -11160,7 +11175,14 @@ function TableInner({
   }, "\u2699\uFE0F") : translate("action")))), /*#__PURE__*/React__default.createElement("div", {
     className: "main-table",
     ref: listRef
-  }, tableDataFlat.length === 0 ? /*#__PURE__*/React__default.createElement(DotsLoading, null) : /*#__PURE__*/React__default.createElement(AutoSizer, null, ({
+  }, tableDataFlat.length === 0 && !loadingTimeoutReached ? /*#__PURE__*/React__default.createElement(DotsLoading, null) : tableDataFlat.length === 0 && loadingTimeoutReached ? /*#__PURE__*/React__default.createElement("div", {
+    className: "table-empty",
+    style: {
+      padding: 24,
+      textAlign: 'center',
+      color: '#666'
+    }
+  }, translate("noData")) : /*#__PURE__*/React__default.createElement(AutoSizer, null, ({
     height,
     width
   }) => /*#__PURE__*/React__default.createElement(List, {