@multiplatform.one/frappe-ui 7.23.2 → 7.25.0

package/dist/jsx/insights/InsightsFacetTags.mjs

@@ -0,0 +1,122 @@
+import { Tags, Text, XStack, isWeb } from "@multiplatform.one/components";
+import { ensureFocusVisibleRing, ensureKeyboardModalityTracking, keyboardFocusRingProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+const chipFocusRing = ensureFocusVisibleRing(keyboardFocusRingProps);
+function FacetTagChip({
+  value,
+  count,
+  label,
+  tint = "gray",
+  onPress,
+  testID
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  const nested = knobProps.nestedControl;
+  const [kbFocus, setKbFocus] = useState(false);
+  if (isWeb) ensureKeyboardModalityTracking();
+  return /* @__PURE__ */jsxs(XStack, {
+    ...knobProps.borderRadius,
+    role: "button",
+    tabIndex: 0,
+    "aria-label": t("{{value}}, {{count}} records", {
+      value: label,
+      count
+    }),
+    cursor: "pointer",
+    alignItems: "center",
+    gap: "$1.5",
+    paddingHorizontal: "$2",
+    minHeight: nested.px,
+    height: nested.px,
+    hitSlop: nested.hitSlop,
+    "data-nested-px": nested.px,
+    backgroundColor: `$${tint}3`,
+    hoverStyle: {
+      backgroundColor: `$${tint}4`
+    },
+    pressStyle: {
+      backgroundColor: `$${tint}5`
+    },
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: chipFocusRing,
+    ...(isWeb ? {
+      onFocus: () => {
+        if (wasKeyboardFocus()) setKbFocus(true);
+      },
+      onBlur: () => setKbFocus(false),
+      onKeyDown: event => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault?.();
+          onPress();
+        }
+      }
+    } : void 0),
+    ...(kbFocus ? keyboardFocusRingProps : void 0),
+    onPress,
+    testID: testID ? `${testID}-${value}` : void 0,
+    children: [/* @__PURE__ */jsx(XStack, {
+      width: "$1",
+      height: "$1",
+      borderRadius: 1e3,
+      backgroundColor: `$${tint}9`,
+      flexShrink: 0
+    }), /* @__PURE__ */jsx(Text, {
+      ...knobProps.label,
+      fontWeight: "600",
+      color: `$${tint}11`,
+      textTransform: "capitalize",
+      userSelect: "none",
+      children: label
+    }), /* @__PURE__ */jsx(Text, {
+      ...knobProps.label,
+      color: `$${tint}11`,
+      opacity: 0.7,
+      userSelect: "none",
+      children: count
+    })]
+  });
+}
+function InsightsFacetTags({
+  distribution,
+  label,
+  tint,
+  onSelect,
+  testID
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */jsx(Tags, {
+    tags: distribution.map(entry => ({
+      id: entry.value,
+      label: label(entry.value)
+    })),
+    enableAdd: false,
+    enableRemove: false,
+    labels: {
+      noTags: t("No values yet")
+    },
+    renderTag: tag => /* @__PURE__ */jsx(FacetTagChip, {
+      value: tag.id,
+      count: distribution.find(entry => entry.value === tag.id)?.count ?? 0,
+      label: tag.label,
+      tint: tint?.(tag.id),
+      onPress: () => onSelect(tag.id),
+      testID
+    })
+  });
+}
+export { InsightsFacetTags };
+//# sourceMappingURL=InsightsFacetTags.mjs.map

package/dist/jsx/insights/InsightsFacetTags.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tags","Text","XStack","isWeb","ensureFocusVisibleRing","ensureKeyboardModalityTracking","keyboardFocusRingProps","useResolvedKnobs","wasKeyboardFocus","useState","useTranslation","jsx","jsxs","chipFocusRing","FacetTagChip","value","count","label","tint","onPress","testID","t","knobProps","compact","nested","nestedControl","kbFocus","setKbFocus","borderRadius","role","tabIndex","cursor","alignItems","gap","paddingHorizontal","minHeight","px","height","hitSlop","backgroundColor","hoverStyle","pressStyle","outlineWidth","focusStyle","focusVisibleStyle","onFocus","onBlur","onKeyDown","event","key","preventDefault","children","width","flexShrink","fontWeight","color","textTransform","userSelect","opacity","InsightsFacetTags","distribution","onSelect","tags","map","entry","id","enableAdd","enableRemove","labels","noTags","renderTag","tag","find"],"sources":["../../../src/insights/InsightsFacetTags.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/insights/InsightsFacetTags.native.js

@@ -0,0 +1,165 @@
+"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 InsightsFacetTags_exports = {};
+__export(InsightsFacetTags_exports, {
+  InsightsFacetTags: () => InsightsFacetTags
+});
+module.exports = __toCommonJS(InsightsFacetTags_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_react = require("react");
+var import_react_i18next = require("react-i18next");
+var chipFocusRing = (0, import_theme.ensureFocusVisibleRing)(import_theme.keyboardFocusRingProps);
+function FacetTagChip(param) {
+  var {
+    value,
+    count,
+    label,
+    tint = "gray",
+    onPress,
+    testID
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  var nested = knobProps.nestedControl;
+  var [kbFocus, setKbFocus] = (0, import_react.useState)(false);
+  if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    ...knobProps.borderRadius,
+    role: "button",
+    tabIndex: 0,
+    "aria-label": t("{{value}}, {{count}} records", {
+      value: label,
+      count
+    }),
+    cursor: "pointer",
+    alignItems: "center",
+    gap: "$1.5",
+    paddingHorizontal: "$2",
+    minHeight: nested.px,
+    height: nested.px,
+    hitSlop: nested.hitSlop,
+    "data-nested-px": nested.px,
+    backgroundColor: `$${tint}3`,
+    hoverStyle: {
+      backgroundColor: `$${tint}4`
+    },
+    pressStyle: {
+      backgroundColor: `$${tint}5`
+    },
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: chipFocusRing,
+    ...(import_components.isWeb ? {
+      onFocus: function onFocus() {
+        if ((0, import_theme.wasKeyboardFocus)()) setKbFocus(true);
+      },
+      onBlur: function onBlur() {
+        return setKbFocus(false);
+      },
+      onKeyDown: function onKeyDown(event) {
+        if (event.key === "Enter" || event.key === " ") {
+          var _event_preventDefault;
+          (_event_preventDefault = event.preventDefault) === null || _event_preventDefault === void 0 ? void 0 : _event_preventDefault.call(event);
+          onPress();
+        }
+      }
+    } : void 0),
+    ...(kbFocus ? import_theme.keyboardFocusRingProps : void 0),
+    onPress,
+    testID: testID ? `${testID}-${value}` : void 0,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      width: "$1",
+      height: "$1",
+      borderRadius: 1e3,
+      backgroundColor: `$${tint}9`,
+      flexShrink: 0
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      fontWeight: "600",
+      color: `$${tint}11`,
+      textTransform: "capitalize",
+      userSelect: "none",
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      color: `$${tint}11`,
+      opacity: 0.7,
+      userSelect: "none",
+      children: count
+    })]
+  });
+}
+function InsightsFacetTags(param) {
+  var {
+    distribution,
+    label,
+    tint,
+    onSelect,
+    testID
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tags, {
+    tags: distribution.map(function (entry) {
+      return {
+        id: entry.value,
+        label: label(entry.value)
+      };
+    }),
+    enableAdd: false,
+    enableRemove: false,
+    labels: {
+      noTags: t("No values yet")
+    },
+    renderTag: function renderTag(tag) {
+      var _ref;
+      var _distribution_find;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FacetTagChip, {
+        value: tag.id,
+        count: (_ref = (_distribution_find = distribution.find(function (entry) {
+          return entry.value === tag.id;
+        })) === null || _distribution_find === void 0 ? void 0 : _distribution_find.count) !== null && _ref !== void 0 ? _ref : 0,
+        label: tag.label,
+        tint: tint === null || tint === void 0 ? void 0 : tint(tag.id),
+        onPress: function onPress() {
+          return onSelect(tag.id);
+        },
+        testID
+      });
+    }
+  });
+}
+//# sourceMappingURL=InsightsFacetTags.native.js.map

