@homebound/beam 3.36.0 → 3.37.1

package/dist/index.cjs

@@ -16627,7 +16627,7 @@ function TableCardView(props) {
     paddingBottom: "pb3",
     paddingRight: "pr3",
     paddingLeft: "pl3",
-    width: "w_330px",
+    width: "w100",
     height: "h100",
     boxShadow: "bshBasic",
     backgroundColor: ["bgColor_var", {
@@ -16700,6 +16700,7 @@ var runningInJest = false;
 function setRunningInJest() {
   runningInJest = true;
 }
+var CARD_MIN_WIDTH_PX = 280;
 var defaults = {
   style: defaultStyle,
   stickyHeader: false
@@ -16988,13 +16989,12 @@ function GridTable(props) {
   }, [contentWidth, inDocumentScrollLayout, style, tableWidth]);
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
     /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ref: resizeRef, ...(0, import_runtime56.trussProps)(getTableRefWidthStyles(as === "virtual", inDocumentScrollLayout)) }),
-    as === "card" ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(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__ */ (0, import_jsx_runtime87.jsx)(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition }) : _as === "virtual" ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(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__ */ (0, import_jsx_runtime87.jsxs)("div", { ref: tableContainerRef, ...(0, import_runtime56.trussProps)({
@@ -17089,7 +17089,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] = (0, import_react81.useState)(false);
@@ -17217,7 +17233,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__ */ (0, import_jsx_runtime87.jsx)("div", { className: "pt2 pb2", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "dg gtc_repeat_auto_fill_330px jcc gap3 pt3 pb3 pr3 pl3", children: cardRows }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "pt2 pb2", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ...(0, import_runtime56.trussProps)({
+      display: "dg",
+      gridTemplateColumns: ["gtc_var", {
+        "--gridTemplateColumns": (0, import_runtime56.maybeCssVar)(`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__ */ (0, import_jsx_runtime87.jsx)("div", { className: "pt2 pb2 h100", children: /* @__PURE__ */ (0, import_react82.createElement)(import_react_virtuoso2.VirtuosoGrid, { useWindowScroll: inDocumentScrollLayout && !customScrollParent, ...customScrollParent ? {
     customScrollParent
@@ -17230,7 +17257,9 @@ function CardView({
     }, ref) {
       return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ref, ...(0, import_runtime56.mergeProps)(void 0, style, {
         display: "dg",
-        gridTemplateColumns: "gtc_repeat_auto_fill_330px",
+        gridTemplateColumns: ["gtc_var", {
+          "--gridTemplateColumns": (0, import_runtime56.maybeCssVar)(`repeat(auto-fill, minmax(${CARD_MIN_WIDTH_PX}px, 1fr))`)
+        }],
         justifyContent: "jcc",
         gap: "gap3",
         paddingTop: "pt3",