@adyen/adyen-platform-experience-web 1.9.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

@@ -0,0 +1,43 @@
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.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 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, r]
+  );
+  return q(() => {
+    t(a);
+  }, [a]), /* @__PURE__ */ e("div", { className: c("adyen-pe-checkbox", _), children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        name: f,
+        type: "checkbox",
+        checked: o,
+        disabled: u,
+        className: c("adyen-pe-visually-hidden adyen-pe-checkbox__input"),
+        id: s,
+        onInput: N,
+        ...k
+      }
+    ),
+    /* @__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(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 {
+  Y as Checkbox
+};

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

@@ -1,68 +1,71 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import y from "classnames";
-import { useState as B, useCallback as u, useMemo as f } from "../../../external/preact/hooks/dist/hooks.module.js";
-import C from "../../../core/Context/useCoreContext.js";
-import { Tooltip as b } from "../Tooltip/Tooltip.js";
-import { ButtonVariant as I } from "../Button/types.js";
+import B from "classnames";
+import { useState as C, useCallback as f, useMemo as b } from "../../../external/preact/hooks/dist/hooks.module.js";
+import I from "../../../core/Context/useCoreContext.js";
+import { Tooltip as _ } from "../Tooltip/Tooltip.js";
+import { ButtonVariant as S } from "../Button/types.js";
 /* empty css              */
