@embeddable.com/remarkable-pro 0.1.8 → 0.1.11

package/dist/ColorEditor.js

@@ -1,37 +1,18 @@
-import { defineEditor as l } from "@embeddable.com/react";
-import { j as r, A as a, I as i, t as p, V as u } from "./Color.type.emb-tRPNtuPs.js";
-import { useState as m, useEffect as C } from "react";
-const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
-  colorInputContainer: I,
-  colorInput: d
-}, f = ({ value: o, onChange: t }) => {
-  const [n, e] = m(o);
-  return C(() => {
-    e(o);
-  }, [o, e]), /* @__PURE__ */ r.jsxs("div", { className: s.colorInputContainer, children: [
-    /* @__PURE__ */ r.jsx(
-      "input",
-      {
-        type: "color",
-        className: s.colorInput,
-        value: n ?? "#FFFFFF",
-        onChange: (c) => t(c.target.value)
-      }
-    ),
-    n && /* @__PURE__ */ r.jsx(a, { icon: i, onClick: () => t(void 0) })
-  ] });
-}, _ = {
+import { defineEditor as e } from "@embeddable.com/react";
+import { C as a, V as i } from "./Color.type.emb-Ba6kRLMO.js";
+import { C as l } from "./index-21gf7llZ.js";
+const m = {
   name: "ColorEditor",
   label: "Color editor",
-  type: p
-}, E = l(f, _, {
-  inputs: (o, t) => ({
+  type: a
+}, s = e(l, m, {
+  inputs: (o, r) => ({
     value: o,
-    onChange: (n) => t(u.of(n))
+    onChange: (t) => r(i.of(t))
   })
 });
 export {
-  E as default,
-  _ as meta
+  s as default,
+  m as meta
 };
 //# sourceMappingURL=ColorEditor.js.map

package/dist/ColorEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorEditor.js","sources":["../src/editors/ColorEditor/index.tsx","../src/editors/ColorEditor/ColorEditor.emb.ts"],"sourcesContent":["import { useState, useEffect, FC } from 'react';\nimport styles from './ColorEditor.module.css';\nimport { ActionIcon } from '@embeddable.com/remarkable-ui';\nimport { IconX } from '@tabler/icons-react';\n\ntype ColorInputProps = {\n  value: string;\n  onChange: (color?: string) => void;\n};\n\nconst ColorInput: FC<ColorInputProps> = ({ value, onChange }) => {\n  const [color, setColor] = useState<string>(value);\n\n  useEffect(() => {\n    setColor(value);\n  }, [value, setColor]);\n\n  return (\n    <div className={styles.colorInputContainer}>\n      <input\n        type=\"color\"\n        className={styles.colorInput}\n        value={color ?? '#FFFFFF'}\n        onChange={(e) => onChange(e.target.value)}\n      />\n      {color && <ActionIcon icon={IconX} onClick={() => onChange(undefined)} />}\n    </div>\n  );\n};\n\nexport default ColorInput;\n","import { defineEditor } from '@embeddable.com/react';\nimport ColorType from './Color.type.emb';\nimport { Value } from '@embeddable.com/core';\n\nimport Component from './index';\n\nexport const meta = {\n  name: 'ColorEditor',\n  label: 'Color editor',\n  type: ColorType,\n};\n\n/* @ts-expect-error - to be fixed in @embeddable.com/react */\nexport default defineEditor(Component, meta, {\n  inputs: (value, setter) => {\n    return {\n      value,\n      onChange: (val: string) => setter(Value.of(val)),\n    };\n  },\n});\n"],"names":["ColorInput","value","onChange","color","setColor","useState","useEffect","jsxs","styles","jsx","e","ActionIcon","IconX","meta","ColorType","ColorEditor_emb","defineEditor","Component","setter","val","Value"],"mappings":";;;;;;GAUMA,IAAkC,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AAC/D,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBJ,CAAK;AAEhD,SAAAK,EAAU,MAAM;AACd,IAAAF,EAASH,CAAK;AAAA,EAChB,GAAG,CAACA,GAAOG,CAAQ,CAAC,GAGlBG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWC,EAAO,qBACrB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWD,EAAO;AAAA,QAClB,OAAOL,KAAS;AAAA,QAChB,UAAU,CAACO,MAAMR,EAASQ,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzCP,2BAAUQ,GAAA,EAAW,MAAMC,GAAO,SAAS,MAAMV,EAAS,MAAS,EAAA,CAAG;AAAA,EAAA,GACzE;AAEJ,GCtBaW,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAMC;AACR,GAGAC,IAAeC,EAAaC,GAAWJ,GAAM;AAAA,EAC3C,QAAQ,CAACZ,GAAOiB,OACP;AAAA,IACL,OAAAjB;AAAA,IACA,UAAU,CAACkB,MAAgBD,EAAOE,EAAM,GAAGD,CAAG,CAAC;AAAA,EAAA;AAGrD,CAAC;"}
+{"version":3,"file":"ColorEditor.js","sources":["../src/editors/ColorEditor/ColorEditor.emb.ts"],"sourcesContent":["import { defineEditor } from '@embeddable.com/react';\nimport ColorType from './Color.type.emb';\nimport { Value } from '@embeddable.com/core';\n\nimport Component from './index';\n\nexport const meta = {\n  name: 'ColorEditor',\n  label: 'Color editor',\n  type: ColorType,\n};\n\n/* @ts-expect-error - to be fixed in @embeddable.com/react */\nexport default defineEditor(Component, meta, {\n  inputs: (value, setter) => {\n    return {\n      value,\n      onChange: (val: string) => setter(Value.of(val)),\n    };\n  },\n});\n"],"names":["meta","ColorType","ColorEditor_emb","defineEditor","Component","value","setter","val","Value"],"mappings":";;;AAMO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAMC;AACR,GAGAC,IAAeC,EAAaC,GAAWJ,GAAM;AAAA,EAC3C,QAAQ,CAACK,GAAOC,OACP;AAAA,IACL,OAAAD;AAAA,IACA,UAAU,CAACE,MAAgBD,EAAOE,EAAM,GAAGD,CAAG,CAAC;AAAA,EAAA;AAGrD,CAAC;"}

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { definePreview as t, defineComponent as n } from "@embeddable.com/react";
-import { V as r } from "./Color.type.emb-tRPNtuPs.js";
-import { D as i } from "./index-BRywHn8j.js";
-import { C as a, b as e } from "./component.inputs.constants-DIZMtQw0.js";
+import { V as r } from "./Color.type.emb-Ba6kRLMO.js";
+import { D as i } from "./index-Ce0UWspv.js";
+import { C as a, i as e } from "./component.inputs.constants-CafM9zee.js";
 const l = {
   name: "ComparisonPeriodSelectFieldPro",
   label: "Comparison Period Select Field",

package/dist/DateRangePickerCustomPro.js

@@ -1,35 +1,8 @@
-import { useTheme as P, definePreview as y, defineComponent as D } from "@embeddable.com/react";
-import { j as l, k as w, V as s } from "./Color.type.emb-tRPNtuPs.js";
-import { u as V, g as k, a as S, b as j } from "./dates.utils-BF32dTLi.js";
-import { a as F, r as M, i as T, b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { E as x } from "./EditorCard-BEOWlY3S.js";
-import { I as L } from "./IconCalendarFilled-Dlxre0eW.js";
-const r = (a) => {
-  const t = P();
-  F(t);
-  const { dayjsLocaleReady: i } = V();
-  if (!i)
-    return null;
-  const { description: c, placeholder: d, title: m, tooltip: u } = M(a), { onChange: g, clearable: p, selectedValue: n, showTwoMonths: h } = a, f = (v) => {
-    const C = j(v);
-    g(C);
-  }, o = t.defaults.dateRangesOptions, R = k(n, "MMM DD", o), b = t.i18n.language ?? t.formatter.locale;
-  return /* @__PURE__ */ l.jsx(x, { title: m, description: c, tooltip: u, children: /* @__PURE__ */ l.jsx(
-    w,
-    {
-      startIcon: L,
-      locale: b,
-      clearable: p,
-      placeholder: d,
-      displayValue: R,
-      numberOfMonths: h ? 2 : 1,
-      value: S(n, o),
-      onChange: f,
-      submitLabel: T.t("editors.dateRangePicker.apply"),
-      avoidCollisions: !1
-    }
-  ) });
-}, I = {
+import { definePreview as o, defineComponent as l } from "@embeddable.com/react";
+import { V as t } from "./Color.type.emb-Ba6kRLMO.js";
+import { D as n } from "./index-qtPDcHs8.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+const r = {
   name: "DateRangePickerCustomPro",
   label: "Date-Range Picker - Custom",
   category: "Dropdowns",
@@ -72,26 +45,26 @@ const r = (a) => {
     {
       name: "date-range value",
       type: "timeRange",
-      defaultValue: s.noFilter(),
+      defaultValue: t.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, z = y(r, {
+}, d = o(n, {
   onChange: () => null
-}), A = D(r, I, {
+}), p = l(n, r, {
   props: (a) => ({
     ...a
   }),
   events: {
     onChange: (a) => ({
-      value: a ?? s.noFilter()
+      value: a ?? t.noFilter()
     })
   }
 });
 export {
-  A as default,
-  I as meta,
-  z as preview
+  p as default,
+  r as meta,
+  d as preview
 };
 //# sourceMappingURL=DateRangePickerCustomPro.js.map

package/dist/DateRangePickerCustomPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerCustomPro.js","sources":["../src/components/editors/dates/DateRangePickerCustomPro/index.tsx","../src/components/editors/dates/DateRangePickerCustomPro/DateRangePickerCustomPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { DateRange, DateRangePickerField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../../shared/EditorCard/EditorCard';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeLabel,\n} from '../dates.utils';\nimport { IconCalendarFilled } from '@tabler/icons-react';\n\ntype DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n  clearable?: boolean;\n  showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n  const { onChange, clearable, selectedValue, showTwoMonths } = props;\n\n  const handleChange = (newDateRange: DateRange | undefined) => {\n    const timeRange: TimeRange = getTimeRangeFromDateRange(newDateRange);\n    onChange(timeRange);\n  };\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n  const displayValue = getTimeRangeLabel(selectedValue, 'MMM DD', dateRangeOptions);\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <DateRangePickerField\n        startIcon={IconCalendarFilled}\n        locale={locale}\n        clearable={clearable}\n        placeholder={placeholder}\n        displayValue={displayValue}\n        numberOfMonths={showTwoMonths ? 2 : 1}\n        value={getDateRangeFromTimeRange(selectedValue, dateRangeOptions)}\n        onChange={handleChange}\n        submitLabel={i18n.t('editors.dateRangePicker.apply')}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n","import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nexport const meta = {\n  name: 'DateRangePickerCustomPro',\n  label: 'Date-Range Picker - Custom',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select a date-range' },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two months',\n      defaultValue: false,\n      category: 'Component Settings',\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 const preview = definePreview(DateTimeSelectFieldPro, {\n  onChange: () => null,\n});\n\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => ({\n      value: range ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","description","placeholder","title","tooltip","resolveI18nProps","onChange","clearable","selectedValue","showTwoMonths","handleChange","newDateRange","timeRange","getTimeRangeFromDateRange","dateRangeOptions","displayValue","getTimeRangeLabel","locale","jsx","EditorCard","DateRangePickerField","IconCalendarFilled","getDateRangeFromTimeRange","i18n","meta","inputs","Value","preview","definePreview","DateTimeSelectFieldPro","DateRangePickerCustomPro_emb","defineComponent","range"],"mappings":";;;;;;AAuBA,MAAMA,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAA;AAE7B,MAAI,CAACD;AACH,WAAO;AAGT,QAAM,EAAE,aAAAE,GAAa,aAAAC,GAAa,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAiBV,CAAK,GACrE,EAAE,UAAAW,GAAU,WAAAC,GAAW,eAAAC,GAAe,eAAAC,MAAkBd,GAExDe,IAAe,CAACC,MAAwC;AAC5D,UAAMC,IAAuBC,EAA0BF,CAAY;AACnE,IAAAL,EAASM,CAAS;AAAA,EACpB,GAEME,IAAmBlB,EAAM,SAAS,mBAClCmB,IAAeC,EAAkBR,GAAe,UAAUM,CAAgB,GAE1EG,IAASrB,EAAM,KAAK,YAAYA,EAAM,UAAU;AAEtD,SACEsB,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,aAAAF,GAA0B,SAAAG,GAClD,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,MACX,QAAAJ;AAAA,MACA,WAAAV;AAAA,MACA,aAAAL;AAAA,MACA,cAAAa;AAAA,MACA,gBAAgBN,IAAgB,IAAI;AAAA,MACpC,OAAOa,EAA0Bd,GAAeM,CAAgB;AAAA,MAChE,UAAUJ;AAAA,MACV,aAAaa,EAAK,EAAE,+BAA+B;AAAA,MACnD,iBAAiB;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ,GCpDaC,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,sBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,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,IAAUC,EAAcC,GAAwB;AAAA,EAC3D,UAAU,MAAM;AAClB,CAAC,GAEDC,IAAeC,EAAgBF,GAAwBL,GAAM;AAAA,EAC3D,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACO,OAAW;AAAA,MACpB,OAAOA,KAASN,EAAM,SAAA;AAAA,IAAS;AAAA,EACjC;AAEJ,CAAC;"}
+{"version":3,"file":"DateRangePickerCustomPro.js","sources":["../src/components/editors/dates/DateRangePickerCustomPro/DateRangePickerCustomPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nexport const meta = {\n  name: 'DateRangePickerCustomPro',\n  label: 'Date-Range Picker - Custom',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select a date-range' },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two months',\n      defaultValue: false,\n      category: 'Component Settings',\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 const preview = definePreview(DateTimeSelectFieldPro, {\n  onChange: () => null,\n});\n\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => ({\n      value: range ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["meta","inputs","Value","preview","definePreview","DateTimeSelectFieldPro","DateRangePickerCustomPro_emb","defineComponent","range"],"mappings":";;;;AAUO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,sBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,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,IAAUC,EAAcC,GAAwB;AAAA,EAC3D,UAAU,MAAM;AAClB,CAAC,GAEDC,IAAeC,EAAgBF,GAAwBL,GAAM;AAAA,EAC3D,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACO,OAAW;AAAA,MACpB,OAAOA,KAASN,EAAM,SAAA;AAAA,IAAS;AAAA,EACjC;AAEJ,CAAC;"}

package/dist/DateRangeSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { definePreview as o, defineComponent as l } from "@embeddable.com/react";
-import { V as t } from "./Color.type.emb-tRPNtuPs.js";
-import { D as n } from "./index-BDpQF_cG.js";
-import { b as e } from "./component.inputs.constants-DIZMtQw0.js";
+import { V as t } from "./Color.type.emb-Ba6kRLMO.js";
+import { D as n } from "./index-CMHKa6yP.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
 const r = {
   name: "DateRangeSelectFieldPro",
   label: "Date-Range Picker - Presets",

package/dist/{DimensionAndMeasureSingleSelectField-Bap43crU.js → DimensionAndMeasureSingleSelectField-Btd0k1WN.js}

@@ -1,7 +1,7 @@
-import { j as f, S as d } from "./Color.type.emb-tRPNtuPs.js";
+import { j as f, S as d } from "./Color.type.emb-Ba6kRLMO.js";
 import { useTheme as S } from "@embeddable.com/react";
-import { useState as p, useEffect as g } from "react";
-import { g as C } from "./formatter.utils-BuiHCNHH.js";
+import { useState as g, useEffect as p } from "react";
+import { g as C } from "./preview.data.constants-1No1RU-q.js";
 const v = ({
   dimensionsAndMeasures: s,
   searchValue: r,
@@ -13,11 +13,11 @@ const v = ({
     label: n.dimensionOrMeasureTitle(e)
   }));
 }, M = (s) => {
-  const r = S(), [a, n] = p(""), { selectedValue: e, options: t, clearable: i, placeholder: m, onChange: l } = s, u = (c) => {
+  const r = S(), [a, n] = g(""), { selectedValue: e, options: t, clearable: i, placeholder: m, onChange: l } = s, u = (c) => {
     const o = t.find((h) => h.name === c);
     l(o);
   };
-  return g(() => {
+  return p(() => {
     if (!(!i && !e)) return;
     const o = t == null ? void 0 : t[0];
     o && l(o);
@@ -40,6 +40,7 @@ const v = ({
   );
 };
 export {
-  M as D
+  M as D,
+  v as g
 };
-//# sourceMappingURL=DimensionAndMeasureSingleSelectField-Bap43crU.js.map
+//# sourceMappingURL=DimensionAndMeasureSingleSelectField-Btd0k1WN.js.map

package/dist/DimensionAndMeasureSingleSelectField-Btd0k1WN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionAndMeasureSingleSelectField-Btd0k1WN.js","sources":["../src/components/editors/utils/dimensionsAndMeasures.utils.ts","../src/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.tsx"],"sourcesContent":["import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\n\nexport const getDimensionAndMeasureOptions = ({\n  dimensionsAndMeasures,\n  searchValue,\n  theme,\n}: {\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  searchValue: string;\n  theme: Theme;\n}): SelectListOptionProps[] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return dimensionsAndMeasures\n    .filter((dimensionOrMeasure) => {\n      return themeFormatter\n        .dimensionOrMeasureTitle(dimensionOrMeasure)\n        .toLowerCase()\n        .includes(searchValue.toLowerCase());\n    })\n    .map((dimensionOrMeasure) => {\n      return {\n        value: dimensionOrMeasure.name,\n        label: themeFormatter.dimensionOrMeasureTitle(dimensionOrMeasure),\n      };\n    });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useEffect, useState } from 'react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { Dimension, Measure } from '@embeddable.com/core';\n\nexport type DimensionAndMeasureSingleSelectFieldProps<T> = {\n  selectedValue?: T;\n  options: T[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: T | undefined) => void;\n};\n\nexport const DimensionAndMeasureSingleSelectField = <T extends Dimension | Measure>(\n  props: DimensionAndMeasureSingleSelectFieldProps<T>,\n) => {\n  const theme = useTheme() as Theme;\n\n  const [searchValue, setSearchValue] = useState<string>('');\n\n  const { selectedValue, options, clearable, placeholder, onChange } = props;\n\n  const handleChange = (newValue: string) => {\n    const newSelection = options.find((option) => option.name === newValue);\n    onChange(newSelection);\n  };\n\n  // Auto-select first dimensionOrMeasure when is not clearable and there is no selection\n  useEffect(() => {\n    const autoSelectActive = !clearable && !selectedValue;\n\n    if (!autoSelectActive) return;\n\n    const firstDimension = options?.[0];\n\n    if (firstDimension) {\n      onChange(firstDimension);\n    }\n  }, [clearable, selectedValue, options, onChange]);\n\n  return (\n    <SingleSelectField\n      searchable\n      clearable={clearable}\n      placeholder={placeholder}\n      value={selectedValue?.name}\n      onChange={handleChange}\n      onSearch={setSearchValue}\n      options={getDimensionAndMeasureOptions({\n        dimensionsAndMeasures: options,\n        searchValue,\n        theme,\n      })}\n      avoidCollisions={false}\n    />\n  );\n};\n"],"names":["getDimensionAndMeasureOptions","dimensionsAndMeasures","searchValue","theme","themeFormatter","getThemeFormatter","dimensionOrMeasure","DimensionAndMeasureSingleSelectField","props","useTheme","setSearchValue","useState","selectedValue","options","clearable","placeholder","onChange","handleChange","newValue","newSelection","option","useEffect","firstDimension","jsx","SingleSelectField"],"mappings":";;;;AAKO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,uBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAI+B;AAC7B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAOF,EACJ,OAAO,CAACK,MACAF,EACJ,wBAAwBE,CAAkB,EAC1C,cACA,SAASJ,EAAY,aAAa,CACtC,EACA,IAAI,CAACI,OACG;AAAA,IACL,OAAOA,EAAmB;AAAA,IAC1B,OAAOF,EAAe,wBAAwBE,CAAkB;AAAA,EAAA,EAEnE;AACL,GCdaC,IAAuC,CAClDC,MACG;AACH,QAAML,IAAQM,EAAA,GAER,CAACP,GAAaQ,CAAc,IAAIC,EAAiB,EAAE,GAEnD,EAAE,eAAAC,GAAe,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,UAAAC,MAAaR,GAE/DS,IAAe,CAACC,MAAqB;AACzC,UAAMC,IAAeN,EAAQ,KAAK,CAACO,MAAWA,EAAO,SAASF,CAAQ;AACtE,IAAAF,EAASG,CAAY;AAAA,EACvB;AAGA,SAAAE,EAAU,MAAM;AAGd,QAAI,EAFqB,CAACP,KAAa,CAACF,GAEjB;AAEvB,UAAMU,IAAiBT,KAAA,gBAAAA,EAAU;AAEjC,IAAIS,KACFN,EAASM,CAAc;AAAA,EAE3B,GAAG,CAACR,GAAWF,GAAeC,GAASG,CAAQ,CAAC,GAG9CO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,WAAAV;AAAA,MACA,aAAAC;AAAA,MACA,OAAOH,KAAA,gBAAAA,EAAe;AAAA,MACtB,UAAUK;AAAA,MACV,UAAUP;AAAA,MACV,SAASV,EAA8B;AAAA,QACrC,uBAAuBa;AAAA,QACvB,aAAAX;AAAA,QACA,OAAAC;AAAA,MAAA,CACD;AAAA,MACD,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

package/dist/DimensionSingleSelectFieldPro.js

@@ -1,24 +1,9 @@
-import { j as i, V as o } from "./Color.type.emb-tRPNtuPs.js";
-import { useTheme as g, definePreview as S, defineComponent as v } from "@embeddable.com/react";
-import { E as h } from "./EditorCard-BEOWlY3S.js";
-import { a as D, r as b, b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { D as C } from "./DimensionAndMeasureSingleSelectField-Bap43crU.js";
-import { p as t } from "./preview.data.constants-DDnGcvzL.js";
-const s = (n) => {
-  const l = g();
-  D(l);
-  const { selectedDimension: a, dimensionOptions: r, clearable: d, onChange: m } = n, { title: p, description: c, tooltip: u, placeholder: f } = b(n);
-  return /* @__PURE__ */ i.jsx(h, { title: p, description: c, tooltip: u, children: /* @__PURE__ */ i.jsx(
-    C,
-    {
-      selectedValue: a,
-      options: r,
-      placeholder: f,
-      clearable: d,
-      onChange: m
-    }
-  ) });
-}, F = {
+import { V as o } from "./Color.type.emb-Ba6kRLMO.js";
+import { definePreview as l, defineComponent as a } from "@embeddable.com/react";
+import { D as t } from "./index-BvV-vs_w.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as i } from "./preview.data.constants-1No1RU-q.js";
+const s = {
   name: "DimensionSingleSelectFieldPro",
   label: "Dimension Single Select Field",
   category: "Dropdowns",
@@ -65,10 +50,10 @@ const s = (n) => {
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, w = S(s, {
-  dimensionOptions: [t.dimension, t.dimensionGroup],
+}, c = l(t, {
+  dimensionOptions: [i.dimension, i.dimensionGroup],
   onChange: () => null
-}), E = v(s, F, {
+}), f = a(t, s, {
   props: (n) => ({
     ...n,
     dimensionOptions: n.dimensionOptions ?? []
@@ -80,8 +65,8 @@ const s = (n) => {
   }
 });
 export {
-  E as default,
-  F as meta,
-  w as preview
+  f as default,
+  s as meta,
+  c as preview
 };
 //# sourceMappingURL=DimensionSingleSelectFieldPro.js.map

package/dist/DimensionSingleSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DimensionSingleSelectFieldPro.js","sources":["../src/components/editors/DimensionSingleSelectFieldPro/index.tsx","../src/components/editors/DimensionSingleSelectFieldPro/DimensionSingleSelectFieldPro.emb.ts"],"sourcesContent":["import { Dimension } from '@embeddable.com/core';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\nimport { Theme } from '../../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\nimport { DimensionAndMeasureSingleSelectField } from '../shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField';\n\ntype DimensionSingleSelectFieldProProps = {\n  selectedDimension?: Dimension;\n  dimensionOptions: Dimension[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: Dimension | undefined) => void;\n} & ChartCardHeaderProps;\n\nconst DimensionSingleSelectFieldPro = (props: DimensionSingleSelectFieldProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { selectedDimension, dimensionOptions, clearable, onChange } = props;\n  const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <DimensionAndMeasureSingleSelectField<Dimension>\n        selectedValue={selectedDimension}\n        options={dimensionOptions}\n        placeholder={placeholder}\n        clearable={clearable}\n        onChange={onChange}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DimensionSingleSelectFieldPro;\n","import { Value } from '@embeddable.com/core';\nimport {\n  EmbeddedComponentMeta,\n  Inputs,\n  defineComponent,\n  definePreview,\n} from '@embeddable.com/react';\nimport DimensionSingleSelectFieldPro from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nexport const meta = {\n  name: 'DimensionSingleSelectFieldPro',\n  label: 'Dimension Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select value...' },\n    inputs.dimensionOptions,\n    {\n      ...inputs.dimension,\n      name: 'selectedDimension',\n      label: 'Selected dimension',\n      category: 'Pre-configured variables',\n      required: false,\n      config: {\n        dataset: 'dataset',\n      },\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected dimension updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected dimension',\n          type: 'dimension',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'dimension single-select value',\n      type: 'dimension',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedDimension'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(DimensionSingleSelectFieldPro, {\n  dimensionOptions: [previewData.dimension, previewData.dimensionGroup],\n  onChange: () => null,\n});\n\nexport default defineComponent(DimensionSingleSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      dimensionOptions: inputs.dimensionOptions ?? [],\n    };\n  },\n  events: {\n    onChange: (value) => {\n      return {\n        value: value ?? Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["DimensionSingleSelectFieldPro","props","theme","useTheme","i18nSetup","selectedDimension","dimensionOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","jsx","EditorCard","DimensionAndMeasureSingleSelectField","meta","inputs","Value","preview","definePreview","previewData","DimensionSingleSelectFieldPro_emb","defineComponent","value"],"mappings":";;;;;;AAiBA,MAAMA,IAAgC,CAACC,MAA8C;AACnF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,mBAAAG,GAAmB,kBAAAC,GAAkB,WAAAC,GAAW,UAAAC,MAAaP,GAC/D,EAAE,OAAAQ,GAAO,aAAAC,GAAa,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAiBZ,CAAK;AAE3E,SACEa,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAN,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAG,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAeX;AAAA,MACf,SAASC;AAAA,MACT,aAAAM;AAAA,MACA,WAAAL;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,GCxBaS,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,kBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,EAAE,GAAGA,EAAO,WAAW,cAAc,GAAA;AAAA,EAAM;AAAA,EAE7C,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,mBAAmB;AAAA,MAC5B,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEaC,IAAUC,EAAcrB,GAA+B;AAAA,EAClE,kBAAkB,CAACsB,EAAY,WAAWA,EAAY,cAAc;AAAA,EACpE,UAAU,MAAM;AAClB,CAAC,GAEDC,IAAeC,EAAgBxB,GAA+BiB,GAAM;AAAA,EAClE,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,kBAAkBA,EAAO,oBAAoB,CAAA;AAAA,EAAC;AAAA,EAGlD,QAAQ;AAAA,IACN,UAAU,CAACO,OACF;AAAA,MACL,OAAOA,KAASN,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnC;AAEJ,CAAC;"}
+{"version":3,"file":"DimensionSingleSelectFieldPro.js","sources":["../src/components/editors/DimensionSingleSelectFieldPro/DimensionSingleSelectFieldPro.emb.ts"],"sourcesContent":["import { Value } from '@embeddable.com/core';\nimport {\n  EmbeddedComponentMeta,\n  Inputs,\n  defineComponent,\n  definePreview,\n} from '@embeddable.com/react';\nimport DimensionSingleSelectFieldPro from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nexport const meta = {\n  name: 'DimensionSingleSelectFieldPro',\n  label: 'Dimension Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select value...' },\n    inputs.dimensionOptions,\n    {\n      ...inputs.dimension,\n      name: 'selectedDimension',\n      label: 'Selected dimension',\n      category: 'Pre-configured variables',\n      required: false,\n      config: {\n        dataset: 'dataset',\n      },\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected dimension updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected dimension',\n          type: 'dimension',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'dimension single-select value',\n      type: 'dimension',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedDimension'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(DimensionSingleSelectFieldPro, {\n  dimensionOptions: [previewData.dimension, previewData.dimensionGroup],\n  onChange: () => null,\n});\n\nexport default defineComponent(DimensionSingleSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      dimensionOptions: inputs.dimensionOptions ?? [],\n    };\n  },\n  events: {\n    onChange: (value) => {\n      return {\n        value: value ?? Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","Value","preview","definePreview","DimensionSingleSelectFieldPro","previewData","DimensionSingleSelectFieldPro_emb","defineComponent","value"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,kBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,EAAE,GAAGA,EAAO,WAAW,cAAc,GAAA;AAAA,EAAM;AAAA,EAE7C,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,mBAAmB;AAAA,MAC5B,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEaC,IAAUC,EAAcC,GAA+B;AAAA,EAClE,kBAAkB,CAACC,EAAY,WAAWA,EAAY,cAAc;AAAA,EACpE,UAAU,MAAM;AAClB,CAAC,GAEDC,IAAeC,EAAgBH,GAA+BL,GAAM;AAAA,EAClE,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,kBAAkBA,EAAO,oBAAoB,CAAA;AAAA,EAAC;AAAA,EAGlD,QAAQ;AAAA,IACN,UAAU,CAACQ,OACF;AAAA,MACL,OAAOA,KAASP,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnC;AAEJ,CAAC;"}

package/dist/DonutChartPro.js

@@ -1,8 +1,8 @@
-import { V as n, l as a } from "./Color.type.emb-tRPNtuPs.js";
-import { definePreview as r, defineComponent as i } from "@embeddable.com/react";
-import { D as s } from "./index-B8IHON3t.js";
-import { b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { p as o } from "./preview.data.constants-DDnGcvzL.js";
+import { V as n, l as a } from "./Color.type.emb-Ba6kRLMO.js";
+import { definePreview as i, defineComponent as r } from "@embeddable.com/react";
+import { D as s } from "./index-DjT6EyFA.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as o } from "./preview.data.constants-1No1RU-q.js";
 const m = {
   name: "DonutChartPro",
   label: "Donut Chart",
@@ -32,13 +32,13 @@ const m = {
       ]
     }
   ]
-}, f = r(s, {
+}, f = i(s, {
   dimension: o.dimension,
   measure: o.measure,
   results: o.results1Measure1Dimension,
   showValueLabels: !1,
   hideMenu: !0
-}), h = i(s, m, {
+}), h = r(s, m, {
   props: (t) => ({
     ...t,
     results: a({

package/dist/DonutLabelChartPro.js

@@ -1,8 +1,8 @@
-import { D as r } from "./index-C3QKhnf_.js";
-import { V as s, l as t } from "./Color.type.emb-tRPNtuPs.js";
+import { D as r } from "./index-DmCl_k4C.js";
+import { V as s, l as t } from "./Color.type.emb-Ba6kRLMO.js";
 import { definePreview as o, defineComponent as i } from "@embeddable.com/react";
-import { b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { p as n } from "./preview.data.constants-DDnGcvzL.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as n } from "./preview.data.constants-1No1RU-q.js";
 const l = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-BEOWlY3S.js → EditorCard-CvzyUx4Z.js}

@@ -1,19 +1,19 @@
-import { j as r, p as c, q as m, r as C, s as l } from "./Color.type.emb-tRPNtuPs.js";
+import { j as r, n as c, o as m, p as C, q as l } from "./Color.type.emb-Ba6kRLMO.js";
 import { useTheme as p } from "@embeddable.com/react";
-import { a as u, I as x, i as j } from "./component.inputs.constants-DIZMtQw0.js";
+import { a as u, I as x, i as j } from "./component.utils-DIYAoUYH.js";
 const f = "_editorCard_1q85m_1", h = {
   editorCard: f
 }, q = ({
   title: e,
   description: s,
   tooltip: a,
-  children: i,
+  children: o,
   errorMessage: t,
-  ...o
+  ...i
 }) => {
-  const d = p();
-  u(d);
-  const n = () => t ? /* @__PURE__ */ r.jsx(
+  const n = p();
+  u(n);
+  const d = () => t ? /* @__PURE__ */ r.jsx(
     l,
     {
       variant: "error",
@@ -21,13 +21,13 @@ const f = "_editorCard_1q85m_1", h = {
       title: j.t("editors.errorTitle"),
       message: t
     }
-  ) : i;
-  return /* @__PURE__ */ r.jsxs(c, { className: h.editorCard, ...o, children: [
+  ) : o;
+  return /* @__PURE__ */ r.jsxs(c, { className: h.editorCard, ...i, children: [
     /* @__PURE__ */ r.jsx(m, { title: e, subtitle: s, tooltip: a }),
-    /* @__PURE__ */ r.jsx(C, { children: n() })
+    /* @__PURE__ */ r.jsx(C, { children: d() })
   ] });
 };
 export {
   q as E
 };
-//# sourceMappingURL=EditorCard-BEOWlY3S.js.map
+//# sourceMappingURL=EditorCard-CvzyUx4Z.js.map

package/dist/EditorCard-CvzyUx4Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorCard-CvzyUx4Z.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["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, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\nexport type EditorCardHeaderProps = {\n  title?: string;\n  description?: string;\n  tooltip?: string;\n};\n\nexport type EditorCardProps = {\n  children: React.ReactNode;\n  errorMessage?: string;\n} & EditorCardHeaderProps;\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  description,\n  tooltip,\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        <CardFeedback\n          variant=\"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.editorCard} {...props}>\n      <CardHeader title={title} subtitle={description} tooltip={tooltip} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","description","tooltip","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAmBaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,YAAa,GAAGV,GACtC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAAa,SAAAC,GAAkB;AAAA,IACnEQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/EmptyBlockPro.js

@@ -1,16 +1,17 @@
-import { definePreview as t, defineComponent as o } from "@embeddable.com/react";
-const e = () => null, r = {
+import { definePreview as e, defineComponent as t } from "@embeddable.com/react";
+import { E as o } from "./index-CzKKN6Om.js";
+const m = {
   name: "EmptyBlockPro",
   label: "Empty Block",
   category: "Layout",
   defaultWidth: 450,
   defaultHeight: 120
-}, n = t(e, {}), m = o(e, r, {
+}, a = e(o, {}), l = t(o, m, {
   props: () => ({})
 });
 export {
-  m as default,
-  r as meta,
-  n as preview
+  l as default,
+  m as meta,
+  a as preview
 };
 //# sourceMappingURL=EmptyBlockPro.js.map

package/dist/EmptyBlockPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyBlockPro.js","sources":["../src/components/shared/EmptyContainerPro/index.tsx","../src/components/shared/EmptyContainerPro/EmptyBlockPro.emb.ts"],"sourcesContent":["const EmptyBlockPro = () => {\n  return null;\n};\n\nexport default EmptyBlockPro;\n","import { defineComponent, definePreview, EmbeddedComponentMeta } from '@embeddable.com/react';\nimport EmptyBlockPro from './index';\n\nexport const meta = {\n  name: 'EmptyBlockPro',\n  label: 'Empty Block',\n  category: 'Layout',\n  defaultWidth: 450,\n  defaultHeight: 120,\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(EmptyBlockPro, {});\n\nexport default defineComponent(EmptyBlockPro, meta, {\n  props: () => ({}),\n});\n"],"names":["EmptyBlockPro","meta","preview","definePreview","EmptyBlockPro_emb","defineComponent"],"mappings":";AAAA,MAAMA,IAAgB,MACb,MCEIC,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AACjB,GAEaC,IAAUC,EAAcH,GAAe,CAAA,CAAE,GAEtDI,IAAeC,EAAgBL,GAAeC,GAAM;AAAA,EAClD,OAAO,OAAO,CAAA;AAChB,CAAC;"}
+{"version":3,"file":"EmptyBlockPro.js","sources":["../src/components/shared/EmptyContainerPro/EmptyBlockPro.emb.ts"],"sourcesContent":["import { defineComponent, definePreview, EmbeddedComponentMeta } from '@embeddable.com/react';\nimport EmptyBlockPro from './index';\n\nexport const meta = {\n  name: 'EmptyBlockPro',\n  label: 'Empty Block',\n  category: 'Layout',\n  defaultWidth: 450,\n  defaultHeight: 120,\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(EmptyBlockPro, {});\n\nexport default defineComponent(EmptyBlockPro, meta, {\n  props: () => ({}),\n});\n"],"names":["meta","preview","definePreview","EmptyBlockPro","EmptyBlockPro_emb","defineComponent"],"mappings":";;AAGO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AACjB,GAEaC,IAAUC,EAAcC,GAAe,CAAA,CAAE,GAEtDC,IAAeC,EAAgBF,GAAeH,GAAM;AAAA,EAClD,OAAO,OAAO,CAAA;AAChB,CAAC;"}

package/dist/{GranularitySelectField-D0AUovNu.js → GranularitySelectField-YRGQFZcI.js}

@@ -1,10 +1,11 @@
-import { j as E, S as F } from "./Color.type.emb-tRPNtuPs.js";
-import { useMemo as g, useEffect as C } from "react";
-import { useTheme as G } from "@embeddable.com/react";
-import { f as N, c as d, a as w } from "./component.inputs.constants-DIZMtQw0.js";
-const D = 1, v = 100, x = () => N.map((e) => ({
+import { j as g, S as E } from "./Color.type.emb-Ba6kRLMO.js";
+import { useMemo as F, useEffect as d } from "react";
+import { useTheme as C } from "@embeddable.com/react";
+import { b as G, a as N } from "./component.utils-DIYAoUYH.js";
+import { d as w } from "./component.inputs.constants-CafM9zee.js";
+const D = 1, v = 100, x = () => w.map((e) => ({
   ...e,
-  label: d(e.label)
+  label: G(e.label)
 })), m = (e) => {
   if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
   if (typeof e == "string" || typeof e == "number") {
@@ -12,28 +13,28 @@ const D = 1, v = 100, x = () => N.map((e) => ({
     return Number.isNaN(t.getTime()) ? null : t;
   }
   return null;
-}, u = (e) => new Date(e.getTime() + 1), s = (e, t, r) => (t.getTime() - e.getTime()) / r;
+}, s = (e) => new Date(e.getTime() + 1), u = (e, t, r) => (t.getTime() - e.getTime()) / r;
 function U(e, t, r) {
   if (e > t) return 0;
   switch (r) {
     case "second":
-      return s(e, u(t), 1e3);
+      return u(e, s(t), 1e3);
     case "minute":
-      return s(e, u(t), 60 * 1e3);
+      return u(e, s(t), 60 * 1e3);
     case "hour":
-      return s(e, u(t), 3600 * 1e3);
+      return u(e, s(t), 3600 * 1e3);
     case "day":
-      return s(e, u(t), 1440 * 60 * 1e3);
+      return u(e, s(t), 1440 * 60 * 1e3);
     case "week":
-      return s(e, u(t), 10080 * 60 * 1e3);
+      return u(e, s(t), 10080 * 60 * 1e3);
     case "month":
-      return s(e, u(t), 672 * 60 * 60 * 1e3);
+      return u(e, s(t), 672 * 60 * 60 * 1e3);
     // shortest month
     case "quarter":
-      return s(e, u(t), 2160 * 60 * 60 * 1e3);
+      return u(e, s(t), 2160 * 60 * 60 * 1e3);
     // shortest quarter
     case "year":
-      return s(e, u(t), 365 * 24 * 60 * 60 * 1e3);
+      return u(e, s(t), 365 * 24 * 60 * 60 * 1e3);
   }
 }
 const k = (e, t, r) => {
@@ -44,12 +45,12 @@ const k = (e, t, r) => {
   const r = m(e == null ? void 0 : e.from), o = m(e == null ? void 0 : e.to);
   if (!r || !o) return t;
   const a = /* @__PURE__ */ new Set();
-  for (const c of t) {
-    const i = c.value;
-    k(r, o, i) && a.add(i);
+  for (const i of t) {
+    const c = i.value;
+    k(r, o, c) && a.add(c);
   }
-  return t.filter((c) => a.has(c.value));
-}, S = (e, t) => {
+  return t.filter((i) => a.has(i.value));
+}, p = (e, t) => {
   var o;
   if (!t)
     return;
@@ -57,39 +58,39 @@ const k = (e, t, r) => {
     return t;
   const r = e.length > 2 ? 1 : 0;
   return (o = e[r]) == null ? void 0 : o.value;
-}, K = (e) => {
-  const t = G();
-  w(t);
+}, L = (e) => {
+  const t = C();
+  N(t);
   const {
     granularity: r,
     granularities: o,
     clearable: a,
-    placeholder: c,
-    primaryTimeRange: i,
-    variant: p,
+    placeholder: i,
+    primaryTimeRange: c,
+    variant: S,
     side: T,
     align: y,
     onChange: f
-  } = e, h = x(), l = g(() => A(
-    i,
-    h.filter(
+  } = e, b = x(), l = F(() => A(
+    c,
+    b.filter(
       (n) => o == null ? void 0 : o.includes(n.value)
     )
-  ), [i, o]);
-  C(() => {
+  ), [c, o]);
+  d(() => {
     if (r && !l.some((n) => n.value === r)) {
-      const n = S(l, r);
+      const n = p(l, r);
       n && f(n);
     }
   }, [l, r, f]);
-  const b = S(l, r);
-  return /* @__PURE__ */ E.jsx(
-    F,
+  const h = p(l, r);
+  return /* @__PURE__ */ g.jsx(
+    E,
     {
-      variant: p,
+      variant: S,
       clearable: a,
-      placeholder: c,
-      value: b,
+      placeholder: i,
+      value: h,
       options: l,
       onChange: (n) => f(n),
       avoidCollisions: !1,
@@ -99,6 +100,9 @@ const k = (e, t, r) => {
   );
 };
 export {
-  K as G
+  L as G,
+  x as a,
+  p as b,
+  A as g
 };
-//# sourceMappingURL=GranularitySelectField-D0AUovNu.js.map
+//# sourceMappingURL=GranularitySelectField-YRGQFZcI.js.map