@homebound/beam 4.14.5 → 4.14.7

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) {
@@ -28931,15 +28939,13 @@ var import_react_router_dom8 = require("react-router-dom");
 var import_runtime145 = require("@homebound/truss/runtime");
 var import_jsx_runtime224 = require("react/jsx-runtime");
 function TabsWithContent(props) {
-  const styles = hideTabs(props) ? {} : {
-    paddingTop: "pt3"
-  };
+  const {
+    omitTopSpacing = false,
+    ...tabProps
+  } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(import_jsx_runtime224.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Tabs, { ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(TabContent, { ...props, contentXss: {
-      ...styles,
-      ...props.contentXss
-    } })
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Tabs, { ...tabProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(TabContent, { ...tabProps, omitTopSpacing: omitTopSpacing || hideTabs(props) })
   ] });
 }
 function TabContent(props) {
@@ -28947,7 +28953,8 @@ function TabContent(props) {
   const {
     tabs,
     contentXss = {},
-    omitFullBleedPadding = false
+    omitFullBleedPadding = false,
+    omitTopSpacing = false
   } = props;
   const location = (0, import_react_router_dom8.useLocation)();
   const selectedTab = isRouteTabs(props) ? props.tabs.find((t) => {
@@ -28961,7 +28968,26 @@ function TabContent(props) {
   return (
     // Using FullBleed to allow the tab's bgColor to extend to the edges of the <ScrollableContent /> element.
     // Omit the padding from `FullBleed` if the caller passes in the `paddingLeft/Right` styles.
-    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...(0, import_runtime145.trussProps)(contentXss), children: selectedTab.render() }) })
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+      "div",
+      {
+        "aria-labelledby": `${uniqueValue}-tab`,
+        id: `${uniqueValue}-tabPanel`,
+        role: "tabpanel",
+        tabIndex: 0,
+        ...tid.panel,
+        ...selfTopSpaced,
+        ...(0, import_runtime145.trussProps)({
+          ...{
+            ...!omitTopSpacing ? {
+              paddingTop: "first_child_n_data_self_top_spaced_pt3"
+            } : {}
+          },
+          ...contentXss
+        }),
+        children: selectedTab.render()
+      }
+    ) })
   );
 }
 function Tabs(props) {
@@ -30024,7 +30050,7 @@ function PageHeaderLayout(props) {
       flexShrink: "fs0",
       width: "w100"
     }), children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime156.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { className: "df fdc fg1 mh0 w100 first_child_n_data_self_top_spaced_mt3", ...tid.body, children })
+    /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { className: "df fdc fg1 mh0 w100 first_child_n_data_self_top_spaced_pt3", ...tid.body, children })
   ] }) });
 }