@adyen/adyen-platform-experience-web 1.10.0 → 1.10.2

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

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

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

@@ -1,7 +1,7 @@
-import { jsx as b } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as b } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import I from "./DateFilterCore.js";
 import { FilterParam as e } from "../../../../types.js";
-import { useMemo as s, useState as O, useCallback as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as s, useState as O, useCallback as P } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import _ from "../../../../../core/Context/useCoreContext.js";
 import { DateRangeFilterParam as T } from "./types.js";
 import { EMPTY_OBJECT as A } from "../../../../../utils/value/constants.js";

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

@@ -1,19 +1,19 @@
-import { jsx as R } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import B from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { useState as C, useCallback as L, useMemo as P, useEffect as T, useRef as x } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { BASE_LOCALE as z } from "../../../../../core/Localization/datetime/restamper/constants.js";
-import M from "../../../../../core/Context/useCoreContext.js";
-import { DateRangeFilterParam as A } from "./types.js";
+import { jsx as h } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import A from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { useState as S, useCallback as v, useMemo as C, useEffect as P, useRef as k } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { BASE_LOCALE as x } from "../../../../../core/Localization/datetime/restamper/constants.js";
+import B from "../../../../../core/Context/useCoreContext.js";
+import { DateRangeFilterParam as R } from "./types.js";
 /* empty css                    */
