@embeddable.com/remarkable-ui 1.0.1 → 1.0.2

package/dist/{index-CGRZXASn.js → index-B_mqJfRw.js}

@@ -1,7 +1,7 @@
 import { i as x, r as S, m as b, j as m, am as v } from "./component.constants-CYS5-3qd.js";
 import { useTheme as _ } from "@embeddable.com/react";
 import "react";
-import { g as k, a as w } from "./pies.utils-BvSC2qnJ.js";
+import { g as k, a as w } from "./pies.utils-DoDczq1K.js";
 import { C as L } from "./ChartCard-CyemTSay.js";
 const M = (d) => {
   var a;
@@ -14,11 +14,14 @@ const M = (d) => {
     measure: s,
     results: t,
     showLegend: c,
-    showTooltips: u,
-    showValueLabels: h,
+    showTooltips: h,
+    showValueLabels: u,
     title: g,
     onSegmentClick: C
-  } = S(d), P = k({ data: t.data, dimension: o, measure: s, maxLegendItems: p }, e), f = b(
+  } = S(d), P = k(
+    { data: t.data, dimension: o, measure: s, maxLegendItems: p },
+    e
+  ), f = b(
     w(s, e),
     ((a = e.charts.pieChartPro) == null ? void 0 : a.options) ?? {}
   ), j = (r) => {
@@ -41,19 +44,19 @@ const M = (d) => {
           data: P,
           options: f,
           showLegend: c,
-          showTooltips: u,
-          showValueLabels: h,
+          showTooltips: h,
+          showValueLabels: u,
           onSegmentClick: j
         }
       )
     }
   );
-}, V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: M
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   M as P,
-  V as i
+  z as i
 };
-//# sourceMappingURL=index-CGRZXASn.js.map
+//# sourceMappingURL=index-B_mqJfRw.js.map

package/dist/index-B_mqJfRw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B_mqJfRw.js","sources":["../src/remarkable-pro/components/charts/pies/PieChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '../../../../../remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.pieChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <PieChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PieChartPro;\n"],"names":["PieChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","PieChart"],"mappings":";;;;;AAYA,MAAMA,IAAc,CAACC,MAA4B;;AAC/C,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,IAAOC;AAAA,IACX,EAAE,MAAMR,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CL;AAAA,EAAA,GAGIgB,IAAUC;AAAA,IACdC,EAAsBZ,GAASN,CAAK;AAAA,MACpCmB,IAAAnB,EAAM,OAAO,gBAAb,gBAAAmB,EAA0B,YAAW,CAAA;AAAA,EAAC,GAGlCC,IAAqB,CAACC,MAA8B;;AACxD,IAAAT,EAAe;AAAA,MACb,gBAAgBS,MAAU,WAAwBC,KAAAH,IAAAZ,EAAQ,SAAR,gBAAAY,EAAeE,OAAf,OAAZ,SAAYC,EAAwBlB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEmB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMjB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAY,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,YAAAR;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBU;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}

package/dist/{index-CwCkuHzT.js → index-CrDfwceI.js}

