@multiplatform.one/frappe-ui 7.23.2 → 7.25.0

package/dist/cjs/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/cjs/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","distribution","onSelect","Tags","tags","map","entry","id","enableAdd","enableRemove","labels","noTags","renderTag","tag","_ref","_distribution_find","find"],"sources":["InsightsFacetTags.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar InsightsFacetTags_exports = {};\n__export(InsightsFacetTags_exports, {\n  InsightsFacetTags: () => InsightsFacetTags\n});\nmodule.exports = __toCommonJS(InsightsFacetTags_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_components = require(\"@multiplatform.one/components\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"react\");\nvar import_react_i18next = require(\"react-i18next\");\nvar chipFocusRing = (0, import_theme.ensureFocusVisibleRing)(import_theme.keyboardFocusRingProps);\nfunction FacetTagChip(param) {\n  var { value, count, label, tint = \"gray\", onPress, testID } = param;\n  var { t } = (0, import_react_i18next.useTranslation)();\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    compact: true\n  });\n  var nested = knobProps.nestedControl;\n  var [kbFocus, setKbFocus] = (0, import_react.useState)(false);\n  if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.XStack, {\n    ...knobProps.borderRadius,\n    role: \"button\",\n    tabIndex: 0,\n    \"aria-label\": t(\"{{value}}, {{count}} records\", {\n      value: label,\n      count\n    }),\n    cursor: \"pointer\",\n    alignItems: \"center\",\n    gap: \"$1.5\",\n    paddingHorizontal: \"$2\",\n    minHeight: nested.px,\n    height: nested.px,\n    hitSlop: nested.hitSlop,\n    \"data-nested-px\": nested.px,\n    backgroundColor: `$${tint}3`,\n    hoverStyle: {\n      backgroundColor: `$${tint}4`\n    },\n    pressStyle: {\n      backgroundColor: `$${tint}5`\n    },\n    outlineWidth: 0,\n    focusStyle: {\n      outlineWidth: 0\n    },\n    focusVisibleStyle: chipFocusRing,\n    ...import_components.isWeb ? {\n      onFocus: function onFocus() {\n        if ((0, import_theme.wasKeyboardFocus)()) setKbFocus(true);\n      },\n      onBlur: function onBlur() {\n        return setKbFocus(false);\n      },\n      onKeyDown: function onKeyDown(event) {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          var _event_preventDefault;\n          (_event_preventDefault = event.preventDefault) === null || _event_preventDefault === void 0 ? void 0 : _event_preventDefault.call(event);\n          onPress();\n        }\n      }\n    } : void 0,\n    ...kbFocus ? import_theme.keyboardFocusRingProps : void 0,\n    onPress,\n    testID: testID ? `${testID}-${value}` : void 0,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.XStack, {\n        width: \"$1\",\n        height: \"$1\",\n        borderRadius: 1e3,\n        backgroundColor: `$${tint}9`,\n        flexShrink: 0\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n        ...knobProps.label,\n        fontWeight: \"600\",\n        color: `$${tint}11`,\n        textTransform: \"capitalize\",\n        userSelect: \"none\",\n        children: label\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n        ...knobProps.label,\n        color: `$${tint}11`,\n        opacity: 0.7,\n        userSelect: \"none\",\n        children: count\n      })\n    ]\n  });\n}\nfunction InsightsFacetTags(param) {\n  var { distribution, label, tint, onSelect, testID } = param;\n  var { t } = (0, import_react_i18next.useTranslation)();\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tags, {\n    tags: distribution.map(function(entry) {\n      return {\n        id: entry.value,\n        label: label(entry.value)\n      };\n    }),\n    enableAdd: false,\n    enableRemove: false,\n    labels: {\n      noTags: t(\"No values yet\")\n    },\n    renderTag: function renderTag(tag) {\n      var _ref;\n      var _distribution_find;\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FacetTagChip, {\n        value: tag.id,\n        count: (_ref = (_distribution_find = distribution.find(function(entry) {\n          return entry.value === tag.id;\n        })) === null || _distribution_find === void 0 ? void 0 : _distribution_find.count) !== null && _ref !== void 0 ? _ref : 0,\n        label: tag.label,\n        tint: tint === null || tint === void 0 ? void 0 : tint(tag.id),\n        onPress: function onPress() {\n          return onSelect(tag.id);\n        },\n        testID\n      });\n    }\n  });\n}\n//# sourceMappingURL=InsightsFacetTags.js.map\n"],"mappings":"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","ignoreList":[]}

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":["__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","hero","tiles","charts","gapLg","XStack","flexWrap","alignItems","KPICard","config","map","id","chart","index","ChartCard","minHeight"],"sources":["InsightsKpiBand.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar InsightsKpiBand_exports = {};\n__export(InsightsKpiBand_exports, {\n  InsightsKpiBand: () => InsightsKpiBand\n});\nmodule.exports = __toCommonJS(InsightsKpiBand_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_components = require(\"@multiplatform.one/components\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_ChartCard = require(\"../ChartCard\");\nfunction NestedKpi(param) {\n  var { tile, testID } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    compact: true\n  });\n  var nestedPx = knobProps.nestedControl.px;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.YStack, {\n    ...knobProps.cardSurface,\n    backgroundColor: \"$color2\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 140,\n    minWidth: 0,\n    justifyContent: \"space-between\",\n    ...knobProps.gap,\n    \"data-nested-px\": nestedPx,\n    testID,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n        ...knobProps.label,\n        color: \"$color10\",\n        numberOfLines: 1,\n        children: tile.title\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n        fontSize: \"$7\",\n        fontWeight: \"700\",\n        color: \"$color\",\n        numberOfLines: 1,\n        children: tile.value\n      }),\n      tile.hint ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n        ...knobProps.label,\n        color: \"$color10\",\n        numberOfLines: 1,\n        children: tile.hint\n      }) : null,\n      tile.spark && tile.spark.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Sparkline, {\n        data: tile.spark,\n        height: nestedPx,\n        showArea: true,\n        title: tile.title\n      }) : null\n    ]\n  });\n}\nfunction InsightsKpiBand(param) {\n  var { hero, tiles, charts, testID } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.YStack, {\n    ...knobProps.gapLg,\n    testID,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.XStack, {\n        ...knobProps.gap,\n        flexWrap: \"wrap\",\n        alignItems: \"stretch\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.KPICard, {\n            config: hero,\n            flexGrow: 2,\n            flexShrink: 1,\n            flexBasis: 260\n          }),\n          tiles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.XStack, {\n            ...knobProps.gap,\n            flexWrap: \"wrap\",\n            flexGrow: 3,\n            flexShrink: 1,\n            flexBasis: 420,\n            minWidth: 0,\n            children: tiles.map(function(tile) {\n              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NestedKpi, {\n                tile,\n                testID: testID ? `${testID}-kpi-${tile.id}` : void 0\n              }, tile.id);\n            })\n          }) : null\n        ]\n      }),\n      charts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.XStack, {\n        ...knobProps.gap,\n        flexWrap: \"wrap\",\n        alignItems: \"stretch\",\n        children: charts.map(function(chart, index) {\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartCard.ChartCard, {\n            config: chart,\n            flexGrow: index === 0 ? 3 : 2,\n            flexShrink: 1,\n            flexBasis: index === 0 ? 420 : 320,\n            minWidth: 0,\n            minHeight: 240\n          }, chart.id);\n        })\n      }) : null\n    ]\n  });\n}\n//# sourceMappingURL=InsightsKpiBand.js.map\n"],"mappings":"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","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
+      })
+    })]
+  });
+}