-import S from "../Button/Button.js";
-import { Icon as T } from "../Icon/Icon.js";
-const a = "adyen-pe-copy-text", t = {
-  base: a,
-  container: a + "__container",
-  icon: a + "__icon",
-  information: a + "__information",
-  label: a + "__label",
-  text: a + "__text"
-}, D = ({
-  copyButtonAriaLabelKey: s,
-  isUnderlineVisible: _,
-  textToCopy: o,
+import T from "../Button/Button.js";
+import { Icon as A } from "../Icon/Icon.js";
+const o = "adyen-pe-copy-text", a = {
+  base: o,
+  container: o + "__container",
+  icon: o + "__icon",
+  information: o + "__information",
+  label: o + "__label",
+  text: o + "__text",
+  stronger: o + "--stronger"
+}, V = ({
+  copyButtonAriaLabelKey: c,
+  isUnderlineVisible: h,
+  textToCopy: t,
   visibleText: r,
-  onCopyText: c,
-  showCopyTextTooltip: h = !0,
+  onCopyText: s,
+  showCopyTextTooltip: v = !0,
   type: n = "Trimmed",
-  ...v
+  stronger: l,
+  ...g
 }) => {
-  const { i18n: i } = C(), [l, m] = B(!1), d = u(() => m(!1), []), N = f(() => i.get(s ?? "common.actions.copy.labels.default"), [i, s]), x = u(async () => {
-    if (o)
+  const { i18n: i } = I(), [m, d] = C(!1), p = f(() => d(!1), []), N = b(() => i.get(c ?? "common.actions.copy.labels.default"), [i, c]), x = f(async () => {
+    if (t)
       try {
-        await navigator.clipboard.writeText(o), m(!0), c && c();
-      } catch (g) {
-        console.error(g);
+        await navigator.clipboard.writeText(t), d(!0), s && s();
+      } catch (y) {
+        console.error(y);
       }
-  }, [o, c]), p = f(
+  }, [t, s]), u = b(
     () => /* @__PURE__ */ e(
       "span",
       {
-        className: y({
-          [t.label]: n !== "Default",
-          [t.information]: n === "Trimmed",
-          [t.text]: n === "Text"
+        className: B({
+          [a.label]: n !== "Default",
+          [a.information]: n === "Trimmed",
+          [a.text]: n === "Text",
+          [a.stronger]: l
         }),
-        children: r || o
+        children: r || t
       }
     ),
-    [r, o, n]
+    [n, l, r, t]
   );
-  return /* @__PURE__ */ e("span", { className: t.container, ...v, children: [
-    h ? /* @__PURE__ */ e(b, { content: o, isUnderlineVisible: _, children: p }) : p,
-    /* @__PURE__ */ e(b, { content: i.get(l ? "common.actions.copy.labels.done" : "common.actions.copy.labels.default"), children: /* @__PURE__ */ e(
-      S,
+  return /* @__PURE__ */ e("span", { className: a.container, ...g, children: [
+    v ? /* @__PURE__ */ e(_, { content: t, isUnderlineVisible: h, children: u }) : u,
+    /* @__PURE__ */ e(_, { content: i.get(m ? "common.actions.copy.labels.done" : "common.actions.copy.labels.default"), children: /* @__PURE__ */ e(
+      T,
       {
-        variant: I.TERTIARY,
-        className: t.base,
+        variant: S.TERTIARY,
+        className: a.base,
         onClick: x,
-        onBlur: d,
-        onMouseLeaveCapture: d,
+        onBlur: p,
+        onMouseLeaveCapture: p,
         "aria-label": N,
         "data-testid": "copyText",
-        children: /* @__PURE__ */ e("div", { className: t.icon, children: /* @__PURE__ */ e(T, { name: "copy", "data-testid": "copy-icon" }) })
+        children: /* @__PURE__ */ e("div", { className: a.icon, children: /* @__PURE__ */ e(A, { name: "copy", "data-testid": "copy-icon" }) })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "adyen-pe-visually-hidden", "aria-atomic": "true", "aria-live": "polite", children: l && i.get("common.actions.copy.labels.done") })
+    /* @__PURE__ */ e("div", { className: "adyen-pe-visually-hidden", "aria-atomic": "true", "aria-live": "polite", children: m && i.get("common.actions.copy.labels.done") })
   ] });
 };
 export {
-  D as default
+  V as default
 };

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

@@ -1,74 +1,72 @@
-import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { toChildArray as w } from "../../../external/preact/dist/preact.module.js";
-import y from "classnames";
+import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+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 { 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 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 { 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 u({ errorDisplay: e, ...o }) {
-  return /* @__PURE__ */ d("div", { style: { width: "100%" }, children: /* @__PURE__ */ d(k, { children: /* @__PURE__ */ d(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 = n(() => w(a.children), [a.children]), f = n(() => m.find((t) => (t == null ? void 0 : t.type) === g), [m]), l = n(() => {
-    var t;
-    return ((t = a.data) == null ? void 0 : t.length) === 0;
-  }, [a.data]), h = n(() => !a.loading && (l || a.error), [l, a.error, a.loading]), { getMinWidthByColumn: b } = N(), { getImageAsset: r } = R(), i = a.columns.filter((t) => t.visible !== !1).map((t) => ({ ...t, minWidth: b(t.key) })), v = i.map((t) => `minmax(${(t.minWidth || 100) + 40}px, ${t.flex || 1}fr)`).join(" ");
-  return /* @__PURE__ */ d(
+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: y("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": l || 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__ */ d("div", { className: "adyen-pe-data-grid__table-wrapper", children: [
-          /* @__PURE__ */ d("div", { role: "table", className: "adyen-pe-data-grid__table", children: [
-            /* @__PURE__ */ d("div", { className: "adyen-pe-data-grid__head", role: "rowgroup", children: /* @__PURE__ */ d("div", { role: "rowheader", className: "adyen-pe-data-grid__header", style: a.loading ? { width: "100%" } : {}, children: i.map((t) => /* @__PURE__ */ d(B, { label: t.label, position: t.position, cellKey: t.key }, t.key)) }) }),
-            /* @__PURE__ */ d(G, { ...a, columns: i, emptyBody: l })
+        /* @__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(k, { label: d.label, position: d.position, cellKey: d.key }, d.key)) }) }),
+            /* @__PURE__ */ t(R, { ...a, columns: i, emptyBody: o })
           ] }),
-          h && (l && !a.error ? /* @__PURE__ */ d(
-            T,
+          y && (o && !a.error ? /* @__PURE__ */ t(
+            _,
             {
-              title: ((c = a.emptyTableMessage) == null ? void 0 : c.title) ?? "common.errors.noResults",
-              message: (s = a.emptyTableMessage) == null ? void 0 : s.message,
-              imageDesktop: r == null ? void 0 : r({ name: "no-data-female" }),
+              withHeaderOffset: !0,
+              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 G(e) {
-  const o = n(() => e.loading || e.emptyBody || e.error, [e.emptyBody, e.error, e.loading]);
-  return /* @__PURE__ */ d(
+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: y("adyen-pe-data-grid__body"),
-      style: o && { display: "grid", gridTemplateColumns: "1fr" },
-      children: o ? /* @__PURE__ */ d(x, { columnsNumber: e.columns.length, loading: e.loading }) : e.onRowClick ? /* @__PURE__ */ d(
-        _,
+      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,
@@ -76,8 +74,8 @@ function G(e) {
           onRowClick: e.onRowClick,
           customCells: e.customCells
         }
-      ) : /* @__PURE__ */ d(
-        C,
+      ) : /* @__PURE__ */ t(
+        v,
         {
           onRowHover: e.onRowHover,
           data: e.data,
@@ -88,16 +86,16 @@ function G(e) {
     }
   );
 }
-u.Footer = g;
-function g({ children: e }) {
-  return /* @__PURE__ */ d("div", { className: "adyen-pe-data-grid__footer", children: e });
+c.Footer = u;
+function u({ children: e }) {
+  return /* @__PURE__ */ t("div", { className: "adyen-pe-data-grid__footer", children: e });
 }
-u.defaultProps = {
+c.defaultProps = {
   condensed: !1,
   outline: !0,
   scrollable: !0
 };
 export {
-  L as INITIAL_STATE,
-  u 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 {