@embeddable.com/remarkable-ui 0.0.5 → 0.0.8

package/dist/DateRangeSelectFieldPro.js

@@ -1,16 +1,16 @@
 import { defineComponent as l } from "@embeddable.com/react";
-import { w as o, x as n, E as r, V as a } from "./component.constants-ChubamQR.js";
-import { D as i, l as t } from "./index-CdKU0sfg.js";
-const s = {
+import { w as o, x as n, E as r, V as t } from "./component.constants-6DaYvUm6.js";
+import { D as i, l as a } from "./index-Vjkjq8hS.js";
+const d = {
   name: "DateRangeSelectFieldPro",
   label: "Date Range Select Field",
   category: "Dropdowns",
-  defaultWidth: 200,
+  defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
     { ...o },
     { ...n },
-    { ...r, defaultValue: "Pick a date" },
+    { ...r, defaultValue: "Select a date-range" },
     {
       name: "selectedValue",
       type: "timeRange",
@@ -21,10 +21,11 @@ const s = {
   events: [
     {
       name: "onChange",
-      label: "Change",
+      label: "selected date-range updated",
       properties: [
         {
           name: "value",
+          label: "selected date-range",
           type: "timeRange"
         }
       ]
@@ -32,30 +33,30 @@ const s = {
   ],
   variables: [
     {
-      name: "Date-range-select value",
+      name: "date-range value",
       type: "timeRange",
-      defaultValue: a.noFilter(),
+      defaultValue: t.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, p = l(i, s, {
+}, p = l(i, d, {
   props: (e) => ({
     ...e
   }),
   events: {
     onChange: (e) => ({
       value: e ? {
-        from: e.from ? t(e.from) : void 0,
-        to: e.to ? t(e.to) : void 0,
+        from: e.from ? a(e.from) : void 0,
+        to: e.to ? a(e.to) : void 0,
         relativeTimeString: ""
         // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)
-      } : a.noFilter()
+      } : t.noFilter()
     })
   }
 });
 export {
   p as default,
-  s as meta
+  d as meta
 };
 //# sourceMappingURL=DateRangeSelectFieldPro.js.map

package/dist/DateRangeSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\nimport { localToUtcDate } from '../../../utils.ts/date.utils';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date Range Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Pick a date' },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Date-range-select value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => {\n      return {\n        value: range\n          ? {\n              from: range.from ? localToUtcDate(range.from) : undefined,\n              to: range.to ? localToUtcDate(range.to) : undefined,\n              relativeTimeString: '', // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)\n            }\n          : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","title","description","placeholder","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range","localToUtcDate"],"mappings":";;;AAMO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,cAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBP,GAAM;AAAA,EAC3D,OAAO,CAACQ,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OACF;AAAA,MACL,OAAOA,IACH;AAAA,QACE,MAAMA,EAAM,OAAOC,EAAeD,EAAM,IAAI,IAAI;AAAA,QAChD,IAAIA,EAAM,KAAKC,EAAeD,EAAM,EAAE,IAAI;AAAA,QAC1C,oBAAoB;AAAA;AAAA,MAAA,IAEtBL,EAAM,SAAA;AAAA,IAAS;AAAA,EAEvB;AAEJ,CAAC;"}
+{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\nimport { localToUtcDate } from '../../../utils.ts/date.utils';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date Range Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-range' },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected date-range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => {\n      return {\n        value: range\n          ? {\n              from: range.from ? localToUtcDate(range.from) : undefined,\n              to: range.to ? localToUtcDate(range.to) : undefined,\n              relativeTimeString: '', // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)\n            }\n          : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","title","description","placeholder","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range","localToUtcDate"],"mappings":";;;AAMO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,sBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;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;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBP,GAAM;AAAA,EAC3D,OAAO,CAACQ,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OACF;AAAA,MACL,OAAOA,IACH;AAAA,QACE,MAAMA,EAAM,OAAOC,EAAeD,EAAM,IAAI,IAAI;AAAA,QAChD,IAAIA,EAAM,KAAKC,EAAeD,EAAM,EAAE,IAAI;AAAA,QAC1C,oBAAoB;AAAA;AAAA,MAAA,IAEtBL,EAAM,SAAA;AAAA,IAAS;AAAA,EAEvB;AAEJ,CAAC;"}

package/dist/DonutChartPro.js

@@ -1,6 +1,6 @@
-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-ChubamQR.js";
+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-6DaYvUm6.js";
 import { defineComponent as c } from "@embeddable.com/react";
-import { D as p } from "./index-CfE1mzTX.js";
+import { D as p } from "./index-l4tIW_AY.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,6 +1,6 @@
-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-ChubamQR.js";
+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-6DaYvUm6.js";
 import { defineComponent as b } from "@embeddable.com/react";
-import { D as c } from "./index-Bv2G17nj.js";
+import { D as c } from "./index-BQ9XmNLw.js";
 const p = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-Bdzz4bjt.js → EditorCard-1oA9rt9p.js}

@@ -1,4 +1,4 @@
-import { H as r, L as l, K as u, k as m, C as p, b as _, a as x, c as C, j as f, M as h } from "./component.constants-ChubamQR.js";
+import { H as r, L as l, K as u, k as m, C as p, b as _, a as x, c as C, j as f, M as h } from "./component.constants-6DaYvUm6.js";
 import { useEffect as j } from "react";
 import { useTheme as S } from "@embeddable.com/react";
 const b = "_listOptions_2o1ip_1", v = "_disabled_2o1ip_6", a = {
@@ -59,4 +59,4 @@ export {
   k as d,
   L as u
 };
-//# sourceMappingURL=EditorCard-Bdzz4bjt.js.map
+//# sourceMappingURL=EditorCard-1oA9rt9p.js.map

package/dist/{EditorCard-Bdzz4bjt.js.map → EditorCard-1oA9rt9p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-Bdzz4bjt.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-1oA9rt9p.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,47 +1,52 @@
-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-ChubamQR.js";
-import { a as c, b as f } from "./index-DeM-YRml.js";
+import { defineComponent as i } from "@embeddable.com/react";
+import { t as r, u as s, w as d, x as u, E as m, V as t, F as c } from "./component.constants-6DaYvUm6.js";
+import { a as p, b as f } from "./index-CletykqT.js";
 const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",
   category: "Dropdowns",
-  defaultWidth: 200,
+  defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
-    s,
-    { ...l, label: "Dimension (to load Dropdown values)" },
-    {
-      ...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."
-    },
+    r,
+    { ...s, label: "Dimension (to load Dropdown values)" },
     d,
     u,
-    { ...m, defaultValue: "Select value..." },
+    { ...m, defaultValue: "Select values..." },
+    {
+      name: "maxOptions",
+      type: "number",
+      label: "Maximum options",
+      category: "Component Settings",
+      defaultValue: p
+    },
     {
       name: "selectedValues",
       type: "string",
       array: !0,
       label: "Selected Values",
-      category: "Pre-configured variables"
+      category: "Pre-configured Variables"
     },
     {
-      name: "maxOptions",
-      type: "number",
-      label: "Maximum options",
-      category: "Pre-configured variables",
-      defaultValue: c
+      type: "dimension",
+      config: {
+        dataset: "dataset"
+      },
+      required: !1,
+      name: "optionalSecondDimension",
+      label: "Optional secondary dimension",
+      category: "Data Mapping for Interactions",
+      description: "Send a different dimension to embeddable when the user clicks. Must be unique."
     }
   ],
   events: [
     {
       name: "onChange",
-      label: "Change",
+      label: "selected values updated",
       properties: [
         {
           name: "value",
+          label: "selected values",
           type: "string",
           array: !0
         }
@@ -50,28 +55,28 @@ const g = {
   ],
   variables: [
     {
-      name: "Multi-select values",
+      name: "multi-select values",
       type: "string",
       array: !0,
-      defaultValue: n.noFilter(),
+      defaultValue: t.noFilter(),
       inputs: ["selectedValues"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, y = r(f, g, {
-  props: (e, [a, i]) => {
-    const o = e.dimension.nativeType === "string" ? "contains" : "equals";
+}, h = i(f, g, {
+  props: (e, [a, l]) => {
+    const n = e.dimension.nativeType === "string" ? "contains" : "equals";
     return {
       ...e,
       maxOptions: e.maxOptions,
-      setSearchValue: (t) => i({ searchValue: t }),
-      results: p({
+      setSearchValue: (o) => l({ searchValue: o }),
+      results: c({
         limit: e.maxOptions,
         from: e.dataset,
         select: [e.dimension, e.optionalSecondDimension].filter(Boolean),
         filters: a != null && a.searchValue ? [
           {
-            operator: o,
+            operator: n,
             property: e.dimension,
             value: a.searchValue
           }
@@ -81,12 +86,12 @@ const g = {
   },
   events: {
     onChange: (e) => ({
-      value: e.length ? e : n.noFilter()
+      value: e.length ? e : t.noFilter()
     })
   }
 });
 export {
-  y as default,
+  h as default,
   g as meta
 };
 //# sourceMappingURL=MultiSelectFieldPro.js.map

package/dist/MultiSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport MultiSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'MultiSelectFieldPro',\n  label: 'Multi Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 120,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    {\n      ...dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional second dimension for filtering',\n      description:\n        'A hidden dimension applied for filtering instead of the main dimension. Must be unique.',\n    },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'selectedValues',\n      type: 'string',\n      array: true,\n      label: 'Selected Values',\n      category: 'Pre-configured variables',\n    },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Pre-configured variables',\n      defaultValue: MAX_OPTIONS,\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'string',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Multi-select values',\n      type: 'string',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValues'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype MultiSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(MultiSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [MultiSelectDropdownState, (state: MultiSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValues: string[]) => {\n      return {\n        value: selectedValues.length ? selectedValues : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","MultiSelectFieldPro_emb","defineComponent","MultiSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValues"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvB;AAAA,MACE,GAAGA;AAAA,MACH,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,kBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,EAChB;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,gBAAgB;AAAA,MACzB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAqBV,GAAM;AAAA,EACxD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAAa;AAAA,MACjE,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,EAAe,SAASA,IAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}
+{"version":3,"file":"MultiSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport MultiSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'MultiSelectFieldPro',\n  label: 'Multi Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select values...' },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      name: 'selectedValues',\n      type: 'string',\n      array: true,\n      label: 'Selected Values',\n      category: 'Pre-configured Variables',\n    },\n    {\n      type: 'dimension',\n      config: {\n        dataset: 'dataset',\n      },\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected values updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected values',\n          type: 'string',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'multi-select values',\n      type: 'string',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValues'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype MultiSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(MultiSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [MultiSelectDropdownState, (state: MultiSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValues: string[]) => {\n      return {\n        value: selectedValues.length ? selectedValues : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","MultiSelectFieldPro_emb","defineComponent","MultiSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValues"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvBC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,mBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,EACf;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,UACN,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,gBAAgB;AAAA,MACzB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAqBV,GAAM;AAAA,EACxD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAAa;AAAA,MACjE,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,EAAe,SAASA,IAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}

package/dist/PieChartPro.js

@@ -1,6 +1,6 @@
-import { t as a, v as s, u as t, w as o, x as n, y as i, B as r, z as m, A as l, V as d, F as c } from "./component.constants-ChubamQR.js";
+import { t as a, v as s, u as t, w as o, x as n, y as i, B as r, z as m, A as l, V as d, F as c } from "./component.constants-6DaYvUm6.js";
 import { defineComponent as p } from "@embeddable.com/react";
-import { P as u } from "./index-BmXdKHMF.js";
+import { P as u } from "./index-DJCBBI5F.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/{SingleSelectField-CGJ5vMk3.js → SingleSelectField-DY9bO3JK.js}

@@ -1,7 +1,7 @@
-import { H as l, D as R, e as E, J as k, S as h, d as w } from "./component.constants-ChubamQR.js";
-import { useState as i, useRef as B, useEffect as H, useMemo as J } from "react";
-import { u as K, d as M, I as N, S as P } from "./EditorCard-Bdzz4bjt.js";
-const A = ({
+import { H as l, D, e as R, J as E, S as h, d as k } from "./component.constants-6DaYvUm6.js";
+import { useState as i, useRef as w, useEffect as B, useMemo as H } from "react";
+import { u as J, d as K, I as M, S as N } from "./EditorCard-1oA9rt9p.js";
+const z = ({
   value: t = "",
   startIcon: j,
   options: a,
@@ -11,12 +11,11 @@ const A = ({
   isClearable: C,
   isLoading: o,
   noOptionsMessage: g = "No options available",
-  autoWidth: L,
-  onChange: v,
+  onChange: L,
   onSearch: s
 }) => {
-  const [f, O] = i(!1), [b, x] = i(""), [F, c] = i(t), m = B(null);
-  K(f, m), H(() => {
+  const [f, v] = i(!1), [b, x] = i(""), [O, c] = i(t), m = w(null);
+  J(f, m), B(() => {
     if (!t) {
       c("");
       return;
@@ -24,51 +23,51 @@ const A = ({
     const e = a.find((r) => r.value === t);
     e && c(e.label);
   }, [t, a]);
-  const n = J(() => s ? M(s) : void 0, [s]), I = u && !s ? a.filter((e) => e.label.toLowerCase().includes(b.toLowerCase())) : a, S = (e) => {
-    if (x(""), v(e ?? ""), s == null || s(""), e === "")
+  const n = H(() => s ? K(s) : void 0, [s]), F = u && !s ? a.filter((e) => e.label.toLowerCase().includes(b.toLowerCase())) : a, S = (e) => {
+    if (x(""), L(e ?? ""), s == null || s(""), e === "")
       c("");
     else {
-      const r = a.find((D) => D.value === e);
+      const r = a.find((y) => y.value === e);
       r && c(r.label);
     }
-  }, y = (e) => {
+  }, I = (e) => {
     x(e), n == null || n(e);
   };
   return /* @__PURE__ */ l.jsx(
-    R,
+    D,
     {
       open: f,
-      onOpenChange: O,
+      onOpenChange: v,
       disabled: d,
       triggerComponent: /* @__PURE__ */ l.jsx(
-        w,
+        k,
         {
           startIcon: j,
           "aria-label": "Select option",
           placeholder: p,
           disabled: d,
-          valueLabel: F,
+          valueLabel: O,
           onClear: () => S(""),
           isClearable: C,
           isLoading: o
         }
       ),
-      children: /* @__PURE__ */ l.jsxs(E, { autoWidth: L, children: [
+      children: /* @__PURE__ */ l.jsxs(R, { children: [
         u && /* @__PURE__ */ l.jsx(
-          k,
+          E,
           {
             ref: m,
-            startIcon: N,
+            startIcon: M,
             "aria-label": "Search options",
             placeholder: "Search…",
             role: "searchbox",
             value: b,
             onKeyDown: (e) => e.stopPropagation(),
-            onChange: y
+            onChange: I
           }
         ),
-        /* @__PURE__ */ l.jsxs(P, { disabled: o, children: [
-          I.map((e) => /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ l.jsxs(N, { disabled: o, children: [
+          F.map((e) => /* @__PURE__ */ l.jsx(
             h,
             {
               onClick: () => S(e == null ? void 0 : e.value),
@@ -84,6 +83,6 @@ const A = ({
   );
 };
 export {
-  A as S
+  z as S
 };
-//# sourceMappingURL=SingleSelectField-CGJ5vMk3.js.map
+//# sourceMappingURL=SingleSelectField-DY9bO3JK.js.map

package/dist/SingleSelectField-DY9bO3JK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectField-DY9bO3JK.js","sources":["../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\n\nexport type SingleSelectFieldProps = {\n  options: SelectListOptionProps[];\n  startIcon?: TablerIcon;\n  value?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  isSearchable?: boolean;\n  isClearable?: boolean;\n  isLoading?: boolean;\n  noOptionsMessage?: string;\n  onChange: (value: string) => void;\n  onSearch?: (search: string) => void;\n};\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\n  value = '',\n  startIcon,\n  options,\n  disabled,\n  placeholder,\n  isSearchable,\n  isClearable,\n  isLoading,\n  noOptionsMessage = 'No options available',\n  onChange,\n  onSearch,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [selectedLabel, setSelectedLabel] = useState<string>(value);\n\n  const searchFieldRef = useRef<HTMLInputElement>(null);\n  useSelectSearchFocus(isOpen, searchFieldRef);\n\n  useEffect(() => {\n    if (!value) {\n      setSelectedLabel('');\n      return;\n    }\n\n    const option = options.find((opt) => opt.value === value);\n    if (option) {\n      setSelectedLabel(option.label);\n    }\n  }, [value, options]);\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 handleChange = (newValue?: string) => {\n    setSearchValue('');\n    onChange(newValue ?? '');\n    onSearch?.('');\n\n    if (newValue === '') {\n      setSelectedLabel('');\n    } else {\n      const option = options.find((opt) => opt.value === newValue);\n      if (option) setSelectedLabel(option.label);\n    }\n  };\n\n  const handleSearch = (newSearch: string) => {\n    setSearchValue(newSearch);\n    debouncedSearch?.(newSearch);\n  };\n\n  return (\n    <Dropdown\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      disabled={disabled}\n      triggerComponent={\n        <SelectButton\n          startIcon={startIcon}\n          aria-label=\"Select option\"\n          placeholder={placeholder}\n          disabled={disabled}\n          valueLabel={selectedLabel}\n          onClear={() => handleChange('')}\n          isClearable={isClearable}\n          isLoading={isLoading}\n        />\n      }\n    >\n      <SelectList>\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          />\n        )}\n        <SelectListOptions disabled={isLoading}>\n          {displayOptions.map((option) => (\n            <SelectListOption\n              key={option?.value ?? option.label}\n              onClick={() => handleChange(option?.value)}\n              isSelected={option.value === value}\n              {...option}\n            />\n          ))}\n          {options.length === 0 && (\n            <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n          )}\n        </SelectListOptions>\n      </SelectList>\n    </Dropdown>\n  );\n};\n"],"names":["SingleSelectField","value","startIcon","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","handleChange","newValue","handleSearch","newSearch","jsx","Dropdown","SelectButton","SelectList","TextField","IconSearch","jsxs","SelectListOptions","SelectListOption"],"mappings":";;;AA4BO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAaC,CAAc,IAAIF,EAAiB,EAAE,GACnD,CAACG,GAAeC,CAAgB,IAAIJ,EAAiBb,CAAK,GAE1DkB,IAAiBC,EAAyB,IAAI;AACpD,EAAAC,EAAqBT,GAAQO,CAAc,GAE3CG,EAAU,MAAM;AACd,QAAI,CAACrB,GAAO;AACV,MAAAiB,EAAiB,EAAE;AACnB;AAAA,IACF;AAEA,UAAMK,IAASpB,EAAQ,KAAK,CAACqB,MAAQA,EAAI,UAAUvB,CAAK;AACxD,IAAIsB,KACFL,EAAiBK,EAAO,KAAK;AAAA,EAEjC,GAAG,CAACtB,GAAOE,CAAO,CAAC;AAEnB,QAAMsB,IAAkBC,EAAQ,MAAOf,IAAWgB,EAAShB,CAAQ,IAAI,QAAY,CAACA,CAAQ,CAAC,GAEvFiB,IACJtB,KAAgB,CAACK,IACbR,EAAQ,OAAO,CAACoB,MAAWA,EAAO,MAAM,cAAc,SAASR,EAAY,YAAA,CAAa,CAAC,IACzFZ,GAEA0B,IAAe,CAACC,MAAsB;AAK1C,QAJAd,EAAe,EAAE,GACjBN,EAASoB,KAAY,EAAE,GACvBnB,KAAA,QAAAA,EAAW,KAEPmB,MAAa;AACf,MAAAZ,EAAiB,EAAE;AAAA,SACd;AACL,YAAMK,IAASpB,EAAQ,KAAK,CAACqB,MAAQA,EAAI,UAAUM,CAAQ;AAC3D,MAAIP,KAAQL,EAAiBK,EAAO,KAAK;AAAA,IAC3C;AAAA,EACF,GAEMQ,IAAe,CAACC,MAAsB;AAC1C,IAAAhB,EAAegB,CAAS,GACxBP,KAAA,QAAAA,EAAkBO;AAAA,EACpB;AAEA,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMtB;AAAA,MACN,cAAcC;AAAA,MACd,UAAAT;AAAA,MACA,kBACE6B,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAAjC;AAAA,UACA,cAAW;AAAA,UACX,aAAAG;AAAA,UACA,UAAAD;AAAA,UACA,YAAYa;AAAA,UACZ,SAAS,MAAMY,EAAa,EAAE;AAAA,UAC9B,aAAAtB;AAAA,UACA,WAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAIJ,iCAAC4B,GAAA,EACE,UAAA;AAAA,QAAA9B,KACC2B,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAKlB;AAAA,YACL,WAAWmB;AAAA,YACX,cAAW;AAAA,YACX,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,OAAOvB;AAAA,YACP,WAAW,CAAC,MAAM,EAAE,gBAAA;AAAA,YACpB,UAAUgB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdQ,gBAAAA,EAAAA,KAACC,GAAA,EAAkB,UAAUhC,GAC1B,UAAA;AAAA,UAAAoB,EAAe,IAAI,CAACL,MACnBU,gBAAAA,EAAAA;AAAAA,YAACQ;AAAA,YAAA;AAAA,cAEC,SAAS,MAAMZ,EAAaN,KAAA,gBAAAA,EAAQ,KAAK;AAAA,cACzC,YAAYA,EAAO,UAAUtB;AAAA,cAC5B,GAAGsB;AAAA,YAAA;AAAA,aAHCA,KAAA,gBAAAA,EAAQ,UAASA,EAAO;AAAA,UAAA,CAKhC;AAAA,UACApB,EAAQ,WAAW,KAClB8B,gBAAAA,EAAAA,IAACQ,GAAA,EAAiB,UAAQ,IAAC,OAAM,SAAQ,OAAOhC,EAAA,CAAkB;AAAA,QAAA,EAAA,CAEtE;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/SingleSelectFieldPro.js

@@ -1,46 +1,51 @@
-import { defineComponent as r } from "@embeddable.com/react";
-import { t as s, u as n, w as d, x as m, E as u, V as l, F as p } from "./component.constants-ChubamQR.js";
-import { M as c, S as f } from "./index-CoGUszim.js";
-const g = {
+import { defineComponent as i } from "@embeddable.com/react";
+import { t as s, u as r, w as d, x as m, E as c, V as n, F as u } from "./component.constants-6DaYvUm6.js";
+import { M as p, S as g } from "./index-DRUh-6cK.js";
+const f = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",
   category: "Dropdowns",
-  defaultWidth: 200,
+  defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
     s,
-    { ...n, label: "Dimension (to load Dropdown values)" },
-    {
-      ...n,
-      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."
-    },
+    { ...r, label: "Dimension (to load Dropdown values)" },
     d,
     m,
-    { ...u, defaultValue: "Select value..." },
+    { ...c, defaultValue: "Select value..." },
+    {
+      name: "maxOptions",
+      type: "number",
+      label: "Maximum options",
+      category: "Component Settings",
+      defaultValue: p
+    },
     {
       name: "selectedValue",
       type: "string",
       label: "Selected Value",
-      category: "Pre-configured variables"
+      category: "Pre-configured Variables"
     },
     {
-      name: "maxOptions",
-      type: "number",
-      label: "Maximum options",
-      category: "Pre-configured variables",
-      defaultValue: c
+      type: "dimension",
+      config: {
+        dataset: "dataset"
+      },
+      required: !1,
+      name: "optionalSecondDimension",
+      label: "Optional secondary dimension",
+      category: "Data Mapping for Interactions",
+      description: "Send a different dimension to embeddable when the user clicks. Must be unique."
     }
   ],
   events: [
     {
       name: "onChange",
-      label: "Change",
+      label: "selected value updated",
       properties: [
         {
           name: "value",
+          label: "selected Value",
           type: "string"
         }
       ]
@@ -48,27 +53,27 @@ const g = {
   ],
   variables: [
     {
-      name: "Single-select value",
+      name: "single-select value",
       type: "string",
-      defaultValue: l.noFilter(),
+      defaultValue: n.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, h = r(f, g, {
-  props: (e, [a, i]) => {
-    const o = e.dimension.nativeType === "string" ? "contains" : "equals";
+}, y = i(g, f, {
+  props: (e, [a, l]) => {
+    const t = e.dimension.nativeType === "string" ? "contains" : "equals";
     return {
       ...e,
       maxOptions: e.maxOptions,
-      setSearchValue: (t) => i({ searchValue: t }),
-      results: p({
+      setSearchValue: (o) => l({ searchValue: o }),
+      results: u({
         limit: e.maxOptions,
         from: e.dataset,
         select: [e.dimension, e.optionalSecondDimension].filter(Boolean),
         filters: a != null && a.searchValue ? [
           {
-            operator: o,
+            operator: t,
             property: e.dimension,
             value: a.searchValue
           }
@@ -78,12 +83,12 @@ const g = {
   },
   events: {
     onChange: (e) => ({
-      value: e || l.noFilter()
+      value: e || n.noFilter()
     })
   }
 });
 export {
-  h as default,
-  g as meta
+  y as default,
+  f as meta
 };
 //# sourceMappingURL=SingleSelectFieldPro.js.map

package/dist/SingleSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport SingleSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 120,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    {\n      ...dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional second dimension for filtering',\n      description:\n        'A hidden dimension applied for filtering instead of the main dimension. Must be unique.',\n    },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'selectedValue',\n      type: 'string',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Pre-configured variables',\n      defaultValue: MAX_OPTIONS,\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(SingleSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue: searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValue: string) => {\n      return {\n        value: selectedValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","SingleSelectFieldPro_emb","defineComponent","SingleSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValue"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvB;AAAA,MACE,GAAGA;AAAA,MACH,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,kBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,EAChB;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAsBV,GAAM;AAAA,EACzD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAA0B;AAAA,MAC9E,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,KAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3C;AAEJ,CAAC;"}
+{"version":3,"file":"SingleSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport SingleSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      name: 'selectedValue',\n      type: 'string',\n      label: 'Selected Value',\n      category: 'Pre-configured Variables',\n    },\n    {\n      type: 'dimension',\n      config: {\n        dataset: 'dataset',\n      },\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected value updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(SingleSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue: searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValue: string) => {\n      return {\n        value: selectedValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","SingleSelectFieldPro_emb","defineComponent","SingleSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValue"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvBC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,kBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,EACf;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;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAsBV,GAAM;AAAA,EACzD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAA0B;AAAA,MAC9E,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,KAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3C;AAEJ,CAAC;"}

package/dist/{af-CfPbs4CZ.js → af-BnIXTdIG.js}

@@ -1,5 +1,5 @@
 import { g as d } from "./_commonjsHelpers-C6fGbg64.js";
-import { r as f } from "./index-CdKU0sfg.js";
+import { r as f } from "./index-Vjkjq8hS.js";
 function m(o, s) {
   for (var a = 0; a < s.length; a++) {
     const e = s[a];
@@ -40,4 +40,4 @@ const M = /* @__PURE__ */ d(i), y = /* @__PURE__ */ m({
 export {
   y as a
 };
-//# sourceMappingURL=af-CfPbs4CZ.js.map
+//# sourceMappingURL=af-BnIXTdIG.js.map

package/dist/{af-CfPbs4CZ.js.map → af-BnIXTdIG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"af-CfPbs4CZ.js","sources":["../node_modules/dayjs/locale/af.js"],"sourcesContent":["!function(e,a){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=a(require(\"dayjs\")):\"function\"==typeof define&&define.amd?define([\"dayjs\"],a):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_locale_af=a(e.dayjs)}(this,(function(e){\"use strict\";function a(e){return e&&\"object\"==typeof e&&\"default\"in e?e:{default:e}}var n=a(e),t={name:\"af\",weekdays:\"Sondag_Maandag_Dinsdag_Woensdag_Donderdag_Vrydag_Saterdag\".split(\"_\"),months:\"Januarie_Februarie_Maart_April_Mei_Junie_Julie_Augustus_September_Oktober_November_Desember\".split(\"_\"),weekStart:1,weekdaysShort:\"Son_Maa_Din_Woe_Don_Vry_Sat\".split(\"_\"),monthsShort:\"Jan_Feb_Mrt_Apr_Mei_Jun_Jul_Aug_Sep_Okt_Nov_Des\".split(\"_\"),weekdaysMin:\"So_Ma_Di_Wo_Do_Vr_Sa\".split(\"_\"),ordinal:function(e){return e},formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"DD/MM/YYYY\",LL:\"D MMMM YYYY\",LLL:\"D MMMM YYYY HH:mm\",LLLL:\"dddd, D MMMM YYYY HH:mm\"},relativeTime:{future:\"oor %s\",past:\"%s gelede\",s:\"'n paar sekondes\",m:\"'n minuut\",mm:\"%d minute\",h:\"'n uur\",hh:\"%d ure\",d:\"'n dag\",dd:\"%d dae\",M:\"'n maand\",MM:\"%d maande\",y:\"'n jaar\",yy:\"%d jaar\"}};return n.default.locale(t,null,!0),t}));"],"names":["e","a","module","require$$0","this","n","t"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,KAAC,SAASA,GAAEC,GAAE;AAAsD,MAAAC,EAAA,UAAeD,EAAEE,EAAA,CAAgB;AAAA,IAA4I,GAAEC,IAAM,SAASJ,GAAE;AAAc,eAASC,EAAED,GAAE;AAAC,eAAOA,KAAa,OAAOA,KAAjB,YAAoB,aAAYA,IAAEA,IAAE,EAAC,SAAQA,EAAC;AAAA,MAAC;AAAC,UAAIK,IAAEJ,EAAED,CAAC,GAAEM,IAAE,EAAC,MAAK,MAAK,UAAS,4DAA4D,MAAM,GAAG,GAAE,QAAO,8FAA8F,MAAM,GAAG,GAAE,WAAU,GAAE,eAAc,8BAA8B,MAAM,GAAG,GAAE,aAAY,kDAAkD,MAAM,GAAG,GAAE,aAAY,uBAAuB,MAAM,GAAG,GAAE,SAAQ,SAASN,GAAE;AAAC,eAAOA;AAAA,MAAC,GAAE,SAAQ,EAAC,IAAG,SAAQ,KAAI,YAAW,GAAE,cAAa,IAAG,eAAc,KAAI,qBAAoB,MAAK,0BAAyB,GAAE,cAAa,EAAC,QAAO,UAAS,MAAK,aAAY,GAAE,oBAAmB,GAAE,aAAY,IAAG,aAAY,GAAE,UAAS,IAAG,UAAS,GAAE,UAAS,IAAG,UAAS,GAAE,YAAW,IAAG,aAAY,GAAE,WAAU,IAAG,UAAS,EAAC;AAAE,aAAOK,EAAE,QAAQ,OAAOC,GAAE,MAAK,EAAE,GAAEA;AAAA,IAAC,EAAC;AAAA;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"af-BnIXTdIG.js","sources":["../node_modules/dayjs/locale/af.js"],"sourcesContent":["!function(e,a){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=a(require(\"dayjs\")):\"function\"==typeof define&&define.amd?define([\"dayjs\"],a):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_locale_af=a(e.dayjs)}(this,(function(e){\"use strict\";function a(e){return e&&\"object\"==typeof e&&\"default\"in e?e:{default:e}}var n=a(e),t={name:\"af\",weekdays:\"Sondag_Maandag_Dinsdag_Woensdag_Donderdag_Vrydag_Saterdag\".split(\"_\"),months:\"Januarie_Februarie_Maart_April_Mei_Junie_Julie_Augustus_September_Oktober_November_Desember\".split(\"_\"),weekStart:1,weekdaysShort:\"Son_Maa_Din_Woe_Don_Vry_Sat\".split(\"_\"),monthsShort:\"Jan_Feb_Mrt_Apr_Mei_Jun_Jul_Aug_Sep_Okt_Nov_Des\".split(\"_\"),weekdaysMin:\"So_Ma_Di_Wo_Do_Vr_Sa\".split(\"_\"),ordinal:function(e){return e},formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"DD/MM/YYYY\",LL:\"D MMMM YYYY\",LLL:\"D MMMM YYYY HH:mm\",LLLL:\"dddd, D MMMM YYYY HH:mm\"},relativeTime:{future:\"oor %s\",past:\"%s gelede\",s:\"'n paar sekondes\",m:\"'n minuut\",mm:\"%d minute\",h:\"'n uur\",hh:\"%d ure\",d:\"'n dag\",dd:\"%d dae\",M:\"'n maand\",MM:\"%d maande\",y:\"'n jaar\",yy:\"%d jaar\"}};return n.default.locale(t,null,!0),t}));"],"names":["e","a","module","require$$0","this","n","t"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,KAAC,SAASA,GAAEC,GAAE;AAAsD,MAAAC,EAAA,UAAeD,EAAEE,EAAA,CAAgB;AAAA,IAA4I,GAAEC,IAAM,SAASJ,GAAE;AAAc,eAASC,EAAED,GAAE;AAAC,eAAOA,KAAa,OAAOA,KAAjB,YAAoB,aAAYA,IAAEA,IAAE,EAAC,SAAQA,EAAC;AAAA,MAAC;AAAC,UAAIK,IAAEJ,EAAED,CAAC,GAAEM,IAAE,EAAC,MAAK,MAAK,UAAS,4DAA4D,MAAM,GAAG,GAAE,QAAO,8FAA8F,MAAM,GAAG,GAAE,WAAU,GAAE,eAAc,8BAA8B,MAAM,GAAG,GAAE,aAAY,kDAAkD,MAAM,GAAG,GAAE,aAAY,uBAAuB,MAAM,GAAG,GAAE,SAAQ,SAASN,GAAE;AAAC,eAAOA;AAAA,MAAC,GAAE,SAAQ,EAAC,IAAG,SAAQ,KAAI,YAAW,GAAE,cAAa,IAAG,eAAc,KAAI,qBAAoB,MAAK,0BAAyB,GAAE,cAAa,EAAC,QAAO,UAAS,MAAK,aAAY,GAAE,oBAAmB,GAAE,aAAY,IAAG,aAAY,GAAE,UAAS,IAAG,UAAS,GAAE,UAAS,IAAG,UAAS,GAAE,YAAW,IAAG,aAAY,GAAE,WAAU,IAAG,UAAS,EAAC;AAAE,aAAOK,EAAE,QAAQ,OAAOC,GAAE,MAAK,EAAE,GAAEA;AAAA,IAAC,EAAC;AAAA;;;;;;;","x_google_ignoreList":[0]}