@homebound/beam 4.47.1 → 4.47.3

package/dist/index.js

@@ -6612,9 +6612,6 @@ function memoizedTableStyles() {
             color: ["color_var", {
               "--color": "var(--b-on-surface)"
             }],
-            backgroundColor: ["bgColor_var", {
-              "--backgroundColor": "var(--b-surface)"
-            }],
             alignItems: ["ai_var", {
               "--alignItems": maybeCssVar_1(alignItems)
             }],
@@ -6633,11 +6630,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",
@@ -14533,7 +14536,28 @@ function GridTable(props) {
   return /* @__PURE__ */ jsx54(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ jsxs34(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
     /* @__PURE__ */ jsx54("div", { ref: resizeRef, ...trussProps34(getTableRefWidthStyles(as === "virtual", columnMeasureWidth)), ...tid.probe }),
     loading && /* @__PURE__ */ jsx54("div", { ...trussProps34(loadingOverlayCss), ...tid.loadingOverlay, children: /* @__PURE__ */ jsx54(Loader, { ...tid.loadingSpinner, size: "md" }) }),
-    as === "card" ? /* @__PURE__ */ jsx54(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ jsx54(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__ */ jsx54(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ jsx54(
+      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 = {
@@ -14657,6 +14681,7 @@ function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, pinn
 }
 function VirtualGridTableView({
   style,
+  minWidthPx,
   id,
   columns,
   visibleDataRows,
@@ -14689,9 +14714,8 @@ function VirtualGridTableView({
     // the div/table render paths so virtualized tables pin below the global nav + page header.
     TopItemList: React9.forwardRef((props, ref) => /* @__PURE__ */ jsx54("div", { ...props, ref, ...mergeProps14(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)
     }, {
@@ -14716,6 +14740,9 @@ function VirtualGridTableView({
       overscan: 5,
       ref: virtuosoRef,
       ...loading ? trussProps34(loadingTableCss) : {},
+      style: minWidthPx !== void 0 ? {
+        [virtualTableMinWidthVar]: `${minWidthPx}px`
+      } : void 0,
       ...customScrollParent ? {
         customScrollParent
       } : {},
@@ -14872,6 +14899,7 @@ function CardView({
     }
   } : {} }) });
 }
+var virtualTableMinWidthVar = "--beam-virtual-table-min-width";
 var VirtualRoot = memoizeOne((gs, _columns, id, xss) => {
   return React9.forwardRef(function VirtualRoot2({
     style,