@adyen/adyen-platform-experience-web 0.1.1 → 1.0.0-beta

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

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

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

@@ -0,0 +1,4 @@
+import { a } from "../../../../../../index-f5bc0382.mjs";
+export {
+  a as default
+};

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

@@ -0,0 +1,8 @@
+import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
+import BaseFilter from "../BaseFilter/BaseFilter.js";
+function TextFilter(props) {
+  return /* @__PURE__ */ o(BaseFilter, { ...props, type: "text" });
+}
+export {
+  TextFilter as default
+};

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

@@ -0,0 +1,4 @@
+import { default as default2 } from "./TextFilter.js";
+export {
+  default2 as default
+};

package/dist/es/components/internal/FilterBar/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./FilterBar.js";
+export {
+  default2 as default
+};

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

@@ -1,73 +1,86 @@
-import { jsx as f } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ARIA_ERROR_SUFFIX as h } from "../../../core/Errors/constants.js";
-import { hasOwnProperty as k } from "../../../utils/common/index.js";
-import w from "classnames";
-import { forwardRef as P } 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 "preact";
-function u({ onInput: a, onKeyUp: d, trimOnBlur: c, onBlurHandler: t, onBlur: e, onFocusHandler: s, errorMessage: l, ...p }, v) {
-  const { autoCorrect: A, classNameModifiers: m, isInvalid: n, isValid: C, readonly: I = !1, spellCheck: O, type: y, uniqueId: o, isCollatingErrors: $, disabled: g } = p;
-  k(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);
+import '../../../../InputBase.css';
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import { ARIA_ERROR_SUFFIX } from "../../../core/Errors/constants.js";
+import { hasOwnProperty } from "../../../utils/common/index.js";
+import cx from "classnames";
+import { k } from "../../../../compat.module-a4d537ff.mjs";
+import { T } from "../../../../hooks.module-8565d716.mjs";
+import { k as k$1 } from "../../../../preact.module-38e5a571.mjs";
+const FormFields = "";
+function InputBase({ onInput, onKeyUp, trimOnBlur, onBlurHandler, onBlur, onFocusHandler, errorMessage, ...props }, ref) {
+  const { autoCorrect, classNameModifiers, isInvalid, isValid, readonly = false, spellCheck, type, uniqueId, isCollatingErrors, disabled } = props;
+  if (hasOwnProperty(props, "onChange")) {
+    console.error("Error: Form fields that rely on InputBase may not have an onChange property");
+  }
+  const handleInput = T(
+    (event) => {
+      onInput == null ? void 0 : onInput(event);
     },
-    [a]
-  ), R = r(
-    (i) => {
-      d && d(i);
+    [onInput]
+  );
+  const handleKeyUp = T(
+    (event) => {
+      if (onKeyUp)
+        onKeyUp(event);
     },
-    [d]
-  ), b = r(
-    (i) => {
-      t == null || t(i), c && (i.target.value = i.target.value.trim()), e == null || e(i);
+    [onKeyUp]
+  );
+  const handleBlur = T(
+    (event) => {
+      onBlurHandler == null ? void 0 : onBlurHandler(event);
+      if (trimOnBlur) {
+        event.target.value = event.target.value.trim();
+      }
+      onBlur == null ? void 0 : onBlur(event);
     },
-    [e, t, c]
-  ), x = r(
-    (i) => {
-      s == null || s(i);
+    [onBlur, onBlurHandler, trimOnBlur]
+  );
+  const handleFocus = T(
+    (event) => {
+      onFocusHandler == null ? void 0 : onFocusHandler(event);
     },
-    [s]
-  ), E = w(
-    "adyen-fp-input",
-    [`adyen-fp-input--${y}`],
-    p.className,
+    [onFocusHandler]
+  );
+  const inputClassNames = cx(
+    "adyen-pe-input",
+    [`adyen-pe-input--${type}`],
+    props.className,
     {
-      "adyen-fp-input--invalid": n,
-      "adyen-fp-input--valid": C
+      "adyen-pe-input--invalid": isInvalid,
+      "adyen-pe-input--valid": isValid
     },
-    m == null ? void 0 : m.map((i) => `adyen-fp-input--${i}`)
-  ), { classNameModifiers: V, uniqueId: j, isInvalid: F, isValid: S, isCollatingErrors: T, ..._ } = p;
-  return /* @__PURE__ */ f(q, { children: [
-    /* @__PURE__ */ f(
+    classNameModifiers == null ? void 0 : classNameModifiers.map((m) => `adyen-pe-input--${m}`)
+  );
+  const { classNameModifiers: cnm, uniqueId: uid, isInvalid: iiv, isValid: iv, isCollatingErrors: ce, ...newProps } = props;
+  return /* @__PURE__ */ o(k$1, { children: [
+    /* @__PURE__ */ o(
       "input",
       {
-        id: o,
-        ..._,
-        type: y,
-        className: E,
-        readOnly: I,
-        "aria-describedby": $ ? void 0 : `${o}${h}`,
-        "aria-invalid": n,
-        onInput: N,
-        onBlur: b,
-        onFocus: x,
-        onKeyUp: R,
-        disabled: g,
-        ref: v
+        id: uniqueId,
+        ...newProps,
+        type,
+        className: inputClassNames,
+        readOnly: readonly,
+        "aria-describedby": isCollatingErrors ? void 0 : `${uniqueId}${ARIA_ERROR_SUFFIX}`,
+        "aria-invalid": isInvalid,
+        onInput: handleInput,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        onKeyUp: handleKeyUp,
+        disabled,
+        ref
       }
     ),
-    n && l && /* @__PURE__ */ f("span", { className: "adyen-fp-input__invalid-value", id: `${o}${h}`, children: l })
+    isInvalid && errorMessage && /* @__PURE__ */ o("span", { className: "adyen-pe-input__invalid-value", id: `${uniqueId}${ARIA_ERROR_SUFFIX}`, children: errorMessage })
   ] });
 }
-u.defaultProps = {
+InputBase.defaultProps = {
   type: "text",
   classNameModifiers: [],
   onInput: () => {
   }
 };
-const M = P(u);
+const InputBase$1 = k(InputBase);
 export {
-  M as default
+  InputBase$1 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) {
-  return /* @__PURE__ */ t(a, { classNameModifiers: e.classNameModifiers, ...e, ref: r, "aria-required": e.required, type: "text" });
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import InputBase from "./InputBase.js";
+import { k } from "../../../../compat.module-a4d537ff.mjs";
+const InputText = k(function InputText2(props, ref) {
+  return /* @__PURE__ */ o(InputBase, { classNameModifiers: props.classNameModifiers, ...props, ref, "aria-required": props.required, type: "text" });
 });
 export {
-  u as default
+  InputText as default
 };