@embeddable.com/remarkable-pro 0.3.3 → 0.3.5

package/dist/definition-uQa3OXxU.js

@@ -1,202 +0,0 @@
-import { a7 as p, H as E, a2 as V, a8 as k } from "./index-DcPl9DUc.js";
-import { useTheme as N, definePreview as I } from "@embeddable.com/react";
-import { i as U, r as q } from "./component.utils-oQMZT7TK.js";
-import { C as J } from "./ChartCard-HpSv5cY6.js";
-import { b as g } from "./formatter.utils-CueRuFiK.js";
-import { u as h } from "./charts.fillGaps.hooks-CvS5tfFP.js";
-import { u as K } from "./tables.hooks-fVC_4V5K.js";
-import { i as o } from "./component.inputs.constants-DYl-U975.js";
-import { p as i } from "./preview.data.constants-B8B82ITM.js";
-import { g as L } from "./clientContext.utils-DpB5KsfX.js";
-const f = (e, t) => {
-  const n = g(t);
-  return {
-    key: e.measure.name,
-    label: n.dimensionOrMeasureTitle(e.measure),
-    format: (s) => n.data(e.measure, s)
-  };
-}, u = (e, t) => {
-  const n = g(t);
-  return {
-    key: e.dimension.name,
-    label: n.dimensionOrMeasureTitle(e.dimension),
-    format: (s) => n.data(e.dimension, s)
-  };
-}, d = (e) => {
-  var c;
-  const t = N();
-  U(t);
-  const { title: n, description: s, tooltip: C } = q(e), {
-    hideMenu: M,
-    measure: m,
-    rowDimension: a,
-    columnDimension: r,
-    maxColor: y,
-    midColor: S,
-    minColor: v,
-    displayNullAs: x,
-    columnWidth: T,
-    firstColumnWidth: R,
-    showValues: F,
-    minThreshold: H,
-    maxThreshold: A
-  } = e, O = Array.from(
-    new Set((e.results.data ?? []).filter(Boolean).map((l) => l[r.name]))
-  ), P = Array.from(
-    new Set((e.results.data ?? []).filter(Boolean).map((l) => l[a.name]))
-  ), W = h({
-    results: e.results,
-    dimension: r
-  }), j = h({
-    results: W,
-    dimension: a
-  }), G = K({
-    results: j,
-    columnOrder: O,
-    rowOrder: P,
-    columnDimension: r,
-    rowDimension: a,
-    measures: [m]
-  }), _ = f({ measure: m }, t), z = u({ dimension: a }, t), B = u({ dimension: r }, t);
-  return /* @__PURE__ */ p.jsx(
-    J,
-    {
-      title: n,
-      description: s,
-      tooltip: C,
-      data: e.results,
-      dimensionsAndMeasures: [a, r, m],
-      errorMessage: (c = e.results) == null ? void 0 : c.error,
-      hideMenu: M,
-      children: /* @__PURE__ */ p.jsx(
-        E,
-        {
-          data: G,
-          measure: _,
-          rowDimension: z,
-          columnDimension: B,
-          maxColor: y,
-          midColor: S ?? V("--em-tablechart-heatmap-color", "#FF5400"),
-          minColor: v,
-          showValues: F,
-          minThreshold: H,
-          maxThreshold: A,
-          columnWidth: T,
-          firstColumnWidth: R,
-          displayNullAs: x
-        }
-      )
-    }
-  );
-}, me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: d,
-  getHeatDimension: u,
-  getHeatMeasure: f
-}, Symbol.toStringTag, { value: "Module" })), Q = {
-  name: "HeatMapPro",
-  label: "Heat Map",
-  description: "Heat map of one measure over two dimensions (rows × columns). Use to spot density or correlation patterns.",
-  category: "Table Charts",
-  inputs: [
-    o.dataset,
-    o.measure,
-    {
-      ...o.dimensionWithDateBounds,
-      label: "Row dimension",
-      name: "rowDimension"
-    },
-    {
-      ...o.dimensionWithDateBounds,
-      label: "Column dimension",
-      name: "columnDimension"
-    },
-    o.title,
-    o.description,
-    o.tooltip,
-    o.displayNullAs,
-    {
-      ...o.color,
-      name: "midColor",
-      label: "Mid-point color (optional)"
-    },
-    {
-      ...o.color,
-      name: "maxColor",
-      label: "Max-point color (optional)"
-    },
-    {
-      ...o.color,
-      name: "minColor",
-      label: "Min-point color (optional)"
-    },
-    {
-      ...o.string,
-      name: "minThreshold",
-      label: "Max-point range lower limit",
-      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)",
-      category: "Component Settings"
-    },
-    {
-      ...o.string,
-      name: "maxThreshold",
-      label: "Min-point range upper limit",
-      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)",
-      category: "Component Settings"
-    },
-    {
-      ...o.boolean,
-      name: "showValues",
-      label: "Show values",
-      defaultValue: !0,
-      category: "Component Settings"
-    },
-    {
-      ...o.number,
-      name: "firstColumnWidth",
-      label: "First column width",
-      description: "Set the width in px (e.g. 200)",
-      category: "Component Settings"
-    },
-    {
-      ...o.number,
-      name: "columnWidth",
-      label: "Column width",
-      description: "Set the width in px (e.g. 200)",
-      category: "Component Settings"
-    },
-    o.maxResults
-  ]
-}, w = {
-  rowDimension: i.dimension,
-  columnDimension: i.dimensionGroup,
-  measure: i.measure,
-  results: i.results1Measure2Dimensions,
-  hideMenu: !0
-}, X = I(d, w), b = (e, t) => ({
-  from: e.dataset,
-  select: [e.rowDimension, e.columnDimension, e.measure],
-  limit: e.maxResults,
-  countRows: !0,
-  timezone: L(t == null ? void 0 : t.timezone)
-}), D = (e, t) => k(b(e, t)), Y = (e, t, n) => ({
-  ...e,
-  results: D(e, n)
-}), le = {
-  Component: d,
-  meta: Q,
-  preview: X,
-  previewConfig: w,
-  config: {
-    props: Y
-  },
-  results: {
-    loadDataArgs: b,
-    loadData: D
-  }
-};
-export {
-  le as h,
-  me as i
-};
-//# sourceMappingURL=definition-uQa3OXxU.js.map

