@adyen/adyen-platform-experience-web 1.6.0 → 1.6.1

package/dist/es/hooks/element/usePopoverPositioner.js

@@ -1,139 +1,179 @@
-import { useState as P, useCallback as I, useRef as E, useEffect as G } from "../../external/preact/hooks/dist/hooks.module.js";
-import B from "../../components/internal/Popover/utils/utils.js";
-import { PopoverContainerPosition as t, PopoverContainerVariant as F } from "../../components/internal/Popover/types.js";
+import { useState as P, useCallback as Y, useRef as y, useEffect as D } from "../../external/preact/hooks/dist/hooks.module.js";
+import d from "../../components/internal/Popover/utils/utils.js";
+import { PopoverContainerPosition as t, PopoverContainerVariant as v } from "../../components/internal/Popover/types.js";
 import { isRefObject as W } from "../../primitives/reactive/reflex/helpers.js";
-import $ from "../useReflex.js";
-const j = ({
-  position: w,
-  variant: g,
-  offset: T,
-  additionalStyle: c,
-  fixedPositioning: n,
-  fullWidth: k,
-  popover: h,
-  targetElement: b
+import V from "../useReflex.js";
+const w = [
+  t.BOTTOM_RIGHT,
+  t.BOTTOM_LEFT,
+  t.TOP_RIGHT,
+  t.TOP_LEFT
+], q = 5, A = 4, U = 10, Z = ({
+  position: M,
+  variant: _,
+  offset: O,
+  additionalStyle: i,
+  fixedPositioning: T,
+  fullWidth: F,
+  popover: a,
+  targetElement: r
 }) => {
-  let r = 0, o = 0;
-  const v = g === F.TOOLTIP, O = h.clientHeight, M = h.clientWidth, p = h.firstChild, H = p.offsetHeight, m = p.offsetWidth, l = document.body.getBoundingClientRect(), e = b.getBoundingClientRect(), f = l.x + (l.width - m) / 2, u = e.x + (e.width - m) / 2, R = e.y + (e.height - H) / 2, i = window.scrollX, s = window.scrollY;
-  switch (w) {
+  let n = 0, c = 0;
+  const B = _ === v.TOOLTIP, u = a.clientHeight, C = a.clientWidth, p = a.firstChild, k = p.offsetHeight, E = p.offsetWidth, h = document.body.getBoundingClientRect(), e = r.getBoundingClientRect(), L = h.x + (h.width - E) / 2, l = e.x + (e.width - E) / 2, m = e.y + (e.height - k) / 2, b = window.scrollX, s = window.scrollY;
+  switch (M) {
     case t.BOTTOM:
-      r = k ? f : v ? u : e.x, o = e.y + e.height + T[1], n || (k || (r += i), o += s);
-      break;
-    case t.BOTTOM_LEFT:
-      r = e.x + e.width - M, o = e.y + e.height + T[1], n || (r += i, o += s);
+      n = F ? L : B ? l : e.x, c = e.y + e.height + O[1], T || (F || (n += b), c += s);
       break;
     case t.TOP:
-      r = v ? u : e.x, o = e.y - (O + T[0]), n || (r += i, o += s - p.clientHeight + O);
+      n = B ? l : e.x, c = e.y - (u + O[0]), T || (n += b, c += s - p.clientHeight + u);
       break;
     case t.RIGHT:
-      r = e.x + e.width + T[2], o = v ? R : e.y - e.height / 2, n || (r += i, o += s);
+      n = e.x + e.width + O[2], c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
       break;
     case t.LEFT:
-      r = e.x - (M + T[3]), o = v ? R : e.y - e.height / 2, n || (r += i, o += s);
+      n = e.x - (C + O[3]), c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
+      break;
+    case t.BOTTOM_LEFT:
+      n = 5, c = e.y + e.height + O[1], T || (n += b, c += s);
+      break;
+    case t.BOTTOM_RIGHT:
+      n = -5, c = e.y + e.height + O[1], T || (n += b, c += s);
+      break;
+    case t.TOP_LEFT:
+      n = q, c = e.y - u, T || (n += b, c += s - p.clientHeight + u);
+      break;
+    case t.TOP_RIGHT:
+      n = -5, c = e.y - u, T || (n += b, c += s - p.clientHeight + u);
       break;
   }
-  const a = {};
-  if (c) {
-    const x = !!c.maxY && o + (h == null ? void 0 : h.clientHeight) > c.maxY, L = !!c.minY && o < c.minY;
-    if (x && c.maxY) {
-      const C = e.y + e.height + 8, Y = Math.max(0, c.maxY - C);
-      Y > 20 && (a.height = `${Y}px`), a["overflow-y"] = "scroll";
+  const R = {};
+  if (i) {
+    const G = !!i.maxY && c + (a == null ? void 0 : a.clientHeight) > i.maxY, o = !!i.minY && c < i.minY;
+    if (G && i.maxY) {
+      const g = e.y + e.height + 8, H = Math.max(0, i.maxY - g);
+      H > 20 && (R.height = `${H}px`), R["overflow-y"] = "scroll";
     }
-    if (L && c.minY && o) {
-      const C = h.offsetHeight ?? h.clientHeight, Y = Math.max(0, C - (c.minY - o));
-      a.height = `${Y}px`, Y && (a["overflow-y"] = "scroll");
+    if (o && i.minY && c) {
+      const g = a.offsetHeight ?? a.clientHeight, H = Math.max(0, g - (i.minY - c));
+      R.height = `${H}px`, H && (R["overflow-y"] = "scroll");
     }
-    L && (o = c.minY ?? 0);
+    o && (c = i.minY ?? 0);
   }
+  const I = M === t.TOP_RIGHT || M === t.BOTTOM_RIGHT;
   return {
-    inset: "0 auto auto 0",
+    inset: I ? "0 0 auto auto" : "0 auto auto 0",
     margin: "0",
-    position: n ? "fixed" : "absolute",
-    transform: `translate3d(${r}px, ${o}px, 0)`,
+    position: T ? "fixed" : "absolute",
+    transform: `translate3d(${n}px, ${c}px, 0)`,
     visibility: "hidden",
-    ...a
+    right: I ? 0 : "auto",
+    ...R
   };
-}, V = (w, g, T, c, n, k, h, b, r, o, v) => {
-  const [O, M] = P(!0), [p, H] = P(b ? !b : !!c), [m, l] = P(c || t.TOP), [e, f] = P([]), u = I(
-    (i) => {
-      if (i.intersectionRatio === 1) return H(!0);
-      if (!O && i.intersectionRatio !== 1) {
-        if (e && e.length === (b ? 5 : 4)) {
-          const s = e.reduce((a, x) => x[1] > a[1] ? x : a, e[0]);
-          return l(s[0]), H(!0);
+}, tt = (M, _, O, i, T, F, a, r, n, c, B, u) => {
+  const [C, p] = P(!0), [k, E] = P(r ? !r : !!i), [h, e] = P(i || t.TOP), [L, l] = P([]), m = Y(
+    (s) => {
+      var G;
+      const R = document.documentElement.clientWidth, I = (G = _.current) == null ? void 0 : G.getBoundingClientRect();
+      if (s.intersectionRatio === 1) return E(!0);
+      if (!C && s.intersectionRatio !== 1) {
+        if (L && L.length === (r ? 8 : 4)) {
+          const o = L.reduce((g, H) => H[1] > g[1] ? H : g, L[0]);
+          return e(o[0]), E(!0);
         }
-        switch (H(!1), m) {
+        switch (E(!1), h) {
           case t.TOP:
-            f((s) => [...s, [t.TOP, i.intersectionRatio]]), l(t.BOTTOM);
+            l((o) => [...o, [t.TOP, s.intersectionRatio]]), e(t.BOTTOM);
             break;
           case t.BOTTOM:
-            f((s) => [...s, [t.BOTTOM, i.intersectionRatio]]), l(b ? t.BOTTOM_LEFT : t.RIGHT);
+            l((o) => [...o, [t.BOTTOM, s.intersectionRatio]]), e(
+              r ? ((I == null ? void 0 : I.x) || 0) > R / 2 ? t.BOTTOM_RIGHT : t.BOTTOM_LEFT : t.RIGHT
+            );
             break;
           case t.BOTTOM_LEFT:
-            f((s) => [...s, [t.BOTTOM, i.intersectionRatio]]), l(t.RIGHT);
+            l((o) => [...o, [t.BOTTOM_LEFT, s.intersectionRatio]]), e(r ? t.TOP_LEFT : t.RIGHT);
+            break;
+          case t.BOTTOM_RIGHT:
+            l((o) => [...o, [t.BOTTOM_RIGHT, s.intersectionRatio]]), e(r ? t.TOP_RIGHT : t.RIGHT);
+            break;
+          case t.TOP_LEFT:
+            l((o) => [...o, [t.TOP_LEFT, s.intersectionRatio]]), e(r ? t.BOTTOM_LEFT : t.RIGHT);
+            break;
+          case t.TOP_RIGHT:
+            l((o) => [...o, [t.TOP_RIGHT, s.intersectionRatio]]), e(r ? t.BOTTOM_RIGHT : t.RIGHT);
             break;
           case t.RIGHT:
-            f((s) => [...s, [t.RIGHT, i.intersectionRatio]]), l(t.LEFT);
+            l((o) => [...o, [t.RIGHT, s.intersectionRatio]]), e(t.LEFT);
             break;
           case t.LEFT:
-            f((s) => [...s, [t.LEFT, i.intersectionRatio]]), l(t.TOP);
+            l((o) => [...o, [t.LEFT, s.intersectionRatio]]), e(t.TOP);
             break;
         }
       }
     },
-    [O, e, m, b]
-  ), R = E(u);
-  return G(() => {
-    B(R.current).remove(), R.current = u;
-  }, [u]), $(
-    I(
-      (i, s) => {
-        var a;
-        if (s && (!c || b) && B(u).observer.unobserve(s), i && g.current) {
-          if ((!c || b) && B(u).observer.observe(i), !(i instanceof Element)) return;
-          const L = {
-            ...j({
-              variant: T,
-              offset: w,
-              additionalStyle: o,
-              fixedPositioning: r,
-              fullWidth: h,
-              popover: i,
-              position: m,
-              targetElement: g.current
+    [_, C, L, r, h]
+  ), b = y(m);
+  return D(() => {
+    d(b.current).remove(), b.current = m;
+  }, [m]), V(
+    Y(
+      (s, R) => {
+        var I, G, o;
+        if (R && (!i || r) && d(m).observer.unobserve(R), s && _.current) {
+          if ((!i || r) && d(m).observer.observe(s), !(s instanceof Element)) return;
+          const H = {
+            ...Z({
+              variant: O,
+              offset: M,
+              additionalStyle: c,
+              fixedPositioning: n,
+              fullWidth: a,
+              popover: s,
+              position: h,
+              targetElement: _.current
             }),
-            ...p && { visibility: "visible" },
-            ...k && {
+            ...k && { visibility: "visible" },
+            ...F && {
               "min-width": "fit-content",
-              width: `${g.current.clientWidth}px`
+              width: `${_.current.clientWidth}px`
             }
           };
-          i.setAttribute(
+          if (s.setAttribute(
             "style",
-            Object.entries(L).map((C) => C.join(":")).join(";")
-          ), O && M(!1), T && T === F.TOOLTIP && n && W(n) && ((a = n.current) == null || a.setAttribute("data-popover-placement", m));
+            Object.entries(H).map((f) => f.join(":")).join(";")
+          ), C && p(!1), O && O === v.TOOLTIP && T && W(T) && ((I = T.current) == null || I.setAttribute("data-popover-placement", h), w.includes(h))) {
+            const f = _.current.getBoundingClientRect(), x = s.firstChild, $ = x.offsetWidth, N = f.x + (f.width - $) / 2, X = x.offsetHeight, j = h === t.BOTTOM_RIGHT || h === t.BOTTOM_LEFT ? X + A : A;
+            (G = T.current) == null || G.setAttribute(
+              "style",
+              `transform: translate3d(${N}px, -${j}px, 0) rotate(45deg); inset: 0 0 auto auto`
+            );
+          }
+          if (O && O === v.TOOLTIP && u && W(u) && w.includes(h)) {
+            const f = document.documentElement.clientWidth;
+            (o = u.current) == null || o.setAttribute("style", `max-width: ${f - U}px`);
+          }
         }
       },
       [
-        w,
-        g,
+        i,
+        r,
+        _,
         m,
-        c,
-        T,
-        u,
-        p,
         O,
-        k,
+        M,
+        c,
         n,
+        a,
         h,
-        b,
-        r,
-        o
+        k,
+        F,
+        C,
+        T,
+        u
       ]
     ),
-    v
+    B
   );
 };
 export {
-  V as default
+  tt as default
 };

package/dist/{external-link-B2F_A_Cq.cjs → external-link-BRDaK3Bx.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CmIP-V4s.cjs"),i=t=>e.u("svg",{width:11,height:11,viewBox:"0 0 11 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:e.u("path",{d:"M0.939453 9L8.18945 1.75H3.25011V0.25H10.7501V7.75H9.25011V2.81066L2.00011 10.0607L0.939453 9Z",fill:"#00112C"})});exports.default=i;
-//# sourceMappingURL=external-link-B2F_A_Cq.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BKTWT4wv.cjs"),i=t=>e.u("svg",{width:11,height:11,viewBox:"0 0 11 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:e.u("path",{d:"M0.939453 9L8.18945 1.75H3.25011V0.25H10.7501V7.75H9.25011V2.81066L2.00011 10.0607L0.939453 9Z",fill:"#00112C"})});exports.default=i;
+//# sourceMappingURL=external-link-BRDaK3Bx.cjs.map

package/dist/{external-link-B2F_A_Cq.cjs.map → external-link-BRDaK3Bx.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"external-link-B2F_A_Cq.cjs","sources":["../src/images/icons/external-link.svg?component"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst SvgExternalLink = (props) => /* @__PURE__ */ jsx(\"svg\", { width: 11, height: 11, viewBox: \"0 0 11 11\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: /* @__PURE__ */ jsx(\"path\", { d: \"M0.939453 9L8.18945 1.75H3.25011V0.25H10.7501V7.75H9.25011V2.81066L2.00011 10.0607L0.939453 9Z\", fill: \"#00112C\" }) });\nexport default SvgExternalLink;\n"],"names":["SvgExternalLink","props","jsx"],"mappings":"wHACMA,EAAmBC,GAA0BC,EAAG,EAAC,MAAO,CAAE,MAAO,GAAI,OAAQ,GAAI,QAAS,YAAa,KAAM,OAAQ,MAAO,6BAA8B,GAAGD,EAAO,SAA0BC,EAAG,EAAC,OAAQ,CAAE,EAAG,iGAAkG,KAAM,SAAW,CAAA,CAAG,CAAA"}
+{"version":3,"file":"external-link-BRDaK3Bx.cjs","sources":["../src/images/icons/external-link.svg?component"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst SvgExternalLink = (props) => /* @__PURE__ */ jsx(\"svg\", { width: 11, height: 11, viewBox: \"0 0 11 11\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: /* @__PURE__ */ jsx(\"path\", { d: \"M0.939453 9L8.18945 1.75H3.25011V0.25H10.7501V7.75H9.25011V2.81066L2.00011 10.0607L0.939453 9Z\", fill: \"#00112C\" }) });\nexport default SvgExternalLink;\n"],"names":["SvgExternalLink","props","jsx"],"mappings":"wHACMA,EAAmBC,GAA0BC,EAAG,EAAC,MAAO,CAAE,MAAO,GAAI,OAAQ,GAAI,QAAS,YAAa,KAAM,OAAQ,MAAO,6BAA8B,GAAGD,EAAO,SAA0BC,EAAG,EAAC,OAAQ,CAAE,EAAG,iGAAkG,KAAM,SAAW,CAAA,CAAG,CAAA"}

package/dist/{filter-D22HZfjz.cjs → filter-DXSSpM1j.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CmIP-V4s.cjs"),t=e=>l.u("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",...e,children:l.u("path",{fill:"currentColor",d:"M1.25 1.25h13.5v2.8c0 .6-.24 1.17-.66 1.59l-4.01 4.01v1.97l-2.74 3.14H5.92v-5.1L1.91 5.63a2.3 2.3 0 0 1-.66-1.59zm1.5 1.5v1.3q0 .31.22.53l4.45 4.45v3.36l1.16-1.33V9.03l4.45-4.45a.8.8 0 0 0 .22-.53v-1.3z"})});exports.default=t;
-//# sourceMappingURL=filter-D22HZfjz.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-BKTWT4wv.cjs"),t=e=>l.u("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",...e,children:l.u("path",{fill:"currentColor",d:"M1.25 1.25h13.5v2.8c0 .6-.24 1.17-.66 1.59l-4.01 4.01v1.97l-2.74 3.14H5.92v-5.1L1.91 5.63a2.3 2.3 0 0 1-.66-1.59zm1.5 1.5v1.3q0 .31.22.53l4.45 4.45v3.36l1.16-1.33V9.03l4.45-4.45a.8.8 0 0 0 .22-.53v-1.3z"})});exports.default=t;
+//# sourceMappingURL=filter-DXSSpM1j.cjs.map

package/dist/{filter-D22HZfjz.cjs.map → filter-DXSSpM1j.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"filter-D22HZfjz.cjs","sources":["../src/images/icons/filter.svg?component"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst SvgFilter = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 16 16\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M1.25 1.25h13.5v2.8c0 .6-.24 1.17-.66 1.59l-4.01 4.01v1.97l-2.74 3.14H5.92v-5.1L1.91 5.63a2.3 2.3 0 0 1-.66-1.59zm1.5 1.5v1.3q0 .31.22.53l4.45 4.45v3.36l1.16-1.33V9.03l4.45-4.45a.8.8 0 0 0 .22-.53v-1.3z\" }) });\nexport default SvgFilter;\n"],"names":["SvgFilter","props","jsx"],"mappings":"wHACMA,EAAaC,GAA0BC,EAAAA,EAAI,MAAO,CAAE,MAAO,6BAA8B,KAAM,OAAQ,QAAS,YAAa,GAAGD,EAAO,SAA0BC,EAAAA,EAAI,OAAQ,CAAE,KAAM,eAAgB,EAAG,4MAA4M,CAAE,CAAG,CAAA"}
+{"version":3,"file":"filter-DXSSpM1j.cjs","sources":["../src/images/icons/filter.svg?component"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst SvgFilter = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 16 16\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M1.25 1.25h13.5v2.8c0 .6-.24 1.17-.66 1.59l-4.01 4.01v1.97l-2.74 3.14H5.92v-5.1L1.91 5.63a2.3 2.3 0 0 1-.66-1.59zm1.5 1.5v1.3q0 .31.22.53l4.45 4.45v3.36l1.16-1.33V9.03l4.45-4.45a.8.8 0 0 0 .22-.53v-1.3z\" }) });\nexport default SvgFilter;\n"],"names":["SvgFilter","props","jsx"],"mappings":"wHACMA,EAAaC,GAA0BC,EAAAA,EAAI,MAAO,CAAE,MAAO,6BAA8B,KAAM,OAAQ,QAAS,YAAa,GAAGD,EAAO,SAA0BC,EAAAA,EAAI,OAAQ,CAAE,KAAM,eAAgB,EAAG,4MAA4M,CAAE,CAAG,CAAA"}