@@ -1,12 +1,12 @@
-import { i as P, r as S, m as b, j as m, al as D } from "./component.constants-CYS5-3qd.js";
-import { useTheme as v } from "@embeddable.com/react";
-import { g as _, a as k } from "./pies.utils-BvSC2qnJ.js";
+import { i as x, r as S, m as b, j as m, al as v } from "./component.constants-CYS5-3qd.js";
+import { useTheme as D } from "@embeddable.com/react";
+import { g as _, a as k } from "./pies.utils-DoDczq1K.js";
 import { C as w } from "./ChartCard-CyemTSay.js";
 import "react";
 const L = (d) => {
   var a;
-  const e = v();
-  P(e);
+  const e = D();
+  x(e);
   const {
     description: l,
     dimension: o,
@@ -18,10 +18,13 @@ const L = (d) => {
     showValueLabels: h,
     title: g,
     onSegmentClick: C
-  } = S(d), f = _({ data: t.data, dimension: o, measure: s, maxLegendItems: u }, e), j = b(
+  } = S(d), P = _(
+    { data: t.data, dimension: o, measure: s, maxLegendItems: u },
+    e
+  ), f = b(
     k(s, e),
     ((a = e.charts.donutChartPro) == null ? void 0 : a.options) ?? {}
-  ), x = (r) => {
+  ), j = (r) => {
     var n, i;
     C({
       dimensionValue: r === void 0 || (i = (n = t.data) == null ? void 0 : n[r]) == null ? void 0 : i[o.name]
@@ -36,14 +39,14 @@ const L = (d) => {
       subtitle: l,
       title: g,
       children: /* @__PURE__ */ m.jsx(
-        D,
+        v,
         {
-          data: f,
-          options: j,
+          data: P,
+          options: f,
           showLegend: c,
           showTooltips: p,
           showValueLabels: h,
-          onSegmentClick: x
+          onSegmentClick: j
         }
       )
     }
@@ -56,4 +59,4 @@ export {
   L as D,
   V as i
 };
-//# sourceMappingURL=index-CwCkuHzT.js.map
+//# sourceMappingURL=index-CrDfwceI.js.map

package/dist/index-CrDfwceI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CrDfwceI.js","sources":["../src/remarkable-pro/components/charts/pies/DonutChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '../../../../../remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype DonutChartProProps = DefaultPieChartProps;\n\nconst DonutChartPro = (props: DonutChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <DonutChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n"],"names":["DonutChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","DonutChart"],"mappings":";;;;;AAYA,MAAMA,IAAgB,CAACC,MAA8B;;AACnD,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,IAAOC;AAAA,IACX,EAAE,MAAMR,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CL;AAAA,EAAA,GAGIgB,IAAUC;AAAA,IACdC,EAAsBZ,GAASN,CAAK;AAAA,MACpCmB,IAAAnB,EAAM,OAAO,kBAAb,gBAAAmB,EAA4B,YAAW,CAAA;AAAA,EAAC,GAGpCC,IAAqB,CAACC,MAA8B;;AACxD,IAAAT,EAAe;AAAA,MACb,gBAAgBS,MAAU,WAAwBC,KAAAH,IAAAZ,EAAQ,SAAR,gBAAAY,EAAeE,OAAf,OAAZ,SAAYC,EAAwBlB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEmB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMjB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAY,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,YAAAR;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBU;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}

package/dist/{index-DfsOzpdV.js → index-MerCnebu.js}

@@ -1,6 +1,6 @@
-import { i as M, r as _, m as k, j as c, al as w } from "./component.constants-CYS5-3qd.js";
+import { i as M, r as _, m as k, j as u, al as w } from "./component.constants-CYS5-3qd.js";
 import { useTheme as O } from "@embeddable.com/react";
-import { g as y, a as F } from "./pies.utils-BvSC2qnJ.js";
+import { g as y, a as F } from "./pies.utils-DoDczq1K.js";
 import { g as V } from "./formatter.utils-CaFr8SlX.js";
 import { C as z } from "./ChartCard-CyemTSay.js";
 import "react";
@@ -10,49 +10,52 @@ const A = (p) => {
   M(e);
   const {
     description: g,
-    dimension: a,
+    dimension: o,
     maxLegendItems: C,
-    measure: o,
+    measure: a,
     results: t,
     showLegend: b,
     showTooltips: f,
-    showValueLabels: x,
-    title: j,
+    showValueLabels: P,
+    title: x,
     innerLabelMeasure: s,
     resultsInnerLabel: r,
-    innerLabelText: L,
-    onSegmentClick: P
-  } = _(p), S = y({ data: t.data, dimension: a, measure: o, maxLegendItems: C }, e), D = (l) => {
-    var d, u;
-    P({
-      dimensionValue: l === void 0 || (u = (d = t.data) == null ? void 0 : d[l]) == null ? void 0 : u[a.name]
+    innerLabelText: j,
+    onSegmentClick: L
+  } = _(p), S = y(
+    { data: t.data, dimension: o, measure: a, maxLegendItems: C },
+    e
+  ), T = (l) => {
+    var d, c;
+    L({
+      dimensionValue: l === void 0 || (c = (d = t.data) == null ? void 0 : d[l]) == null ? void 0 : c[o.name]
     });
-  }, T = h.data(
+  }, v = h.data(
     s,
     (i = (n = r == null ? void 0 : r.data) == null ? void 0 : n[0]) == null ? void 0 : i[s.name]
-  ), v = k(
-    F(o, e),
+  ), D = k(
+    F(a, e),
     ((m = e.charts.donutLabelChartPro) == null ? void 0 : m.options) ?? {}
   );
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ u.jsx(
     z,
     {
       data: t,
-      dimensionsAndMeasures: [a, o],
+      dimensionsAndMeasures: [o, a],
       errorMessage: t.error,
       subtitle: g,
-      title: j,
-      children: /* @__PURE__ */ c.jsx(
+      title: x,
+      children: /* @__PURE__ */ u.jsx(
         w,
         {
-          label: T,
-          subLabel: L,
+          label: v,
+          subLabel: j,
           data: S,
-          options: v,
+          options: D,
           showLegend: b,
           showTooltips: f,
-          showValueLabels: x,
-          onSegmentClick: D
+          showValueLabels: P,
+          onSegmentClick: T
         }
       )
     }
@@ -65,4 +68,4 @@ export {
   A as D,
   H as i
 };
-//# sourceMappingURL=index-DfsOzpdV.js.map
+//# sourceMappingURL=index-MerCnebu.js.map

package/dist/index-MerCnebu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-MerCnebu.js","sources":["../src/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '../../../../../remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype DonutLabelChartProProps = DefaultPieChartProps & {\n  innerLabelMeasure: Measure;\n  innerLabelText: string;\n  resultsInnerLabel: DataResponse;\n};\n\nconst DonutChartPro = (props: DonutLabelChartProProps) => {\n  const theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    innerLabelMeasure,\n    resultsInnerLabel,\n    innerLabelText,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  const label = themeFormatter.data(\n    innerLabelMeasure,\n    resultsInnerLabel?.data?.[0]?.[innerLabelMeasure.name],\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.donutLabelChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <DonutChart\n        label={label}\n        subLabel={innerLabelText}\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n"],"names":["DonutChartPro","props","theme","useTheme","themeFormatter","getThemeFormatter","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","innerLabelMeasure","resultsInnerLabel","innerLabelText","onSegmentClick","resolveI18nProps","data","getPieChartProData","handleSegmentClick","index","_b","_a","label","options","mergician","getPieChartProOptions","_c","jsx","ChartCard","DonutChart"],"mappings":";;;;;;AAkBA,MAAMA,IAAgB,CAACC,MAAmC;;AACxD,QAAMC,IAAQC,EAAA,GACRC,IAAiBC,EAAkBH,CAAK;AAC9C,EAAAI,EAAUJ,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAK;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpBoB,IAAOC;AAAA,IACX,EAAE,MAAMX,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CP;AAAA,EAAA,GAGIqB,IAAqB,CAACC,MAA8B;;AACxD,IAAAL,EAAe;AAAA,MACb,gBAAgBK,MAAU,WAAwBC,KAAAC,IAAAf,EAAQ,SAAR,gBAAAe,EAAeF,OAAf,OAAZ,SAAYC,EAAwBjB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH,GAEMmB,IAAQvB,EAAe;AAAA,IAC3BY;AAAA,KACAS,KAAAC,IAAAT,KAAA,gBAAAA,EAAmB,SAAnB,gBAAAS,EAA0B,OAA1B,gBAAAD,EAA+BT,EAAkB;AAAA,EAAI,GAGjDY,IAAUC;AAAA,IACdC,EAAsBpB,GAASR,CAAK;AAAA,MACpC6B,IAAA7B,EAAM,OAAO,uBAAb,gBAAA6B,EAAiC,YAAW,CAAA;AAAA,EAAC;AAG/C,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMtB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAP;AAAA,UACA,UAAUT;AAAA,UACV,MAAAG;AAAA,UACA,SAAAO;AAAA,UACA,YAAAhB;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBS;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}

package/dist/index.js

@@ -1,27 +1,28 @@
 import { C as M, S as O } from "./ChartCard-CyemTSay.js";
 import { j as a, a2 as n } from "./component.constants-CYS5-3qd.js";
-import { a7 as G, B as H, a3 as $, a4 as E, a6 as K, a5 as q, al as W, a8 as z, aa as V, ab as X, N as Y, ag as J, am as Q, ad as U, ae as Z, ac as aa, a9 as sa, U as ea, W as ta, ar as ra, af as oa, D as ia, E as na, L as la, M as ca, d as ua, c as ma, z as pa, aE as ha, $ as da, G as ba, b as xa, aD as ga, Y as ya, aF as _a, I as Ca, J as wa, R as fa, H as Sa, ah as Ta, ai as ka, ap as Ia, aj as Pa, ak as Aa, an as ja, ao as va, aq as Da, K as La, X as Fa, F as Ba, i as Na, S as Ma, Q as Oa, A as Ra, w as Ga, a as Ha, a1 as $a, r as Ea, p as Ka, h as qa, s as Wa, g as za, e as Va, aG as Xa, C as Ya, f as Ja, az as Qa, _ as Ua, O as Za, ay as as, aA as ss, ax as es, au as ts, T as rs, av as os, aB as is, aw as ns, as as ls, at as cs, Z as us, aC as ms, t as ps, x as hs, v as ds, l as bs, k as xs, y as gs, n as ys, u as _s, q as Cs } from "./component.constants-CYS5-3qd.js";
+import { a7 as G, B as H, a3 as $, a4 as E, a6 as K, a5 as q, al as W, a8 as z, aa as V, ab as X, N as Y, ag as J, am as Q, ad as U, ae as Z, ac as aa, a9 as sa, U as ea, W as ta, ar as ra, af as oa, D as ia, E as na, L as la, M as ca, d as ua, c as ma, z as pa, aE as ha, $ as da, G as ba, b as xa, aD as ga, Y as ya, aF as Ca, I as _a, J as wa, R as fa, H as Sa, ah as Ta, ai as ka, ap as Ia, aj as Pa, ak as Aa, an as Da, ao as ja, aq as va, K as La, X as Fa, F as Ba, i as Na, S as Ma, Q as Oa, A as Ra, w as Ga, a as Ha, a1 as $a, r as Ea, p as Ka, h as qa, s as Wa, g as za, e as Va, aG as Xa, C as Ya, f as Ja, az as Qa, _ as Ua, O as Za, ay as as, aA as ss, ax as es, au as ts, T as rs, av as os, aB as is, aw as ns, as as ls, at as cs, Z as us, aC as ms, t as ps, x as hs, v as ds, l as bs, k as xs, y as gs, n as ys, u as Cs, q as _s } from "./component.constants-CYS5-3qd.js";
 import { B as fs, b as Ss, i as Ts } from "./index-B7QvKSGz.js";
 import { S as Is } from "./SingleSelectField-CSJOpQeh.js";
-import { E as As, S as js } from "./EditorCard-BICCSvPo.js";
-import { K as Ds } from "./KpiChart-BxmGCIn5.js";
+import { E as As, S as Ds } from "./EditorCard-BICCSvPo.js";
+import { K as vs } from "./KpiChart-BxmGCIn5.js";
 import { P as Fs } from "./PivotTable-DrN-dl-H.js";
 import { H as Ns } from "./HeatMap-BueWUQTI.js";
 import { a as Os, u as Rs } from "./useDebounce.hook-DxiPFcz9.js";
 import { r as Hs, s as $s } from "./charts.utils-eHB_o46Z.js";
 import { g as Ks } from "./object.utils-D_Zzon-H.js";
 import { g as Ws } from "./formatter.utils-CaFr8SlX.js";
-import { i as Vs } from "./index-CGRZXASn.js";
-import { i as Ys } from "./index-CwCkuHzT.js";
-import { i as Qs } from "./index-DfsOzpdV.js";
-import { i as Zs } from "./index-BYxqGfuR.js";
-import { i as se } from "./index-b_iMiCHA.js";
-import { C as te } from "./ComparisonPeriod.type.emb-i3iGuRJI.js";
-import { i as oe, s as ie } from "./color.utils-CVyp-fGP.js";
+import { i as Vs } from "./index-B_mqJfRw.js";
+import { i as Ys } from "./index-CrDfwceI.js";
+import { i as Qs } from "./index-MerCnebu.js";
+import { g as Zs, a as ae } from "./pies.utils-DoDczq1K.js";
+import { i as ee } from "./index-BYxqGfuR.js";
+import { i as re } from "./index-b_iMiCHA.js";
+import { C as ie } from "./ComparisonPeriod.type.emb-i3iGuRJI.js";
+import { i as le, s as ce } from "./color.utils-CVyp-fGP.js";
 const p = "_typography_g1one_1", h = {
   typography: p
 };
-function j({
+function D({
   children: s,
   as: e = "p",
   className: t,
@@ -36,7 +37,7 @@ const d = "_buttonIcon_17kgb_1", b = "_small_17kgb_11", x = "_medium_17kgb_18",
   medium: x,
   primary: g,
   secondary: y
-}, v = ({
+}, j = ({
   icon: s,
   size: e = "medium",
   variant: t = "primary",
@@ -49,15 +50,15 @@ const d = "_buttonIcon_17kgb_1", b = "_small_17kgb_11", x = "_medium_17kgb_18",
     ...r,
     children: /* @__PURE__ */ a.jsx(s, {})
   }
-), _ = "_ghostButton_118d3_1", C = {
-  ghostButton: _
-}, D = ({
+), C = "_ghostButton_118d3_1", _ = {
+  ghostButton: C
+}, v = ({
   startIcon: s,
   endIcon: e,
   children: t,
   className: o,
   ...r
-}) => /* @__PURE__ */ a.jsxs("button", { className: n(C.ghostButton, o), ...r, children: [
+}) => /* @__PURE__ */ a.jsxs("button", { className: n(_.ghostButton, o), ...r, children: [
   s && /* @__PURE__ */ a.jsx(s, {}),
   /* @__PURE__ */ a.jsx("span", { children: t }),
   e && /* @__PURE__ */ a.jsx(e, {})
@@ -116,14 +117,14 @@ export {
   G as ActionIcon,
   H as BarChart,
   fs as Button,
-  v as ButtonIcon,
+  j as ButtonIcon,
   $ as Card,
   E as CardContent,
   K as CardFeedback,
   q as CardHeader,
   M as ChartCard,
-  te as ComparisonPeriodType,
-  se as DateRangeSelectFieldPro,
+  ie as ComparisonPeriodType,
+  re as DateRangeSelectFieldPro,
   W as DonutChart,
   Ys as DonutChartPro,
   Qs as DonutLabelChartPro,
@@ -131,9 +132,9 @@ export {
   As as EditorCard,
   V as FieldFeedback,
   X as FieldHeader,
-  D as GhostButton,
+  v as GhostButton,
   Ns as HeatMap,
-  Ds as KpiChart,
+  vs as KpiChart,
   Y as LineChart,
   Ss as MultiSelectField,
   Ts as MultiSelectFieldPro,
@@ -142,20 +143,20 @@ export {
   Q as PieChart,
   Vs as PieChartPro,
   Fs as PivotTable,
-  js as SelectFieldCategory,
+  Ds as SelectFieldCategory,
   U as SelectFieldContent,
   Z as SelectFieldContentList,
   aa as SelectFieldTrigger,
   sa as SelectListOption,
   Is as SingleSelectField,
-  Zs as SingleSelectFieldPro,
+  ee as SingleSelectFieldPro,
   O as Skeleton,
   F as Switch,
   ea as TableHeaderAlign,
   ta as TablePaginated,
   ra as TableSortDirection,
   oa as TextField,
-  j as Typography,
+  D as Typography,
   ia as chartColors,
   na as chartContrastColors,
   la as chartjsAxisOptionsScalesTicksDefault,
@@ -169,8 +170,8 @@ export {
   xa as dimensionWithDateBounds,
   ga as dimensions,
   ya as dimensionsAndMeasures,
-  _a as displayPercentages,
-  Ca as genericBoolean,
+  Ca as displayPercentages,
+  _a as genericBoolean,
   wa as genericNumber,
   fa as genericString,
   Sa as genericTimeRange,
@@ -180,16 +181,18 @@ export {
   Pa as getLineChartData,
   Aa as getLineChartOptions,
   Ks as getObjectStableKey,
-  ja as getPieChartData,
-  va as getPieChartOptions,
-  Da as getStyle,
+  Da as getPieChartData,
+  ja as getPieChartOptions,
+  Zs as getPieChartProData,
+  ae as getPieChartProOptions,
+  va as getStyle,
   La as getStyleNumber,
   Fa as getTableTotalPages,
   Ws as getThemeFormatter,
   Ba as i18n,
   Na as i18nSetup,
   Ma as inputColor,
-  oe as isColorValid,
+  le as isColorValid,
   Oa as maxLegendItems,
   Ra as maxResults,
   Ga as measure,
@@ -199,7 +202,7 @@ export {
   Ea as resolveI18nProps,
   Ka as reverseXAxis,
   qa as reverseYAxis,
-  ie as setColorAlpha,
+  ce as setColorAlpha,
   Wa as showLegend,
   za as showLogarithmicScale,
   Va as showTooltips,
@@ -231,7 +234,7 @@ export {
   xs as xAxisRangeMin,
   gs as yAxisLabel,
   ys as yAxisMaxItems,
-  _s as yAxisRangeMax,
-  Cs as yAxisRangeMin
+  Cs as yAxisRangeMax,
+  _s as yAxisRangeMin
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/remarkable-ui/components/shared/Typography/Typography.tsx","../src/remarkable-ui/components/shared/ButtonIcon/ButtonIcon.tsx","../src/remarkable-ui/components/shared/GhostButton/GhostButton.tsx","../src/remarkable-ui/components/shared/PageOverlay/PageOverlay.tsx","../src/remarkable-ui/components/editors/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Typography.module.css';\nimport clsx from 'clsx';\n\ntype TypographyElement = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'div';\n\ntype TypographyProps = {\n  children: React.ReactNode;\n  as?: TypographyElement;\n  className?: string;\n  title?: string;\n  style?: React.CSSProperties;\n};\n\nexport function Typography({\n  children,\n  as: Component = 'p',\n  className,\n  style,\n  title,\n}: TypographyProps): React.JSX.Element {\n  return (\n    <Component title={title} className={clsx(styles.typography, className)} style={style}>\n      {children}\n    </Component>\n  );\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './ButtonIcon.module.css';\nimport { TablerIcon } from '@tabler/icons-react';\n\ntype ButtonIconProps = {\n  variant?: 'primary' | 'secondary';\n  size?: 'small' | 'medium';\n  icon: TablerIcon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const ButtonIcon: React.FC<ButtonIconProps> = ({\n  icon: Icon,\n  size = 'medium',\n  variant = 'primary',\n  className,\n  ...props\n}) => {\n  return (\n    <button\n      className={clsx(styles.buttonIcon, styles[variant], styles[size], className)}\n      {...props}\n    >\n      <Icon />\n    </button>\n  );\n};\n","import React from 'react';\nimport { Icon } from '@tabler/icons-react';\nimport clsx from 'clsx';\nimport styles from './GhostButton.module.css';\n\ntype GhostButtonProps = {\n  startIcon?: Icon;\n  endIcon?: Icon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const GhostButton: React.FC<GhostButtonProps> = ({\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  children,\n  className,\n  ...props\n}) => {\n  return (\n    <button className={clsx(styles.ghostButton, className)} {...props}>\n      {StartIcon && <StartIcon />}\n      <span>{children}</span>\n      {EndIcon && <EndIcon />}\n    </button>\n  );\n};\n","import clsx from 'clsx';\nimport styles from './PageOverlay.module.css';\nimport type { PageOverlayProps } from './PageOverlay.types';\n\nexport const PageOverlay: React.FC<PageOverlayProps> = ({ className, children }) => {\n  return <div className={clsx(styles.overlay, className)}>{children}</div>;\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\n\ntype SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n  label?: string;\n};\n\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  onChange,\n  disabled = false,\n  className,\n  label,\n  ...props\n}) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!disabled && onChange) {\n      onChange(event.target.checked);\n    }\n  };\n\n  // Ensure accessibility: either aria-label must be provided\n  if (!props['aria-label']) {\n    console.warn(\n      'Switch component requires either a label prop or aria-label prop for accessibility',\n    );\n  }\n\n  return (\n    <label\n      className={clsx(\n        className,\n        styles.switch,\n        checked && styles.checked,\n        disabled && styles.disabled,\n      )}\n    >\n      <input\n        type=\"checkbox\"\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        role=\"switch\"\n        aria-checked={checked}\n        aria-disabled={disabled}\n        {...props}\n      />\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span className={styles.switchThumb} aria-hidden=\"true\" />\n      </span>\n      {label && <span className={clsx(styles.switchLabel)}>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Typography","children","Component","className","style","title","jsx","clsx","styles","ButtonIcon","Icon","size","variant","props","GhostButton","StartIcon","EndIcon","jsxs","PageOverlay","Switch","checked","onChange","disabled","label","handleChange","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,IAAIC,IAAY;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AACF,GAAuC;AACrC,SACEC,gBAAAA,MAACJ,GAAA,EAAU,OAAAG,GAAc,WAAWE,EAAKC,EAAO,YAAYL,CAAS,GAAG,OAAAC,GACrE,UAAAH,EAAA,CACH;AAEJ;;;;;;;GCfaQ,IAAwC,CAAC;AAAA,EACpD,MAAMC;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAT;AAAA,EACA,GAAGU;AACL,MAEIP,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOI,CAAO,GAAGJ,EAAOG,CAAI,GAAGR,CAAS;AAAA,IAC1E,GAAGU;AAAA,IAEJ,gCAACH,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA;;GCbCI,IAA0C,CAAC;AAAA,EACtD,WAAWC;AAAA,EACX,SAASC;AAAA,EACT,UAAAf;AAAA,EACA,WAAAE;AAAA,EACA,GAAGU;AACL,MAEII,gBAAAA,OAAC,YAAO,WAAWV,EAAKC,EAAO,aAAaL,CAAS,GAAI,GAAGU,GACzD,UAAA;AAAA,EAAAE,2BAAcA,GAAA,EAAU;AAAA,EACzBT,gBAAAA,MAAC,UAAM,UAAAL,GAAS;AAAA,EACfe,2BAAYA,GAAA,CAAA,CAAQ;AAAA,GACvB;;GClBSE,IAA0C,CAAC,EAAE,WAAAf,GAAW,UAAAF,QAC5DK,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAKC,EAAO,SAASL,CAAS,GAAI,UAAAF,GAAS;;;;;;;GCMvDkB,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAnB;AAAA,EACA,OAAAoB;AAAA,EACA,GAAGV;AACL,MAAM;AACJ,QAAMW,IAAe,CAACC,MAA+C;AACnE,IAAI,CAACH,KAAYD,KACfA,EAASI,EAAM,OAAO,OAAO;AAAA,EAEjC;AAGA,SAAKZ,EAAM,YAAY,KACrB,QAAQ;AAAA,IACN;AAAA,EAAA,GAKFI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWV;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPY,KAAWZ,EAAO;AAAA,QAClBc,KAAYd,EAAO;AAAA,MAAA;AAAA,MAGrB,UAAA;AAAA,QAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAAc;AAAA,YACA,UAAUI;AAAA,YACV,UAAAF;AAAA,YACA,MAAK;AAAA,YACL,gBAAcF;AAAA,YACd,iBAAeE;AAAA,YACd,GAAGT;AAAA,UAAA;AAAA,QAAA;AAAA,QAENP,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAC/C,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAAO,GAC1D;AAAA,QACCe,2BAAU,QAAA,EAAK,WAAWhB,EAAKC,EAAO,WAAW,GAAI,UAAAe,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}
+{"version":3,"file":"index.js","sources":["../src/remarkable-ui/components/shared/Typography/Typography.tsx","../src/remarkable-ui/components/shared/ButtonIcon/ButtonIcon.tsx","../src/remarkable-ui/components/shared/GhostButton/GhostButton.tsx","../src/remarkable-ui/components/shared/PageOverlay/PageOverlay.tsx","../src/remarkable-ui/components/editors/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Typography.module.css';\nimport clsx from 'clsx';\n\ntype TypographyElement = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'div';\n\ntype TypographyProps = {\n  children: React.ReactNode;\n  as?: TypographyElement;\n  className?: string;\n  title?: string;\n  style?: React.CSSProperties;\n};\n\nexport function Typography({\n  children,\n  as: Component = 'p',\n  className,\n  style,\n  title,\n}: TypographyProps): React.JSX.Element {\n  return (\n    <Component title={title} className={clsx(styles.typography, className)} style={style}>\n      {children}\n    </Component>\n  );\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './ButtonIcon.module.css';\nimport { TablerIcon } from '@tabler/icons-react';\n\ntype ButtonIconProps = {\n  variant?: 'primary' | 'secondary';\n  size?: 'small' | 'medium';\n  icon: TablerIcon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const ButtonIcon: React.FC<ButtonIconProps> = ({\n  icon: Icon,\n  size = 'medium',\n  variant = 'primary',\n  className,\n  ...props\n}) => {\n  return (\n    <button\n      className={clsx(styles.buttonIcon, styles[variant], styles[size], className)}\n      {...props}\n    >\n      <Icon />\n    </button>\n  );\n};\n","import React from 'react';\nimport { Icon } from '@tabler/icons-react';\nimport clsx from 'clsx';\nimport styles from './GhostButton.module.css';\n\ntype GhostButtonProps = {\n  startIcon?: Icon;\n  endIcon?: Icon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const GhostButton: React.FC<GhostButtonProps> = ({\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  children,\n  className,\n  ...props\n}) => {\n  return (\n    <button className={clsx(styles.ghostButton, className)} {...props}>\n      {StartIcon && <StartIcon />}\n      <span>{children}</span>\n      {EndIcon && <EndIcon />}\n    </button>\n  );\n};\n","import clsx from 'clsx';\nimport styles from './PageOverlay.module.css';\nimport type { PageOverlayProps } from './PageOverlay.types';\n\nexport const PageOverlay: React.FC<PageOverlayProps> = ({ className, children }) => {\n  return <div className={clsx(styles.overlay, className)}>{children}</div>;\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\n\ntype SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n  label?: string;\n};\n\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  onChange,\n  disabled = false,\n  className,\n  label,\n  ...props\n}) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!disabled && onChange) {\n      onChange(event.target.checked);\n    }\n  };\n\n  // Ensure accessibility: either aria-label must be provided\n  if (!props['aria-label']) {\n    console.warn(\n      'Switch component requires either a label prop or aria-label prop for accessibility',\n    );\n  }\n\n  return (\n    <label\n      className={clsx(\n        className,\n        styles.switch,\n        checked && styles.checked,\n        disabled && styles.disabled,\n      )}\n    >\n      <input\n        type=\"checkbox\"\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        role=\"switch\"\n        aria-checked={checked}\n        aria-disabled={disabled}\n        {...props}\n      />\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span className={styles.switchThumb} aria-hidden=\"true\" />\n      </span>\n      {label && <span className={clsx(styles.switchLabel)}>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Typography","children","Component","className","style","title","jsx","clsx","styles","ButtonIcon","Icon","size","variant","props","GhostButton","StartIcon","EndIcon","jsxs","PageOverlay","Switch","checked","onChange","disabled","label","handleChange","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,IAAIC,IAAY;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AACF,GAAuC;AACrC,SACEC,gBAAAA,MAACJ,GAAA,EAAU,OAAAG,GAAc,WAAWE,EAAKC,EAAO,YAAYL,CAAS,GAAG,OAAAC,GACrE,UAAAH,EAAA,CACH;AAEJ;;;;;;;GCfaQ,IAAwC,CAAC;AAAA,EACpD,MAAMC;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAT;AAAA,EACA,GAAGU;AACL,MAEIP,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOI,CAAO,GAAGJ,EAAOG,CAAI,GAAGR,CAAS;AAAA,IAC1E,GAAGU;AAAA,IAEJ,gCAACH,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA;;GCbCI,IAA0C,CAAC;AAAA,EACtD,WAAWC;AAAA,EACX,SAASC;AAAA,EACT,UAAAf;AAAA,EACA,WAAAE;AAAA,EACA,GAAGU;AACL,MAEII,gBAAAA,OAAC,YAAO,WAAWV,EAAKC,EAAO,aAAaL,CAAS,GAAI,GAAGU,GACzD,UAAA;AAAA,EAAAE,2BAAcA,GAAA,EAAU;AAAA,EACzBT,gBAAAA,MAAC,UAAM,UAAAL,GAAS;AAAA,EACfe,2BAAYA,GAAA,CAAA,CAAQ;AAAA,GACvB;;GClBSE,IAA0C,CAAC,EAAE,WAAAf,GAAW,UAAAF,QAC5DK,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAKC,EAAO,SAASL,CAAS,GAAI,UAAAF,GAAS;;;;;;;GCMvDkB,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAnB;AAAA,EACA,OAAAoB;AAAA,EACA,GAAGV;AACL,MAAM;AACJ,QAAMW,IAAe,CAACC,MAA+C;AACnE,IAAI,CAACH,KAAYD,KACfA,EAASI,EAAM,OAAO,OAAO;AAAA,EAEjC;AAGA,SAAKZ,EAAM,YAAY,KACrB,QAAQ;AAAA,IACN;AAAA,EAAA,GAKFI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWV;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPY,KAAWZ,EAAO;AAAA,QAClBc,KAAYd,EAAO;AAAA,MAAA;AAAA,MAGrB,UAAA;AAAA,QAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAAc;AAAA,YACA,UAAUI;AAAA,YACV,UAAAF;AAAA,YACA,MAAK;AAAA,YACL,gBAAcF;AAAA,YACd,iBAAeE;AAAA,YACd,GAAGT;AAAA,UAAA;AAAA,QAAA;AAAA,QAENP,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAC/C,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAAO,GAC1D;AAAA,QACCe,2BAAU,QAAA,EAAK,WAAWhB,EAAKC,EAAO,WAAW,GAAI,UAAAe,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/dist/{pies.utils-BvSC2qnJ.js → pies.utils-DoDczq1K.js}

@@ -3,7 +3,7 @@ import { g as u } from "./formatter.utils-CaFr8SlX.js";
 import { g as h, a as l } from "./object.utils-D_Zzon-H.js";
 import { D as c, F as C } from "./component.constants-CYS5-3qd.js";
 import "react";
-const O = (a, r = g) => {
+const D = (a, r = g) => {
   const s = u(r);
   if (!a.data)
     return {
@@ -43,7 +43,7 @@ const O = (a, r = g) => {
       }
     ]
   };
-}, P = (a, r = g) => {
+}, O = (a, r = g) => {
   const s = u(r);
   return {
     plugins: {
@@ -67,7 +67,7 @@ const O = (a, r = g) => {
   };
 };
 export {
-  P as a,
-  O as g
+  O as a,
+  D as g
 };
-//# sourceMappingURL=pies.utils-BvSC2qnJ.js.map
+//# sourceMappingURL=pies.utils-DoDczq1K.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pies.utils-DoDczq1K.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';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\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  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 themeKey = getObjectStableKey(theme);\n\n  const backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.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      `${themeKey}.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 const getPieChartProOptions = (\n  measure: Measure,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        formatter: (value: string | number) => themeFormatter.data(measure, value),\n      },\n      tooltip: {\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(measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartProData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","backgroundColor","item","i","getColor","chartColors","borderColor","value","formattedValue","i18n","getPieChartProOptions","measure","context","raw","total","sum","v","pct"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAChCC,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,IAAWC,EAAmBP,CAAK,GAEnCQ,IAAkBJ,EAAY;AAAA,IAAI,CAACK,GAAMC,MAC7CC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBY;AAAA,MACjCF;AAAA,IAAA;AAAA,EACF,GAGIG,IAAcT,EAAY;AAAA,IAAI,CAACK,GAAMC,MACzCC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBY;AAAA,MAC7BF;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQN,EAAY,IAAI,CAACK,MAAS;AAChC,YAAMK,IAAQL,EAAKV,EAAM,UAAU,IAAI,GACjCgB,IAAiBb,EAAe,KAAKH,EAAM,WAAWe,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMX,EAAY,IAAI,CAACK,MAASA,EAAKV,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAS;AAAA,QACA,aAAAK;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GAEaI,IAAwB,CACnCC,GACAlB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,UAAUA,EAAM,OAAO,kBAAkB,SAAA;AAAA,MACnD,YAAY;AAAA,QACV,WAAW,CAACc,MAA2BZ,EAAe,KAAKgB,GAASJ,CAAK;AAAA,MAAA;AAAA,MAE3E,SAAS;AAAA,QACP,WAAW;AAAA,UACT,MAAMK,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,GAAGnB,EAAe,KAAKgB,GAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UACrD;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/remarkable-pro/components/charts/pies/DonutChartPro/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/DonutChartPro/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAOrD,KAAK,kBAAkB,GAAG,oBAAoB,CAAC;AAE/C,QAAA,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAgD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/DonutChartPro/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAOrD,KAAK,kBAAkB,GAAG,oBAAoB,CAAC;AAE/C,QAAA,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAmD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAQ7D,KAAK,uBAAuB,GAAG,oBAAoB,GAAG;IACpD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,YAAY,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,OAAO,uBAAuB,4CA2DpD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAQ7D,KAAK,uBAAuB,GAAG,oBAAoB,GAAG;IACpD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,YAAY,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,OAAO,uBAAuB,4CA8DpD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/remarkable-pro/components/charts/pies/PieChartPro/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/PieChartPro/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAMrD,KAAK,gBAAgB,GAAG,oBAAoB,CAAC;AAE7C,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAgD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/PieChartPro/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAMrD,KAAK,gBAAgB,GAAG,oBAAoB,CAAC;AAE7C,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAmD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/remarkable-pro/components/charts/pies/pies.utils.d.ts

@@ -1,11 +1,11 @@
 import { DataResponse, Dimension, Measure } from '@embeddable.com/core';
 import { ChartData, ChartOptions } from 'chart.js';
 import { Theme } from '../../../theme/theme.types';
-export declare const getPieChartData: (props: {
+export declare const getPieChartProData: (props: {
     data: DataResponse["data"];
     dimension: Dimension;
     measure: Measure;
     maxLegendItems?: number;
 }, theme?: Theme) => ChartData<"pie">;
-export declare const getDefaultPieChartOptions: (measure: Measure, theme?: Theme) => Partial<ChartOptions<"pie">>;
+export declare const getPieChartProOptions: (measure: Measure, theme?: Theme) => Partial<ChartOptions<"pie">>;
 //# sourceMappingURL=pies.utils.d.ts.map

package/dist/remarkable-pro/components/charts/pies/pies.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pies.utils.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-pro/components/charts/pies/pies.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAQnD,eAAO,MAAM,eAAe,GAC1B,OAAO;IACL,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,EACD,QAAO,KAAuB,KAC7B,SAAS,CAAC,KAAK,CAuDjB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,SAAS,OAAO,EAChB,QAAO,KAAuB,KAC7B,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAyB7B,CAAC"}
+{"version":3,"file":"pies.utils.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-pro/components/charts/pies/pies.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAQnD,eAAO,MAAM,kBAAkB,GAC7B,OAAO;IACL,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,EACD,QAAO,KAAuB,KAC7B,SAAS,CAAC,KAAK,CAuDjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,OAAO,EAChB,QAAO,KAAuB,KAC7B,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAyB7B,CAAC"}

package/dist/remarkable-pro/index.d.ts

@@ -12,6 +12,7 @@ export * from './components/charts/pies/pies.types';
 export * as PieChartPro from './components/charts/pies/PieChartPro';
 export * as DonutChartPro from './components/charts/pies/DonutChartPro';
 export * as DonutLabelChartPro from './components/charts/pies/DonutLabelChartPro';
+export * from './components/charts/pies/pies.utils';
 export { EditorCard } from './components/editors/shared/EditorCard/EditorCard';
 export * as MultiSelectFieldPro from './components/editors/MultiSelectFieldPro';
 export * as SingleSelectFieldPro from './components/editors/SingleSelectFieldPro';

package/dist/remarkable-pro/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-pro/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,cAAc,GACf,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,OAAO,KAAK,WAAW,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,aAAa,MAAM,wCAAwC,CAAC;AACxE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAGlF,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC;AAC/E,OAAO,KAAK,mBAAmB,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,oBAAoB,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,uBAAuB,MAAM,8CAA8C,CAAC;AAGxF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-pro/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,cAAc,GACf,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,OAAO,KAAK,WAAW,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,aAAa,MAAM,wCAAwC,CAAC;AACxE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,cAAc,qCAAqC,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC;AAC/E,OAAO,KAAK,mBAAmB,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,oBAAoB,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,uBAAuB,MAAM,8CAA8C,CAAC;AAGxF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-ui",
   "author": "embeddable (https://embeddable.com)",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",