package/dist/definition-uQa3OXxU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-uQa3OXxU.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n  getStyle,\n  HeatMap,\n  HeatMapPropsDimension,\n  HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\nexport type HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor?: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor?: string;\n  minColor?: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\n  } = props;\n\n  const columnOrder = 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 = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures: [measure],\n  });\n\n  const pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      title={title}\n      description={description}\n      tooltip={tooltip}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={props.results?.error}\n      hideMenu={hideMenu}\n    >\n      <HeatMap\n        data={results}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  description:\n    'Heat map of one measure over two dimensions (rows × columns). Use to spot density or correlation patterns.',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.color,\n      name: 'midColor',\n      label: 'Mid-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'maxColor',\n      label: 'Max-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'minColor',\n      label: 'Min-point color (optional)',\n    },\n    {\n      ...inputs.string,\n      name: 'minThreshold',\n      label: 'Max-point range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.string,\n      name: 'maxThreshold',\n      label: 'Min-point range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showValues',\n      label: 'Show values',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n  limit: inputs.maxResults,\n  countRows: true,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  _state: unknown,\n  clientContext?: ThemeClientContext,\n) => ({\n  ...inputs,\n  results: loadDataResults(inputs, clientContext),\n});\n\nexport const heatMapPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","hideMenu","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","_state","heatMapPro"],"mappings":"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"}

package/dist/pies.utils-Rkvaq5Sj.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"pies.utils-Rkvaq5Sj.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\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);\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)})`;\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","chart","label","i","style","context","getDatalabelPercentage","raw"],"mappings":"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"}