@multiplatform.one/frappe-ui 7.23.1 → 7.24.0

package/dist/esm/record/RecordPage.native.js

@@ -0,0 +1,336 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumbs, Chip, H1, PageHeader, PageSection, Quote, Screen, ScreenToolbar, Tabs, Text, Timeline, Tooltip, XStack, YStack } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ArrowLeftIcon, HeartIcon } from "@phosphor-icons/react";
+import { useTranslation } from "react-i18next";
+import { frappeRouteHref } from "../frappeNavigation.native.js";
+import { metricValue } from "../insights/insightsRecord.native.js";
+import { FacetBadge } from "../list/FacetBadge.native.js";
+import { favoritesKey, useFavorites } from "../list/favorites.native.js";
+import { recordTitle } from "../list/recordLook.native.js";
+import { adjacentRecords, recordFacetValues, recordHistory } from "./recordData.native.js";
+import { RecordBars } from "./RecordBars.native.js";
+import { RecordGallery } from "./RecordGallery.native.js";
+import { RecordHeroArtColumn, RecordHeroFrame, RecordHeroIdentityColumn, RecordHeroRow, RecordVitals } from "./RecordHero.native.js";
+import { RecordPager } from "./RecordPager.native.js";
+import { RecordRows } from "./RecordRows.native.js";
+function RecordPage(param) {
+  var {
+    doc,
+    linked,
+    doctype,
+    route,
+    listName,
+    listRows,
+    look,
+    titleField,
+    facet,
+    metrics,
+    summary,
+    tabs,
+    favorites,
+    actions,
+    history,
+    slug,
+    baseURL,
+    navigate,
+    canEdit
+  } = param;
+  var _row_name, _ref, _ref1;
+  var _look_code, _look_images, _look_gallery, _look_subtitle, _tabItems_;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    knobProps: nested
+  } = useResolvedKnobs({
+    compact: true
+  });
+  var row = doc;
+  var name = String((_row_name = row.name) !== null && _row_name !== void 0 ? _row_name : "");
+  var {
+    isFavorite,
+    toggle
+  } = useFavorites(favorites ? typeof favorites === "string" ? favorites : favoritesKey(doctype) : void 0);
+  var title = recordTitle(doc, look, titleField);
+  var code = look === null || look === void 0 ? void 0 : (_look_code = look.code) === null || _look_code === void 0 ? void 0 : _look_code.call(look, doc);
+  var values = facet ? recordFacetValues(facet, row, linked) : [];
+  var tints = values.slice(0, 2).map(function (value) {
+    var _facet_tint;
+    return facet === null || facet === void 0 ? void 0 : (_facet_tint = facet.tint) === null || _facet_tint === void 0 ? void 0 : _facet_tint.call(facet, value);
+  });
+  var images = (_ref = look === null || look === void 0 ? void 0 : (_look_images = look.images) === null || _look_images === void 0 ? void 0 : _look_images.call(look, doc, baseURL)) !== null && _ref !== void 0 ? _ref : [];
+  var slides = ((_ref1 = look === null || look === void 0 ? void 0 : (_look_gallery = look.gallery) === null || _look_gallery === void 0 ? void 0 : _look_gallery.call(look, doc, baseURL)) !== null && _ref1 !== void 0 ? _ref1 : []).filter(function (slide) {
+    return slide.src && slide.src !== images[0];
+  });
+  var favorite = favorites ? isFavorite(name) : false;
+  var favoriteLabel = favorite ? t("Remove {{name}} from favorites", {
+    name: title
+  }) : t("Add {{name}} to favorites", {
+    name: title
+  });
+  var {
+    prev,
+    next
+  } = adjacentRecords(listRows, name);
+  var pagerEntry = function pagerEntry2(neighbor) {
+    var _look_code2, _look_images2;
+    return (neighbor === null || neighbor === void 0 ? void 0 : neighbor.name) ? {
+      title: recordTitle(neighbor, look, titleField),
+      code: look === null || look === void 0 ? void 0 : (_look_code2 = look.code) === null || _look_code2 === void 0 ? void 0 : _look_code2.call(look, neighbor),
+      image: look === null || look === void 0 ? void 0 : (_look_images2 = look.images) === null || _look_images2 === void 0 ? void 0 : _look_images2.call(look, neighbor, baseURL)[0],
+      onPress: function onPress() {
+        return navigate(frappeRouteHref(route, {
+          mode: "view",
+          name: neighbor.name
+        }));
+      }
+    } : null;
+  };
+  var entries = history ? recordHistory(row).map(function (entry) {
+    return entry.kind === "modified" ? {
+      id: `${name}-modified`,
+      type: "version",
+      author: entry.author,
+      timestamp: entry.timestamp
+    } : {
+      id: `${name}-created`,
+      type: "info",
+      author: entry.author,
+      content: t("Created this {{doctype}}", {
+        doctype
+      }),
+      timestamp: entry.timestamp
+    };
+  }) : [];
+  var drawSection = function drawSection2(section, index) {
+    var _linked_section_doctype;
+    if (section.kind === "bars") {
+      var tableRows = Array.isArray(row[section.table]) ? row[section.table] : [];
+      return /* @__PURE__ */_jsx(RecordBars, {
+        rows: tableRows,
+        section,
+        testID: `${slug}-${section.id}-chart`
+      }, `bars-${section.id}`);
+    }
+    var rows = /* @__PURE__ */_jsx(RecordRows, {
+      rows: (_linked_section_doctype = linked[section.doctype]) !== null && _linked_section_doctype !== void 0 ? _linked_section_doctype : [],
+      section
+    });
+    if (!section.title) {
+      return /* @__PURE__ */_jsxs(YStack, {
+        ...knobProps.gap,
+        children: [section.description ? /* @__PURE__ */_jsx(Text, {
+          ...nested.label,
+          color: "$color10",
+          children: section.description
+        }) : null, rows]
+      }, `rows-${index}`);
+    }
+    return /* @__PURE__ */_jsx(PageSection, {
+      title: section.title,
+      description: section.description,
+      divider: false,
+      children: rows
+    }, `rows-${index}`);
+  };
+  var quote = summary === null || summary === void 0 ? void 0 : summary(doc);
+  var tabItems = tabs.map(function (tab, index) {
+    var _linked_tab_count;
+    var count = tab.count ? ((_linked_tab_count = linked[tab.count]) !== null && _linked_tab_count !== void 0 ? _linked_tab_count : []).length : 0;
+    var Icon = tab.icon;
+    return {
+      value: tab.value,
+      label: tab.label,
+      icon: Icon ? /* @__PURE__ */_jsx(Icon, {
+        size: 16
+      }) : void 0,
+      badge: count > 0 ? /* @__PURE__ */_jsx(Chip, {
+        size: "$2",
+        children: count
+      }) : void 0,
+      content: /* @__PURE__ */_jsxs(YStack, {
+        ...knobProps.gapLg,
+        children: [index === 0 && quote ? /* @__PURE__ */_jsx(Quote, {
+          marginVertical: 0,
+          cite: quote.cite,
+          children: quote.text
+        }) : null, tab.sections.map(drawSection), index === 0 && entries.length > 0 ? /* @__PURE__ */_jsx(PageSection, {
+          title: t("Record history"),
+          surface: true,
+          children: /* @__PURE__ */_jsx(Timeline, {
+            entries,
+            labels: {
+              madeChanges: t("last updated this record")
+            }
+          })
+        }) : null]
+      })
+    };
+  });
+  var toolbar = /* @__PURE__ */_jsx(ScreenToolbar, {
+    leading: /* @__PURE__ */_jsx(Button, {
+      outlined: true,
+      minHeight: knobProps.sizeToken,
+      onPress: function onPress() {
+        return navigate(route);
+      },
+      icon: /* @__PURE__ */_jsx(ArrowLeftIcon, {
+        size: 16
+      }),
+      testID: `${slug}-detail-back`,
+      children: t("Back")
+    }),
+    trailing: /* @__PURE__ */_jsxs(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      children: [favorites || actions.length > 0 ? /* @__PURE__ */_jsxs(XStack, {
+        ...knobProps.borderRadius,
+        backgroundColor: "$color2",
+        alignItems: "center",
+        children: [favorites ? /* @__PURE__ */_jsx(Tooltip, {
+          content: favoriteLabel,
+          children: /* @__PURE__ */_jsx(Button, {
+            circular: true,
+            chromeless: true,
+            minWidth: knobProps.sizeToken,
+            minHeight: knobProps.sizeToken,
+            onPress: function onPress() {
+              return toggle(name);
+            },
+            col: favorite ? "$red9" : "$color10",
+            icon: /* @__PURE__ */_jsx(HeartIcon, {
+              size: 22,
+              weight: favorite ? "fill" : "regular"
+            }),
+            "aria-label": favoriteLabel,
+            "aria-pressed": favorite,
+            render: "button",
+            type: "button",
+            testID: `${slug}-detail-favorite`
+          })
+        }) : null, actions.map(function (action) {
+          var Icon = action.icon;
+          return /* @__PURE__ */_jsx(Tooltip, {
+            content: action.label,
+            children: /* @__PURE__ */_jsx(Button, {
+              circular: true,
+              chromeless: true,
+              minWidth: knobProps.sizeToken,
+              minHeight: knobProps.sizeToken,
+              onPress: function onPress() {
+                return navigate(action.href(doc));
+              },
+              col: "$color10",
+              icon: /* @__PURE__ */_jsx(Icon, {
+                size: 20
+              }),
+              "aria-label": action.label,
+              testID: action.testID
+            })
+          }, action.label);
+        })]
+      }) : null, canEdit ? /* @__PURE__ */_jsx(Button, {
+        theme: "accent",
+        minHeight: knobProps.sizeToken,
+        onPress: function onPress() {
+          return navigate(frappeRouteHref(route, {
+            mode: "edit",
+            name
+          }));
+        },
+        testID: `${slug}-detail-edit`,
+        children: t("Edit")
+      }) : null]
+    })
+  });
+  return /* @__PURE__ */_jsxs(Screen, {
+    children: [/* @__PURE__ */_jsxs(YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */_jsx(Breadcrumbs, {
+        items: [{
+          label: listName,
+          href: route
+        }, {
+          label: code ? `${code} ${title}` : title
+        }],
+        onNavigate: function onNavigate(href) {
+          return navigate(href);
+        }
+      }), toolbar]
+    }), /* @__PURE__ */_jsx(RecordHeroFrame, {
+      tint: tints[0],
+      testID: `${slug}-detail-stage`,
+      children: /* @__PURE__ */_jsxs(RecordHeroRow, {
+        children: [/* @__PURE__ */_jsx(RecordHeroArtColumn, {
+          testID: `${slug}-hero-art`,
+          children: /* @__PURE__ */_jsx(RecordGallery, {
+            images,
+            slides,
+            alt: title,
+            tints
+          })
+        }), /* @__PURE__ */_jsxs(RecordHeroIdentityColumn, {
+          testID: `${slug}-hero-identity`,
+          children: [code ? /* @__PURE__ */_jsx(Text, {
+            ...nested.label,
+            fontWeight: "700",
+            color: tints[0] ? `$${tints[0]}11` : "$color11",
+            letterSpacing: 1,
+            children: code
+          }) : null, /* @__PURE__ */_jsx(PageHeader, {
+            heading: /* @__PURE__ */_jsx(H1, {
+              margin: 0,
+              size: "$10",
+              "$max-sm": {
+                size: "$9"
+              },
+              children: title
+            }),
+            subtitle: (look === null || look === void 0 ? void 0 : (_look_subtitle = look.subtitle) === null || _look_subtitle === void 0 ? void 0 : _look_subtitle.call(look, doc)) || void 0,
+            divider: false
+          }), values.length > 0 ? /* @__PURE__ */_jsx(XStack, {
+            gap: "$2",
+            flexWrap: "wrap",
+            children: values.map(function (value) {
+              var _ref2;
+              var _facet_optionLabel, _facet_tint;
+              return /* @__PURE__ */_jsx(FacetBadge, {
+                label: (_ref2 = facet === null || facet === void 0 ? void 0 : (_facet_optionLabel = facet.optionLabel) === null || _facet_optionLabel === void 0 ? void 0 : _facet_optionLabel.call(facet, value)) !== null && _ref2 !== void 0 ? _ref2 : value,
+                tint: facet === null || facet === void 0 ? void 0 : (_facet_tint = facet.tint) === null || _facet_tint === void 0 ? void 0 : _facet_tint.call(facet, value)
+              }, value);
+            })
+          }) : null, /* @__PURE__ */_jsx(RecordVitals, {
+            tiles: metrics.map(function (metric) {
+              var value = metricValue(doc, metric.field);
+              return {
+                id: metric.field,
+                label: metric.label,
+                value: metric.format ? metric.format(value) : String(value),
+                percent: metric.max ? Math.min(value / metric.max * 100, 100) : void 0
+              };
+            })
+          })]
+        })]
+      })
+    }), /* @__PURE__ */_jsxs(YStack, {
+      ...knobProps.gapLg,
+      paddingBottom: "$6",
+      children: [tabItems.length > 0 ? /* @__PURE__ */_jsx(Tabs, {
+        defaultValue: (_tabItems_ = tabItems[0]) === null || _tabItems_ === void 0 ? void 0 : _tabItems_.value,
+        lazyMount: true,
+        items: tabItems
+      }) : null, /* @__PURE__ */_jsx(RecordPager, {
+        prev: pagerEntry(prev),
+        next: pagerEntry(next),
+        testID: slug
+      })]
+    })]
+  });
+}
+export { RecordPage };
+//# sourceMappingURL=RecordPage.native.js.map

