trotl-table 1.0.77 → 1.0.79

package/dist/Table.cjs.js

@@ -9677,6 +9677,7 @@ function TableInner({
   customColumns = [],
   groupDefaultOpen = false,
   showIcons = true,
+  timeoutLoading = 5,
   t
 }) {
   let translate;
@@ -10249,6 +10250,20 @@ function TableInner({
     return map;
   }, [sortedGroupedData, groupKey]);
   const [tableDataFlat, setTableDataFlat] = React.useState([]);
+  const [loadingTimeoutReached, setLoadingTimeoutReached] = React.useState(false);
+  React.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 = React.useMemo(() => {
     const items = [];
     // Use the sortedGroupedData here so the flattened list reflects current sorting and filtering
@@ -11182,7 +11197,14 @@ function TableInner({
   }, "\u2699\uFE0F") : translate("action")))), /*#__PURE__*/React.createElement("div", {
     className: "main-table",
     ref: listRef
-  }, tableDataFlat.length === 0 ? /*#__PURE__*/React.createElement(DotsLoading.default, null) : /*#__PURE__*/React.createElement(AutoSizer, null, ({
+  }, tableDataFlat.length === 0 && !loadingTimeoutReached ? /*#__PURE__*/React.createElement(DotsLoading.default, null) : tableDataFlat.length === 0 && loadingTimeoutReached ? /*#__PURE__*/React.createElement("div", {
+    className: "table-empty",
+    style: {
+      padding: 24,
+      textAlign: 'center',
+      color: '#666'
+    }
+  }, translate("noData")) : /*#__PURE__*/React.createElement(AutoSizer, null, ({
     height,
     width
   }) => /*#__PURE__*/React.createElement(List, {