@multiplatform.one/frappe-ui 7.23.2 → 7.24.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","KPICard","Sparkline","Text","XStack","YStack","useResolvedKnobs","ChartCard","NestedKpi","param","tile","testID","knobProps","compact","nestedPx","nestedControl","px","cardSurface","backgroundColor","flexGrow","flexShrink","flexBasis","minWidth","justifyContent","gap","children","label","color","numberOfLines","title","fontSize","fontWeight","value","hint","spark","length","data","height","showArea","InsightsKpiBand","hero","tiles","charts","gapLg","flexWrap","alignItems","config"],"sources":["../../../src/insights/InsightsKpiBand.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,OAAA,EAAAC,SAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,gBAAA;AAAA,SACAC,SAAA;AAAA,SACAC,UAAAC,KAAA;EACA;IAAAC,IAAA;IAAAC;EAAA,IAAAF,KAAA;EAAA;IAGKG;EAAA,IAAAN,gBAAA;IACPO,OAAS;EACT;EAyBI,IAAAC,QAAA,GAAAF,SAAA,CAAAG,aAAA,CAAAC,EAAA;EAJJ,OAAS,eAAYhB,KAAM,CAAAK,MAAmD;IAC5E,GAAAO,SAAQ,CAAAK,WAAc;IACtBC,eAAiB,WAAU;IAC3BC,QACE;IAACC,UAAA;IAAAC,SAAA;IAAAC,QACK;IAAUC,cACd,iBAAgB;IAAA,GAChBX,SAAU,CAAAY,GAAA;IAAA,gBACE,EAAAV,QAAA;IAAAH,MACZ;IAAWc,QACX,GACA,eAAe3B,IAAA,CAAAK,IAAA;MACd,GAAGS,SAAU,CAAAc,KAAA;MACdC,KAAA,YAAgB;MAChBC,aAAA;MAEAH,QAAA,EAAAf,IAAA,CAAAmB;IAAA,IAEA,eACA/B,IAAA,CAAAK,IAAC;MAGA2B,QAAK,MACJ;MAIDC,UAAK,OAAS;MAEXJ,KAAA;MAAAC,aAAA;MACNH,QAAA,EAAAf,IAAA,CAAAsB;IAEJ,IAQOtB,IAAS,CAAAuB,IAAA,kBAAwBnC,IAAA,CAAAK,IAAO;MACvC,GAAES,SAAU,CAAAc,KAAI;MACtBC,KACE;MACEC,aAAA;MACEH,QAAA,EAAAf,IAAA,CAAAuB;IACC,SAAM,EACLvB,IAAC,CAAAwB,KAAA,IAAAxB,IAAA,CAAAwB,KAAA,CAAAC,MAAA,sBAAArC,IAAA,CAAAI,SAAA;MAAAkC,IAAA,EAAA1B,IAAA,CAAAwB,KAAA;MAAAG,MACK,EAAAvB,QAAU;MAAAwB,QACd,MAAS;MAAAT,KACT,EAAAnB,IAAA,CAAUmB;IAAA,KACV;EACW;AACD;AAGR,SAAAU,eAACA,CAAA9B,KAAA;EAAA;IAAA+B,IAAA;IAAAC,KAAA;IAAAC,MAAA;IAAA/B;EAAA,IAAAF,KAAA;EAAA;IAAAG;EAEC,IAAAN,gBAAA;EAAA,sBACQN,KAAA,CAASK,MAAG;IAA0B,GAAAO,SAAA,CAAA+B,KAAA;IAAAhC,MAAA;IAFpCc,QAIb,kBAAAzB,KAAA,CAAAI,MAAA;MACH,GACEQ,SAAA,CAAAY,GAAA;MACNoB,QAAA;MACCC,UAAO,EAAS,SACf;MAEKpB,QAAA,kBAAA3B,IAAA,CAAAG,OAAA;QAEC6C,MAAQ,EAAAN,IAAA;QACRrB,QAAU;QACVC,UAAY;QACZC,SAAW;MACX,IACAoB,KAAA,CAAAN,MAAW,sBAAArC,IAAA,CAAAM,MAAA;QAAA,GAAAQ,SAAA,CAAAY,GAAA;QANAoB,QAAA;QAUfzB,QAAA;QACNC,UAAA;QAEJC,SAAA","ignoreList":[]}

package/dist/esm/insights/InsightsLeaders.mjs