package/dist/esm/record/RecordPage.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Breadcrumbs","Chip","H1","PageHeader","PageSection","Quote","Screen","ScreenToolbar","Tabs","Text","Timeline","Tooltip","XStack","YStack","Button","useResolvedKnobs","ArrowLeftIcon","HeartIcon","useTranslation","frappeRouteHref","metricValue","FacetBadge","favoritesKey","useFavorites","recordTitle","adjacentRecords","recordFacetValues","recordHistory","RecordBars","RecordGallery","RecordHeroArtColumn","RecordHeroFrame","RecordHeroIdentityColumn","RecordHeroRow","RecordVitals","RecordPager","RecordRows","RecordPage","param","doc","linked","doctype","route","listName","listRows","look","titleField","facet","metrics","summary","tabs","favorites","actions","history","slug","baseURL","navigate","canEdit","_row_name","_ref","_ref1","_look_code","_look_images","_look_gallery","_look_subtitle","_tabItems_","t","knobProps","nested","compact","row","name","String","isFavorite","toggle","title","code","call","values","tints","slice","map","value","_facet_tint","tint","images","slides","gallery","filter","slide","src","favorite","favoriteLabel","prev","next","pagerEntry","pagerEntry2","neighbor","_look_code2","_look_images2","image","onPress","mode","entries","entry","kind","id","type","author","timestamp","content","drawSection","drawSection2","section","index","_linked_section_doctype","tableRows","Array","isArray","table","rows","testID","gap","children","description","label","color","divider","quote","tabItems","tab","_linked_tab_count","count","length","Icon","icon","size","badge","gapLg","marginVertical","cite","text","sections","surface","labels","madeChanges","toolbar","leading","outlined","minHeight","sizeToken","trailing","alignItems","borderRadius","backgroundColor","circular","chromeless","minWidth","col","weight","render","action","href","theme","items","onNavigate","alt"],"sources":["../../../src/record/RecordPage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/record/RecordPager.mjs

