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

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

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

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

@@ -1,48 +1,50 @@
-import { CARD_BASE_CLASS as l, CARD_FILLED as o, CARD_NO_OUTLINE as h, CARD_HEADER as L, CARD_HEADER_CONTENT as O, CARD_TITLE as n, CARD_SUBTITLE as p, CARD_BODY as I, CARD_BODY_WITH_TITLE as f, CARD_FOOTER as B } from "./constants.js";
-import A from "classnames";
-import "./Card.scss.js";
 import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const S = ({
-  title: c,
+import { CARD_BASE_CLASS as h, CARD_FILLED as o, CARD_NO_OUTLINE as I, CARD_NO_PADDING as L, CARD_HEADER as p, CARD_HEADER_CONTENT as n, CARD_TITLE as d, CARD_SUBTITLE as f, CARD_BODY as t, CARD_BODY_WITH_TITLE as B, CARD_FOOTER as S } from "./constants.js";
+import m from "classnames";
+/* empty css          */
+const Y = ({
+  title: D,
   subTitle: _,
   children: C,
-  footer: m,
+  footer: A,
   el: R,
   renderHeader: a,
-  renderFooter: D,
-  filled: E,
-  noOutline: N,
-  classNameModifiers: T
+  renderFooter: c,
+  filled: N,
+  noOutline: E,
+  noPadding: i,
+  classNameModifiers: T,
+  testId: l
 }) => {
-  const i = R || "header";
-  return s("section", {
-    className: A(l, {
-      [o]: E,
-      [h]: N
-    }, T),
-    children: [(c || a) && s(i, {
-      className: L,
-      children: (c || a) && s("div", {
-        className: O,
-        children: [a || s("span", {
-          className: n,
-          children: c
-        }), _ && s("div", {
-          className: p,
-          children: _
-        })]
-      })
-    }), s("div", {
-      className: A(I, {
-        [f]: c || a
-      }),
-      children: C
-    }), (m || D) && s("footer", {
-      className: B,
-      children: D || m
-    })]
-  });
-}, u = S;
+  const O = R || "header";
+  return /* @__PURE__ */ s(
+    "section",
+    {
+      className: m(
+        h,
+        { [o]: N, [I]: E, [L]: i },
+        T
+      ),
+      "data-testid": l,
+      children: [
+        (D || a) && /* @__PURE__ */ s(O, { className: p, children: (D || a) && /* @__PURE__ */ s("div", { className: n, children: [
+          a || /* @__PURE__ */ s("span", { className: d, children: D }),
+          _ && /* @__PURE__ */ s("div", { className: f, children: _ })
+        ] }) }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: m(t, {
+              [B]: D || a
+            }),
+            children: C
+          }
+        ),
+        (A || c) && /* @__PURE__ */ s("footer", { className: S, children: c || A })
+      ]
+    }
+  );
+};
 export {
-  u as default
+  Y as default
 };

package/dist/es/components/internal/Card/constants.js

@@ -1,13 +1,14 @@
-const _ = "adyen-pe-card", t = `${_}__body`, o = `${_}__header`, n = `${_}__title`, D = `${_}__subtitle`, A = `${o}-content`, R = `${t}--with-title`, c = `${_}--no-outline`, e = `${_}--filled`, C = `${_}__footer`;
+const _ = "adyen-pe-card", t = `${_}__body`, o = `${_}__header`, n = `${_}__title`, D = `${_}__subtitle`, A = `${o}-content`, R = `${t}--with-title`, c = `${_}--no-outline`, C = `${_}--no-padding`, e = `${_}--filled`, s = `${_}__footer`;
 export {
   _ as CARD_BASE_CLASS,
   t as CARD_BODY,
   R as CARD_BODY_WITH_TITLE,
   e as CARD_FILLED,
-  C as CARD_FOOTER,
+  s as CARD_FOOTER,
   o as CARD_HEADER,
   A as CARD_HEADER_CONTENT,
   c as CARD_NO_OUTLINE,
+  C as CARD_NO_PADDING,
   D as CARD_SUBTITLE,
   n as CARD_TITLE
 };

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

@@ -1,40 +1,80 @@
-import { ButtonVariant as l } from "../Button/types.js";
-import { useState as s, useCallback as r } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { Tooltip as c } from "../Tooltip/Tooltip.js";
-import m from "../SVGIcons/Copy.js";
-import "./CopyText.scss.js";
 import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import f from "../Button/Button.js";