@@ -0,0 +1,125 @@
+import { Tabs, Text, XStack, YStack } from "@multiplatform.one/components";
+import { DataTable } from "@multiplatform.one/table";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { ImageWell } from "../list/ImageWell.mjs";
+import { topBy } from "./insightsData.mjs";
+import { formatMetric, metricValue } from "./insightsRecord.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function InsightsLeaders({
+  rows,
+  metrics,
+  record,
+  count = 5,
+  testID
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  const [field, setField] = useState(metrics[0]?.field ?? "");
+  const metric = metrics.find(candidate => candidate.field === field) ?? metrics[0];
+  const nestedPx = knobProps.nestedControl.px;
+  const leaders = useMemo(() => metric ? topBy(rows, metric.field, count).map((doc, index) => ({
+    rank: index + 1,
+    doc,
+    title: record.title(doc),
+    value: metricValue(doc, metric.field)
+  })) : [], [rows, metric, count, record]);
+  const columns = useMemo(() => [{
+    id: "rank",
+    accessorKey: "rank",
+    header: t("Rank"),
+    size: 64,
+    cell: ({
+      row
+    }) => /* @__PURE__ */jsx(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__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        minWidth: 0,
+        children: [/* @__PURE__ */jsx(ImageWell, {
+          sources: record.images(row.original.doc),
+          alt: row.original.title,
+          tints,
+          inset: 0.04,
+          width: nestedPx,
+          "data-nested-px": nestedPx
+        }), /* @__PURE__ */jsxs(YStack, {
+          flexShrink: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */jsx(Text, {
+            fontWeight: "600",
+            numberOfLines: 1,
+            children: row.original.title
+          }), code ? /* @__PURE__ */jsx(Text, {
+            ...knobProps.label,
+            color: "$color10",
+            children: code
+          }) : null]
+        })]
+      });
+    }
+  }, {
+    id: "value",
+    accessorKey: "value",
+    header: metric?.label ?? "",
+    align: "right",
+    cell: ({
+      row
+    }) => /* @__PURE__ */jsx(Text, {
+      fontWeight: "700",
+      children: metric ? formatMetric(metric, row.original.value) : ""
+    })
+  }], [t, metric, record, nestedPx, knobProps.label]);
+  if (!metric) return null;
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    testID,
+    children: [metrics.length > 1 ? /* @__PURE__ */jsx(Tabs, {
+      variant: "contained",
+      compact: true,
+      value: metric.field,
+      onChange: setField,
+      items: metrics.map(candidate => ({
+        value: candidate.field,
+        label: candidate.label
+      }))
+    }) : null, /* @__PURE__ */jsx(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
+      })
+    })]
+  });
+}
+export { InsightsLeaders };
+//# sourceMappingURL=InsightsLeaders.mjs.map

package/dist/esm/insights/InsightsLeaders.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tabs","Text","XStack","YStack","DataTable","useResolvedKnobs","useMemo","useState","useTranslation","ImageWell","topBy","formatMetric","metricValue","jsx","jsxs","InsightsLeaders","rows","metrics","record","count","testID","t","knobProps","compact","field","setField","metric","find","candidate","nestedPx","nestedControl","px","leaders","map","doc","index","rank","title","value","columns","id","accessorKey","header","size","cell","row","label","color","fontWeight","children","original","tints","code","gap","alignItems","minWidth","sources","images","alt","inset","width","flexShrink","numberOfLines","align","length","variant","onChange","items","data","enableFiltering","enableGlobalSearch","enableSorting","enablePagination","readOnly","columnLayout","onRowPress","open","rowLabel"],"sources":["../../../src/insights/InsightsLeaders.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tabs, Text, XStack, YStack } from "@multiplatform.one/components";
+import { DataTable } from "@multiplatform.one/table";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { ImageWell } from "../list/ImageWell.native.js";
+import { topBy } from "./insightsData.native.js";
+import { formatMetric, metricValue } from "./insightsRecord.native.js";
+function InsightsLeaders(param) {
+  var {
+    rows,
+    metrics,
+    record,
+    count = 5,
+    testID
+  } = param;
+  var _ref, _metrics_find;
+  var _metrics_;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  var [field, setField] = 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 = useMemo(function () {
+    return metric ? topBy(rows, metric.field, count).map(function (doc, index) {
+      return {
+        rank: index + 1,
+        doc,
+        title: record.title(doc),
+        value: metricValue(doc, metric.field)
+      };
+    }) : [];
+  }, [rows, metric, count, record]);
+  var columns = useMemo(function () {
+    var _ref2;
+    return [{
+      id: "rank",
+      accessorKey: "rank",
+      header: t("Rank"),
+      size: 64,
+      cell: function cell(param2) {
+        var {
+          row
+        } = param2;
+        return /* @__PURE__ */_jsx(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__ */_jsxs(XStack, {
+          gap: "$2",
+          alignItems: "center",
+          minWidth: 0,
+          children: [/* @__PURE__ */_jsx(ImageWell, {
+            sources: record.images(row.original.doc),
+            alt: row.original.title,
+            tints,
+            inset: 0.04,
+            width: nestedPx,
+            "data-nested-px": nestedPx
+          }), /* @__PURE__ */_jsxs(YStack, {
+            flexShrink: 1,
+            minWidth: 0,
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontWeight: "600",
+              numberOfLines: 1,
+              children: row.original.title
+            }), code ? /* @__PURE__ */_jsx(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__ */_jsx(Text, {
+          fontWeight: "700",
+          children: metric ? formatMetric(metric, row.original.value) : ""
+        });
+      }
+    }];
+  }, [t, metric, record, nestedPx, knobProps.label]);
+  if (!metric) return null;
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gap,
+    testID,
+    children: [metrics.length > 1 ? /* @__PURE__ */_jsx(Tabs, {
+      variant: "contained",
+      compact: true,
+      value: metric.field,
+      onChange: setField,
+      items: metrics.map(function (candidate) {
+        return {
+          value: candidate.field,
+          label: candidate.label
+        };
+      })
+    }) : null, /* @__PURE__ */_jsx(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
+      })
+    })]
+  });
+}
+export { InsightsLeaders };
+//# sourceMappingURL=InsightsLeaders.native.js.map

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

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

