@embeddable.com/remarkable-ui 0.0.3 → 0.0.4

package/dist/DonutChartPro.js

@@ -1,63 +1,20 @@
-import { i as f, r as V, m as k, j as m, D as P, d as v, a as w, b as x, t as L, c as S, s as j, e as I, f as T, g as y, V as A, l as M } from "./component.constants-DeKHmTqm.js";
-import { useTheme as O, defineComponent as E } from "@embeddable.com/react";
-import { g as F, a as R, C as _ } from "./ChartCard-LJ6ahXjM.js";
-import "react";
-const q = (e) => {
-  const s = O();
-  f(s);
-  const {
-    description: l,
-    dimension: a,
-    maxLegendItems: d,
-    measure: n,
-    results: t,
-    showLegend: u,
-    showTooltips: c,
-    showValueLabels: h,
-    title: C,
-    onSegmentClick: g
-  } = V(e), p = F({ data: t.data, dimension: a, measure: n, maxLegendItems: d }, s), D = k(
-    R(
-      {
-        measure: n,
-        showTooltips: c,
-        showLegend: u,
-        showValueLabels: h
-      },
-      s
-    ),
-    s.charts.donutChartOverrides ?? {}
-  ), b = (o) => {
-    var r, i;
-    g({
-      dimensionValue: o === void 0 || (i = (r = t.data) == null ? void 0 : r[o]) == null ? void 0 : i[a.name]
-    });
-  };
-  return /* @__PURE__ */ m.jsx(
-    _,
-    {
-      data: t,
-      dimensionsAndMeasures: [a, n],
-      errorMessage: t.error,
-      subtitle: l,
-      title: C,
-      children: /* @__PURE__ */ m.jsx(P, { data: p, options: D, onSegmentClick: b })
-    }
-  );
-}, z = {
+import { t as a, v as s, u as t, w as o, x as n, y as r, B as i, z as m, A as l, V as d, F as u } from "./component.constants-DJJeuVZB.js";
+import { defineComponent as c } from "@embeddable.com/react";
+import { D as p } from "./index-CMkIqbbJ.js";
+const C = {
   name: "DonutChartPro",
   label: "Donut Chart",
   category: "Pie Charts",
   inputs: [
-    v,
-    w,
-    x,
-    L,
-    S,
-    j,
-    I,
-    T,
-    y
+    a,
+    s,
+    t,
+    o,
+    n,
+    r,
+    i,
+    m,
+    l
   ],
   events: [
     {
@@ -72,22 +29,22 @@ const q = (e) => {
       ]
     }
   ]
-}, K = E(q, z, {
+}, f = c(p, C, {
   props: (e) => ({
     ...e,
-    results: M({
+    results: u({
       from: e.dataset,
       select: [e.measure, e.dimension]
     })
   }),
   events: {
     onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || A.noFilter()
+      dimensionValue: e.dimensionValue || d.noFilter()
     })
   }
 });
 export {
-  K as default,
-  z as meta
+  f as default,
+  C as meta
 };
 //# sourceMappingURL=DonutChartPro.js.map

package/dist/DonutChartPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChartPro.js","sources":["../src/remarkable-pro/components/charts/pies/DonutChartPro/index.tsx","../src/remarkable-pro/components/charts/pies/DonutChartPro/DonutChartPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DefaultPieChartOptions, getDefaultPieChartOptions, getPieChartData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '../../../../../remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype DonutChartProProps = DefaultPieChartProps;\n\nconst DonutChartPro = (props: DonutChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartData({ data: results.data, dimension, measure, maxLegendItems }, theme);\n\n  const options = mergician(\n    getDefaultPieChartOptions(\n      {\n        measure,\n        showTooltips,\n        showLegend,\n        showValueLabels,\n      } as DefaultPieChartOptions,\n      theme,\n    ),\n    theme.charts.donutChartOverrides ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <DonutChart data={data} options={options} onSegmentClick={handleSegmentClick} />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport ReadyMadeDonutChart from './index';\nimport {\n  dimension,\n  dataset,\n  description,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(ReadyMadeDonutChart, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["DonutChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","data","getPieChartData","options","mergician","getDefaultPieChartOptions","handleSegmentClick","index","_b","_a","jsx","ChartCard","DonutChart","meta","dataset","DonutChartPro_emb","defineComponent","ReadyMadeDonutChart","inputs","loadData","value","Value"],"mappings":";;;;AAYA,MAAMA,IAAgB,CAACC,MAA8B;AACnD,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,IAAOC,EAAgB,EAAE,MAAMR,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA,GAAkBL,CAAK,GAExFgB,IAAUC;AAAA,IACdC;AAAA,MACE;AAAA,QACE,SAAAZ;AAAA,QACA,cAAAG;AAAA,QACA,YAAAD;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,MAEFV;AAAA,IAAA;AAAA,IAEFA,EAAM,OAAO,uBAAuB,CAAA;AAAA,EAAC,GAGjCmB,IAAqB,CAACC,MAA8B;;AACxD,IAAAR,EAAe;AAAA,MACb,gBAAgBQ,MAAU,WAAwBC,KAAAC,IAAAf,EAAQ,SAAR,gBAAAe,EAAeF,OAAf,OAAZ,SAAYC,EAAwBjB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEmB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMjB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAY,gBAAAA,EAAAA,IAACE,GAAA,EAAW,MAAAX,GAAY,SAAAE,GAAkB,gBAAgBG,EAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGpF,GC9CaO,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACArB;AAAA,IACAF;AAAA,IACAO;AAAA,IACAR;AAAA,IACAK;AAAA,IACAH;AAAA,IACAI;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAkB,IAAeC,EAAgBC,GAAqBJ,GAAM;AAAA,EACxD,OAAO,CAACK,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}
+{"version":3,"file":"DonutChartPro.js","sources":["../src/remarkable-pro/components/charts/pies/DonutChartPro/DonutChartPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport ReadyMadeDonutChart from './index';\nimport {\n  dimension,\n  dataset,\n  description,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(ReadyMadeDonutChart, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","measure","dimension","title","description","showLegend","maxLegendItems","showTooltips","showValueLabels","DonutChartPro_emb","defineComponent","ReadyMadeDonutChart","inputs","loadData","value","Value"],"mappings":";;;AAeO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAqBZ,GAAM;AAAA,EACxD,OAAO,CAACa,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}

package/dist/DonutLabelChartPro.js

@@ -1,74 +1,15 @@
-import { i as M, r as S, h as y, m as I, j as c, D as j, d as F, a as h, b as A, t as O, c as q, s as E, e as R, f as _, g as z, V as B, l as b } from "./component.constants-DeKHmTqm.js";
-import { useTheme as G, defineComponent as H } from "@embeddable.com/react";
-import { g as J, a as K, C as N } from "./ChartCard-LJ6ahXjM.js";
-import "react";
-const Q = (e) => {
-  var i, l;
-  const a = G(), g = y(a);
-  M(a);
-  const {
-    description: p,
-    dimension: s,
-    maxLegendItems: C,
-    measure: n,
-    results: t,
-    showLegend: L,
-    showTooltips: D,
-    showValueLabels: f,
-    title: x,
-    innerLabelMeasure: o,
-    resultsInnerLabel: r,
-    innerLabelText: T,
-    onSegmentClick: V
-  } = S(e), k = J({ data: t.data, dimension: s, measure: n, maxLegendItems: C }, a), P = (m) => {
-    var d, u;
-    V({
-      dimensionValue: m === void 0 || (u = (d = t.data) == null ? void 0 : d[m]) == null ? void 0 : u[s.name]
-    });
-  }, v = g.data(
-    o,
-    (l = (i = r == null ? void 0 : r.data) == null ? void 0 : i[0]) == null ? void 0 : l[o.name]
-  ), w = I(
-    K(
-      {
-        measure: n,
-        showTooltips: D,
-        showLegend: L,
-        showValueLabels: f
-      },
-      a
-    ),
-    a.charts.donutLabelChartOverrides ?? {}
-  );
-  return /* @__PURE__ */ c.jsx(
-    N,
-    {
-      data: t,
-      dimensionsAndMeasures: [s, n],
-      errorMessage: t.error,
-      subtitle: p,
-      title: x,
-      children: /* @__PURE__ */ c.jsx(
-        j,
-        {
-          label: v,
-          subLabel: T,
-          data: k,
-          options: w,
-          onSegmentClick: P
-        }
-      )
-    }
-  );
-}, U = {
+import { t as n, v as a, u as s, w as r, x as o, y as l, B as i, z as m, A as d, V as u, F as t } from "./component.constants-DJJeuVZB.js";
+import { defineComponent as b } from "@embeddable.com/react";
+import { D as c } from "./index-tRLBKX7V.js";
+const p = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",
   category: "Pie Charts",
   inputs: [
-    F,
-    h,
-    A,
-    { ...h, name: "innerLabelMeasure", label: "Inner Label Measure" },
+    n,
+    a,
+    s,
+    { ...a, name: "innerLabelMeasure", label: "Inner Label Measure" },
     {
       name: "innerLabelText",
       type: "string",
@@ -77,12 +18,12 @@ const Q = (e) => {
       required: !1,
       category: "Component Data"
     },
-    O,
-    q,
-    E,
-    R,
-    _,
-    z
+    r,
+    o,
+    l,
+    i,
+    m,
+    d
   ],
   events: [
     {
@@ -97,26 +38,26 @@ const Q = (e) => {
       ]
     }
   ]
-}, $ = H(Q, U, {
+}, g = b(c, p, {
   props: (e) => ({
     ...e,
-    results: b({
+    results: t({
       from: e.dataset,
       select: [e.measure, e.dimension]
     }),
-    resultsInnerLabel: b({
+    resultsInnerLabel: t({
       from: e.dataset,
       select: [e.innerLabelMeasure]
     })
   }),
   events: {
     onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || B.noFilter()
+      dimensionValue: e.dimensionValue || u.noFilter()
     })
   }
 });
 export {
-  $ as default,
-  U as meta
+  g as default,
+  p as meta
 };
 //# sourceMappingURL=DonutLabelChartPro.js.map

package/dist/DonutLabelChartPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutLabelChartPro.js","sources":["../src/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.tsx","../src/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DefaultPieChartOptions, getDefaultPieChartOptions, getPieChartData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '../../../../../remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype DonutLabelChartProProps = DefaultPieChartProps & {\n  innerLabelMeasure: Measure;\n  innerLabelText: string;\n  resultsInnerLabel: DataResponse;\n};\n\nconst DonutChartPro = (props: DonutLabelChartProProps) => {\n  const theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    innerLabelMeasure,\n    resultsInnerLabel,\n    innerLabelText,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartData({ data: results.data, dimension, measure, maxLegendItems }, theme);\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  const label = themeFormatter.data(\n    innerLabelMeasure,\n    resultsInnerLabel?.data?.[0]?.[innerLabelMeasure.name],\n  );\n\n  const options = mergician(\n    getDefaultPieChartOptions(\n      {\n        measure,\n        showTooltips,\n        showLegend,\n        showValueLabels,\n      } as DefaultPieChartOptions,\n      theme,\n    ),\n    theme.charts.donutLabelChartOverrides ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <DonutChart\n        label={label}\n        subLabel={innerLabelText}\n        data={data}\n        options={options}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\n\nimport PieChart from './index';\nimport {\n  dimension,\n  dataset,\n  description,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'DonutLabelChartPro',\n  label: 'Donut Label Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    { ...measure, name: 'innerLabelMeasure', label: 'Inner Label Measure' },\n    {\n      name: 'innerLabelText',\n      type: 'string',\n      label: 'Inner Label Text',\n      description: 'Text to display inside the donut chart',\n      required: false,\n      category: 'Component Data',\n    },\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(PieChart, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n      resultsInnerLabel: loadData({\n        from: inputs.dataset,\n        select: [inputs.innerLabelMeasure],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["DonutChartPro","props","theme","useTheme","themeFormatter","getThemeFormatter","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","innerLabelMeasure","resultsInnerLabel","innerLabelText","onSegmentClick","resolveI18nProps","data","getPieChartData","handleSegmentClick","index","_b","_a","label","options","mergician","getDefaultPieChartOptions","jsx","ChartCard","DonutChart","meta","dataset","DonutLabelChartPro_emb","defineComponent","PieChart","inputs","loadData","value","Value"],"mappings":"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"}
+{"version":3,"file":"DonutLabelChartPro.js","sources":["../src/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\n\nimport PieChart from './index';\nimport {\n  dimension,\n  dataset,\n  description,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'DonutLabelChartPro',\n  label: 'Donut Label Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    { ...measure, name: 'innerLabelMeasure', label: 'Inner Label Measure' },\n    {\n      name: 'innerLabelText',\n      type: 'string',\n      label: 'Inner Label Text',\n      description: 'Text to display inside the donut chart',\n      required: false,\n      category: 'Component Data',\n    },\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(PieChart, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n      resultsInnerLabel: loadData({\n        from: inputs.dataset,\n        select: [inputs.innerLabelMeasure],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","measure","dimension","title","description","showLegend","maxLegendItems","showTooltips","showValueLabels","DonutLabelChartPro_emb","defineComponent","PieChart","inputs","loadData","value","Value"],"mappings":";;;AAgBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGD,GAAS,MAAM,qBAAqB,OAAO,sBAAA;AAAA,IAChD;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZE;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAUZ,GAAM;AAAA,EAC7C,OAAO,CAACa,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,IACD,mBAAmBC,EAAS;AAAA,MAC1B,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,iBAAiB;AAAA,IAAA,CAClC;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}

package/dist/{EditorCard-ESCNXU4p.js → EditorCard-Bejw3k3G.js}

@@ -1,9 +1,9 @@
-import { j as r, A as l, o as u, i as m, C as p, w as _, x, y as C, n as f, z as h } from "./component.constants-DeKHmTqm.js";
+import { H as r, L as l, M as u, k as m, C as p, b as _, a as x, c as C, j as f, N as h } from "./component.constants-DJJeuVZB.js";
 import { useEffect as j } from "react";
 import { useTheme as S } from "@embeddable.com/react";
-const y = "_listOptions_2o1ip_1", b = "_disabled_2o1ip_6", a = {
-  listOptions: y,
-  disabled: b
+const b = "_listOptions_2o1ip_1", v = "_disabled_2o1ip_6", a = {
+  listOptions: b,
+  disabled: v
 }, g = ({ children: t, disabled: e, ...s }) => /* @__PURE__ */ r.jsx("div", { className: l(a.listOptions, e && a.disabled), ...s, children: t });
 function k(t, e = 300) {
   let s;
@@ -19,44 +19,44 @@ function k(t, e = 300) {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const v = [["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" }]], A = u("outline", "search", "Search", v), w = (t, e) => {
+const y = [["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" }]], H = u("outline", "search", "Search", y), L = (t, e) => {
   j(() => {
     t && setTimeout(() => {
       var s;
       (s = e.current) == null || s.focus();
     }, 100);
   }, [t, e]);
-}, T = "_error_1xvr5_1", E = "_card_1xvr5_7", n = {
-  error: T,
-  card: E
-}, z = ({
+}, N = "_error_1xvr5_1", T = "_card_1xvr5_7", c = {
+  error: N,
+  card: T
+}, M = ({
   title: t,
   subtitle: e,
   children: s,
   errorMessage: o,
-  ...c
+  ...n
 }) => {
   const i = S();
   m(i);
   const d = () => o ? /* @__PURE__ */ r.jsx(
     C,
     {
-      className: n.error,
+      className: c.error,
       icon: h,
       title: f.t("editors.errorTitle"),
       message: o
     }
   ) : s;
-  return /* @__PURE__ */ r.jsxs(p, { className: n.card, ...c, children: [
+  return /* @__PURE__ */ r.jsxs(p, { className: c.card, ...n, children: [
     /* @__PURE__ */ r.jsx(_, { title: t, subtitle: e }),
     /* @__PURE__ */ r.jsx(x, { children: d() })
   ] });
 };
 export {
-  z as E,
-  A as I,
+  M as E,
+  H as I,
   g as S,
   k as d,
-  w as u
+  L as u
 };
-//# sourceMappingURL=EditorCard-ESCNXU4p.js.map
+//# sourceMappingURL=EditorCard-Bejw3k3G.js.map

package/dist/{EditorCard-ESCNXU4p.js.map → EditorCard-Bejw3k3G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-ESCNXU4p.js","sources":["../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["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","/**\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 { 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":["SelectListOptions","children","disabled","props","jsx","clsx","styles","debounce","fn","delay","timer","args","__iconNode","IconSearch","createReactComponent","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;;;;GASaA,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;ACZA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMG,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,GCRpEG,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,UAAArB;AAAA,EACA,cAAAsB;AAAA,EACA,GAAGpB;AACL,MAAM;AACJ,QAAMqB,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAnB,gBAAAA,EAAAA;AAAAA,IAACwB;AAAA,IAAA;AAAA,MACC,WAAWtB,EAAO;AAAA,MAClB,MAAMuB;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKRtB;AAGT,gCACG8B,GAAA,EAAK,WAAWzB,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC4B,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9ClB,gBAAAA,EAAAA,IAAC6B,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[2]}
+{"version":3,"file":"EditorCard-Bejw3k3G.js","sources":["../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["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","/**\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 { 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":["SelectListOptions","children","disabled","props","jsx","clsx","styles","debounce","fn","delay","timer","args","__iconNode","IconSearch","createReactComponent","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;;;;GASaA,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;ACZA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMG,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,GCRpEG,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,UAAArB;AAAA,EACA,cAAAsB;AAAA,EACA,GAAGpB;AACL,MAAM;AACJ,QAAMqB,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAnB,gBAAAA,EAAAA;AAAAA,IAACwB;AAAA,IAAA;AAAA,MACC,WAAWtB,EAAO;AAAA,MAClB,MAAMuB;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKRtB;AAGT,gCACG8B,GAAA,EAAK,WAAWzB,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC4B,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9ClB,gBAAAA,EAAAA,IAAC6B,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[2]}

package/dist/MultiSelectFieldPro.js

@@ -1,192 +1,25 @@
-import { useTheme as w, defineComponent as z } from "@embeddable.com/react";
-import { j as s, A as E, T as R, o as k, q as $, S as H, B as J, u as F, E as K, r as W, h as X, n as G, d as Q, b as M, t as U, c as Y, F as Z, V as D, l as ee } from "./component.constants-DeKHmTqm.js";
-import { u as te, d as se, I as ae, S as le, E as ne } from "./EditorCard-ESCNXU4p.js";
-import { useState as x, useRef as oe, useEffect as V, useMemo as ie } from "react";
-const re = "_button_yvk40_1", ce = "_primary_yvk40_26", ue = "_secondary_yvk40_40", de = "_medium_yvk40_54", me = "_small_yvk40_71", j = {
-  button: re,
-  primary: ce,
-  secondary: ue,
-  medium: de,
-  small: me
-}, pe = ({
-  variant: t,
-  startIcon: o,
-  endIcon: l,
-  size: d,
-  className: m,
-  children: r,
-  ...p
-}) => /* @__PURE__ */ s.jsxs("button", { ...p, className: E(j.button, j[t], j[d], m), children: [
-  o && /* @__PURE__ */ s.jsx(o, {}),
-  /* @__PURE__ */ s.jsx(R, { as: "span", children: r }),
-  l && /* @__PURE__ */ s.jsx(l, {})
-] });
-/**
- * @license @tabler/icons-react v3.34.1 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const he = [["path", { d: "M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z", key: "svg-0" }]], be = k("outline", "square", "Square", he);
-/**
- * @license @tabler/icons-react v3.34.1 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const fe = [["path", { d: "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", key: "svg-0" }]], ye = k("filled", "square-check-filled", "SquareCheckFilled", fe), ve = "_submitButton_1e96n_1", ge = {
-  submitButton: ve
-}, xe = ({
-  disabled: t,
-  isClearable: o,
-  isLoading: l,
-  isSearchable: d,
-  noOptionsMessage: m,
-  options: r,
-  placeholder: p,
-  submitLabel: _ = "Apply",
-  values: a = [],
-  onChange: f,
-  onSearch: n
-}) => {
-  const [h, y] = x(!1), [v, b] = x(""), [c, u] = x(a), [q, C] = x(""), O = oe(null);
-  te(h, O), V(() => {
-    u(a);
-  }, [JSON.stringify(a)]), V(() => {
-    if (l)
-      return;
-    if (!a || a.length === 0) {
-      C("");
-      return;
-    }
-    const e = a.map(
-      (i) => {
-        var g;
-        return ((g = r.find((A) => A.value === i)) == null ? void 0 : g.label) ?? i;
-      }
-    );
-    if (e.length > 0) {
-      const i = e.join(", ");
-      C(`(${e.length}) ${i}`);
-    }
-  }, [a, r, l]);
-  const S = ie(() => n ? se(n) : void 0, [n]), B = d && !n ? r.filter((e) => e.label.toLowerCase().includes(v.toLowerCase())) : r, I = c.every((e) => a.includes(e)) && a.every((e) => c.includes(e)), P = (e, i) => {
-    e.preventDefault(), i && (c.includes(i) ? u(c.filter((g) => g !== i)) : u([...c, i]));
-  }, L = (e) => {
-    b(e), S == null || S(e);
-  }, N = (e) => {
-    f(e), y(!1), b(""), n == null || n("");
-  }, T = () => {
-    b(""), n == null || n(""), f([]);
-  };
-  return /* @__PURE__ */ s.jsx(
-    $,
-    {
-      open: h,
-      onOpenChange: y,
-      disabled: t,
-      triggerComponent: /* @__PURE__ */ s.jsx(
-        K,
-        {
-          "aria-label": "Select options",
-          placeholder: p,
-          disabled: t,
-          valueLabel: q,
-          onClear: T,
-          isClearable: o,
-          isLoading: l
-        }
-      ),
-      children: /* @__PURE__ */ s.jsxs(H, { children: [
-        d && /* @__PURE__ */ s.jsx(
-          J,
-          {
-            ref: O,
-            startIcon: ae,
-            "aria-label": "Search options",
-            placeholder: "Search…",
-            role: "searchbox",
-            value: v,
-            onKeyDown: (e) => e.stopPropagation(),
-            onChange: L
-          }
-        ),
-        /* @__PURE__ */ s.jsxs(le, { disabled: l, children: [
-          B.map((e) => /* @__PURE__ */ s.jsx(
-            F,
-            {
-              onClick: (i) => P(i, e.value),
-              startIcon: c.includes(e.value) ? /* @__PURE__ */ s.jsx(ye, {}) : /* @__PURE__ */ s.jsx(be, {}),
-              ...e
-            },
-            (e == null ? void 0 : e.value) ?? e.label
-          )),
-          m && /* @__PURE__ */ s.jsx(F, { disabled: !0, value: "empty", label: m })
-        ] }),
-        /* @__PURE__ */ s.jsx(
-          pe,
-          {
-            className: ge.submitButton,
-            disabled: I || l,
-            variant: "primary",
-            size: "medium",
-            onClick: () => N(c),
-            role: "button",
-            children: _
-          }
-        )
-      ] })
-    }
-  );
-}, _e = 200, Se = (t) => {
-  var b, c;
-  const o = w(), l = X(o), {
-    title: d,
-    description: m,
-    dimension: r,
-    optionalSecondDimension: p,
-    placeholder: _,
-    results: a,
-    selectedValues: f,
-    setSearchValue: n,
-    onChange: h
-  } = W(t), y = ((b = a.data) == null ? void 0 : b.map((u) => ({
-    value: p ? u[p.name] : u[r.name],
-    label: l.data(r, u[r.name])
-  }))) ?? [], v = !a.isLoading && (((c = a.data) == null ? void 0 : c.length) ?? 0) === 0;
-  return /* @__PURE__ */ s.jsx(ne, { title: d, subtitle: m, children: /* @__PURE__ */ s.jsx(
-    xe,
-    {
-      isClearable: !0,
-      isSearchable: !0,
-      isLoading: a.isLoading,
-      values: f ?? [],
-      options: y,
-      placeholder: _,
-      noOptionsMessage: v ? G.t("common.noOptionsFound") : void 0,
-      onChange: (u) => h == null ? void 0 : h(u),
-      onSearch: n
-    }
-  ) });
-}, je = {
+import { defineComponent as r } from "@embeddable.com/react";
+import { t as s, u as l, w as d, x as u, E as m, V as n, F as p } from "./component.constants-DJJeuVZB.js";
+import { a as c, b as f } from "./index-DNGz7eoP.js";
+const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",
   category: "Dropdowns",
   defaultWidth: 200,
   defaultHeight: 40,
   inputs: [
-    Q,
-    { ...M, label: "Dimension (to load Dropdown values)" },
+    s,
+    { ...l, label: "Dimension (to load Dropdown values)" },
     {
-      ...M,
+      ...l,
       required: !1,
       name: "optionalSecondDimension",
       label: "Optional second dimension for filtering",
       description: "A hidden dimension applied for filtering instead of the main dimension. Must be unique."
     },
-    U,
-    Y,
-    { ...Z, defaultValue: "Select value..." },
+    d,
+    u,
+    { ...m, defaultValue: "Select value..." },
     {
       name: "selectedValues",
       type: "string",
@@ -199,7 +32,7 @@ const fe = [["path", { d: "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.
       type: "number",
       label: "Maximum options",
       category: "Pre-configured variables",
-      defaultValue: _e
+      defaultValue: c
     }
   ],
   events: [
@@ -220,40 +53,40 @@ const fe = [["path", { d: "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.
       name: "Multi-select values",
       type: "string",
       array: !0,
-      defaultValue: D.noFilter(),
+      defaultValue: n.noFilter(),
       inputs: ["selectedValues"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, Ve = z(Se, je, {
-  props: (t, [o, l]) => {
-    const d = t.dimension.nativeType === "string" ? "contains" : "equals";
+}, y = r(f, g, {
+  props: (e, [a, i]) => {
+    const o = e.dimension.nativeType === "string" ? "contains" : "equals";
     return {
-      ...t,
-      maxOptions: t.maxOptions,
-      setSearchValue: (m) => l({ searchValue: m }),
-      results: ee({
-        limit: t.maxOptions,
-        from: t.dataset,
-        select: [t.dimension, t.optionalSecondDimension].filter(Boolean),
-        filters: o != null && o.searchValue ? [
+      ...e,
+      maxOptions: e.maxOptions,
+      setSearchValue: (t) => i({ searchValue: t }),
+      results: p({
+        limit: e.maxOptions,
+        from: e.dataset,
+        select: [e.dimension, e.optionalSecondDimension].filter(Boolean),
+        filters: a != null && a.searchValue ? [
           {
-            operator: d,
-            property: t.dimension,
-            value: o.searchValue
+            operator: o,
+            property: e.dimension,
+            value: a.searchValue
           }
         ] : void 0
       })
     };
   },
   events: {
-    onChange: (t) => ({
-      value: t.length ? t : D.noFilter()
+    onChange: (e) => ({
+      value: e.length ? e : n.noFilter()
     })
   }
 });
 export {
-  Ve as default,
-  je as meta
+  y as default,
+  g as meta
 };
 //# sourceMappingURL=MultiSelectFieldPro.js.map