@embeddable.com/remarkable-ui 0.1.50 → 0.1.52

package/dist/bars.utils-cZSSvRai.js

@@ -1,311 +0,0 @@
-import { C as $, m as C, D as I, E as h, F as x, G as B, H as T, I as S, L as R, J as V, K as j, M as F, N, O as P, P as z, j as f, Q as M, R as _, S as H, T as L } from "./component.constants-D0ea4CW4.js";
-import { useRef as K } from "react";
-import { r as E, g as G } from "./charts.utils-LgE4AEAw.js";
-import { g as y } from "./formatter.utils-DBUd3PfE.js";
-import { g as w, a as p } from "./object.utils-D_Zzon-H.js";
-const J = (a) => {
-  var t;
-  return {
-    ...a,
-    datasets: (t = a.datasets) == null ? void 0 : t.map((n, s) => {
-      const e = h[s % h.length], r = {
-        ...n,
-        backgroundColor: e,
-        borderColor: e
-      };
-      return C(r, n);
-    })
-  };
-}, Q = (a, t) => t && a.datasetIndex === a.chart.data.datasets.length - 1 ? "auto" : !1, X = (a, t) => {
-  const { datasets: n } = t.chart.data, s = t.dataIndex, e = n.reduce((r, d) => {
-    const o = d.data[s];
-    return r + (o || 0);
-  }, 0);
-  return e > 0 ? e : "";
-}, Y = (a) => ({
-  indexAxis: "x",
-  layout: {
-    padding: {
-      top: (a.stacked ? a.showTotalLabels : a.showValueLabels) ? B : 0
-    }
-  },
-  plugins: {
-    datalabels: {
-      labels: {
-        total: {
-          align: (t) => t.dataset.data[t.dataIndex] >= 0 ? "top" : "left"
-        },
-        value: {
-          align: (t) => a.stacked ? "center" : t.dataset.data[t.dataIndex] >= 0 ? "top" : "bottom"
-        }
-      }
-    }
-  },
-  scales: {
-    x: {
-      grid: { display: !1 },
-      ticks: {
-        color: x("--em-chart-grid-font-color-default")
-      },
-      reverse: a.reverseXAxis
-    },
-    y: {
-      grid: { display: !0 },
-      ticks: {
-        color: x("--em-chart-grid-font-color-muted")
-      },
-      min: a.yAxisRangeMin,
-      max: a.yAxisRangeMax,
-      type: a.showLogarithmicScale ? "logarithmic" : "linear"
-    }
-  }
-}), q = (a) => ({
-  indexAxis: "y",
-  layout: {
-    padding: {
-      right: (a.stacked ? a.showTotalLabels : a.showValueLabels) ? B : 0
-    }
-  },
-  plugins: {
-    datalabels: {
-      labels: {
-        total: {
-          align: (t) => t.dataset.data[t.dataIndex] >= 0 ? "right" : "left"
-        },
-        value: {
-          align: (t) => a.stacked ? "center" : t.dataset.data[t.dataIndex] >= 0 ? "right" : "left"
-        }
-      }
-    }
-  },
-  scales: {
-    x: {
-      grid: { display: !0 },
-      ticks: {
-        color: x("--em-chart-grid-font-color-muted")
-      },
-      min: a.xAxisRangeMin,
-      max: a.xAxisRangeMax,
-      type: a.showLogarithmicScale ? "logarithmic" : "linear"
-    },
-    y: {
-      grid: { display: !1 },
-      ticks: {
-        color: x("--em-chart-grid-font-color-default")
-      },
-      reverse: a.reverseYAxis
-    }
-  }
-}), U = (a) => {
-  const t = {
-    elements: {
-      bar: {
-        borderRadius: $("--em-chart-style-border-radius-default")
-      }
-    },
-    plugins: {
-      legend: { display: a.showLegend },
-      tooltip: {
-        enabled: a.showTooltips
-      },
-      datalabels: {
-        display: (e) => a.showValueLabels && e.dataset.data[e.dataIndex] !== 0 ? "auto" : !1,
-        labels: {
-          total: {
-            display: (e) => Q(e, a.showTotalLabels),
-            formatter: X,
-            anchor: (e) => e.dataset.data[e.dataIndex] >= 0 ? "end" : "start"
-          },
-          value: {
-            anchor: (e) => a.stacked ? "center" : e.dataset.data[e.dataIndex] >= 0 ? "end" : "start"
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        stacked: !!a.stacked,
-        title: {
-          display: !!a.xAxisLabel,
-          text: a.xAxisLabel ?? ""
-        },
-        ticks: { display: !0 }
-      },
-      y: {
-        stacked: !!a.stacked,
-        title: {
-          display: !!a.yAxisLabel,
-          text: a.yAxisLabel ?? ""
-        },
-        ticks: { display: !0 }
-      }
-    }
-  }, s = (a.horizontal ? q : Y)(a);
-  return C(I, t, s);
-};
-T.register(
-  S,
-  R,
-  V,
-  j,
-  F,
-  N,
-  P,
-  z
-);
-const sa = ({ data: a, onSegmentClick: t, options: n = {}, ...s }) => {
-  const e = K(null), r = C(U(s), n), d = (o) => {
-    const l = H(o, e);
-    t == null || t(l);
-  };
-  return /* @__PURE__ */ f.jsx("div", { className: M.chartContainer, children: /* @__PURE__ */ f.jsx(
-    _,
-    {
-      ref: e,
-      data: J(a),
-      options: r,
-      onClick: d
-    }
-  ) });
-}, la = (a, t) => {
-  var g;
-  const n = y(t), { data: s = [], dimension: e, groupDimension: r, measure: d } = a, o = [...new Set(s.map((u) => u[e.name]).filter(Boolean))].sort(), l = `${r.name}${(g = r.inputs) != null && g.granularity ? `.${r.inputs.granularity}` : ""}`, i = [...new Set(s.map((u) => u[l]))].filter(Boolean), c = w(t), m = i.map((u, b) => {
-    const A = p(
-      `${c}.charts.backgroundColors`,
-      `${r.name}.${u}`,
-      t.charts.backgroundColors ?? h,
-      b
-    ), O = p(
-      `${c}.charts.borderColors`,
-      `${r.name}.${u}`,
-      t.charts.borderColors ?? h,
-      b
-    );
-    return {
-      label: n.data(r, u),
-      rawLabel: u,
-      backgroundColor: A,
-      borderColor: O,
-      data: o.map((D) => {
-        const k = s.find(
-          (v) => v[l] === u && v[e.name] === D
-        );
-        return k ? Number(k[d.name]) : 0;
-      })
-    };
-  });
-  return {
-    labels: o,
-    datasets: m
-  };
-}, oa = (a, t = E) => {
-  if (!a.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const n = y(t), s = w(t), e = G(a.data, a.dimension, a.measures, a.maxItems);
-  return {
-    labels: e.map((r) => r[a.dimension.name]),
-    datasets: a.measures.map((r, d) => {
-      const o = p(
-        `${s}.charts.backgroundColors`,
-        r.name,
-        t.charts.backgroundColors ?? L,
-        d
-      ), l = p(
-        `${s}.charts.borderColors`,
-        r.name,
-        t.charts.borderColors ?? L,
-        d
-      );
-      return {
-        label: n.dimensionOrMeasureTitle(r),
-        data: e.map((i) => i[r.name] ?? 0),
-        backgroundColor: o,
-        borderColor: l
-      };
-    })
-  };
-}, W = (a, t) => {
-  const { datasets: n } = a.chart.data, s = a.dataIndex, e = n.reduce((r, d) => {
-    const o = d.data[s];
-    return r + (o || 0);
-  }, 0);
-  return t(e);
-}, na = (a, t) => {
-  const { onBarClicked: n, measures: s, dimension: e, horizontal: r, data: d } = a, o = y(t);
-  return {
-    plugins: {
-      legend: { position: t.charts.legendPosition ?? "bottom" },
-      datalabels: {
-        labels: {
-          total: {
-            formatter: (l, i) => W(
-              i,
-              (c) => o.data(s[0], c)
-            )
-          },
-          value: {
-            formatter: (l, i) => {
-              const c = s[i.datasetIndex % s.length];
-              return o.data(c, l);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (l) => {
-            var c;
-            const i = (c = l[0]) == null ? void 0 : c.label;
-            return o.data(e, i);
-          },
-          label: (l) => {
-            const i = s[l.datasetIndex % s.length], c = l.raw;
-            return `${o.data(e, l.dataset.label) || ""}: ${o.data(i, c)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        ticks: {
-          callback: (l) => {
-            if (r)
-              return o.data(s[0], l);
-            if (!d || !d.labels) return;
-            const i = d.labels[Number(l)];
-            return o.data(e, i);
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (l) => {
-            if (!r)
-              return o.data(s[0], l);
-            if (!d || !d.labels) return;
-            const i = d.labels[Number(l)];
-            return o.data(e, i);
-          }
-        }
-      }
-    },
-    onClick: (l, i, c) => {
-      var b;
-      const m = i[0], g = m ? c.data.labels[m.index] : null, u = m ? (b = c.data.datasets[m.datasetIndex]) == null ? void 0 : b.rawLabel : null;
-      n({
-        axisDimensionValue: g,
-        groupingDimensionValue: u
-      });
-    }
-  };
-};
-export {
-  sa as B,
-  na as a,
-  la as b,
-  oa as g
-};
-//# sourceMappingURL=bars.utils-cZSSvRai.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bars.utils-cZSSvRai.js","sources":["../src/remarkable-ui/charts/bars/bars.utils.ts","../src/remarkable-ui/charts/bars/BarChart.tsx","../src/remarkable-pro/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { ChartData, ChartOptions } from 'chart.js';\nimport { chartContrastColors } from '../charts.constants';\nimport { getStyle, getStyleNumber } from '../../styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { BarChartConfigurationProps, BarChartHorizontalConfigurationProps } from './bars.types';\nimport { Context } from 'chartjs-plugin-datalabels';\nimport {\n  chartjsAxisOptions,\n  chartjsAxisOptionsLayoutPadding,\n} from '../chartjs.cartesian.constants';\n\nexport const getBarChartData = (data: ChartData<'bar'>): ChartData<'bar'> => {\n  return {\n    ...data,\n    datasets: data.datasets?.map((dataset, index) => {\n      const colors = chartContrastColors[index % chartContrastColors.length];\n      const defaultDataset = {\n        ...dataset,\n        backgroundColor: colors,\n        borderColor: colors,\n      };\n\n      return mergician(defaultDataset, dataset) as typeof dataset;\n    }),\n  };\n};\n\nconst getDatalabelTotalDisplay = (context: Context, showTotalLabels: boolean | undefined) =>\n  showTotalLabels && context.datasetIndex === context.chart.data.datasets.length - 1\n    ? 'auto'\n    : false;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getDatalabelTotalFormatter = (_value: any, context: Context) => {\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 total > 0 ? total : '';\n};\n\nconst getBarVerticalChartOptions = (\n  config: BarChartConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  return {\n    indexAxis: 'x',\n    layout: {\n      padding: {\n        top: (config.stacked ? config.showTotalLabels : config.showValueLabels)\n          ? chartjsAxisOptionsLayoutPadding\n          : 0,\n      },\n    },\n    plugins: {\n      datalabels: {\n        labels: {\n          total: {\n            align: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'top' : 'left';\n            },\n          },\n          value: {\n            align: (context) => {\n              if (config.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'top' : 'bottom';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        grid: { display: false },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-default'),\n        },\n        reverse: config.reverseXAxis,\n      },\n      y: {\n        grid: { display: true },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-muted'),\n        },\n        min: config.yAxisRangeMin,\n        max: config.yAxisRangeMax,\n        type: config.showLogarithmicScale ? 'logarithmic' : 'linear',\n      },\n    },\n  };\n};\n\nconst getBarHorizontalChartOptions = (\n  config: BarChartHorizontalConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  return {\n    indexAxis: 'y',\n    layout: {\n      padding: {\n        right: (config.stacked ? config.showTotalLabels : config.showValueLabels)\n          ? chartjsAxisOptionsLayoutPadding\n          : 0,\n      },\n    },\n    plugins: {\n      datalabels: {\n        labels: {\n          total: {\n            align: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'right' : 'left';\n            },\n          },\n          value: {\n            align: (context) => {\n              if (config.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'right' : 'left';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        grid: { display: true },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-muted'),\n        },\n        min: config.xAxisRangeMin,\n        max: config.xAxisRangeMax,\n        type: config.showLogarithmicScale ? 'logarithmic' : 'linear',\n      },\n      y: {\n        grid: { display: false },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-default'),\n        },\n        reverse: config.reverseYAxis,\n      },\n    },\n  };\n};\n\nexport const getBarChartOptions = (\n  options: BarChartConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  const baseBarChartOptions: Partial<ChartOptions<'bar'>> = {\n    elements: {\n      bar: {\n        borderRadius: getStyleNumber('--em-chart-style-border-radius-default'),\n      },\n    },\n    plugins: {\n      legend: { display: options.showLegend },\n      tooltip: {\n        enabled: options.showTooltips,\n      },\n      datalabels: {\n        display: (context) => {\n          return options.showValueLabels && context.dataset.data[context.dataIndex] !== 0\n            ? 'auto'\n            : false;\n        },\n        labels: {\n          total: {\n            display: (context) => getDatalabelTotalDisplay(context, options.showTotalLabels),\n            formatter: getDatalabelTotalFormatter,\n            anchor: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'end' : 'start';\n            },\n          },\n          value: {\n            anchor: (context) => {\n              if (options.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'end' : 'start';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        stacked: Boolean(options.stacked),\n        title: {\n          display: Boolean(options.xAxisLabel),\n          text: options.xAxisLabel ?? '',\n        },\n        ticks: { display: true },\n      },\n      y: {\n        stacked: Boolean(options.stacked),\n        title: {\n          display: Boolean(options.yAxisLabel),\n          text: options.yAxisLabel ?? '',\n        },\n        ticks: { display: true },\n      },\n    },\n  };\n\n  const getVerticalHorizontalOptions = options.horizontal\n    ? getBarHorizontalChartOptions\n    : getBarVerticalChartOptions;\n\n  const verticalHorizontalOptions = getVerticalHorizontalOptions(options);\n\n  return mergician(chartjsAxisOptions, baseBarChartOptions, verticalHorizontalOptions);\n};\n","import { FC, useRef } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport {\n  Chart as ChartJS,\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  Title,\n  Tooltip,\n  Legend,\n  LogarithmicScale,\n} from 'chart.js';\nimport { BaseBarChartProps } from './bars.types';\nimport { getSegmentIndexClicked } from '../chartjs.utils';\nimport { getBarChartData, getBarChartOptions } from './bars.utils';\nimport styles from '../charts.module.css';\nimport { mergician } from 'mergician';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\n\nChartJS.register(\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  LogarithmicScale,\n  Title,\n  Tooltip,\n  Legend,\n  ChartDataLabels,\n);\n\nexport type BarChartProps = BaseBarChartProps;\n\nexport const BarChart: FC<BarChartProps> = ({ data, onSegmentClick, options = {}, ...props }) => {\n  const chartRef = useRef(null);\n\n  const barChartOptions = mergician(getBarChartOptions(props), options);\n\n  const handleSegmentClick = (event: React.MouseEvent<HTMLCanvasElement>) => {\n    const indexClicked = getSegmentIndexClicked(event, chartRef);\n    onSegmentClick?.(indexClicked);\n  };\n\n  return (\n    <div className={styles.chartContainer}>\n      <Bar\n        ref={chartRef}\n        data={getBarChartData(data)}\n        options={barChartOptions}\n        onClick={handleSegmentClick}\n      />\n    </div>\n  );\n};\n","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 { chartColors } from '../../../../remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { chartContrastColors } from '../../../../remarkable-ui/charts/charts.constants';\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(Boolean))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter(Boolean);\n\n  const themeKey = getObjectStableKey(theme);\n\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\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":["getBarChartData","data","_a","dataset","index","colors","chartContrastColors","defaultDataset","mergician","getDatalabelTotalDisplay","context","showTotalLabels","getDatalabelTotalFormatter","_value","datasets","i","total","sum","ds","val","getBarVerticalChartOptions","config","chartjsAxisOptionsLayoutPadding","getStyle","getBarHorizontalChartOptions","getBarChartOptions","options","baseBarChartOptions","getStyleNumber","verticalHorizontalOptions","chartjsAxisOptions","ChartJS","CategoryScale","LinearScale","BarElement","LogarithmicScale","Title","Tooltip","Legend","ChartDataLabels","BarChart","onSegmentClick","props","chartRef","useRef","barChartOptions","handleSegmentClick","event","indexClicked","getSegmentIndexClicked","jsx","styles","Bar","getBarStackedChartProData","theme","themeFormatter","getThemeFormatter","dimension","groupDimension","measure","axis","d","groupDimensionName","groupBy","themeKey","getObjectStableKey","groupByItem","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","item","chartColors","getBarChartProDatalabelTotalFormatter","formatter","getBarChartProOptions","onBarClicked","measures","horizontal","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}