package/dist/esm/insights/InsightsRecords.mjs

@@ -0,0 +1,80 @@
+import { Text, XStack, YStack } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ImageWell } from "../list/ImageWell.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function InsightsRecords({
+  tiles,
+  record,
+  testID
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  const {
+    knobProps: pageKnobs
+  } = useResolvedKnobs();
+  const wellPx = knobProps.nestedControl.px * 2;
+  return /* @__PURE__ */jsx(XStack, {
+    ...pageKnobs.gap,
+    flexWrap: "wrap",
+    testID,
+    children: tiles.map(tile => {
+      const title = record.title(tile.doc);
+      const code = record.code(tile.doc);
+      const tints = record.tints(tile.doc);
+      return /* @__PURE__ */jsxs(XStack, {
+        ...knobProps.cardSurface,
+        backgroundColor: "$color2",
+        flexGrow: 1,
+        flexBasis: 220,
+        alignItems: "center",
+        minWidth: 0,
+        ...knobProps.gap,
+        children: [/* @__PURE__ */jsx(YStack, {
+          width: wellPx,
+          flexShrink: 0,
+          "data-nested-px": knobProps.nestedControl.px,
+          children: /* @__PURE__ */jsx(ImageWell, {
+            sources: record.images(tile.doc),
+            alt: title,
+            tints,
+            inset: 0.04
+          })
+        }), /* @__PURE__ */jsxs(YStack, {
+          gap: "$1",
+          flexShrink: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */jsx(Text, {
+            ...knobProps.label,
+            color: "$color10",
+            children: tile.label
+          }), /* @__PURE__ */jsxs(XStack, {
+            gap: "$1.5",
+            alignItems: "baseline",
+            flexWrap: "wrap",
+            minWidth: 0,
+            children: [/* @__PURE__ */jsx(Text, {
+              fontWeight: "700",
+              numberOfLines: 1,
+              flexShrink: 1,
+              children: title
+            }), code ? /* @__PURE__ */jsx(Text, {
+              ...knobProps.label,
+              color: "$color10",
+              fontWeight: "600",
+              children: code
+            }) : null]
+          }), /* @__PURE__ */jsx(Text, {
+            fontSize: "$6",
+            fontWeight: "700",
+            children: tile.value
+          })]
+        })]
+      }, tile.id);
+    })
+  });
+}
+export { InsightsRecords };
+//# sourceMappingURL=InsightsRecords.mjs.map

