@homebound/beam 4.47.0 → 4.47.2

package/dist/index.d.cts

@@ -9997,7 +9997,7 @@ type MaxLinesProps = PropsWithChildren<{
 }>;
 declare function MaxLines({ maxLines, children }: MaxLinesProps): React$1.JSX.Element;
 
-type ModalSize = "sm" | "md" | "lg" | "xl" | "xxl";
+type ModalSize = "sm" | "md" | "lg" | "xl" | "xxl" | "3xl";
 type ModalProps = {
     /**
      * The modal size, defaults to `md`.

package/dist/index.d.ts

@@ -9997,7 +9997,7 @@ type MaxLinesProps = PropsWithChildren<{
 }>;
 declare function MaxLines({ maxLines, children }: MaxLinesProps): React$1.JSX.Element;
 
-type ModalSize = "sm" | "md" | "lg" | "xl" | "xxl";
+type ModalSize = "sm" | "md" | "lg" | "xl" | "xxl" | "3xl";
 type ModalProps = {
     /**
      * The modal size, defaults to `md`.

package/dist/index.js

@@ -14533,7 +14533,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 +14678,7 @@ function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, pinn
 }
 function VirtualGridTableView({
   style,
+  minWidthPx,
   id,
   columns,
   visibleDataRows,
@@ -14689,9 +14711,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 +14737,9 @@ function VirtualGridTableView({
       overscan: 5,
       ref: virtuosoRef,
       ...loading ? trussProps34(loadingTableCss) : {},
+      style: minWidthPx !== void 0 ? {
+        [virtualTableMinWidthVar]: `${minWidthPx}px`
+      } : void 0,
       ...customScrollParent ? {
         customScrollParent
       } : {},
@@ -14872,6 +14896,7 @@ function CardView({
     }
   } : {} }) });
 }
+var virtualTableMinWidthVar = "--beam-virtual-table-min-width";
 var VirtualRoot = memoizeOne((gs, _columns, id, xss) => {
   return React9.forwardRef(function VirtualRoot2({
     style,
@@ -18520,7 +18545,8 @@ var widths = {
   md: 480,
   lg: 640,
   xl: 800,
-  xxl: 900
+  xxl: 900,
+  "3xl": 1180
 };
 var defaultMinHeight = 204;
 function getSize(size) {