@embeddable.com/remarkable-ui 0.1.52 → 1.0.2

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,8 +1,8 @@
-import { i as L, r as w, m as M, j as l, B as V, d as y, a as z, b as P, t as k, c as v, s as H, e as R, f as j, g as I, x as S, y as T, h as Y, k as F, l as E, n as G, V as O, o as W } from "./component.constants-BysG97Au.js";
+import { i as L, r as w, m as M, j as l, B as V, d as y, a as z, b as P, t as k, c as v, s as H, e as R, f as j, g as I, x as S, y as T, h as Y, k as F, l as E, n as G, V as O, o as W } from "./component.constants-CYS5-3qd.js";
 import { useTheme as _, defineComponent as q } from "@embeddable.com/react";
-import { C as J } from "./ChartCard-9vU81B9E.js";
+import { C as J } from "./ChartCard-CyemTSay.js";
 import "react";
-import { g as K, a as N } from "./bars.utils-H-eVsaD9.js";
+import { g as K, a as N } from "./bars.utils-C3c2Jyey.js";
 import { u as Q } from "./charts.fillGaps.hooks-5WclK2CD.js";
 const U = (a) => {
   var i, n;

package/dist/BarChartDefaultPro.js

@@ -1,8 +1,8 @@
-import { i as L, r as y, m as w, j as l, B as M, d as V, a as P, b as v, t as k, c as R, s as j, e as I, f as S, g as T, x as X, y as F, p as q, q as z, u as E, v as G, V as O, o as W } from "./component.constants-BysG97Au.js";
+import { i as L, r as y, m as w, j as l, B as M, d as V, a as P, b as v, t as k, c as R, s as j, e as I, f as S, g as T, x as X, y as F, p as q, q as z, u as E, v as G, V as O, o as W } from "./component.constants-CYS5-3qd.js";
 import { useTheme as _, defineComponent as H } from "@embeddable.com/react";
-import { C as J } from "./ChartCard-9vU81B9E.js";
+import { C as J } from "./ChartCard-CyemTSay.js";
 import "react";
-import { g as K, a as N } from "./bars.utils-H-eVsaD9.js";
+import { g as K, a as N } from "./bars.utils-C3c2Jyey.js";
 import { u as Q } from "./charts.fillGaps.hooks-5WclK2CD.js";
 const U = (a) => {
   var o, n;

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,8 +1,8 @@
-import { i as L, r as w, m as k, j as m, B as z, d as G, w as P, b as R, z as M, t as H, c as j, A as v, s as S, e as T, f as F, g as Y, x as E, y as I, h as O, k as W, l as _, V as u, o as q } from "./component.constants-BysG97Au.js";
+import { i as L, r as w, m as k, j as m, B as z, d as G, w as P, b as R, z as M, t as H, c as j, A as v, s as S, e as T, f as F, g as Y, x as E, y as I, h as O, k as W, l as _, V as u, o as q } from "./component.constants-CYS5-3qd.js";
 import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
-import { C as N } from "./ChartCard-9vU81B9E.js";
+import { C as N } from "./ChartCard-CyemTSay.js";
 import "react";
-import { b as Q, a as U } from "./bars.utils-H-eVsaD9.js";
+import { b as Q, a as U } from "./bars.utils-C3c2Jyey.js";
 import { u as X } from "./charts.fillGaps.hooks-5WclK2CD.js";
 const Z = (e) => {
   var n, l;

package/dist/BarChartGroupedPro.js

@@ -1,8 +1,8 @@
-import { i as L, r as w, m as G, j as m, B as k, d as P, w as R, b as M, z as j, t as v, c as S, A as T, s as F, e as X, f as z, g as q, x as E, y as I, p as O, q as W, u as _, V as u, o as H } from "./component.constants-BysG97Au.js";
+import { i as L, r as w, m as G, j as m, B as k, d as P, w as R, b as M, z as j, t as v, c as S, A as T, s as F, e as X, f as z, g as q, x as E, y as I, p as O, q as W, u as _, V as u, o as H } from "./component.constants-CYS5-3qd.js";
 import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
-import { C as N } from "./ChartCard-9vU81B9E.js";
+import { C as N } from "./ChartCard-CyemTSay.js";
 import "react";
-import { b as Q, a as U } from "./bars.utils-H-eVsaD9.js";
+import { b as Q, a as U } from "./bars.utils-C3c2Jyey.js";
 import { u as Y } from "./charts.fillGaps.hooks-5WclK2CD.js";
 const Z = (e) => {
   var n, l;

package/dist/BarChartStackedHorizontalPro.js

@@ -1,8 +1,8 @@
-import { i as L, r as f, m as w, j as m, B as S, d as z, w as P, b as R, z as M, t as H, c as T, A as j, s as v, e as F, f as G, g as Y, x as E, y as I, h as O, k as W, l as _, C as q, V as u, o as J } from "./component.constants-BysG97Au.js";
+import { i as L, r as f, m as w, j as m, B as S, d as z, w as P, b as R, z as M, t as H, c as T, A as j, s as v, e as F, f as G, g as Y, x as E, y as I, h as O, k as W, l as _, C as q, V as u, o as J } from "./component.constants-CYS5-3qd.js";
 import { useTheme as K, defineComponent as N } from "@embeddable.com/react";
-import { C as Q } from "./ChartCard-9vU81B9E.js";
+import { C as Q } from "./ChartCard-CyemTSay.js";
 import "react";
-import { b as U, a as X } from "./bars.utils-H-eVsaD9.js";
+import { b as U, a as X } from "./bars.utils-C3c2Jyey.js";
 import { u as Z } from "./charts.fillGaps.hooks-5WclK2CD.js";
 const $ = (a) => {
   var n, l;
@@ -10,10 +10,10 @@ const $ = (a) => {
   L(e);
   const {
     description: d,
-    groupBy: r,
+    groupBy: i,
     measure: s,
-    reverseYAxis: c,
-    showLegend: x,
+    reverseYAxis: x,
+    showLegend: c,
     showLogarithmicScale: h,
     showTooltips: g,
     showTotalLabels: p,
@@ -25,14 +25,14 @@ const $ = (a) => {
     xAxisRangeMax: k,
     xAxisRangeMin: y,
     onBarClicked: V
-  } = f(a), i = Z({
+  } = f(a), r = Z({
     results: a.results,
     dimension: a.yAxis
   }), t = U(
     {
-      data: i.data,
+      data: r.data,
       dimension: o,
-      groupDimension: r,
+      groupDimension: i,
       measure: s
     },
     e
@@ -46,27 +46,27 @@ const $ = (a) => {
   return /* @__PURE__ */ m.jsx(
     Q,
     {
-      data: i,
-      dimensionsAndMeasures: [s, o, r],
-      errorMessage: i.error,
+      data: r,
+      dimensionsAndMeasures: [s, o, i],
+      errorMessage: r.error,
       subtitle: d,
       title: C,
       children: /* @__PURE__ */ m.jsx(
         S,
         {
           data: t,
-          showLegend: x,
+          showLegend: c,
           showTooltips: g,
           showValueLabels: b,
           showLogarithmicScale: h,
           xAxisLabel: A,
           yAxisLabel: B,
-          reverseYAxis: c,
+          reverseYAxis: x,
           xAxisRangeMin: y,
           xAxisRangeMax: k,
           showTotalLabels: p,
           options: D,
-          stacked: "stacked",
+          stacked: !0,
           horizontal: !0
         }
       )

package/dist/BarChartStackedHorizontalPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartStackedHorizontalPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartHorizontalStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels: boolean;\n  title: string;\n  yAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartHorizontalStackedPro = (props: BarChartHorizontalStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    yAxis,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedHorizontalPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        stacked=\"stacked\"\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartHorizontalStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedHorizontalPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measure,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  showTotalLabels,\n  reverseYAxis,\n  xAxisRangeMin,\n  xAxisRangeMax,\n  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedHorizontalPro',\n  label: 'Bar Chart - Stacked Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseYAxis,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    showTotalLabels,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedHorizontalPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.yAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedHorizontalPro_emb","defineComponent","BarChartStackedHorizontalPro","inputs","loadData","value","Value"],"mappings":"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"}
+{"version":3,"file":"BarChartStackedHorizontalPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartHorizontalStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels: boolean;\n  title: string;\n  yAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartHorizontalStackedPro = (props: BarChartHorizontalStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    yAxis,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedHorizontalPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        stacked\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartHorizontalStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedHorizontalPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measure,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  showTotalLabels,\n  reverseYAxis,\n  xAxisRangeMin,\n  xAxisRangeMax,\n  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedHorizontalPro',\n  label: 'Bar Chart - Stacked Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseYAxis,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    showTotalLabels,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedHorizontalPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.yAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedHorizontalPro_emb","defineComponent","BarChartStackedHorizontalPro","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/BarChartStackedPro.js

@@ -1,19 +1,19 @@
-import { i as D, r as L, m as w, j as m, B as S, d as P, w as R, b as M, z as T, t as j, c as v, A as F, s as G, e as X, f as z, g as q, x as E, y as I, p as O, q as W, u as _, C as H, V as u, o as J } from "./component.constants-BysG97Au.js";
+import { i as D, r as L, m as w, j as m, B as S, d as P, w as R, b as M, z as T, t as j, c as v, A as F, s as G, e as X, f as z, g as q, x as E, y as I, p as O, q as W, u as _, C as H, V as u, o as J } from "./component.constants-CYS5-3qd.js";
 import { useTheme as K, defineComponent as N } from "@embeddable.com/react";
-import { C as Q } from "./ChartCard-9vU81B9E.js";
+import { C as Q } from "./ChartCard-CyemTSay.js";
 import "react";
-import { b as U, a as Y } from "./bars.utils-H-eVsaD9.js";
+import { b as U, a as Y } from "./bars.utils-C3c2Jyey.js";
 import { u as Z } from "./charts.fillGaps.hooks-5WclK2CD.js";
-const $ = (a) => {
+const $ = (e) => {
   var n, l;
-  const e = K();
-  D(e);
+  const a = K();
+  D(a);
   const {
     description: d,
     groupBy: o,
     measure: s,
-    reverseXAxis: c,
-    showLegend: x,
+    reverseXAxis: x,
+    showLegend: c,
     showLogarithmicScale: h,
     showTooltips: g,
     showTotalLabels: p,
@@ -22,12 +22,12 @@ const $ = (a) => {
     xAxis: i,
     xAxisLabel: A,
     yAxisLabel: B,
-    yAxisRangeMax: k,
-    yAxisRangeMin: y,
+    yAxisRangeMax: y,
+    yAxisRangeMin: k,
     onBarClicked: V
-  } = L(a), r = Z({
-    results: a.results,
-    dimension: a.xAxis
+  } = L(e), r = Z({
+    results: e.results,
+    dimension: e.xAxis
   }), t = U(
     {
       data: r.data,
@@ -35,13 +35,13 @@ const $ = (a) => {
       groupDimension: o,
       measure: s
     },
-    e
+    a
   ), f = w(
     Y(
       { measures: [s], horizontal: !1, onBarClicked: V, data: t, dimension: i },
-      e
+      a
     ),
-    ((l = (n = e.charts) == null ? void 0 : n.barChartStackedPro) == null ? void 0 : l.options) || {}
+    ((l = (n = a.charts) == null ? void 0 : n.barChartStackedPro) == null ? void 0 : l.options) || {}
   );
   return /* @__PURE__ */ m.jsx(
     Q,
@@ -55,23 +55,23 @@ const $ = (a) => {
         S,
         {
           data: t,
-          showLegend: x,
+          showLegend: c,
           showTooltips: g,
           showValueLabels: b,
           showLogarithmicScale: h,
           xAxisLabel: A,
           yAxisLabel: B,
-          reverseXAxis: c,
-          yAxisRangeMin: y,
-          yAxisRangeMax: k,
+          reverseXAxis: x,
+          yAxisRangeMin: k,
+          yAxisRangeMax: y,
           showTotalLabels: p,
           options: f,
-          stacked: "stacked"
+          stacked: !0
         }
       )
     }
   );
-}, aa = {
+}, ee = {
   name: "BarChartStackedPro",
   label: "Bar Chart - Stacked",
   category: "Bar Charts",
@@ -112,24 +112,24 @@ const $ = (a) => {
       ]
     }
   ]
-}, na = N($, aa, {
-  props: (a) => ({
-    ...a,
+}, ne = N($, ee, {
+  props: (e) => ({
+    ...e,
     results: J({
-      limit: a.maxResults,
-      from: a.dataset,
-      select: [a.xAxis, a.groupBy, a.measure]
+      limit: e.maxResults,
+      from: e.dataset,
+      select: [e.xAxis, e.groupBy, e.measure]
     })
   }),
   events: {
-    onBarClicked: (a) => ({
-      axisDimensionValue: a.axisDimensionValue || u.noFilter(),
-      groupingDimensionValue: a.groupingDimensionValue || u.noFilter()
+    onBarClicked: (e) => ({
+      axisDimensionValue: e.axisDimensionValue || u.noFilter(),
+      groupingDimensionValue: e.groupingDimensionValue || u.noFilter()
     })
   }
 });
 export {
-  na as default,
-  aa as meta
+  ne as default,
+  ee as meta
 };
 //# sourceMappingURL=BarChartStackedPro.js.map

package/dist/BarChartStackedPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartStackedPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartStackedPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartStackedPro/BarChartStackedPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  maxLegendItems?: number;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTotalLabels?: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartStackedPro = (props: BarChartStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const {\n    description,\n    groupBy,\n    measure,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    xAxis,\n    xAxisLabel,\n    yAxisLabel,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        stacked=\"stacked\"\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measure,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  reverseXAxis,\n  yAxisRangeMin,\n  yAxisRangeMax,\n  showTotalLabels,\n  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedPro',\n  label: 'Bar Chart - Stacked',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showTotalLabels,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}
+{"version":3,"file":"BarChartStackedPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartStackedPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartStackedPro/BarChartStackedPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  maxLegendItems?: number;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTotalLabels?: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartStackedPro = (props: BarChartStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const {\n    description,\n    groupBy,\n    measure,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    xAxis,\n    xAxisLabel,\n    yAxisLabel,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        stacked\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measure,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  reverseXAxis,\n  yAxisRangeMin,\n  yAxisRangeMax,\n  showTotalLabels,\n  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedPro',\n  label: 'Bar Chart - Stacked',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showTotalLabels,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/ChartCard-CyemTSay.js

@@ -0,0 +1,122 @@
+import { a0 as R, j as t, aJ as p, i as f, a8 as D, ad as w, F as m, a9 as N, a7 as S, a3 as L, a5 as I, a2 as x, a4 as b, a6 as _, aK as M } from "./component.constants-CYS5-3qd.js";
+import j, { useRef as $ } from "react";
+import { useTheme as y } from "@embeddable.com/react";
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const F = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], T = R("outline", "dots-vertical", "DotsVertical", F), A = "_skeleton_1r4sj_10", P = {
+  skeleton: A
+}, E = () => /* @__PURE__ */ t.jsx("div", { className: P.skeleton }), K = "_chartCard_84eo6_1", V = "_fixedContent_84eo6_6", B = "_loading_84eo6_13", H = "_hidden_84eo6_18", J = "_chartCardRightContent_84eo6_22", n = {
+  chartCard: K,
+  fixedContent: V,
+  loading: B,
+  hidden: H,
+  chartCardRightContent: J
+}, O = "_loading_k5y8w_7", q = {
+  loading: O
+}, v = () => /* @__PURE__ */ t.jsx(p, { className: q.loading }), z = "_list_mwshn_1", G = {
+  list: z
+}, Q = (o) => {
+  var h, C;
+  const i = y();
+  f(i);
+  const [u, e] = j.useState(!1), c = ((C = (h = i.charts) == null ? void 0 : h.chartCardMenuPro) == null ? void 0 : C.options) ?? [];
+  if (c.length === 0)
+    return null;
+  const d = (s) => {
+    setTimeout(() => {
+      Promise.resolve(s()).finally(() => e(!1));
+    }, 100);
+  }, l = (s) => {
+    if (e(!0), o.onCustomDownload) {
+      o.onCustomDownload((a) => d(() => s(a)));
+      return;
+    }
+    d(() => s({ ...o, theme: i }));
+  };
+  return /* @__PURE__ */ t.jsx(
+    D,
+    {
+      side: "bottom",
+      align: "end",
+      triggerComponent: u ? /* @__PURE__ */ t.jsx(v, {}) : /* @__PURE__ */ t.jsx(S, { icon: T }),
+      children: /* @__PURE__ */ t.jsx(w, { className: G.list, autoFocus: !0, children: c.map((s, a) => {
+        const r = m.t(s.labelKey);
+        return /* @__PURE__ */ t.jsx(
+          N,
+          {
+            label: r,
+            onClick: () => l(s.onClick),
+            startIcon: s.iconSrc ? /* @__PURE__ */ t.jsx("img", { src: s.iconSrc, alt: `${r} icon` }) : void 0
+          },
+          a
+        );
+      }) })
+    }
+  );
+}, U = j.forwardRef(
+  ({ title: o, subtitle: i, children: u, data: e, errorMessage: c, dimensionsAndMeasures: d = [], ...l }, h) => {
+    var g;
+    const C = y();
+    f(C);
+    const s = $(null), a = !!(e != null && e.data && ((g = e.data) == null ? void 0 : g.length) > 0), r = !e || (e == null ? void 0 : e.isLoading), k = () => r && !a ? /* @__PURE__ */ t.jsx(E, {}) : c ? /* @__PURE__ */ t.jsx(
+      _,
+      {
+        variant: "error",
+        icon: M,
+        title: m.t("charts.errorTitle"),
+        message: c
+      }
+    ) : a ? u : /* @__PURE__ */ t.jsx(
+      _,
+      {
+        title: m.t("charts.emptyTitle"),
+        message: m.t("charts.emptyMessage")
+      }
+    );
+    return /* @__PURE__ */ t.jsxs(L, { className: n.chartCard, ...l, children: [
+      /* @__PURE__ */ t.jsx(
+        I,
+        {
+          title: o,
+          subtitle: i,
+          rightContent: /* @__PURE__ */ t.jsxs("div", { className: n.chartCardRightContent, children: [
+            /* @__PURE__ */ t.jsx(
+              "div",
+              {
+                className: x(n.fixedContent, r ? n.loading : n.hidden),
+                children: /* @__PURE__ */ t.jsx(v, {})
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "div",
+              {
+                className: x(n.fixedContent, r ? n.hidden : n.visible),
+                children: /* @__PURE__ */ t.jsx(
+                  Q,
+                  {
+                    title: o,
+                    containerRef: s,
+                    data: e == null ? void 0 : e.data,
+                    dimensionsAndMeasures: d,
+                    onCustomDownload: l.onCustomDownload
+                  }
+                )
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(b, { ref: l.onCustomDownload ? h : s, children: k() })
+    ] });
+  }
+);
+U.displayName = "ChartCard";
+export {
+  U as C,
+  E as S
+};
+//# sourceMappingURL=ChartCard-CyemTSay.js.map

package/dist/ChartCard-CyemTSay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard-CyemTSay.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/remarkable-ui/components/shared/Skeleton/Skeleton.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import styles from './Skeleton.module.css';\n\nexport const Skeleton = () => {\n  return <div className={styles.skeleton} />;\n};\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n  Dropdown,\n  ActionIcon,\n  SelectFieldContent,\n  SelectListOption,\n} from '../../../../../../remarkable-ui';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';\nimport styles from './ChartCardMenuPro.module.css';\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  const options = theme.charts?.chartCardMenuPro?.options ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  const startAction = (onClick: () => void | Promise<void>) => {\n    setTimeout(() => {\n      Promise.resolve(onClick()).finally(() => setIsLoading(false));\n    }, 100);\n  };\n\n  const handleExport = (onClick: (props: ChartCardMenuProOptionOnClickProps) => void) => {\n    setIsLoading(true);\n    if (props.onCustomDownload) {\n      props.onCustomDownload((args) => startAction(() => onClick(args)));\n      return;\n    }\n    startAction(() => onClick({ ...props, theme }));\n  };\n\n  return (\n    <Dropdown\n      side=\"bottom\"\n      align=\"end\"\n      triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n    >\n      <SelectFieldContent className={styles.list} autoFocus>\n        {options.map((option, index) => {\n          const label = i18n.t(option.labelKey);\n\n          return (\n            <SelectListOption\n              key={index}\n              label={label}\n              onClick={() => handleExport(option.onClick)}\n              startIcon={\n                option.iconSrc ? <img src={option.iconSrc} alt={`${label} icon`} /> : undefined\n              }\n            />\n          );\n        })}\n      </SelectFieldContent>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardFeedback,\n  CardHeader,\n  Skeleton,\n} from '../../../../../remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro/ChartCardMenuPro.types';\nimport clsx from 'clsx';\n\ntype ChartCardProps = {\n  title: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  data: DataResponse;\n  isLoading?: boolean;\n  errorMessage?: string;\n  style?: CSSProperties;\n  dimensionsAndMeasures?: (Dimension | Measure)[];\n  onCustomDownload?: (props: (props: ChartCardMenuProOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\n    ref,\n  ) => {\n    const theme: Theme = useTheme() as Theme;\n    i18nSetup(theme);\n\n    const chartRef = useRef<HTMLDivElement>(null);\n\n    const hasData = Boolean(data?.data && data.data?.length > 0);\n\n    const isLoading = !data || data?.isLoading;\n\n    const getDisplay = () => {\n      if (isLoading && !hasData) {\n        return <Skeleton />;\n      }\n\n      if (errorMessage) {\n        return (\n          <CardFeedback\n            variant=\"error\"\n            icon={IconAlertCircle}\n            title={i18n.t('charts.errorTitle')}\n            message={errorMessage}\n          />\n        );\n      }\n\n      if (!hasData) {\n        return (\n          <CardFeedback\n            title={i18n.t('charts.emptyTitle')}\n            message={i18n.t('charts.emptyMessage')}\n          />\n        );\n      }\n\n      return children;\n    };\n\n    return (\n      <Card className={styles.chartCard} {...props}>\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          rightContent={\n            <div className={styles.chartCardRightContent}>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n              >\n                <ChartCardLoading />\n              </div>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n              >\n                <ChartCardMenuPro\n                  title={title}\n                  containerRef={chartRef}\n                  data={data?.data}\n                  dimensionsAndMeasures={dimensionsAndMeasures}\n                  onCustomDownload={props.onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={props.onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n      </Card>\n    );\n  },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","Skeleton","jsx","styles","ChartCardLoading","IconLoader2","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","_b","_a","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","getDisplay","CardFeedback","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{ComparisonPeriod.type.emb-Bc58XXHO.js → ComparisonPeriod.type.emb-i3iGuRJI.js}

@@ -1,4 +1,4 @@
-import { aL as i, aM as o } from "./component.constants-BysG97Au.js";
+import { aL as i, aM as o } from "./component.constants-CYS5-3qd.js";
 const e = i("comparisonPeriod", {
   label: "Comparison Period",
   optionLabel: (r) => r
@@ -11,4 +11,4 @@ o(e, "Previous year");
 export {
   e as C
 };
-//# sourceMappingURL=ComparisonPeriod.type.emb-Bc58XXHO.js.map
+//# sourceMappingURL=ComparisonPeriod.type.emb-i3iGuRJI.js.map

package/dist/{ComparisonPeriod.type.emb-Bc58XXHO.js.map → ComparisonPeriod.type.emb-i3iGuRJI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ComparisonPeriod.type.emb-Bc58XXHO.js","sources":["../src/remarkable-pro/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n  label: 'Comparison Period',\n  optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}
+{"version":3,"file":"ComparisonPeriod.type.emb-i3iGuRJI.js","sources":["../src/remarkable-pro/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n  label: 'Comparison Period',\n  optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,10 +1,10 @@
 import { useTheme as v, defineComponent as h } from "@embeddable.com/react";
-import { a0 as P, P as y, i as f, r as b, j as l, F as C, t as S, c as F, a1 as R, V as d } from "./component.constants-BysG97Au.js";
+import { a0 as P, P as y, i as f, r as b, j as l, F as C, t as S, c as F, a1 as R, V as d } from "./component.constants-CYS5-3qd.js";
 import { useMemo as M, useEffect as k } from "react";
-import { S as D } from "./SingleSelectField-Cu5phRJ-.js";
+import { S as D } from "./SingleSelectField-CSJOpQeh.js";
 import { g as T, u as j, a as x } from "./editors.timeRange.utils-D9m6B3r1.js";
-import { E as L } from "./EditorCard-CQCOOD0u.js";
-import { C as s } from "./ComparisonPeriod.type.emb-Bc58XXHO.js";
+import { E as L } from "./EditorCard-BICCSvPo.js";
+import { C as s } from "./ComparisonPeriod.type.emb-i3iGuRJI.js";
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *

package/dist/DateRangeSelectFieldPro.js

@@ -1,6 +1,6 @@
 import { defineComponent as t } from "@embeddable.com/react";
-import { t as l, c as n, a1 as r, V as a } from "./component.constants-BysG97Au.js";
-import { D as o } from "./index-BZmaPHSu.js";
+import { t as l, c as n, a1 as r, V as a } from "./component.constants-CYS5-3qd.js";
+import { D as o } from "./index-b_iMiCHA.js";
 const i = {
   name: "DateRangeSelectFieldPro",
   label: "Date Range Select Field",

package/dist/DonutChartPro.js

@@ -1,6 +1,6 @@
-import { d as a, w as s, z as t, t as o, c as n, s as r, Q as i, e as m, f as l, V as d, o as u } from "./component.constants-BysG97Au.js";
+import { d as a, w as s, z as t, t as o, c as n, s as r, Q as i, e as m, f as l, V as d, o as u } from "./component.constants-CYS5-3qd.js";
 import { defineComponent as c } from "@embeddable.com/react";
-import { D as p } from "./index-B149xfYw.js";
+import { D as p } from "./index-CrDfwceI.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,5 +1,5 @@
-import { D as n } from "./index-HfLTeWS9.js";
-import { d as s, w as a, z as r, t as o, c as l, s as i, Q as m, e as d, f as u, V as b, o as t } from "./component.constants-BysG97Au.js";
+import { D as n } from "./index-MerCnebu.js";
+import { d as s, w as a, z as r, t as o, c as l, s as i, Q as m, e as d, f as u, V as b, o as t } from "./component.constants-CYS5-3qd.js";
 import { defineComponent as c } from "@embeddable.com/react";
 const p = {
   name: "DonutLabelChartPro",

package/dist/EditorCard-BICCSvPo.js

@@ -0,0 +1,74 @@
+import { a0 as i, j as c, i as l, a3 as u, a5 as d, a4 as m, a6 as y, F as g, aK as h } from "./component.constants-CYS5-3qd.js";
+import { useEffect as f } from "react";
+import { useTheme as C } from "@embeddable.com/react";
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _ = [["path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", key: "svg-0" }], ["path", { d: "M21 21l-6 -6", key: "svg-1" }]], B = i("outline", "search", "Search", _), E = (t) => {
+  const s = t.reduce((e, r) => {
+    if ("category" in r && r.category) {
+      const a = r.category;
+      e[a] || (e[a] = []), e[a].push(r);
+    }
+    return e;
+  }, {});
+  return Object.keys(s).length === 0 ? null : s;
+}, p = "_searchField_fsiyv_1", F = "_submitButton_fsiyv_5", I = {
+  searchField: p,
+  submitButton: F
+}, N = (t, s) => {
+  f(() => {
+    t && setTimeout(() => {
+      var e;
+      (e = s.current) == null || e.focus();
+    }, 100);
+  }, [t, s]);
+}, j = "_selectFieldCategory_fdkgf_1", x = {
+  selectFieldCategory: j
+}, $ = ({ label: t }) => /* @__PURE__ */ c.jsx("span", { className: x.selectFieldCategory, children: t });
+function w(t, s = 300) {
+  let e;
+  return (...r) => {
+    clearTimeout(e), e = setTimeout(() => {
+      t(...r);
+    }, s);
+  };
+}
+const b = "_card_15bw3_1", S = {
+  card: b
+}, A = ({
+  title: t,
+  subtitle: s,
+  children: e,
+  errorMessage: r,
+  ...a
+}) => {
+  const o = C();
+  l(o);
+  const n = () => r ? /* @__PURE__ */ c.jsx(
+    y,
+    {
+      variant: "error",
+      icon: h,
+      title: g.t("editors.errorTitle"),
+      message: r
+    }
+  ) : e;
+  return /* @__PURE__ */ c.jsxs(u, { className: S.card, ...a, children: [
+    /* @__PURE__ */ c.jsx(d, { title: t, subtitle: s }),
+    /* @__PURE__ */ c.jsx(m, { children: n() })
+  ] });
+};
+export {
+  A as E,
+  B as I,
+  $ as S,
+  w as d,
+  E as g,
+  I as s,
+  N as u
+};
+//# sourceMappingURL=EditorCard-BICCSvPo.js.map