@homebound/beam 3.37.0 → 3.38.0

package/dist/index.cjs

@@ -16564,6 +16564,7 @@ function TableCard(props) {
   let title;
   let eyebrow;
   let badge;
+  let badgeTags;
   let status;
   const dataBlocks = [];
   let progress;
@@ -16581,6 +16582,7 @@ function TableCard(props) {
         break;
       case "badge":
         badge = slot.text;
+        badgeTags = slot.tags;
         break;
       case "status":
         status = slot.tag;
@@ -16597,7 +16599,7 @@ function TableCard(props) {
     }
   }
   if (!title) return null;
-  const card = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TableCardView, { ...tid, imgSrc: rs.row.imgSrc ?? "", title, eyebrow, badge, status, data: dataBlocks, progress });
+  const card = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TableCardView, { ...tid, imgSrc: rs.row.imgSrc ?? "", title, eyebrow, badge, badgeTags, status, data: dataBlocks, progress });
   const to = rowStyle?.rowLink?.(rs.row);
   if (to) {
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_router_dom4.Link, { to, ...(0, import_runtime55.mergeProps)(navLink, void 0, {
@@ -16616,6 +16618,7 @@ function TableCardView(props) {
     imgSrc,
     eyebrow,
     badge,
+    badgeTags,
     data,
     status,
     progress
@@ -16649,7 +16652,10 @@ function TableCardView(props) {
             title,
             " "
           ] }),
-          badge && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "fw4 fz_14px lh_20px wsnw", ...tid.badge, children: badge })
+          (badge || badgeTags?.length) && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "dif aic gap1 fs0", ...tid.badge, children: [
+            badge && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "fw4 fz_14px lh_20px wsnw", children: badge }),
+            badgeTags?.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Tag, { ...tag }, tag.text))
+          ] })
         ] })
       ] }),
       data && data?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("dl", { className: "dg gtc_repeat_2_minmax_0_1fr fw4 fz_14px lh_20px", children: data.map((d, idx) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { ...(0, import_runtime55.trussProps)({
@@ -16989,13 +16995,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)({
@@ -17090,7 +17095,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);
@@ -24579,8 +24600,8 @@ function cardTitleSlot(text) {
 function cardEyebrowSlot(text) {
   return { kind: "eyebrow", text };
 }
-function cardBadgeSlot(text) {
-  return { kind: "badge", text };
+function cardBadgeSlot(text, tags) {
+  return { kind: "badge", text, tags };
 }
 function cardStatusSlot(tag) {
   return { kind: "status", tag };