@homebound/beam 4.47.0 → 4.47.2

package/dist/index.cjs

@@ -15045,7 +15045,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 +15190,7 @@ function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, pinn
 }
 function VirtualGridTableView({
   style,
+  minWidthPx,
   id,
   columns,
   visibleDataRows,
@@ -15201,9 +15223,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 +15249,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 +15408,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,
@@ -19026,7 +19051,8 @@ var widths = {
   md: 480,
   lg: 640,
   xl: 800,
-  xxl: 900
+  xxl: 900,
+  "3xl": 1180
 };
 var defaultMinHeight = 204;
 function getSize(size) {