package/dist/esm/insights/InsightsRecords.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","XStack","YStack","useResolvedKnobs","ImageWell","jsx","jsxs","InsightsRecords","tiles","record","testID","knobProps","compact","pageKnobs","wellPx","nestedControl","px","gap","flexWrap","children","map","tile","title","doc","code","tints","cardSurface","backgroundColor","flexGrow","flexBasis","alignItems","minWidth","width","flexShrink","sources","images","alt","inset","label","color","fontWeight","numberOfLines","fontSize","value","id"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AACrC,SAASC,gBAAA,QAAwB;AACjC,SAASC,SAAA,QAAiB;AA2CZ,SAAAC,GAAA,EAMAC,IAAA,QANA;AAtBP,SAASC,gBAAsB;EAAEC,KAAA;EAAOC,MAAA;EAAQC;AAAO,GAA+B;EAC3F,MAAM;IAAEC;EAAU,IAAIR,gBAAA,CAAiB;IAAES,OAAA,EAAS;EAAK,CAAC;EACxD,MAAM;IAAED,SAAA,EAAWE;EAAU,IAAIV,gBAAA,CAAiB;EAClD,MAAMW,MAAA,GAASH,SAAA,CAAUI,aAAA,CAAcC,EAAA,GAAK;EAC5C,OACE,eAAAX,GAAA,CAACJ,MAAA;IAAQ,GAAGY,SAAA,CAAUI,GAAA;IAAKC,QAAA,EAAS;IAAOR,MAAA;IACxCS,QAAA,EAAAX,KAAA,CAAMY,GAAA,CAAKC,IAAA,IAAS;MACnB,MAAMC,KAAA,GAAQb,MAAA,CAAOa,KAAA,CAAMD,IAAA,CAAKE,GAAG;MACnC,MAAMC,IAAA,GAAOf,MAAA,CAAOe,IAAA,CAAKH,IAAA,CAAKE,GAAG;MACjC,MAAME,KAAA,GAAQhB,MAAA,CAAOgB,KAAA,CAAMJ,IAAA,CAAKE,GAAG;MACnC,OACE,eAAAjB,IAAA,CAACL,MAAA;QAEE,GAAGU,SAAA,CAAUe,WAAA;QACdC,eAAA,EAAgB;QAChBC,QAAA,EAAU;QACVC,SAAA,EAAW;QACXC,UAAA,EAAW;QACXC,QAAA,EAAU;QACT,GAAGpB,SAAA,CAAUM,GAAA;QAEdE,QAAA,kBAAAd,GAAA,CAACH,MAAA;UAAO8B,KAAA,EAAOlB,MAAA;UAAQmB,UAAA,EAAY;UAAG,kBAAgBtB,SAAA,CAAUI,aAAA,CAAcC,EAAA;UAC5EG,QAAA,iBAAAd,GAAA,CAACD,SAAA;YAAU8B,OAAA,EAASzB,MAAA,CAAO0B,MAAA,CAAOd,IAAA,CAAKE,GAAG;YAAGa,GAAA,EAAKd,KAAA;YAAOG,KAAA;YAAcY,KAAA,EAAO;UAAA,CAAM;QAAA,CACtF,GACA,eAAA/B,IAAA,CAACJ,MAAA;UAAOe,GAAA,EAAI;UAAKgB,UAAA,EAAY;UAAGF,QAAA,EAAU;UACxCZ,QAAA,kBAAAd,GAAA,CAACL,IAAA;YAAM,GAAGW,SAAA,CAAU2B,KAAA;YAAOC,KAAA,EAAM;YAC9BpB,QAAA,EAAAE,IAAA,CAAKiB;UAAA,CACR,GACA,eAAAhC,IAAA,CAACL,MAAA;YAAOgB,GAAA,EAAI;YAAOa,UAAA,EAAW;YAAWZ,QAAA,EAAS;YAAOa,QAAA,EAAU;YACjEZ,QAAA,kBAAAd,GAAA,CAACL,IAAA;cAAKwC,UAAA,EAAW;cAAMC,aAAA,EAAe;cAAGR,UAAA,EAAY;cAClDd,QAAA,EAAAG;YAAA,CACH,GACCE,IAAA,GACC,eAAAnB,GAAA,CAACL,IAAA;cAAM,GAAGW,SAAA,CAAU2B,KAAA;cAAOC,KAAA,EAAM;cAAWC,UAAA,EAAW;cACpDrB,QAAA,EAAAK;YAAA,CACH,IACE;UAAA,CACN,GACA,eAAAnB,GAAA,CAACL,IAAA;YAAK0C,QAAA,EAAS;YAAKF,UAAA,EAAW;YAC5BrB,QAAA,EAAAE,IAAA,CAAKsB;UAAA,CACR;QAAA,CACF;MAAA,GA7BKtB,IAAA,CAAKuB,EA8BZ;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/insights/InsightsRecords.native.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, XStack, YStack } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ImageWell } from "../list/ImageWell.native.js";
+function InsightsRecords(param) {
+  var {
+    tiles,
+    record,
+    testID
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  var {
+    knobProps: pageKnobs
+  } = useResolvedKnobs();
+  var wellPx = knobProps.nestedControl.px * 2;
+  return /* @__PURE__ */_jsx(XStack, {
+    ...pageKnobs.gap,
+    flexWrap: "wrap",
+    testID,
+    children: tiles.map(function (tile) {
+      var title = record.title(tile.doc);
+      var code = record.code(tile.doc);
+      var tints = record.tints(tile.doc);
+      return /* @__PURE__ */_jsxs(XStack, {
+        ...knobProps.cardSurface,
+        backgroundColor: "$color2",
+        flexGrow: 1,
+        flexBasis: 220,
+        alignItems: "center",
+        minWidth: 0,
+        ...knobProps.gap,
+        children: [/* @__PURE__ */_jsx(YStack, {
+          width: wellPx,
+          flexShrink: 0,
+          "data-nested-px": knobProps.nestedControl.px,
+          children: /* @__PURE__ */_jsx(ImageWell, {
+            sources: record.images(tile.doc),
+            alt: title,
+            tints,
+            inset: 0.04
+          })
+        }), /* @__PURE__ */_jsxs(YStack, {
+          gap: "$1",
+          flexShrink: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */_jsx(Text, {
+            ...knobProps.label,
+            color: "$color10",
+            children: tile.label
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$1.5",
+            alignItems: "baseline",
+            flexWrap: "wrap",
+            minWidth: 0,
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontWeight: "700",
+              numberOfLines: 1,
+              flexShrink: 1,
+              children: title
+            }), code ? /* @__PURE__ */_jsx(Text, {
+              ...knobProps.label,
+              color: "$color10",
+              fontWeight: "600",
+              children: code
+            }) : null]
+          }), /* @__PURE__ */_jsx(Text, {
+            fontSize: "$6",
+            fontWeight: "700",
+            children: tile.value
+          })]
+        })]
+      }, tile.id);
+    })
+  });
+}
+export { InsightsRecords };
+//# sourceMappingURL=InsightsRecords.native.js.map

