@embeddable.com/remarkable-pro 0.0.24 → 0.0.25

package/dist/theme/styles/styles.utils.d.ts

@@ -1,3 +1,15 @@
+import { Dimension, Measure } from '@embeddable.com/core';
+import { Theme } from '../theme.types';
 export declare const injectCssVariables: (styles: Record<string, string>) => () => void;
 export declare const getColor: (key: string, value: string, palette: string[], idx: number) => string;
+type GetDimensionMeasureColorProps = {
+    dimensionOrMeasure: Dimension | Measure;
+    theme: Theme;
+    value: string;
+    color: 'background' | 'border';
+    index: number;
+    chartColors: string[];
+};
+export declare const getDimensionMeasureColor: ({ dimensionOrMeasure, theme, color, value, index, chartColors, }: GetDimensionMeasureColorProps) => any;
+export {};
 //# sourceMappingURL=styles.utils.d.ts.map

package/dist/theme/styles/styles.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.utils.d.ts","sourceRoot":"","sources":["../../../src/theme/styles/styles.utils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eAgBhE,CAAC;AAkCF,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,MAAM,KAAG,MA0BrF,CAAC"}
+{"version":3,"file":"styles.utils.d.ts","sourceRoot":"","sources":["../../../src/theme/styles/styles.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAavC,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eAgBhE,CAAC;AAkCF,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,MAAM,KAAG,MA0BrF,CAAC;AAEF,KAAK,6BAA6B,GAAG;IACnC,kBAAkB,EAAE,SAAS,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,kEAOtC,6BAA6B,QA6B/B,CAAC"}

package/dist/theme/theme.types.d.ts

@@ -11,7 +11,17 @@ export type ThemeI18n = {
     translations: Resource;
 };
 export type ThemeChartsLegendPosition = 'top' | 'right' | 'bottom' | 'left';
+export type ThemeChartsColors = {
+    borderColor: string;
+    backgroundColor: string;
+};
+export type ThemeChartsColorMap = {
+    dimensionValue?: Record<string, string>;
+    measure?: Record<string, string>;
+};
 export type ThemeCharts = {
+    backgroundColorMap?: ThemeChartsColorMap;
+    borderColorMap?: ThemeChartsColorMap;
     backgroundColors?: string[];
     borderColors?: string[];
     legendPosition: ThemeChartsLegendPosition;

package/dist/theme/theme.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../src/theme/theme.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../src/theme/theme.types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-pro",
   "author": "embeddable (https://embeddable.com)",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "repository": {
     "type": "git",
     "url": "https://github.com/embeddable-hq/remarkable-pro"

package/dist/bars.utils-Buw9Xk8l.js

@@ -1,146 +0,0 @@
-import { d as p, C as P } from "./Color.type.emb-DWdIUAm5.js";
-import { r as v, g as x } from "./charts.utils-lvlkFPJk.js";
-import { g as h } from "./formatter.utils-CBCUxVH8.js";
-import { g as D, a as g } from "./object.utils-D_Zzon-H.js";
-const E = (c, d) => {
-  var b;
-  const m = h(d), { data: o = [], dimension: i, groupDimension: l, measure: t } = c, r = [...new Set(o.map((s) => s[i.name]).filter((s) => s != null))].sort(), a = `${l.name}${l.nativeType === P && ((b = l.inputs) != null && b.granularity) ? `.${l.inputs.granularity}` : ""}`, e = [...new Set(o.map((s) => s[a]))].filter((s) => s != null), n = D(d), u = p(), C = e.map((s, f) => {
-    const T = g(
-      `${n}.charts.backgroundColors`,
-      `${l.name}.${s}`,
-      d.charts.backgroundColors ?? u,
-      f
-    ), w = g(
-      `${n}.charts.borderColors`,
-      `${l.name}.${s}`,
-      d.charts.borderColors ?? u,
-      f
-    );
-    return {
-      label: m.data(l, s),
-      rawLabel: s,
-      backgroundColor: T,
-      borderColor: w,
-      data: r.map((N) => {
-        const k = o.find(
-          ($) => $[a] === s && $[i.name] === N
-        );
-        return k ? Number(k[t.name]) : 0;
-      })
-    };
-  });
-  return {
-    labels: r,
-    datasets: C
-  };
-}, I = (c, d = v) => {
-  if (!c.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const m = h(d), o = D(d), i = x(c.data, c.dimension, c.measures, c.maxItems), l = p();
-  return {
-    labels: i.map((t) => t[c.dimension.name]),
-    datasets: c.measures.map((t, r) => {
-      const a = g(
-        `${o}.charts.backgroundColors`,
-        t.name,
-        d.charts.backgroundColors ?? l,
-        r
-      ), e = g(
-        `${o}.charts.borderColors`,
-        t.name,
-        d.charts.borderColors ?? l,
-        r
-      );
-      return {
-        label: m.dimensionOrMeasureTitle(t),
-        data: i.map((n) => n[t.name] ?? 0),
-        backgroundColor: a,
-        borderColor: e
-      };
-    })
-  };
-}, F = (c, d) => {
-  const { datasets: m } = c.chart.data, o = c.dataIndex, i = m.reduce((l, t) => {
-    const r = t.data[o];
-    return l + (r || 0);
-  }, 0);
-  return d(i);
-}, B = (c, d) => {
-  const { onBarClicked: m, measures: o, dimension: i, horizontal: l, data: t } = c, r = h(d);
-  return {
-    plugins: {
-      legend: { position: d.charts.legendPosition ?? "bottom" },
-      datalabels: {
-        labels: {
-          total: {
-            formatter: (a, e) => F(
-              e,
-              (n) => r.data(o[0], n)
-            )
-          },
-          value: {
-            formatter: (a, e) => {
-              const n = o[e.datasetIndex % o.length];
-              return r.data(n, a);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (a) => {
-            var n;
-            const e = (n = a[0]) == null ? void 0 : n.label;
-            return r.data(i, e);
-          },
-          label: (a) => {
-            const e = o[a.datasetIndex % o.length], n = a.raw;
-            return `${r.data(i, a.dataset.label) || ""}: ${r.data(e, n)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        ticks: {
-          callback: (a) => {
-            if (l)
-              return r.data(o[0], a);
-            if (!t || !t.labels) return;
-            const e = t.labels[Number(a)];
-            return r.data(i, e);
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (a) => {
-            if (!l)
-              return r.data(o[0], a);
-            if (!t || !t.labels) return;
-            const e = t.labels[Number(a)];
-            return r.data(i, e);
-          }
-        }
-      }
-    },
-    onClick: (a, e, n) => {
-      var s;
-      if (!m) return;
-      const u = e[0], C = u ? n.data.labels[u.index] : null, b = u ? (s = n.data.datasets[u.datasetIndex]) == null ? void 0 : s.rawLabel : null;
-      m({
-        axisDimensionValue: C,
-        groupingDimensionValue: b
-      });
-    }
-  };
-};
-export {
-  I as a,
-  B as b,
-  E as g
-};
-//# sourceMappingURL=bars.utils-Buw9Xk8l.js.map

package/dist/bars.utils-Buw9Xk8l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bars.utils-Buw9Xk8l.js","sources":["../src/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { CUBE_DIMENSION_TYPE_TIME, 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 } 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.nativeType === CUBE_DIMENSION_TYPE_TIME && 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 chartColors = getChartColors();\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartColors,\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      if (!onBarClicked) return;\n\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","CUBE_DIMENSION_TYPE_TIME","_a","groupBy","themeKey","getObjectStableKey","chartColors","getChartColors","datasets","groupByItem","index","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","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/index-0rHy8NOt.js

@@ -1,161 +0,0 @@
-import { d as j, m as P, j as M, L as S } from "./Color.type.emb-DWdIUAm5.js";
-import { useTheme as y } from "@embeddable.com/react";
-import { a as G, r as O } from "./component.inputs.constants-DO_jX-yc.js";
-import { C as v } from "./ChartCard-BHPN4_tz.js";
-import { g as $ } from "./formatter.utils-CBCUxVH8.js";
-import { g as R, a as w } from "./object.utils-D_Zzon-H.js";
-import { s as F } from "./color.utils-BSg_DFOh.js";
-import { g as T } from "./lines.utils-COGf_F0b.js";
-import { u as _ } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-const D = (i, t) => {
-  const u = $(t), { data: r = [], dimension: c, groupDimension: n, measure: o, hasMinMaxYAxisRange: d } = i, l = [...new Set(r.map((e) => e[c.name]).filter((e) => e != null))].sort(), m = [...new Set(r.map((e) => e[n.name]))].filter((e) => e != null), a = R(t), s = j(), p = m.map((e, C) => {
-    var b;
-    const g = w(
-      `${a}.charts.backgroundColors`,
-      `${n.name}.${e}`,
-      t.charts.backgroundColors ?? s,
-      C
-    ), x = w(
-      `${a}.charts.borderColors`,
-      `${n.name}.${e}`,
-      t.charts.borderColors ?? s,
-      C
-    );
-    return {
-      clip: d,
-      label: u.data(n, e),
-      rawLabel: e,
-      backgroundColor: F(g, 0.5),
-      pointBackgroundColor: g,
-      fill: (b = o.inputs) == null ? void 0 : b.fillUnderLine,
-      borderColor: x,
-      data: l.map((f) => {
-        var k;
-        const h = r.find(
-          (A) => A[n.name] === e && A[c.name] === f
-        );
-        return (h == null ? void 0 : h[o.name]) ?? ((k = o.inputs) != null && k.connectGaps ? 0 : null);
-      })
-    };
-  });
-  return {
-    labels: l,
-    datasets: p
-  };
-}, K = (i, t) => {
-  var l, m;
-  const { dimension: u, data: r, measure: c, onLineClicked: n } = i, o = $(t), d = {
-    plugins: {
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (a) => o.data(c, a)
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (a) => {
-            var p;
-            const s = (p = a[0]) == null ? void 0 : p.label;
-            return o.data(u, s);
-          },
-          label: (a) => {
-            const s = a.raw;
-            return `${a.dataset.label}: ${o.data(c, s)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        ticks: {
-          callback: (a) => {
-            if (!r || !r.labels) return;
-            const s = r.labels[Number(a)];
-            return o.data(u, s);
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (a) => o.data(c, a)
-        }
-      }
-    }
-  };
-  return P(
-    T({ onLineClicked: n }),
-    d,
-    ((m = (l = t.charts) == null ? void 0 : l.lineChartGroupedPro) == null ? void 0 : m.options) || {}
-  );
-}, Y = (i) => {
-  const t = y();
-  G(t);
-  const { title: u, description: r, xAxisLabel: c, yAxisLabel: n } = O(i), {
-    hideMenu: o,
-    measure: d,
-    xAxis: l,
-    groupBy: m,
-    reverseXAxis: a,
-    showLegend: s,
-    showLogarithmicScale: p,
-    showTooltips: e,
-    showValueLabels: C,
-    yAxisRangeMax: g,
-    yAxisRangeMin: x,
-    onLineClicked: L
-  } = i, b = _({
-    results: i.results,
-    dimension: i.xAxis
-  }), f = D(
-    {
-      data: b.data,
-      dimension: l,
-      groupDimension: m,
-      measure: d,
-      hasMinMaxYAxisRange: x != null || g != null
-    },
-    t
-  ), h = K(
-    { data: f, dimension: l, measure: d, onLineClicked: L },
-    t
-  );
-  return /* @__PURE__ */ M.jsx(
-    v,
-    {
-      data: b,
-      dimensionsAndMeasures: [d, l, m],
-      errorMessage: b.error,
-      description: r,
-      title: u,
-      hideMenu: o,
-      children: /* @__PURE__ */ M.jsx(
-        S,
-        {
-          data: f,
-          reverseXAxis: a,
-          showLegend: s,
-          showLogarithmicScale: p,
-          showTooltips: e,
-          showValueLabels: C,
-          xAxisLabel: c,
-          yAxisLabel: n,
-          yAxisRangeMax: g,
-          yAxisRangeMin: x,
-          options: h
-        }
-      )
-    }
-  );
-}, J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Y
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Y as L,
-  K as a,
-  D as g,
-  J as i
-};
-//# sourceMappingURL=index-0rHy8NOt.js.map

package/dist/index-0rHy8NOt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-0rHy8NOt.js","sources":["../src/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.ts","../src/components/charts/lines/LineChartGroupedPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { mergician } from 'mergician';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartGroupedProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure, hasMinMaxYAxisRange } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupBy = [...new Set(data.map((d) => d[groupDimension.name]))].filter((d) => d != null);\n\n  const themeKey = getObjectStableKey(theme);\n  const chartColors = getChartColors();\n  const datasets: ChartData<'line'>['datasets'] = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartColors,\n      index,\n    );\n\n    const dataset = {\n      clip: hasMinMaxYAxisRange,\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor: setColorAlpha(backgroundColor, 0.5),\n      pointBackgroundColor: backgroundColor,\n      fill: measure.inputs?.['fillUnderLine'],\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimension.name] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record?.[measure.name] ?? (measure.inputs?.['connectGaps'] ? 0 : null);\n      }),\n    } as ChartData<'line'>['datasets'][number];\n\n    return dataset;\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getLineChartGroupedProOptions = (\n  options: {\n    dimension: Dimension;\n    measure: Measure;\n    data: ChartData<'line'>;\n    onLineClicked?: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measure, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number) => {\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 raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measure, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(\n    getLineChartProOptions({ onLineClicked }),\n    lineChartOptions,\n    theme.charts?.lineChartGroupedPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport {\n  getLineChartGroupedProData,\n  getLineChartGroupedProOptions,\n} from './LineChartGroupedPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\nexport type LineChartGroupedProPropsOnLineClicked = {\n  axisDimensionValue: string | null;\n  groupingDimensionValue: string | null;\n};\n\ntype LineChartGroupedProProp = {\n  xAxis: Dimension;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartGroupedPro = (props: LineChartGroupedProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measure,\n    xAxis,\n    groupBy,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getLineChartGroupedProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n\n    theme,\n  );\n  const options = getLineChartGroupedProOptions(\n    { data, dimension: xAxis, measure, onLineClicked },\n    theme,\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartGroupedPro;\n"],"names":["getLineChartGroupedProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","hasMinMaxYAxisRange","axis","d","groupBy","themeKey","getObjectStableKey","chartColors","getChartColors","datasets","groupByItem","index","backgroundColor","getColor","borderColor","setColorAlpha","_a","axisItem","record","getLineChartGroupedProOptions","options","onLineClicked","lineChartOptions","value","context","label","raw","mergician","getLineChartProOptions","_b","LineChartGroupedPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart"],"mappings":";;;;;;;;;AAWO,MAAMA,IAA6B,CACxCC,GAOAC,MACsB;AACtB,QAAMC,IAAiBC,EAAkBF,CAAK,GACxC,EAAE,MAAAG,IAAO,IAAI,WAAAC,GAAW,gBAAAC,GAAgB,SAAAC,GAAS,qBAAAC,MAAwBR,GAEzES,IAAO,CAAC,GAAG,IAAI,IAAIL,EAAK,IAAI,CAACM,MAAMA,EAAEL,EAAU,IAAI,CAAC,EAAE,OAAO,CAACK,MAAMA,KAAK,IAAI,CAAC,CAAC,EAAE,KAAA,GACjFC,IAAU,CAAC,GAAG,IAAI,IAAIP,EAAK,IAAI,CAACM,MAAMA,EAAEJ,EAAe,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,CAACI,MAAMA,KAAK,IAAI,GAEvFE,IAAWC,EAAmBZ,CAAK,GACnCa,IAAcC,EAAA,GACdC,IAA0CL,EAAQ,IAAI,CAACM,GAAaC,MAAU;;AAClF,UAAMC,IAAkBC;AAAA,MACtB,GAAGR,CAAQ;AAAA,MACX,GAAGN,EAAe,IAAI,IAAIW,CAAW;AAAA,MACrChB,EAAM,OAAO,oBAAoBa;AAAA,MACjCI;AAAA,IAAA,GAGIG,IAAcD;AAAA,MAClB,GAAGR,CAAQ;AAAA,MACX,GAAGN,EAAe,IAAI,IAAIW,CAAW;AAAA,MACrChB,EAAM,OAAO,gBAAgBa;AAAA,MAC7BI;AAAA,IAAA;AAmBF,WAhBgB;AAAA,MACd,MAAMV;AAAA,MACN,OAAON,EAAe,KAAKI,GAAgBW,CAAW;AAAA,MACtD,UAAUA;AAAA,MACV,iBAAiBK,EAAcH,GAAiB,GAAG;AAAA,MACnD,sBAAsBA;AAAA,MACtB,OAAMI,IAAAhB,EAAQ,WAAR,gBAAAgB,EAAiB;AAAA,MACvB,aAAAF;AAAA,MACA,MAAMZ,EAAK,IAAI,CAACe,MAAa;;AAC3B,cAAMC,IAASrB,EAAK;AAAA,UAClB,CAACM,MAAMA,EAAEJ,EAAe,IAAI,MAAMW,KAAeP,EAAEL,EAAU,IAAI,MAAMmB;AAAA,QAAA;AAEzE,gBAAOC,KAAA,gBAAAA,EAASlB,EAAQ,YAAUgB,IAAAhB,EAAQ,WAAR,QAAAgB,EAAiB,cAAiB,IAAI;AAAA,MAC1E,CAAC;AAAA,IAAA;AAAA,EAIL,CAAC;AAED,SAAO;AAAA,IACL,QAAQd;AAAA,IACR,UAAAO;AAAA,EAAA;AAEJ,GAEaU,IAAgC,CAC3CC,GAMA1B,MACyB;;AACzB,QAAM,EAAE,WAAAI,GAAW,MAAAD,GAAM,SAAAG,GAAS,eAAAqB,MAAkBD,GAC9CzB,IAAiBC,EAAkBF,CAAK,GAExC4B,IAAyC;AAAA,IAC7C,SAAS;AAAA,MACP,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW,CAACC,MACH5B,EAAe,KAAKK,GAASuB,CAAK;AAAA,UAC3C;AAAA,QACF;AAAA,MACF;AAAA,MAEF,SAAS;AAAA,QACP,WAAW;AAAA,UACT,OAAO,CAACC,MAAY;;AAClB,kBAAMC,KAAQT,IAAAQ,EAAQ,CAAC,MAAT,gBAAAR,EAAY;AAC1B,mBAAOrB,EAAe,KAAKG,GAAW2B,CAAK;AAAA,UAC7C;AAAA,UACA,OAAO,CAACD,MAAY;AAClB,kBAAME,IAAMF,EAAQ;AACpB,mBAAO,GAAGA,EAAQ,QAAQ,KAAK,KAAK7B,EAAe,KAAKK,GAAS0B,CAAG,CAAC;AAAA,UACvE;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IAEF,QAAQ;AAAA,MACN,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAACH,MAAU;AACnB,gBAAI,CAAC1B,KAAQ,CAACA,EAAK,OAAQ;AAE3B,kBAAM4B,IAAQ5B,EAAK,OAAO,OAAO0B,CAAK,CAAC;AACvC,mBAAO5B,EAAe,KAAKG,GAAW2B,CAAK;AAAA,UAC7C;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAACF,MACF5B,EAAe,KAAKK,GAASuB,CAAK;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGF,SAAOI;AAAA,IACLC,EAAuB,EAAE,eAAAP,GAAe;AAAA,IACxCC;AAAA,MACAO,KAAAb,IAAAtB,EAAM,WAAN,gBAAAsB,EAAc,wBAAd,gBAAAa,EAAmC,YAAW,CAAA;AAAA,EAAC;AAEnD,GC9FMC,IAAsB,CAACrC,MAAmC;AAC9D,QAAMC,IAAeqC,EAAA;AACrB,EAAAC,EAAUtC,CAAK;AAEf,QAAM,EAAE,OAAAuC,GAAO,aAAAC,GAAa,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiB5C,CAAK,GACvE;AAAA,IACJ,UAAA6C;AAAA,IACA,SAAAtC;AAAA,IACA,OAAAuC;AAAA,IACA,SAAAnC;AAAA,IACA,cAAAoC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAzB;AAAA,EAAA,IACE5B,GAEEsD,IAAUC,EAAY;AAAA,IAC1B,SAASvD,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEKI,IAAOL;AAAA,IACX;AAAA,MACE,MAAMuD,EAAQ;AAAA,MACd,WAAWR;AAAA,MACX,gBAAgBnC;AAAA,MAChB,SAAAJ;AAAA,MACA,qBAA6B8C,KAAiB,QAAQD,KAAiB;AAAA,IAAI;AAAA,IAG7EnD;AAAA,EAAA,GAEI0B,IAAUD;AAAA,IACd,EAAE,MAAAtB,GAAM,WAAW0C,GAAO,SAAAvC,GAAS,eAAAqB,EAAA;AAAA,IACnC3B;AAAA,EAAA;AAGF,SACEuD,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,uBAAuB,CAAC/C,GAASuC,GAAOnC,CAAO;AAAA,MAC/C,cAAc2C,EAAQ;AAAA,MACtB,aAAAb;AAAA,MACA,OAAAD;AAAA,MACA,UAAAK;AAAA,MAEA,UAAAW,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAtD;AAAA,UACA,cAAA2C;AAAA,UACA,YAAAC;AAAA,UACA,sBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,YAAAT;AAAA,UACA,YAAAC;AAAA,UACA,eAAAS;AAAA,UACA,eAAAC;AAAA,UACA,SAAA1B;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;"}

package/dist/index-DEsLQa4J.js

@@ -1,166 +0,0 @@
-import { d as v, e as f, m as j, j as L, L as O } from "./Color.type.emb-DWdIUAm5.js";
-import { useTheme as w } from "@embeddable.com/react";
-import { a as P, r as S } from "./component.inputs.constants-DO_jX-yc.js";
-import { C as F } from "./ChartCard-BHPN4_tz.js";
-import { g as A } from "./formatter.utils-CBCUxVH8.js";
-import { g as R, a as k } from "./object.utils-D_Zzon-H.js";
-import { i as M, s as T } from "./color.utils-BSg_DFOh.js";
-import { u as _ } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-const B = (o, n) => {
-  if (!o.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const u = A(n), c = R(n), d = o.data;
-  return {
-    labels: d.map((e) => e[o.dimension.name]),
-    datasets: o.measures.map((e, r) => {
-      var m, b, C, p;
-      const h = !!((m = e.inputs) != null && m.connectGaps), l = d.map((g) => g[e.name] ?? (h ? 0 : null)), i = (b = e.inputs) == null ? void 0 : b.lineColor, a = v(), t = M(i) ? i : k(
-        `${c}.charts.backgroundColors`,
-        e.name,
-        n.charts.backgroundColors ?? a,
-        r
-      ), s = M(i) ? i : k(
-        `${c}.charts.borderColors`,
-        e.name,
-        n.charts.borderColors ?? a,
-        r
-      );
-      return {
-        clip: o.hasMinMaxYAxisRange,
-        label: u.dimensionOrMeasureTitle(e),
-        data: l,
-        backgroundColor: T(t, 0.5),
-        pointBackgroundColor: t,
-        borderDash: (C = e.inputs) != null && C.dashedLine ? [
-          f("--em-linechart-line-dash", "0.25rem"),
-          f("--em-linechart-line-gap", "0.25rem")
-        ] : void 0,
-        borderColor: s,
-        fill: !!((p = e.inputs) != null && p.fillUnderLine)
-      };
-    })
-  };
-}, D = (o, n) => {
-  var l, i;
-  const { dimension: u, data: c, measures: d, onLineClicked: e } = o, r = A(n);
-  return j({
-    plugins: {
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (a, t) => {
-              const s = d[t.datasetIndex];
-              return r.data(s, a);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (a) => {
-            var s;
-            const t = (s = a[0]) == null ? void 0 : s.label;
-            return r.data(u, t);
-          },
-          label: (a) => {
-            const t = d[a.datasetIndex], s = a.raw;
-            return `${r.data(u, a.dataset.label) || ""}: ${r.data(t, s)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        ticks: {
-          callback: (a) => {
-            if (!c || !c.labels) return;
-            const t = c.labels[Number(a)];
-            return r.data(u, t);
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (a) => r.data(d[0], a)
-        }
-      }
-    },
-    onClick: (a, t, s) => {
-      if (!e) return;
-      const m = t[0], b = m ? s.data.labels[m.index] : null;
-      e({
-        dimensionValue: b
-      });
-    }
-  }, ((i = (l = n.charts) == null ? void 0 : l.lineChartDefaultPro) == null ? void 0 : i.options) || {});
-}, $ = (o) => {
-  const n = w();
-  P(n);
-  const { title: u, description: c, xAxisLabel: d, yAxisLabel: e } = S(o), {
-    hideMenu: r,
-    measures: h,
-    xAxis: l,
-    reverseXAxis: i,
-    showLegend: a,
-    showLogarithmicScale: t,
-    showTooltips: s,
-    showValueLabels: m,
-    yAxisRangeMax: b,
-    yAxisRangeMin: C,
-    onLineClicked: p
-  } = o, g = _({
-    results: o.results,
-    dimension: l
-  }), x = B(
-    {
-      data: g.data,
-      dimension: l,
-      measures: h,
-      hasMinMaxYAxisRange: C != null || b != null
-    },
-    n
-  ), y = D(
-    { data: x, dimension: l, measures: h, onLineClicked: p },
-    n
-  );
-  return /* @__PURE__ */ L.jsx(
-    F,
-    {
-      data: g,
-      dimensionsAndMeasures: [...h, l],
-      errorMessage: g.error,
-      description: c,
-      title: u,
-      hideMenu: r,
-      children: /* @__PURE__ */ L.jsx(
-        O,
-        {
-          data: x,
-          reverseXAxis: i,
-          showLegend: a,
-          showLogarithmicScale: t,
-          showTooltips: s,
-          showValueLabels: m,
-          xAxisLabel: d,
-          yAxisLabel: e,
-          yAxisRangeMax: b,
-          yAxisRangeMin: C,
-          options: y
-        }
-      )
-    }
-  );
-}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: $
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  $ as L,
-  D as a,
-  B as g,
-  U as i
-};
-//# sourceMappingURL=index-DEsLQa4J.js.map

package/dist/index-DEsLQa4J.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DEsLQa4J.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = props.data;\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n      const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n      const lineColor = measure.inputs?.['lineColor'];\n      const chartColors = getChartColors();\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.backgroundColors`,\n            measure.name,\n            theme.charts.backgroundColors ?? chartColors,\n            index,\n          );\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.borderColors`,\n            measure.name,\n            theme.charts.borderColors ?? chartColors,\n            index,\n          );\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.['dashedLine']\n          ? [\n              getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n              getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.['fillUnderLine']),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    onLineClicked?: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex]!;\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]!;\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 (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      if (!onLineClicked) return;\n\n      const element = elements[0];\n      const dimensionValue = (element ? chart.data.labels![element.index] : null) as string | null;\n\n      onLineClicked({\n        dimensionValue,\n      });\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\ntype LineChartProProp = {\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartPro = (props: LineChartProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions(\n    { data, dimension: xAxis, measures, onLineClicked },\n    theme,\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartPro;\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartColors","getChartColors","backgroundColor","isColorValid","getColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart"],"mappings":"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"}