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

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

@@ -1,22 +1,22 @@
 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 q from "../../components/FilterButton/FilterButton.js";
+import z from "../../../Popover/Popover.js";
+import { PopoverContainerVariant as H, PopoverContainerPosition as L } 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 _ from "../../../Typography/Typography.js";
+import Q from "../../../../../hooks/element/useUniqueIdentifier.js";
+import { isEmpty as R } from "../../../../../utils/validator-utils.js";
+import { memo as j } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as E, useCallback as O, useEffect as V, useState as G } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import J 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 { CommitAction as _ } from "../../../../../hooks/useCommitAction/types.js";
-const X = (s) => !s || j(s), Z = (() => {
+import { CommitAction as w } from "../../../../../hooks/useCommitAction/types.js";
+const X = (s) => !s || R(s), Z = (() => {
   const s = (e) => {
-    const { editAction: f, name: i, onChange: u, onValueUpdated: r } = e, [l, n] = G(e.value), d = S(
+    const { editAction: f, name: i, onChange: u, onValueUpdated: r } = e, [l, n] = G(e.value), d = O(
       (t) => {
         const y = t.target.value.trim();
         n(y), r(y);
@@ -24,24 +24,24 @@ const X = (s) => !s || j(s), Z = (() => {
       [r]
     );
     return V(() => {
-      if (f === _.CLEAR) {
+      if (f === w.CLEAR) {
         const t = "";
         n(t), r(t), u(t);
       }
-      f === _.APPLY && u(l ?? "");
+      f === w.APPLY && u(l ?? "");
     }, [l, f, u, r]), /* @__PURE__ */ a(J, { name: i, value: l, onInput: d });
   };
   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(
+  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), [S, h] = c(!1), [I, M] = c(n(e.value)), b = Q(), T = E(() => s ?? Z, [s]), x = O(
     (o) => {
       const m = n(o ?? void 0);
       t(m), M(o === null), h(y ? o !== e.value : !m);
     },
     [n, t, M, h, y, e.value]
-  ), { commitAction: k, commitActionButtons: U, committing: C, resetCommitAction: P } = K({
-    applyDisabled: w || !T,
+  ), { commitAction: k, commitActionButtons: $, committing: C, resetCommitAction: P } = K({
+    applyDisabled: I || !S,
     resetDisabled: d
   }), [p, F] = E(() => {
     const o = (m) => () => {
@@ -57,11 +57,11 @@ const X = (s) => !s || j(s), Z = (() => {
   }, [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);
+  const U = g(A.only.sm), Y = 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,
+        q,
         {
           classNameModifiers: [
             ...e.appliedFilterAmount ? ["with-counter"] : [],
@@ -74,7 +74,7 @@ const X = (s) => !s || j(s), Z = (() => {
           ref: b,
           children: /* @__PURE__ */ a("div", { className: "adyen-pe-filter-button__default-container", children: [
             /* @__PURE__ */ a(
-              O,
+              _,
               {
                 el: D.SPAN,
                 variant: N.BODY,
@@ -84,7 +84,7 @@ const X = (s) => !s || j(s), Z = (() => {
               }
             ),
             !!e.appliedFilterAmount && /* @__PURE__ */ a("div", { className: "adyen-pe-filter-button__counter-wrapper", children: /* @__PURE__ */ a(
-              O,
+              _,
               {
                 el: D.SPAN,
                 variant: N.BODY,
@@ -108,11 +108,11 @@ const X = (s) => !s || j(s), Z = (() => {
       ]
     ) }),
     i && /* @__PURE__ */ a(
-      H,
+      z,
       {
-        actions: U,
+        actions: $,
         title: (B = e.title) == null ? void 0 : B.trim(),
-        variant: L.POPOVER,
+        variant: H.POPOVER,
         modifiers: ["filter"],
         open: i,
         "aria-label": `${e.label}`,
@@ -122,15 +122,15 @@ const X = (s) => !s || j(s), Z = (() => {
         divider: !0,
         targetElement: b,
         disableFocusTrap: !1,
-        position: Q.BOTTOM,
+        position: L.BOTTOM,
         containerSize: e.containerSize,
         showOverlay: f,
-        fitPosition: Y || $,
-        children: I({ ...e, editAction: k, onValueUpdated: x })
+        fitPosition: U || Y,
+        children: T({ ...e, editAction: k, onValueUpdated: x })
       }
     )
   ] });
-}, he = q(ee);
+}, he = j(ee);
 export {
   he as default
 };

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

@@ -1,5 +1,5 @@
 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 { 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 "./DateFilter.scss.js";
@@ -11,7 +11,7 @@ const v = {
   month: "short",
   day: "numeric",
   year: "numeric"
-}, L = new Intl.DateTimeFormat("en-US", v), B = (n, t, r) => {
+}, 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}`;
@@ -38,22 +38,22 @@ const v = {
     timeRangePresetOptions: g,
     timezone: c,
     sinceDate: w,
-    untilDate: T
+    untilDate: O
   }) => {
-    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)));
+    const { i18n: D } = k(), [d, T] = 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 y(() => {
-      var m, h, S;
+    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((h = l.current) == null ? void 0 : h.to)
+            [b.TO]: o((p = l.current) == null ? void 0 : p.to)
           });
           break;
         case E.CLEAR:
@@ -66,20 +66,20 @@ const v = {
         now: a,
         originDate: u,
         onHighlight: P,
-        onPresetOptionSelected: O,
+        onPresetOptionSelected: T,
         selectedPresetOption: i,
         timeRangePresetOptions: g,
         timezone: c,
         showTimezoneInfo: F,
         sinceDate: o(w),
-        untilDate: o(T)
+        untilDate: o(O)
       }
     );
   };
   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(
+  const { i18n: s } = k(), [f, F] = y(), [i, g] = y(), [c, w] = y(), O = M(
     (u) => {
       const { from: l, to: P, selectedPresetOption: m } = u ?? A;
       try {
@@ -97,8 +97,8 @@ function Q({ title: n, from: t, to: r, selectedPresetOption: e, ...a }) {
     }
     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]);
+  h(() => F(e), [e]), h(() => g(o(t || Date.now())), [t]), h(() => w(o(r || Date.now())), [r]);
+  const T = 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(
     I,
     {
@@ -106,11 +106,11 @@ function Q({ title: n, from: t, to: r, selectedPresetOption: e, ...a }) {
       from: t,
       to: r,
       type: "date",
-      label: O,
-      onChange: T,
+      label: T,
+      onChange: O,
       render: Y,
       selectedPresetOption: e,
-      value: B(s, t, r),
+      value: x(s, t, r),
       withContentPadding: !1
     }
   );

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

@@ -1,35 +1,35 @@
 import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ARIA_ERROR_SUFFIX as h } from "../../../core/Errors/constants.js";
 import { hasOwnProperty as _ } from "../../../utils/common/index.js";
-import w from "classnames";
-import { forwardRef as P } from "../../../external/preact/compat/dist/compat.module.js";
+import P from "classnames";
+import { forwardRef as k } from "../../../external/preact/compat/dist/compat.module.js";
 import { useCallback as r } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./FormFields.scss.js";
 import { Fragment as q } from "../../../external/preact/dist/preact.module.js";
 function u({ onInput: a, onKeyUp: d, trimOnBlur: l, onBlurHandler: e, onBlur: t, onFocusHandler: s, errorMessage: f, ...p }, v) {
-  const { autoCorrect: A, classNameModifiers: m, isInvalid: n, isValid: C, readonly: $ = !1, spellCheck: O, type: y, uniqueId: o, isCollatingErrors: I, disabled: g } = p;
+  const { autoCorrect: A, classNameModifiers: m, isInvalid: n, isValid: C, readonly: I = !1, spellCheck: O, type: y, uniqueId: o, isCollatingErrors: $, disabled: g } = p;
   _(p, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
   const N = r(
     (i) => {
       a == null || a(i);
     },
     [a]
-  ), R = r(
+  ), x = r(
     (i) => {
       d && d(i);
     },
     [d]
-  ), b = r(
+  ), R = r(
     (i) => {
       e == null || e(i), l && (i.target.value = i.target.value.trim()), t == null || t(i);
     },
     [t, e, l]
-  ), k = r(
+  ), b = r(
     (i) => {
       s == null || s(i);
     },
     [s]
-  ), x = w(
+  ), w = P(
     "adyen-pe-input",
     [`adyen-pe-input--${y}`],
     p.className,
@@ -38,7 +38,7 @@ function u({ onInput: a, onKeyUp: d, trimOnBlur: l, onBlurHandler: e, onBlur: t,
       "adyen-pe-input--valid": C
     },
     m == null ? void 0 : m.map((i) => `adyen-pe-input--${i}`)
-  ), { classNameModifiers: V, uniqueId: j, isInvalid: F, isValid: S, isCollatingErrors: T, ...E } = p;
+  ), { classNameModifiers: V, uniqueId: j, isInvalid: F, isValid: S, isCollatingErrors: U, ...E } = p;
   return /* @__PURE__ */ c(q, { children: [
     /* @__PURE__ */ c(
       "input",
@@ -46,14 +46,14 @@ function u({ onInput: a, onKeyUp: d, trimOnBlur: l, onBlurHandler: e, onBlur: t,
         id: o,
         ...E,
         type: y,
-        className: x,
-        readOnly: $,
-        "aria-describedby": I ? void 0 : `${o}${h}`,
+        className: w,
+        readOnly: I,
+        "aria-describedby": $ ? void 0 : `${o}${h}`,
         "aria-invalid": n,
         onInput: N,
-        onBlur: b,
-        onFocus: k,
-        onKeyUp: R,
+        onBlur: R,
+        onFocus: b,
+        onKeyUp: x,
         disabled: g,
         ref: v
       }
@@ -67,7 +67,7 @@ u.defaultProps = {
   onInput: () => {
   }
 };
-const M = P(u);
+const Q = k(u);
 export {
-  M as default
+  Q as default
 };

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

@@ -1,9 +1,9 @@
 import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import a from "./InputBase.js";
 import { forwardRef as i } from "../../../external/preact/compat/dist/compat.module.js";
-const u = i(function(e, r) {
+const m = i(function(e, r) {
   return /* @__PURE__ */ t(a, { classNameModifiers: e.classNameModifiers, ...e, ref: r, "aria-required": e.required, type: "text" });
 });
 export {
-  u as default
+  m as default
 };

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

@@ -10,10 +10,10 @@ import Ee from "./components/SelectList.js";
 import Se from "./hooks/useSelect.js";
 import { DROPDOWN_BASE_CLASS as K, DROPDOWN_MULTI_SELECT_CLASS as Re } from "./constants.js";
 import "./Select.scss.js";
-import he from "../../../../hooks/useCommitAction/useCommitAction.js";
+import De from "../../../../hooks/useCommitAction/useCommitAction.js";
 import { CommitAction as U } from "../../../../hooks/useCommitAction/types.js";
 import { EMPTY_ARRAY as Y } from "../../../../utils/common/constants.js";
-const De = ({
+const he = ({
   className: P,
   classNameModifiers: _ = Y,
   popoverClassNameModifiers: M,
@@ -25,17 +25,17 @@ const De = ({
   selected: H,
   name: O,
   isInvalid: X,
-  isValid: z,
-  placeholder: G,
-  uniqueId: h,
-  renderListItem: J,
-  isCollatingErrors: Q,
-  setToTargetWidth: V,
-  withoutCollapseIndicator: Z = !1,
-  showOverlay: q = !1,
+  isValid: q,
+  placeholder: z,
+  uniqueId: D,
+  renderListItem: G,
+  isCollatingErrors: J,
+  setToTargetWidth: Q,
+  withoutCollapseIndicator: V = !1,
+  showOverlay: Z = !1,
   fitPosition: ee
 }) => {
-  const { resetSelection: f, select: v, selection: n } = Se({ items: g, multiSelect: m, selected: H }), [o, i] = w(!1), [D, d] = w(""), E = a(null), p = a(null), k = a(null), I = a(`select-${be()}`), [te, B] = w(0), x = a(), S = a(!0), C = a(!1), L = a(n), N = a(n), re = l(() => {
+  const { resetSelection: f, select: v, selection: n } = Se({ items: g, multiSelect: m, selected: H }), [o, i] = w(!1), [h, d] = w(""), E = a(null), p = a(null), k = a(null), I = a(`select-${be()}`), [te, x] = w(0), B = a(), S = a(!0), C = a(!1), L = a(n), N = a(n), re = l(() => {
     d(""), i(!1), o && (f(L.current), S.current = !0);
   }, [f, i, d, o]), se = de(
     () => fe([
@@ -45,7 +45,7 @@ const De = ({
       P
     ]),
     [P, _, m]
-  ), { commitAction: y, commitActionButtons: ne, committing: W, resetCommitAction: $ } = he({
+  ), { commitAction: y, commitActionButtons: ne, committing: W, resetCommitAction: $ } = De({
     resetDisabled: !n.length
   }), c = l(() => {
     var e;
@@ -80,8 +80,8 @@ const De = ({
   b(() => {
     N.current !== n && (N.current = n, (!m || C.current) && (R(), c())), C.current = !1;
   }, [c, R, m, n]), b(() => {
-    W && (B(n.length), c());
-  }, [W, c, B, n.length]);
+    W && (x(n.length), c());
+  }, [W, c, x, n.length]);
   const oe = l(
     (e) => {
       switch (e.code) {
@@ -93,7 +93,7 @@ const De = ({
         case s.SPACE:
           if (u && o) {
             if (e.key === s.ENTER)
-              if (D)
+              if (h)
                 A(e);
               else
                 break;
@@ -108,10 +108,10 @@ const De = ({
       }
       e.preventDefault(), i(!0);
     },
-    [c, u, A, o, i, D]
+    [c, u, A, o, i, h]
   );
   b(() => {
-    o && (cancelAnimationFrame(x.current), x.current = requestAnimationFrame(() => {
+    o && (cancelAnimationFrame(B.current), B.current = requestAnimationFrame(() => {
       var e;
       e: {
         let t = (e = p.current) == null ? void 0 : e.firstElementChild, r;
@@ -192,31 +192,31 @@ const De = ({
     /* @__PURE__ */ T(
       ge,
       {
-        id: h ?? void 0,
+        id: D ?? void 0,
         appliedFilterNumber: te,
         active: n,
         filterInputRef: E,
         filterable: u,
         isInvalid: X,
-        isValid: z,
+        isValid: q,
         onButtonKeyDown: oe,
         onInput: ae,
         multiSelect: m,
-        placeholder: G,
+        placeholder: z,
         readonly: j,
         selectListId: I.current,
         showList: o,
         toggleButtonRef: k,
         toggleList: ie,
-        withoutCollapseIndicator: Z,
-        ariaDescribedBy: !Q && h ? `${h}${pe}` : ""
+        withoutCollapseIndicator: V,
+        ariaDescribedBy: !J && D ? `${D}${pe}` : ""
       }
     ),
     /* @__PURE__ */ T(
       Ee,
       {
         popoverClassNameModifiers: M,
-        setToTargetWidth: V,
+        setToTargetWidth: Q,
         dismissPopover: re,
         active: n,
         commitActions: ne,
@@ -227,15 +227,15 @@ const De = ({
         selectListId: I.current,
         ref: p,
         toggleButtonRef: k,
-        renderListItem: J,
+        renderListItem: G,
         showList: o,
-        showOverlay: q,
-        textFilter: D,
+        showOverlay: Z,
+        textFilter: h,
         fitPosition: ee
       }
     )
   ] });
-}, We = De;
+}, We = he;
 export {
   We as default
 };

package/dist/es/components/internal/FormFields/Select/components/SelectButton.js

@@ -3,9 +3,9 @@ import T from "classnames";
 import { useMemo as N } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import S from "../../../../../core/Context/useCoreContext.js";
 import { ButtonVariant as C } from "../../../Button/types.js";
-import L from "../../../Typography/Typography.js";
-import f from "../../../SVGIcons/ChevronDown.js";
-import { TypographyElement as u, TypographyVariant as B } from "../../../Typography/types.js";
+import u from "../../../Typography/Typography.js";
+import L from "../../../SVGIcons/ChevronDown.js";
+import { TypographyElement as f, TypographyVariant as B } from "../../../Typography/types.js";
 import { DROPDOWN_BUTTON_CLASS as p, DROPDOWN_BUTTON_ACTIVE_CLASS as R, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as h, DROPDOWN_BUTTON_READONLY_CLASS as y, DROPDOWN_BUTTON_INVALID_CLASS as A, DROPDOWN_BUTTON_VALID_CLASS as E, DROPDOWN_BUTTON_ICON_CLASS as P, DROPDOWN_BUTTON_TEXT_CLASS as U, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as g, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as x, DROPDOWN_BUTTON_CLASSNAME as I } from "../constants.js";
 import { Fragment as W } from "../../../../../external/preact/dist/preact.module.js";
 import b from "../../../Img/Img.js";
@@ -13,13 +13,13 @@ import w from "../../../Button/Button.js";
 const V = ({
   active: e,
   disabled: m,
-  className: o,
-  filterable: i,
+  className: i,
+  filterable: o,
   toggleButtonRef: l,
   ...n
 }) => {
-  const r = N(() => i ? T(I, o) : o, [o, i]);
-  return i ? /* @__PURE__ */ a("div", { ...n, className: r, ref: l }) : /* @__PURE__ */ a(
+  const r = N(() => o ? T(I, i) : i, [i, o]);
+  return o ? /* @__PURE__ */ a("div", { ...n, className: r, ref: l }) : /* @__PURE__ */ a(
     w,
     {
       ...n,
@@ -31,37 +31,37 @@ const V = ({
   );
 }, v = (e) => {
   var d;
-  const { i18n: m } = S(), { active: o, filterable: i, multiSelect: l, placeholder: n, readonly: r, showList: s, withoutCollapseIndicator: _ } = e, O = N(() => (n == null ? void 0 : n.trim()) || m.get("select.filter.placeholder"), [m, n]), t = N(() => l === !0 ? void 0 : o[0], [o, l]), D = N(() => {
+  const { i18n: m } = S(), { active: i, filterable: o, multiSelect: l, placeholder: n, readonly: r, showList: s, withoutCollapseIndicator: _ } = e, O = N(() => (n == null ? void 0 : n.trim()) || m.get("select.filter.placeholder"), [m, n]), t = N(() => l === !0 ? void 0 : i[0], [i, l]), D = N(() => {
     var c;
     return ((c = t == null ? void 0 : t.name) == null ? void 0 : c.trim()) || O;
   }, [t, O]);
   return /* @__PURE__ */ a(
     V,
     {
-      active: o,
+      active: i,
       disabled: r,
       "aria-disabled": r,
       "aria-expanded": s,
       "aria-haspopup": "listbox",
       className: T(p, {
         [R]: s,
-        [h]: !!o.length,
+        [h]: !!i.length,
         [y]: r,
         [A]: e.isInvalid,
         [E]: e.isValid
       }),
-      filterable: i,
+      filterable: o,
       onClick: r ? void 0 : e.toggleList,
       onKeyDown: r ? void 0 : e.onButtonKeyDown,
-      role: i ? "button" : void 0,
+      role: o ? "button" : void 0,
       tabIndex: 0,
       title: D,
       toggleButtonRef: e.toggleButtonRef,
-      type: i ? "" : "button",
+      type: o ? "" : "button",
       "aria-describedby": e.ariaDescribedBy,
       id: e.id ?? "",
       children: [
-        s && i ? /* @__PURE__ */ a(
+        s && o ? /* @__PURE__ */ a(
           "input",
           {
             "aria-autocomplete": "list",
@@ -79,9 +79,9 @@ const V = ({
         ) : /* @__PURE__ */ a(W, { children: [
           (t == null ? void 0 : t.icon) && /* @__PURE__ */ a(b, { className: P, src: t.icon, alt: t.name.trim() }),
           /* @__PURE__ */ a("span", { className: U, children: ((d = t == null ? void 0 : t.selectedOptionName) == null ? void 0 : d.trim()) || (t == null ? void 0 : t.name.trim()) || O }),
-          l && e.appliedFilterNumber > 0 && /* @__PURE__ */ a("div", { className: g, children: /* @__PURE__ */ a(L, { el: u.SPAN, variant: B.BODY, stronger: !0, children: e.appliedFilterNumber }) })
+          l && e.appliedFilterNumber > 0 && /* @__PURE__ */ a("div", { className: g, children: /* @__PURE__ */ a(u, { el: f.SPAN, variant: B.BODY, stronger: !0, children: e.appliedFilterNumber }) })
         ] }),
-        !_ && /* @__PURE__ */ a("span", { className: x, children: /* @__PURE__ */ a(f, { role: "presentation" }) })
+        !_ && /* @__PURE__ */ a("span", { className: x, children: /* @__PURE__ */ a(L, { role: "presentation" }) })
       ]
     }
   );

package/dist/es/components/internal/FormFields/Select/components/SelectList.js

@@ -1,23 +1,23 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMediaQuery as I, mediaQueries as R } from "../../../../external/TransactionsOverview/hooks/useMediaQuery.js";
-import A from "../../../Popover/Popover.js";
-import { PopoverContainerSize as b, PopoverContainerVariant as g, PopoverContainerPosition as h } from "../../../Popover/types.js";
-import w from "../../../../../core/Context/useCoreContext.js";
-import { isFunction as F } from "../../../../../utils/common/index.js";
-import V from "../../../../../utils/fixedForwardRef.js";
+import { useMediaQuery as x, mediaQueries as R } from "../../../../external/TransactionsOverview/hooks/useMediaQuery.js";
+import w from "../../../Popover/Popover.js";
+import { PopoverContainerSize as A, PopoverContainerVariant as b, PopoverContainerPosition as g } from "../../../Popover/types.js";
+import h from "../../../../../core/Context/useCoreContext.js";
+import { isFunction as V } from "../../../../../utils/common/index.js";
+import W from "../../../../../utils/fixedForwardRef.js";
 import m from "classnames";
-import { memo as W } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { memo as F } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as l } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { DROPDOWN_LIST_CLASS as y, DROPDOWN_LIST_ACTIVE_CLASS as z, DROPDOWN_ELEMENT_CLASS as Q, DROPDOWN_ELEMENT_NO_OPTION_CLASS as j } from "../constants.js";
-import B, { renderSelectListItemDefault as U } from "./SelectListItem.js";
-const $ = V(
+import q, { renderSelectListItemDefault as B } from "./SelectListItem.js";
+const U = W(
   ({
     active: c,
     commitActions: d,
     items: p,
     multiSelect: s,
-    onKeyDown: f,
-    onSelect: u,
+    onKeyDown: u,
+    onSelect: f,
     renderListItem: t,
     selectListId: O,
     showList: i,
@@ -29,9 +29,9 @@ const $ = V(
     showOverlay: _,
     fitPosition: D
   }, E) => {
-    const { i18n: L } = w(), v = I(R.down.xs), a = p.filter((e) => !n || e.name.toLowerCase().includes(n)), T = m(y, { [z]: i }), M = m(Q, j), x = l(() => F(t) ? t : U, [t]), r = l(() => s === !0, [s]);
+    const { i18n: L } = h(), v = x(R.down.xs), a = p.filter((e) => !n || e.name.toLowerCase().includes(n)), T = m(y, { [z]: i }), M = m(Q, j), I = l(() => V(t) ? t : B, [t]), r = l(() => s === !0, [s]);
     return i ? /* @__PURE__ */ o(
-      A,
+      w,
       {
         classNameModifiers: P,
         actions: r ? d : void 0,
@@ -41,21 +41,21 @@ const $ = V(
         dismissible: !1,
         open: i,
         setToTargetWidth: N,
-        containerSize: b.MEDIUM,
-        variant: g.POPOVER,
+        containerSize: A.MEDIUM,
+        variant: b.POPOVER,
         targetElement: S,
         withContentPadding: !1,
-        position: h.BOTTOM,
+        position: g.BOTTOM,
         showOverlay: _ && v,
         fitPosition: D,
         children: /* @__PURE__ */ o("ul", { className: T, id: O, ref: E, role: "listbox", "aria-multiselectable": r, children: a.length ? a.map((e) => /* @__PURE__ */ o(
-          B,
+          q,
           {
             item: e,
             multiSelect: r,
-            onKeyDown: f,
-            onSelect: u,
-            renderListItem: x,
+            onKeyDown: u,
+            onSelect: f,
+            renderListItem: I,
             selected: c.includes(e)
           },
           e.id
@@ -63,7 +63,7 @@ const $ = V(
       }
     ) : null;
   }
-), ie = W($);
+), ie = F(U);
 export {
   ie as default
 };