@embeddable.com/remarkable-pro 0.0.2 → 0.0.4

package/dist/PivotTablePro.js

@@ -1,93 +1,152 @@
-import { j as u, n as x, l as y } from "./index-DedIqjbn.js";
-import { useTheme as A, defineComponent as M } from "@embeddable.com/react";
-import { a as S, r as W, i as N, v as j, E as c, k as r, z as d, F as G, G as k, d as B, c as h, H as I } from "./component.constants-uP1WYyUb.js";
-import { C as E } from "./ChartCard-CsKQOusx.js";
-import { useRef as O } from "react";
-import { u as p } from "./charts.fillGaps.hooks-YayOXVmt.js";
-import { g as w } from "./formatter.utils-CeEdL8uQ.js";
-const V = (e, o) => {
-  const t = w(o);
-  return e.measures.map((s) => {
-    var n, a;
+import { j as A, n as x, l as G } from "./index-BR6dp5RX.js";
+import { useTheme as N, defineComponent as j } from "@embeddable.com/react";
+import { a as O, r as k, i as E, v as I, E as F, k as v, z as y, F as V, G as q, d as z, c as D, H } from "./component.constants-h6et83ck.js";
+import { C as L } from "./ChartCard-C7c2rTst.js";
+import { useMemo as _, useRef as J } from "react";
+import { u as M } from "./charts.fillGaps.hooks-YayOXVmt.js";
+import { g as W } from "./formatter.utils-DXzI4Hz_.js";
+const K = (e, t) => {
+  const n = W(t);
+  return e.measures.map((o) => {
+    var s, a;
     return {
-      key: s.name,
-      label: t.dimensionOrMeasureTitle(s),
-      showAsPercentage: !!((n = s.inputs) != null && n.showAsPercentage),
-      percentageDecimalPlaces: ((a = s.inputs) == null ? void 0 : a.decimalPlaces) ?? 1,
-      accessor: (i) => i[s.name] == null ? e.displayNullAs : t.data(s, i[s.name])
+      key: o.name,
+      label: n.dimensionOrMeasureTitle(o),
+      showAsPercentage: !!((s = o.inputs) != null && s.showAsPercentage),
+      percentageDecimalPlaces: ((a = o.inputs) == null ? void 0 : a.decimalPlaces) ?? 1,
+      accessor: (r) => r[o.name] == null ? e.displayNullAs : n.data(o, r[o.name])
     };
   });
-}, b = (e, o) => {
-  const t = w(o);
+}, S = (e, t) => {
+  const n = W(t);
   return {
     key: e.dimension.name,
-    label: t.dimensionOrMeasureTitle(e.dimension),
-    formatValue: (s) => t.data(e.dimension, s)
+    label: n.dimensionOrMeasureTitle(e.dimension),
+    formatValue: (o) => n.data(e.dimension, o)
   };
-}, z = (e) => e.filter((o) => {
-  var t;
-  return (t = o.inputs) == null ? void 0 : t.showColumnTotal;
-}).map((o) => o.name), H = (e) => e.filter((o) => {
-  var t;
-  return (t = o.inputs) == null ? void 0 : t.showRowTotal;
-}).map((o) => o.name), L = (e) => {
-  const o = A();
-  S(o);
-  const { description: t, title: s } = W(e), { measures: n, rowDimension: a, columnDimension: i, displayNullAs: m, columnWidth: T, firstColumnWidth: f } = e, g = p({
+}, Q = (e) => e.filter((t) => {
+  var n;
+  return (n = t.inputs) == null ? void 0 : n.showColumnTotal;
+}).map((t) => t.name), U = (e) => e.filter((t) => {
+  var n;
+  return (n = t.inputs) == null ? void 0 : n.showRowTotal;
+}).map((t) => t.name);
+function X(e) {
+  let t = 0, n = 0;
+  for (let o = 0; o < e.length - 1; o++) {
+    const s = e[o], a = e[o + 1];
+    s == null || a == null || (s < a ? t++ : s > a && n++);
+  }
+  return t > n ? "asc" : n > t ? "desc" : "equal";
+}
+function C(e) {
+  let t = 0, n = 0;
+  for (let o = 0; o < e.length - 1; o++) {
+    const s = e[o], a = e[o + 1];
+    s == null || a == null || (s < a ? t++ : s > a && n++);
+  }
+  return t > 0 && n > 0;
+}
+const Y = (e) => (t, n) => e === "asc" ? t < n ? -1 : t > n ? 1 : 0 : e === "desc" ? t > n ? -1 : t < n ? 1 : 0 : 0, Z = (e, t, n, o, s, a) => {
+  const r = e.data ?? [], c = r[0];
+  if (!c) return [];
+  const b = () => a.reduce((l, i) => (l[i.name] = void 0, l), {}), f = (l, i, d) => {
+    if (!C(l))
+      return r;
+    const h = X(l), p = [...l].sort(Y(h)).map((m) => {
+      const u = r.find(
+        (w) => w[i.name] === m && w[d.name] === c[d.name]
+      );
+      return u || {
+        ...c,
+        [i.name]: m,
+        ...b()
+      };
+    }), T = r.filter(
+      (m) => !p.some(
+        (u) => u[i.name] === m[i.name] && u[d.name] === m[d.name]
+      )
+    );
+    return [...p, ...T];
+  };
+  return C(t) ? f(t, o, s) : C(n) ? f(n, s, o) : r;
+}, $ = (e) => {
+  var R;
+  const t = N();
+  O(t);
+  const { description: n, title: o } = k(e), { measures: s, rowDimension: a, columnDimension: r, displayNullAs: c, columnWidth: b, firstColumnWidth: f } = e, l = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((g) => g[r.name]))
+  ), i = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((g) => g[a.name]))
+  ), d = M({
     results: e.results,
-    dimension: i
-  }), l = p({
-    results: g,
+    dimension: r
+  }), h = M({
+    results: d,
     dimension: a
-  }), v = O(null), D = V({ measures: n, displayNullAs: m }, o), P = b({ dimension: a }, o), C = b({ dimension: i }, o), F = z(n), R = H(n);
-  return /* @__PURE__ */ u.jsx(
-    E,
+  }), P = _(() => Z(
+    h,
+    l,
+    i,
+    r,
+    a,
+    s
+  ), [
+    h,
+    l,
+    i,
+    r,
+    a,
+    s
+  ]), p = J(null), T = K({ measures: s, displayNullAs: c }, t), m = S({ dimension: a }, t), u = S({ dimension: r }, t), w = Q(s), B = U(s);
+  return /* @__PURE__ */ A.jsx(
+    L,
     {
-      ref: v,
-      title: s,
-      subtitle: t,
+      ref: p,
+      title: o,
+      subtitle: n,
       data: e.results,
-      dimensionsAndMeasures: [a, i, ...n],
-      errorMessage: l == null ? void 0 : l.error,
-      children: /* @__PURE__ */ u.jsx(
+      dimensionsAndMeasures: [a, r, ...s],
+      errorMessage: (R = e.results) == null ? void 0 : R.error,
+      children: /* @__PURE__ */ A.jsx(
         x,
         {
           firstColumnWidth: f,
-          columnWidth: T,
-          totalLabel: N.t("charts.pivotTable.total"),
-          data: l.data ?? [],
-          measures: D,
-          rowDimension: P,
-          columnDimension: C,
-          columnTotalsFor: F,
-          rowTotalsFor: R
+          columnWidth: b,
+          totalLabel: E.t("charts.pivotTable.total"),
+          data: P,
+          measures: T,
+          rowDimension: m,
+          columnDimension: u,
+          columnTotalsFor: w,
+          rowTotalsFor: B
         }
       )
     }
   );
-}, _ = {
+}, ee = {
   name: "PivotTablePro",
   label: "Pivot Table",
   category: "Table Charts",
   inputs: [
-    j,
+    I,
     {
-      ...c,
+      ...F,
       label: "Measures To Display",
       inputs: [
-        ...c.inputs,
+        ...F.inputs,
         {
-          ...r,
+          ...v,
           name: "showColumnTotal",
           label: "Show Column Total"
         },
         {
-          ...r,
+          ...v,
           name: "showRowTotal",
           label: "Show Row Total"
         },
         {
-          ...r,
+          ...v,
           name: "showAsPercentage",
           label: "Show As Percentage",
           description: "If turned on, other measures may be ignored",
@@ -96,36 +155,36 @@ const V = (e, o) => {
       ]
     },
     {
-      ...d,
+      ...y,
       label: "Row Dimension",
       name: "rowDimension"
     },
     {
-      ...d,
+      ...y,
       label: "Column Dimension",
       name: "columnDimension"
     },
-    G,
-    k,
-    { ...B, name: "displayNullAs", label: "Display Null As" },
+    V,
+    q,
+    { ...z, name: "displayNullAs", label: "Display Null As" },
     {
-      ...h,
+      ...D,
       name: "firstColumnWidth",
       label: "First Column Width",
       description: "Set the width in px (e.g. 200)"
     },
     {
-      ...h,
+      ...D,
       name: "columnWidth",
       label: "Column Width",
       description: "Set the width in px (e.g. 200)"
     },
-    I
+    H
   ]
-}, Z = M(L, _, {
+}, ie = j($, ee, {
   props: (e) => ({
     ...e,
-    results: y({
+    results: G({
       from: e.dataset,
       select: [e.rowDimension, e.columnDimension, ...e.measures],
       limit: e.maxResults,
@@ -134,7 +193,7 @@ const V = (e, o) => {
   })
 });
 export {
-  Z as default,
-  _ as meta
+  ie as default,
+  ee as meta
 };
 //# sourceMappingURL=PivotTablePro.js.map

package/dist/PivotTablePro.js.map

@@ -1 +1 @@
-{"version":3,"file":"PivotTablePro.js","sources":["../src/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/components/charts/tables/PivotTablePro/index.tsx","../src/components/charts/tables/PivotTablePro/PivotTablePro.emb.ts"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n\nexport const getPivotRowTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['rowTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showRowTotal).map((m) => m.name);\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '@embeddable.com/remarkable-ui';\nimport { useRef } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport {\n  getPivotColumnTotalsFor,\n  getPivotDimension,\n  getPivotMeasures,\n  getPivotRowTotalsFor,\n} from './PivotPro.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype PivotTableProProps = {\n  title: string;\n  description: string;\n  results: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  columnDimension: Dimension;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n};\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const { measures, rowDimension, columnDimension, displayNullAs, columnWidth, firstColumnWidth } =\n    props;\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const results = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor(measures);\n  const pivotRowTotalsFor = getPivotRowTotalsFor(measures);\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={results?.error}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results.data ?? []}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n","import { loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport PivotTablePro from './index';\nimport {\n  dataset,\n  description,\n  title,\n  maxResults,\n  measures,\n  subInputGenericBoolean,\n  genericString,\n  dimensionWithDateBounds,\n  genericNumber,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'PivotTablePro',\n  label: 'Pivot Table',\n  category: 'Table Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      label: 'Measures To Display',\n      inputs: [\n        ...measures.inputs,\n        {\n          ...subInputGenericBoolean,\n          name: 'showColumnTotal',\n          label: 'Show Column Total',\n        },\n        {\n          ...subInputGenericBoolean,\n          name: 'showRowTotal',\n          label: 'Show Row Total',\n        },\n        {\n          ...subInputGenericBoolean,\n          name: 'showAsPercentage',\n          label: 'Show As Percentage',\n          description: 'If turned on, other measures may be ignored',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      ...dimensionWithDateBounds,\n      label: 'Row Dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...dimensionWithDateBounds,\n      label: 'Column Dimension',\n      name: 'columnDimension',\n    },\n    title,\n    description,\n    { ...genericString, name: 'displayNullAs', label: 'Display Null As' },\n    {\n      ...genericNumber,\n      name: 'firstColumnWidth',\n      label: 'First Column Width',\n      description: 'Set the width in px (e.g. 200)',\n    },\n    {\n      ...genericNumber,\n      name: 'columnWidth',\n      label: 'Column Width',\n      description: 'Set the width in px (e.g. 200)',\n    },\n\n    maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(PivotTablePro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.rowDimension, inputs.columnDimension, ...inputs.measures],\n        limit: inputs.maxResults,\n        countRows: true,\n      }),\n    };\n  },\n});\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","measures","m","getPivotRowTotalsFor","PivotTablePro","useTheme","i18nSetup","description","title","resolveI18nProps","rowDimension","columnDimension","displayNullAs","columnWidth","firstColumnWidth","resultsColumnDimensionFillGaps","useFillGaps","results","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","jsx","ChartCard","PivotTable","i18n","meta","dataset","subInputGenericBoolean","dimensionWithDateBounds","genericString","genericNumber","maxResults","PivotTablePro_emb","defineComponent","inputs","loadData"],"mappings":";;;;;;;AAOO,MAAMA,IAAmB,CAC9BC,GACAC,MACqC;AACrC,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAOD,EAAM,SAAS,IAAI,CAACI,MAAY;;AACrC,WAAO;AAAA,MACL,KAAKA,EAAQ;AAAA,MACb,OAAOF,EAAe,wBAAwBE,CAAO;AAAA,MACrD,kBAAkB,IAAQC,IAAAD,EAAQ,WAAR,QAAAC,EAAgB;AAAA,MAC1C,2BAAyBC,IAAAF,EAAQ,WAAR,gBAAAE,EAAgB,kBAAiB;AAAA,MAC1D,UAAU,CAACC,MACKA,EAAIH,EAAQ,IAAI,KAEd,OACZJ,EAAM,gBACNE,EAAe,KAAKE,GAASG,EAAIH,EAAQ,IAAI,CAAC;AAAA,IACpD;AAAA,EAEJ,CAAC;AACH,GAEaI,IAAoB,CAC/BR,GACAC,MAC6D;AAC7D,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAO;AAAA,IACL,KAAKD,EAAM,UAAU;AAAA,IACrB,OAAOE,EAAe,wBAAwBF,EAAM,SAAS;AAAA,IAC7D,aAAa,CAACS,MAAkBP,EAAe,KAAKF,EAAM,WAAWS,CAAK;AAAA,EAAA;AAE9E,GAEaC,IAA0B,CACrCC,MAEOA,EAAS,OAAO,CAACC,MAAA;;AAAM,UAAAP,IAAAO,EAAE,WAAF,gBAAAP,EAAU;AAAA,CAAe,EAAE,IAAI,CAACO,MAAMA,EAAE,IAAI,GAG/DC,IAAuB,CAClCF,MAEOA,EAAS,OAAO,CAACC,MAAA;;AAAM,UAAAP,IAAAO,EAAE,WAAF,gBAAAP,EAAU;AAAA,CAAY,EAAE,IAAI,CAACO,MAAMA,EAAE,IAAI,GCtBnEE,IAAgB,CAACd,MAA8B;AACnD,QAAMC,IAAQc,EAAA;AACd,EAAAC,EAAUf,CAAK;AAEf,QAAM,EAAE,aAAAgB,GAAa,OAAAC,MAAUC,EAAiBnB,CAAK,GAC/C,EAAE,UAAAW,GAAU,cAAAS,GAAc,iBAAAC,GAAiB,eAAAC,GAAe,aAAAC,GAAa,kBAAAC,MAC3ExB,GAGIyB,IAAiCC,EAAY;AAAA,IACjD,SAAS1B,EAAM;AAAA,IACf,WAAWqB;AAAA,EAAA,CACZ,GAGKM,IAAUD,EAAY;AAAA,IAC1B,SAASD;AAAA,IACT,WAAWL;AAAA,EAAA,CACZ,GAEKQ,IAAiBC,EAAuB,IAAI,GAE5CC,IAAgB/B,EAAiB,EAAE,UAAAY,GAAU,eAAAW,EAAA,GAAiBrB,CAAK,GACnE8B,IAAoBvB,EAAkB,EAAE,WAAWY,EAAA,GAAgBnB,CAAK,GACxE+B,IAAuBxB,EAAkB,EAAE,WAAWa,EAAA,GAAmBpB,CAAK,GAC9EgC,IAAuBvB,EAAwBC,CAAQ,GACvDuB,IAAoBrB,EAAqBF,CAAQ;AAEvD,SACEwB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,OAAAV;AAAA,MACA,UAAUD;AAAA,MACV,MAAMjB,EAAM;AAAA,MACZ,uBAAuB,CAACoB,GAAcC,GAAiB,GAAGV,CAAQ;AAAA,MAClE,cAAcgB,KAAA,gBAAAA,EAAS;AAAA,MAEvB,UAAAQ,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAAb;AAAA,UACA,aAAAD;AAAA,UACA,YAAYe,EAAK,EAAE,yBAAyB;AAAA,UAC5C,MAAMX,EAAQ,QAAQ,CAAA;AAAA,UACtB,UAAUG;AAAA,UACV,cAAcC;AAAA,UACd,iBAAiBC;AAAA,UACjB,iBAAiBC;AAAA,UACjB,cAAcC;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AAGN,GCjEaK,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA;AAAA,MACE,GAAG7B;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,QACN,GAAGA,EAAS;AAAA,QACZ;AAAA,UACE,GAAG8B;AAAA,UACH,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,GAAGA;AAAA,UACH,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,GAAGA;AAAA,UACH,MAAM;AAAA,UACN,OAAO;AAAA,UACP,aAAa;AAAA,UACb,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEF;AAAA,MACE,GAAGC;AAAA,MACH,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAER;AAAA,MACE,GAAGA;AAAA,MACH,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAERxB;AAAA,IACAD;AAAA,IACA,EAAE,GAAG0B,GAAe,MAAM,iBAAiB,OAAO,kBAAA;AAAA,IAClD;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAGfC;AAAA,EAAA;AAEJ,GAEAC,IAAeC,EAAgBjC,GAAeyB,GAAM;AAAA,EAClD,OAAO,CAACS,OACC;AAAA,IACL,GAAGA;AAAA,IAEH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,cAAcA,EAAO,iBAAiB,GAAGA,EAAO,QAAQ;AAAA,MACxE,OAAOA,EAAO;AAAA,MACd,WAAW;AAAA,IAAA,CACZ;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"PivotTablePro.js","sources":["../src/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/components/charts/tables/PivotTablePro/index.tsx","../src/components/charts/tables/PivotTablePro/PivotTablePro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n\nexport const getPivotRowTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['rowTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showRowTotal).map((m) => m.name);\n};\n\ntype Order = 'asc' | 'desc' | 'equal';\n\nfunction predominantOrder(arr: (string | number | boolean)[]): Order {\n  let asc = 0;\n  let desc = 0;\n\n  for (let i = 0; i < arr.length - 1; i++) {\n    const a = arr[i];\n    const b = arr[i + 1];\n\n    if (a == null || b == null) continue;\n\n    if (a < b) asc++;\n    else if (a > b) desc++;\n  }\n\n  if (asc > desc) return 'asc';\n  if (desc > asc) return 'desc';\n  return 'equal';\n}\n\nfunction isOrderMixed(arr: (string | number | boolean)[]): boolean {\n  let asc = 0;\n  let desc = 0;\n\n  for (let i = 0; i < arr.length - 1; i++) {\n    const a = arr[i];\n    const b = arr[i + 1];\n\n    if (a == null || b == null) continue;\n\n    if (a < b) asc++;\n    else if (a > b) desc++;\n  }\n\n  return asc > 0 && desc > 0;\n}\n\nconst getSortComparator = (order: Order) => {\n  return <T>(a: T, b: T) => {\n    if (order === 'asc') {\n      return a < b ? -1 : a > b ? 1 : 0;\n    }\n    if (order === 'desc') {\n      return a > b ? -1 : a < b ? 1 : 0;\n    }\n    return 0;\n  };\n};\n\nexport const getPivotTableRows = (\n  results: DataResponse,\n  columnOrder: (string | number | boolean)[],\n  rowOrder: (string | number | boolean)[],\n  columnDimension: Dimension,\n  rowDimension: Dimension,\n  measures: Measure[],\n) => {\n  const data = results.data ?? [];\n  const firstRow = data[0];\n\n  if (!firstRow) return [];\n\n  const buildEmptyMeasures = () =>\n    measures.reduce<Record<string, unknown>>((acc, measure) => {\n      acc[measure.name] = undefined;\n      return acc;\n    }, {});\n\n  const reorderByAxis = (\n    axisOrder: (string | number | boolean)[],\n    axisDimension: Dimension,\n    fixedDimension: Dimension,\n  ) => {\n    if (!isOrderMixed(axisOrder)) {\n      return data;\n    }\n\n    const order = predominantOrder(axisOrder);\n    const sortedAxisOrder = [...axisOrder].sort(getSortComparator(order));\n\n    // “Leader” rows: one per value in the axis order, at the fixed dimension’s first value\n    const leaderRows = sortedAxisOrder.map((value) => {\n      const existing = data.find(\n        (x) =>\n          x[axisDimension.name] === value &&\n          x[fixedDimension.name] === firstRow[fixedDimension.name],\n      );\n\n      if (existing) return existing;\n\n      return {\n        ...firstRow,\n        [axisDimension.name]: value,\n        ...buildEmptyMeasures(),\n      };\n    });\n\n    // Remove rows that are already covered by leaderRows (same [axis, fixed] tuple)\n    const restResults = data.filter(\n      (resultRow) =>\n        !leaderRows.some(\n          (leaderRow) =>\n            leaderRow[axisDimension.name] === resultRow[axisDimension.name] &&\n            leaderRow[fixedDimension.name] === resultRow[fixedDimension.name],\n        ),\n    );\n\n    return [...leaderRows, ...restResults];\n  };\n\n  // Preserve original behavior: fix columns if mixed, otherwise rows if mixed\n  if (isOrderMixed(columnOrder)) {\n    return reorderByAxis(columnOrder, columnDimension, rowDimension);\n  }\n\n  if (isOrderMixed(rowOrder)) {\n    return reorderByAxis(rowOrder, rowDimension, columnDimension);\n  }\n\n  return data;\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '@embeddable.com/remarkable-ui';\nimport { useMemo, useRef } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport {\n  getPivotColumnTotalsFor,\n  getPivotDimension,\n  getPivotMeasures,\n  getPivotRowTotalsFor,\n  getPivotTableRows,\n} from './PivotPro.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype PivotTableProProps = {\n  title: string;\n  description: string;\n  results: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  columnDimension: Dimension;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n};\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const { measures, rowDimension, columnDimension, displayNullAs, columnWidth, firstColumnWidth } =\n    props;\n\n  const colOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useMemo(() => {\n    return getPivotTableRows(\n      resultsRowColumnDimensionFillGaps,\n      colOrder,\n      rowOrder,\n      columnDimension,\n      rowDimension,\n      measures,\n    );\n  }, [\n    resultsRowColumnDimensionFillGaps,\n    colOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures,\n  ]);\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor(measures);\n  const pivotRowTotalsFor = getPivotRowTotalsFor(measures);\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={props.results?.error}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n","import { loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport PivotTablePro from './index';\nimport {\n  dataset,\n  description,\n  title,\n  maxResults,\n  measures,\n  subInputGenericBoolean,\n  genericString,\n  dimensionWithDateBounds,\n  genericNumber,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'PivotTablePro',\n  label: 'Pivot Table',\n  category: 'Table Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      label: 'Measures To Display',\n      inputs: [\n        ...measures.inputs,\n        {\n          ...subInputGenericBoolean,\n          name: 'showColumnTotal',\n          label: 'Show Column Total',\n        },\n        {\n          ...subInputGenericBoolean,\n          name: 'showRowTotal',\n          label: 'Show Row Total',\n        },\n        {\n          ...subInputGenericBoolean,\n          name: 'showAsPercentage',\n          label: 'Show As Percentage',\n          description: 'If turned on, other measures may be ignored',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      ...dimensionWithDateBounds,\n      label: 'Row Dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...dimensionWithDateBounds,\n      label: 'Column Dimension',\n      name: 'columnDimension',\n    },\n    title,\n    description,\n    { ...genericString, name: 'displayNullAs', label: 'Display Null As' },\n    {\n      ...genericNumber,\n      name: 'firstColumnWidth',\n      label: 'First Column Width',\n      description: 'Set the width in px (e.g. 200)',\n    },\n    {\n      ...genericNumber,\n      name: 'columnWidth',\n      label: 'Column Width',\n      description: 'Set the width in px (e.g. 200)',\n    },\n\n    maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(PivotTablePro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.rowDimension, inputs.columnDimension, ...inputs.measures],\n        limit: inputs.maxResults,\n        countRows: true,\n      }),\n    };\n  },\n});\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","measures","m","getPivotRowTotalsFor","predominantOrder","arr","asc","desc","i","a","b","isOrderMixed","getSortComparator","order","getPivotTableRows","results","columnOrder","rowOrder","columnDimension","rowDimension","data","firstRow","buildEmptyMeasures","acc","reorderByAxis","axisOrder","axisDimension","fixedDimension","leaderRows","existing","x","restResults","resultRow","leaderRow","PivotTablePro","useTheme","i18nSetup","description","title","resolveI18nProps","displayNullAs","columnWidth","firstColumnWidth","colOrder","d","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","useMemo","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","jsx","ChartCard","PivotTable","i18n","meta","dataset","subInputGenericBoolean","dimensionWithDateBounds","genericString","genericNumber","maxResults","PivotTablePro_emb","defineComponent","inputs","loadData"],"mappings":"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"}

package/dist/SingleSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { V as n, l as r } from "./index-DedIqjbn.js";
-import { v as s, w as d, F as m, G as c, _ as p } from "./component.constants-uP1WYyUb.js";
-import { M as u, S as g } from "./index-Dwl9clc9.js";
+import { V as n, l as r } from "./index-BR6dp5RX.js";
+import { v as s, w as d, F as m, G as c, _ as p } from "./component.constants-h6et83ck.js";
+import { M as u, S as g } from "./index-QOVQo6ZK.js";
 const f = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",

package/dist/TableChartPaginated.js

@@ -1,9 +1,9 @@
-import { T as I, h as r, u as W, o as G, p as q, j as y, q as B, r as U, V as _, l as P, m as J } from "./index-DedIqjbn.js";
+import { T as I, h as r, u as W, o as G, p as q, j as y, q as B, r as U, V as _, l as P, m as J } from "./index-BR6dp5RX.js";
 import { useTheme as K, defineComponent as Q } from "@embeddable.com/react";
-import { a as X, r as Y, i as Z, v as $, C as T, s as O, e as ee, F as ne, G as ae, g as te, d as ie, H as se, x as oe } from "./component.constants-uP1WYyUb.js";
-import { C as le } from "./ChartCard-CsKQOusx.js";
+import { a as X, r as Y, i as Z, v as $, C as T, s as O, e as ee, F as ne, G as ae, g as te, d as ie, H as se, x as oe } from "./component.constants-h6et83ck.js";
+import { C as le } from "./ChartCard-C7c2rTst.js";
 import { useState as S, useRef as re, useCallback as ce, useEffect as g } from "react";
-import { g as de } from "./formatter.utils-CeEdL8uQ.js";
+import { g as de } from "./formatter.utils-DXzI4Hz_.js";
 const me = (n) => {
   var a;
   const e = (a = n.inputs) == null ? void 0 : a.align;

package/dist/{bars.utils-BU_k5fia.js → bars.utils-JRnFN04m.js}

@@ -1,7 +1,7 @@
-import { r as F, g as P } from "./charts.utils-rO92wRxO.js";
-import { g as h } from "./formatter.utils-CeEdL8uQ.js";
+import { r as F, g as P } from "./charts.utils-DAkS2VK1.js";
+import { g as h } from "./formatter.utils-DXzI4Hz_.js";
 import { g as p, a as g } from "./object.utils-D_Zzon-H.js";
-import { g as T, a as v } from "./index-DedIqjbn.js";
+import { g as T, a as v } from "./index-BR6dp5RX.js";
 const B = (l, c) => {
   var b;
   const m = h(c), { data: o = [], dimension: i, groupDimension: d, measure: t } = l, r = [...new Set(o.map((n) => n[i.name]).filter((n) => n != null))].sort(), a = `${d.name}${(b = d.inputs) != null && b.granularity ? `.${d.inputs.granularity}` : ""}`, e = [...new Set(o.map((n) => n[a]))].filter((n) => n != null), s = p(c), u = v(), C = e.map((n, k) => {
@@ -142,4 +142,4 @@ export {
   B as b,
   L as g
 };
-//# sourceMappingURL=bars.utils-BU_k5fia.js.map
+//# sourceMappingURL=bars.utils-JRnFN04m.js.map

package/dist/{bars.utils-BU_k5fia.js.map → bars.utils-JRnFN04m.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bars.utils-BU_k5fia.js","sources":["../src/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors, getChartContrastColors } from '@embeddable.com/remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter((d) => d != null);\n\n  const themeKey = getObjectStableKey(theme);\n  const chartContrastColors = getChartContrastColors();\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartContrastColors,\n      index,\n    );\n\n    return {\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor,\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record ? Number(record[measure.name]) : 0;\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getBarChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    maxItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n  const chartColors = getChartColors();\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const backgroundColor = getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartColors,\n        index,\n      );\n\n      const borderColor = getColor(\n        `${themeKey}.charts.borderColors`,\n        measure.name,\n        theme.charts.borderColors ?? chartColors,\n        index,\n      );\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: groupedData.map((item) => item[measure.name] ?? 0),\n        backgroundColor,\n        borderColor,\n      };\n    }),\n  };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n  context: Context,\n  formatter: (value: number) => string,\n) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n  options: {\n    onBarClicked: (args: {\n      axisDimensionValue: string | null;\n      groupingDimensionValue: string | null;\n    }) => void;\n    measures: Measure[];\n    dimension: Dimension;\n    horizontal: boolean;\n    data: ChartData<'bar'>;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n  const themeFormatter = getThemeFormatter(theme);\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        labels: {\n          total: {\n            formatter: (_value: string | number, context: Context) =>\n              getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n                themeFormatter.data(measures[0]!, value),\n              ),\n          },\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            if (!horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n            if (!data || !data.labels) return undefined;\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      const element = elements[0];\n      const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n        | string\n        | null;\n      const groupingDimensionValue = (\n        element\n          ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n          : null\n      ) as string | null;\n\n      onBarClicked({\n        axisDimensionValue,\n        groupingDimensionValue,\n      });\n    },\n  };\n};\n"],"names":["getBarStackedChartProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupDimensionName","_a","groupBy","themeKey","getObjectStableKey","chartContrastColors","getChartContrastColors","datasets","groupByItem","index","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","item","getBarChartProDatalabelTotalFormatter","context","formatter","i","total","sum","ds","val","getBarChartProOptions","options","onBarClicked","measures","horizontal","_value","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}
+{"version":3,"file":"bars.utils-JRnFN04m.js","sources":["../src/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors, getChartContrastColors } from '@embeddable.com/remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter((d) => d != null);\n\n  const themeKey = getObjectStableKey(theme);\n  const chartContrastColors = getChartContrastColors();\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartContrastColors,\n      index,\n    );\n\n    return {\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor,\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record ? Number(record[measure.name]) : 0;\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getBarChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    maxItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n  const chartColors = getChartColors();\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const backgroundColor = getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartColors,\n        index,\n      );\n\n      const borderColor = getColor(\n        `${themeKey}.charts.borderColors`,\n        measure.name,\n        theme.charts.borderColors ?? chartColors,\n        index,\n      );\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: groupedData.map((item) => item[measure.name] ?? 0),\n        backgroundColor,\n        borderColor,\n      };\n    }),\n  };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n  context: Context,\n  formatter: (value: number) => string,\n) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n  options: {\n    onBarClicked: (args: {\n      axisDimensionValue: string | null;\n      groupingDimensionValue: string | null;\n    }) => void;\n    measures: Measure[];\n    dimension: Dimension;\n    horizontal: boolean;\n    data: ChartData<'bar'>;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n  const themeFormatter = getThemeFormatter(theme);\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        labels: {\n          total: {\n            formatter: (_value: string | number, context: Context) =>\n              getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n                themeFormatter.data(measures[0]!, value),\n              ),\n          },\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            if (!horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n            if (!data || !data.labels) return undefined;\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      const element = elements[0];\n      const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n        | string\n        | null;\n      const groupingDimensionValue = (\n        element\n          ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n          : null\n      ) as string | null;\n\n      onBarClicked({\n        axisDimensionValue,\n        groupingDimensionValue,\n      });\n    },\n  };\n};\n"],"names":["getBarStackedChartProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupDimensionName","_a","groupBy","themeKey","getObjectStableKey","chartContrastColors","getChartContrastColors","datasets","groupByItem","index","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","item","getBarChartProDatalabelTotalFormatter","context","formatter","i","total","sum","ds","val","getBarChartProOptions","options","onBarClicked","measures","horizontal","_value","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}

package/dist/{charts.utils-rO92wRxO.js → charts.utils-DAkS2VK1.js}

@@ -1,8 +1,8 @@
-import { E as is } from "./index-DedIqjbn.js";
-import { a as ni, i as cn } from "./component.constants-uP1WYyUb.js";
+import { E as is } from "./index-BR6dp5RX.js";
+import { a as ni, i as cn } from "./component.constants-h6et83ck.js";
 import { d as Ee, u as ai, g as ss } from "./utc-B2gCnkBk.js";
 import { i as ii, q as si } from "./quarterOfYear-wgcl4CRi.js";
-import { g as os } from "./formatter.utils-CeEdL8uQ.js";
+import { g as os } from "./formatter.utils-DXzI4Hz_.js";
 var fs = {
   "--em-core-border-radius--000": "0px",
   "--em-core-border-radius--050": "2px",
@@ -17211,4 +17211,4 @@ export {
   zm as g,
   Hm as r
 };
-//# sourceMappingURL=charts.utils-rO92wRxO.js.map
+//# sourceMappingURL=charts.utils-DAkS2VK1.js.map