@multiplatform.one/frappe-ui 7.23.2 → 7.24.0

package/dist/cjs/insights/InsightsKpiBand.cjs

@@ -0,0 +1,124 @@
+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 InsightsKpiBand_exports = {};
+__export(InsightsKpiBand_exports, {
+  InsightsKpiBand: () => InsightsKpiBand
+});
+module.exports = __toCommonJS(InsightsKpiBand_exports);
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_ChartCard = require("../ChartCard.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function NestedKpi({
+  tile,
+  testID
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  const nestedPx = knobProps.nestedControl.px;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.cardSurface,
+    backgroundColor: "$color2",
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 140,
+    minWidth: 0,
+    justifyContent: "space-between",
+    ...knobProps.gap,
+    "data-nested-px": nestedPx,
+    testID,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      color: "$color10",
+      numberOfLines: 1,
+      children: tile.title
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$7",
+      fontWeight: "700",
+      color: "$color",
+      numberOfLines: 1,
+      children: tile.value
+    }), tile.hint ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      color: "$color10",
+      numberOfLines: 1,
+      children: tile.hint
+    }) : null, tile.spark && tile.spark.length > 1 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Sparkline, {
+      data: tile.spark,
+      height: nestedPx,
+      showArea: true,
+      title: tile.title
+    }) : null]
+  });
+}
+function InsightsKpiBand({
+  hero,
+  tiles,
+  charts,
+  testID
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gapLg,
+    testID,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      ...knobProps.gap,
+      flexWrap: "wrap",
+      alignItems: "stretch",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.KPICard, {
+        config: hero,
+        flexGrow: 2,
+        flexShrink: 1,
+        flexBasis: 260
+      }), tiles.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+        ...knobProps.gap,
+        flexWrap: "wrap",
+        flexGrow: 3,
+        flexShrink: 1,
+        flexBasis: 420,
+        minWidth: 0,
+        children: tiles.map(tile => /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedKpi, {
+          tile,
+          testID: testID ? `${testID}-kpi-${tile.id}` : void 0
+        }, tile.id))
+      }) : null]
+    }), charts.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      ...knobProps.gap,
+      flexWrap: "wrap",
+      alignItems: "stretch",
+      children: charts.map((chart, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartCard.ChartCard, {
+        config: chart,
+        flexGrow: index === 0 ? 3 : 2,
+        flexShrink: 1,
+        flexBasis: index === 0 ? 420 : 320,
+        minWidth: 0,
+        minHeight: 240
+      }, chart.id))
+    }) : null]
+  });
+}

package/dist/cjs/insights/InsightsKpiBand.native.js

@@ -0,0 +1,133 @@
+"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 InsightsKpiBand_exports = {};
+__export(InsightsKpiBand_exports, {
+  InsightsKpiBand: () => InsightsKpiBand
+});
+module.exports = __toCommonJS(InsightsKpiBand_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_ChartCard = require("../ChartCard.native.js");
+function NestedKpi(param) {
+  var {
+    tile,
+    testID
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  var nestedPx = knobProps.nestedControl.px;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.cardSurface,
+    backgroundColor: "$color2",
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 140,
+    minWidth: 0,
+    justifyContent: "space-between",
+    ...knobProps.gap,
+    "data-nested-px": nestedPx,
+    testID,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      color: "$color10",
+      numberOfLines: 1,
+      children: tile.title
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$7",
+      fontWeight: "700",
+      color: "$color",
+      numberOfLines: 1,
+      children: tile.value
+    }), tile.hint ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      color: "$color10",
+      numberOfLines: 1,
+      children: tile.hint
+    }) : null, tile.spark && tile.spark.length > 1 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Sparkline, {
+      data: tile.spark,
+      height: nestedPx,
+      showArea: true,
+      title: tile.title
+    }) : null]
+  });
+}
+function InsightsKpiBand(param) {
+  var {
+    hero,
+    tiles,
+    charts,
+    testID
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gapLg,
+    testID,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      ...knobProps.gap,
+      flexWrap: "wrap",
+      alignItems: "stretch",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.KPICard, {
+        config: hero,
+        flexGrow: 2,
+        flexShrink: 1,
+        flexBasis: 260
+      }), tiles.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+        ...knobProps.gap,
+        flexWrap: "wrap",
+        flexGrow: 3,
+        flexShrink: 1,
+        flexBasis: 420,
+        minWidth: 0,
+        children: tiles.map(function (tile) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedKpi, {
+            tile,
+            testID: testID ? `${testID}-kpi-${tile.id}` : void 0
+          }, tile.id);
+        })
+      }) : null]
+    }), charts.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      ...knobProps.gap,
+      flexWrap: "wrap",
+      alignItems: "stretch",
+      children: charts.map(function (chart, index) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartCard.ChartCard, {
+          config: chart,
+          flexGrow: index === 0 ? 3 : 2,
+          flexShrink: 1,
+          flexBasis: index === 0 ? 420 : 320,
+          minWidth: 0,
+          minHeight: 240
+        }, chart.id);
+      })
+    }) : null]
+  });
+}
+//# sourceMappingURL=InsightsKpiBand.native.js.map