package/dist/esm/insights/InsightsRecords.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Text","XStack","YStack","useResolvedKnobs","ImageWell","InsightsRecords","param","tiles","record","testID","knobProps","compact","pageKnobs","wellPx","nestedControl","px","gap","flexWrap","children","map","tile","title","doc","code","tints","cardSurface","backgroundColor","flexGrow","flexBasis","alignItems","minWidth","width","flexShrink","sources","images","alt","inset"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AACrC,SAASC,IAAA,EAAAC,MAAA,EAAAC,MAAA,QAAwB;AACjC,SAASC,gBAAA,QAAiB;AA2CZ,SAAAC,SAMA,QANA;AAtBP,SAASC,gBAAsBC,KAAE;EACtC;IAAMC,KAAE;IAAAC,MAAU;IAAAC;EAAI,IAAAH,KAAA;EACtB;IAAMI;EAAE,IAAWP,gBAAc;IACjCQ,OAAM;EACN;EAGM;IAAAD,SAAM,EAAQE;EAAO,IAAMT,gBAAQ;EACnC,IAAAU,MAAM,GAAAH,SAAc,CAAAI,aAAa,CAAAC,EAAA;EACjC,sBAAqBlB,IAAA,CAAAI,MAAW;IAChC,GAAAW,SACE,CAAAI,GAAA;IAAAC,QAAC;IAAAR,MAAA;IAAAS,QAEK,EAAAX,KAAA,CAAAY,GAAU,WAAAC,IAAA;MAAA,IACdC,KAAA,GAAAb,MAAA,CAAgBa,KAAA,CAAAD,IAAA,CAAAE,GAAA;MAAA,IAChBC,IAAA,GAAAf,MAAU,CAAAe,IAAA,CAAAH,IAAA,CAAAE,GAAA;MAAA,IACVE,KAAA,GAAAhB,MAAW,CAAAgB,KAAA,CAAAJ,IAAA,CAAAE,GAAA;MAAA,OACX,eAAWvB,KAAA,CAAAE,MAAA;QACX,GAAAS,SAAU,CAAAe,WAAA;QACTC,eAAa;QAEdC,QAAA;QAAAC,SAAA;QAEAC,UACA;QACEC,QAAA;QAEA,GAAApB,SACA,CAAAM,GAAA;QACEE,QAAA,GAEA,eAEErB,IAAA,CAAAK,MAAA;UAGE6B,KACN,EAAAlB,MAAA;UACAmB,UAAA;UAEA,gBACF,EAAAtB,SAAA,CAAAI,aAAA,CAAAC,EAAA;UAAAG,QAAA,iBAAArB,IAAA,CAAAO,SAAA;YAAA6B,OAAA,EAAAzB,MAAA,CAAA0B,MAAA,CAAAd,IAAA,CAAAE,GAAA;YA7BUa,GAAA,EAAAd,KAAA;YA8BZG,KAAA;YAGNY,KAAA;UAEJ","ignoreList":[]}