@homebound/beam 4.14.5 → 4.14.6

package/dist/index.cjs

@@ -14430,7 +14430,7 @@ function GridTable(props) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
     /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref: resizeRef, ...(0, import_runtime42.trussProps)(getTableRefWidthStyles(as === "virtual", inDocumentScrollLayout)), ...tid.probe }),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ...(0, import_runtime42.trussProps)(loadingOverlayCss), ...tid.loadingOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Loader, { ...tid.loadingSpinner }) }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ...(0, import_runtime42.trussProps)(loadingOverlayCss), ...tid.loadingOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Loader, { ...tid.loadingSpinner, size: "md" }) }),
     as === "card" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VirtualGridTableView, { style: tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, persistScrollPosition, loading }) : renders[_as](tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, loading, infiniteScroll, tableContainerRef, persistScrollPosition)
   ] }) });
 }
@@ -25323,11 +25323,12 @@ function GridTableLayoutComponent(props) {
   const emptyState = (0, import_react130.useMemo)(() => composeEmptyState(tableProps, layoutState, layoutEmptyFallback, clearFilters), [layoutEmptyFallback, layoutState, tableProps, clearFilters]);
   const tableActionsEl = /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(_GridTableLayoutActions, { filterDefs: layoutState?.filterDefs, filter: layoutState?.filter, setFilter: layoutState?.setFilter, groupBy: layoutState?.groupBy, searchProps: filterSearchProps, hasHideableColumns, columns, api, withCardView, view, setView, clearFilters, searchApi: searchApiRef, actions });
   const cardAs = view === "card" ? "card" : void 0;
+  const tableStyle = (0, import_react130.useMemo)(() => getDefaultStyle(tableProps.style), [tableProps.style]);
   const tableBody = /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_jsx_runtime178.Fragment, { children: isGridTableProps(tableProps) ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(GridTable, { ...tableProps, ...cardAs ? {
     as: cardAs
-  } : {}, api, emptyState, filter: clientSearch, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(QueryTable, { ...tableProps, ...cardAs ? {
+  } : {}, api, emptyState, filter: clientSearch, style: tableStyle, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(QueryTable, { ...tableProps, ...cardAs ? {
     as: cardAs
-  } : {}, api, emptyState, filter: clientSearch, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) });
+  } : {}, api, emptyState, filter: clientSearch, style: tableStyle, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) });
   const tableScrollContent = /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, { children: [
     showTableActions && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { ref: tableActionsRef, ...(0, import_runtime117.trussProps)({
       ...inDocumentScrollLayout ? {
@@ -25373,6 +25374,13 @@ function GridTableLayoutComponent(props) {
   );
 }
 var GridTableLayout = import_react130.default.memo(GridTableLayoutComponent);
+function getDefaultStyle(style) {
+  if (style !== void 0 && !isGridStyleDef(style)) return style;
+  return {
+    allWhite: true,
+    ...style
+  };
+}
 function validateColumns(columns) {
   for (const col of columns) {
     if (!col.id || !col.name) {