@homebound/beam 4.47.1 → 4.47.3

package/dist/index.cjs

@@ -7124,9 +7124,6 @@ function memoizedTableStyles() {
             color: ["color_var", {
               "--color": "var(--b-on-surface)"
             }],
-            backgroundColor: ["bgColor_var", {
-              "--backgroundColor": "var(--b-surface)"
-            }],
             alignItems: ["ai_var", {
               "--alignItems": (0, import_runtime10.maybeCssVar)(alignItems)
             }],
@@ -7145,11 +7142,17 @@ function memoizedTableStyles() {
               "--height": `${inlineEditing ? 48 : 36}px`
             }]
           },
-          ...cellHighlight ? {
-            backgroundColor: ["h_bgColor_var", {
-              "--h_backgroundColor": "var(--b-surface-hover)"
-            }]
-          } : {}
+          ...{
+            backgroundColor: ["bgColor_var", {
+              "--backgroundColor": "var(--b-surface)"
+            }],
+            ...cellHighlight ? {
+              backgroundColor: ["bgColor_var h_bgColor_var", {
+                "--backgroundColor": "var(--b-surface)",
+                "--h_backgroundColor": "var(--b-surface-hover)"
+              }]
+            } : {}
+          }
         },
         firstCellCss: bordered ? {
           borderLeftStyle: "bls_solid",
@@ -15045,7 +15048,28 @@ function GridTable(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
     /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { ref: resizeRef, ...(0, import_runtime43.trussProps)(getTableRefWidthStyles(as === "virtual", columnMeasureWidth)), ...tid.probe }),
     loading && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { ...(0, import_runtime43.trussProps)(loadingOverlayCss), ...tid.loadingOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Loader, { ...tid.loadingSpinner, size: "md" }) }),
-    as === "card" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(VirtualGridTableView, { style: tableStyle, id, columns: layoutColumns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, persistScrollPosition, loading }) : renders[_as](tableStyle, id, layoutColumns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, loading, infiniteScroll, tableContainerRef, persistScrollPosition)
+    as === "card" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      VirtualGridTableView,
+      {
+        style,
+        minWidthPx: tableStyle.minWidthPx,
+        id,
+        columns: layoutColumns,
+        visibleDataRows,
+        keptSelectedRows,
+        pinnedRows,
+        firstRowMessage,
+        stickyHeader,
+        xss,
+        virtuosoRef,
+        virtuosoRangeRef,
+        tableHeadRows,
+        stickyOffset,
+        infiniteScroll,
+        persistScrollPosition,
+        loading
+      }
+    ) : renders[_as](tableStyle, id, layoutColumns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, loading, infiniteScroll, tableContainerRef, persistScrollPosition)
   ] }) });
 }
 var loadingOverlayCss = {
@@ -15169,6 +15193,7 @@ function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, pinn
 }
 function VirtualGridTableView({
   style,
+  minWidthPx,
   id,
   columns,
   visibleDataRows,
@@ -15201,9 +15226,8 @@ function VirtualGridTableView({
     // the div/table render paths so virtualized tables pin below the global nav + page header.
     TopItemList: import_react51.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { ...props, ref, ...(0, import_runtime43.mergeProps)(void 0, {
       ...props.style,
-      ...style.minWidthPx !== void 0 ? {
-        minWidth: style.minWidthPx
-      } : {},
+      // Read from a CSS variable so a width change doesn't recreate this component and remount every row
+      minWidth: `var(${virtualTableMinWidthVar}, auto)`,
       zIndex: zIndices.tableStickyHeader,
       top: stickyTableHeaderOffset(stickyOffset)
     }, {
@@ -15228,6 +15252,9 @@ function VirtualGridTableView({
       overscan: 5,
       ref: virtuosoRef,
       ...loading ? (0, import_runtime43.trussProps)(loadingTableCss) : {},
+      style: minWidthPx !== void 0 ? {
+        [virtualTableMinWidthVar]: `${minWidthPx}px`
+      } : void 0,
       ...customScrollParent ? {
         customScrollParent
       } : {},
@@ -15384,6 +15411,7 @@ function CardView({
     }
   } : {} }) });
 }
+var virtualTableMinWidthVar = "--beam-virtual-table-min-width";
 var VirtualRoot = (0, import_memoize_one.default)((gs, _columns, id, xss) => {
   return import_react51.default.forwardRef(function VirtualRoot2({
     style,