@homebound/beam 2.315.2 → 2.316.0

package/dist/components/Table/GridTable.js

@@ -32,6 +32,7 @@ const memoize_one_1 = __importDefault(require("memoize-one"));
 const mobx_1 = require("mobx");
 const react_1 = __importStar(require("react"));
 const react_virtuoso_1 = require("react-virtuoso");
+const components_1 = require("..");
 const PresentationContext_1 = require("../PresentationContext");
 const GridTableApi_1 = require("./GridTableApi");
 const useSetupColumnSizes_1 = require("./hooks/useSetupColumnSizes");
@@ -42,6 +43,7 @@ const utils_1 = require("./utils/utils");
 const Css_1 = require("../../Css");
 const hooks_1 = require("../../hooks");
 const useRenderCount_1 = require("../../hooks/useRenderCount");
+const utils_2 = require("../../utils");
 const Row_1 = require("./components/Row");
 let runningInJest = false;
 /** Tells GridTable we're running in Jest, which forces as=virtual to be as=div, to work in jsdom. */
@@ -276,11 +278,15 @@ function renderVirtual(style, id, columns, visibleDataRows, keptSelectedRows, fi
         const { paddingBottom, ...otherRootStyles } = (_a = style.rootCss) !== null && _a !== void 0 ? _a : {};
         return { footerStyle: { paddingBottom }, listStyle: { ...style, rootCss: otherRootStyles } };
     }, [style]);
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const [fetchMoreInProgress, setFetchMoreInProgress] = (0, react_1.useState)(false);
     return ((0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { overscan: 5, ref: virtuosoRef, components: {
             // Applying a zIndex: 2 to ensure it stays on top of sticky columns
             TopItemList: react_1.default.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, style: { ...props.style, ...{ zIndex: utils_1.zIndices.stickyHeader } } }))),
             List: VirtualRoot(listStyle, columns, id, xss),
-            Footer: () => (0, jsx_runtime_1.jsx)("div", { css: footerStyle }),
+            Footer: () => {
+                return ((0, jsx_runtime_1.jsx)("div", { css: footerStyle, children: fetchMoreInProgress && ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.h5.df.aic.jcc.$, children: (0, jsx_runtime_1.jsx)(components_1.Loader, { size: "xs" }) })) }));
+            },
         }, 
         // Pin/sticky both the header row(s) + firstRowMessage to the top
         topItemCount: stickyHeader ? tableHeadRows.length : 0, itemContent: (index) => {
@@ -316,7 +322,15 @@ function renderVirtual(style, id, columns, visibleDataRows, keptSelectedRows, fi
                 // Add a `index > 0` check b/c Virtuoso is calling this in storybook
                 // with `endReached(0)` at odd times, like on page unload/story load,
                 // which then causes our test data to have duplicate ids in it.
-                endReached: (index) => (index > 0 ? infiniteScroll.onEndReached(index) : 0),
+                endReached: (index) => {
+                    if (index === 0)
+                        return;
+                    const result = infiniteScroll.onEndReached(index);
+                    if ((0, utils_2.isPromise)(result)) {
+                        setFetchMoreInProgress(true);
+                        result.finally(() => setFetchMoreInProgress(false));
+                    }
+                },
             }
             : {}) }));
 }

package/dist/components/Table/types.d.ts

@@ -104,8 +104,8 @@ export type Pin = {
 };
 export type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
 export type InfiniteScroll = {
-    /** will be called when the user scrolls to the end of the list with the last item index as an argument.  */
-    onEndReached: (index: number) => void;
+    /** will be called when the user scrolls to the end of the list with the last item index as an argument. Return a promise to automatically show a loading spinner.  */
+    onEndReached: (index: number) => void | Promise<void>;
     /** The number of pixels from the bottom of the list to eagerly trigger `onEndReached`. The default is 500px. */
     endOffsetPx?: number;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.315.2",
+  "version": "2.316.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",