@flytedan/flytebot-design-system 0.73.1 → 0.74.0

package/dist/index.d.cts

@@ -1287,6 +1287,9 @@ type DataTableColumn = DataTableColumnLabel & {
     /** The column's role in the stacked-card layout, at a table width of 640px or less. At least one column must be `primary`. */
     phone: DataTablePhoneRole;
     render?: (row: any) => React.ReactNode;
+    /** The phone card's form of this column's value, for when `render`'s is too long for a card (a reason that
+     *  would crowd the meta line, say). Only the stacked card uses it; the table cell always uses `render`. */
+    phoneRender?: (row: any) => React.ReactNode;
 };
 /** One row's own action: an icon button that acts on that row (a download, say) and never opens it. */
 interface DataTableRowAction {

package/dist/index.d.ts

@@ -1287,6 +1287,9 @@ type DataTableColumn = DataTableColumnLabel & {
     /** The column's role in the stacked-card layout, at a table width of 640px or less. At least one column must be `primary`. */
     phone: DataTablePhoneRole;
     render?: (row: any) => React.ReactNode;
+    /** The phone card's form of this column's value, for when `render`'s is too long for a card (a reason that
+     *  would crowd the meta line, say). Only the stacked card uses it; the table cell always uses `render`. */
+    phoneRender?: (row: any) => React.ReactNode;
 };
 /** One row's own action: an icon button that acts on that row (a download, say) and never opens it. */
 interface DataTableRowAction {

package/dist/index.js

@@ -3116,6 +3116,7 @@ function RowActionCell({ action }) {
   return /* @__PURE__ */ jsx45("td", { className: "fd-table-action", children: action ? /* @__PURE__ */ jsx45(RowActionButton, { action, size: "sm" }) : null });
 }
 var cellOf = (c, row) => c.render ? c.render(row) : row[c.key];
+var cardCellOf = (c, row) => c.phoneRender ? c.phoneRender(row) : cellOf(c, row);
 function rowInteraction(row, onRowClick) {
   if (!onRowClick) return {};
   return {
@@ -3258,11 +3259,11 @@ function StackedRows({ columns, rows, rowKey, loading, stale, skeletonRows, sort
             ...semantics,
             ...rowInteraction(r, onRowClick),
             children: [
-              /* @__PURE__ */ jsx45("div", { className: "fd-dt-card-title", children: primary.map((c) => /* @__PURE__ */ jsx45("span", { className: c.numeric ? "is-num" : void 0, children: cellOf(c, r) }, c.key)) }),
+              /* @__PURE__ */ jsx45("div", { className: "fd-dt-card-title", children: primary.map((c) => /* @__PURE__ */ jsx45("span", { className: c.numeric ? "is-num" : void 0, children: cardCellOf(c, r) }, c.key)) }),
               secondary.length ? /* @__PURE__ */ jsx45("div", { className: "fd-dt-card-meta", children: secondary.map((c) => /* @__PURE__ */ jsxs36("span", { className: c.numeric ? "is-num" : void 0, children: [
                 /* @__PURE__ */ jsx45("span", { className: "fd-dt-card-label", children: c.label }),
                 " ",
-                cellOf(c, r)
+                cardCellOf(c, r)
               ] }, c.key)) }) : null
             ]
           }