@multiplatform.one/frappe-ui 7.23.2 → 7.24.0

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

@@ -0,0 +1,364 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var RecordPage_exports = {};
+__export(RecordPage_exports, {
+  RecordPage: () => RecordPage
+});
+module.exports = __toCommonJS(RecordPage_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react_i18next = require("react-i18next");
+var import_frappeNavigation = require("../frappeNavigation.native.js");
+var import_insightsRecord = require("../insights/insightsRecord.native.js");
+var import_FacetBadge = require("../list/FacetBadge.native.js");
+var import_favorites = require("../list/favorites.native.js");
+var import_recordLook = require("../list/recordLook.native.js");
+var import_recordData = require("./recordData.native.js");
+var import_RecordBars = require("./RecordBars.native.js");
+var import_RecordGallery = require("./RecordGallery.native.js");
+var import_RecordHero = require("./RecordHero.native.js");
+var import_RecordPager = require("./RecordPager.native.js");
+var import_RecordRows = require("./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
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    knobProps: nested
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  var row = doc;
+  var name = String((_row_name = row.name) !== null && _row_name !== void 0 ? _row_name : "");
+  var {
+    isFavorite,
+    toggle
+  } = (0, import_favorites.useFavorites)(favorites ? typeof favorites === "string" ? favorites : (0, import_favorites.favoritesKey)(doctype) : void 0);
+  var title = (0, import_recordLook.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 ? (0, import_recordData.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
+  } = (0, import_recordData.adjacentRecords)(listRows, name);
+  var pagerEntry = function pagerEntry2(neighbor) {
+    var _look_code2, _look_images2;
+    return (neighbor === null || neighbor === void 0 ? void 0 : neighbor.name) ? {
+      title: (0, import_recordLook.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((0, import_frappeNavigation.frappeRouteHref)(route, {
+          mode: "view",
+          name: neighbor.name
+        }));
+      }
+    } : null;
+  };
+  var entries = history ? (0, import_recordData.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__ */(0, import_jsx_runtime.jsx)(import_RecordBars.RecordBars, {
+        rows: tableRows,
+        section,
+        testID: `${slug}-${section.id}-chart`
+      }, `bars-${section.id}`);
+    }
+    var rows = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RecordRows.RecordRows, {
+      rows: (_linked_section_doctype = linked[section.doctype]) !== null && _linked_section_doctype !== void 0 ? _linked_section_doctype : [],
+      section
+    });
+    if (!section.title) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        ...knobProps.gap,
+        children: [section.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          ...nested.label,
+          color: "$color10",
+          children: section.description
+        }) : null, rows]
+      }, `rows-${index}`);
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsx)(Icon, {
+        size: 16
+      }) : void 0,
+      badge: count > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+        size: "$2",
+        children: count
+      }) : void 0,
+      content: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        ...knobProps.gapLg,
+        children: [index === 0 && quote ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Quote, {
+          marginVertical: 0,
+          cite: quote.cite,
+          children: quote.text
+        }) : null, tab.sections.map(drawSection), index === 0 && entries.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.PageSection, {
+          title: t("Record history"),
+          surface: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Timeline, {
+            entries,
+            labels: {
+              madeChanges: t("last updated this record")
+            }
+          })
+        }) : null]
+      })
+    };
+  });
+  var toolbar = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScreenToolbar, {
+    leading: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      outlined: true,
+      minHeight: knobProps.sizeToken,
+      onPress: function onPress() {
+        return navigate(route);
+      },
+      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowLeftIcon, {
+        size: 16
+      }),
+      testID: `${slug}-detail-back`,
+      children: t("Back")
+    }),
+    trailing: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      children: [favorites || actions.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.borderRadius,
+        backgroundColor: "$color2",
+        alignItems: "center",
+        children: [favorites ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+          content: favoriteLabel,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            circular: true,
+            chromeless: true,
+            minWidth: knobProps.sizeToken,
+            minHeight: knobProps.sizeToken,
+            onPress: function onPress() {
+              return toggle(name);
+            },
+            col: favorite ? "$red9" : "$color10",
+            icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.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__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+            content: action.label,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+              circular: true,
+              chromeless: true,
+              minWidth: knobProps.sizeToken,
+              minHeight: knobProps.sizeToken,
+              onPress: function onPress() {
+                return navigate(action.href(doc));
+              },
+              col: "$color10",
+              icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+                size: 20
+              }),
+              "aria-label": action.label,
+              testID: action.testID
+            })
+          }, action.label);
+        })]
+      }) : null, canEdit ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        theme: "accent",
+        minHeight: knobProps.sizeToken,
+        onPress: function onPress() {
+          return navigate((0, import_frappeNavigation.frappeRouteHref)(route, {
+            mode: "edit",
+            name
+          }));
+        },
+        testID: `${slug}-detail-edit`,
+        children: t("Edit")
+      }) : null]
+    })
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Screen, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Breadcrumbs, {
+        items: [{
+          label: listName,
+          href: route
+        }, {
+          label: code ? `${code} ${title}` : title
+        }],
+        onNavigate: function onNavigate(href) {
+          return navigate(href);
+        }
+      }), toolbar]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RecordHero.RecordHeroFrame, {
+      tint: tints[0],
+      testID: `${slug}-detail-stage`,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_RecordHero.RecordHeroRow, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RecordHero.RecordHeroArtColumn, {
+          testID: `${slug}-hero-art`,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RecordGallery.RecordGallery, {
+            images,
+            slides,
+            alt: title,
+            tints
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_RecordHero.RecordHeroIdentityColumn, {
+          testID: `${slug}-hero-identity`,
+          children: [code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...nested.label,
+            fontWeight: "700",
+            color: tints[0] ? `$${tints[0]}11` : "$color11",
+            letterSpacing: 1,
+            children: code
+          }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.PageHeader, {
+            heading: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+            gap: "$2",
+            flexWrap: "wrap",
+            children: values.map(function (value) {
+              var _ref2;
+              var _facet_optionLabel, _facet_tint;
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FacetBadge.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__ */(0, import_jsx_runtime.jsx)(import_RecordHero.RecordVitals, {
+            tiles: metrics.map(function (metric) {
+              var value = (0, import_insightsRecord.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__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gapLg,
+      paddingBottom: "$6",
+      children: [tabItems.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tabs, {
+        defaultValue: (_tabItems_ = tabItems[0]) === null || _tabItems_ === void 0 ? void 0 : _tabItems_.value,
+        lazyMount: true,
+        items: tabItems
+      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RecordPager.RecordPager, {
+        prev: pagerEntry(prev),
+        next: pagerEntry(next),
+        testID: slug
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=RecordPage.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","RecordPage_exports","RecordPage","module","exports","import_jsx_runtime","require","import_components","import_forms","import_theme","import_react","import_react_i18next","import_frappeNavigation","import_insightsRecord","import_FacetBadge","import_favorites","import_recordLook","import_recordData","import_RecordBars","import_RecordGallery","import_RecordHero","import_RecordPager","import_RecordRows","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","useTranslation","knobProps","useResolvedKnobs","nested","compact","row","String","isFavorite","toggle","useFavorites","favoritesKey","title","recordTitle","code","values","recordFacetValues","tints","slice","map","_facet_tint","tint","images","slides","gallery","filter","slide","src","favorite","favoriteLabel","prev","next","adjacentRecords","pagerEntry","pagerEntry2","neighbor","_look_code2","_look_images2","image","onPress","frappeRouteHref","mode","entries","recordHistory","entry","kind","id","type","author","timestamp","content","drawSection","drawSection2","section","index","_linked_section_doctype","tableRows","Array","isArray","table","jsx","RecordBars","rows","testID","RecordRows","jsxs","YStack","gap","children","description","Text","label","color","PageSection","divider","quote","tabItems","tab","_linked_tab_count","count","length","Icon","icon","size","badge","Chip","gapLg","Quote","marginVertical","cite","text","sections","surface","Timeline","labels","madeChanges","toolbar","ScreenToolbar","leading","Button","outlined","minHeight","sizeToken","ArrowLeftIcon","trailing","XStack","alignItems","borderRadius","backgroundColor","Tooltip","circular","chromeless","minWidth","col","HeartIcon","weight","render","action","href","theme","Screen","Breadcrumbs","items","onNavigate"],"sources":["../../../src/record/RecordPage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/record/RecordPager.native.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var RecordPager_exports = {};
+__export(RecordPager_exports, {
+  RecordPager: () => RecordPager
+});
+module.exports = __toCommonJS(RecordPager_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react_i18next = require("react-i18next");
+function PagerButton(param) {
+  var {
+    direction,
+    entry,
+    testID
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps: nested
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  var isPrev = direction === "prev";
+  var avatar = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Avatar, {
+    src: entry.image,
+    name: entry.title,
+    backgroundColor: "$color4",
+    fallbackBackgroundColor: "$color4"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    outlined: true,
+    minHeight: (0, import_theme.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__ */(0, import_jsx_runtime.jsx)(import_react.ArrowLeftIcon, {
+      size: 18
+    }) : void 0,
+    iconAfter: isPrev ? void 0 : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowRightIcon, {
+      size: 18
+    }),
+    testID,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      flexShrink: 1,
+      minWidth: 0,
+      children: [isPrev ? avatar : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        alignItems: isPrev ? "flex-start" : "flex-end",
+        flexShrink: 1,
+        minWidth: 0,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          ...nested.label,
+          color: "$color10",
+          textTransform: "uppercase",
+          letterSpacing: 1,
+          children: isPrev ? t("Previous") : t("Next")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          gap: "$1.5",
+          alignItems: "baseline",
+          minWidth: 0,
+          children: [entry.code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...nested.label,
+            color: "$color10",
+            fontWeight: "600",
+            children: entry.code
+          }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontWeight: "700",
+            numberOfLines: 1,
+            flexShrink: 1,
+            children: entry.title
+          })]
+        })]
+      }), isPrev ? null : avatar]
+    })
+  });
+}
+function RecordPager(param) {
+  var {
+    prev,
+    next,
+    testID
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  if (!prev && !next) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    justifyContent: "space-between",
+    ...knobProps.gap,
+    marginTop: "$2",
+    children: [prev ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(PagerButton, {
+      direction: "prev",
+      entry: prev,
+      testID: testID && `${testID}-prev`
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {}), next ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(PagerButton, {
+      direction: "next",
+      entry: next,
+      testID: testID && `${testID}-next`
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {})]
+  });
+}
+//# sourceMappingURL=RecordPager.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","RecordPager_exports","RecordPager","module","exports","import_jsx_runtime","require","import_components","import_forms","import_theme","import_react","import_react_i18next","PagerButton","param","direction","entry","testID","t","useTranslation","knobProps","nested","useResolvedKnobs","compact","isPrev","avatar","jsx","Avatar","src","image","title","backgroundColor","fallbackBackgroundColor","Button","outlined","minHeight","sizeRecipeEscape","flexShrink","minWidth","onPress","icon","ArrowLeftIcon","size","iconAfter","ArrowRightIcon","children","jsxs","XStack","gap","alignItems","YStack"],"sources":["../../../src/record/RecordPager.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}