-const u = ({
-  text: o
+import a from "classnames";
+import { useState as f, useCallback as p } from "../../../external/preact/hooks/dist/hooks.module.js";
+import x from "../../../core/Context/useCoreContext.js";
+import { ButtonVariant as u } from "../Button/types.js";
+import { Tooltip as s } from "../Tooltip/Tooltip.js";
+/* empty css              */
+import h from "../Button/Button.js";
+import { Icon as L } from "../Icon/Icon.js";
+const D = ({
+  textToCopy: o,
+  isHovered: l,
+  buttonLabel: i,
+  showCopyTextTooltip: m = !0,
+  type: e = "Link"
 }) => {
-  const [i, a] = s(o), n = r(async () => {
+  const { i18n: n } = x(), [d, c] = f(n.get("copy")), _ = p(async () => {
     if (o)
       try {
-        await navigator.clipboard.writeText(o), a("Copied");
-      } catch (p) {
-        console.log(p);
+        await navigator.clipboard.writeText(o), c(n.get("copied"));
+      } catch (y) {
+        console.log(y);
       }
-  }, [o]), e = r(() => {
-    a(o);
-  }, [a, o]);
-  return t(c, {
-    content: i,
-    children: t(f, {
-      variant: l.TERTIARY,
-      className: "adyen-pe-copy-text",
-      onClick: n,
-      onBlur: e,
-      onMouseLeaveCapture: e,
-      children: [t("span", {
-        className: "adyen-pe-copy-text__information",
-        children: o
-      }), t(m, {
-        fill: "#0070f5"
-      })]
-    })
-  });
-}, v = u;
+  }, [n, o]), r = p(() => {
+    c(n.get("copy"));
+  }, [n]);
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: a("adyen-pe-copy-text__container", {
+        "adyen-pe-copy-text__container--information": e === "Link"
+      }),
+      children: [
+        m ? /* @__PURE__ */ t(s, { content: o, isContainerHovered: l, children: /* @__PURE__ */ t(
+          "span",
+          {
+            className: a({
+              "adyen-pe-copy-text__label": e !== "Default",
+              "adyen-pe-copy-text__information": e === "Link",
+              "adyen-pe-copy-text__text": e === "Text"
+            }),
+            children: i || o
+          }
+        ) }) : /* @__PURE__ */ t(
+          "span",
+          {
+            className: a({
+              "adyen-pe-copy-text__label": e !== "Default",
+              "adyen-pe-copy-text__information": e === "Link",
+              "adyen-pe-copy-text__text": e === "Text"
+            }),
+            children: i || o
+          }
+        ),
+        /* @__PURE__ */ t(s, { content: d, children: /* @__PURE__ */ t(
+          h,
+          {
+            variant: u.TERTIARY,
+            className: "adyen-pe-copy-text",
+            onClick: _,
+            onBlur: r,
+            onMouseLeaveCapture: r,
+            children: /* @__PURE__ */ t(
+              "div",
+              {
+                className: a("adyen-pe-copy-text__icon", {
+                  "adyen-pe-copy-text__icon--information": e === "Link"
+                }),
+                children: /* @__PURE__ */ t(L, { name: "copy", "data-testid": "copy-icon" })
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
 export {
-  v as default
+  D as default
 };

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

@@ -1,129 +1,93 @@
+import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { toChildArray as b, Fragment as v } from "../../../external/preact/dist/preact.module.js";
 import c from "classnames";
-import "./DataGrid.scss.js";
+/* empty css              */
 import { TableBody as w } from "./components/TableBody.js";
 import { InteractiveBody as C } from "./components/InteractiveBody.js";
 import _ from "./components/SkeletonBody.js";
 import { ErrorMessageDisplay as T } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
 import { useMemo as n } from "../../../external/preact/hooks/dist/hooks.module.js";
-import N from "../../../images/no-data-female.svg.js";
-import { DataGridProvider as k } from "./utils/DataGridProvider.js";
+import k from "../../../images/no-data-female.svg.js";
+import { DataGridProvider as N } from "./utils/DataGridProvider.js";
 import { useDataGridContext as x } from "./hooks/useDataGridContext.js";
 import { TableHeaderCell as B } from "./components/TableHeaderCell.js";
-import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const z = Object.freeze({
+const K = Object.freeze({
   activeIndex: -1,
   index: -1
 });
-function s({
-  errorDisplay: e,
-  ...a
-}) {
-  return d("div", {
-    style: {
-      width: "100%"
-    },
-    children: d(k, {
-      children: d(R, {
-        ...a,
-        errorDisplay: e
-      })
-    })
-  });
+function s({ errorDisplay: e, ...a }) {
+  return /* @__PURE__ */ d("div", { style: { width: "100%" }, children: /* @__PURE__ */ d(N, { children: /* @__PURE__ */ d(R, { ...a, errorDisplay: e }) }) });
 }
-function R({
-  errorDisplay: e,
-  ...a
-}) {
+function R({ errorDisplay: e, ...a }) {
   var r, m;
   const i = n(() => b(a.children), [a.children]), g = n(() => i.find((t) => (t == null ? void 0 : t.type) === y), [i]), l = n(() => {
     var t;
     return ((t = a.data) == null ? void 0 : t.length) === 0;
-  }, [a.data]), u = n(() => !a.loading && (l || a.error), [l, a.error, a.loading]), {
-    getMinWidthByColumn: f
-  } = x(), o = a.columns.filter((t) => t.visible !== !1).map((t) => ({
-    ...t,
-    minWidth: f(t.key)
-  })), h = o.map((t) => `minmax(${(t.minWidth || 100) + 40}px, ${t.flex || 1}fr)`).join(" ");
-  return d("div", {
-    className: c("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
-    }),
-    style: `--adyen-pe-data-grid-cols: ${o.length}; --adyen-pe-data-grid-cells: ${h};`,
-    children: d(v, {
-      children: [d("div", {
-        className: "adyen-pe-data-grid__table-wrapper",
-        children: [d("div", {
-          role: "table",
-          className: "adyen-pe-data-grid__table",
-          children: [d("div", {
-            className: "adyen-pe-data-grid__head",
-            role: "rowgroup",
-            children: d("div", {
-              role: "rowheader",
-              className: "adyen-pe-data-grid__header",
-              style: a.loading ? {
-                width: "100%"
-              } : {},
-              children: o.map((t) => d(B, {
-                label: t.label,
-                position: t.position,
-                cellKey: t.key
-              }, t.key))
-            })
-          }), d(D, {
-            ...a,
-            columns: o,
-            emptyBody: l
-          })]
-        }), u && (l && !a.error ? d(T, {
-          title: ((r = a.emptyTableMessage) == null ? void 0 : r.title) ?? "thereAreNoResults",
-          message: (m = a.emptyTableMessage) == null ? void 0 : m.message,
-          imageDesktop: N,
-          centered: !0
-        }) : a.error && e ? e() : null)]
-      }), g]
-    })
-  });
+  }, [a.data]), u = n(() => !a.loading && (l || a.error), [l, a.error, a.loading]), { getMinWidthByColumn: f } = x(), o = a.columns.filter((t) => t.visible !== !1).map((t) => ({ ...t, minWidth: f(t.key) })), h = o.map((t) => `minmax(${(t.minWidth || 100) + 40}px, ${t.flex || 1}fr)`).join(" ");
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: c("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
+      }),
+      style: `--adyen-pe-data-grid-cols: ${o.length}; --adyen-pe-data-grid-cells: ${h};`,
+      children: /* @__PURE__ */ d(v, { 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: o.map((t) => /* @__PURE__ */ d(B, { label: t.label, position: t.position, cellKey: t.key }, t.key)) }) }),
+            /* @__PURE__ */ d(D, { ...a, columns: o, emptyBody: l })
+          ] }),
+          u && (l && !a.error ? /* @__PURE__ */ d(
+            T,
+            {
+              title: ((r = a.emptyTableMessage) == null ? void 0 : r.title) ?? "thereAreNoResults",
+              message: (m = a.emptyTableMessage) == null ? void 0 : m.message,
+              imageDesktop: k,
+              centered: !0
+            }
+          ) : a.error && e ? e() : null)
+        ] }),
+        g
+      ] })
+    }
+  );
 }
 function D(e) {
   const a = n(() => e.loading || e.emptyBody || e.error, [e.emptyBody, e.error, e.loading]);
-  return d("div", {
-    role: "rowgroup",
-    className: c("adyen-pe-data-grid__body"),
-    style: a && {
-      display: "grid",
-      gridTemplateColumns: "1fr"
-    },
-    children: a ? d(_, {
-      columnsNumber: e.columns.length,
-      loading: e.loading
-    }) : e.onRowClick ? d(C, {
-      onRowHover: e.onRowHover,
-      data: e.data,
-      columns: e.columns,
-      onRowClick: e.onRowClick,
-      customCells: e.customCells
-    }) : d(w, {
-      onRowHover: e.onRowHover,
-      data: e.data,
-      customCells: e.customCells,
-      columns: e.columns
-    })
-  });
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      role: "rowgroup",
+      className: c("adyen-pe-data-grid__body"),
+      style: a && { display: "grid", gridTemplateColumns: "1fr" },
+      children: a ? /* @__PURE__ */ d(_, { columnsNumber: e.columns.length, loading: e.loading }) : e.onRowClick ? /* @__PURE__ */ d(
+        C,
+        {
+          onRowHover: e.onRowHover,
+          data: e.data,
+          columns: e.columns,
+          onRowClick: e.onRowClick,
+          customCells: e.customCells
+        }
+      ) : /* @__PURE__ */ d(
+        w,
+        {
+          onRowHover: e.onRowHover,
+          data: e.data,
+          customCells: e.customCells,
+          columns: e.columns
+        }
+      )
+    }
+  );
 }
 s.Footer = y;
