@embeddable.com/remarkable-ui 0.1.52 → 1.0.2

package/dist/{formatter.utils-tk7xEyBO.js → formatter.utils-CaFr8SlX.js}

@@ -1,4 +1,4 @@
-import { P as T } from "./component.constants-BysG97Au.js";
+import { P as T } from "./component.constants-CYS5-3qd.js";
 const i = (r) => {
   const s = {};
   return (m) => {
@@ -43,4 +43,4 @@ const i = (r) => {
 export {
   D as g
 };
-//# sourceMappingURL=formatter.utils-tk7xEyBO.js.map
+//# sourceMappingURL=formatter.utils-CaFr8SlX.js.map

package/dist/{formatter.utils-tk7xEyBO.js.map → formatter.utils-CaFr8SlX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"formatter.utils-tk7xEyBO.js","sources":["../src/remarkable-pro/utils.ts/cache.utils.ts","../src/remarkable-pro/utils.ts/data.utils.ts","../src/remarkable-pro/theme/formatter/formatter.utils.ts"],"sourcesContent":["/**\n * Creates a formatter cache.\n * Cache used to prevent unnecessary (expensive) creation of formatter objects\n */\nexport const cache = <Params, Formatter>(factory: (params?: Params) => Formatter) => {\n  const internalCache: { [key: string]: Formatter } = {};\n  const get = (params?: Params) => {\n    const key = JSON.stringify(params);\n    let formatter = internalCache[key];\n    if (formatter) {\n      return formatter;\n    }\n    formatter = factory(params);\n    internalCache[key] = formatter;\n    return formatter;\n  };\n  return get;\n};\n","const ISO_DATE_TIME_REGEX = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}$/;\n\nexport const isValidISODate = (value: string): boolean => {\n  return Boolean(value && ISO_DATE_TIME_REGEX.test(value));\n};\n","import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { DateTimeFormatter, NumberFormatter, StringFormatter } from './formatter.types';\nimport { Theme } from '../theme.types';\nimport { cache } from '../../utils.ts/cache.utils';\nimport { isValidISODate } from '../../utils.ts/data.utils';\nimport { resolveI18nString } from '../../components/component.utils';\n\nexport type GetThemeFormatter = {\n  string: (key: string) => string;\n  number: (value: number | bigint, options?: Intl.NumberFormatOptions) => string;\n  dateTime: (value: Date, options?: Intl.DateTimeFormatOptions) => string;\n  dimensionOrMeasureTitle: (key: DimensionOrMeasure) => string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data: (key: DimensionOrMeasure, value: any) => string;\n};\n\nexport const getThemeFormatter = (theme: Theme): GetThemeFormatter => {\n  const cachedNumberFormatter = cache<Intl.NumberFormatOptions, NumberFormatter>((options) =>\n    theme.formatter.numberFormatter(theme, options),\n  );\n\n  const cachedDataNumberFormatter = cache<DimensionOrMeasure, NumberFormatter>((key) =>\n    theme.formatter.dataNumberFormatter(theme, key!),\n  );\n\n  const cachedDateTimeFormatter = cache<Intl.DateTimeFormatOptions, DateTimeFormatter>((options) =>\n    theme.formatter.dateTimeFormatter(theme, options),\n  );\n\n  const cachedDataDateTimeFormatter = cache<DimensionOrMeasure, DateTimeFormatter>((key) =>\n    theme.formatter.dataDateTimeFormatter(theme, key!),\n  );\n\n  const cachedDataOthersFormatter = cache<DimensionOrMeasure, StringFormatter>((key) =>\n    theme.formatter.dataOthersFormatter(theme, key!),\n  );\n\n  return {\n    string: (key: string) => theme.formatter.stringFormatter().format(key),\n    number: (value: number | bigint, options?: Intl.NumberFormatOptions): string => {\n      return cachedNumberFormatter(options).format(value);\n    },\n    dateTime: (value: Date, options?: Intl.DateTimeFormatOptions): string => {\n      return cachedDateTimeFormatter(options).format(value);\n    },\n    dimensionOrMeasureTitle: (key: DimensionOrMeasure): string => {\n      const displayName = key.inputs?.displayName;\n      if (displayName) {\n        if (displayName.includes('|')) {\n          return resolveI18nString(displayName);\n        }\n        return displayName;\n      }\n\n      const resolved = cachedDataOthersFormatter(key).format(key.name);\n      return resolved === key.name ? (key.title ?? key.name) : resolved;\n    },\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data: (key: DimensionOrMeasure, value: any): string => {\n      let newValue = value;\n\n      // Number\n      if (key.nativeType === 'number') {\n        newValue = cachedDataNumberFormatter(key).format(value);\n      }\n\n      // Time\n      if (key.nativeType === 'time' && isValidISODate(value)) {\n        newValue = cachedDataDateTimeFormatter(key).format(new Date(value));\n      }\n\n      // Others (boolean and string)\n      if (key.nativeType === 'boolean' || key.nativeType === 'string') {\n        newValue = cachedDataOthersFormatter(key).format(value);\n      }\n\n      // Prefix and suffix\n      const appended = `${key.inputs?.prefix || ''}${newValue}${key.inputs?.suffix || ''}`;\n\n      // Max characters\n      if (key.inputs?.maxCharacters) {\n        if (appended.length <= key.inputs.maxCharacters) {\n          return appended;\n        }\n        return appended.substring(0, key.inputs.maxCharacters) + '...';\n      }\n\n      return appended;\n    },\n  };\n};\n"],"names":["cache","factory","internalCache","params","key","formatter","ISO_DATE_TIME_REGEX","isValidISODate","value","getThemeFormatter","theme","cachedNumberFormatter","options","cachedDataNumberFormatter","cachedDateTimeFormatter","cachedDataDateTimeFormatter","cachedDataOthersFormatter","displayName","_a","resolveI18nString","resolved","newValue","appended","_b","_c"],"mappings":";AAIO,MAAMA,IAAQ,CAAoBC,MAA4C;AACnF,QAAMC,IAA8C,CAAA;AAWpD,SAVY,CAACC,MAAoB;AAC/B,UAAMC,IAAM,KAAK,UAAUD,CAAM;AACjC,QAAIE,IAAYH,EAAcE,CAAG;AACjC,WAAIC,MAGJA,IAAYJ,EAAQE,CAAM,GAC1BD,EAAcE,CAAG,IAAIC,GACdA;AAAA,EACT;AAEF,GCjBMC,IAAsB,gDAEfC,IAAiB,CAACC,MACtB,GAAQA,KAASF,EAAoB,KAAKE,CAAK,ICa3CC,IAAoB,CAACC,MAAoC;AACpE,QAAMC,IAAwBX;AAAA,IAAiD,CAACY,MAC9EF,EAAM,UAAU,gBAAgBA,GAAOE,CAAO;AAAA,EAAA,GAG1CC,IAA4Bb;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA,GAG3CU,IAA0Bd;AAAA,IAAqD,CAACY,MACpFF,EAAM,UAAU,kBAAkBA,GAAOE,CAAO;AAAA,EAAA,GAG5CG,IAA8Bf;AAAA,IAA6C,CAACI,MAChFM,EAAM,UAAU,sBAAsBA,GAAON,CAAI;AAAA,EAAA,GAG7CY,IAA4BhB;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA;AAGjD,SAAO;AAAA,IACL,QAAQ,CAACA,MAAgBM,EAAM,UAAU,gBAAA,EAAkB,OAAON,CAAG;AAAA,IACrE,QAAQ,CAACI,GAAwBI,MACxBD,EAAsBC,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEpD,UAAU,CAACA,GAAaI,MACfE,EAAwBF,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEtD,yBAAyB,CAACJ,MAAoC;;AAC5D,YAAMa,KAAcC,IAAAd,EAAI,WAAJ,gBAAAc,EAAY;AAChC,UAAID;AACF,eAAIA,EAAY,SAAS,GAAG,IACnBE,EAAkBF,CAAW,IAE/BA;AAGT,YAAMG,IAAWJ,EAA0BZ,CAAG,EAAE,OAAOA,EAAI,IAAI;AAC/D,aAAOgB,MAAahB,EAAI,OAAQA,EAAI,SAASA,EAAI,OAAQgB;AAAA,IAC3D;AAAA;AAAA,IAEA,MAAM,CAAChB,GAAyBI,MAAuB;;AACrD,UAAIa,IAAWb;AAGf,MAAIJ,EAAI,eAAe,aACrBiB,IAAWR,EAA0BT,CAAG,EAAE,OAAOI,CAAK,IAIpDJ,EAAI,eAAe,UAAUG,EAAeC,CAAK,MACnDa,IAAWN,EAA4BX,CAAG,EAAE,OAAO,IAAI,KAAKI,CAAK,CAAC,KAIhEJ,EAAI,eAAe,aAAaA,EAAI,eAAe,cACrDiB,IAAWL,EAA0BZ,CAAG,EAAE,OAAOI,CAAK;AAIxD,YAAMc,IAAW,KAAGJ,IAAAd,EAAI,WAAJ,gBAAAc,EAAY,WAAU,EAAE,GAAGG,CAAQ,KAAGE,IAAAnB,EAAI,WAAJ,gBAAAmB,EAAY,WAAU,EAAE;AAGlF,cAAIC,IAAApB,EAAI,WAAJ,QAAAoB,EAAY,gBACVF,EAAS,UAAUlB,EAAI,OAAO,gBACzBkB,IAEFA,EAAS,UAAU,GAAGlB,EAAI,OAAO,aAAa,IAAI,QAGpDkB;AAAA,IACT;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"formatter.utils-CaFr8SlX.js","sources":["../src/remarkable-pro/utils.ts/cache.utils.ts","../src/remarkable-pro/utils.ts/data.utils.ts","../src/remarkable-pro/theme/formatter/formatter.utils.ts"],"sourcesContent":["/**\n * Creates a formatter cache.\n * Cache used to prevent unnecessary (expensive) creation of formatter objects\n */\nexport const cache = <Params, Formatter>(factory: (params?: Params) => Formatter) => {\n  const internalCache: { [key: string]: Formatter } = {};\n  const get = (params?: Params) => {\n    const key = JSON.stringify(params);\n    let formatter = internalCache[key];\n    if (formatter) {\n      return formatter;\n    }\n    formatter = factory(params);\n    internalCache[key] = formatter;\n    return formatter;\n  };\n  return get;\n};\n","const ISO_DATE_TIME_REGEX = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}$/;\n\nexport const isValidISODate = (value: string): boolean => {\n  return Boolean(value && ISO_DATE_TIME_REGEX.test(value));\n};\n","import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { DateTimeFormatter, NumberFormatter, StringFormatter } from './formatter.types';\nimport { Theme } from '../theme.types';\nimport { cache } from '../../utils.ts/cache.utils';\nimport { isValidISODate } from '../../utils.ts/data.utils';\nimport { resolveI18nString } from '../../components/component.utils';\n\nexport type GetThemeFormatter = {\n  string: (key: string) => string;\n  number: (value: number | bigint, options?: Intl.NumberFormatOptions) => string;\n  dateTime: (value: Date, options?: Intl.DateTimeFormatOptions) => string;\n  dimensionOrMeasureTitle: (key: DimensionOrMeasure) => string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data: (key: DimensionOrMeasure, value: any) => string;\n};\n\nexport const getThemeFormatter = (theme: Theme): GetThemeFormatter => {\n  const cachedNumberFormatter = cache<Intl.NumberFormatOptions, NumberFormatter>((options) =>\n    theme.formatter.numberFormatter(theme, options),\n  );\n\n  const cachedDataNumberFormatter = cache<DimensionOrMeasure, NumberFormatter>((key) =>\n    theme.formatter.dataNumberFormatter(theme, key!),\n  );\n\n  const cachedDateTimeFormatter = cache<Intl.DateTimeFormatOptions, DateTimeFormatter>((options) =>\n    theme.formatter.dateTimeFormatter(theme, options),\n  );\n\n  const cachedDataDateTimeFormatter = cache<DimensionOrMeasure, DateTimeFormatter>((key) =>\n    theme.formatter.dataDateTimeFormatter(theme, key!),\n  );\n\n  const cachedDataOthersFormatter = cache<DimensionOrMeasure, StringFormatter>((key) =>\n    theme.formatter.dataOthersFormatter(theme, key!),\n  );\n\n  return {\n    string: (key: string) => theme.formatter.stringFormatter().format(key),\n    number: (value: number | bigint, options?: Intl.NumberFormatOptions): string => {\n      return cachedNumberFormatter(options).format(value);\n    },\n    dateTime: (value: Date, options?: Intl.DateTimeFormatOptions): string => {\n      return cachedDateTimeFormatter(options).format(value);\n    },\n    dimensionOrMeasureTitle: (key: DimensionOrMeasure): string => {\n      const displayName = key.inputs?.displayName;\n      if (displayName) {\n        if (displayName.includes('|')) {\n          return resolveI18nString(displayName);\n        }\n        return displayName;\n      }\n\n      const resolved = cachedDataOthersFormatter(key).format(key.name);\n      return resolved === key.name ? (key.title ?? key.name) : resolved;\n    },\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data: (key: DimensionOrMeasure, value: any): string => {\n      let newValue = value;\n\n      // Number\n      if (key.nativeType === 'number') {\n        newValue = cachedDataNumberFormatter(key).format(value);\n      }\n\n      // Time\n      if (key.nativeType === 'time' && isValidISODate(value)) {\n        newValue = cachedDataDateTimeFormatter(key).format(new Date(value));\n      }\n\n      // Others (boolean and string)\n      if (key.nativeType === 'boolean' || key.nativeType === 'string') {\n        newValue = cachedDataOthersFormatter(key).format(value);\n      }\n\n      // Prefix and suffix\n      const appended = `${key.inputs?.prefix || ''}${newValue}${key.inputs?.suffix || ''}`;\n\n      // Max characters\n      if (key.inputs?.maxCharacters) {\n        if (appended.length <= key.inputs.maxCharacters) {\n          return appended;\n        }\n        return appended.substring(0, key.inputs.maxCharacters) + '...';\n      }\n\n      return appended;\n    },\n  };\n};\n"],"names":["cache","factory","internalCache","params","key","formatter","ISO_DATE_TIME_REGEX","isValidISODate","value","getThemeFormatter","theme","cachedNumberFormatter","options","cachedDataNumberFormatter","cachedDateTimeFormatter","cachedDataDateTimeFormatter","cachedDataOthersFormatter","displayName","_a","resolveI18nString","resolved","newValue","appended","_b","_c"],"mappings":";AAIO,MAAMA,IAAQ,CAAoBC,MAA4C;AACnF,QAAMC,IAA8C,CAAA;AAWpD,SAVY,CAACC,MAAoB;AAC/B,UAAMC,IAAM,KAAK,UAAUD,CAAM;AACjC,QAAIE,IAAYH,EAAcE,CAAG;AACjC,WAAIC,MAGJA,IAAYJ,EAAQE,CAAM,GAC1BD,EAAcE,CAAG,IAAIC,GACdA;AAAA,EACT;AAEF,GCjBMC,IAAsB,gDAEfC,IAAiB,CAACC,MACtB,GAAQA,KAASF,EAAoB,KAAKE,CAAK,ICa3CC,IAAoB,CAACC,MAAoC;AACpE,QAAMC,IAAwBX;AAAA,IAAiD,CAACY,MAC9EF,EAAM,UAAU,gBAAgBA,GAAOE,CAAO;AAAA,EAAA,GAG1CC,IAA4Bb;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA,GAG3CU,IAA0Bd;AAAA,IAAqD,CAACY,MACpFF,EAAM,UAAU,kBAAkBA,GAAOE,CAAO;AAAA,EAAA,GAG5CG,IAA8Bf;AAAA,IAA6C,CAACI,MAChFM,EAAM,UAAU,sBAAsBA,GAAON,CAAI;AAAA,EAAA,GAG7CY,IAA4BhB;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA;AAGjD,SAAO;AAAA,IACL,QAAQ,CAACA,MAAgBM,EAAM,UAAU,gBAAA,EAAkB,OAAON,CAAG;AAAA,IACrE,QAAQ,CAACI,GAAwBI,MACxBD,EAAsBC,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEpD,UAAU,CAACA,GAAaI,MACfE,EAAwBF,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEtD,yBAAyB,CAACJ,MAAoC;;AAC5D,YAAMa,KAAcC,IAAAd,EAAI,WAAJ,gBAAAc,EAAY;AAChC,UAAID;AACF,eAAIA,EAAY,SAAS,GAAG,IACnBE,EAAkBF,CAAW,IAE/BA;AAGT,YAAMG,IAAWJ,EAA0BZ,CAAG,EAAE,OAAOA,EAAI,IAAI;AAC/D,aAAOgB,MAAahB,EAAI,OAAQA,EAAI,SAASA,EAAI,OAAQgB;AAAA,IAC3D;AAAA;AAAA,IAEA,MAAM,CAAChB,GAAyBI,MAAuB;;AACrD,UAAIa,IAAWb;AAGf,MAAIJ,EAAI,eAAe,aACrBiB,IAAWR,EAA0BT,CAAG,EAAE,OAAOI,CAAK,IAIpDJ,EAAI,eAAe,UAAUG,EAAeC,CAAK,MACnDa,IAAWN,EAA4BX,CAAG,EAAE,OAAO,IAAI,KAAKI,CAAK,CAAC,KAIhEJ,EAAI,eAAe,aAAaA,EAAI,eAAe,cACrDiB,IAAWL,EAA0BZ,CAAG,EAAE,OAAOI,CAAK;AAIxD,YAAMc,IAAW,KAAGJ,IAAAd,EAAI,WAAJ,gBAAAc,EAAY,WAAU,EAAE,GAAGG,CAAQ,KAAGE,IAAAnB,EAAI,WAAJ,gBAAAmB,EAAY,WAAU,EAAE;AAGlF,cAAIC,IAAApB,EAAI,WAAJ,QAAAoB,EAAY,gBACVF,EAAS,UAAUlB,EAAI,OAAO,gBACzBkB,IAEFA,EAAS,UAAU,GAAGlB,EAAI,OAAO,aAAa,IAAI,QAGpDkB;AAAA,IACT;AAAA,EAAA;AAEJ;"}

package/dist/index-B7QvKSGz.js

@@ -0,0 +1,204 @@
+import { a0 as A, j as s, a2 as G, ab as Q, a8 as U, ad as W, af as Y, ae as Z, a9 as k, ac as ee, aa as se, r as te, F as le } from "./component.constants-CYS5-3qd.js";
+import { g as ae } from "./formatter.utils-CaFr8SlX.js";
+import { useTheme as ne } from "@embeddable.com/react";
+import { u as re, d as ce, g as oe, s as B, I as ie, S as de, E as ue } from "./EditorCard-BICCSvPo.js";
+import { useState as y, useRef as me, useEffect as D, useMemo as E, Fragment as pe } from "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 xe = [["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" }]], R = A("outline", "square", "Square", xe);
+/**
+ * @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 be = [["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" }]], $ = A("filled", "square-check-filled", "SquareCheckFilled", be), he = "_button_1x5gp_1", je = "_small_1x5gp_9", fe = "_medium_1x5gp_23", ge = "_primary_1x5gp_37", _e = "_secondary_1x5gp_55", N = {
+  button: he,
+  small: je,
+  medium: fe,
+  primary: ge,
+  secondary: _e
+}, ye = ({
+  children: x,
+  variant: b = "primary",
+  size: h = "medium",
+  startIcon: d,
+  endIcon: m,
+  className: r,
+  ...u
+}) => /* @__PURE__ */ s.jsxs("button", { className: G(N.button, N[b], N[h], r), ...u, children: [
+  d && /* @__PURE__ */ s.jsx(d, {}),
+  /* @__PURE__ */ s.jsx("span", { children: x }),
+  m && /* @__PURE__ */ s.jsx(m, {})
+] }), Fe = ({
+  startIcon: x,
+  label: b,
+  required: h,
+  disabled: d,
+  isClearable: m,
+  isLoading: r,
+  isSearchable: u,
+  noOptionsMessage: j,
+  options: c,
+  placeholder: F,
+  submitLabel: v = "Apply",
+  values: t = [],
+  onChange: f,
+  onSearch: a,
+  error: g = !1,
+  errorMessage: p
+}) => {
+  const [o, L] = y(!1), [M, C] = y(""), [i, O] = y(t), [V, q] = y(""), P = me(null);
+  re(o, P), D(() => {
+    O(t);
+  }, [JSON.stringify(t)]), D(() => {
+    if (r)
+      return;
+    if (!t || t.length === 0) {
+      q("");
+      return;
+    }
+    const e = t.map(
+      (l) => {
+        var n;
+        return ((n = c.find((I) => I.value === l)) == null ? void 0 : n.label) ?? l;
+      }
+    );
+    if (e.length > 0) {
+      const l = e.join(", ");
+      q(`(${e.length}) ${l}`);
+    }
+  }, [t, c, r]);
+  const S = E(() => a ? ce(a) : void 0, [a]), _ = u && !a ? c.filter((e) => e.label.toLowerCase().includes(M.toLowerCase())) : c, T = E(() => oe(_), [_]), w = i.every((e) => t.includes(e)) && t.every((e) => i.includes(e)), z = (e, l) => {
+    e.preventDefault(), l && (i.includes(l) ? O(i.filter((n) => n !== l)) : O([...i, l]));
+  }, H = (e) => {
+    C(e), S == null || S(e);
+  }, J = (e) => {
+    f(e), L(!1), C(""), a == null || a("");
+  }, K = () => {
+    C(""), a == null || a(""), f([]);
+  }, X = g || !!p;
+  return /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsx(Q, { label: b, required: h }),
+    /* @__PURE__ */ s.jsx(
+      U,
+      {
+        open: o,
+        onOpenChange: L,
+        disabled: d,
+        triggerComponent: /* @__PURE__ */ s.jsx(
+          ee,
+          {
+            startIcon: x,
+            "aria-label": "Select options",
+            placeholder: F,
+            disabled: d,
+            valueLabel: V,
+            onClear: K,
+            isClearable: m,
+            isLoading: r,
+            error: X
+          }
+        ),
+        children: /* @__PURE__ */ s.jsxs(W, { children: [
+          u && /* @__PURE__ */ s.jsx(
+            Y,
+            {
+              ref: P,
+              startIcon: ie,
+              "aria-label": "Search options",
+              placeholder: "Search…",
+              role: "searchbox",
+              value: M,
+              onKeyDown: (e) => e.stopPropagation(),
+              onChange: H,
+              className: B.searchField
+            }
+          ),
+          /* @__PURE__ */ s.jsxs(Z, { disabled: r, children: [
+            T ? Object.entries(T).map(([e, l]) => /* @__PURE__ */ s.jsxs(pe, { children: [
+              /* @__PURE__ */ s.jsx(de, { label: e }),
+              l.map((n) => /* @__PURE__ */ s.jsx(
+                k,
+                {
+                  onClick: (I) => z(I, n.value),
+                  startIcon: i.includes(n.value) ? /* @__PURE__ */ s.jsx($, {}) : /* @__PURE__ */ s.jsx(R, {}),
+                  ...n
+                },
+                (n == null ? void 0 : n.value) ?? n.label
+              ))
+            ] }, e)) : _.map((e) => /* @__PURE__ */ s.jsx(
+              k,
+              {
+                onClick: (l) => z(l, e.value),
+                startIcon: i.includes(e.value) ? /* @__PURE__ */ s.jsx($, {}) : /* @__PURE__ */ s.jsx(R, {}),
+                ...e
+              },
+              (e == null ? void 0 : e.value) ?? e.label
+            )),
+            j && _.length === 0 && /* @__PURE__ */ s.jsx(k, { disabled: !0, value: "empty", label: j })
+          ] }),
+          /* @__PURE__ */ s.jsx(
+            ye,
+            {
+              className: B.submitButton,
+              disabled: w || r,
+              variant: "primary",
+              size: "medium",
+              onClick: () => J(i),
+              role: "button",
+              children: v
+            }
+          )
+        ] })
+      }
+    ),
+    p && /* @__PURE__ */ s.jsx(se, { message: p, variant: "error" })
+  ] });
+}, ve = 200, Ce = (x) => {
+  var g, p;
+  const b = ne(), h = ae(b), {
+    title: d,
+    description: m,
+    dimension: r,
+    optionalSecondDimension: u,
+    placeholder: j,
+    results: c,
+    selectedValues: F,
+    setSearchValue: v,
+    onChange: t
+  } = te(x), f = ((g = c.data) == null ? void 0 : g.map((o) => ({
+    value: u ? o[u.name] : o[r.name],
+    label: h.data(r, o[r.name])
+  }))) ?? [], a = !c.isLoading && (((p = c.data) == null ? void 0 : p.length) ?? 0) === 0;
+  return /* @__PURE__ */ s.jsx(ue, { title: d, subtitle: m, children: /* @__PURE__ */ s.jsx(
+    Fe,
+    {
+      isClearable: !0,
+      isSearchable: !0,
+      isLoading: c.isLoading,
+      values: F ?? [],
+      options: f,
+      placeholder: j,
+      noOptionsMessage: a ? le.t("common.noOptionsFound") : void 0,
+      onChange: (o) => t == null ? void 0 : t(o),
+      onSearch: v
+    }
+  ) });
+}, Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MAX_OPTIONS: ve,
+  default: Ce
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ye as B,
+  ve as M,
+  Ce as a,
+  Fe as b,
+  Le as i
+};
+//# sourceMappingURL=index-B7QvKSGz.js.map

package/dist/index-B7QvKSGz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B7QvKSGz.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSquare.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconSquareCheckFilled.mjs","../src/remarkable-ui/components/shared/Button/Button.tsx","../src/remarkable-ui/components/editors/selects/MultiSelectField/MultiSelectField.tsx","../src/remarkable-pro/components/editors/MultiSelectFieldPro/index.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\": \"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\" }]];\nconst IconSquare = createReactComponent(\"outline\", \"square\", \"Square\", __iconNode);\n\nexport { __iconNode, IconSquare as default };\n//# sourceMappingURL=IconSquare.mjs.map\n","/**\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\": \"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\" }]];\nconst IconSquareCheckFilled = createReactComponent(\"filled\", \"square-check-filled\", \"SquareCheckFilled\", __iconNode);\n\nexport { __iconNode, IconSquareCheckFilled as default };\n//# sourceMappingURL=IconSquareCheckFilled.mjs.map\n","import { TablerIcon } from '@tabler/icons-react';\nimport styles from './Button.module.css';\nimport clsx from 'clsx';\n\ntype ButtonProps = {\n  startIcon?: TablerIcon;\n  endIcon?: TablerIcon;\n  children: string;\n  size?: 'small' | 'medium';\n  variant?: 'primary' | 'secondary';\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  variant = 'primary',\n  size = 'medium',\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  className,\n  ...props\n}) => {\n  return (\n    <button className={clsx(styles.button, styles[variant], styles[size], className)} {...props}>\n      {StartIcon && <StartIcon />}\n      <span>{children}</span>\n      {EndIcon && <EndIcon />}\n    </button>\n  );\n};\n","import { FC, Fragment, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from '../shared/SelectFieldContent/SelectListOptions/SelectFieldOption/SelectFieldOption';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectFieldTrigger } from '../shared/SelectFieldTrigger/SelectFieldTrigger';\nimport {\n  SelectFieldContent,\n  SelectFieldContentList,\n} from '../shared/SelectFieldContent/SelectFieldContent';\nimport { groupOptionsByCategory } from '../shared/SelectFieldContent/SelectFieldContent.utils';\nimport { IconSearch, IconSquare, IconSquareCheckFilled, TablerIcon } from '@tabler/icons-react';\nimport { Button } from '../../../shared/Button/Button';\nimport styles from '../selects.module.css';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport { SelectFieldCategory } from '../shared/SelectFieldContent/SelectListOptions/SelectFieldCategory/SelectFieldCategory';\nimport { FieldFeedback } from '../../../shared/Field/FieldFeedback';\nimport { FieldHeader, FieldHeaderProps } from '../../../shared/Field/FieldHeader';\nimport { TextField } from '../../inputs/TextField/TextField';\nimport { debounce } from '../../../../utils/debounce.utils';\n\nexport type MultiSelectFieldProps = {\n  startIcon?: TablerIcon;\n  disabled?: boolean;\n  isClearable?: boolean;\n  isLoading?: boolean;\n  isSearchable?: boolean;\n  noOptionsMessage?: string;\n  options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];\n  placeholder?: string;\n  submitLabel?: string;\n  values?: string[];\n  onChange: (value: string[]) => void;\n  onSearch?: (search: string) => void;\n  error?: boolean;\n  errorMessage?: string;\n} & FieldHeaderProps;\n\nexport const MultiSelectField: FC<MultiSelectFieldProps> = ({\n  startIcon,\n  label,\n  required,\n  disabled,\n  isClearable,\n  isLoading,\n  isSearchable,\n  noOptionsMessage,\n  options,\n  placeholder,\n  submitLabel = 'Apply',\n  values = [],\n  onChange,\n  onSearch,\n  error = false,\n  errorMessage,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [preValues, setPreValues] = useState<string[]>(values);\n  const [selectedLabel, setSelectedLabel] = useState<string>('');\n\n  const searchFieldRef = useRef<HTMLInputElement>(null);\n  useSelectSearchFocus(isOpen, searchFieldRef);\n\n  useEffect(() => {\n    setPreValues(values);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(values)]);\n\n  useEffect(() => {\n    if (isLoading) {\n      return;\n    }\n\n    if (!values || values.length === 0) {\n      setSelectedLabel('');\n      return;\n    }\n    const selectedOptions = values.map(\n      (value) => options.find((o) => o.value === value)?.label ?? value,\n    );\n\n    if (selectedOptions.length > 0) {\n      const newLabel = selectedOptions.join(', ');\n      setSelectedLabel(`(${selectedOptions.length}) ${newLabel}`);\n    }\n  }, [values, options, isLoading]);\n\n  const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n  const displayOptions =\n    isSearchable && !onSearch\n      ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n      : options;\n\n  const groupedOptions = useMemo(() => groupOptionsByCategory(displayOptions), [displayOptions]);\n\n  const isSubmitDisabled =\n    preValues.every((preValue) => values.includes(preValue)) &&\n    values.every((value) => preValues.includes(value));\n\n  const handleSelectOption = (\n    e: React.MouseEvent<HTMLDivElement, MouseEvent>,\n    newValue?: string,\n  ) => {\n    e.preventDefault();\n\n    if (!newValue) return;\n\n    if (preValues.includes(newValue)) {\n      setPreValues(preValues.filter((v) => v !== newValue));\n    } else {\n      setPreValues([...preValues, newValue]);\n    }\n  };\n\n  const handleSearch = (newSearch: string) => {\n    setSearchValue(newSearch);\n    debouncedSearch?.(newSearch);\n  };\n\n  const handleSave = (newValues: string[]) => {\n    onChange(newValues);\n    setIsOpen(false);\n    setSearchValue('');\n    onSearch?.('');\n  };\n\n  const handleClearAll = () => {\n    setSearchValue('');\n    onSearch?.('');\n    onChange([]);\n  };\n\n  const hasError = error || !!errorMessage;\n\n  return (\n    <div>\n      <FieldHeader label={label} required={required} />\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        disabled={disabled}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={startIcon}\n            aria-label=\"Select options\"\n            placeholder={placeholder}\n            disabled={disabled}\n            valueLabel={selectedLabel}\n            onClear={handleClearAll}\n            isClearable={isClearable}\n            isLoading={isLoading}\n            error={hasError}\n          />\n        }\n      >\n        <SelectFieldContent>\n          {isSearchable && (\n            <TextField\n              ref={searchFieldRef}\n              startIcon={IconSearch}\n              aria-label=\"Search options\"\n              placeholder=\"Search…\"\n              role=\"searchbox\"\n              value={searchValue}\n              onKeyDown={(e) => e.stopPropagation()}\n              onChange={handleSearch}\n              className={styles.searchField}\n            />\n          )}\n          <SelectFieldContentList disabled={isLoading}>\n            {groupedOptions\n              ? Object.entries(groupedOptions).map(([category, categoryOptions]) => (\n                  <Fragment key={category}>\n                    <SelectFieldCategory label={category} />\n                    {categoryOptions.map((option) => (\n                      <SelectListOption\n                        key={option?.value ?? option.label}\n                        onClick={(e) => handleSelectOption(e, option.value)}\n                        startIcon={\n                          preValues.includes(option.value!) ? (\n                            <IconSquareCheckFilled />\n                          ) : (\n                            <IconSquare />\n                          )\n                        }\n                        {...option}\n                      />\n                    ))}\n                  </Fragment>\n                ))\n              : displayOptions.map((option) => (\n                  <SelectListOption\n                    key={option?.value ?? option.label}\n                    onClick={(e) => handleSelectOption(e, option.value)}\n                    startIcon={\n                      preValues.includes(option.value!) ? <IconSquareCheckFilled /> : <IconSquare />\n                    }\n                    {...option}\n                  />\n                ))}\n            {noOptionsMessage && displayOptions.length === 0 && (\n              <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n            )}\n          </SelectFieldContentList>\n          <Button\n            className={styles.submitButton}\n            disabled={isSubmitDisabled || isLoading}\n            variant=\"primary\"\n            size=\"medium\"\n            onClick={() => handleSave(preValues)}\n            role=\"button\"\n          >\n            {submitLabel}\n          </Button>\n        </SelectFieldContent>\n      </Dropdown>\n      {errorMessage && <FieldFeedback message={errorMessage} variant=\"error\" />}\n    </div>\n  );\n};\n","import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '../../../../remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\ntype MultiSelectFieldProProps = {\n  title?: string;\n  description?: string;\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValues: string[];\n  maxOptions?: number;\n  setSearchValue: (search: string) => void;\n  onChange?: (newValues: string[]) => void;\n};\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValues,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <MultiSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        values={selectedValues ?? []}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValues) => onChange?.(newValues)}\n        onSearch={setSearchValue}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MultiSelectFieldPro;\n"],"names":["__iconNode","IconSquare","createReactComponent","IconSquareCheckFilled","Button","children","variant","size","StartIcon","EndIcon","className","props","jsxs","clsx","styles","jsx","MultiSelectField","startIcon","label","required","disabled","isClearable","isLoading","isSearchable","noOptionsMessage","options","placeholder","submitLabel","values","onChange","onSearch","error","errorMessage","isOpen","setIsOpen","useState","searchValue","setSearchValue","preValues","setPreValues","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","selectedOptions","value","_a","o","newLabel","debouncedSearch","useMemo","debounce","displayOptions","option","groupedOptions","groupOptionsByCategory","isSubmitDisabled","preValue","handleSelectOption","newValue","v","handleSearch","newSearch","handleSave","newValues","handleClearAll","hasError","FieldHeader","Dropdown","SelectFieldTrigger","SelectFieldContent","TextField","IconSearch","SelectFieldContentList","category","categoryOptions","Fragment","SelectFieldCategory","SelectListOption","e","FieldFeedback","MAX_OPTIONS","MultiSelectFieldPro","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","results","selectedValues","resolveI18nProps","data","showNoOptionsMessage","_b","EditorCard","i18n"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/{index-Cdd-V_lk.js → index-BYxqGfuR.js}

@@ -1,11 +1,12 @@
-import { r as b, j as i, F as O } from "./component.constants-BysG97Au.js";
-import { S as j } from "./SingleSelectField-Cu5phRJ-.js";
-import { g as x } from "./formatter.utils-tk7xEyBO.js";
-import { useTheme as F } from "@embeddable.com/react";
-import { E as v } from "./EditorCard-CQCOOD0u.js";
+import { r as b, j as i, F as O } from "./component.constants-CYS5-3qd.js";
+import { g as j } from "./formatter.utils-CaFr8SlX.js";
+import { useTheme as x } from "@embeddable.com/react";
+import { E as F } from "./EditorCard-BICCSvPo.js";
+import "react";
+import { S as v } from "./SingleSelectField-CSJOpQeh.js";
 const M = 200, _ = (l) => {
-  var a, r;
-  const m = F(), c = x(m), {
+  var r, a;
+  const m = x(), c = j(m), {
     title: d,
     description: p,
     dimension: t,
@@ -15,12 +16,12 @@ const M = 200, _ = (l) => {
     selectedValue: S,
     setSearchValue: g,
     onChange: s
-  } = b(l), h = ((a = o.data) == null ? void 0 : a.map((e) => ({
+  } = b(l), h = ((r = o.data) == null ? void 0 : r.map((e) => ({
     value: n ? e[n.name] : e[t.name],
     label: c.data(t, e[t.name])
-  }))) ?? [], f = !o.isLoading && (((r = o.data) == null ? void 0 : r.length) ?? 0) === 0;
-  return /* @__PURE__ */ i.jsx(v, { title: d, subtitle: p, children: /* @__PURE__ */ i.jsx(
-    j,
+  }))) ?? [], f = !o.isLoading && (((a = o.data) == null ? void 0 : a.length) ?? 0) === 0;
+  return /* @__PURE__ */ i.jsx(F, { title: d, subtitle: p, children: /* @__PURE__ */ i.jsx(
+    v,
     {
       isClearable: !0,
       isSearchable: !0,
@@ -33,7 +34,7 @@ const M = 200, _ = (l) => {
       onSearch: g
     }
   ) });
-}, C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   MAX_OPTIONS: M,
   default: _
@@ -41,6 +42,6 @@ const M = 200, _ = (l) => {
 export {
   M,
   _ as S,
-  C as i
+  I as i
 };
-//# sourceMappingURL=index-Cdd-V_lk.js.map
+//# sourceMappingURL=index-BYxqGfuR.js.map

package/dist/index-BYxqGfuR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BYxqGfuR.js","sources":["../src/remarkable-pro/components/editors/SingleSelectFieldPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { SingleSelectField } from '../../../../remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\ntype SingleSelectFieldProProps = {\n  title?: string;\n  description?: string;\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValue: string;\n  maxOptions?: number;\n  setSearchValue: (search: string) => void;\n  onChange?: (selectedValue: string) => void;\n};\n\nconst SingleSelectFieldPro = (props: SingleSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValue,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        value={selectedValue}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValue: string) => onChange?.(newValue)}\n        onSearch={setSearchValue}\n      />\n    </EditorCard>\n  );\n};\n\nexport default SingleSelectFieldPro;\n"],"names":["MAX_OPTIONS","SingleSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","placeholder","results","selectedValue","setSearchValue","onChange","resolveI18nProps","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","SingleSelectField","i18n","newValue"],"mappings":";;;;;;AASO,MAAMA,IAAc,KAerBC,IAAuB,CAACC,MAAqC;;AACjE,QAAMC,IAAeC,EAAA,GACfC,IAAiBC,EAAkBH,CAAK,GAExC;AAAA,IACJ,OAAAI;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,MACJC,IAAAN,EAAQ,SAAR,gBAAAM,EAAc,IAAI,CAACC,OACV;AAAA,IACL,OAAOT,IAA0BS,EAAKT,EAAwB,IAAI,IAAIS,EAAKV,EAAU,IAAI;AAAA,IACzF,OAAOJ,EAAe,KAAKI,GAAWU,EAAKV,EAAU,IAAI,CAAC;AAAA,EAAA,QAExD,CAAA,GAEFW,IAA+B,CAACR,EAAQ,gBAAcS,IAAAT,EAAQ,SAAR,gBAAAS,EAAc,WAAU,OAAO;AAE3F,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAClC,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,WAAWZ,EAAQ;AAAA,MACnB,OAAOC;AAAA,MACP,SAAAI;AAAA,MACA,aAAAN;AAAA,MACA,kBAAkBS,IAAuBK,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAC3E,UAAU,CAACC,MAAqBX,KAAA,gBAAAA,EAAWW;AAAA,MAC3C,UAAUZ;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;;;;;"}

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

@@ -1,8 +1,8 @@
-import { i as x, r as S, m as b, j as m, an as v } from "./component.constants-BysG97Au.js";
+import { i as x, r as S, m as b, j as m, am as v } from "./component.constants-CYS5-3qd.js";
 import { useTheme as _ } from "@embeddable.com/react";
 import "react";
-import { g as k, a as w } from "./pies.utils-DKG--4_R.js";
-import { C as L } from "./ChartCard-9vU81B9E.js";
+import { g as k, a as w } from "./pies.utils-DoDczq1K.js";
+import { C as L } from "./ChartCard-CyemTSay.js";
 const M = (d) => {
   var a;
   const e = _();
@@ -14,20 +14,15 @@ const M = (d) => {
     measure: s,
     results: t,
     showLegend: c,
-    showTooltips: u,
-    showValueLabels: h,
+    showTooltips: h,
+    showValueLabels: u,
     title: g,
     onSegmentClick: C
-  } = S(d), P = k({ data: t.data, dimension: o, measure: s, maxLegendItems: p }, e), f = b(
-    w(
-      {
-        measure: s,
-        showTooltips: u,
-        showLegend: c,
-        showValueLabels: h
-      },
-      e
-    ),
+  } = S(d), P = k(
+    { data: t.data, dimension: o, measure: s, maxLegendItems: p },
+    e
+  ), f = b(
+    w(s, e),
     ((a = e.charts.pieChartPro) == null ? void 0 : a.options) ?? {}
   ), j = (r) => {
     var i, n;
@@ -43,15 +38,25 @@ const M = (d) => {
       errorMessage: t.error,
       subtitle: l,
       title: g,
-      children: /* @__PURE__ */ m.jsx(v, { data: P, options: f, onSegmentClick: j })
+      children: /* @__PURE__ */ m.jsx(
+        v,
+        {
+          data: P,
+          options: f,
+          showLegend: c,
+          showTooltips: h,
+          showValueLabels: u,
+          onSegmentClick: j
+        }
+      )
     }
   );
-}, V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: M
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   M as P,
-  V as i
+  z as i
 };
-//# sourceMappingURL=index-CAZ9r1pH.js.map
+//# sourceMappingURL=index-B_mqJfRw.js.map

package/dist/index-B_mqJfRw.js.map

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

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

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

package/dist/index-CrDfwceI.js.map

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

package/dist/index-MerCnebu.js

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

package/dist/index-MerCnebu.js.map

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

package/dist/{index-BZmaPHSu.js → index-b_iMiCHA.js}

@@ -1,9 +1,9 @@
-import { a0 as S, P as R, r as b, j as d, F as O } from "./component.constants-BysG97Au.js";
+import { a0 as S, P as R, r as b, j as d, F as O } from "./component.constants-CYS5-3qd.js";
 import { useTheme as j } from "@embeddable.com/react";
 import { useState as C, useEffect as c } from "react";
-import { S as y } from "./SingleSelectField-Cu5phRJ-.js";
+import { S as y } from "./SingleSelectField-CSJOpQeh.js";
 import { g as F, u as x } from "./editors.timeRange.utils-D9m6B3r1.js";
-import { E as T } from "./EditorCard-CQCOOD0u.js";
+import { E as T } from "./EditorCard-BICCSvPo.js";
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
@@ -53,4 +53,4 @@ export {
   P as D,
   A as i
 };
-//# sourceMappingURL=index-BZmaPHSu.js.map
+//# sourceMappingURL=index-b_iMiCHA.js.map