-import I from "../BaseFilter/BaseFilter.js";
-import V from "../../../DatePicker/DatePicker.js";
-import { EMPTY_OBJECT as _ } from "../../../../../utils/value/constants.js";
-import { CommitAction as v } from "../../../../../hooks/useCommitAction/types.js";
-const Y = {
+import z from "../BaseFilter/BaseFilter.js";
+import I from "../../../DatePicker/DatePicker.js";
+import { EMPTY_OBJECT as V } from "../../../../../utils/value/constants.js";
+import { CommitAction as E } from "../../../../../hooks/useCommitAction/types.js";
+const _ = {
   month: "short",
   day: "numeric",
   year: "numeric"
-}, k = (n, e, o, r) => {
+}, L = (n, e, o, r) => {
   const m = o && e(o), t = r && e(r);
   if (m && t) return n.get("common.filters.types.date.range.between", { values: { fromDate: m, toDate: t } });
   if (m) return n.get("common.filters.types.date.range.since", { values: { date: m } });
@@ -24,7 +24,7 @@ const Y = {
   } catch {
     return "";
   }
-}, j = /* @__PURE__ */ (() => {
+}, Y = /* @__PURE__ */ (() => {
   const n = ({
     editAction: e,
     from: o,
@@ -32,54 +32,53 @@ const Y = {
     now: m,
     onChange: t,
     onValueUpdated: i,
-    showTimezoneInfo: b,
-    selectedPresetOption: g,
-    timeRangePresetOptions: F,
+    showTimezoneInfo: T,
+    selectedPresetOption: f,
+    timeRangePresetOptions: y,
     timeRangeSelectorLabel: c,
-    timezone: D,
+    timezone: g,
     sinceDate: l,
-    untilDate: w
+    untilDate: F
   }) => {
-    const { i18n: p } = M(), { fullDateFormat: d } = B(D), [y, h] = C(g), f = P(() => [new Date(o), new Date(r)], [o, r]), a = x(), O = L(
-      (u, S) => {
-        i(k(p, d, s(u), s(S)));
+    const { i18n: w } = B(), { fullDateFormat: D } = A(g), [d, b] = S(f), u = C(() => [new Date(o), new Date(r)], [o, r]), a = k(), p = v(
+      (O, M) => {
+        i(L(w, D, s(O), s(M)));
       },
-      [p, d, i]
+      [w, D, i]
     );
-    return T(() => {
-      var u, S, E;
+    return P(() => {
       switch (e) {
-        case v.APPLY:
+        case E.APPLY:
           t({
-            selectedPresetOption: y,
-            [A.FROM]: s((u = a.current) == null ? void 0 : u.from),
-            [A.TO]: s((S = a.current) == null ? void 0 : S.to)
+            selectedPresetOption: d,
+            [R.FROM]: s(a.current?.from),
+            [R.TO]: s(a.current?.to)
           });
           break;
-        case v.CLEAR:
-          (E = a.current) == null || E.clear(), t();
+        case E.CLEAR:
+          a.current?.clear(), t();
       }
-    }, [e, t, y]), /* @__PURE__ */ R(
-      V,
+    }, [e, t, d]), /* @__PURE__ */ h(
+      I,
       {
         ref: a,
         now: m,
-        originDate: f,
-        onHighlight: O,
-        onPresetOptionSelected: h,
-        selectedPresetOption: g,
-        timeRangePresetOptions: F,
+        originDate: u,
+        onHighlight: p,
+        onPresetOptionSelected: b,
+        selectedPresetOption: f,
+        timeRangePresetOptions: y,
         timeRangeSelectorLabel: c,
-        timezone: D,
-        showTimezoneInfo: b,
+        timezone: g,
+        showTimezoneInfo: T,
         sinceDate: s(l),
-        untilDate: s(w)
+        untilDate: s(F)
       }
     );
   };
-  return (e) => /* @__PURE__ */ R(n, { ...e });
-})(), q = (n, e, o) => n.formatRange(e, o);
-function tt({
+  return (e) => /* @__PURE__ */ h(n, { ...e });
+})(), j = (n, e, o) => n.formatRange(e, o);
+function U({
   title: n,
   from: e,
   to: o,
@@ -87,44 +86,44 @@ function tt({
   timeRangeSelectorLabel: m,
   ...t
 }) {
-  const { i18n: i } = M(), { fullDateFormat: b } = B(t.timezone), [g, F] = C(), [c, D] = C(), [l, w] = C(), p = L(
-    (f) => {
-      const { from: a, to: O, selectedPresetOption: u } = f ?? _;
+  const { i18n: i } = B(), { fullDateFormat: T } = A(t.timezone), [f, y] = S(), [c, g] = S(), [l, F] = S(), w = v(
+    (u) => {
+      const { from: a, to: p, selectedPresetOption: O } = u ?? V;
       try {
-        F(g ?? u), D(s(c ?? a)), w(s(l ?? O));
+        y(f ?? O), g(s(c ?? a)), F(s(l ?? p));
       } finally {
-        t.onChange({ from: a, to: O, selectedPresetOption: u });
+        t.onChange({ from: a, to: p, selectedPresetOption: O });
       }
     },
-    [g, c, l, t]
-  ), d = P(() => i.get("common.filters.types.date.rangeSelect.options.custom"), [i]), y = P(() => {
-    const f = { ...Y, timeZone: t.timezone };
-    let a = new Intl.DateTimeFormat(z, f);
+    [f, c, l, t]
+  ), D = C(() => i.get("common.filters.types.date.rangeSelect.options.custom"), [i]), d = C(() => {
+    const u = { ..._, timeZone: t.timezone };
+    let a = new Intl.DateTimeFormat(x, u);
     try {
-      a = new Intl.DateTimeFormat(i.locale, f);
+      a = new Intl.DateTimeFormat(i.locale, u);
     } catch {
     }
     return a;
   }, [i, t.timezone]);
-  T(() => F(r), [r]), T(() => D(s(e || Date.now())), [e]), T(() => w(s(o || Date.now())), [o]);
-  const h = P(() => r === d && c && l ? q(y, new Date(c), new Date(l)) : r ?? t.label, [d, y, c, l, r, t.label]);
-  return /* @__PURE__ */ R(
-    I,
+  P(() => y(r), [r]), P(() => g(s(e || Date.now())), [e]), P(() => F(s(o || Date.now())), [o]);
+  const b = C(() => r === D && c && l ? j(d, new Date(c), new Date(l)) : r ?? t.label, [D, d, c, l, r, t.label]);
+  return /* @__PURE__ */ h(
+    z,
     {
       ...t,
       from: e,
       to: o,
       type: "date",
-      label: h,
-      onChange: p,
-      render: j,
+      label: b,
+      onChange: w,
+      render: Y,
       selectedPresetOption: r,
       timeRangeSelectorLabel: m ?? i.get("common.filters.types.date.rangeSelect.label"),
-      value: k(i, b, e, o),
+      value: L(i, T, e, o),
       withContentPadding: !1
     }
   );
 }
 export {
-  tt as default
+  U as default
 };

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

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import r from "../BaseFilter/BaseFilter.js";
 function a(t) {
   return /* @__PURE__ */ e(r, { ...t, type: "text" });

package/dist/es/components/internal/FormFields/CalendarInput/CalendarInput.js

@@ -1,31 +1,30 @@
-import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as u, useRef as R, useMemo as i, useCallback as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as r } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as C, useRef as R, useMemo as i, useCallback as m } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import x from "../../../../core/Context/useCoreContext.js";
 import F from "../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { CalendarInputButton as L } from "./components/CalendarInputButton.js";
 import { CalendarInputPopover as S } from "./components/CalendarInputPopover.js";
 import { DATE_FORMAT_DELIVERY_DATE as _ } from "../../../../constants/dateFormats.js";
-function j({ clearable: l, value: o, onInput: n, isInvalid: D, timezone: T }) {
-  const { i18n: e } = x(), { dateFormat: p } = F(T), [c, a] = u(!1), f = R(null), h = i(() => o ? [new Date(o)] : void 0, [o]), O = i(
-    () => o ? p(o, _) : e.get("common.inputs.select.placeholder"),
-    [p, e, o]
-  ), [d, g] = u(o), b = m(
-    (t) => e.get("common.filters.types.date.calendar.label", { values: { monthOfYear: t.label } }),
-    [e]
+function j({ clearable: l, value: t, onInput: o, isInvalid: u, timezone: D, isReadOnly: T }) {
+  const { i18n: s } = x(), { dateFormat: p } = F(D), [c, n] = C(!1), f = R(null), h = i(() => t ? [new Date(t)] : void 0, [t]), O = i(
+    () => t ? p(t, _) : s.get("common.inputs.select.placeholder"),
+    [p, s, t]
+  ), [d, g] = C(t), b = m(
+    (e) => s.get("common.filters.types.date.calendar.label", { values: { monthOfYear: e.label } }),
+    [s]
   ), A = m(
-    (t) => {
-      if (t) {
-        const s = new Date(t).toISOString();
-        n(s), g(s), s !== d && a(!1);
+    (e) => {
+      if (e) {
+        const a = new Date(e).toISOString();
+        o(a), g(a), a !== d && n(!1);
       }
     },
-    [d, n]
-  ), E = i(() => !!l && !!o, [l, o]), w = m(
-    (t) => {
-      var s, C;
-      (s = t == null ? void 0 : t.preventDefault) == null || s.call(t), (C = t == null ? void 0 : t.stopPropagation) == null || C.call(t), n(""), g(void 0), a(!1);
+    [d, o]
+  ), E = i(() => !!l && !!t, [l, t]), w = m(
+    (e) => {
+      e?.preventDefault?.(), e?.stopPropagation?.(), o(""), g(void 0), n(!1);
     },
-    [n]
+    [o]
   );
   return /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ r(
@@ -33,18 +32,19 @@ function j({ clearable: l, value: o, onInput: n, isInvalid: D, timezone: T }) {
       {
         label: O,
         isOpen: c,
-        isInvalid: D,
-        onClick: () => a((t) => !t),
+        isInvalid: u,
+        onClick: () => n((e) => !e),
         showClearButton: E,
         onClear: w,
-        buttonRef: f
+        buttonRef: f,
+        isReadOnly: T
       }
     ),
     /* @__PURE__ */ r(
       S,
       {
         isOpen: c,
-        onClose: () => a(!1),
+        onClose: () => n(!1),
         originDate: h,
         onHighlight: A,
         getGridLabel: b,

package/dist/es/components/internal/FormFields/CalendarInput/components/CalendarInputButton.js

@@ -1,24 +1,34 @@
-import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as n } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { InteractionKeyCode as r } from "../../../../types.js";
 import { ButtonVariant as u } from "../../../Button/types.js";
 import s from "classnames";
-import { Fragment as f } from "../../../../../external/preact/dist/preact.module.js";
+import { Fragment as f } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 import { Icon as e } from "../../../Icon/Icon.js";
-import l from "../../../Button/Button.js";
-function x({ label: i, isOpen: p, isInvalid: a, onClick: d, onClear: o, showClearButton: c, buttonRef: m }) {
+import b from "../../../Button/Button.js";
+function C({
+  label: i,
+  isOpen: p,
+  isInvalid: t,
+  onClick: d,
+  onClear: a,
+  showClearButton: c,
+  buttonRef: l,
+  isReadOnly: m
+}) {
   return /* @__PURE__ */ n(
-    l,
+    b,
     {
-      ref: m,
-      onClick: (t) => {
-        t.preventDefault(), d();
+      ref: l,
+      onClick: (o) => {
+        o.preventDefault(), d();
       },
       variant: u.SECONDARY,
       "aria-haspopup": "dialog",
       "aria-expanded": p,
-      "aria-invalid": a ? "true" : void 0,
+      "aria-invalid": t ? "true" : void 0,
+      disabled: m,
       className: s("adyen-pe-button adyen-pe-dropdown__button", {
-        "adyen-pe-button--invalid": a
+        "adyen-pe-button--invalid": t
       }),
       iconRight: c ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(
         "span",
@@ -26,11 +36,11 @@ function x({ label: i, isOpen: p, isInvalid: a, onClick: d, onClear: o, showClea
           role: "button",
           tabIndex: 0,
           className: "adyen-pe-dropdown__button-clear",
-          onClick: (t) => {
-            t.preventDefault(), t.stopPropagation(), o == null || o(t);
+          onClick: (o) => {
+            o.preventDefault(), o.stopPropagation(), a?.(o);
           },
-          onKeyDown: (t) => {
-            (t.code === r.ENTER || t.code === r.SPACE) && (t.preventDefault(), t.stopPropagation(), o == null || o(t));
+          onKeyDown: (o) => {
+            (o.code === r.ENTER || o.code === r.SPACE) && (o.preventDefault(), o.stopPropagation(), a?.(o));
           },
           children: /* @__PURE__ */ n(e, { name: "cross-circle-fill" })
         }
@@ -40,5 +50,5 @@ function x({ label: i, isOpen: p, isInvalid: a, onClick: d, onClear: o, showClea
   );
 }
 export {
-  x as CalendarInputButton
+  C as CalendarInputButton
 };

package/dist/es/components/internal/FormFields/CalendarInput/components/CalendarInputPopover.js

@@ -1,49 +1,50 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import p from "../../../Popover/Popover.js";
-import { PopoverContainerPosition as c, PopoverContainerSize as f, PopoverContainerVariant as C } from "../../../Popover/types.js";
-import { DEFAULT_FIRST_WEEK_DAY as u } from "../../../Calendar/calendar/timerange/presets/shared/offsetWeek.js";
-import P from "../../../Calendar/hooks/useCalendarControlsRendering.js";
-import g from "../../../../../core/Context/useCoreContext.js";
-import h from "../../../Calendar/Calendar.js";
-import r from "../../../Calendar/calendar/facade/index.js";
-function x({ isOpen: e, onClose: n, originDate: i, onHighlight: t, getGridLabel: a, targetElement: l }) {
-  const { i18n: s } = g(), [m, d] = P();
-  return /* @__PURE__ */ o(
+import { PopoverContainerVariant as c, PopoverContainerPosition as f, PopoverContainerSize as u } from "../../../Popover/types.js";
+import { DEFAULT_FIRST_WEEK_DAY as C } from "../../../Calendar/calendar/timerange/presets/shared/offsetWeek.js";
+import h from "../../../Calendar/hooks/useCalendarControlsRendering.js";
+import v from "../../../../../core/Context/useCoreContext.js";
+import P from "../../../Calendar/Calendar.js";
+import o from "../../../Calendar/calendar/facade/index.js";
+function _({ isOpen: e, onClose: t, originDate: i, onHighlight: n, getGridLabel: a, targetElement: l }) {
+  const { i18n: s } = v(), [d, m] = h();
+  return /* @__PURE__ */ r(
     p,
     {
-      open: e,
+      containerSize: u.MEDIUM,
       dismiss: () => {
-        n();
+        t();
       },
-      variant: C.POPOVER,
-      containerSize: f.MEDIUM,
+      dismissible: !1,
+      divider: !0,
+      fitPosition: !0,
+      open: e,
+      position: f.BOTTOM,
       targetElement: l,
       withContentPadding: !0,
-      position: c.TOP,
-      fixedPositioning: !1,
-      dismissible: !1,
+      variant: c.POPOVER,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           "div",
           {
-            ref: d,
+            ref: m,
             role: "group",
             className: "adyen-pe-datepicker__controls",
             "aria-label": s.get("common.filters.types.date.calendar.navigation.label")
           }
         ),
-        /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-          h,
+        /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+          P,
           {
             getGridLabel: a,
-            firstWeekDay: u,
-            controls: r.controls.MINIMAL,
-            highlight: r.highlight.ONE,
+            firstWeekDay: C,
+            controls: o.controls.MINIMAL,
+            highlight: o.highlight.ONE,
             dynamicBlockRows: !0,
             onlyCellsWithin: !0,
             originDate: i,
-            onHighlight: t,
-            renderControl: m,
+            onHighlight: n,
+            renderControl: d,
             trackCurrentDay: !0
           }
         ) })
@@ -52,5 +53,5 @@ function x({ isOpen: e, onClose: n, originDate: i, onHighlight: t, getGridLabel:
   );
 }
 export {
-  x as CalendarInputPopover
+  _ as CalendarInputPopover
 };