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

package/dist/es/components/internal/CapitalSlider/CapitalSlider.js

@@ -1,62 +1,62 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css                   */
-import { useMemo as s } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { uniqueId as h } from "../../../utils/random/uniqueId.js";
+import { useMemo as c } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { uniqueId as p } from "../../../utils/random/uniqueId.js";
 import r from "../Typography/Typography.js";
-import { TypographyVariant as i } from "../Typography/types.js";
+import { TypographyVariant as l } from "../Typography/types.js";
 import b from "../../../core/Context/useCoreContext.js";
 import N from "classnames";
 import y from "../Slider/Slider.js";
-const M = ({
-  dynamicOffersConfig: t,
-  value: l = t.minAmount.value,
-  onValueChange: m,
-  onRelease: n,
+const E = ({
+  dynamicOffersConfig: a,
+  value: i = a.minAmount.value,
+  onValueChange: h,
+  onRelease: v,
   className: x
 }) => {
-  const p = s(() => h("elem"), []), o = s(() => h("elem"), []), { i18n: a } = b(), v = s(
-    () => a.amount(l, t.minAmount.currency, { maximumFractionDigits: 0 }),
-    [a, l, t.minAmount.currency]
-  ), A = (u) => {
-    const d = Number(u.target.value);
-    m == null || m(d);
-  }, c = (u) => {
-    const d = Number(u.target.value);
-    n == null || n(d);
+  const s = c(() => p("elem"), []), n = c(() => p("elem"), []), { i18n: t } = b(), d = c(
+    () => t.amount(i, a.minAmount.currency, { maximumFractionDigits: 0 }),
+    [t, i, a.minAmount.currency]
+  ), A = (m) => {
+    const u = Number(m.target.value);
+    h?.(u);
+  }, o = (m) => {
+    const u = Number(m.target.value);
+    v?.(u);
   };
   return /* @__PURE__ */ e("div", { className: N("adyen-pe-capital-slider", x), children: [
-    /* @__PURE__ */ e("label", { id: p, htmlFor: o, className: "adyen-pe-capital-slider__label", role: "presentation", children: /* @__PURE__ */ e(r, { variant: i.BODY, stronger: !0, children: a.get("capital.offer.selection.slider.a11y.label") }) }),
+    /* @__PURE__ */ e("label", { id: s, htmlFor: n, className: "adyen-pe-capital-slider__label", role: "presentation", children: /* @__PURE__ */ e(r, { variant: l.BODY, stronger: !0, children: t.get("capital.offer.selection.slider.a11y.label") }) }),
     /* @__PURE__ */ e("div", { children: [
-      /* @__PURE__ */ e("output", { "aria-labelledby": p, htmlFor: o, className: "adyen-pe-capital-slider__value", "aria-live": "polite", children: /* @__PURE__ */ e(r, { variant: i.TITLE, strongest: !0, children: v }) }),
+      /* @__PURE__ */ e("output", { "aria-labelledby": s, htmlFor: n, className: "adyen-pe-capital-slider__value", "aria-live": "polite", children: /* @__PURE__ */ e(r, { variant: l.TITLE, strongest: !0, children: d }) }),
       /* @__PURE__ */ e(
         y,
         {
-          id: o,
-          value: l,
-          min: t.minAmount.value,
-          max: t.maxAmount.value,
-          step: t.step,
+          id: n,
+          value: i,
+          min: a.minAmount.value,
+          max: a.maxAmount.value,
+          step: a.step,
           onChange: A,
-          onMouseUp: c,
-          onTouchEnd: c,
-          onKeyUp: c,
+          onMouseUp: o,
+          onTouchEnd: o,
+          onKeyUp: o,
           className: "adyen-pe-capital-slider__input",
-          "aria-valuetext": v
+          "aria-valuetext": d
         }
       )
     ] }),
     /* @__PURE__ */ e("div", { className: "adyen-pe-capital-slider__labels", "aria-hidden": "true", children: [
       /* @__PURE__ */ e("div", { children: [
-        /* @__PURE__ */ e(r, { variant: i.CAPTION, children: a.get("capital.offer.selection.slider.markers.min") }),
-        /* @__PURE__ */ e(r, { variant: i.BODY, children: a.amount(t.minAmount.value, t.minAmount.currency, { maximumFractionDigits: 0 }) })
+        /* @__PURE__ */ e(r, { variant: l.CAPTION, children: t.get("capital.offer.selection.slider.markers.min") }),
+        /* @__PURE__ */ e(r, { variant: l.BODY, children: t.amount(a.minAmount.value, a.minAmount.currency, { maximumFractionDigits: 0 }) })
       ] }),
       /* @__PURE__ */ e("div", { children: [
-        /* @__PURE__ */ e(r, { variant: i.CAPTION, children: a.get("capital.offer.selection.slider.markers.max") }),
-        /* @__PURE__ */ e(r, { variant: i.BODY, children: a.amount(t.maxAmount.value, t.maxAmount.currency, { maximumFractionDigits: 0 }) })
+        /* @__PURE__ */ e(r, { variant: l.CAPTION, children: t.get("capital.offer.selection.slider.markers.max") }),
+        /* @__PURE__ */ e(r, { variant: l.BODY, children: t.amount(a.maxAmount.value, a.maxAmount.currency, { maximumFractionDigits: 0 }) })
       ] })
     ] })
   ] });
 };
 export {
-  M as default
+  E as default
 };

package/dist/es/components/internal/Checkbox/Checkbox.js

@@ -1,44 +1,43 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import o from "classnames";
-import { useState as q, useRef as T, useCallback as A, useEffect as C } from "../../../external/preact/hooks/dist/hooks.module.js";
+import c from "classnames";
+import { useState as v, useRef as I, useCallback as g, useEffect as q } from "../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css              */
-import m from "../Typography/Typography.js";
-import { TypographyVariant as p, TypographyElement as d } from "../Typography/types.js";
-import { Icon as h } from "../Icon/Icon.js";
-import { uniqueId as S } from "../../../utils/random/uniqueId.js";
-const j = ({ checked: a, error: y, description: s, disabled: u, id: b, label: f, name: _, value: v, onInput: c, className: k, ...x }) => {
-  const [l, n] = q(a), N = T(S()), i = b || N.current, g = A(
-    (r) => {
-      var t;
-      c == null || c(r), a === void 0 && n(((t = r == null ? void 0 : r.currentTarget) == null ? void 0 : t.checked) ?? !1);
+import i from "../Typography/Typography.js";
+import { TypographyVariant as p, TypographyElement as m } from "../Typography/types.js";
+import { Icon as d } from "../Icon/Icon.js";
+import { uniqueId as T } from "../../../utils/random/uniqueId.js";
+const Y = ({ checked: a, error: h, description: n, disabled: u, id: y, label: b, name: f, value: A, onInput: r, className: _, ...k }) => {
+  const [o, t] = v(a), x = I(T()), s = y || x.current, N = g(
+    (l) => {
+      r?.(l), a === void 0 && t(l?.currentTarget?.checked ?? !1);
     },
-    [a, c]
+    [a, r]
   );
-  return C(() => {
-    n(a);
-  }, [a]), /* @__PURE__ */ e("div", { className: o("adyen-pe-checkbox", k), children: [
+  return q(() => {
+    t(a);
+  }, [a]), /* @__PURE__ */ e("div", { className: c("adyen-pe-checkbox", _), children: [
     /* @__PURE__ */ e(
       "input",
       {
-        name: _,
+        name: f,
         type: "checkbox",
-        checked: l,
+        checked: o,
         disabled: u,
-        className: o("adyen-pe-visually-hidden adyen-pe-checkbox__input"),
-        id: i,
-        onInput: g,
-        ...x
+        className: c("adyen-pe-visually-hidden adyen-pe-checkbox__input"),
+        id: s,
+        onInput: N,
+        ...k
       }
     ),
-    /* @__PURE__ */ e("label", { className: "adyen-pe-checkbox__label", htmlFor: i, children: [
-      l ? /* @__PURE__ */ e(h, { name: "checkmark-square-fill", className: "adyen-pe-checkbox__icon" }) : /* @__PURE__ */ e(h, { name: "square", className: o("adyen-pe-checkbox__icon", { "adyen-pe-checkbox__icon--error": y }) }),
+    /* @__PURE__ */ e("label", { className: "adyen-pe-checkbox__label", htmlFor: s, children: [
+      o ? /* @__PURE__ */ e(d, { name: "checkmark-square-fill", className: "adyen-pe-checkbox__icon" }) : /* @__PURE__ */ e(d, { name: "square", className: c("adyen-pe-checkbox__icon", { "adyen-pe-checkbox__icon--error": h }) }),
       /* @__PURE__ */ e("div", { className: "adyen-pe-checkbox__label-content", children: [
-        /* @__PURE__ */ e(m, { el: d.SPAN, variant: p.BODY, children: f }),
-        s && /* @__PURE__ */ e(m, { el: d.SPAN, variant: p.BODY, className: "adyen-pe-checkbox__description", children: s })
+        /* @__PURE__ */ e(i, { el: m.SPAN, variant: p.BODY, children: b }),
+        n && /* @__PURE__ */ e(i, { el: m.SPAN, variant: p.BODY, className: "adyen-pe-checkbox__description", children: n })
       ] })
     ] })
   ] });
 };
 export {
-  j as Checkbox
+  Y as Checkbox
 };

package/dist/es/components/internal/DataGrid/DataGrid.js

@@ -1,76 +1,72 @@
 import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { toChildArray as w } from "../../../external/preact/dist/preact.module.js";
-import u from "classnames";
+import { toChildArray as b } from "../../../external/preact/dist/preact.module.js";
+import s from "classnames";
 /* empty css              */
-import { TableBody as C } from "./components/TableBody.js";
-import { InteractiveBody as _ } from "./components/InteractiveBody.js";
-import x from "./components/SkeletonBody.js";
-import { ErrorMessageDisplay as T } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { useMemo as r } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { DataGridProvider as k } from "./utils/DataGridProvider.js";
-import { useDataGridContext as N } from "./hooks/useDataGridContext.js";
-import { TableHeaderCell as B } from "./components/TableHeaderCell.js";
-import R from "../../../core/Context/useCoreContext.js";
-const L = Object.freeze({
+import { TableBody as v } from "./components/TableBody.js";
+import { InteractiveBody as w } from "./components/InteractiveBody.js";
+import C from "./components/SkeletonBody.js";
+import { ErrorMessageDisplay as _ } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { useMemo as n } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { DataGridProvider as x } from "./utils/DataGridProvider.js";
+import { useDataGridContext as T } from "./hooks/useDataGridContext.js";
+import { TableHeaderCell as k } from "./components/TableHeaderCell.js";
+import N from "../../../core/Context/useCoreContext.js";
+const $ = Object.freeze({
   activeIndex: -1,
   index: -1
 });
-function y({ errorDisplay: e, ...o }) {
-  return /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(D, { ...o, errorDisplay: e }) }) });
+function c({ errorDisplay: e, ...l }) {
+  return /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(B, { ...l, errorDisplay: e }) }) });
 }
-function D({ autoFitColumns: e, errorDisplay: o, ...a }) {
-  var c, s;
-  const m = r(() => w(a.children), [a.children]), f = r(() => m.find((d) => (d == null ? void 0 : d.type) === g), [m]), n = r(() => {
-    var d;
-    return ((d = a.data) == null ? void 0 : d.length) === 0;
-  }, [a.data]), h = r(() => !a.loading && (n || a.error), [n, a.error, a.loading]), { getMinWidthByColumn: b } = N(), { getImageAsset: l } = R(), i = a.columns.filter((d) => d.visible !== !1).map((d) => ({ ...d, minWidth: b(d.key) })), v = i.map((d) => `minmax(${(d.minWidth || 100) + (a.narrowColumns ? 0 : 40)}px, ${d.flex || 1}fr)`).join(" ");
+function B({ autoFitColumns: e, errorDisplay: l, ...a }) {
+  const r = n(() => b(a.children), [a.children]), g = n(() => r.find((d) => d?.type === u), [r]), o = n(() => a.data?.length === 0, [a.data]), y = n(() => !a.loading && (o || a.error), [o, a.error, a.loading]), { getMinWidthByColumn: f } = T(), { getImageAsset: m } = N(), i = a.columns.filter((d) => d.visible !== !1).map((d) => ({ ...d, minWidth: f(d.key) })), h = i.map((d) => `minmax(${(d.minWidth || 100) + (a.narrowColumns ? 0 : 40)}px, ${d.flex || 1}fr)`).join(" ");
   return /* @__PURE__ */ t(
     "div",
     {
-      className: u("adyen-pe-data-grid", {
+      className: s("adyen-pe-data-grid", {
         "adyen-pe-data-grid--condensed": a.condensed,
         "adyen-pe-data-grid--outline": a.outline,
         "adyen-pe-data-grid--scrollable": a.scrollable,
         "adyen-pe-data-grid--loading": a.loading,
-        "adyen-pe-data-grid--empty": n || a.error
+        "adyen-pe-data-grid--empty": o || a.error
       }),
       style: e ? void 0 : {
         "--adyen-pe-data-grid-cols": i.length,
-        "--adyen-pe-data-grid-cells": v
+        "--adyen-pe-data-grid-cells": h
       },
       children: [
         /* @__PURE__ */ t("div", { className: "adyen-pe-data-grid__table-wrapper", children: [
           /* @__PURE__ */ t("div", { role: "table", className: "adyen-pe-data-grid__table", children: [
-            /* @__PURE__ */ t("div", { className: "adyen-pe-data-grid__head", role: "rowgroup", children: /* @__PURE__ */ t("div", { role: "rowheader", className: "adyen-pe-data-grid__header", style: a.loading ? { width: "100%" } : {}, children: i.map((d) => /* @__PURE__ */ t(B, { label: d.label, position: d.position, cellKey: d.key }, d.key)) }) }),
-            /* @__PURE__ */ t(H, { ...a, columns: i, emptyBody: n })
+            /* @__PURE__ */ t("div", { className: "adyen-pe-data-grid__head", role: "rowgroup", children: /* @__PURE__ */ t("div", { role: "rowheader", className: "adyen-pe-data-grid__header", style: a.loading ? { width: "100%" } : {}, children: i.map((d) => /* @__PURE__ */ t(k, { label: d.label, position: d.position, cellKey: d.key }, d.key)) }) }),
+            /* @__PURE__ */ t(R, { ...a, columns: i, emptyBody: o })
           ] }),
-          h && (n && !a.error ? /* @__PURE__ */ t(
-            T,
+          y && (o && !a.error ? /* @__PURE__ */ t(
+            _,
             {
               withHeaderOffset: !0,
-              title: ((c = a.emptyTableMessage) == null ? void 0 : c.title) ?? "common.errors.noResults",
-              message: (s = a.emptyTableMessage) == null ? void 0 : s.message,
-              imageDesktop: l == null ? void 0 : l({ name: "no-results-found" }),
-              imageMobile: l == null ? void 0 : l({ name: "no-results-found", subFolder: "images/small" }),
+              title: a.emptyTableMessage?.title ?? "common.errors.noResults",
+              message: a.emptyTableMessage?.message,
+              imageDesktop: m?.({ name: "no-results-found" }),
+              imageMobile: m?.({ name: "no-results-found", subFolder: "images/small" }),
               centered: !0
             }
-          ) : a.error && o ? o() : null)
+          ) : a.error && l ? l() : null)
         ] }),
-        f
+        g
       ]
     }
   );
 }
-function H(e) {
-  const o = r(() => e.loading || e.emptyBody || e.error, [e.emptyBody, e.error, e.loading]);
+function R(e) {
+  const l = n(() => e.loading || e.emptyBody || e.error, [e.emptyBody, e.error, e.loading]);
   return /* @__PURE__ */ t(
     "div",
     {
       role: "rowgroup",
-      className: u("adyen-pe-data-grid__body"),
-      style: o && { display: "grid", gridTemplateColumns: "1fr" },
-      children: o ? /* @__PURE__ */ t(x, { columnsNumber: e.columns.length, loading: e.loading }) : e.onRowClick ? /* @__PURE__ */ t(
-        _,
+      className: s("adyen-pe-data-grid__body"),
+      style: l && { display: "grid", gridTemplateColumns: "1fr" },
+      children: l ? /* @__PURE__ */ t(C, { columnsNumber: e.columns.length, loading: e.loading }) : e.onRowClick ? /* @__PURE__ */ t(
+        w,
         {
           onRowHover: e.onRowHover,
           data: e.data,
@@ -79,7 +75,7 @@ function H(e) {
           customCells: e.customCells
         }
       ) : /* @__PURE__ */ t(
-        C,
+        v,
         {
           onRowHover: e.onRowHover,
           data: e.data,
@@ -90,16 +86,16 @@ function H(e) {
     }
   );
 }
-y.Footer = g;
-function g({ children: e }) {
+c.Footer = u;
+function u({ children: e }) {
   return /* @__PURE__ */ t("div", { className: "adyen-pe-data-grid__footer", children: e });
 }
-y.defaultProps = {
+c.defaultProps = {
   condensed: !1,
   outline: !0,
   scrollable: !0
 };
 export {
-  L as INITIAL_STATE,
-  y as default
+  $ as INITIAL_STATE,
+  c as default
 };

package/dist/es/components/internal/DataGrid/DataGridCell.js

@@ -1,32 +1,31 @@
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useDataGridContext as n } from "./hooks/useDataGridContext.js";
-import { useRef as m, useEffect as d } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { cloneElement as f, isValidElement as u } from "../../../external/preact/dist/preact.module.js";
-import c from "classnames";
-function C({
+import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useDataGridContext as s } from "./hooks/useDataGridContext.js";
+import { useRef as o, useEffect as d } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { cloneElement as c, isValidElement as m } from "../../../external/preact/dist/preact.module.js";
+import f from "classnames";
+function x({
   children: e,
   column: r,
   position: a,
-  ...o
+  ...i
 }) {
-  const { registerCells: l } = n(), t = m(null);
+  const { registerCells: l } = s(), t = o(null);
   return d(() => {
-    var s;
     t.current && l({
       column: r,
-      width: (s = t.current) == null ? void 0 : s.getBoundingClientRect().width
+      width: t.current?.getBoundingClientRect().width
     });
-  }, [r, l]), /* @__PURE__ */ i(
+  }, [r, l]), /* @__PURE__ */ n(
     "div",
     {
       role: "cell",
-      className: c("adyen-pe-data-grid__cell", {
+      className: f("adyen-pe-data-grid__cell", {
         "adyen-pe-data-grid__cell--right": a === "right",
         "adyen-pe-data-grid__cell--center": a === "center"
       }),
-      ...o,
-      children: e && u(e) ? f(e, {
-        ...e == null ? void 0 : e.props,
+      ...i,
+      children: e && m(e) ? c(e, {
+        ...e?.props,
         ref: t,
         style: { width: "min-content" }
       }) : null
@@ -34,5 +33,5 @@ function C({
   );
 }
 export {
-  C as default
+  x as default
 };

package/dist/es/components/internal/DataGrid/components/InteractiveBody.js

@@ -1,43 +1,43 @@
-import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { TableCells as b } from "./TableCells.js";
 import { useCallback as v } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import { useInteractiveDataGrid as f } from "../hooks/useInteractiveDataGrid.js";
-import { Fragment as F } from "../../../../external/preact/dist/preact.module.js";
-const B = ({
-  data: r,
-  columns: p,
-  onRowClick: e,
-  customCells: c,
-  onRowHover: s
+import { Fragment as C } from "../../../../external/preact/dist/preact.module.js";
+const _ = ({
+  data: o,
+  columns: d,
+  onRowClick: a,
+  customCells: u,
+  onRowHover: t
 }) => {
-  const { currentIndex: d, listeners: u, ref: m } = f({ totalRows: (r == null ? void 0 : r.length) ?? 0 }), i = v(
-    (t) => () => e == null ? void 0 : e.callback(e != null && e.retrievedField ? t[e.retrievedField] : t),
-    [e]
+  const { currentIndex: i, listeners: l, ref: p } = f({ totalRows: o?.length ?? 0 }), m = v(
+    (e) => () => a?.callback(a?.retrievedField ? e[a.retrievedField] : e),
+    [a]
   );
-  return /* @__PURE__ */ a(F, { children: r == null ? void 0 : r.map((t, n) => {
-    const l = s && s.bind(null, n), o = s && s.bind(null, void 0);
-    return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(C, { children: o?.map((e, r) => {
+    const s = t && t.bind(null, r), c = t && t.bind(null, void 0);
+    return /* @__PURE__ */ n(
       "div",
       {
         role: "row",
         tabIndex: 0,
-        onMouseEnter: l,
-        onFocus: l,
-        onMouseLeave: o,
-        onBlur: o,
-        ref: m,
-        "aria-selected": n === d,
-        "data-index": n,
+        onMouseEnter: s,
+        onFocus: s,
+        onMouseLeave: c,
+        onBlur: c,
+        ref: p,
+        "aria-selected": r === i,
+        "data-index": r,
         className: "adyen-pe-data-grid__row adyen-pe-data-grid__row--clickable",
-        onClick: i(t),
-        onFocusCapture: u.onFocusCapture(n),
-        onKeyDownCapture: u.onKeyDownCapture,
-        children: /* @__PURE__ */ a(b, { columns: p, customCells: c, item: t, rowIndex: n })
+        onClick: m(e),
+        onFocusCapture: l.onFocusCapture(r),
+        onKeyDownCapture: l.onKeyDownCapture,
+        children: /* @__PURE__ */ n(b, { columns: d, customCells: u, item: e, rowIndex: r })
       },
-      t
+      e
     );
   }) });
 };
 export {
-  B as InteractiveBody
+  _ as InteractiveBody
 };

package/dist/es/components/internal/DataGrid/components/TableBody.js

@@ -1,26 +1,26 @@
-import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TableCells as u } from "./TableCells.js";
-import { Fragment as c } from "../../../../external/preact/dist/preact.module.js";
+import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { TableCells as i } from "./TableCells.js";
+import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
 const b = ({
-  data: r,
-  columns: m,
-  customCells: t,
+  data: s,
+  columns: t,
+  customCells: d,
   onRowHover: e
-}) => /* @__PURE__ */ n(c, { children: r == null ? void 0 : r.map((o, l) => {
-  const s = e && e.bind(null, l), i = e && e.bind(null, void 0);
-  return /* @__PURE__ */ n(
+}) => /* @__PURE__ */ r(m, { children: s?.map((n, o) => {
+  const a = e && e.bind(null, o), l = e && e.bind(null, void 0);
+  return /* @__PURE__ */ r(
     "div",
     {
       role: "row",
       tabIndex: 0,
       className: "adyen-pe-data-grid__row",
-      onMouseEnter: s,
-      onFocus: s,
-      onMouseLeave: i,
-      onBlur: i,
-      children: /* @__PURE__ */ n(u, { columns: m, customCells: t, item: o, rowIndex: l })
+      onMouseEnter: a,
+      onFocus: a,
+      onMouseLeave: l,
+      onBlur: l,
+      children: /* @__PURE__ */ r(i, { columns: t, customCells: d, item: n, rowIndex: o })
     },
-    o
+    n
   );
 }) });
 export {

package/dist/es/components/internal/DataGrid/components/TableCells.js

@@ -1,52 +1,50 @@
-import { jsx as c } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import y from "../DataGridCell.js";
-import T from "./Icon.js";
-import B from "../../Link/Link.js";
-import { ButtonVariant as D } from "../../Button/types.js";
-import a from "classnames";
-import S from "../../Button/Button.js";
-import { Fragment as I } from "../../../../external/preact/dist/preact.module.js";
-const L = (o) => !!o && typeof o == "object" && "value" in o, _ = (o) => !!o && typeof o == "object" && o.type === "icon", O = (o) => !!o && typeof o == "object" && o.type === "button", w = (o) => !!o && typeof o == "object" && o.type === "link", Y = ({
-  columns: o,
-  customCells: t,
-  item: l,
-  rowIndex: j
-}) => /* @__PURE__ */ c(I, { children: o.map(({ key: r, position: s }) => {
-  var g, u, m, b, d, h, v;
-  if (t != null && t[r])
-    return /* @__PURE__ */ c(y, { "aria-labelledby": String(r), column: r, position: s, children: /* @__PURE__ */ c("div", {
+import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "../DataGridCell.js";
+import b from "./Icon.js";
+import h from "../../Link/Link.js";
+import { ButtonVariant as v } from "../../Button/types.js";
+import i from "classnames";
+import N from "../../Button/Button.js";
+import { Fragment as y } from "../../../../external/preact/dist/preact.module.js";
+const _ = (t) => !!t && typeof t == "object" && "value" in t, u = (t) => !!t && typeof t == "object" && t.type === "icon", j = (t) => !!t && typeof t == "object" && t.type === "button", x = (t) => !!t && typeof t == "object" && t.type === "link", w = ({
+  columns: t,
+  customCells: l,
+  item: r,
+  rowIndex: g
+}) => /* @__PURE__ */ a(y, { children: t.map(({ key: o, position: e }) => {
+  if (l?.[o])
+    return /* @__PURE__ */ a(p, { "aria-labelledby": String(o), column: o, position: e, children: /* @__PURE__ */ a("div", {
       style: { width: "min-content" },
       // TODO create safeguard to remove "as any" assertion
-      children: t[r]({
-        key: r,
-        value: l[r],
-        item: l,
-        rowIndex: j
+      children: l[o]({
+        key: o,
+        value: r[o],
+        item: r,
+        rowIndex: g
       })
-    }) }, r);
-  const n = l[r], { value: i, type: f } = L(n) ? n : { value: n, type: "text" }, e = _(n) ? { url: (g = n == null ? void 0 : n.config) == null ? void 0 : g.src, alt: ((u = n == null ? void 0 : n.config) == null ? void 0 : u.alt) !== void 0 && ((m = n == null ? void 0 : n.config) == null ? void 0 : m.alt) !== null ? (b = n == null ? void 0 : n.config) == null ? void 0 : b.alt : n.value } : void 0, p = O(n) ? (x) => {
-    var N;
-    x.stopPropagation(), (N = n == null ? void 0 : n.config) == null || N.action();
+    }) }, o);
+  const n = r[o], { value: c, type: s } = _(n) ? n : { value: n, type: "text" }, f = u(n) ? { url: n?.config?.src, alt: n?.config?.alt !== void 0 && n?.config?.alt !== null ? n?.config?.alt : n.value } : void 0, d = j(n) ? (m) => {
+    m.stopPropagation(), n?.config?.action();
   } : void 0;
-  return /* @__PURE__ */ c(y, { "aria-labelledby": String(r), column: r, position: s, children: /* @__PURE__ */ c("div", { className: "adyen-pe-data-grid__cell-value", children: [
-    _(n) && n.config && (e == null ? void 0 : e.url) && /* @__PURE__ */ c("div", { className: a("adyen-pe-data-grid__icon-cell", (d = n == null ? void 0 : n.config) == null ? void 0 : d.className), children: [
-      /* @__PURE__ */ c(T, { ...e }),
-      i.trim() && /* @__PURE__ */ c("span", { children: i })
+  return /* @__PURE__ */ a(p, { "aria-labelledby": String(o), column: o, position: e, children: /* @__PURE__ */ a("div", { className: "adyen-pe-data-grid__cell-value", children: [
+    u(n) && n.config && f?.url && /* @__PURE__ */ a("div", { className: i("adyen-pe-data-grid__icon-cell", n?.config?.className), children: [
+      /* @__PURE__ */ a(b, { ...f }),
+      c.trim() && /* @__PURE__ */ a("span", { children: c })
     ] }),
-    f === "text" && /* @__PURE__ */ c("span", { className: a((h = n == null ? void 0 : n.config) == null ? void 0 : h.className), children: i }),
-    f === "button" && n.config && p && /* @__PURE__ */ c(S, { className: a((v = n.config) == null ? void 0 : v.className), onClick: p, variant: D.SECONDARY, children: i }),
-    w(n) && n.config && /* @__PURE__ */ c(
-      B,
+    s === "text" && /* @__PURE__ */ a("span", { className: i(n?.config?.className), children: c }),
+    s === "button" && n.config && d && /* @__PURE__ */ a(N, { className: i(n.config?.className), onClick: d, variant: v.SECONDARY, children: c }),
+    x(n) && n.config && /* @__PURE__ */ a(
+      h,
       {
         classNames: n.config.className ? [n.config.className] : [],
         href: n.config.href,
         target: n.config.target,
-        children: i
+        children: c
       }
     )
-  ] }) }, r);
+  ] }) }, o);
 }) });
 export {
-  Y as TableCells,
-  L as isCustomDataObject
+  w as TableCells,
+  _ as isCustomDataObject
 };

package/dist/es/components/internal/DataGrid/components/TableHeaderCell.js

@@ -1,28 +1,27 @@
-import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import l from "classnames";
-import { useDataGridContext as c } from "../hooks/useDataGridContext.js";
-import { useRef as o, useEffect as s } from "../../../../external/preact/hooks/dist/hooks.module.js";
-const f = ({ cellKey: e, position: t, label: i }) => {
-  const { registerCells: a } = c(), r = o(null);
-  return s(() => {
-    var d;
+import { jsx as d } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import i from "classnames";
+import { useDataGridContext as l } from "../hooks/useDataGridContext.js";
+import { useRef as c, useEffect as o } from "../../../../external/preact/hooks/dist/hooks.module.js";
+const _ = ({ cellKey: e, position: t, label: n }) => {
+  const { registerCells: a } = l(), r = c(null);
+  return o(() => {
     r.current && a({
       column: e,
-      width: (d = r.current) == null ? void 0 : d.getBoundingClientRect().width
+      width: r.current?.getBoundingClientRect().width
     });
-  }, [e, a]), /* @__PURE__ */ n(
+  }, [e, a]), /* @__PURE__ */ d(
     "div",
     {
       role: "columnheader",
       id: String(e),
-      className: l("adyen-pe-data-grid__cell adyen-pe-data-grid__cell--heading", {
+      className: i("adyen-pe-data-grid__cell adyen-pe-data-grid__cell--heading", {
         "adyen-pe-data-grid__cell--right": t === "right",
         "adyen-pe-data-grid__cell--center": t === "center"
       }),
-      children: /* @__PURE__ */ n("div", { ref: r, className: "adyen-pe-data-grid__cell--heading-content", children: i })
+      children: /* @__PURE__ */ d("div", { ref: r, className: "adyen-pe-data-grid__cell--heading-content", children: n })
     }
   );
 };
 export {
-  f as TableHeaderCell
+  _ as TableHeaderCell
 };