@homebound/beam 3.36.0 → 3.37.1

package/dist/index.js

@@ -16167,7 +16167,7 @@ function TableCardView(props) {
     paddingBottom: "pb3",
     paddingRight: "pr3",
     paddingLeft: "pl3",
-    width: "w_330px",
+    width: "w100",
     height: "h100",
     boxShadow: "bshBasic",
     backgroundColor: ["bgColor_var", {
@@ -16240,6 +16240,7 @@ var runningInJest = false;
 function setRunningInJest() {
   runningInJest = true;
 }
+var CARD_MIN_WIDTH_PX = 280;
 var defaults = {
   style: defaultStyle,
   stickyHeader: false
@@ -16528,13 +16529,12 @@ function GridTable(props) {
   }, [contentWidth, inDocumentScrollLayout, style, tableWidth]);
   return /* @__PURE__ */ jsx87(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ jsxs51(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
     /* @__PURE__ */ jsx87("div", { ref: resizeRef, ...trussProps52(getTableRefWidthStyles(as === "virtual", inDocumentScrollLayout)) }),
-    as === "card" ? /* @__PURE__ */ jsx87(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition }) : renders[_as](tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, tableContainerRef, persistScrollPosition)
+    as === "card" ? /* @__PURE__ */ jsx87(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition }) : _as === "virtual" ? /* @__PURE__ */ jsx87(VirtualGridTableView, { style: tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, persistScrollPosition }) : renders[_as](tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, tableContainerRef, persistScrollPosition)
   ] }) });
 }
 var renders = {
   table: renderTable,
-  div: renderDiv,
-  virtual: renderVirtual
+  div: renderDiv
 };
 function renderDiv(style, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, _virtuosoRef, _virtuosoRangeRef, tableHeadRows, stickyOffset, _infiniteScroll, tableContainerRef, _persistScrollPosition) {
   return /* @__PURE__ */ jsxs51("div", { ref: tableContainerRef, ...trussProps52({
@@ -16629,7 +16629,23 @@ function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, pinn
     ] })
   ] });
 }
-function renderVirtual(style, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, _tableContainerRef, persistScrollPosition = infiniteScroll === void 0) {
+function VirtualGridTableView({
+  style,
+  id,
+  columns,
+  visibleDataRows,
+  keptSelectedRows,
+  pinnedRows,
+  firstRowMessage,
+  stickyHeader,
+  xss,
+  virtuosoRef,
+  virtuosoRangeRef,
+  tableHeadRows,
+  stickyOffset,
+  infiniteScroll,
+  persistScrollPosition = infiniteScroll === void 0
+}) {
   const customScrollParent = useVirtualizedScrollParent();
   const inDocumentScrollLayout = useDocumentScrollLayout();
   const [fetchMoreInProgress, setFetchMoreInProgress] = useState33(false);
@@ -16757,7 +16773,18 @@ function CardView({
   const validatedScrollIndex = savedScrollIndex !== void 0 && savedScrollIndex > 0 && savedScrollIndex < cardRows.length ? savedScrollIndex : void 0;
   const virtuosoKey = !!validatedScrollIndex && cardRows.length > 0 ? "with-data" : "virtuoso";
   if (runningInJest) {
-    return /* @__PURE__ */ jsx87("div", { className: "pt2 pb2", children: /* @__PURE__ */ jsx87("div", { className: "dg gtc_repeat_auto_fill_330px jcc gap3 pt3 pb3 pr3 pl3", children: cardRows }) });
+    return /* @__PURE__ */ jsx87("div", { className: "pt2 pb2", children: /* @__PURE__ */ jsx87("div", { ...trussProps52({
+      display: "dg",
+      gridTemplateColumns: ["gtc_var", {
+        "--gridTemplateColumns": maybeCssVar31(`repeat(auto-fill, minmax(${CARD_MIN_WIDTH_PX}px, 1fr))`)
+      }],
+      justifyContent: "jcc",
+      gap: "gap3",
+      paddingTop: "pt3",
+      paddingBottom: "pb3",
+      paddingRight: "pr3",
+      paddingLeft: "pl3"
+    }), children: cardRows }) });
   }
   return /* @__PURE__ */ jsx87("div", { className: "pt2 pb2 h100", children: /* @__PURE__ */ createElement2(VirtuosoGrid, { useWindowScroll: inDocumentScrollLayout && !customScrollParent, ...customScrollParent ? {
     customScrollParent
@@ -16770,7 +16797,9 @@ function CardView({
     }, ref) {
       return /* @__PURE__ */ jsx87("div", { ref, ...mergeProps21(void 0, style, {
         display: "dg",
-        gridTemplateColumns: "gtc_repeat_auto_fill_330px",
+        gridTemplateColumns: ["gtc_var", {
+          "--gridTemplateColumns": maybeCssVar31(`repeat(auto-fill, minmax(${CARD_MIN_WIDTH_PX}px, 1fr))`)
+        }],
         justifyContent: "jcc",
         gap: "gap3",
         paddingTop: "pt3",