@embeddable.com/remarkable-ui 0.1.7 → 0.1.9

package/dist/BarChartStackedHorizontalPro.js

@@ -0,0 +1,126 @@
+import { i as L, r as w, m as f, j as l, d as S, w as z, b as P, z as M, t as H, c as R, s as T, e as j, f as v, g as F, x as G, y as Y, h as W, k as E, l as I, A as O, V as m, o as _ } from "./component.constants-Bu7urPvk.js";
+import { useTheme as q, defineComponent as J } from "@embeddable.com/react";
+import { C as K } from "./object.utils-DgP__R-5.js";
+import { u as N, b as Q, a as U, B as X } from "./charts.fillGaps.hooks-CARsYBdm.js";
+const Z = (a) => {
+  var i, n;
+  const e = q();
+  L(e);
+  const {
+    description: u,
+    groupBy: r,
+    measure: s,
+    reverseYAxis: d,
+    showLegend: c,
+    showLogarithmicScale: x,
+    showTooltips: h,
+    showTotalLabels: g,
+    showValueLabels: p,
+    title: b,
+    yAxis: t,
+    xAxisLabel: C,
+    yAxisLabel: A,
+    xAxisRangeMax: B,
+    xAxisRangeMin: k,
+    onBarClicked: y
+  } = w(a), o = N(a.results, a.yAxis), D = Q(
+    {
+      data: o.data,
+      dimension: t,
+      groupDimension: r,
+      measure: s
+    },
+    e
+  ), V = f(
+    U({ measure: s, horizontal: !0, onBarClicked: y }, e),
+    ((n = (i = e.charts) == null ? void 0 : i.barChartStackedHorizontalPro) == null ? void 0 : n.options) || {}
+  );
+  return /* @__PURE__ */ l.jsx(
+    K,
+    {
+      data: o,
+      dimensionsAndMeasures: [s, t, r],
+      errorMessage: o.error,
+      subtitle: u,
+      title: b,
+      children: /* @__PURE__ */ l.jsx(
+        X,
+        {
+          data: D,
+          showLegend: c,
+          showTooltips: h,
+          showValueLabels: p,
+          showLogarithmicScale: x,
+          xAxisLabel: C,
+          yAxisLabel: A,
+          reverseYAxis: d,
+          xAxisRangeMin: k,
+          xAxisRangeMax: B,
+          showTotalLabels: g,
+          options: V,
+          stacked: "stacked",
+          horizontal: !0
+        }
+      )
+    }
+  );
+}, $ = {
+  name: "BarChartStackedHorizontalPro",
+  label: "Bar Chart - Stacked Horizontal",
+  category: "Bar Charts",
+  inputs: [
+    S,
+    z,
+    { ...P, name: "yAxis", label: "Y-axis" },
+    { ...M, name: "groupBy", label: "Group by" },
+    H,
+    R,
+    T,
+    j,
+    { ...v, defaultValue: !1 },
+    F,
+    G,
+    Y,
+    W,
+    E,
+    I,
+    O
+  ],
+  events: [
+    {
+      name: "onBarClicked",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked Axis Dimension Value",
+          type: "string"
+        },
+        {
+          name: "groupingDimensionValue",
+          label: "Clicked Grouping Dimension Value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, ra = J(Z, $, {
+  props: (a) => ({
+    ...a,
+    results: _({
+      from: a.dataset,
+      select: [a.yAxis, a.groupBy, a.measure]
+    })
+  }),
+  events: {
+    onBarClicked: (a) => ({
+      axisDimensionValue: a.axisDimensionValue || m.noFilter(),
+      groupingDimensionValue: a.groupingDimensionValue || m.noFilter()
+    })
+  }
+});
+export {
+  ra as default,
+  $ as meta
+};
+//# sourceMappingURL=BarChartStackedHorizontalPro.js.map

package/dist/BarChartStackedHorizontalPro.js.map

@@ -0,0 +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/charts/bars/BarChart';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useChartDataWithFillGaps } 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 = useChartDataWithFillGaps(props.results, props.yAxis);\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({ measure, horizontal: true, onBarClicked }, theme),\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} 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    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        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","useChartDataWithFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","BarChartStackedHorizontalPro_emb","defineComponent","BarChartStackedHorizontalPro","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/BarChartStackedPro.js

@@ -1,70 +1,63 @@
-import { i as V, r as v, m as P, j as c, d as M, a as R, b as d, t as T, c as j, s as D, e as X, f as E, g as F, x as G, y as I, h as O, k as _, l as q, n as z, V as H, o as J } from "./component.constants-NgQHE7x7.js";
-import { useTheme as K, defineComponent as N } from "@embeddable.com/react";
-import { C as Q } from "./object.utils-fwmkLUFj.js";
-import { g as U, a as W, B as Y } from "./bars.utils-BNWXOTjn.js";
-const Z = (e) => {
-  var n, l;
-  const s = K();
-  V(s);
+import { i as L, r as f, m as w, j as l, d as S, w as P, b as M, z as R, t as T, c as j, s as v, e as F, f as G, g as X, x as z, y as W, p as q, q as E, u as I, A as O, V as m, o as _ } from "./component.constants-Bu7urPvk.js";
+import { useTheme as H, defineComponent as J } from "@embeddable.com/react";
+import { C as K } from "./object.utils-DgP__R-5.js";
+import { u as N, b as Q, a as U, B as Y } from "./charts.fillGaps.hooks-CARsYBdm.js";
+const Z = (a) => {
+  var o, n;
+  const e = H();
+  L(e);
   const {
-    description: h,
-    groupBy: o,
-    measure: t,
-    results: r,
+    description: d,
+    groupBy: r,
+    measure: s,
     reverseXAxis: u,
-    showLegend: g,
+    showLegend: c,
     showLogarithmicScale: x,
-    showTooltips: p,
-    showTotalLabels: b,
-    showValueLabels: C,
-    title: k,
-    xAxis: i,
-    xAxisLabel: A,
-    yAxisLabel: y,
-    yAxisRangeMax: S,
-    yAxisRangeMin: B,
-    onSegmentClick: L
-  } = v(e), a = U(
+    showTooltips: h,
+    showTotalLabels: g,
+    showValueLabels: p,
+    title: b,
+    xAxis: t,
+    xAxisLabel: C,
+    yAxisLabel: A,
+    yAxisRangeMax: B,
+    yAxisRangeMin: k,
+    onBarClicked: y
+  } = f(a), i = N(a.results, a.xAxis), D = Q(
     {
-      data: r.data,
-      dimension: i,
-      groupDimension: o,
-      measure: t
+      data: i.data,
+      dimension: t,
+      groupDimension: r,
+      measure: s
     },
-    s
-  ), f = P(
-    W(s, t),
-    // Format Y axis based on first measure
-    ((l = (n = s.charts) == null ? void 0 : n.barChartPro) == null ? void 0 : l.options) || {}
-  ), w = (m) => {
-    !a || !a.labels || a.labels.length === 0 || L({
-      dimensionValue: m === void 0 ? null : a.labels[m]
-    });
-  };
-  return /* @__PURE__ */ c.jsx(
-    Q,
+    e
+  ), V = w(
+    U({ measure: s, horizontal: !1, onBarClicked: y }, e),
+    ((n = (o = e.charts) == null ? void 0 : o.barChartStackedPro) == null ? void 0 : n.options) || {}
+  );
+  return /* @__PURE__ */ l.jsx(
+    K,
     {
-      data: r,
-      dimensionsAndMeasures: [t, i, o],
-      errorMessage: r.error,
-      subtitle: h,
-      title: k,
-      children: /* @__PURE__ */ c.jsx(
+      data: i,
+      dimensionsAndMeasures: [s, t, r],
+      errorMessage: i.error,
+      subtitle: d,
+      title: b,
+      children: /* @__PURE__ */ l.jsx(
         Y,
         {
-          data: a,
-          onSegmentClick: w,
-          showLegend: g,
-          showTooltips: p,
-          showValueLabels: C,
+          data: D,
+          showLegend: c,
+          showTooltips: h,
+          showValueLabels: p,
           showLogarithmicScale: x,
-          xAxisLabel: A,
-          yAxisLabel: y,
+          xAxisLabel: C,
+          yAxisLabel: A,
           reverseXAxis: u,
-          yAxisRangeMin: B,
-          yAxisRangeMax: S,
-          showTotalLabels: b,
-          options: f,
+          yAxisRangeMin: k,
+          yAxisRangeMax: B,
+          showTotalLabels: g,
+          options: V,
           stacked: "stacked"
         }
       )
@@ -72,55 +65,61 @@ const Z = (e) => {
   );
 }, $ = {
   name: "BarChartStackedPro",
-  label: "Bar Chart Stacked",
+  label: "Bar Chart - Stacked",
   category: "Bar Charts",
   inputs: [
-    M,
-    R,
-    { ...d, name: "xAxis", label: "X-axis" },
-    { ...d, name: "groupBy", label: "Group by" },
+    S,
+    P,
+    { ...M, name: "xAxis", label: "X-axis" },
+    { ...R, name: "groupBy", label: "Group by" },
     T,
     j,
-    D,
-    X,
-    { ...E, defaultValue: !1 },
+    v,
     F,
-    G,
-    I,
-    O,
-    _,
+    { ...G, defaultValue: !1 },
+    X,
+    z,
+    W,
     q,
-    z
+    E,
+    I,
+    O
   ],
   events: [
     {
-      name: "onSegmentClick",
+      name: "onBarClicked",
       label: "A bar is clicked",
       properties: [
         {
-          name: "dimensionValue",
-          label: "Clicked Dimension value",
+          name: "axisDimensionValue",
+          label: "Clicked Axis Dimension Value",
+          type: "string"
+        },
+        {
+          name: "groupingDimensionValue",
+          label: "Clicked Grouping Dimension Value",
           type: "string"
         }
       ]
     }
   ]
-}, re = N(Z, $, {
-  props: (e) => ({
-    ...e,
-    results: J({
-      from: e.dataset,
-      select: [e.xAxis, e.groupBy, e.measure]
+}, ra = J(Z, $, {
+  props: (a) => ({
+    ...a,
+    results: _({
+      from: a.dataset,
+      select: [a.xAxis, a.groupBy, a.measure]
     })
   }),
   events: {
-    onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || H.noFilter()
+    onBarClicked: (a) => ({
+      axisDimensionValue: a.axisDimensionValue || m.noFilter(),
+      groupingDimensionValue: a.groupingDimensionValue || m.noFilter()
     })
   }
 });
 export {
-  re as default,
+  ra as default,
   $ 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/charts/bars/BarChart';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\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  onSegmentClick: (args: { dimensionValue: string | null }) => void;\n};\n\nconst BarChartStackedPro = (props: BarChartStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    results,\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    onSegmentClick,\n  } = resolveI18nProps(props);\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(theme, measure), // Format Y axis based on first measure\n    theme.charts?.barChartPro?.options || {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    if (!data || !data.labels || data.labels.length === 0) return;\n\n    onSegmentClick({\n      dimensionValue: index === undefined ? null : (data.labels[index] as string),\n    });\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        onSegmentClick={handleSegmentClick}\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  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} 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    { ...dimension, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\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: 'onSegmentClick',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked 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        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","results","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onSegmentClick","resolveI18nProps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","handleSegmentClick","index","jsx","ChartCard","BarChart","meta","dataset","dimension","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/charts/bars/BarChart';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useChartDataWithFillGaps } 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 = useChartDataWithFillGaps(props.results, props.xAxis);\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({ measure, horizontal: false, onBarClicked }, theme),\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} 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    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        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","useChartDataWithFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","BarChartStackedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/{BaseButton-DsX3rdls.js → BaseButton-B7Q1U50t.js}

@@ -1,4 +1,4 @@
-import { j as c, T as e } from "./component.constants-NgQHE7x7.js";
+import { j as c, U as e } from "./component.constants-Bu7urPvk.js";
 const i = "_baseButton_1tlim_1", m = "_primary_1tlim_15", _ = "_secondary_1tlim_35", u = "_icon_1tlim_56", t = {
   baseButton: i,
   primary: m,
@@ -21,4 +21,4 @@ const i = "_baseButton_1tlim_1", m = "_primary_1tlim_15", _ = "_secondary_1tlim_
 export {
   l as B
 };
-//# sourceMappingURL=BaseButton-DsX3rdls.js.map
+//# sourceMappingURL=BaseButton-B7Q1U50t.js.map

package/dist/{BaseButton-DsX3rdls.js.map → BaseButton-B7Q1U50t.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BaseButton-DsX3rdls.js","sources":["../src/remarkable-ui/shared/BaseButton/BaseButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport styles from './BaseButton.module.css';\n\nexport type BaseButtonProps = {\n  variant?: 'primary' | 'secondary';\n  size?: 'small' | 'medium';\n  ref?: React.Ref<HTMLButtonElement>;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const BaseButton: React.FC<BaseButtonProps> = ({\n  variant = 'primary',\n  size = 'medium',\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <button\n      className={clsx(styles.baseButton, styles[variant], styles[size], className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["BaseButton","variant","size","className","children","props","jsx","clsx","styles"],"mappings":";;;;;;GAUaA,IAAwC,CAAC;AAAA,EACpD,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOP,CAAO,GAAGO,EAAON,CAAI,GAAGC,CAAS;AAAA,IAC1E,GAAGE;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"BaseButton-B7Q1U50t.js","sources":["../src/remarkable-ui/shared/BaseButton/BaseButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport styles from './BaseButton.module.css';\n\nexport type BaseButtonProps = {\n  variant?: 'primary' | 'secondary';\n  size?: 'small' | 'medium';\n  ref?: React.Ref<HTMLButtonElement>;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const BaseButton: React.FC<BaseButtonProps> = ({\n  variant = 'primary',\n  size = 'medium',\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <button\n      className={clsx(styles.baseButton, styles[variant], styles[size], className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["BaseButton","variant","size","className","children","props","jsx","clsx","styles"],"mappings":";;;;;;GAUaA,IAAwC,CAAC;AAAA,EACpD,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOP,CAAO,GAAGO,EAAON,CAAI,GAAGC,CAAS;AAAA,IAC1E,GAAGE;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}

package/dist/DateRangeSelectFieldPro.js

@@ -1,6 +1,6 @@
 import { defineComponent as l } from "@embeddable.com/react";
-import { t as o, c as n, S as r, V as a } from "./component.constants-NgQHE7x7.js";
-import { D as i, l as t } from "./index-2WoFpJfg.js";
+import { t as o, c as n, T as r, V as a } from "./component.constants-Bu7urPvk.js";
+import { D as i, l as t } from "./index-BNnnY52a.js";
 const d = {
   name: "DateRangeSelectFieldPro",
   label: "Date Range Select Field",

package/dist/DonutChartPro.js

@@ -1,6 +1,6 @@
-import { d as a, a as s, b as t, t as o, c as n, s as r, R as i, e as m, f as l, V as d, o as u } from "./component.constants-NgQHE7x7.js";
+import { d as a, w as s, z as t, t as o, c as n, s as r, S as i, e as m, f as l, V as d, o as u } from "./component.constants-Bu7urPvk.js";
 import { defineComponent as c } from "@embeddable.com/react";
-import { D as p } from "./index-Cqs54QdW.js";
+import { D as p } from "./index-XC3GHrUh.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,5 +1,5 @@
-import { D as n } from "./index-Cj8Wb4RU.js";
-import { d as s, a, b as r, t as o, c as l, s as i, R as m, e as d, f as b, V as u, o as t } from "./component.constants-NgQHE7x7.js";
+import { D as n } from "./index-DTBvrNIv.js";
+import { d as s, w as a, z as r, t as o, c as l, s as i, S as m, e as d, f as u, V as b, o as t } from "./component.constants-Bu7urPvk.js";
 import { defineComponent as c } from "@embeddable.com/react";
 const p = {
   name: "DonutLabelChartPro",
@@ -23,7 +23,7 @@ const p = {
     i,
     m,
     d,
-    b
+    u
   ],
   events: [
     {
@@ -52,7 +52,7 @@ const p = {
   }),
   events: {
     onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || u.noFilter()
+      dimensionValue: e.dimensionValue || b.noFilter()
     })
   }
 });

package/dist/{EditorCard-DITswftb.js → EditorCard-DT7pj7pD.js}

@@ -1,4 +1,4 @@
-import { ai as l, j as r, T as u, i as m, U as p, W as _, Y as x, _ as f, Q as h, ak as C } from "./component.constants-NgQHE7x7.js";
+import { al as l, j as r, U as u, i as m, W as p, X as _, Z as x, $ as f, R as h, an as C } from "./component.constants-Bu7urPvk.js";
 import { useEffect as j } from "react";
 import { useTheme as S } from "@embeddable.com/react";
 /**
@@ -7,11 +7,11 @@ import { useTheme as S } from "@embeddable.com/react";
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const T = [["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" }]], g = l("outline", "search", "Search", T), b = "_listOptions_2o1ip_1", v = "_disabled_2o1ip_6", a = {
-  listOptions: b,
-  disabled: v
+const b = [["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" }]], g = l("outline", "search", "Search", b), v = "_listOptions_2o1ip_1", y = "_disabled_2o1ip_6", a = {
+  listOptions: v,
+  disabled: y
 }, k = ({ children: t, disabled: e, ...s }) => /* @__PURE__ */ r.jsx("div", { className: u(a.listOptions, e && a.disabled), ...s, children: t });
-function A(t, e = 300) {
+function R(t, e = 300) {
   let s;
   return (...o) => {
     clearTimeout(s), s = setTimeout(() => {
@@ -19,17 +19,17 @@ function A(t, e = 300) {
     }, e);
   };
 }
-const D = (t, e) => {
+const $ = (t, e) => {
   j(() => {
     t && setTimeout(() => {
       var s;
       (s = e.current) == null || s.focus();
     }, 100);
   }, [t, e]);
-}, y = "_error_1xvr5_1", E = "_card_1xvr5_7", n = {
-  error: y,
+}, T = "_error_1xvr5_1", E = "_card_1xvr5_7", n = {
+  error: T,
   card: E
-}, H = ({
+}, A = ({
   title: t,
   subtitle: e,
   children: s,
@@ -53,10 +53,10 @@ const D = (t, e) => {
   ] });
 };
 export {
-  H as E,
+  A as E,
   g as I,
   k as S,
-  A as d,
-  D as u
+  R as d,
+  $ as u
 };
-//# sourceMappingURL=EditorCard-DITswftb.js.map
+//# sourceMappingURL=EditorCard-DT7pj7pD.js.map

package/dist/{EditorCard-DITswftb.js.map → EditorCard-DT7pj7pD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-DITswftb.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - 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\": \"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\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import { FC } from 'react';\nimport styles from './SelectListOptions.module.css';\nimport clsx from 'clsx';\n\nexport type SelectListOptionsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport const SelectListOptions: FC<SelectListOptionsProps> = ({ children, disabled, ...props }) => {\n  return (\n    <div className={clsx(styles.listOptions, disabled && styles.disabled)} {...props}>\n      {children}\n    </div>\n  );\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timer: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n  isOpen: boolean,\n  searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n  useEffect(() => {\n    if (isOpen) {\n      setTimeout(() => {\n        (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n      }, 100);\n    }\n  }, [isOpen, searchFieldRef]);\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardContentInfo, CardHeader } from '../../../../../remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardContentInfo\n          className={styles.error}\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["__iconNode","IconSearch","createReactComponent","SelectListOptions","children","disabled","props","jsx","clsx","styles","debounce","fn","delay","timer","args","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU;;;GCDpEG,IAAgD,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAEnFC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAKC,EAAO,aAAaJ,KAAYI,EAAO,QAAQ,GAAI,GAAGH,GACxE,UAAAF,EAAA,CACH;ACZG,SAASM,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;ACVO,MAAMG,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;;GCEaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAlB;AAAA,EACA,cAAAmB;AAAA,EACA,GAAGjB;AACL,MAAM;AACJ,QAAMkB,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAhB,gBAAAA,EAAAA;AAAAA,IAACqB;AAAA,IAAA;AAAA,MACC,WAAWnB,EAAO;AAAA,MAClB,MAAMoB;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKRnB;AAGT,gCACG2B,GAAA,EAAK,WAAWtB,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACyB,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9Cf,gBAAAA,EAAAA,IAAC0B,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"EditorCard-DT7pj7pD.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - 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\": \"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\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import { FC } from 'react';\nimport styles from './SelectListOptions.module.css';\nimport clsx from 'clsx';\n\nexport type SelectListOptionsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport const SelectListOptions: FC<SelectListOptionsProps> = ({ children, disabled, ...props }) => {\n  return (\n    <div className={clsx(styles.listOptions, disabled && styles.disabled)} {...props}>\n      {children}\n    </div>\n  );\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timer: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n  isOpen: boolean,\n  searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n  useEffect(() => {\n    if (isOpen) {\n      setTimeout(() => {\n        (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n      }, 100);\n    }\n  }, [isOpen, searchFieldRef]);\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardContentInfo, CardHeader } from '../../../../../remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardContentInfo\n          className={styles.error}\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["__iconNode","IconSearch","createReactComponent","SelectListOptions","children","disabled","props","jsx","clsx","styles","debounce","fn","delay","timer","args","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU;;;GCDpEG,IAAgD,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAEnFC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAKC,EAAO,aAAaJ,KAAYI,EAAO,QAAQ,GAAI,GAAGH,GACxE,UAAAF,EAAA,CACH;ACZG,SAASM,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;ACVO,MAAMG,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;;GCEaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAlB;AAAA,EACA,cAAAmB;AAAA,EACA,GAAGjB;AACL,MAAM;AACJ,QAAMkB,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAhB,gBAAAA,EAAAA;AAAAA,IAACqB;AAAA,IAAA;AAAA,MACC,WAAWnB,EAAO;AAAA,MAClB,MAAMoB;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKRnB;AAGT,gCACG2B,GAAA,EAAK,WAAWtB,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACyB,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9Cf,gBAAAA,EAAAA,IAAC0B,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}

package/dist/MultiSelectFieldPro.js

@@ -1,6 +1,6 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { d as r, b as s, t as d, c as u, S as m, V as t, o as c } from "./component.constants-NgQHE7x7.js";
-import { M as p, a as f } from "./index-BB8vsUSC.js";
+import { d as r, z as s, t as d, c as u, T as m, V as t, o as c } from "./component.constants-Bu7urPvk.js";
+import { M as p, a as f } from "./index-CE1y_sl-.js";
 const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",
@@ -63,7 +63,7 @@ const g = {
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, S = i(f, g, {
+}, h = i(f, g, {
   props: (e, [a, l]) => {
     const n = e.dimension.nativeType === "string" ? "contains" : "equals";
     return {
@@ -91,7 +91,7 @@ const g = {
   }
 });
 export {
-  S as default,
+  h as default,
   g as meta
 };
 //# sourceMappingURL=MultiSelectFieldPro.js.map

package/dist/PieChartPro.js

@@ -1,6 +1,6 @@
-import { d as a, a as s, b as t, t as o, c as n, s as i, R as r, e as m, f as l, V as d, o as c } from "./component.constants-NgQHE7x7.js";
+import { d as a, w as s, z as t, t as o, c as n, s as i, S as r, e as m, f as l, V as d, o as c } from "./component.constants-Bu7urPvk.js";
 import { defineComponent as p } from "@embeddable.com/react";
-import { P as u } from "./index-DcQQSzl0.js";
+import { P as u } from "./index-DO003rMh.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/{SingleSelectField-CPjeHQQf.js → SingleSelectField-CZE2ZA1D.js}

@@ -1,7 +1,7 @@
-import { j as l, $ as R, a2 as D, a3 as E, a0 as h, a1 as k } from "./component.constants-NgQHE7x7.js";
+import { j as l, a0 as R, a3 as D, a4 as E, a1 as h, a2 as k } from "./component.constants-Bu7urPvk.js";
 import { useState as i, useRef as w, useEffect as B, useMemo as K } from "react";
-import { u as M, d as N, I as P, S as T } from "./EditorCard-DITswftb.js";
-const A = ({
+import { u as M, d as N, I as P, S as T } from "./EditorCard-DT7pj7pD.js";
+const G = ({
   value: t = "",
   startIcon: p,
   options: a,
@@ -83,6 +83,6 @@ const A = ({
   );
 };
 export {
-  A as S
+  G as S
 };
-//# sourceMappingURL=SingleSelectField-CPjeHQQf.js.map
+//# sourceMappingURL=SingleSelectField-CZE2ZA1D.js.map