@multiplatform.one/frappe-ui 7.23.2 → 7.25.0

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

package/dist/cjs/insights/InsightsRecords.cjs

@@ -0,0 +1,105 @@
+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 InsightsRecords_exports = {};
+__export(InsightsRecords_exports, {
+  InsightsRecords: () => InsightsRecords
+});
+module.exports = __toCommonJS(InsightsRecords_exports);
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_ImageWell = require("../list/ImageWell.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function InsightsRecords({
+  tiles,
+  record,
+  testID
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  const {
+    knobProps: pageKnobs
+  } = (0, import_theme.useResolvedKnobs)();
+  const wellPx = knobProps.nestedControl.px * 2;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.cardSurface,
+        backgroundColor: "$color2",
+        flexGrow: 1,
+        flexBasis: 220,
+        alignItems: "center",
+        minWidth: 0,
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          width: wellPx,
+          flexShrink: 0,
+          "data-nested-px": knobProps.nestedControl.px,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+            sources: record.images(tile.doc),
+            alt: title,
+            tints,
+            inset: 0.04
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          gap: "$1",
+          flexShrink: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...knobProps.label,
+            color: "$color10",
+            children: tile.label
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+            gap: "$1.5",
+            alignItems: "baseline",
+            flexWrap: "wrap",
+            minWidth: 0,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              fontWeight: "700",
+              numberOfLines: 1,
+              flexShrink: 1,
+              children: title
+            }), code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              ...knobProps.label,
+              color: "$color10",
+              fontWeight: "600",
+              children: code
+            }) : null]
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontSize: "$6",
+            fontWeight: "700",
+            children: tile.value
+          })]
+        })]
+      }, tile.id);
+    })
+  });
+}

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

@@ -0,0 +1,109 @@
+"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 InsightsRecords_exports = {};
+__export(InsightsRecords_exports, {
+  InsightsRecords: () => InsightsRecords
+});
+module.exports = __toCommonJS(InsightsRecords_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_ImageWell = require("../list/ImageWell.native.js");
+function InsightsRecords(param) {
+  var {
+    tiles,
+    record,
+    testID
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  var {
+    knobProps: pageKnobs
+  } = (0, import_theme.useResolvedKnobs)();
+  var wellPx = knobProps.nestedControl.px * 2;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.cardSurface,
+        backgroundColor: "$color2",
+        flexGrow: 1,
+        flexBasis: 220,
+        alignItems: "center",
+        minWidth: 0,
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          width: wellPx,
+          flexShrink: 0,
+          "data-nested-px": knobProps.nestedControl.px,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+            sources: record.images(tile.doc),
+            alt: title,
+            tints,
+            inset: 0.04
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          gap: "$1",
+          flexShrink: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...knobProps.label,
+            color: "$color10",
+            children: tile.label
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+            gap: "$1.5",
+            alignItems: "baseline",
+            flexWrap: "wrap",
+            minWidth: 0,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              fontWeight: "700",
+              numberOfLines: 1,
+              flexShrink: 1,
+              children: title
+            }), code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              ...knobProps.label,
+              color: "$color10",
+              fontWeight: "600",
+              children: code
+            }) : null]
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontSize: "$6",
+            fontWeight: "700",
+            children: tile.value
+          })]
+        })]
+      }, tile.id);
+    })
+  });
+}
+//# sourceMappingURL=InsightsRecords.native.js.map

