@raystack/apsara 0.19.0 → 0.19.1

package/dist/index.cjs

@@ -4382,7 +4382,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise */
 
 
 var __assign = function() {
@@ -4416,12 +4416,7 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
+}
 
 var zeroRightClassName = 'right-scroll-bar-position';
 var fullWidthClassName = 'width-before-scroll-bar';
@@ -32148,6 +32143,31 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoa
         null;
     const [tableState, setTableState] = React.useState({});
     const observerRef = React.useRef(null);
+    const lastRowRef = React.useRef(null);
+    React.useEffect(() => {
+        if (!onLoadMore)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0].isIntersecting && !isLoading) {
+                onLoadMore();
+            }
+        }, { threshold: 0.1 });
+        observerRef.current = observer;
+        return () => observer.disconnect();
+    }, [onLoadMore]);
+    React.useEffect(() => {
+        const observer = observerRef.current;
+        const lastRow = lastRowRef.current;
+        if (observer && lastRow) {
+            observer.disconnect();
+            observer.observe(lastRow);
+        }
+        return () => {
+            if (observer && lastRow) {
+                observer.unobserve(lastRow);
+            }
+        };
+    }, [isLoading]);
     const getLoader = (loaderRow, columns) => ([...new Array(loaderRow)].map((_, rowIndex) => (jsxRuntimeExports.jsx(Table.Row, { children: columns.map((_, colIndex) => (jsxRuntimeExports.jsx(Table.Cell, { children: jsxRuntimeExports.jsx(Skeleton, { containerClassName: styles$4.flex1, highlightColor: "var(--background-base)", baseColor: "var(--background-base-hover)" }) }, `col_${colIndex}`))) }, `row_${rowIndex}`))));
     const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } = useTableColumn();
     const columnWithCustomFilter = React.useMemo(() => columns.map((col) => {
@@ -32187,25 +32207,6 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoa
         initialState,
         state: tableState,
     });
-    const lastRowRef = React.useCallback((node) => {
-        if (isLoading)
-            return;
-        if (observerRef.current)
-            observerRef.current.disconnect();
-        observerRef.current = new IntersectionObserver((entries) => {
-            if (entries[0].isIntersecting && onLoadMore) {
-                onLoadMore();
-            }
-        });
-        if (node)
-            observerRef.current.observe(node);
-    }, [isLoading, onLoadMore]);
-    React.useEffect(() => {
-        return () => {
-            if (observerRef.current)
-                observerRef.current.disconnect();
-        };
-    }, []);
     const tableStyle = {
         ...(table.getRowModel().rows?.length
             ? { width: "100%" }
@@ -32244,7 +32245,8 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoa
                                                         ? lastRowRef
                                                         : null, children: row.getVisibleCells().map((cell, index) => (jsxRuntimeExports.jsx(Table.Cell, { style: {
                                                             ...(cell.column.columnDef?.meta?.style ?? {}),
-                                                        }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, `${cell.id}_${index}`))) }, row.id)))) : (jsxRuntimeExports.jsx(Table.Row, { children: jsxRuntimeExports.jsx(Table.Cell, { colSpan: columns.length, children: emptyState || "No results." }) })), isLoading && getLoader(loaderRow, columns)] })] }), detail] })] }), footer] }) }));
+                                                        }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, `${cell.id}_${index}`))) }, row.id)))) : (!isLoading ?
+                                                    jsxRuntimeExports.jsx(Table.Row, { children: jsxRuntimeExports.jsx(Table.Cell, { colSpan: columns.length, children: emptyState || "No results." }) }) : jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})), isLoading && getLoader(loaderRow, columns)] })] }), detail] })] }), footer] }) }));
 }
 const DataTable = Object.assign(DataTableRoot, {
     Toolbar: DataTableToolbar,