@homebound/beam 2.92.0 → 2.93.0

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

@@ -152,7 +152,13 @@ export interface GridTableProps<R extends Kinded, S, X> {
      */
     persistCollapse?: string;
     xss?: X;
+    /** Experimental API allowing one to scroll to a table index. Primarily intended for stories at the moment */
+    api?: MutableRefObject<GridTableApi | undefined>;
 }
+/** NOTE: This API is experimental and primarily intended for story and testing purposes */
+export declare type GridTableApi = {
+    scrollToIndex: (index: number) => void;
+};
 /**
  * Renders data in our table layout.
  *

package/dist/components/Table/GridTable.js

@@ -82,10 +82,15 @@ exports.setGridTableDefaults = setGridTableDefaults;
  */
 function GridTable(props) {
     var _a;
-    const { id = "grid-table", as = "div", columns, rows, style = defaults.style, rowStyles, stickyHeader = defaults.stickyHeader, stickyOffset = "0", xss, sorting, filter, filterMaxRows, fallbackMessage = "No rows found.", infoMessage, setRowCount, observeRows, persistCollapse, } = props;
+    const { id = "grid-table", as = "div", columns, rows, style = defaults.style, rowStyles, stickyHeader = defaults.stickyHeader, stickyOffset = "0", xss, sorting, filter, filterMaxRows, fallbackMessage = "No rows found.", infoMessage, setRowCount, observeRows, persistCollapse, api, } = props;
     const [collapsedIds, toggleCollapsedId] = useToggleIds(rows, persistCollapse);
     // We only use this in as=virtual mode, but keep this here for rowLookup to use
     const virtuosoRef = (0, react_1.useRef)(null);
+    if (api) {
+        api.current = {
+            scrollToIndex: (index) => virtuosoRef.current && virtuosoRef.current.scrollToIndex(index),
+        };
+    }
     const [sortState, setSortKey] = (0, useSortState_1.useSortState)(columns, sorting);
     // Disclaimer that technically even though this is a useMemo, sortRows is mutating `rows` directly
     const maybeSorted = (0, react_1.useMemo)(() => {
@@ -258,7 +263,12 @@ function renderTable(style, id, columns, headerRows, filteredRows, firstRowMessa
  * [3]: https://github.com/tannerlinsley/react-virtual/issues/108
  */
 function renderVirtual(style, id, columns, headerRows, filteredRows, firstRowMessage, stickyHeader, firstLastColumnWidth, xss, virtuosoRef) {
-    return ((0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { ref: virtuosoRef, components: { List: VirtualRoot(style, columns, id, firstLastColumnWidth, xss) }, 
+    var _a;
+    const { paddingBottom } = (_a = style.rootCss) !== null && _a !== void 0 ? _a : {};
+    return ((0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { ref: virtuosoRef, components: {
+            List: VirtualRoot(style, columns, id, firstLastColumnWidth, xss),
+            Footer: () => (0, jsx_runtime_1.jsx)("div", { css: { paddingBottom } }, void 0),
+        }, 
         // Pin/sticky both the header row(s) + firstRowMessage to the top
         topItemCount: (stickyHeader ? headerRows.length : 0) + (firstRowMessage ? 1 : 0), itemSize: (el) => {
             const maybeContentsDiv = el.firstElementChild;

package/package.json

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