@@ -0,0 +1,100 @@
+import { Avatar, Text, XStack, YStack } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { sizeRecipeEscape, useResolvedKnobs } from "@multiplatform.one/theme";
+import { ArrowLeftIcon, ArrowRightIcon } from "@phosphor-icons/react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PagerButton({
+  direction,
+  entry,
+  testID
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps: nested
+  } = useResolvedKnobs({
+    compact: true
+  });
+  const isPrev = direction === "prev";
+  const avatar = /* @__PURE__ */jsx(Avatar, {
+    src: entry.image,
+    name: entry.title,
+    backgroundColor: "$color4",
+    fallbackBackgroundColor: "$color4"
+  });
+  return /* @__PURE__ */jsx(Button, {
+    outlined: true,
+    minHeight: sizeRecipeEscape(56, "pager button: room for the neighbor's two-line label beside its avatar"),
+    flexShrink: 1,
+    minWidth: 0,
+    onPress: entry.onPress,
+    icon: isPrev ? /* @__PURE__ */jsx(ArrowLeftIcon, {
+      size: 18
+    }) : void 0,
+    iconAfter: isPrev ? void 0 : /* @__PURE__ */jsx(ArrowRightIcon, {
+      size: 18
+    }),
+    testID,
+    children: /* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      alignItems: "center",
+      flexShrink: 1,
+      minWidth: 0,
+      children: [isPrev ? avatar : null, /* @__PURE__ */jsxs(YStack, {
+        alignItems: isPrev ? "flex-start" : "flex-end",
+        flexShrink: 1,
+        minWidth: 0,
+        children: [/* @__PURE__ */jsx(Text, {
+          ...nested.label,
+          color: "$color10",
+          textTransform: "uppercase",
+          letterSpacing: 1,
+          children: isPrev ? t("Previous") : t("Next")
+        }), /* @__PURE__ */jsxs(XStack, {
+          gap: "$1.5",
+          alignItems: "baseline",
+          minWidth: 0,
+          children: [entry.code ? /* @__PURE__ */jsx(Text, {
+            ...nested.label,
+            color: "$color10",
+            fontWeight: "600",
+            children: entry.code
+          }) : null, /* @__PURE__ */jsx(Text, {
+            fontWeight: "700",
+            numberOfLines: 1,
+            flexShrink: 1,
+            children: entry.title
+          })]
+        })]
+      }), isPrev ? null : avatar]
+    })
+  });
+}
+function RecordPager({
+  prev,
+  next,
+  testID
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  if (!prev && !next) return null;
+  return /* @__PURE__ */jsxs(XStack, {
+    justifyContent: "space-between",
+    ...knobProps.gap,
+    marginTop: "$2",
+    children: [prev ? /* @__PURE__ */jsx(PagerButton, {
+      direction: "prev",
+      entry: prev,
+      testID: testID && `${testID}-prev`
+    }) : /* @__PURE__ */jsx(YStack, {}), next ? /* @__PURE__ */jsx(PagerButton, {
+      direction: "next",
+      entry: next,
+      testID: testID && `${testID}-next`
+    }) : /* @__PURE__ */jsx(YStack, {})]
+  });
+}
+export { RecordPager };
+//# sourceMappingURL=RecordPager.mjs.map

package/dist/esm/record/RecordPager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar","Text","XStack","YStack","Button","sizeRecipeEscape","useResolvedKnobs","ArrowLeftIcon","ArrowRightIcon","useTranslation","jsx","jsxs","PagerButton","direction","entry","testID","t","knobProps","nested","compact","isPrev","avatar","src","image","name","title","backgroundColor","fallbackBackgroundColor","outlined","minHeight","flexShrink","minWidth","onPress","icon","size","iconAfter","children","gap","alignItems","label","color","textTransform","letterSpacing","code","fontWeight","numberOfLines","RecordPager","prev","next","justifyContent","marginTop"],"sources":["../../../src/record/RecordPager.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/record/RecordPager.native.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Text, XStack, YStack } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { sizeRecipeEscape, useResolvedKnobs } from "@multiplatform.one/theme";
+import { ArrowLeftIcon, ArrowRightIcon } from "@phosphor-icons/react";
+import { useTranslation } from "react-i18next";
+function PagerButton(param) {
+  var {
+    direction,
+    entry,
+    testID
+  } = param;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps: nested
+  } = useResolvedKnobs({
+    compact: true
+  });
+  var isPrev = direction === "prev";
+  var avatar = /* @__PURE__ */_jsx(Avatar, {
+    src: entry.image,
+    name: entry.title,
+    backgroundColor: "$color4",
+    fallbackBackgroundColor: "$color4"
+  });
+  return /* @__PURE__ */_jsx(Button, {
+    outlined: true,
+    minHeight: sizeRecipeEscape(56, "pager button: room for the neighbor's two-line label beside its avatar"),
+    flexShrink: 1,
+    minWidth: 0,
+    onPress: entry.onPress,
+    icon: isPrev ? /* @__PURE__ */_jsx(ArrowLeftIcon, {
+      size: 18
+    }) : void 0,
+    iconAfter: isPrev ? void 0 : /* @__PURE__ */_jsx(ArrowRightIcon, {
+      size: 18
+    }),
+    testID,
+    children: /* @__PURE__ */_jsxs(XStack, {
+      gap: "$2",
+      alignItems: "center",
+      flexShrink: 1,
+      minWidth: 0,
+      children: [isPrev ? avatar : null, /* @__PURE__ */_jsxs(YStack, {
+        alignItems: isPrev ? "flex-start" : "flex-end",
+        flexShrink: 1,
+        minWidth: 0,
+        children: [/* @__PURE__ */_jsx(Text, {
+          ...nested.label,
+          color: "$color10",
+          textTransform: "uppercase",
+          letterSpacing: 1,
+          children: isPrev ? t("Previous") : t("Next")
+        }), /* @__PURE__ */_jsxs(XStack, {
+          gap: "$1.5",
+          alignItems: "baseline",
+          minWidth: 0,
+          children: [entry.code ? /* @__PURE__ */_jsx(Text, {
+            ...nested.label,
+            color: "$color10",
+            fontWeight: "600",
+            children: entry.code
+          }) : null, /* @__PURE__ */_jsx(Text, {
+            fontWeight: "700",
+            numberOfLines: 1,
+            flexShrink: 1,
+            children: entry.title
+          })]
+        })]
+      }), isPrev ? null : avatar]
+    })
+  });
+}
+function RecordPager(param) {
+  var {
+    prev,
+    next,
+    testID
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  if (!prev && !next) return null;
+  return /* @__PURE__ */_jsxs(XStack, {
+    justifyContent: "space-between",
+    ...knobProps.gap,
+    marginTop: "$2",
+    children: [prev ? /* @__PURE__ */_jsx(PagerButton, {
+      direction: "prev",
+      entry: prev,
+      testID: testID && `${testID}-prev`
+    }) : /* @__PURE__ */_jsx(YStack, {}), next ? /* @__PURE__ */_jsx(PagerButton, {
+      direction: "next",
+      entry: next,
+      testID: testID && `${testID}-next`
+    }) : /* @__PURE__ */_jsx(YStack, {})]
+  });
+}
+export { RecordPager };
+//# sourceMappingURL=RecordPager.native.js.map

package/dist/esm/record/RecordPager.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Avatar","Text","XStack","YStack","Button","sizeRecipeEscape","useResolvedKnobs","ArrowLeftIcon","ArrowRightIcon","useTranslation","PagerButton","param","direction","entry","testID","t","knobProps","nested","compact","isPrev","avatar","src","image","name","title","backgroundColor","fallbackBackgroundColor","outlined","minHeight","flexShrink","minWidth","onPress","icon","size","iconAfter","children","gap","alignItems","label","color","textTransform","letterSpacing","code","fontWeight"],"sources":["../../../src/record/RecordPager.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAM,IAAAC,KAAQ,2BAAc;AAC7C,SAASC,MAAA,EAAAC,IAAA,EAAcC,MAAA,EAAAC,MAAA;AACvB,SAASC,MAAA,kCAAkB;AAC3B,SAASC,gBAAe,EAAAC,gBAAA,QAAsB;AAC9C,SAASC,aAAA,EAAAC,cAAsB;AAsB3B,SAAAC,cA2BM,QA3BN;AAbJ,SAASC,YAAYC,KAAA;EACnB;IAAAC,SAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAH,KAAA;EACA;IAAAI;EAAA,IAAAN,cAAA;EACA;IAAAO,SAAA,EAAAC;EAAA,IAAAX,gBAAA;IAKCY,OAAA;EACD;EACA,IAAAC,MAAQ,GAAAP,SAAW,KAAO,MAAI;EAC9B,IAAAQ,MAAM,kBAAuBvB,IAAA,CAAAG,MAAA;IAC7BqB,GAAA,EAAMR,KAAA,CAAAS,KACJ;IAACC,IAAA,EAAAV,KAAA,CAAAW,KAAA;IAAAC,eAAA;IAAAC,uBACY;EAAA;EACC,OACZ,eAAgB7B,IAAA,CAAAO,MAAA;IAAAuB,QAChB;IAAwBC,SAAA,EAAAvB,gBAAA;IAC1BwB,UAAA;IAEFC,QACE;IAACC,OAAA,EAAAlB,KAAA,CAAAkB,OAAA;IAAAC,IAAA,EAAAb,MAAA,kBAAAtB,IAAA,CAAAU,aAAA;MACC0B,IAAA;IAAQ,EACR;IAAWC,SACT,EAAAf,MAAA,2BAAAtB,IAAA,CAAAW,cAAA;MAAAyB,IACA;IAAA,EACF;IAAAnB,MACA;IAAYqB,QACZ,iBAAUpC,KAAA,CAAAG,MAAA;MACVkC,GAAA,MAAS;MACTC,UAAM,UAAS;MACfR,UAAA,EAAW;MACXC,QAAA;MAEAK,QAAA,GACGhB,MAAA,GAASC,MAAA,GAAS,MACnB,eAAArB,KAAC,CAAAI,MAAA;QACCkC,UAAA,EAAAlB,MAAA,GAAC,YAAS,aAAc;QAGxBU,UAAA;QACGC,QAAM;QAIHK,QACJ,GAEA,eACFtC,IAAA,CAAAI,IAAA;UACF,GAAAgB,MAAA,CAAAqB,KAAA;UACCC,KAAS,YAAO;UACnBC,aAAA;UAAAC,aAAA;UACFN,QAAA,EAAAhB,MAAA,GAAAJ,CAAA,eAAAA,CAAA;QAEJ,IAGgB,eAAYhB,KAAA,CAAAG,MAAA;UAC1BkC,GAAA;UACAC,UAAA;UACAP,QAAA;UAKCK,QAAA,GACOtB,KAAU,CAAA6B,IAAI,kBAAiB7C,IAAA,CAAAI,IAAA;YACzB,GAAMgB,MAAA,CAAAqB,KAAO;YAEzBC,KAAA,YAAC;YAEGI,UAAA,OAAC;YAKDR,QAAA,EAAAtB,KAAC,CAAA6B;UAIL,WAEJ,eAAA7C,IAAA,CAAAI,IAAA","ignoreList":[]}

package/dist/esm/record/RecordRows.mjs

@@ -0,0 +1,101 @@
+import { Accordion, Card, Chip, Text, XStack, YStack } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "react-i18next";
+import { groupRows, sortRows } from "./recordData.mjs";
+import { slugWords } from "./recordSections.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RowTiles({
+  rows,
+  section
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(XStack, {
+    ...knobProps.gap,
+    flexWrap: "wrap",
+    children: rows.map((row, index) => {
+      const detail = section.detail ? Number(row[section.detail.field]) : 0;
+      return /* @__PURE__ */jsx(Card, {
+        ...knobProps.cardSurface,
+        backgroundColor: "$color2",
+        paddingVertical: "$2",
+        paddingHorizontal: "$3",
+        flexGrow: 0,
+        children: /* @__PURE__ */jsxs(XStack, {
+          alignItems: "center",
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(Text, {
+            textTransform: "capitalize",
+            fontWeight: "600",
+            children: slugWords(String(row[section.field] ?? ""))
+          }), section.flag && row[section.flag.field] ? /* @__PURE__ */jsx(Chip, {
+            size: "$2",
+            color: "purple",
+            children: section.flag.label
+          }) : null, section.detail && detail > 0 ? /* @__PURE__ */jsx(Chip, {
+            size: "$2",
+            color: "blue",
+            children: section.detail.label(detail)
+          }) : null]
+        })
+      }, typeof row.name === "string" ? row.name : index);
+    })
+  });
+}
+function RecordRows({
+  rows,
+  section
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  if (rows.length === 0) {
+    return /* @__PURE__ */jsx(Text, {
+      color: "$color10",
+      fontSize: "$3",
+      children: section.empty ?? t("None yet")
+    });
+  }
+  const sorted = sortRows(rows, section.orderBy ?? []);
+  if (!section.groupBy) return /* @__PURE__ */jsx(RowTiles, {
+    rows: sorted,
+    section
+  });
+  const groups = groupRows(sorted, section.groupBy.field);
+  const groupValue = value => value || "other";
+  return /* @__PURE__ */jsx(YStack, {
+    ...knobProps.gap,
+    children: /* @__PURE__ */jsx(Accordion, {
+      type: "multiple",
+      defaultValue: [groupValue(groups[0]?.value ?? "")],
+      children: groups.map(group => /* @__PURE__ */jsxs(Accordion.Item, {
+        value: groupValue(group.value),
+        children: [/* @__PURE__ */jsx(Accordion.Trigger, {
+          children: /* @__PURE__ */jsxs(XStack, {
+            alignItems: "center",
+            gap: "$2",
+            flexWrap: "wrap",
+            children: [/* @__PURE__ */jsx(Text, {
+              fontWeight: "600",
+              children: section.groupBy?.label(group.value)
+            }), /* @__PURE__ */jsx(Chip, {
+              size: "$2",
+              children: group.rows.length
+            })]
+          })
+        }), /* @__PURE__ */jsx(Accordion.Content, {
+          children: /* @__PURE__ */jsx(RowTiles, {
+            rows: group.rows,
+            section
+          })
+        })]
+      }, groupValue(group.value)))
+    })
+  });
+}
+export { RecordRows };
+//# sourceMappingURL=RecordRows.mjs.map