@embeddable.com/remarkable-pro 0.3.5 → 0.3.7

package/dist/pies.utils-Drvky2f7.js

@@ -1,112 +0,0 @@
-import { g as P, b, a as c } from "./charts.utils-DtGWPIVa.js";
-import { r as f } from "./theme.constants-T0AFNuJR.js";
-import { g as h } from "./formatter.utils-DE-_ADag.js";
-import { g } from "./styles.utils-C8CnV0SB.js";
-import { p as D } from "./index-BDd5cXFC.js";
-import { g as C } from "./dimension.utils-CB-LXCP5.js";
-import { a as T } from "./component.utils-oQMZT7TK.js";
-const v = ({
-  results: a,
-  dimension: o,
-  onClicked: n
-}) => ({ elementAtEvent: s }) => {
-  var e, t;
-  const i = s[0];
-  if (!i) return;
-  const m = (t = (e = a.data) == null ? void 0 : e[i.index]) == null ? void 0 : t[o.name], l = C({ value: m, dimension: o });
-  n == null || n({ dimensionValue: m, dimensionTimeRange: l });
-}, w = (a, o = f) => {
-  if (!a.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const n = P(
-    a.data,
-    a.dimension,
-    [a.measure],
-    a.maxLegendItems
-  ), s = D(), i = n.map(
-    (e, t) => g({
-      dimensionOrMeasure: a.dimension,
-      theme: o,
-      color: "background",
-      value: `${a.dimension.name}.${e[a.dimension.name]}`,
-      chartColors: s,
-      index: t
-    })
-  ), m = n.map(
-    (e, t) => g({
-      dimensionOrMeasure: a.dimension,
-      theme: o,
-      color: "border",
-      value: `${a.dimension.name}.${e[a.dimension.name]}`,
-      chartColors: s,
-      index: t
-    })
-  ), l = h(o);
-  return {
-    labels: n.map((e) => {
-      const t = e[a.dimension.name], r = l.data(
-        b(a.dimension),
-        t
-      );
-      return t === r ? T.t(t) : r;
-    }),
-    datasets: [
-      {
-        data: n.map((e) => e[a.measure.name]),
-        backgroundColor: i,
-        borderColor: m
-      }
-    ]
-  };
-}, S = (a, o = f) => {
-  var l;
-  const { dimension: n, measure: s } = a, i = h(o), m = (l = s.inputs) == null ? void 0 : l.decimalPlaces;
-  return {
-    plugins: {
-      legend: {
-        position: o.charts.legendPosition ?? "bottom",
-        labels: {
-          generateLabels: (e) => (e.data.labels ?? []).map((r, d) => {
-            const u = e.getDatasetMeta(0).controller.getStyle(d, !1);
-            return {
-              text: i.data(n, r),
-              fillStyle: u.backgroundColor,
-              strokeStyle: u.borderColor,
-              lineWidth: u.borderWidth,
-              hidden: !e.getDataVisibility(d),
-              index: d
-            };
-          })
-        }
-      },
-      datalabels: {
-        formatter: (e, t) => {
-          var r;
-          return (r = s.inputs) != null && r.showValueAsPercentage ? c(Number(e), t.dataset.data, m) : i.data(s, e);
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (e) => {
-            var r;
-            const t = (r = e[0]) == null ? void 0 : r.label;
-            return i.data(b(n), t);
-          },
-          label(e) {
-            const t = e.raw;
-            return `${i.data(s, t)} (${c(t, e.dataset.data, m)})`;
-          }
-        }
-      }
-    }
-  };
-};
-export {
-  S as a,
-  v as c,
-  w as g
-};
-//# sourceMappingURL=pies.utils-Drvky2f7.js.map

package/dist/pies.utils-Drvky2f7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pies.utils-Drvky2f7.js","sources":["../src/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport {\n  getDatalabelPercentage,\n  getDimensionWithoutTruncation,\n  groupTailAsOther,\n} from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getDimensionMeasureColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors, ChartClickArgs } from '@embeddable.com/remarkable-ui';\nimport { PieChartClickArg } from './pies.types';\nimport { getTimeRangeFromDimensionValue } from '../../utils/dimension.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\n\nexport const createPieClickHandler = ({\n  results,\n  dimension,\n  onClicked,\n}: {\n  results: DataResponse;\n  dimension: Dimension;\n  onClicked?: (args: PieChartClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n    const dimensionValue = results.data?.[element.index]?.[dimension.name] as string | undefined;\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({ value: dimensionValue, dimension });\n    onClicked?.({ dimensionValue, dimensionTimeRange });\n  };\n};\n\nexport const getPieChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const chartColors = getChartColors();\n  const backgroundColor = groupedData.map((item, index) =>\n    getDimensionMeasureColor({\n      dimensionOrMeasure: props.dimension,\n      theme,\n      color: 'background',\n      value: `${props.dimension.name}.${item[props.dimension.name]}`,\n      chartColors,\n      index,\n    }),\n  );\n\n  const borderColor = groupedData.map((item, index) =>\n    getDimensionMeasureColor({\n      dimensionOrMeasure: props.dimension,\n      theme,\n      color: 'border',\n      value: `${props.dimension.name}.${item[props.dimension.name]}`,\n      chartColors,\n      index,\n    }),\n  );\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(\n        getDimensionWithoutTruncation(props.dimension),\n        value,\n      );\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport const getPieChartProOptions = (\n  props: { measure: Measure; dimension: Dimension },\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const { dimension, measure } = props;\n  const themeFormatter = getThemeFormatter(theme);\n  const decimalPlaces = measure.inputs?.decimalPlaces;\n\n  return {\n    plugins: {\n      legend: {\n        position: theme.charts.legendPosition ?? 'bottom',\n        labels: {\n          generateLabels: (chart) => {\n            const labels = chart.data.labels ?? [];\n            return labels.map((label, i) => {\n              const meta = chart.getDatasetMeta(0);\n              const style = meta.controller.getStyle(i, false);\n              return {\n                text: themeFormatter.data(dimension, label as string),\n                fillStyle: style.backgroundColor as string,\n                strokeStyle: style.borderColor as string,\n                lineWidth: style.borderWidth,\n                hidden: !chart.getDataVisibility(i),\n                index: i,\n              };\n            });\n          },\n        },\n      },\n      datalabels: {\n        formatter: (value: string | number, context) => {\n          if (measure.inputs?.showValueAsPercentage) {\n            return getDatalabelPercentage(Number(value), context.dataset.data, decimalPlaces);\n          }\n          return themeFormatter.data(measure, value);\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(getDimensionWithoutTruncation(dimension), label);\n          },\n          label(context) {\n            const raw = context.raw as number;\n            return `${themeFormatter.data(measure, raw)} (${getDatalabelPercentage(raw, context.dataset.data, decimalPlaces)})`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["createPieClickHandler","results","dimension","onClicked","elementAtEvent","element","dimensionValue","_b","_a","dimensionTimeRange","getTimeRangeFromDimensionValue","getPieChartProData","props","theme","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","backgroundColor","item","index","getDimensionMeasureColor","borderColor","themeFormatter","getThemeFormatter","value","formattedValue","getDimensionWithoutTruncation","i18n","getPieChartProOptions","measure","decimalPlaces","chart","label","i","style","context","getDatalabelPercentage","raw"],"mappings":"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"}