@adyen/adyen-platform-experience-web 1.1.1 → 1.3.0

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

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

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

@@ -1,60 +1,64 @@
-import d from "./DateFilterCore.js";
+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 I, useCallback as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import P from "../../../../../core/Context/useCoreContext.js";
-import { DateRangeFilterParam as l } from "./types.js";
-import { jsx as _ } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.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 T } from "./types.js";
 import { EMPTY_OBJECT as A } from "../../../../../utils/value/constants.js";
-const S = ({
-  timezone: u,
+const L = ({
+  timezone: l,
   canResetFilters: s,
   defaultParams: r,
   filters: i,
   nowTimestamp: m,
-  refreshNowTimestamp: c,
-  sinceDate: T,
+  refreshNowTimestamp: E,
+  sinceDate: u,
   untilDate: R,
   updateFilters: a
 }) => {
-  const {
-    i18n: o
-  } = P(), t = C(() => o.get(r.current.defaultTimeRange), [o]), [D, E] = I(t), f = O((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;
+  const { i18n: o } = _(), t = C(() => o.get(r.current.defaultTimeRange), [o]), [D, c] = O(t), f = P(
+    (g = A) => {
+      for (const [p, n] of Object.entries(g)) {
+        switch (p) {
+          case "selectedPresetOption":
+            c(n || t);
+            break;
+          case T.FROM:
+            a({
+              [e.CREATED_SINCE]: n || r.current.defaultFilterParams[e.CREATED_SINCE]
+            });
+            break;
+          case T.TO:
+            a({
+              [e.CREATED_UNTIL]: n || r.current.defaultFilterParams[e.CREATED_UNTIL]
+            });
+            break;
+          default:
+            return;
+        }
+        E();
       }
-      c();
+    },
+    [t, E, a]
+  );
+  return C(() => !s && c(t), [s, t]), /* @__PURE__ */ d(
+    I,
+    {
+      label: o.get("dateRange"),
+      name: e.CREATED_SINCE,
+      sinceDate: u,
+      untilDate: R ?? new Date(m).toString(),
+      from: i[e.CREATED_SINCE],
+      to: i[e.CREATED_UNTIL],
+      selectedPresetOption: D,
+      timeRangePresetOptions: r.current.timeRangeOptions,
+      timezone: l,
+      onChange: f,
+      showTimezoneInfo: !0,
+      now: m
     }
-  }, [t, c, a]);
-  return C(() => !s && E(t), [s, t]), _(d, {
-    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 {
-  U as default
+  L as default
 };

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

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