package/dist/cjs/insights/InsightsKpiBand.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InsightsKpiBand_exports","__export","InsightsKpiBand","module","exports","import_jsx_runtime","require","import_components","import_theme","import_ChartCard","NestedKpi","param","tile","testID","knobProps","useResolvedKnobs","compact","nestedPx","nestedControl","px","jsxs","YStack","cardSurface","backgroundColor","flexGrow","flexShrink","flexBasis","minWidth","justifyContent","gap","children","jsx","Text","label","color","numberOfLines","title","fontSize","fontWeight","hint","spark","length","Sparkline","data","height","showArea","hero","tiles","charts","gapLg","XStack","flexWrap","alignItems","KPICard","config"],"sources":["../../../src/insights/InsightsKpiBand.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAQO,CAAAK,uBAAA;AACP,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAA,GAA0BD,OAAA;AAyBtB,IAAAE,YAAA,GAAAF,OAAA;AAJJ,IAAAG,gBAAmB,GAAEH,OAAM,yBAAmD;AAC5E,SAAMI,SAAEA,CAAAC,KAAU;EAClB;IAAMC,IAAA;IAAAC;EAAW,IAAAF,KAAU;EAC3B;IAAAG;EACE,QAAAN,YAAA,CAAAO,gBAAA;IAACC,OAAA;EAAA;EAAA,IACEC,QAAG,GAAAH,SAAU,CAAAI,aAAA,CAAAC,EAAA;EAAA,OACd,eAAgB,IAAAd,kBAAA,CAAAe,IAAA,EAAAb,iBAAA,CAAAc,MAAA;IAAA,GAChBP,SAAU,CAAAQ,WAAA;IAAAC,eACE;IAAAC,QACZ;IAAWC,UACX,EAAU;IAAAC,SACV;IAAeC,QACX;IAAUC,cACd,iBAAgB;IAAA,GAChBd,SAAA,CAAAe,GAAA;IAAA,gBAEA,EAAAZ,QAAA;IAAAJ,MAAA;IAEAiB,QACA,GAEA,eAEE,IAAAzB,kBAAA,CAAA0B,GAAA,EAAAxB,iBAAC,CAAAyB,IAAA;MAIF,GAAAlB,SAAK,CAAAmB,KAAS;MAEXC,KAAA;MAAAC,aAAA;MACNL,QAAA,EAAAlB,IAAA,CAAAwB;IAEJ,IAQO,eAAS,IAAgB/B,kBAAe,CAAA0B,GAAQ,EAAAxB,iBAAgC,CAAAyB,IAAA;MAC/EK,QAAE,MAAU;MAClBC,UACE;MACEJ,KAAA;MACEC,aAAA;MACCL,QAAM,EAAAlB,IAAS,CAAAb;IACd,EAAC,EAAAa,IAAA,CAAA2B,IAAA,sBAAAlC,kBAAA,CAAA0B,GAAA,EAAAxB,iBAAA,CAAAyB,IAAA;MAAA,GACElB,SAAG,CAAAmB,KAAU;MAAAC,KACd,YAAS;MAAAC,aACC;MAAAL,QACV,EAAAlB,IAAY,CAAA2B;IAAA,KACZ,MAAW3B,IACX,CAAA4B,KAAA,IAAU5B,IAAA,CAAA4B,KAAA,CAAAC,MAAA,0BAAApC,kBAAA,CAAA0B,GAAA,EAAAxB,iBAAA,CAAAmC,SAAA;MAAAC,IAET,EAAA/B,IAAA,CAAA4B,KAAA;MACCI,MAAC,EAAA3B,QAAA;MAAA4B,QAAA;MAAAT,KAAA,EAECxB,IAAA,CAAAwB;IAAA,SACA;EAA8C;AAFpC;AAIb,SAAAlC,gBAAAS,KAAA;EAAA,IACH;IAAAmC,IACE;IAAAC,KAAA;IAAAC,MAAA;IAAAnC;EAAA,IAAAF,KAAA;EAAA;IACNG;EAAA,QAAAN,YAAA,CAAAO,gBAAA;EAAA,OACC,eACC,IAAAV,kBAAA,CAAAe,IAAA,EAAAb,iBAAC,CAAAc,MAAA;IAEG,GAACP,SAAA,CAAAmC,KAAA;IAAApC,MAAA;IAAAiB,QAEC,GAAQ,eACE,IAAAzB,kBAAkB,CAAAe,IAAA,EAAAb,iBAAA,CAAA2C,MAAA;MAC5B,GAAApC,SAAY,CAAAe,GAAA;MACZsB,QAAA,QAAW;MACXC,UAAU;MACVtB,QAAA,GAAW,mBAAAzB,kBAAA,CAAA0B,GAAA,EAAAxB,iBAAA,CAAA8C,OAAA;QANAC,MAAA,EAAAR,IAAA;QAUftB,QAAA;QACNC,UAAA;QAEJC,SAAA","ignoreList":[]}

