@adyen/adyen-platform-experience-web 1.0.0-beta.2 → 1.0.0

package/dist/es/components/internal/FilterBar/filters/AmountFilter/RangeSelection.js

@@ -1,73 +1,74 @@
-import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import f from "../../../FormFields/InputBase.js";
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "../../../FormFields/InputBase.js";
 import "./AmountFilter.scss.js";
-import { useState as p, useCallback as A, useEffect as g, useMemo as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as A, useCallback as g, useEffect as x, useMemo as b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import h from "../../../../../core/Context/useCoreContext.js";
-import { AMOUNT_MULTIPLIER as x } from "./constants.js";
-import { CommitAction as T } from "../../../../../hooks/useCommitAction/types.js";
-const E = ({
+import { AMOUNT_MULTIPLIER as T } from "./constants.js";
+import { isUndefined as i } from "../../../../../utils/value/is.js";
+import { CommitAction as F } from "../../../../../hooks/useCommitAction/types.js";
+const R = ({
   onChange: l,
-  editAction: m,
-  onValueUpdated: u,
-  selectedCurrencies: b,
-  availableCurrencies: I,
-  value: M,
-  ...i
+  editAction: u,
+  onValueUpdated: s,
+  selectedCurrencies: I,
+  availableCurrencies: M,
+  value: y,
+  ...m
 }) => {
-  const { i18n: r } = h(), [e, s] = p(
-    i.minAmount !== void 0 ? parseFloat(i.minAmount) / x : void 0
-  ), [t, c] = p(
-    i.maxAmount !== void 0 ? parseFloat(i.maxAmount) / x : void 0
-  ), v = A(() => {
+  const { i18n: n } = h(), [e, c] = A(
+    i(m.minAmount) ? void 0 : parseFloat(m.minAmount) / T
+  ), [t, v] = A(
+    i(m.maxAmount) ? void 0 : parseFloat(m.maxAmount) / T
+  ), d = g(() => {
     l({ minAmount: e, maxAmount: t });
-  }, [t, e, l]), d = A(() => {
-    l({ minAmount: void 0, maxAmount: void 0 }), c(void 0), s(void 0);
+  }, [t, e, l]), f = g(() => {
+    l({ minAmount: void 0, maxAmount: void 0 }), v(void 0), c(void 0);
   }, [l]);
-  g(() => {
-    m === T.APPLY && v(), m === T.CLEAR && d();
-  }, [v, d, m]);
-  const o = F(() => ({ minAmount: e, maxAmount: t }), [t, e]);
-  return g(() => {
-    o.minAmount || o.maxAmount ? u(`${o.minAmount}-${o.maxAmount}`) : u(null);
-  }, [o, u]), /* @__PURE__ */ n("div", { className: "adyen-pe-range-selection-filter", children: [
-    /* @__PURE__ */ n("div", { className: "adyen-pe-range-selection-filter__input", children: [
-      /* @__PURE__ */ n("label", { htmlFor: "minValue", children: `${r.get("from")}:` }),
-      /* @__PURE__ */ n(
-        f,
+  x(() => {
+    u === F.APPLY && d(), u === F.CLEAR && f();
+  }, [d, f, u]);
+  const o = b(() => ({ minAmount: e, maxAmount: t }), [t, e]);
+  return x(() => {
+    o.minAmount || o.maxAmount ? s(`${o.minAmount}-${o.maxAmount}`) : s(null);
+  }, [o, s]), /* @__PURE__ */ r("div", { className: "adyen-pe-range-selection-filter", children: [
+    /* @__PURE__ */ r("div", { className: "adyen-pe-range-selection-filter__input", children: [
+      /* @__PURE__ */ r("label", { htmlFor: "minValue", children: `${n.get("from")}:` }),
+      /* @__PURE__ */ r(
+        p,
         {
-          lang: r.locale,
+          lang: n.locale,
           name: "minValue",
           type: "number",
           value: e,
           onInput: (a) => {
-            a.currentTarget && s(a.currentTarget.value !== "" ? parseFloat(a.currentTarget.value) : void 0);
+            a.currentTarget && c(a.currentTarget.value !== "" ? parseFloat(a.currentTarget.value) : void 0);
           },
           min: 0,
           isInvalid: e ? e < 0 : !1,
-          errorMessage: r.get("noNegativeNumbersAllowed")
+          errorMessage: n.get("noNegativeNumbersAllowed")
         }
       )
     ] }),
-    /* @__PURE__ */ n("div", { className: "adyen-pe-range-selection-filter__input", children: [
-      /* @__PURE__ */ n("label", { htmlFor: "maxValue", children: `${r.get("to")}:` }),
-      /* @__PURE__ */ n(
-        f,
+    /* @__PURE__ */ r("div", { className: "adyen-pe-range-selection-filter__input", children: [
+      /* @__PURE__ */ r("label", { htmlFor: "maxValue", children: `${n.get("to")}:` }),
+      /* @__PURE__ */ r(
+        p,
         {
-          lang: r.locale,
+          lang: n.locale,
           name: "maxValue",
           type: "number",
           value: t,
           onInput: (a) => {
-            a.currentTarget && c(a.currentTarget.value !== "" ? parseFloat(a.currentTarget.value) : void 0);
+            a.currentTarget && v(a.currentTarget.value !== "" ? parseFloat(a.currentTarget.value) : void 0);
           },
           min: e,
-          isInvalid: t !== void 0 && e !== void 0 ? t < e : !1,
-          errorMessage: r.get("secondValueShouldBeGreaterThanTheFirstOne")
+          isInvalid: !i(t) && !i(e) && t < e,
+          errorMessage: n.get("toValueShouldBeGreaterThanTheFromValue")
         }
       )
     ] })
   ] });
 };
 export {
-  E as RangeSelection
+  R as RangeSelection
 };

package/dist/es/components/internal/FilterBar/filters/BaseFilter/BaseFilter.js

@@ -1,93 +1,94 @@
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMediaQuery as g, mediaQueries as A } from "../../../../external/TransactionsOverview/hooks/useMediaQuery.js";
-import z from "../../components/FilterButton/FilterButton.js";
-import H from "../../../Popover/Popover.js";
-import { PopoverContainerVariant as L, PopoverContainerPosition as Q } from "../../../Popover/types.js";
-import { TypographyElement as D, TypographyVariant as N } from "../../../Typography/types.js";
-import O from "../../../Typography/Typography.js";
-import R from "../../../../../hooks/element/useUniqueIdentifier.js";
-import { isEmpty as j } from "../../../../../utils/validator-utils.js";
-import { memo as q } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as E, useCallback as S, useEffect as V, useState as G } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import J from "../../../FormFields/InputText.js";
+import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useResponsiveViewport as g, mediaQueries as V } from "../../../../external/TransactionsOverview/hooks/useResponsiveViewport.js";
+import Y from "../../components/FilterButton/FilterButton.js";
+import q from "../../../Popover/Popover.js";
+import { PopoverContainerVariant as z, PopoverContainerPosition as H } from "../../../Popover/types.js";
+import { TypographyElement as w, TypographyVariant as B } from "../../../Typography/types.js";
+import D from "../../../Typography/Typography.js";
+import L from "../../../../../hooks/element/useUniqueIdentifier.js";
+import { memo as j } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as E, useCallback as O, useEffect as A, useState as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import G from "../../../FormFields/InputText.js";
 import c from "../../../../../hooks/useBooleanState/useBooleanState.js";
-import K from "../../../../../hooks/useCommitAction/useCommitAction.js";
-import { Fragment as W } from "../../../../../external/preact/dist/preact.module.js";
+import J from "../../../../../hooks/useCommitAction/useCommitAction.js";
+import { Fragment as K } from "../../../../../external/preact/dist/preact.module.js";
+import { isEmptyString as W } from "../../../../../utils/value/string.js";
+import { isNull as X } from "../../../../../utils/value/is.js";
 import { CommitAction as _ } from "../../../../../hooks/useCommitAction/types.js";
-const X = (s) => !s || j(s), Z = (() => {
+const Z = (s) => !s || W(s), ee = (() => {
   const s = (e) => {
-    const { editAction: f, name: i, onChange: u, onValueUpdated: r } = e, [l, n] = G(e.value), d = S(
+    const { editAction: f, name: a, onChange: u, onValueUpdated: r } = e, [l, n] = Q(e.value), m = O(
       (t) => {
-        const y = t.target.value.trim();
-        n(y), r(y);
+        const p = t.target.value.trim();
+        n(p), r(p);
       },
       [r]
     );
-    return V(() => {
+    return A(() => {
       if (f === _.CLEAR) {
         const t = "";
         n(t), r(t), u(t);
       }
       f === _.APPLY && u(l ?? "");
-    }, [l, f, u, r]), /* @__PURE__ */ a(J, { name: i, value: l, onInput: d });
+    }, [l, f, u, r]), /* @__PURE__ */ i(G, { name: a, value: l, onInput: m });
   };
-  return (e) => /* @__PURE__ */ a(s, { ...e });
-})(), ee = ({ render: s, ...e }) => {
-  var B;
-  const f = g(A.down.xs), [i, u] = c(!1), [r, l] = c(!1), n = E(() => e.isValueEmpty ?? X, [e.isValueEmpty]), [d, t] = c(n(e.value)), [y, v] = c(!1), [T, h] = c(!1), [w, M] = c(n(e.value)), b = R(), I = E(() => s ?? Z, [s]), x = S(
+  return (e) => /* @__PURE__ */ i(s, { ...e });
+})(), te = ({ render: s, ...e }) => {
+  var N;
+  const f = g(V.down.xs), [a, u] = c(!1), [r, l] = c(!1), n = E(() => e.isValueEmpty ?? Z, [e.isValueEmpty]), [m, t] = c(n(e.value)), [p, v] = c(!1), [S, h] = c(!1), [I, M] = c(n(e.value)), b = L(), T = E(() => s ?? ee, [s]), x = O(
     (o) => {
-      const m = n(o ?? void 0);
-      t(m), M(o === null), h(y ? o !== e.value : !m);
+      const d = n(o ?? void 0);
+      t(d), M(X(o)), h(p ? o !== e.value : !d);
     },
-    [n, t, M, h, y, e.value]
-  ), { commitAction: k, commitActionButtons: U, committing: C, resetCommitAction: P } = K({
-    applyDisabled: w || !T,
-    resetDisabled: d
-  }), [p, F] = E(() => {
-    const o = (m) => () => {
-      m !== i && (m && (P(), h(!1), v(!1)), u(m), l(m));
+    [n, t, M, h, p, e.value]
+  ), { commitAction: k, commitActionButtons: $, committing: C, resetCommitAction: P } = J({
+    applyDisabled: I || !S,
+    resetDisabled: m
+  }), [y, F] = E(() => {
+    const o = (d) => () => {
+      d !== a && (d && (P(), h(!1), v(!1)), u(d), l(d));
     };
     return [o(!1), o(!0)];
-  }, [u, i, P, l, v, h]);
-  V(() => {
+  }, [u, a, P, l, v, h]);
+  A(() => {
     if (r) {
       const o = n(e.value);
       l(!1), t(o), v(!o);
     }
-  }, [e.value, r, n, l, t, v]), V(() => {
-    C && p(), t(d);
-  }, [C, p, t, d]);
-  const Y = g(A.only.sm), $ = g(A.only.md);
-  return /* @__PURE__ */ a(W, { children: [
-    /* @__PURE__ */ a("div", { className: `adyen-pe-filter adyen-pe-filter--${e.type}`, children: E(
-      () => /* @__PURE__ */ a(
-        z,
+  }, [e.value, r, n, l, t, v]), A(() => {
+    C && y(), t(m);
+  }, [C, y, t, m]);
+  const R = g(V.only.sm), U = g(V.only.md);
+  return /* @__PURE__ */ i(K, { children: [
+    /* @__PURE__ */ i("div", { className: `adyen-pe-filter adyen-pe-filter--${e.type}`, children: E(
+      () => /* @__PURE__ */ i(
+        Y,
         {
           classNameModifiers: [
             ...e.appliedFilterAmount ? ["with-counter"] : [],
             ...e.classNameModifiers ?? [],
-            ...i ? ["active"] : [],
-            ...d ? [] : ["has-selection"]
+            ...a ? ["active"] : [],
+            ...m ? [] : ["has-selection"]
           ],
-          onClick: i ? p : F,
+          onClick: a ? y : F,
           tabIndex: 0,
           ref: b,
-          children: /* @__PURE__ */ a("div", { className: "adyen-pe-filter-button__default-container", children: [
-            /* @__PURE__ */ a(
-              O,
+          children: /* @__PURE__ */ i("div", { className: "adyen-pe-filter-button__default-container", children: [
+            /* @__PURE__ */ i(
+              D,
               {
-                el: D.SPAN,
-                variant: N.BODY,
+                el: w.SPAN,
+                variant: B.BODY,
                 stronger: !0,
                 className: "adyen-pe-filter-button__label",
                 children: e.label
               }
             ),
-            !!e.appliedFilterAmount && /* @__PURE__ */ a("div", { className: "adyen-pe-filter-button__counter-wrapper", children: /* @__PURE__ */ a(
-              O,
+            !!e.appliedFilterAmount && /* @__PURE__ */ i("div", { className: "adyen-pe-filter-button__counter-wrapper", children: /* @__PURE__ */ i(
+              D,
               {
-                el: D.SPAN,
-                variant: N.BODY,
+                el: w.SPAN,
+                variant: B.BODY,
                 stronger: !0,
                 className: "adyen-pe-filter-button__counter",
                 children: e.appliedFilterAmount
@@ -100,37 +101,37 @@ const X = (s) => !s || j(s), Z = (() => {
         e.appliedFilterAmount,
         e.classNameModifiers,
         e.label,
-        i,
-        d,
-        p,
+        a,
+        m,
+        y,
         F,
         b
       ]
     ) }),
-    i && /* @__PURE__ */ a(
-      H,
+    a && /* @__PURE__ */ i(
+      q,
       {
-        actions: U,
-        title: (B = e.title) == null ? void 0 : B.trim(),
-        variant: L.POPOVER,
+        actions: $,
+        title: (N = e.title) == null ? void 0 : N.trim(),
+        variant: z.POPOVER,
         modifiers: ["filter"],
-        open: i,
+        open: a,
         "aria-label": `${e.label}`,
-        dismiss: p,
+        dismiss: y,
         dismissible: !1,
         withContentPadding: e.withContentPadding ?? !0,
         divider: !0,
         targetElement: b,
         disableFocusTrap: !1,
-        position: Q.BOTTOM,
+        position: H.BOTTOM,
         containerSize: e.containerSize,
         showOverlay: f,
-        fitPosition: Y || $,
-        children: I({ ...e, editAction: k, onValueUpdated: x })
+        fitPosition: R || U,
+        children: T({ ...e, editAction: k, onValueUpdated: x })
       }
     )
   ] });
-}, he = q(ee);
+}, be = j(te);
 export {
-  he as default
+  be as default
 };

package/dist/es/components/internal/FilterBar/filters/DateFilter/DateFilter.js

@@ -1,120 +1,64 @@
-import { jsx as C } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as p, useCallback as M, useMemo as R, useEffect as y, useRef as x } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import k from "../../../../../core/Context/useCoreContext.js";
-import { DateRangeFilterParam as b } from "./types.js";
-import "./DateFilter.scss.js";
-import I from "../BaseFilter/BaseFilter.js";
-import V from "../../../DatePicker/DatePicker.js";
-import { EMPTY_OBJECT as A } from "../../../../../utils/common/constants.js";
-import { CommitAction as E } from "../../../../../hooks/useCommitAction/types.js";
-const v = {
-  month: "short",
-  day: "numeric",
-  year: "numeric"
-}, L = new Intl.DateTimeFormat("en-US", v), B = (n, t, r) => {
-  const e = t && n.fullDate(t), a = r && n.fullDate(r);
-  if (e && a)
-    return `${e} - ${a}`;
-  if (e)
-    return n.get("filter.date.since", { values: { date: e } });
-  if (a)
-    return n.get("filter.date.until", { values: { date: a } });
-}, o = (n) => {
-  try {
-    return new Date(n || "").toISOString();
-  } catch {
-    return "";
-  }
-}, Y = (() => {
-  const n = ({
-    editAction: t,
-    from: r,
-    to: e,
-    now: a,
-    onChange: s,
-    onValueUpdated: f,
-    showTimezoneInfo: F,
-    selectedPresetOption: i,
-    timeRangePresetOptions: g,
-    timezone: c,
-    sinceDate: w,
-    untilDate: T
-  }) => {
-    const { i18n: D } = k(), [d, O] = p(i), u = R(() => [new Date(r), new Date(e)], [r, e]), l = x(), P = M(
-      (m, h) => {
-        f(B(D, o(m), o(h)));
-      },
-      [D, f]
-    );
-    return y(() => {
-      var m, h, S;
-      switch (t) {
-        case E.APPLY:
-          s({
-            selectedPresetOption: d,
-            [b.FROM]: o((m = l.current) == null ? void 0 : m.from),
-            [b.TO]: o((h = l.current) == null ? void 0 : h.to)
-          });
-          break;
-        case E.CLEAR:
-          (S = l.current) == null || S.clear(), s();
-      }
-    }, [t, s, d]), /* @__PURE__ */ C(
-      V,
-      {
-        ref: l,
-        now: a,
-        originDate: u,
-        onHighlight: P,
-        onPresetOptionSelected: O,
-        selectedPresetOption: i,
-        timeRangePresetOptions: g,
-        timezone: c,
-        showTimezoneInfo: F,
-        sinceDate: o(w),
-        untilDate: o(T)
-      }
-    );
-  };
-  return (t) => /* @__PURE__ */ C(n, { ...t });
-})(), _ = (n, t, r) => n.formatRange(t, r);
-function Q({ title: n, from: t, to: r, selectedPresetOption: e, ...a }) {
-  const { i18n: s } = k(), [f, F] = p(), [i, g] = p(), [c, w] = p(), T = M(
-    (u) => {
-      const { from: l, to: P, selectedPresetOption: m } = u ?? A;
-      try {
-        F(f ?? m), g(o(i ?? l)), w(o(c ?? P));
-      } finally {
-        a.onChange({ from: l, to: P, selectedPresetOption: m });
+import { jsx as d } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import I from "./DateFilterCore.js";
+import { FilterParam as e } from "../../../../types.js";
+import { useMemo as C, useState as O, useCallback as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import _ from "../../../../../core/Context/useCoreContext.js";
+import { DateRangeFilterParam as l } from "./types.js";
+import { EMPTY_OBJECT as A } from "../../../../../utils/value/constants.js";
+const S = ({
+  timezone: u,
+  canResetFilters: s,
+  defaultParams: r,
+  filters: i,
+  nowTimestamp: m,
+  refreshNowTimestamp: c,
+  sinceDate: T,
+  untilDate: R,
+  updateFilters: a
+}) => {
+  const { i18n: o } = _(), t = C(() => o.get(r.current.defaultTimeRange), [o]), [D, E] = O(t), f = P(
+    (g = A) => {
+      for (const [p, n] of Object.entries(g)) {
+        switch (p) {
+          case "selectedPresetOption":
+            E(n || t);
+            break;
+          case l.FROM:
+            a({
+              [e.CREATED_SINCE]: n || r.current.defaultFilterParams[e.CREATED_SINCE]
+            });
+            break;
+          case l.TO:
+            a({
+              [e.CREATED_UNTIL]: n || r.current.defaultFilterParams[e.CREATED_UNTIL]
+            });
+            break;
+          default:
+            return;
+        }
+        c();
       }
     },
-    [f, i, c, a]
-  ), [D, d] = R(() => {
-    let u = L;
-    try {
-      u = new Intl.DateTimeFormat(s.locale, v);
-    } catch {
-    }
-    return [s.get("rangePreset.custom"), u];
-  }, [s]);
-  y(() => F(e), [e]), y(() => g(o(t || Date.now())), [t]), y(() => w(o(r || Date.now())), [r]);
-  const O = R(() => e === D && i && c ? _(d, new Date(i), new Date(c)) : e ?? a.label, [D, d, i, c, e, a.label]);
-  return /* @__PURE__ */ C(
+    [t, c, a]
+  );
+  return C(() => !s && E(t), [s, t]), /* @__PURE__ */ d(
     I,
     {
-      ...a,
-      from: t,
-      to: r,
-      type: "date",
-      label: O,
-      onChange: T,
-      render: Y,
-      selectedPresetOption: e,
-      value: B(s, t, r),
-      withContentPadding: !1
+      label: o.get("dateRange"),
+      name: e.CREATED_SINCE,
+      sinceDate: T,
+      untilDate: R ?? new Date(m).toString(),
+      from: i[e.CREATED_SINCE],
+      to: i[e.CREATED_UNTIL],
+      selectedPresetOption: D,
+      timeRangePresetOptions: r.current.timeRangeOptions,
+      timezone: u,
+      onChange: f,
+      showTimezoneInfo: !0,
+      now: m
     }
   );
-}
+}, U = S;
 export {
-  Q as default
+  U as default
 };

package/dist/es/components/internal/FilterBar/filters/DateFilter/DateFilterCore.js

@@ -0,0 +1,126 @@
+import { jsx as T } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as y, useCallback as M, useMemo as R, useEffect as h, useRef as B } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import k from "../../../../../core/Context/useCoreContext.js";
+import { DateRangeFilterParam as b } from "./types.js";
+import "./DateFilterCore.scss.js";
+import I from "../BaseFilter/BaseFilter.js";
+import V from "../../../DatePicker/DatePicker.js";
+import { EMPTY_OBJECT as A } from "../../../../../utils/value/constants.js";
+import { CommitAction as E } from "../../../../../hooks/useCommitAction/types.js";
+const v = {
+  month: "short",
+  day: "numeric",
+  year: "numeric"
+}, L = new Intl.DateTimeFormat("en-US", v), x = (n, t, r) => {
+  const e = t && n.fullDate(t), a = r && n.fullDate(r);
+  if (e && a)
+    return `${e} - ${a}`;
+  if (e)
+    return n.get("filter.date.since", { values: { date: e } });
+  if (a)
+    return n.get("filter.date.until", { values: { date: a } });
+}, o = (n) => {
+  try {
+    return new Date(n || "").toISOString();
+  } catch {
+    return "";
+  }
+}, Y = (() => {
+  const n = ({
+    editAction: t,
+    from: r,
+    to: e,
+    now: a,
+    onChange: s,
+    onValueUpdated: f,
+    showTimezoneInfo: F,
+    selectedPresetOption: i,
+    timeRangePresetOptions: g,
+    timezone: c,
+    sinceDate: w,
+    untilDate: C
+  }) => {
+    const { i18n: D } = k(), [d, O] = y(i), u = R(() => [new Date(r), new Date(e)], [r, e]), l = B(), P = M(
+      (m, p) => {
+        f(x(D, o(m), o(p)));
+      },
+      [D, f]
+    );
+    return h(() => {
+      var m, p, S;
+      switch (t) {
+        case E.APPLY:
+          s({
+            selectedPresetOption: d,
+            [b.FROM]: o((m = l.current) == null ? void 0 : m.from),
+            [b.TO]: o((p = l.current) == null ? void 0 : p.to)
+          });
+          break;
+        case E.CLEAR:
+          (S = l.current) == null || S.clear(), s();
+      }
+    }, [t, s, d]), /* @__PURE__ */ T(
+      V,
+      {
+        ref: l,
+        now: a,
+        originDate: u,
+        onHighlight: P,
+        onPresetOptionSelected: O,
+        selectedPresetOption: i,
+        timeRangePresetOptions: g,
+        timezone: c,
+        showTimezoneInfo: F,
+        sinceDate: o(w),
+        untilDate: o(C)
+      }
+    );
+  };
+  return (t) => /* @__PURE__ */ T(n, { ...t });
+})(), _ = (n, t, r) => n.formatRange(t, r);
+function Q({
+  title: n,
+  from: t,
+  to: r,
+  selectedPresetOption: e,
+  ...a
+}) {
+  const { i18n: s } = k(), [f, F] = y(), [i, g] = y(), [c, w] = y(), C = M(
+    (u) => {
+      const { from: l, to: P, selectedPresetOption: m } = u ?? A;
+      try {
+        F(f ?? m), g(o(i ?? l)), w(o(c ?? P));
+      } finally {
+        a.onChange({ from: l, to: P, selectedPresetOption: m });
+      }
+    },
+    [f, i, c, a]
+  ), [D, d] = R(() => {
+    let u = L;
+    try {
+      u = new Intl.DateTimeFormat(s.locale, v);
+    } catch {
+    }
+    return [s.get("rangePreset.custom"), u];
+  }, [s]);
+  h(() => F(e), [e]), h(() => g(o(t || Date.now())), [t]), h(() => w(o(r || Date.now())), [r]);
+  const O = R(() => e === D && i && c ? _(d, new Date(i), new Date(c)) : e ?? a.label, [D, d, i, c, e, a.label]);
+  return /* @__PURE__ */ T(
+    I,
+    {
+      ...a,
+      from: t,
+      to: r,
+      type: "date",
+      label: O,
+      onChange: C,
+      render: Y,
+      selectedPresetOption: e,
+      value: x(s, t, r),
+      withContentPadding: !1
+    }
+  );
+}
+export {
+  Q as default
+};

package/dist/es/{core/Localization/translations/el-GR.json.js → components/internal/FilterBar/filters/DateFilter/DateFilterCore.scss.js}

@@ -1,4 +1,4 @@
-const e = {};
+const e = "";
 export {
   e as default
 };