-function y({
-  children: e
-}) {
-  return d("div", {
-    className: "adyen-pe-data-grid__footer",
-    children: e
-  });
+function y({ children: e }) {
+  return /* @__PURE__ */ d("div", { className: "adyen-pe-data-grid__footer", children: e });
 }
 s.defaultProps = {
   condensed: !1,
@@ -131,6 +95,6 @@ s.defaultProps = {
   scrollable: !0
 };
 export {
-  z as INITIAL_STATE,
+  K as INITIAL_STATE,
   s as default
 };

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

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

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

@@ -1,17 +1,6 @@
-import r from "classnames";
 import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const e = ({
-  className: c,
-  alt: n,
-  url: o
-}) => a("div", {
-  className: "adyen-pe-data-grid__icon-container",
-  children: a("img", {
-    className: r("adyen-pe-data-grid__icon", c),
-    alt: n,
-    src: o
-  })
-}), t = e;
+import i from "classnames";
+const d = ({ className: r, alt: e, url: c }) => /* @__PURE__ */ a("div", { className: "adyen-pe-data-grid__icon-container", children: /* @__PURE__ */ a("img", { className: i("adyen-pe-data-grid__icon", r), alt: e, src: c }) });
 export {
-  t as default
+  d as default
 };

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

@@ -1,8 +1,8 @@
+import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { TableCells as d } from "./TableCells.js";
 import h from "../../../../core/Context/useCoreContext.js";
 import { useCallback as F } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import { useInteractiveDataGrid as b } from "../hooks/useInteractiveDataGrid.js";
-import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Fragment as I } from "../../../../external/preact/dist/preact.module.js";
 import { noop as l } from "../../../../utils/common.js";
 const j = ({
@@ -12,17 +12,13 @@ const j = ({
   customCells: n,
   onRowHover: a
 }) => {
-  const y = F((r) => () => s == null ? void 0 : s.callback(s != null && s.retrievedField ? r[s.retrievedField] : r), [s]), {
-    i18n: t
-  } = h(), {
-    currentIndex: f,
-    listeners: u,
-    ref: g
-  } = b({
-    totalRows: (e == null ? void 0 : e.length) ?? 0
-  });
-  return o(I, {
-    children: e == null ? void 0 : e.map((r, p) => o("div", {
+  const y = F(
+    (r) => () => s == null ? void 0 : s.callback(s != null && s.retrievedField ? r[s.retrievedField] : r),
+    [s]
+  ), { i18n: t } = h(), { currentIndex: f, listeners: u, ref: g } = b({ totalRows: (e == null ? void 0 : e.length) ?? 0 });
+  return /* @__PURE__ */ o(I, { children: e == null ? void 0 : e.map((r, p) => /* @__PURE__ */ o(
+    "div",
+    {
       role: "row",
       tabIndex: 0,
       onMouseEnter: t.has(`tooltip.${r == null ? void 0 : r.category}`) && a ? () => a(p) : l,
@@ -36,14 +32,10 @@ const j = ({
       onClick: y(r),
       onFocusCapture: u.onFocusCapture(p),
       onKeyDownCapture: u.onKeyDownCapture,
-      children: o(d, {
-        columns: c,
-        customCells: n,
-        item: r,
-        rowIndex: p
-      })
-    }, r))
-  });
+      children: /* @__PURE__ */ o(d, { columns: c, customCells: n, item: r, rowIndex: p })
+    },
+    r
+  )) });
 };
 export {
   j as InteractiveBody