package/dist/cjs/insights/InsightsRecords.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","InsightsRecords_exports","InsightsRecords","module","exports","import_jsx_runtime","require","import_components","import_theme","import_ImageWell","param","tiles","record","testID","knobProps","useResolvedKnobs","compact","pageKnobs","wellPx","nestedControl","px","jsx","XStack","gap","flexWrap","children","map","tile","title","doc","code","tints","jsxs","cardSurface","backgroundColor","flexGrow","flexBasis","alignItems","minWidth","YStack","width","flexShrink","ImageWell","sources","images","alt","inset","Text","label","color","fontWeight","numberOfLines","fontSize","id"],"sources":["InsightsRecords.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 InsightsRecords_exports = {};\n__export(InsightsRecords_exports, {\n  InsightsRecords: () => InsightsRecords\n});\nmodule.exports = __toCommonJS(InsightsRecords_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_ImageWell = require(\"../list/ImageWell\");\nfunction InsightsRecords(param) {\n  var { tiles, record, testID } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    compact: true\n  });\n  var { knobProps: pageKnobs } = (0, import_theme.useResolvedKnobs)();\n  var wellPx = knobProps.nestedControl.px * 2;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.XStack, {\n    ...pageKnobs.gap,\n    flexWrap: \"wrap\",\n    testID,\n    children: tiles.map(function(tile) {\n      var title = record.title(tile.doc);\n      var code = record.code(tile.doc);\n      var tints = record.tints(tile.doc);\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.XStack, {\n        ...knobProps.cardSurface,\n        backgroundColor: \"$color2\",\n        flexGrow: 1,\n        flexBasis: 220,\n        alignItems: \"center\",\n        minWidth: 0,\n        ...knobProps.gap,\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.YStack, {\n            width: wellPx,\n            flexShrink: 0,\n            \"data-nested-px\": knobProps.nestedControl.px,\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {\n              sources: record.images(tile.doc),\n              alt: title,\n              tints,\n              inset: 0.04\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.YStack, {\n            gap: \"$1\",\n            flexShrink: 1,\n            minWidth: 0,\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n                ...knobProps.label,\n                color: \"$color10\",\n                children: tile.label\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.XStack, {\n                gap: \"$1.5\",\n                alignItems: \"baseline\",\n                flexWrap: \"wrap\",\n                minWidth: 0,\n                children: [\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n                    fontWeight: \"700\",\n                    numberOfLines: 1,\n                    flexShrink: 1,\n                    children: title\n                  }),\n                  code ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n                    ...knobProps.label,\n                    color: \"$color10\",\n                    fontWeight: \"600\",\n                    children: code\n                  }) : null\n                ]\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n                fontSize: \"$6\",\n                fontWeight: \"700\",\n                children: tile.value\n              })\n            ]\n          })\n        ]\n      }, tile.id);\n    })\n  });\n}\n//# sourceMappingURL=InsightsRecords.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/insights/InsightsTable.cjs

@@ -0,0 +1,157 @@
+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 InsightsTable_exports = {};
+__export(InsightsTable_exports, {
+  InsightsTable: () => InsightsTable
+});
+module.exports = __toCommonJS(InsightsTable_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_FacetBadge = require("../list/FacetBadge.cjs");
+var import_insightsRecord = require("./insightsRecord.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function InsightsTable({
+  rows,
+  metrics,
+  record,
+  facetLabel,
+  pageSize = 5,
+  label,
+  testID
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  const nestedPx = knobProps.nestedControl.px;
+  const hasCode = rows.some(doc => Boolean(record.code(doc)));
+  const data = (0, import_react.useMemo)(() => rows.map(doc => ({
+    doc,
+    code: record.code(doc) ?? "",
+    title: record.title(doc),
+    values: record.values(doc),
+    ...Object.fromEntries(metrics.map(metric => [metric.field, (0, import_insightsRecord.metricValue)(doc, metric.field)]))
+  })), [rows, metrics, record]);
+  const columns = (0, import_react.useMemo)(() => [...(hasCode ? [{
+    id: "code",
+    accessorKey: "code",
+    header: t("No."),
+    size: 72,
+    cell: ({
+      row
+    }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      color: "$color10",
+      fontWeight: "600",
+      children: row.original.code
+    })
+  }] : []), {
+    id: "record",
+    accessorKey: "title",
+    header: t("Record"),
+    cell: ({
+      row
+    }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      minWidth: 0,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Avatar, {
+        src: record.images(row.original.doc)[0] || void 0,
+        name: row.original.title,
+        fallbackBackgroundColor: "$color4",
+        size: nestedPx,
+        "data-nested-px": nestedPx
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(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
+        })
+      })]
+    })
+  }, ...(facetLabel ? [{
+    id: "facet",
+    header: facetLabel,
+    accessorFn: row => row.values.join(", "),
+    enableSorting: false,
+    sortable: false,
+    cell: ({
+      row
+    }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      gap: "$1.5",
+      flexWrap: "wrap",
+      children: row.original.values.length > 0 ? row.original.values.map(value => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FacetBadge.FacetBadge, {
+        label: record.valueLabel(value),
+        tint: record.valueTint(value),
+        compact: true
+      }, value)) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        ...knobProps.label,
+        color: "$color10",
+        children: "\u2014"
+      })
+    })
+  }] : []), ...metrics.map((metric, index) => ({
+    id: metric.field,
+    accessorKey: metric.field,
+    header: metric.label,
+    align: "right",
+    cell: ({
+      row
+    }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontWeight: index === 0 ? "700" : void 0,
+      children: (0, import_insightsRecord.formatMetric)(metric, row.original[metric.field])
+    })
+  }))], [t, hasCode, facetLabel, metrics, record, nestedPx, knobProps.label]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    testID,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.DataTable, {
+      data,
+      columns,
+      enableFiltering: false,
+      enableGlobalSearch: false,
+      enableSorting: true,
+      enablePagination: true,
+      pageSizeOptions: [pageSize, pageSize * 2, pageSize * 5],
+      initialState: {
+        pagination: {
+          pageIndex: 0,
+          pageSize
+        }
+      },
+      readOnly: true,
+      columnLayout: "auto",
+      onRowPress: row => record.open(row.doc),
+      rowLabel: row => row.title,
+      "aria-label": label
+    })
+  });
+}