package/dist/cjs/insights/InsightsLeaders.cjs

@@ -0,0 +1,150 @@
+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 InsightsLeaders_exports = {};
+__export(InsightsLeaders_exports, {
+  InsightsLeaders: () => InsightsLeaders
+});
+module.exports = __toCommonJS(InsightsLeaders_exports);
+var import_components = require("@multiplatform.one/components");
+var import_table = require("@multiplatform.one/table");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_ImageWell = require("../list/ImageWell.cjs");
+var import_insightsData = require("./insightsData.cjs");
+var import_insightsRecord = require("./insightsRecord.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function InsightsLeaders({
+  rows,
+  metrics,
+  record,
+  count = 5,
+  testID
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  const [field, setField] = (0, import_react.useState)(metrics[0]?.field ?? "");
+  const metric = metrics.find(candidate => candidate.field === field) ?? metrics[0];
+  const nestedPx = knobProps.nestedControl.px;
+  const leaders = (0, import_react.useMemo)(() => metric ? (0, import_insightsData.topBy)(rows, metric.field, count).map((doc, index) => ({
+    rank: index + 1,
+    doc,
+    title: record.title(doc),
+    value: (0, import_insightsRecord.metricValue)(doc, metric.field)
+  })) : [], [rows, metric, count, record]);
+  const columns = (0, import_react.useMemo)(() => [{
+    id: "rank",
+    accessorKey: "rank",
+    header: t("Rank"),
+    size: 64,
+    cell: ({
+      row
+    }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      color: "$color10",
+      fontWeight: "600",
+      children: `#${row.original.rank}`
+    })
+  }, {
+    id: "record",
+    accessorKey: "title",
+    header: t("Record"),
+    cell: ({
+      row
+    }) => {
+      const tints = record.tints(row.original.doc);
+      const code = record.code(row.original.doc);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        minWidth: 0,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+          sources: record.images(row.original.doc),
+          alt: row.original.title,
+          tints,
+          inset: 0.04,
+          width: nestedPx,
+          "data-nested-px": nestedPx
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          flexShrink: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontWeight: "600",
+            numberOfLines: 1,
+            children: row.original.title
+          }), code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...knobProps.label,
+            color: "$color10",
+            children: code
+          }) : null]
+        })]
+      });
+    }
+  }, {
+    id: "value",
+    accessorKey: "value",
+    header: metric?.label ?? "",
+    align: "right",
+    cell: ({
+      row
+    }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontWeight: "700",
+      children: metric ? (0, import_insightsRecord.formatMetric)(metric, row.original.value) : ""
+    })
+  }], [t, metric, record, nestedPx, knobProps.label]);
+  if (!metric) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    testID,
+    children: [metrics.length > 1 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tabs, {
+      variant: "contained",
+      compact: true,
+      value: metric.field,
+      onChange: setField,
+      items: metrics.map(candidate => ({
+        value: candidate.field,
+        label: candidate.label
+      }))
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.DataTable, {
+      data: leaders,
+      columns,
+      enableFiltering: false,
+      enableGlobalSearch: false,
+      enableSorting: false,
+      enablePagination: false,
+      readOnly: true,
+      columnLayout: "auto",
+      onRowPress: row => record.open(row.doc),
+      rowLabel: row => row.title,
+      "aria-label": t("Leaders by {{metric}}", {
+        metric: metric.label
+      })
+    })]
+  });
+}

package/dist/cjs/insights/InsightsLeaders.native.js

