@embeddable.com/remarkable-ui 0.0.16 → 0.1.0

package/dist/pies.utils-BG8YWiN4.js

@@ -1,74 +0,0 @@
-import { r as c, g, a as m } from "./styles.utils-Btgv7ppJ.js";
-import { g as u } from "./formatter.utils-rh4NsBc4.js";
-import { B as i, N as b } from "./component.constants-DKWzvCnZ.js";
-import "react";
-const k = (a, o = c) => {
-  const s = u(o);
-  if (!a.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const t = g(
-    a.data,
-    a.dimension,
-    [a.measure],
-    a.maxLegendItems
-  ), n = t.map(
-    (e, r) => m(
-      `${o.id}.charts.backgroundColors`,
-      `${a.dimension.name}.${e[a.dimension.name]}`,
-      o.charts.backgroundColors ?? i,
-      r
-    )
-  ), l = t.map(
-    (e, r) => m(
-      `${o.id}.charts.borderColors`,
-      `${a.dimension.name}.${e[a.dimension.name]}`,
-      o.charts.borderColors ?? i,
-      r
-    )
-  );
-  return {
-    labels: t.map((e) => {
-      const r = e[a.dimension.name], d = s.data(a.dimension, r);
-      return r === d ? b.t(r) : d;
-    }),
-    datasets: [
-      {
-        data: t.map((e) => e[a.measure.name]),
-        backgroundColor: n,
-        borderColor: l
-      }
-    ]
-  };
-}, w = (a, o = c) => {
-  const s = u(o);
-  return {
-    plugins: {
-      legend: { display: a.showLegend, position: o.charts.legendPosition ?? "bottom" },
-      datalabels: {
-        display: a.showValueLabels ? "auto" : !1,
-        formatter: (t) => s.data(a.measure, t)
-      },
-      tooltip: {
-        enabled: a.showTooltips,
-        callbacks: {
-          label(t) {
-            const n = t.raw, l = t.dataset.data.reduce(
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              (r, d) => r + parseFloat(d),
-              0
-            ), e = Math.round(n / l * 100);
-            return `${s.data(a.measure, n)} (${e}%)`;
-          }
-        }
-      }
-    }
-  };
-};
-export {
-  w as a,
-  k as g
-};
-//# sourceMappingURL=pies.utils-BG8YWiN4.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pies.utils-BG8YWiN4.js","sources":["../src/remarkable-pro/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors } from '../../../../remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\n\nexport const getPieChartData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  const themeFormatter = getThemeFormatter(theme);\n\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 backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${theme.id}.charts.backgroundColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.backgroundColors ?? chartColors,\n      i,\n    ),\n  );\n\n  const borderColor = groupedData.map((item, i) =>\n    getColor(\n      `${theme.id}.charts.borderColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.borderColors ?? chartColors,\n      i,\n    ),\n  );\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(props.dimension, value);\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 type DefaultPieChartOptions = {\n  measure: Measure;\n  showTooltips: boolean;\n  showLegend: boolean;\n  showValueLabels: boolean;\n};\n\nexport const getDefaultPieChartOptions = (\n  options: DefaultPieChartOptions,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { display: options.showLegend, position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        display: options.showValueLabels ? 'auto' : false,\n        formatter: (value: string | number) => themeFormatter.data(options.measure, value),\n      },\n      tooltip: {\n        enabled: options.showTooltips,\n        callbacks: {\n          label(context) {\n            const raw = context.raw as number;\n            const total = context.dataset.data.reduce(\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              (sum: number, v: any) => sum + parseFloat(v),\n              0,\n            );\n            const pct = Math.round((raw / total) * 100);\n            return `${themeFormatter.data(options.measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","backgroundColor","item","i","getColor","chartColors","borderColor","value","formattedValue","i18n","getDefaultPieChartOptions","options","context","raw","total","sum","v","pct"],"mappings":";;;;AAUO,MAAMA,IAAkB,CAC7BC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAkBF,EAAY;AAAA,IAAI,CAACG,GAAMC,MAC7CC;AAAA,MACE,GAAGT,EAAM,EAAE;AAAA,MACX,GAAGD,EAAM,UAAU,IAAI,IAAIQ,EAAKR,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBU;AAAA,MACjCF;AAAA,IAAA;AAAA,EACF,GAGIG,IAAcP,EAAY;AAAA,IAAI,CAACG,GAAMC,MACzCC;AAAA,MACE,GAAGT,EAAM,EAAE;AAAA,MACX,GAAGD,EAAM,UAAU,IAAI,IAAIQ,EAAKR,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBU;AAAA,MAC7BF;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQJ,EAAY,IAAI,CAACG,MAAS;AAChC,YAAMK,IAAQL,EAAKR,EAAM,UAAU,IAAI,GACjCc,IAAiBX,EAAe,KAAKH,EAAM,WAAWa,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMT,EAAY,IAAI,CAACG,MAASA,EAAKR,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAO;AAAA,QACA,aAAAK;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GASaI,IAA4B,CACvCC,GACAhB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,SAASgB,EAAQ,YAAY,UAAUhB,EAAM,OAAO,kBAAkB,SAAA;AAAA,MAChF,YAAY;AAAA,QACV,SAASgB,EAAQ,kBAAkB,SAAS;AAAA,QAC5C,WAAW,CAACJ,MAA2BV,EAAe,KAAKc,EAAQ,SAASJ,CAAK;AAAA,MAAA;AAAA,MAEnF,SAAS;AAAA,QACP,SAASI,EAAQ;AAAA,QACjB,WAAW;AAAA,UACT,MAAMC,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGjB,EAAe,KAAKc,EAAQ,SAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UAC7D;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}