@embeddable.com/remarkable-pro 0.1.23 → 0.1.24

package/dist/definition-I1tZR9Mu.js

@@ -0,0 +1,209 @@
+import { useTheme as W, definePreview as q } from "@embeddable.com/react";
+import { Q as B, R as H, j as n, U as Q, W as U, X as p, Y as X, Z as Y, _ as Z, $, a0 as A, a1 as G, V as i } from "./index-CnLFSN1m.js";
+import { c as k, u as J, g as K, b as D, a as ee } from "./dates.utils-BkOKKqSH.js";
+import { b as te, a as ae, r as ne, i as m } from "./component.utils-CbnwaSi1.js";
+import { E as oe } from "./EditorCard-DhASZ5NL.js";
+import { useState as f, useEffect as se } from "react";
+import { I as re } from "./IconCalendarFilled-DaTHLPcZ.js";
+import { i as s } from "./component.inputs.constants-Cs7gX1rI.js";
+const le = (e) => e.map((o) => ({
+  rightLabel: k(o.getRange(), o.dateFormat),
+  value: o.value,
+  label: te(o.label)
+})), ie = "_dateRangePickerContent_pig22_1", ce = "_dateRangePickerContainer_pig22_5", R = {
+  dateRangePickerContent: ie,
+  dateRangePickerContainer: ce
+}, h = (e) => {
+  const o = W();
+  ae(o);
+  const { dayjsLocaleReady: c } = J(), { onChange: r, clearable: w, selectedValue: t, showCustomRangeOptions: j, showTwoMonths: x } = e, C = !j, [y, v] = f(C), [T, b] = f(!1), [d, g] = f(
+    K(t)
+  ), l = o.defaults.dateRangesOptions;
+  if (se(() => {
+    if (!c)
+      return;
+    const a = D(t, l);
+    B(a, t) || r(a);
+  }, [t, c, r, l]), !c)
+    return null;
+  const { description: F, placeholder: S, title: O, tooltip: L } = ne(e), P = le(l), _ = (a) => {
+    const u = D(
+      { relativeTimeString: a },
+      l
+    );
+    r(u), g(void 0);
+  }, I = (a) => {
+    r(ee(a)), b(!1);
+  }, M = () => {
+    g(void 0), r(void 0);
+  }, E = (() => {
+    if (t != null && t.relativeTimeString) {
+      const a = P.find((u) => u.value === t.relativeTimeString);
+      if (a)
+        return a.label;
+    }
+    return t != null && t.from && (t != null && t.to) ? k(t, "MMM DD") : "";
+  })(), V = o.i18n.language ?? o.formatter.locale, z = H(d, t), N = x ? 2 : 1;
+  return /* @__PURE__ */ n.jsx(oe, { title: O, description: F, tooltip: L, children: /* @__PURE__ */ n.jsx(
+    Q,
+    {
+      open: T,
+      onOpenChange: b,
+      avoidCollisions: !1,
+      triggerComponent: /* @__PURE__ */ n.jsx(
+        G,
+        {
+          startIcon: re,
+          "aria-label": S,
+          placeholder: S,
+          valueLabel: E,
+          onClear: M,
+          isClearable: w
+        }
+      ),
+      children: /* @__PURE__ */ n.jsx(U, { fitContent: !0, className: R.dateRangePickerContent, children: y ? /* @__PURE__ */ n.jsxs("div", { className: R.dateRangePickerContainer, children: [
+        !C && /* @__PURE__ */ n.jsx(
+          p,
+          {
+            label: m.t("editors.dateRangePicker.backToPresets"),
+            onClick: (a) => {
+              a.preventDefault(), v(!1);
+            },
+            startIcon: /* @__PURE__ */ n.jsx(X, {})
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          Y,
+          {
+            locale: V,
+            numberOfMonths: N,
+            value: d,
+            onChange: g
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          Z,
+          {
+            size: "small",
+            disabled: z,
+            onClick: () => I(d),
+            children: m.t("editors.dateRangePicker.apply")
+          }
+        )
+      ] }) : /* @__PURE__ */ n.jsxs($, { children: [
+        /* @__PURE__ */ n.jsx(
+          p,
+          {
+            label: m.t("editors.dateRangePicker.custom"),
+            onClick: (a) => {
+              a.preventDefault(), v(!0);
+            },
+            endIcon: /* @__PURE__ */ n.jsx(A, {})
+          }
+        ),
+        P.map((a) => /* @__PURE__ */ n.jsx(
+          p,
+          {
+            ...a,
+            isSelected: (t == null ? void 0 : t.relativeTimeString) === a.value,
+            onClick: () => _(a.value)
+          },
+          a.value
+        ))
+      ] }) })
+    }
+  ) });
+}, Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: h
+}, Symbol.toStringTag, { value: "Module" })), de = {
+  name: "DateRangeSelectFieldPro",
+  label: "Date-Range Picker - Presets",
+  category: "Dropdowns - dates",
+  defaultWidth: 300,
+  defaultHeight: 120,
+  inputs: [
+    s.title,
+    s.description,
+    s.tooltip,
+    { ...s.placeholder, defaultValue: "Select a date-range" },
+    {
+      ...s.boolean,
+      name: "showCustomRangeOptions",
+      label: "Show custom date-range option",
+      defaultValue: !0,
+      category: "Component Settings"
+    },
+    {
+      ...s.boolean,
+      name: "showTwoMonths",
+      label: "Show two-month view",
+      defaultValue: !1,
+      category: "Component Settings"
+    },
+    s.clearable,
+    {
+      ...s.timeRange,
+      name: "selectedValue",
+      label: "Selected value",
+      category: "Pre-configured variables"
+    }
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "Selected date-range updated",
+      properties: [
+        {
+          name: "value",
+          label: "Selected date-range",
+          type: "timeRange"
+        },
+        {
+          name: "fromDate",
+          label: "Start date of selected range",
+          type: "time"
+        },
+        {
+          name: "toDate",
+          label: "To date of selected range",
+          type: "time"
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "date-range value",
+      type: "timeRange",
+      defaultValue: i.noFilter(),
+      inputs: ["selectedValue"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, ge = q(h, {
+  showCustomRangeOptions: !0,
+  onChange: () => null
+}), ue = (e) => ({
+  ...e
+}), pe = {
+  onChange: (e) => ({
+    value: e ?? i.noFilter(),
+    fromDate: e != null && e.from ? { date: e == null ? void 0 : e.from } : i.noFilter(),
+    toDate: e != null && e.to ? { date: e == null ? void 0 : e.to } : i.noFilter()
+  })
+}, ke = {
+  Component: h,
+  meta: de,
+  preview: ge,
+  config: {
+    props: ue,
+    events: pe
+  }
+};
+export {
+  ke as d,
+  le as g,
+  Re as i
+};
+//# sourceMappingURL=definition-I1tZR9Mu.js.map

package/dist/{definition-cZxEU0FY.js.map → definition-I1tZR9Mu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-cZxEU0FY.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.ts","../src/components/editors/dates/DateRangePickerPresetsPro/index.tsx","../src/components/editors/dates/DateRangePickerPresetsPro/definition.ts"],"sourcesContent":["import { DateRangeSelectFieldProOption } from './DateRangePickerPresetsPro.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { resolveI18nString } from '../../../component.utils';\nimport { getTimeRangeLabel } from '../dates.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n  dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n): SelectListOptionProps[] => {\n  return dateRangeSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: getTimeRangeLabel(option.getRange(), option.dateFormat),\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport {\n  Button,\n  DateRangePicker,\n  Dropdown,\n  SelectFieldContent,\n  SelectFieldContentList,\n  SelectListOption,\n  DateRange,\n  SelectFieldTrigger,\n  isSameDateRange,\n  shallowEqual,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangePickerPresetsPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled, IconChevronLeft, IconChevronRight } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\nimport styles from './DateRangePickerPresetsPro.module.css';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeFromPresets,\n  getTimeRangeLabel,\n} from '../dates.utils';\n\nexport type DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n\n  clearable?: boolean;\n  showCustomRangeOptions?: boolean;\n  showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n  const { onChange, clearable, selectedValue, showCustomRangeOptions, showTwoMonths } = props;\n  const onlyDateRangePicker = !showCustomRangeOptions;\n  const [showDateRangePicker, setShowDateRangePicker] = useState(onlyDateRangePicker);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [dateRange, setDateRange] = useState<DateRange | undefined>(\n    getDateRangeFromTimeRange(selectedValue),\n  );\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n  useEffect(() => {\n    if (!dayjsLocaleReady) {\n      return;\n    }\n    // Step 1: Convert relativeTimeString to actual time range (from/to)\n    const newTimeRange = getTimeRangeFromPresets(selectedValue, dateRangeOptions);\n\n    if (!shallowEqual(newTimeRange, selectedValue)) {\n      onChange(newTimeRange);\n    }\n  }, [selectedValue, dayjsLocaleReady, onChange, dateRangeOptions]);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n\n  const options = getDateRangeSelectFieldProOptions(dateRangeOptions);\n\n  const handleOptionChange = (newValue: string | undefined) => {\n    const newTimeRange = getTimeRangeFromPresets(\n      { relativeTimeString: newValue } as TimeRange,\n      dateRangeOptions,\n    );\n\n    onChange(newTimeRange);\n    setDateRange(undefined);\n  };\n\n  const handleDateRangeChange = (newDateRange: DateRange | undefined) => {\n    onChange(getTimeRangeFromDateRange(newDateRange));\n    setIsOpen(false);\n  };\n\n  const handleClear = () => {\n    setDateRange(undefined);\n    onChange(undefined);\n  };\n\n  const getValueLabel = () => {\n    if (selectedValue?.relativeTimeString) {\n      const option = options.find((option) => option.value === selectedValue.relativeTimeString);\n      if (option) {\n        return option.label;\n      }\n    }\n\n    if (selectedValue?.from && selectedValue?.to) {\n      return getTimeRangeLabel(selectedValue, 'MMM DD');\n    }\n\n    return '';\n  };\n\n  const valueLabel = getValueLabel();\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n  const isSubmitDisabled = isSameDateRange(dateRange, selectedValue);\n  const numberOfMonths = showTwoMonths ? 2 : 1;\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        avoidCollisions={false}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={IconCalendarFilled}\n            aria-label={placeholder}\n            placeholder={placeholder}\n            valueLabel={valueLabel}\n            onClear={handleClear}\n            isClearable={clearable}\n          />\n        }\n      >\n        <SelectFieldContent fitContent className={styles.dateRangePickerContent}>\n          {showDateRangePicker ? (\n            <div className={styles.dateRangePickerContainer}>\n              {!onlyDateRangePicker && (\n                <SelectListOption\n                  label={i18n.t('editors.dateRangePicker.backToPresets')}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setShowDateRangePicker(false);\n                  }}\n                  startIcon={<IconChevronLeft />}\n                />\n              )}\n              <DateRangePicker\n                locale={locale}\n                numberOfMonths={numberOfMonths}\n                value={dateRange}\n                onChange={setDateRange}\n              />\n              <Button\n                size=\"small\"\n                disabled={isSubmitDisabled}\n                onClick={() => handleDateRangeChange(dateRange)}\n              >\n                {i18n.t('editors.dateRangePicker.apply')}\n              </Button>\n            </div>\n          ) : (\n            <SelectFieldContentList>\n              <SelectListOption\n                label={i18n.t('editors.dateRangePicker.custom')}\n                onClick={(e) => {\n                  e.preventDefault();\n                  setShowDateRangePicker(true);\n                }}\n                endIcon={<IconChevronRight />}\n              />\n              {options.map((option) => (\n                <SelectListOption\n                  key={option.value}\n                  {...option}\n                  isSelected={selectedValue?.relativeTimeString === option.value}\n                  onClick={() => handleOptionChange(option.value)}\n                />\n              ))}\n            </SelectFieldContentList>\n          )}\n        </SelectFieldContent>\n      </Dropdown>\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nconst meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date-Range Picker - Presets',\n  category: 'Dropdowns - dates',\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    {\n      ...inputs.boolean,\n      name: 'showCustomRangeOptions',\n      label: 'Show custom date-range option',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two-month view',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\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\nconst preview = definePreview(Component, {\n  showCustomRangeOptions: true,\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n  };\n};\n\nconst events = {\n  onChange: (range: unknown) => ({\n    value: range ?? Value.noFilter(),\n  }),\n};\n\nexport const dateRangeSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","option","getTimeRangeLabel","resolveI18nString","DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showCustomRangeOptions","showTwoMonths","onlyDateRangePicker","showDateRangePicker","setShowDateRangePicker","useState","isOpen","setIsOpen","dateRange","setDateRange","getDateRangeFromTimeRange","dateRangeOptions","useEffect","newTimeRange","getTimeRangeFromPresets","shallowEqual","description","placeholder","title","tooltip","resolveI18nProps","options","handleOptionChange","newValue","handleDateRangeChange","newDateRange","getTimeRangeFromDateRange","handleClear","valueLabel","locale","isSubmitDisabled","isSameDateRange","numberOfMonths","jsx","EditorCard","Dropdown","SelectFieldTrigger","IconCalendarFilled","SelectFieldContent","styles","jsxs","SelectListOption","i18n","e","IconChevronLeft","DateRangePicker","Button","SelectFieldContentList","IconChevronRight","meta","inputs","Value","preview","definePreview","Component","events","range","dateRangeSelectFieldPro"],"mappings":"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"}
+{"version":3,"file":"definition-I1tZR9Mu.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.ts","../src/components/editors/dates/DateRangePickerPresetsPro/index.tsx","../src/components/editors/dates/DateRangePickerPresetsPro/definition.ts"],"sourcesContent":["import { DateRangeSelectFieldProOption } from './DateRangePickerPresetsPro.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { resolveI18nString } from '../../../component.utils';\nimport { getTimeRangeLabel } from '../dates.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n  dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n): SelectListOptionProps[] => {\n  return dateRangeSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: getTimeRangeLabel(option.getRange(), option.dateFormat),\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport {\n  Button,\n  DateRangePicker,\n  Dropdown,\n  SelectFieldContent,\n  SelectFieldContentList,\n  SelectListOption,\n  DateRange,\n  SelectFieldTrigger,\n  isSameDateRange,\n  shallowEqual,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangePickerPresetsPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled, IconChevronLeft, IconChevronRight } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\nimport styles from './DateRangePickerPresetsPro.module.css';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeFromPresets,\n  getTimeRangeLabel,\n} from '../dates.utils';\n\nexport type DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n\n  clearable?: boolean;\n  showCustomRangeOptions?: boolean;\n  showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n  const { onChange, clearable, selectedValue, showCustomRangeOptions, showTwoMonths } = props;\n  const onlyDateRangePicker = !showCustomRangeOptions;\n  const [showDateRangePicker, setShowDateRangePicker] = useState(onlyDateRangePicker);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [dateRange, setDateRange] = useState<DateRange | undefined>(\n    getDateRangeFromTimeRange(selectedValue),\n  );\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n  useEffect(() => {\n    if (!dayjsLocaleReady) {\n      return;\n    }\n    // Step 1: Convert relativeTimeString to actual time range (from/to)\n    const newTimeRange = getTimeRangeFromPresets(selectedValue, dateRangeOptions);\n\n    if (!shallowEqual(newTimeRange, selectedValue)) {\n      onChange(newTimeRange);\n    }\n  }, [selectedValue, dayjsLocaleReady, onChange, dateRangeOptions]);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n\n  const options = getDateRangeSelectFieldProOptions(dateRangeOptions);\n\n  const handleOptionChange = (newValue: string | undefined) => {\n    const newTimeRange = getTimeRangeFromPresets(\n      { relativeTimeString: newValue } as TimeRange,\n      dateRangeOptions,\n    );\n\n    onChange(newTimeRange);\n    setDateRange(undefined);\n  };\n\n  const handleDateRangeChange = (newDateRange: DateRange | undefined) => {\n    onChange(getTimeRangeFromDateRange(newDateRange));\n    setIsOpen(false);\n  };\n\n  const handleClear = () => {\n    setDateRange(undefined);\n    onChange(undefined);\n  };\n\n  const getValueLabel = () => {\n    if (selectedValue?.relativeTimeString) {\n      const option = options.find((option) => option.value === selectedValue.relativeTimeString);\n      if (option) {\n        return option.label;\n      }\n    }\n\n    if (selectedValue?.from && selectedValue?.to) {\n      return getTimeRangeLabel(selectedValue, 'MMM DD');\n    }\n\n    return '';\n  };\n\n  const valueLabel = getValueLabel();\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n  const isSubmitDisabled = isSameDateRange(dateRange, selectedValue);\n  const numberOfMonths = showTwoMonths ? 2 : 1;\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        avoidCollisions={false}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={IconCalendarFilled}\n            aria-label={placeholder}\n            placeholder={placeholder}\n            valueLabel={valueLabel}\n            onClear={handleClear}\n            isClearable={clearable}\n          />\n        }\n      >\n        <SelectFieldContent fitContent className={styles.dateRangePickerContent}>\n          {showDateRangePicker ? (\n            <div className={styles.dateRangePickerContainer}>\n              {!onlyDateRangePicker && (\n                <SelectListOption\n                  label={i18n.t('editors.dateRangePicker.backToPresets')}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setShowDateRangePicker(false);\n                  }}\n                  startIcon={<IconChevronLeft />}\n                />\n              )}\n              <DateRangePicker\n                locale={locale}\n                numberOfMonths={numberOfMonths}\n                value={dateRange}\n                onChange={setDateRange}\n              />\n              <Button\n                size=\"small\"\n                disabled={isSubmitDisabled}\n                onClick={() => handleDateRangeChange(dateRange)}\n              >\n                {i18n.t('editors.dateRangePicker.apply')}\n              </Button>\n            </div>\n          ) : (\n            <SelectFieldContentList>\n              <SelectListOption\n                label={i18n.t('editors.dateRangePicker.custom')}\n                onClick={(e) => {\n                  e.preventDefault();\n                  setShowDateRangePicker(true);\n                }}\n                endIcon={<IconChevronRight />}\n              />\n              {options.map((option) => (\n                <SelectListOption\n                  key={option.value}\n                  {...option}\n                  isSelected={selectedValue?.relativeTimeString === option.value}\n                  onClick={() => handleOptionChange(option.value)}\n                />\n              ))}\n            </SelectFieldContentList>\n          )}\n        </SelectFieldContent>\n      </Dropdown>\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { TimeRange, Value } from '@embeddable.com/core';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nconst meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date-Range Picker - Presets',\n  category: 'Dropdowns - dates',\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    {\n      ...inputs.boolean,\n      name: 'showCustomRangeOptions',\n      label: 'Show custom date-range option',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two-month view',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\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          name: 'fromDate',\n          label: 'Start date of selected range',\n          type: 'time',\n        },\n        {\n          name: 'toDate',\n          label: 'To date of selected range',\n          type: 'time',\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\nconst preview = definePreview(Component, {\n  showCustomRangeOptions: true,\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n  };\n};\n\nconst events = {\n  onChange: (timeRange: TimeRange) => {\n    return {\n      value: timeRange ?? Value.noFilter(),\n      fromDate: timeRange?.from ? { date: timeRange?.from } : Value.noFilter(),\n      toDate: timeRange?.to ? { date: timeRange?.to } : Value.noFilter(),\n    };\n  },\n};\n\nexport const dateRangeSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","option","getTimeRangeLabel","resolveI18nString","DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showCustomRangeOptions","showTwoMonths","onlyDateRangePicker","showDateRangePicker","setShowDateRangePicker","useState","isOpen","setIsOpen","dateRange","setDateRange","getDateRangeFromTimeRange","dateRangeOptions","useEffect","newTimeRange","getTimeRangeFromPresets","shallowEqual","description","placeholder","title","tooltip","resolveI18nProps","options","handleOptionChange","newValue","handleDateRangeChange","newDateRange","getTimeRangeFromDateRange","handleClear","valueLabel","locale","isSubmitDisabled","isSameDateRange","numberOfMonths","jsx","EditorCard","Dropdown","SelectFieldTrigger","IconCalendarFilled","SelectFieldContent","styles","jsxs","SelectListOption","i18n","e","IconChevronLeft","DateRangePicker","Button","SelectFieldContentList","IconChevronRight","meta","inputs","Value","preview","definePreview","Component","events","timeRange","dateRangeSelectFieldPro"],"mappings":"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"}

package/dist/embeddable-components.json

@@ -1,37 +1,37 @@
 {
   "components": [
     "DimensionMeasureMultiSelectFieldPro",
+    "MarkdownPro",
+    "DimensionSingleSelectFieldPro",
+    "MeasureMultiSelectFieldPro",
+    "MeasureSingleSelectFieldPro",
     "ComparisonPeriodSelectFieldPro",
+    "DateRangePickerCustomPro",
     "GranularitySelectFieldPro",
-    "TextFieldPro",
-    "DimensionSingleSelectFieldPro",
     "SingleSelectFieldPro",
-    "BarChartDefaultPro",
     "MultiSelectFieldPro",
-    "DateRangePickerCustomPro",
-    "MeasureMultiSelectFieldPro",
-    "MeasureSingleSelectFieldPro",
-    "KpiChartNumberPro",
-    "LineChartDefaultPro",
-    "BarChartStackedPro",
+    "TextFieldPro",
+    "HorizontalDividerPro",
     "BarChartGroupedHorizontalPro",
+    "BarChartDefaultPro",
+    "BarChartStackedHorizontalPro",
     "KpiChartNumberComparisonPro",
+    "BarChartStackedPro",
+    "BarChartDefaultHorizontalPro",
+    "DateRangeSelectFieldPro",
     "BarChartGroupedPro",
-    "BarChartStackedHorizontalPro",
-    "MarkdownPro",
+    "HeatMapPro",
     "EmptyBlockPro",
-    "HorizontalDividerPro",
     "LineChartComparisonDefaultPro",
-    "BarChartDefaultHorizontalPro",
-    "DonutChartPro",
-    "DateRangeSelectFieldPro",
-    "TableScrollable",
     "LineChartGroupedPro",
-    "PieChartPro",
+    "TableScrollable",
+    "DonutLabelChartPro",
+    "LineChartDefaultPro",
     "TableChartPaginated",
-    "PivotTablePro",
-    "HeatMapPro",
-    "DonutLabelChartPro"
+    "DonutChartPro",
+    "PieChartPro",
+    "KpiChartNumberPro",
+    "PivotTablePro"
   ],
   "editors": [
     "MarkdownEditor",
@@ -39,37 +39,37 @@
   ],
   "previews": [
     "DimensionMeasureMultiSelectFieldPro",
+    "MarkdownPro",
+    "DimensionSingleSelectFieldPro",
+    "MeasureMultiSelectFieldPro",
+    "MeasureSingleSelectFieldPro",
     "ComparisonPeriodSelectFieldPro",
+    "DateRangePickerCustomPro",
     "GranularitySelectFieldPro",
-    "TextFieldPro",
-    "DimensionSingleSelectFieldPro",
     "SingleSelectFieldPro",
-    "BarChartDefaultPro",
     "MultiSelectFieldPro",
-    "DateRangePickerCustomPro",
-    "MeasureMultiSelectFieldPro",
-    "MeasureSingleSelectFieldPro",
-    "KpiChartNumberPro",
-    "LineChartDefaultPro",
-    "BarChartStackedPro",
+    "TextFieldPro",
+    "HorizontalDividerPro",
     "BarChartGroupedHorizontalPro",
+    "BarChartDefaultPro",
+    "BarChartStackedHorizontalPro",
     "KpiChartNumberComparisonPro",
+    "BarChartStackedPro",
+    "BarChartDefaultHorizontalPro",
+    "DateRangeSelectFieldPro",
     "BarChartGroupedPro",
-    "BarChartStackedHorizontalPro",
-    "MarkdownPro",
+    "HeatMapPro",
     "EmptyBlockPro",
-    "HorizontalDividerPro",
     "LineChartComparisonDefaultPro",
-    "BarChartDefaultHorizontalPro",
-    "DonutChartPro",
-    "DateRangeSelectFieldPro",
-    "TableScrollable",
     "LineChartGroupedPro",
-    "PieChartPro",
+    "TableScrollable",
+    "DonutLabelChartPro",
+    "LineChartDefaultPro",
     "TableChartPaginated",
-    "PivotTablePro",
-    "HeatMapPro",
-    "DonutLabelChartPro"
+    "DonutChartPro",
+    "PieChartPro",
+    "KpiChartNumberPro",
+    "PivotTablePro"
   ],
   "plugin": "react"
 }

package/dist/index.js

@@ -1,7 +1,7 @@
 import { g as r, a as o, b as t, i as s } from "./styles.utils-BfpH_m_W.js";
 import { i as l, s as n } from "./color.utils-BSg_DFOh.js";
 import { c as m, g as P, a as d, i as g, p as u } from "./preview.data.constants-BZ8b6ZQ1.js";
-import { g as f, a as b, b as h, c as x, l as S, d as c, u as D } from "./dates.utils-C44-7RLR.js";
+import { g as f, a as b, b as h, c as x, l as S, d as c, u as D } from "./dates.utils-BkOKKqSH.js";
 import { d as T, a as G, b as L, c as O, e as k, f as M, g as R, h as y, i as v, r as B, j as H, k as A } from "./charts.utils-c8yku90J.js";
 import { i as z, a as E, r as w, b as j } from "./component.utils-CbnwaSi1.js";
 import { C as V, G as K, d as W, a as X, g as _, i as U, s as Z, t as q, b as J } from "./component.inputs.constants-Cs7gX1rI.js";
@@ -36,9 +36,9 @@ import { i as Ee, e as we } from "./definition-B4ALO0PD.js";
 import { i as Ne, h as Ve } from "./definition-Dxfa1Pgg.js";
 import { i as We, m as Xe } from "./definition-Dx_ekjOR.js";
 import { u as Ue } from "./charts.fillGaps.hooks-PCeJ5uuu.js";
-import { i as qe, c as Je, g as Qe, a as Ye } from "./definition-Dy6sdVbU.js";
-import { i as ar, d as er, g as rr } from "./definition-cZxEU0FY.js";
-import { i as tr, d as sr } from "./definition-DyMdJqf8.js";
+import { i as qe, c as Je, g as Qe, a as Ye } from "./definition-DvYcZXNL.js";
+import { i as ar, d as er, g as rr } from "./definition-I1tZR9Mu.js";
+import { i as tr, d as sr } from "./definition-CBNh4l83.js";
 import { i as lr, m as nr } from "./definition-DMbgucms.js";
 import { i as mr, s as Pr } from "./definition-DzFPFv2i.js";
 import { i as gr, d as ur } from "./definition-Crkfoxb6.js";

package/dist/{km-D7TzqXJr.js → km-DVInE0MH.js}

@@ -1,43 +1,45 @@
 import { A as u } from "./index-CnLFSN1m.js";
 import { r as f } from "./utc-OYNdM3Of.js";
-function d(n, a) {
-  for (var _ = 0; _ < a.length; _++) {
-    const e = a[_];
-    if (typeof e != "string" && !Array.isArray(e)) {
-      for (const t in e)
-        if (t !== "default" && !(t in n)) {
-          const o = Object.getOwnPropertyDescriptor(e, t);
-          o && Object.defineProperty(n, t, o.get ? o : {
+function d(n, i) {
+  for (var _ = 0; _ < i.length; _++) {
+    const t = i[_];
+    if (typeof t != "string" && !Array.isArray(t)) {
+      for (const r in t)
+        if (r !== "default" && !(r in n)) {
+          const o = Object.getOwnPropertyDescriptor(t, r);
+          o && Object.defineProperty(n, r, o.get ? o : {
             enumerable: !0,
-            get: () => e[t]
+            get: () => t[r]
           });
         }
     }
   }
   return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }));
 }
-var s = { exports: {} }, p = s.exports, i;
+var s = { exports: {} }, p = s.exports, m;
 function l() {
-  return i || (i = 1, (function(n, a) {
-    (function(_, e) {
-      n.exports = e(f());
+  return m || (m = 1, (function(n, i) {
+    (function(_, t) {
+      n.exports = t(f());
     })(p, (function(_) {
-      function e(r) {
-        return r && typeof r == "object" && "default" in r ? r : { default: r };
+      function t(e) {
+        return e && typeof e == "object" && "default" in e ? e : { default: e };
       }
-      var t = e(_), o = { name: "km", weekdays: "អាទិត្យ_ច័ន្ទ_អង្គារ_ពុធ_ព្រហស្បតិ៍_សុក្រ_សៅរ៍".split("_"), months: "មករា_កុម្ភៈ_មីនា_មេសា_ឧសភា_មិថុនា_កក្កដា_សីហា_កញ្ញា_តុលា_វិច្ឆិកា_ធ្នូ".split("_"), weekStart: 1, weekdaysShort: "អា_ច_អ_ព_ព្រ_សុ_ស".split("_"), monthsShort: "មករា_កុម្ភៈ_មីនា_មេសា_ឧសភា_មិថុនា_កក្កដា_សីហា_កញ្ញា_តុលា_វិច្ឆិកា_ធ្នូ".split("_"), weekdaysMin: "អា_ច_អ_ព_ព្រ_សុ_ស".split("_"), ordinal: function(r) {
-        return r;
-      }, 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: "%sទៀត", past: "%sមុន", s: "ប៉ុន្មានវិនាទី", m: "មួយនាទី", mm: "%d នាទី", h: "មួយម៉ោង", hh: "%d ម៉ោង", d: "មួយថ្ងៃ", dd: "%d ថ្ងៃ", M: "មួយខែ", MM: "%d ខែ", y: "មួយឆ្នាំ", yy: "%d ឆ្នាំ" } };
-      return t.default.locale(o, null, !0), o;
+      var r = t(_), o = { name: "km", weekdays: "អាទិត្យ_ច័ន្ទ_អង្គារ_ពុធ_ព្រហស្បតិ៍_សុក្រ_សៅរ៍".split("_"), months: "មករា_កុម្ភៈ_មីនា_មេសា_ឧសភា_មិថុនា_កក្កដា_សីហា_កញ្ញា_តុលា_វិច្ឆិកា_ធ្នូ".split("_"), weekStart: 1, weekdaysShort: "អា_ច_អ_ព_ព្រ_សុ_ស".split("_"), monthsShort: "មករា_កុម្ភៈ_មីនា_មេសា_ឧសភា_មិថុនា_កក្កដា_សីហា_កញ្ញា_តុលា_វិច្ឆិកា_ធ្នូ".split("_"), weekdaysMin: "អា_ច_អ_ព_ព្រ_សុ_ស".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: "%sទៀត", past: "%sមុន", s: "ប៉ុន្មានវិនាទី", m: "មួយនាទី", mm: "%d នាទី", h: "មួយម៉ោង", hh: "%d ម៉ោង", d: "មួយថ្ងៃ", dd: "%d ថ្ងៃ", M: "មួយខែ", MM: "%d ខែ", y: "មួយឆ្នាំ", yy: "%d ឆ្នាំ" }, meridiem: function(e) {
+        return e > 12 ? "ល្ងាច" : "ព្រឹក";
+      } };
+      return r.default.locale(o, null, !0), o;
     }));
   })(s)), s.exports;
 }
-var m = l();
-const c = /* @__PURE__ */ u(m), y = /* @__PURE__ */ d({
+var a = l();
+const c = /* @__PURE__ */ u(a), y = /* @__PURE__ */ d({
   __proto__: null,
   default: c
-}, [m]);
+}, [a]);
 export {
   y as k
 };
-//# sourceMappingURL=km-D7TzqXJr.js.map
+//# sourceMappingURL=km-DVInE0MH.js.map

package/dist/km-DVInE0MH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"km-DVInE0MH.js","sources":["../node_modules/dayjs/locale/km.js"],"sourcesContent":["!function(e,_){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=_(require(\"dayjs\")):\"function\"==typeof define&&define.amd?define([\"dayjs\"],_):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_locale_km=_(e.dayjs)}(this,(function(e){\"use strict\";function _(e){return e&&\"object\"==typeof e&&\"default\"in e?e:{default:e}}var t=_(e),d={name:\"km\",weekdays:\"អាទិត្យ_ច័ន្ទ_អង្គារ_ពុធ_ព្រហស្បតិ៍_សុក្រ_សៅរ៍\".split(\"_\"),months:\"មករា_កុម្ភៈ_មីនា_មេសា_ឧសភា_មិថុនា_កក្កដា_សីហា_កញ្ញា_តុលា_វិច្ឆិកា_ធ្នូ\".split(\"_\"),weekStart:1,weekdaysShort:\"អា_ច_អ_ព_ព្រ_សុ_ស\".split(\"_\"),monthsShort:\"មករា_កុម្ភៈ_មីនា_មេសា_ឧសភា_មិថុនា_កក្កដា_សីហា_កញ្ញា_តុលា_វិច្ឆិកា_ធ្នូ\".split(\"_\"),weekdaysMin:\"អា_ច_អ_ព_ព្រ_សុ_ស\".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:\"%sទៀត\",past:\"%sមុន\",s:\"ប៉ុន្មានវិនាទី\",m:\"មួយនាទី\",mm:\"%d នាទី\",h:\"មួយម៉ោង\",hh:\"%d ម៉ោង\",d:\"មួយថ្ងៃ\",dd:\"%d ថ្ងៃ\",M:\"មួយខែ\",MM:\"%d ខែ\",y:\"មួយឆ្នាំ\",yy:\"%d ឆ្នាំ\"},meridiem:function(e){return e>12?\"ល្ងាច\":\"ព្រឹក\"}};return t.default.locale(d,null,!0),d}));"],"names":["e","_","module","require$$0","this","t","d"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,KAAC,SAASA,GAAEC,GAAE;AAAsD,MAAAC,EAAA,UAAeD,EAAEE,EAAA,CAAgB;AAAA,IAA4I,GAAEC,IAAM,SAASJ,GAAE;AAAc,eAASC,EAAE,GAAE;AAAC,eAAO,KAAa,OAAO,KAAjB,YAAoB,aAAY,IAAE,IAAE,EAAC,SAAQ,EAAC;AAAA,MAAC;AAAC,UAAII,IAAEJ,EAAED,CAAC,GAAEM,IAAE,EAAC,MAAK,MAAK,UAAS,iDAAiD,MAAM,GAAG,GAAE,QAAO,yEAAyE,MAAM,GAAG,GAAE,WAAU,GAAE,eAAc,oBAAoB,MAAM,GAAG,GAAE,aAAY,yEAAyE,MAAM,GAAG,GAAE,aAAY,oBAAoB,MAAM,GAAG,GAAE,SAAQ,SAAS,GAAE;AAAC,eAAO;AAAA,MAAC,GAAE,SAAQ,EAAC,IAAG,SAAQ,KAAI,YAAW,GAAE,cAAa,IAAG,eAAc,KAAI,qBAAoB,MAAK,0BAAyB,GAAE,cAAa,EAAC,QAAO,SAAQ,MAAK,SAAQ,GAAE,kBAAiB,GAAE,WAAU,IAAG,WAAU,GAAE,WAAU,IAAG,WAAU,GAAE,WAAU,IAAG,WAAU,GAAE,SAAQ,IAAG,SAAQ,GAAE,YAAW,IAAG,WAAU,GAAE,UAAS,SAAS,GAAE;AAAC,eAAO,IAAE,KAAG,UAAQ;AAAA,MAAO,EAAC;AAAE,aAAOD,EAAE,QAAQ,OAAOC,GAAE,MAAK,EAAE,GAAEA;AAAA,IAAC,EAAC;AAAA;;;;;;;","x_google_ignoreList":[0]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-pro",
   "author": "embeddable (https://embeddable.com)",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "repository": {
     "type": "git",
     "url": "https://github.com/embeddable-hq/remarkable-pro"
@@ -62,7 +62,7 @@
   "dependencies": {
     "@changesets/cli": "^2.29.6",
     "@embeddable.com/core": "^2.13.6",
-    "@embeddable.com/react": "^2.13.4",
+    "@embeddable.com/react": "^2.13.5",
     "@embeddable.com/remarkable-ui": "^2.0.45",
     "@tabler/icons-react": "^3.34.1",
     "chart.js": "^4.5.0",
@@ -77,8 +77,8 @@
     "xlsx": "npm:@e965/xlsx@^0.20.3"
   },
   "devDependencies": {
-    "@embeddable.com/sdk-core": "^4.2.0",
-    "@embeddable.com/sdk-react": "4.3.1",
+    "@embeddable.com/sdk-core": "^4.3.1",
+    "@embeddable.com/sdk-react": "^4.3.3",
     "@eslint/css": "^0.13.0",
     "@testing-library/react": "^16.3.2",
     "@types/chroma-js": "^3.1.1",

package/dist/definition-DyMdJqf8.js

@@ -1,105 +0,0 @@
-import { useTheme as y, definePreview as P } from "@embeddable.com/react";
-import { j as s, v as D, V as r } from "./index-CnLFSN1m.js";
-import { u as w, c as S, g as V, a as j } from "./dates.utils-C44-7RLR.js";
-import { a as M, r as T, i as k } from "./component.utils-CbnwaSi1.js";
-import { E as x } from "./EditorCard-DhASZ5NL.js";
-import { I as F } from "./IconCalendarFilled-DaTHLPcZ.js";
-import { i as e } from "./component.inputs.constants-Cs7gX1rI.js";
-const n = (a) => {
-  const t = y();
-  M(t);
-  const { dayjsLocaleReady: i } = w();
-  if (!i)
-    return null;
-  const { description: c, placeholder: d, title: u, tooltip: m } = T(a), { onChange: g, clearable: p, selectedValue: o, showTwoMonths: f } = a, h = (v) => {
-    const C = j(v);
-    g(C);
-  }, l = t.defaults.dateRangesOptions, R = S(o, "MMM DD", l), b = t.i18n.language ?? t.formatter.locale;
-  return /* @__PURE__ */ s.jsx(x, { title: u, description: c, tooltip: m, children: /* @__PURE__ */ s.jsx(
-    D,
-    {
-      startIcon: F,
-      locale: b,
-      clearable: p,
-      placeholder: d,
-      displayValue: R,
-      numberOfMonths: f ? 2 : 1,
-      value: V(o, l),
-      onChange: h,
-      submitLabel: k.t("editors.dateRangePicker.apply"),
-      avoidCollisions: !1
-    }
-  ) });
-}, G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: n
-}, Symbol.toStringTag, { value: "Module" })), L = {
-  name: "DateRangePickerCustomPro",
-  label: "Date-Range Picker - Custom",
-  category: "Dropdowns - dates",
-  defaultWidth: 300,
-  defaultHeight: 120,
-  inputs: [
-    e.title,
-    e.description,
-    e.tooltip,
-    { ...e.placeholder, defaultValue: "Select a date-range" },
-    e.clearable,
-    {
-      ...e.timeRange,
-      name: "selectedValue",
-      label: "Selected value",
-      category: "Pre-configured variables"
-    },
-    {
-      ...e.boolean,
-      name: "showTwoMonths",
-      label: "Show two months",
-      defaultValue: !1,
-      category: "Component Settings"
-    }
-  ],
-  events: [
-    {
-      name: "onChange",
-      label: "Selected date-range updated",
-      properties: [
-        {
-          name: "value",
-          label: "Selected date-range",
-          type: "timeRange"
-        }
-      ]
-    }
-  ],
-  variables: [
-    {
-      name: "date-range value",
-      type: "timeRange",
-      defaultValue: r.noFilter(),
-      inputs: ["selectedValue"],
-      events: [{ name: "onChange", property: "value" }]
-    }
-  ]
-}, O = P(n, {
-  onChange: () => null
-}), I = (a) => ({
-  ...a
-}), _ = {
-  onChange: (a) => ({
-    value: a ?? r.noFilter()
-  })
-}, J = {
-  Component: n,
-  meta: L,
-  preview: O,
-  config: {
-    props: I,
-    events: _
-  }
-};
-export {
-  J as d,
-  G as i
-};
-//# sourceMappingURL=definition-DyMdJqf8.js.map

package/dist/definition-DyMdJqf8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-DyMdJqf8.js","sources":["../src/components/editors/dates/DateRangePickerCustomPro/index.tsx","../src/components/editors/dates/DateRangePickerCustomPro/definition.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\nexport type 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 { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nconst meta = {\n  name: 'DateRangePickerCustomPro',\n  label: 'Date-Range Picker - Custom',\n  category: 'Dropdowns - dates',\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\nconst preview = definePreview(Component, {\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n  };\n};\n\nconst events = {\n  onChange: (range: unknown) => ({\n    value: range ?? Value.noFilter(),\n  }),\n};\n\nexport const dateRangePickerCustomPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\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","Component","events","range","dateRangePickerCustomPro"],"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;;;8CCzDMC,IAAO;AAAA,EACX,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,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,UAAU,MAAM;AAClB,CAAC,GAEKlC,IAAQ,CAAC8B,OACN;AAAA,EACL,GAAGA;AAAA,IAIDK,IAAS;AAAA,EACb,UAAU,CAACC,OAAoB;AAAA,IAC7B,OAAOA,KAASL,EAAM,SAAA;AAAA,EAAS;AAEnC,GAEaM,IAA2B;AAAA,EAAA,WACtCH;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAhC;AAAA,IACA,QAAAmC;AAAA,EAAA;AAEJ;"}