@homebound/beam 3.51.0 → 3.52.0

package/dist/index.cjs

@@ -312,6 +312,7 @@ __export(index_exports, {
   px: () => px,
   recursivelyGetContainingRow: () => recursivelyGetContainingRow,
   reservedRowKinds: () => reservedRowKinds,
+  resolveGridTableLayoutStyle: () => resolveGridTableLayoutStyle,
   resolveTableContentWidth: () => resolveTableContentWidth,
   resolveTooltip: () => resolveTooltip,
   rowClickRenderFn: () => rowClickRenderFn,
@@ -9066,23 +9067,26 @@ var cardStyle = {
     rowIndent: level > 0 ? 24 * level : void 0
   })
 };
-function resolveStyles(style) {
-  const defKeysRecord = {
-    inlineEditing: true,
-    grouped: true,
-    rowHeight: true,
-    cellHighlight: true,
-    allWhite: true,
-    bordered: true,
-    rowHover: true,
-    vAlign: true,
-    cellTypography: true,
-    highlightOnHover: true,
-    roundedHeader: true
-  };
+var gridStyleDefKeysRecord = {
+  inlineEditing: true,
+  grouped: true,
+  rowHeight: true,
+  cellHighlight: true,
+  allWhite: true,
+  bordered: true,
+  rowHover: true,
+  vAlign: true,
+  cellTypography: true,
+  highlightOnHover: true,
+  roundedHeader: true
+};
+function isGridStyleDef(style) {
   const keys = safeKeys(style);
-  const defKeys = safeKeys(defKeysRecord);
-  if (keys.length === 0 || keys.some((k) => defKeys.includes(k))) {
+  const defKeys = safeKeys(gridStyleDefKeysRecord);
+  return keys.length === 0 || keys.some((k) => defKeys.includes(k));
+}
+function resolveStyles(style) {
+  if (isGridStyleDef(style)) {
     return getTableStyles(style);
   }
   return style;
@@ -17041,7 +17045,7 @@ function GridTableEmptyState(props) {
     actions
   } = props;
   const tid = useTestIds(props, "gridTableEmptyState");
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "df fdc aic pt8 pb8 gap2", ...tid, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "df fdc aic pt_12 pb_12 gap2", ...tid, children: [
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
     description && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fw4 fz_14px lh_20px gray700", ...tid.description, children: description }),
     actions && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { ...tid.actions, children: actions })
@@ -21586,17 +21590,12 @@ function GridTableLayoutComponent(props) {
   const emptyState = (0, import_react113.useMemo)(() => composeEmptyState(tableProps, layoutState, layoutEmptyFallback, clearFilters), [layoutEmptyFallback, layoutState, tableProps, clearFilters]);
   const tableActionsEl = /* @__PURE__ */ (0, import_jsx_runtime159.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 });
   const cardAs = withCardView && view === "card" ? "card" : void 0;
+  const tableStyle = resolveGridTableLayoutStyle(tableProps.style, inDocumentScrollLayout);
   const tableBody = /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_jsx_runtime159.Fragment, { children: isGridTableProps(tableProps) ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(GridTable, { ...tableProps, ...cardAs ? {
     as: cardAs
-  } : {}, api, emptyState, filter: clientSearch, style: {
-    allWhite: true,
-    roundedHeader: !inDocumentScrollLayout
-  }, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) : /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(QueryTable, { ...tableProps, ...cardAs ? {
+  } : {}, api, emptyState, filter: clientSearch, style: tableStyle, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) : /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(QueryTable, { ...tableProps, ...cardAs ? {
     as: cardAs
-  } : {}, api, emptyState, filter: clientSearch, style: {
-    allWhite: true,
-    roundedHeader: !inDocumentScrollLayout
-  }, 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_runtime159.jsxs)(import_jsx_runtime159.Fragment, { children: [
     showTableActions && /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { ref: tableActionsRef, ...(0, import_runtime88.trussProps)({
       ...inDocumentScrollLayout ? {
@@ -21749,6 +21748,22 @@ function Header2(props) {
     ] })
   ] }) });
 }
+function resolveGridTableLayoutStyle(userStyle, inDocumentScrollLayout) {
+  const layoutDefaults = {
+    allWhite: true,
+    roundedHeader: !inDocumentScrollLayout
+  };
+  if (userStyle === void 0) {
+    return layoutDefaults;
+  }
+  if (isGridStyleDef(userStyle)) {
+    return {
+      ...layoutDefaults,
+      ...userStyle
+    };
+  }
+  return userStyle;
+}
 
 // src/components/Layout/PreventBrowserScroll.tsx
 var import_jsx_runtime160 = require("react/jsx-runtime");
@@ -26213,6 +26228,7 @@ function PageHeaderLayout(props) {
   px,
   recursivelyGetContainingRow,
   reservedRowKinds,
+  resolveGridTableLayoutStyle,
   resolveTableContentWidth,
   resolveTooltip,
   rowClickRenderFn,