package/dist/jsx/insights/InsightsFacetTags.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","InsightsFacetTags_exports","InsightsFacetTags","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","import_react_i18next","chipFocusRing","ensureFocusVisibleRing","keyboardFocusRingProps","FacetTagChip","param","count","label","tint","onPress","testID","t","useTranslation","knobProps","useResolvedKnobs","compact","nested","nestedControl","kbFocus","setKbFocus","useState","isWeb","ensureKeyboardModalityTracking","jsxs","XStack","borderRadius","role","tabIndex","cursor","alignItems","gap","paddingHorizontal","minHeight","px","height","hitSlop","backgroundColor","hoverStyle","pressStyle","outlineWidth","focusStyle","focusVisibleStyle","onFocus","wasKeyboardFocus","onBlur","onKeyDown","event","_event_preventDefault","preventDefault","children","jsx","width","flexShrink","Text","fontWeight","color","textTransform","userSelect","opacity"],"sources":["../../../src/insights/InsightsFacetTags.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/insights/InsightsKpiBand.mjs

@@ -0,0 +1,99 @@
+import { KPICard, Sparkline, Text, XStack, YStack } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ChartCard } from "../ChartCard.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NestedKpi({
+  tile,
+  testID
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  const 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({
+  hero,
+  tiles,
+  charts,
+  testID
+}) {
+  const {
+    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(tile => /* @__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((chart, index) => /* @__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.mjs.map

package/dist/jsx/insights/InsightsKpiBand.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["KPICard","Sparkline","Text","XStack","YStack","useResolvedKnobs","ChartCard","jsx","jsxs","NestedKpi","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","map","id","chart","index","minHeight"],"sources":["../../../src/insights/InsightsKpiBand.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/insights/InsightsKpiBand.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","InsightsKpiBand_exports","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"],"sources":["../../../src/insights/InsightsKpiBand.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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