@embeddable.com/remarkable-pro 0.0.25 → 0.0.27

package/dist/ColorEditor.js

@@ -1,5 +1,5 @@
 import { defineEditor as l } from "@embeddable.com/react";
-import { j as r, A as a, I as i, v as p, V as u } from "./Color.type.emb-DWdIUAm5.js";
+import { j as r, A as a, I as i, w as p, V as u } from "./Color.type.emb-De2K8PVb.js";
 import { useState as m, useEffect as C } from "react";
 const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
   colorInputContainer: I,

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { definePreview as n, defineComponent as t } from "@embeddable.com/react";
-import { V as r } from "./Color.type.emb-DWdIUAm5.js";
-import { D as i } from "./index-CpUKjpYd.js";
-import { b as e, C as a } from "./component.inputs.constants-DO_jX-yc.js";
+import { V as r } from "./Color.type.emb-De2K8PVb.js";
+import { D as i } from "./index-ClEmYHgx.js";
+import { b as e, C as a } from "./component.inputs.constants-DzpzJ9Na.js";
 const l = {
   name: "ComparisonPeriodSelectFieldPro",
   label: "Comparison Period Select Field",

package/dist/DateRangePickerCustomPro.js

@@ -1,9 +1,9 @@
 import { useTheme as C, definePreview as P, defineComponent as y } from "@embeddable.com/react";
-import { j as l, k as D, V as s } from "./Color.type.emb-DWdIUAm5.js";
+import { j as l, k as D, V as s } from "./Color.type.emb-De2K8PVb.js";
 import { u as w, g as V, a as k, b as S } from "./dates.utils-BF32dTLi.js";
-import { a as j, r as F, i as M, b as a } from "./component.inputs.constants-DO_jX-yc.js";
-import { E as T } from "./EditorCard-ZXwl5-DV.js";
-import { I as x } from "./IconCalendarFilled-Bl7kPqxG.js";
+import { a as j, r as F, i as M, b as a } from "./component.inputs.constants-DzpzJ9Na.js";
+import { E as T } from "./EditorCard-B9UFM_uA.js";
+import { I as x } from "./IconCalendarFilled-CYiLMPm9.js";
 const r = (e) => {
   const t = C();
   j(t);

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-DWdIUAm5.js";
-import { D as n } from "./index-BRX2mrGM.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
+import { V as t } from "./Color.type.emb-De2K8PVb.js";
+import { D as n } from "./index-BCVHDZZk.js";
+import { b as e } from "./component.inputs.constants-DzpzJ9Na.js";
 const r = {
   name: "DateRangeSelectFieldPro",
   label: "Date-Range Picker - Presets",

package/dist/DimensionAndMeasureSingleSelectField-CJ1yAcRd.js

@@ -0,0 +1,45 @@
+import { j as f, S as d } from "./Color.type.emb-De2K8PVb.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-CiN6axbW.js";
+const v = ({
+  dimensionsAndMeasures: s,
+  searchValue: r,
+  theme: a
+}) => {
+  const n = C(a);
+  return s.filter((e) => n.dimensionOrMeasureTitle(e).toLowerCase().includes(r.toLowerCase())).map((e) => ({
+    value: e.name,
+    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 o = t.find((h) => h.name === c);
+    l(o);
+  };
+  return g(() => {
+    if (!(!i && !e)) return;
+    const o = t == null ? void 0 : t[0];
+    o && l(o);
+  }, [i, e, t, l]), /* @__PURE__ */ f.jsx(
+    d,
+    {
+      searchable: !0,
+      clearable: i,
+      placeholder: m,
+      value: e == null ? void 0 : e.name,
+      onChange: u,
+      onSearch: n,
+      options: v({
+        dimensionsAndMeasures: t,
+        searchValue: a,
+        theme: r
+      }),
+      avoidCollisions: !1
+    }
+  );
+};
+export {
+  M as D
+};
+//# sourceMappingURL=DimensionAndMeasureSingleSelectField-CJ1yAcRd.js.map

package/dist/DimensionAndMeasureSingleSelectField-CJ1yAcRd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionAndMeasureSingleSelectField-CJ1yAcRd.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\ntype 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

@@ -0,0 +1,86 @@
+import { j as i, V as o } from "./Color.type.emb-De2K8PVb.js";
+import { useTheme as f, definePreview as g, defineComponent as S } from "@embeddable.com/react";
+import { E as v } from "./EditorCard-B9UFM_uA.js";
+import { a as h, r as b, b as n } from "./component.inputs.constants-DzpzJ9Na.js";
+import { D } from "./DimensionAndMeasureSingleSelectField-CJ1yAcRd.js";
+import { p as t } from "./preview.data.constants-BBIMPXYy.js";
+const s = (e) => {
+  const l = f();
+  h(l);
+  const { selectedDimension: a, dimensionOptions: r, clearable: d, onChange: m } = e, { title: p, description: c, placeholder: u } = b(e);
+  return /* @__PURE__ */ i.jsx(v, { title: p, subtitle: c, children: /* @__PURE__ */ i.jsx(
+    D,
+    {
+      selectedValue: a,
+      options: r,
+      placeholder: u,
+      clearable: d,
+      onChange: m
+    }
+  ) });
+}, C = {
+  name: "DimensionSingleSelectFieldPro",
+  label: "Dimension Single Select Field",
+  category: "Dropdowns",
+  defaultWidth: 300,
+  defaultHeight: 120,
+  inputs: [
+    n.dataset,
+    n.title,
+    n.description,
+    { ...n.placeholder, defaultValue: "Select value..." },
+    n.dimensionOptions,
+    {
+      ...n.dimension,
+      name: "selectedDimension",
+      label: "Selected dimension",
+      category: "Pre-configured variables",
+      required: !1,
+      config: {
+        dataset: "dataset"
+      }
+    },
+    { ...n.clearable, defaultValue: !1 }
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "Selected dimension updated",
+      properties: [
+        {
+          name: "value",
+          label: "Selected dimension",
+          type: "dimension"
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "dimension single-select value",
+      type: "dimension",
+      defaultValue: o.noFilter(),
+      inputs: ["selectedDimension"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, j = g(s, {
+  dimensionOptions: [t.dimension, t.dimensionGroup],
+  onChange: () => null
+}), w = S(s, C, {
+  props: (e) => ({
+    ...e,
+    dimensionOptions: e.dimensionOptions ?? []
+  }),
+  events: {
+    onChange: (e) => ({
+      value: e ?? o.noFilter()
+    })
+  }
+});
+export {
+  w as default,
+  C as meta,
+  j as preview
+};
+//# sourceMappingURL=DimensionSingleSelectFieldPro.js.map

package/dist/DimensionSingleSelectFieldPro.js.map

@@ -0,0 +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, placeholder } = resolveI18nProps(props);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\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.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","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,aAAAC,EAAA,IAAgBC,EAAiBX,CAAK;AAElE,SACEY,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAL,GAAc,UAAUC,GAClC,UAAAG,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAeV;AAAA,MACf,SAASC;AAAA,MACT,aAAAK;AAAA,MACA,WAAAJ;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,GCxBaQ,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,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,EAAcpB,GAA+B;AAAA,EAClE,kBAAkB,CAACqB,EAAY,WAAWA,EAAY,cAAc;AAAA,EACpE,UAAU,MAAM;AAClB,CAAC,GAEDC,IAAeC,EAAgBvB,GAA+BgB,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;"}

package/dist/DonutChartPro.js

@@ -1,8 +1,8 @@
-import { V as n, l as a } from "./Color.type.emb-DWdIUAm5.js";
+import { V as n, l as a } from "./Color.type.emb-De2K8PVb.js";
 import { definePreview as r, defineComponent as i } from "@embeddable.com/react";
-import { D as o } from "./index-DZYPPNrI.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as t } from "./preview.data.constants-CXMriS2F.js";
+import { D as o } from "./index-n6RmR7mX.js";
+import { b as e } from "./component.inputs.constants-DzpzJ9Na.js";
+import { p as t } from "./preview.data.constants-BBIMPXYy.js";
 const m = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,8 +1,8 @@
-import { D as s } from "./index-EOl5XOZN.js";
-import { V as t, l as r } from "./Color.type.emb-DWdIUAm5.js";
+import { D as s } from "./index-BaTX0t-a.js";
+import { V as t, l as r } from "./Color.type.emb-De2K8PVb.js";
 import { definePreview as o, defineComponent as i } from "@embeddable.com/react";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as n } from "./preview.data.constants-CXMriS2F.js";
+import { b as e } from "./component.inputs.constants-DzpzJ9Na.js";
+import { p as n } from "./preview.data.constants-BBIMPXYy.js";
 const l = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-ZXwl5-DV.js → EditorCard-B9UFM_uA.js}

@@ -1,6 +1,6 @@
-import { j as r, q as c, r as d, s as m, t as l } from "./Color.type.emb-DWdIUAm5.js";
+import { j as r, r as c, s as d, t as m, v as l } from "./Color.type.emb-De2K8PVb.js";
 import { useTheme as p } from "@embeddable.com/react";
-import { a as x, i as C, I as j } from "./component.inputs.constants-DO_jX-yc.js";
+import { a as x, i as C, I as j } from "./component.inputs.constants-DzpzJ9Na.js";
 const u = "_card_15bw3_1", f = {
   card: u
 }, b = ({
@@ -29,4 +29,4 @@ const u = "_card_15bw3_1", f = {
 export {
   b as E
 };
-//# sourceMappingURL=EditorCard-ZXwl5-DV.js.map
+//# sourceMappingURL=EditorCard-B9UFM_uA.js.map

package/dist/{EditorCard-ZXwl5-DV.js.map → EditorCard-B9UFM_uA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-ZXwl5-DV.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\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        <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.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;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,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}
+{"version":3,"file":"EditorCard-B9UFM_uA.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\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        <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.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;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,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/GranularitySelectField-DuRk6qY8.js

@@ -0,0 +1,104 @@
+import { j as E, S as F } from "./Color.type.emb-De2K8PVb.js";
+import { useMemo as g, useEffect as C } from "react";
+import { useTheme as G } from "@embeddable.com/react";
+import { f as N, e as d, a as w } from "./component.inputs.constants-DzpzJ9Na.js";
+const D = 1, v = 100, x = () => N.map((e) => ({
+  ...e,
+  label: d(e.label)
+})), m = (e) => {
+  if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
+  if (typeof e == "string" || typeof e == "number") {
+    const t = new Date(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;
+function U(e, t, r) {
+  if (e > t) return 0;
+  switch (r) {
+    case "second":
+      return s(e, u(t), 1e3);
+    case "minute":
+      return s(e, u(t), 60 * 1e3);
+    case "hour":
+      return s(e, u(t), 3600 * 1e3);
+    case "day":
+      return s(e, u(t), 1440 * 60 * 1e3);
+    case "week":
+      return s(e, u(t), 10080 * 60 * 1e3);
+    case "month":
+      return s(e, u(t), 672 * 60 * 60 * 1e3);
+    // shortest month
+    case "quarter":
+      return s(e, u(t), 2160 * 60 * 60 * 1e3);
+    // shortest quarter
+    case "year":
+      return s(e, u(t), 365 * 24 * 60 * 60 * 1e3);
+  }
+}
+const k = (e, t, r) => {
+  const o = U(e, t, r);
+  return o >= D && o <= v;
+}, A = (e, t) => {
+  if (!e) return t;
+  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);
+  }
+  return t.filter((c) => a.has(c.value));
+}, S = (e, t) => {
+  var o;
+  if (!t)
+    return;
+  if (e.some((a) => a.value === t))
+    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);
+  const {
+    granularity: r,
+    granularities: o,
+    clearable: a,
+    placeholder: c,
+    primaryTimeRange: i,
+    variant: p,
+    side: T,
+    align: y,
+    onChange: f
+  } = e, h = x(), l = g(() => A(
+    i,
+    h.filter(
+      (n) => o == null ? void 0 : o.includes(n.value)
+    )
+  ), [i, o]);
+  C(() => {
+    if (r && !l.some((n) => n.value === r)) {
+      const n = S(l, r);
+      n && f(n);
+    }
+  }, [l, r, f]);
+  const b = S(l, r);
+  return /* @__PURE__ */ E.jsx(
+    F,
+    {
+      variant: p,
+      clearable: a,
+      placeholder: c,
+      value: b,
+      options: l,
+      onChange: (n) => f(n),
+      avoidCollisions: !1,
+      side: T,
+      align: y
+    }
+  );
+};
+export {
+  K as G
+};
+//# sourceMappingURL=GranularitySelectField-DuRk6qY8.js.map

package/dist/GranularitySelectField-DuRk6qY8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GranularitySelectField-DuRk6qY8.js","sources":["../src/components/editors/shared/GranularitySelectField/GranularitySelectField.utils.ts","../src/components/editors/shared/GranularitySelectField/GranularitySelectField.tsx"],"sourcesContent":["import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport {\n  defaultGranularitySelectFieldOptions,\n  TGranularityValue,\n} from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { resolveI18nString } from '../../../component.utils';\n\nconst DEFAULT_MIN_BUCKETS = 1;\nconst DEFAULT_MAX_BUCKETS = 100;\n\nexport const getGranularitySelectFieldOptions = (): SelectListOptionProps[] => {\n  return defaultGranularitySelectFieldOptions.map((opt) => ({\n    ...opt,\n    label: resolveI18nString(opt.label),\n  }));\n};\n\n// Convert possibly-string timestamps to Date safely.\nconst toDate = (d: unknown): Date | null => {\n  if (d instanceof Date) return Number.isNaN(d.getTime()) ? null : d;\n  if (typeof d === 'string' || typeof d === 'number') {\n    const parsed = new Date(d);\n    return Number.isNaN(parsed.getTime()) ? null : parsed;\n  }\n  return null;\n};\n\n// Inclusive end -> Exclusive end helper (only used for sub-day diffs)\nconst toExclusiveEnd = (endInclusive: Date): Date => new Date(endInclusive.getTime() + 1);\n\nconst bucketCountByUnit = (start: Date, endExclusive: Date, unitMs: number): number => {\n  return (endExclusive.getTime() - start.getTime()) / unitMs;\n};\n\n// Bucket counting (treat end as INCLUSIVE)\nfunction bucketCount(start: Date, endInclusive: Date, granularity: Granularity): number {\n  if (start > endInclusive) return 0;\n\n  switch (granularity) {\n    case 'second':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 1000);\n\n    case 'minute':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 1000);\n\n    case 'hour':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 60 * 1000);\n\n    case 'day':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 24 * 60 * 60 * 1000);\n\n    case 'week':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 7 * 24 * 60 * 60 * 1000);\n\n    case 'month':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 28 * 24 * 60 * 60 * 1000); // shortest month\n\n    case 'quarter':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 90 * 24 * 60 * 60 * 1000); // shortest quarter\n\n    case 'year':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 365 * 24 * 60 * 60 * 1000); // shortest year\n  }\n}\n\nconst isGranularityValid = (\n  start: Date,\n  endInclusive: Date,\n  granularity: TGranularityValue,\n): boolean => {\n  const buckets = bucketCount(start, endInclusive, granularity);\n  return buckets >= DEFAULT_MIN_BUCKETS && buckets <= DEFAULT_MAX_BUCKETS;\n};\n\nexport const getAvailableGranularityOptionsFromTimeRange = (\n  timeRange: TimeRange,\n  allOptions: SelectListOptionProps[],\n): SelectListOptionProps[] => {\n  if (!timeRange) return allOptions;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const from = toDate((timeRange as any)?.from);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const to = toDate((timeRange as any)?.to);\n\n  // If we can’t parse range, don’t hide anything (fail open)\n  if (!from || !to) return allOptions;\n\n  const validSet = new Set<TGranularityValue>();\n\n  for (const opt of allOptions) {\n    const g = opt.value as TGranularityValue;\n    if (isGranularityValid(from, to, g)) {\n      validSet.add(g);\n    }\n  }\n\n  // preserve original UI ordering\n  return allOptions.filter((opt) => validSet.has(opt.value as TGranularityValue));\n};\n\nexport const getSafeSelection = (\n  availableOptions: SelectListOptionProps[],\n  granularity?: Granularity,\n): Granularity | undefined => {\n  if (!granularity) {\n    return undefined;\n  }\n\n  if (availableOptions.some((opt) => opt.value === granularity)) {\n    return granularity;\n  }\n\n  const optionToSelect = availableOptions.length > 2 ? 1 : 0;\n\n  return availableOptions[optionToSelect]?.value as Granularity;\n};\n","import { useEffect, useMemo } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField, SingleSelectFieldProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getAvailableGranularityOptionsFromTimeRange,\n  getGranularitySelectFieldOptions,\n  getSafeSelection,\n} from './GranularitySelectField.utils';\nimport { TGranularityValue } from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { ChartCardHeaderProps } from '../../../charts/shared/ChartCard/ChartCard';\n\nexport type GranularitySelectFieldProps = {\n  onChange: (newGranularity: Granularity) => void;\n  primaryTimeRange?: TimeRange;\n  granularity?: TGranularityValue;\n  granularities?: TGranularityValue[];\n} & ChartCardHeaderProps &\n  Pick<SingleSelectFieldProps, 'variant' | 'side' | 'align' | 'clearable' | 'placeholder'>;\n\nexport const GranularitySelectField = (props: GranularitySelectFieldProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    granularity,\n    granularities,\n    clearable,\n    placeholder,\n    primaryTimeRange,\n    variant,\n    side,\n    align,\n    onChange,\n  } = props;\n\n  const granularitySelectFieldOptions = getGranularitySelectFieldOptions();\n\n  const availableOptions = useMemo(() => {\n    return getAvailableGranularityOptionsFromTimeRange(\n      primaryTimeRange,\n      granularitySelectFieldOptions.filter((opt) =>\n        granularities?.includes(opt.value as TGranularityValue),\n      ),\n    );\n  }, [primaryTimeRange, granularities]);\n\n  useEffect(() => {\n    if (granularity) {\n      // Selected granularity is not available\n      // Select 1st available option when number of options is =< 2\n      // Select 2nd option to avoid when number of options > 2\n      if (!availableOptions.some((opt) => opt.value === granularity)) {\n        const newGranularity = getSafeSelection(availableOptions, granularity);\n        if (newGranularity) {\n          onChange(newGranularity as Granularity);\n        }\n      }\n    }\n  }, [availableOptions, granularity, onChange]);\n\n  const safeValue = getSafeSelection(availableOptions, granularity);\n\n  return (\n    <SingleSelectField\n      variant={variant}\n      clearable={clearable}\n      placeholder={placeholder}\n      value={safeValue}\n      options={availableOptions}\n      onChange={(newValue) => onChange(newValue as Granularity)}\n      avoidCollisions={false}\n      side={side}\n      align={align}\n    />\n  );\n};\n"],"names":["DEFAULT_MIN_BUCKETS","DEFAULT_MAX_BUCKETS","getGranularitySelectFieldOptions","defaultGranularitySelectFieldOptions","opt","resolveI18nString","toDate","d","parsed","toExclusiveEnd","endInclusive","bucketCountByUnit","start","endExclusive","unitMs","bucketCount","granularity","isGranularityValid","buckets","getAvailableGranularityOptionsFromTimeRange","timeRange","allOptions","from","to","validSet","g","getSafeSelection","availableOptions","optionToSelect","_a","GranularitySelectField","props","theme","useTheme","i18nSetup","granularities","clearable","placeholder","primaryTimeRange","variant","side","align","onChange","granularitySelectFieldOptions","useMemo","useEffect","newGranularity","safeValue","jsx","SingleSelectField","newValue"],"mappings":"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"}

package/dist/GranularitySelectFieldPro.js

@@ -1,145 +1,51 @@
-import { useTheme as T, definePreview as C, defineComponent as F } from "@embeddable.com/react";
-import { j as m, S as k, V as E } from "./Color.type.emb-DWdIUAm5.js";
-import { c as G, a as P, r as D, b as i } from "./component.inputs.constants-DO_jX-yc.js";
-import { useMemo as O, useEffect as V } from "react";
-import { E as q } from "./EditorCard-ZXwl5-DV.js";
-const a = {
-  second: "second",
-  minute: "minute",
-  hour: "hour",
-  day: "day",
-  week: "week",
-  month: "month",
-  quarter: "quarter",
-  year: "year"
-}, x = [
-  { value: a.second, label: "defaults.granularityOptions.second|Second" },
-  { value: a.minute, label: "defaults.granularityOptions.minute|Minute" },
-  { value: a.hour, label: "defaults.granularityOptions.hour|Hour" },
-  { value: a.day, label: "defaults.granularityOptions.day|Day" },
-  { value: a.week, label: "defaults.granularityOptions.week|Week" },
-  { value: a.month, label: "defaults.granularityOptions.month|Month" },
-  { value: a.quarter, label: "defaults.granularityOptions.quarter|Quarter" },
-  { value: a.year, label: "defaults.granularityOptions.year|Year" }
-], A = 1, M = 100, N = () => x.map((e) => ({
-  ...e,
-  label: G(e.label)
-})), p = (e) => {
-  if (e instanceof Date) return isNaN(e.getTime()) ? null : e;
-  if (typeof e == "string" || typeof e == "number") {
-    const r = new Date(e);
-    return isNaN(r.getTime()) ? null : r;
-  }
-  return null;
-}, l = (e) => new Date(e.getTime() + 1), o = (e, r, t) => (r.getTime() - e.getTime()) / t;
-function U(e, r, t) {
-  if (e > r) return 0;
-  switch (t) {
-    case a.second:
-      return o(e, l(r), 1e3);
-    case a.minute:
-      return o(e, l(r), 60 * 1e3);
-    case a.hour:
-      return o(e, l(r), 3600 * 1e3);
-    case a.day:
-      return o(e, l(r), 1440 * 60 * 1e3);
-    case a.week:
-      return o(e, l(r), 10080 * 60 * 1e3);
-    case a.month:
-      return o(e, l(r), 672 * 60 * 60 * 1e3);
-    // shortest month
-    case a.quarter:
-      return o(e, l(r), 2160 * 60 * 60 * 1e3);
-    // shortest quarter
-    case a.year:
-      return o(e, l(r), 365 * 24 * 60 * 60 * 1e3);
-  }
-}
-const _ = (e, r, t) => {
-  const n = U(e, r, t);
-  return n >= A && n <= M;
-}, j = (e, r) => {
-  if (!e) return r;
-  const t = p(e == null ? void 0 : e.from), n = p(e == null ? void 0 : e.to);
-  if (!t || !n) return r;
-  const s = /* @__PURE__ */ new Set();
-  for (const u of r) {
-    const d = u.value;
-    _(t, n, d) && s.add(d);
-  }
-  return r.filter((u) => s.has(u.value));
-}, g = (e, r) => {
-  var n;
-  if (!r)
-    return;
-  if (e.some((s) => s.value === r))
-    return r;
-  const t = e.length > 2 ? 1 : 0;
-  return (n = e[t]) == null ? void 0 : n.value;
-}, b = (e) => {
-  const r = T();
-  P(r);
-  const { granularity: t, granularities: n, clearable: s, onChange: u } = e, { description: d, placeholder: h, title: v, primaryTimeRange: f } = D(e), S = N(), y = O(() => j(
-    f,
-    S.filter(
-      (c) => n == null ? void 0 : n.includes(c.value)
-    )
-  ), [f, n]);
-  V(() => {
-    if (t && !y.some((c) => c.value === t)) {
-      const c = g(y, t);
-      c && u(c);
-    }
-  }, [y, t, u]);
-  const w = g(y, t);
-  return /* @__PURE__ */ m.jsx(q, { title: v, subtitle: d, children: /* @__PURE__ */ m.jsx(
-    k,
+import { useTheme as p, definePreview as y, defineComponent as b } from "@embeddable.com/react";
+import { j as t, V as f } from "./Color.type.emb-De2K8PVb.js";
+import { a as v, r as h, G as e, b as a } from "./component.inputs.constants-DzpzJ9Na.js";
+import { E as S } from "./EditorCard-B9UFM_uA.js";
+import { G as P } from "./GranularitySelectField-DuRk6qY8.js";
+const l = (r) => {
+  const n = p();
+  v(n);
+  const { granularity: i, granularities: o, clearable: u, primaryTimeRange: s, onChange: d } = r, { description: c, placeholder: g, title: m } = h(r);
+  return /* @__PURE__ */ t.jsx(S, { title: m, subtitle: c, children: /* @__PURE__ */ t.jsx(
+    P,
     {
-      clearable: s,
-      placeholder: h,
-      value: w,
-      options: y,
-      onChange: u,
-      avoidCollisions: !1
+      clearable: u,
+      placeholder: g,
+      granularity: i,
+      granularities: o,
+      primaryTimeRange: s,
+      onChange: d
     }
   ) });
-}, B = {
+}, C = {
   name: "GranularitySelectFieldPro",
   label: "Granularity Select Field",
   category: "Dropdowns",
   defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
-    i.title,
-    i.description,
-    { ...i.placeholder, defaultValue: "Select a granularity" },
+    a.title,
+    a.description,
+    { ...a.placeholder, defaultValue: "Select a granularity" },
     {
-      ...i.granularities,
+      ...a.granularities,
       label: "Available granularities",
-      category: "Pre-configured variables",
-      // Ignore seconds and minutes
-      defaultValue: [
-        a.hour,
-        a.day,
-        a.week,
-        a.month,
-        a.quarter,
-        a.year
-      ]
+      category: "Pre-configured variables"
     },
     {
-      ...i.granularity,
+      ...a.granularity,
       label: "Selected granularity",
       category: "Pre-configured variables"
     },
     {
-      ...i.timeRange,
+      ...a.timeRange,
       name: "primaryTimeRange",
       label: "Primary date-range",
       description: "Connect your primary date-range variable to enable automatic selection of the most appropriate granularity",
       category: "Pre-configured variables"
     },
-    { ...i.clearable, defaultValue: !1 }
+    { ...a.clearable, defaultValue: !1 }
   ],
   events: [
     {
@@ -163,31 +69,31 @@ const _ = (e, r, t) => {
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, X = C(b, {
+}, w = y(l, {
   granularities: [
-    a.second,
-    a.minute,
-    a.hour,
-    a.day,
-    a.week,
-    a.month,
-    a.quarter,
-    a.year
+    e.second,
+    e.minute,
+    e.hour,
+    e.day,
+    e.week,
+    e.month,
+    e.quarter,
+    e.year
   ],
   onChange: () => null
-}), Y = F(b, B, {
-  props: (e) => ({
-    ...e
+}), R = b(l, C, {
+  props: (r) => ({
+    ...r
   }),
   events: {
-    onChange: (e) => ({
-      value: e ?? E.noFilter()
+    onChange: (r) => ({
+      value: r ?? f.noFilter()
     })
   }
 });
 export {
-  Y as default,
-  B as meta,
-  X as preview
+  R as default,
+  C as meta,
+  w as preview
 };
 //# sourceMappingURL=GranularitySelectFieldPro.js.map