@@ -0,0 +1,178 @@
+"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 InsightsLeaders_exports = {};
+__export(InsightsLeaders_exports, {
+  InsightsLeaders: () => InsightsLeaders
+});
+module.exports = __toCommonJS(InsightsLeaders_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_table = require("@multiplatform.one/table");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_ImageWell = require("../list/ImageWell.native.js");
+var import_insightsData = require("./insightsData.native.js");
+var import_insightsRecord = require("./insightsRecord.native.js");
+function InsightsLeaders(param) {
+  var {
+    rows,
+    metrics,
+    record,
+    count = 5,
+    testID
+  } = param;
+  var _ref, _metrics_find;
+  var _metrics_;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  var [field, setField] = (0, import_react.useState)((_ref = (_metrics_ = metrics[0]) === null || _metrics_ === void 0 ? void 0 : _metrics_.field) !== null && _ref !== void 0 ? _ref : "");
+  var metric = (_metrics_find = metrics.find(function (candidate) {
+    return candidate.field === field;
+  })) !== null && _metrics_find !== void 0 ? _metrics_find : metrics[0];
+  var nestedPx = knobProps.nestedControl.px;
+  var leaders = (0, import_react.useMemo)(function () {
+    return metric ? (0, import_insightsData.topBy)(rows, metric.field, count).map(function (doc, index) {
+      return {
+        rank: index + 1,
+        doc,
+        title: record.title(doc),
+        value: (0, import_insightsRecord.metricValue)(doc, metric.field)
+      };
+    }) : [];
+  }, [rows, metric, count, record]);
+  var columns = (0, import_react.useMemo)(function () {
+    var _ref2;
+    return [{
+      id: "rank",
+      accessorKey: "rank",
+      header: t("Rank"),
+      size: 64,
+      cell: function cell(param2) {
+        var {
+          row
+        } = param2;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          ...knobProps.label,
+          color: "$color10",
+          fontWeight: "600",
+          children: `#${row.original.rank}`
+        });
+      }
+    }, {
+      id: "record",
+      accessorKey: "title",
+      header: t("Record"),
+      cell: function cell(param2) {
+        var {
+          row
+        } = param2;
+        var tints = record.tints(row.original.doc);
+        var code = record.code(row.original.doc);
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          gap: "$2",
+          alignItems: "center",
+          minWidth: 0,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+            sources: record.images(row.original.doc),
+            alt: row.original.title,
+            tints,
+            inset: 0.04,
+            width: nestedPx,
+            "data-nested-px": nestedPx
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+            flexShrink: 1,
+            minWidth: 0,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              fontWeight: "600",
+              numberOfLines: 1,
+              children: row.original.title
+            }), code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              ...knobProps.label,
+              color: "$color10",
+              children: code
+            }) : null]
+          })]
+        });
+      }
+    }, {
+      id: "value",
+      accessorKey: "value",
+      header: (_ref2 = metric === null || metric === void 0 ? void 0 : metric.label) !== null && _ref2 !== void 0 ? _ref2 : "",
+      align: "right",
+      cell: function cell(param2) {
+        var {
+          row
+        } = param2;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontWeight: "700",
+          children: metric ? (0, import_insightsRecord.formatMetric)(metric, row.original.value) : ""
+        });
+      }
+    }];
+  }, [t, metric, record, nestedPx, knobProps.label]);
+  if (!metric) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    testID,
+    children: [metrics.length > 1 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tabs, {
+      variant: "contained",
+      compact: true,
+      value: metric.field,
+      onChange: setField,
+      items: metrics.map(function (candidate) {
+        return {
+          value: candidate.field,
+          label: candidate.label
+        };
+      })
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.DataTable, {
+      data: leaders,
+      columns,
+      enableFiltering: false,
+      enableGlobalSearch: false,
+      enableSorting: false,
+      enablePagination: false,
+      readOnly: true,
+      columnLayout: "auto",
+      onRowPress: function onRowPress(row) {
+        return record.open(row.doc);
+      },
+      rowLabel: function rowLabel(row) {
+        return row.title;
+      },
+      "aria-label": t("Leaders by {{metric}}", {
+        metric: metric.label
+      })
+    })]
+  });
+}
+//# sourceMappingURL=InsightsLeaders.native.js.map

package/dist/cjs/insights/InsightsLeaders.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InsightsLeaders_exports","__export","InsightsLeaders","module","exports","import_jsx_runtime","require","import_components","import_table","import_theme","import_react","import_react_i18next","import_ImageWell","import_insightsData","import_insightsRecord","param","rows","metrics","record","count","testID","_ref","_metrics_find","_metrics_","t","useTranslation","knobProps","useResolvedKnobs","compact","field","setField","useState","metric","find","candidate","nestedPx","nestedControl","px","leaders","useMemo","topBy","map","doc","index","rank","title","metricValue","columns","_ref2","id","accessorKey","header","size","cell","param2","row","jsx","Text","label","color","fontWeight","children","original","tints","code","jsxs","XStack","gap","alignItems","minWidth","ImageWell","sources","images","alt","inset","width","YStack","flexShrink","numberOfLines","align"],"sources":["../../../src/insights/InsightsLeaders.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}