@adyen/adyen-platform-experience-web 0.1.2 → 1.0.0-beta.1

package/dist/es/components/internal/Calendar/hooks/useCalendar.js

@@ -1,111 +1,142 @@
-import { useState as J, useMemo as l, useRef as $, useCallback as q, useImperativeHandle as y, useEffect as k } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import z from "../../../../core/Context/useCoreContext.js";
-import { getDateObjectFromTimestamp as P } from "../calendar/utils.js";
-import { isFunction as K } from "../../../../utils/common/index.js";
-import { EMPTY_OBJECT as u } from "../../../../utils/common/constants.js";
-import G from "../../../../hooks/element/useFocusCursor.js";
-import n from "../calendar/facade/index.js";
-const Q = ({
-  blocks: a,
-  controls: f,
-  dynamicBlockRows: m,
-  firstWeekDay: g,
-  highlight: p,
-  locale: C,
-  onHighlight: s,
-  originDate: L,
-  renderControl: N,
-  sinceDate: E,
-  trackCurrentDay: M,
-  untilDate: T,
-  useYearView: d
-}, w) => {
-  const { i18n: b } = z(), [B, R] = J(performance.now()), O = l(() => n.slice(E, T), [E, T]), F = $(u), I = l(
-    () => f ?? (K(N) ? n.controls.MINIMAL : n.controls.NONE),
-    [f, N]
-  ), x = l(
-    () => p ?? (K(s) ? n.highlight.ONE : n.highlight.NONE),
-    [p, s]
-  ), { grid: t, kill: S } = l(() => {
-    const { grid: e, kill: r } = n(function() {
-      R(performance.now()), F.current = this, !(o === e.highlight.from && h === e.highlight.to) && (o = e.highlight.from, h = e.highlight.to, s == null || s(o, h));
+import { h, F, _, T, A, p } from "../../../../../hooks.module-8565d716.mjs";
+import useCoreContext from "../../../../core/Context/useCoreContext.js";
+import { getDateObjectFromTimestamp } from "../calendar/utils.js";
+import { isFunction } from "../../../../utils/common/index.js";
+import { EMPTY_OBJECT } from "../../../../utils/common/constants.js";
+import useFocusCursor from "../../../../hooks/element/useFocusCursor.js";
+import calendar from "../calendar/facade/index.js";
+const useCalendar = ({
+  blocks,
+  controls,
+  dynamicBlockRows,
+  firstWeekDay,
+  highlight,
+  locale,
+  onHighlight,
+  originDate,
+  renderControl,
+  sinceDate,
+  trackCurrentDay,
+  untilDate,
+  useYearView
+}, ref) => {
+  const { i18n } = useCoreContext();
+  const [lastMutationTimestamp, setLastMutationTimestamp] = h(performance.now());
+  const timeslice = F(() => calendar.slice(sinceDate, untilDate), [sinceDate, untilDate]);
+  const config = _(EMPTY_OBJECT);
+  const activeControls = F(
+    () => controls ?? (isFunction(renderControl) ? calendar.controls.MINIMAL : calendar.controls.NONE),
+    [controls, renderControl]
+  );
+  const activeHighlight = F(
+    () => highlight ?? (isFunction(onHighlight) ? calendar.highlight.ONE : calendar.highlight.NONE),
+    [highlight, onHighlight]
+  );
+  const { grid, kill } = F(() => {
+    const { grid: grid2, kill: kill2 } = calendar(function() {
+      setLastMutationTimestamp(performance.now());
+      config.current = this;
+      if (highlightStart === grid2.highlight.from && highlightEnd === grid2.highlight.to)
+        return;
+      highlightStart = grid2.highlight.from;
+      highlightEnd = grid2.highlight.to;
+      onHighlight == null ? void 0 : onHighlight(highlightStart, highlightEnd);
     });
-    let { from: o, to: h } = e.highlight;
-    return e.config.cursorIndex = (i) => {
-      let c = i.target;
-      for (; c && c !== i.currentTarget; ) {
-        const A = Number(c.dataset.cursorPosition);
-        if (Number.isFinite(A))
-          return A;
-        c = c.parentNode;
+    let { from: highlightStart, to: highlightEnd } = grid2.highlight;
+    grid2.config.cursorIndex = (evt) => {
+      let element = evt.target;
+      while (element && element !== evt.currentTarget) {
+        const index = Number(element.dataset.cursorPosition);
+        if (Number.isFinite(index))
+          return index;
+        element = element.parentNode;
       }
-    }, e.config.shiftFactor = function(i) {
-      if (this.controls === n.controls.MINIMAL)
-        return i != null && i.shiftKey ? 12 : i != null && i.altKey ? this.blocks : 1;
-    }, { grid: e, kill: r };
-  }, []), _ = l(() => {
-    const e = (r) => {
-      t.cursor(r);
+    };
+    grid2.config.shiftFactor = function(evt) {
+      if (this.controls !== calendar.controls.MINIMAL)
+        return;
+      if (evt == null ? void 0 : evt.shiftKey)
+        return 12;
+      if (evt == null ? void 0 : evt.altKey)
+        return this.blocks;
+      return 1;
+    };
+    return { grid: grid2, kill: kill2 };
+  }, []);
+  const cursorRootProps = F(() => {
+    const pointerHandle = (evt) => {
+      grid.cursor(evt);
     };
     return {
-      onClickCapture: e,
-      onMouseOverCapture: e,
-      onPointerOverCapture: e,
-      onKeyDownCapture: (r) => {
-        t.cursor(r) && r.preventDefault();
+      onClickCapture: pointerHandle,
+      onMouseOverCapture: pointerHandle,
+      onPointerOverCapture: pointerHandle,
+      onKeyDownCapture: (evt) => {
+        grid.cursor(evt) && evt.preventDefault();
       }
     };
-  }, [t]), j = G(
-    q(
-      (e, r) => {
-        r instanceof Element && r.removeAttribute("aria-selected"), e instanceof Element && e.setAttribute("aria-selected", "true");
+  }, [grid]);
+  const cursorElementRef = useFocusCursor(
+    T(
+      (current, previous) => {
+        if (previous instanceof Element)
+          previous.removeAttribute("aria-selected");
+        if (current instanceof Element)
+          current.setAttribute("aria-selected", "true");
       },
       []
     )
   );
-  return y(
-    w,
+  A(
+    ref,
     () => {
-      const { from: e, to: r } = (t == null ? void 0 : t.highlight) || u;
+      const { from, to } = (grid == null ? void 0 : grid.highlight) || EMPTY_OBJECT;
       return {
         clear: () => {
-          t != null && t.highlight && (t.highlight.from = void 0);
+          (grid == null ? void 0 : grid.highlight) && (grid.highlight.from = void 0);
         },
         get config() {
-          return { ...F.current ?? u };
+          return { ...config.current ?? EMPTY_OBJECT };
         },
         get from() {
-          return P(e);
+          return getDateObjectFromTimestamp(from);
         },
-        set from(o) {
-          t != null && t.highlight && o && (t.highlight.from = o.getTime());
+        set from(date) {
+          (grid == null ? void 0 : grid.highlight) && date && (grid.highlight.from = date.getTime());
         },
         get to() {
-          return P(r);
+          return getDateObjectFromTimestamp(to);
         },
-        set to(o) {
-          t != null && t.highlight && o && (t.highlight.to = o.getTime());
+        set to(date) {
+          (grid == null ? void 0 : grid.highlight) && date && (grid.highlight.to = date.getTime());
         }
       };
     },
-    [t, B]
-  ), k(() => {
-    t.config({
-      blocks: a,
-      controls: I,
-      firstWeekDay: g,
-      fixedBlockHeight: !m,
-      highlight: x,
-      locale: C ?? b.locale,
-      minified: d,
-      timeslice: O,
-      trackCurrentDay: M
+    [grid, lastMutationTimestamp]
+  );
+  p(() => {
+    grid.config({
+      blocks,
+      controls: activeControls,
+      firstWeekDay,
+      fixedBlockHeight: !dynamicBlockRows,
+      highlight: activeHighlight,
+      locale: locale ?? i18n.locale,
+      minified: useYearView,
+      timeslice,
+      trackCurrentDay
     });
-  }, [I, x, a, m, g, t, b, C, O, M, d]), k(() => {
-    const e = [].concat(L).slice(0, 2).map(Number).filter(Boolean);
-    return e[0] && (t.highlight.from = +e[0]), e[1] && (t.highlight.to = +e[1]), S;
-  }, []), { cursorElementRef: j, cursorRootProps: _, grid: t };
-}, H = Q;
+  }, [activeControls, activeHighlight, blocks, dynamicBlockRows, firstWeekDay, grid, i18n, locale, timeslice, trackCurrentDay, useYearView]);
+  p(() => {
+    const origins = [].concat(originDate).slice(0, 2).map(Number).filter(Boolean);
+    if (origins[0])
+      grid.highlight.from = +origins[0];
+    if (origins[1])
+      grid.highlight.to = +origins[1];
+    return kill;
+  }, []);
+  return { cursorElementRef, cursorRootProps, grid };
+};
 export {
-  H as default
+  useCalendar as default
 };

package/dist/es/components/internal/Calendar/hooks/useCalendarControlsRendering.js

@@ -1,51 +1,56 @@
-import { jsx as l } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ButtonVariant as m } from "../../Button/types.js";
-import { useCallback as c } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { isFunction as f } from "../../../../utils/common/index.js";
-import d from "../../SVGIcons/ChevronDown.js";
-import p from "../../SVGIcons/ChevronUp.js";
-import C from "../../../../core/Context/useCoreContext.js";
-import R from "../../../../hooks/element/useDetachedRender.js";
-import b from "../../Button/Button.js";
-const h = (e) => {
-  const { i18n: a } = C();
-  return R(
-    c(
-      (u, r, t) => {
-        if (!(u instanceof HTMLElement))
+import { o } from "../../../../../jsxRuntime.module-69493d81.mjs";
+import { B as ButtonVariant } from "../../../../../types-7ad6576a.mjs";
+import { T } from "../../../../../hooks.module-8565d716.mjs";
+import { isFunction } from "../../../../utils/common/index.js";
+import ChevronDown from "../../SVGIcons/ChevronDown.js";
+import ChevronUp from "../../SVGIcons/ChevronUp.js";
+import useCoreContext from "../../../../core/Context/useCoreContext.js";
+import useDetachedRender from "../../../../hooks/element/useDetachedRender.js";
+import Button from "../../Button/Button.js";
+const useCalendarControlsRendering = (renderControl) => {
+  const { i18n } = useCoreContext();
+  return useDetachedRender(
+    T(
+      (targetElement, control, handle) => {
+        if (!(targetElement instanceof HTMLElement))
           return null;
-        if (f(e))
-          return e(r, t);
-        let o, n, i;
-        switch (r) {
+        if (isFunction(renderControl))
+          return renderControl(control, handle);
+        let directionModifier;
+        let labelModifier;
+        let Chevron;
+        switch (control) {
           case "PREV":
-            o = "prev", n = "previous", i = p;
+            directionModifier = "prev";
+            labelModifier = "previous";
+            Chevron = ChevronUp;
             break;
           case "NEXT":
-            o = n = "next", i = d;
+            directionModifier = labelModifier = "next";
+            Chevron = ChevronDown;
             break;
           default:
             return null;
         }
-        const s = t();
-        return s ? /* @__PURE__ */ l(
-          b,
+        const shouldRenderControl = handle();
+        return shouldRenderControl ? /* @__PURE__ */ o(
+          Button,
           {
-            "aria-label": a.get(`calendar.${n}Month`),
-            variant: m.TERTIARY,
-            disabled: !s,
-            classNameModifiers: ["circle", o],
-            iconButton: !0,
-            onClick: t,
-            children: /* @__PURE__ */ l(i, { role: "presentation" })
+            "aria-label": i18n.get(`calendar.${labelModifier}Month`),
+            variant: ButtonVariant.TERTIARY,
+            disabled: !shouldRenderControl,
+            classNameModifiers: ["circle", directionModifier],
+            iconButton: true,
+            onClick: handle,
+            children: /* @__PURE__ */ o(Chevron, { role: "presentation" })
           },
-          r
+          control
         ) : null;
       },
-      [a, e]
+      [i18n, renderControl]
     )
   );
-}, D = h;
+};
 export {
-  D as default
+  useCalendarControlsRendering as default
 };

package/dist/es/components/internal/Calendar/hooks/useTimezone.js

@@ -1,26 +1,48 @@
-import { useMemo as c, useRef as d, useState as g } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { getTimezoneOffsetFromFormattedDateString as E, getGMTSuffixForTimezoneOffset as M } from "../../../../core/Localization/datetime/restamper/utils.js";
-import { noop as a } from "../../../../utils/common/index.js";
-import _ from "../../../../core/Localization/datetime/restamper/restamper.js";
-import l from "../clock/clock.js";
-import { EMPTY_ARRAY as G, EMPTY_OBJECT as R } from "../../../../utils/common/constants.js";
-const { getTimezoneTime: S, getUsedTimezone: F } = (() => {
-  const n = /(\d{2}):(\d{2})(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i, s = /^GMT|0(?=\d:00)|:00/g, e = _();
-  return { getTimezoneTime: (t, i = Date.now()) => {
-    e.tz = t;
-    const { formatted: o } = e(i), [f = "", , , m = ""] = (o == null ? void 0 : o.match(n)) ?? G, u = E(o), z = `${f}${m && ` ${m}`}`, p = M(u).replace(s, "");
-    return [z, p];
-  }, getUsedTimezone: (t) => (e.tz = t, e.tz.current) };
-})(), D = ({ timezone: n, withClock: s = !1 } = R) => {
-  const e = c(() => s === !0, [s]), r = c(() => F(n), [n]), T = d(a), [t, i] = g(Date.now()), [o, f] = c(() => S(r, t), [t, r]);
-  return c(() => {
-    T.current(), T.current = e ? l.watch((m) => {
-      typeof m != "symbol" && i(m.timestamp);
-    }) : a;
-  }, [i, e]), { clockTime: o, GMTOffset: f, timestamp: t, timezone: r };
+import { F, _, h } from "../../../../../hooks.module-8565d716.mjs";
+import restamper from "../../../../core/Localization/datetime/restamper/restamper.js";
+import "../../../../core/Localization/datetime/restamper/constants.js";
+import { getTimezoneOffsetFromFormattedDateString, getGMTSuffixForTimezoneOffset } from "../../../../core/Localization/datetime/restamper/utils.js";
+import { noop } from "../../../../utils/common/index.js";
+import clock from "../clock/clock.js";
+import "../clock/today.js";
+import { EMPTY_ARRAY, EMPTY_OBJECT } from "../../../../utils/common/constants.js";
+const { getTimezoneTime, getUsedTimezone } = (() => {
+  const REGEX_CLOCK_TIME_MATCHER = /(\d{2}):(\d{2})(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i;
+  const REGEX_GMT_OFFSET_UNWANTED_SUBSTRINGS = /^GMT|0(?=\d:00)|:00/g;
+  const $restamper = restamper();
+  const getTimezoneTime2 = (timezone, timestamp = Date.now()) => {
+    $restamper.tz = timezone;
+    const { formatted } = $restamper(timestamp);
+    const [time = "", , , meridian = ""] = (formatted == null ? void 0 : formatted.match(REGEX_CLOCK_TIME_MATCHER)) ?? EMPTY_ARRAY;
+    const offset = getTimezoneOffsetFromFormattedDateString(formatted);
+    const clockTime = `${time}${meridian && ` ${meridian}`}`;
+    const GMTOffsetString = getGMTSuffixForTimezoneOffset(offset).replace(REGEX_GMT_OFFSET_UNWANTED_SUBSTRINGS, "");
+    return [clockTime, GMTOffsetString];
+  };
+  const getUsedTimezone2 = (timezone) => {
+    $restamper.tz = timezone;
+    return $restamper.tz.current;
+  };
+  return { getTimezoneTime: getTimezoneTime2, getUsedTimezone: getUsedTimezone2 };
+})();
+const useTimezone = ({ timezone: tz, withClock = false } = EMPTY_OBJECT) => {
+  const shouldWatchClock = F(() => withClock === true, [withClock]);
+  const timezone = F(() => getUsedTimezone(tz), [tz]);
+  const unwatchClock = _(noop);
+  const [timestamp, setTimestamp] = h(Date.now());
+  const [clockTime, GMTOffset] = F(() => getTimezoneTime(timezone, timestamp), [timestamp, timezone]);
+  F(() => {
+    unwatchClock.current();
+    unwatchClock.current = shouldWatchClock ? clock.watch((snapshotOrSignal) => {
+      if (typeof snapshotOrSignal === "symbol")
+        return;
+      setTimestamp(snapshotOrSignal.timestamp);
+    }) : noop;
+  }, [setTimestamp, shouldWatchClock]);
+  return { clockTime, GMTOffset, timestamp, timezone };
 };
 export {
-  D as default,
-  S as getTimezoneTime,
-  F as getUsedTimezone
+  useTimezone as default,
+  getTimezoneTime,
+  getUsedTimezone
 };

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

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

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

@@ -0,0 +1,41 @@
+import '../../../../CopyText.css';
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import Button from "../Button/Button.js";
+import { B as ButtonVariant } from "../../../../types-7ad6576a.mjs";
+import { h, T } from "../../../../hooks.module-8565d716.mjs";
+import { Tooltip } from "../Tooltip/Tooltip.js";
+import Copy from "../SVGIcons/Copy.js";
+const CopyText$1 = "";
+const CopyText = ({ text }) => {
+  const [tooltipLabel, setTooltipLabel] = h(text);
+  const onClick = T(async () => {
+    if (text) {
+      try {
+        await navigator.clipboard.writeText(text);
+        setTooltipLabel("Copied");
+      } catch (e) {
+        console.log(e);
+      }
+    }
+  }, [text]);
+  const resetTooltipLabel = T(() => {
+    setTooltipLabel(text);
+  }, [setTooltipLabel, text]);
+  return /* @__PURE__ */ o(Tooltip, { content: tooltipLabel, children: /* @__PURE__ */ o(
+    Button,
+    {
+      variant: ButtonVariant.TERTIARY,
+      className: "adyen-pe-copy-text",
+      onClick,
+      onBlur: resetTooltipLabel,
+      onMouseLeaveCapture: resetTooltipLabel,
+      children: [
+        /* @__PURE__ */ o("span", { className: "adyen-pe-copy-text__information", children: text }),
+        /* @__PURE__ */ o(Copy, { fill: "#0070f5" })
+      ]
+    }
+  ) });
+};
+export {
+  CopyText as default
+};

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

@@ -1,86 +1,12 @@
-import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { toChildArray as u, Fragment as _ } from "../../../external/preact/dist/preact.module.js";
-import l from "classnames";
-import "./DataGrid.scss.js";
-import { TableBody as h } from "./components/TableBody.js";
-import { InteractiveBody as b } from "./components/InteractiveBody.js";
-import { CellTextPosition as c } from "./types.js";
-import N from "./components/SkeletonBody.js";
-import { ErrorMessageDisplay as C } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { useMemo as m } from "../../../external/preact/hooks/dist/hooks.module.js";
-import T from "../../../images/no-data-female.svg.js";
-const S = Object.freeze({
-  activeIndex: -1,
-  index: -1
-});
-function s({ errorDisplay: e, ...a }) {
-  var o, r, i;
-  const f = u(a.children).find((t) => (t == null ? void 0 : t.type) === g), n = !a.loading && ((o = a.data) == null ? void 0 : o.length) === 0 && !a.error, y = m(() => !a.loading && n || a.error, [n, a.error, a.loading]);
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: l("adyen-fp-data-grid", {
-        "adyen-fp-data-grid--condensed": a.condensed,
-        "adyen-fp-data-grid--outline": a.outline,
-        "adyen-fp-data-grid--scrollable": a.scrollable,
-        "adyen-fp-data-grid--loading": a.loading,
-        "adyen-fp-data-grid--empty": n || a.error
-      }),
-      children: /* @__PURE__ */ d(_, { children: [
-        /* @__PURE__ */ d("div", { className: "adyen-fp-data-grid__table-wrapper", children: [
-          /* @__PURE__ */ d("table", { className: "adyen-fp-data-grid__table", children: [
-            /* @__PURE__ */ d("thead", { className: "adyen-fp-data-grid__head", children: /* @__PURE__ */ d("tr", { role: "rowheader", className: "adyen-fp-data-grid__row", children: a.columns.map((t) => /* @__PURE__ */ d(
-              "th",
-              {
-                role: "columnheader",
-                id: String(t.key),
-                className: l("adyen-fp-data-grid__cell adyen-fp-data-grid__cell--heading", {
-                  "adyen-fp-data-grid__cell--right": t.position === c.RIGHT,
-                  "adyen-fp-data-grid__cell--center": t.position === c.CENTER
-                }),
-                children: t.label
-              },
-              t.key
-            )) }) }),
-            /* @__PURE__ */ d(k, { ...a, emptyBody: n })
-          ] }),
-          y && (a.error && e ? e() : /* @__PURE__ */ d(
-            C,
-            {
-              title: ((r = a.emptyTableMessage) == null ? void 0 : r.title) ?? "thereAreNoResults",
-              message: (i = a.emptyTableMessage) == null ? void 0 : i.message,
-              imageDesktop: T,
-              centered: !0
-            }
-          ))
-        ] }),
-        f
-      ] })
-    }
-  );
-}
-function k(e) {
-  const a = m(() => e.loading || e.emptyBody || e.error, [e.emptyBody, e.error, e.loading]);
-  return /* @__PURE__ */ d("tbody", { className: l("adyen-fp-data-grid__body"), children: a ? /* @__PURE__ */ d(N, { columnsNumber: e.columns.length, loading: e.loading }) : e.onRowClick ? /* @__PURE__ */ d(
-    b,
-    {
-      data: e.data,
-      columns: e.columns,
-      onRowClick: e.onRowClick,
-      customCells: e.customCells
-    }
-  ) : /* @__PURE__ */ d(h, { data: e.data, customCells: e.customCells, columns: e.columns }) });
-}
-s.Footer = g;
-function g({ children: e }) {
-  return /* @__PURE__ */ d("div", { className: "adyen-fp-data-grid__footer", children: e });
-}
-s.defaultProps = {
-  condensed: !1,
-  outline: !0,
-  scrollable: !0
-};
+import "../../../../jsxRuntime.module-69493d81.mjs";
+import "../../../../preact.module-38e5a571.mjs";
+import "classnames";
+import "./components/SkeletonBody.js";
+import "./components/TableBody.js";
+import { a, D } from "../../../../index-6e47f755.mjs";
+import "../ErrorMessageDisplay/ErrorMessageDisplay.js";
+import "../../../../hooks.module-8565d716.mjs";
 export {
-  S as INITIAL_STATE,
-  s as default
+  a as INITIAL_STATE,
+  D as default
 };

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

@@ -1,7 +1,7 @@
-import { jsx as l } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-function t({ children: a, ...e }) {
-  return /* @__PURE__ */ l("td", { role: "cell", className: "adyen-fp-data-grid__cell", ...e, children: a });
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+function DataGridCell({ children, ...props }) {
+  return /* @__PURE__ */ o("td", { role: "cell", className: "adyen-pe-data-grid__cell", ...props, children });
 }
 export {
-  t as default
+  DataGridCell as default
 };

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

@@ -1,33 +1,10 @@
-import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TableCells as f } from "./TableCells.js";
-import { useCallback as o } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { useInteractiveDataGrid as d } from "../hooks/useInteractiveDataGrid.js";
-import { Fragment as i } from "../../../../external/preact/dist/preact.module.js";
-const _ = ({
-  data: e,
-  columns: l,
-  onRowClick: r,
-  customCells: n
-}) => {
-  const m = o(
-    (t) => () => r == null ? void 0 : r.callback(r != null && r.retrievedField ? t[r.retrievedField] : t),
-    [r]
-  ), { currentIndex: u, listeners: p, ref: c } = d({ totalRows: (e == null ? void 0 : e.length) ?? 0 });
-  return /* @__PURE__ */ a(i, { children: e == null ? void 0 : e.map((t, s) => /* @__PURE__ */ a(
-    "tr",
-    {
-      ref: c,
-      "aria-selected": s === u,
-      "data-index": s,
-      className: "adyen-fp-data-grid__row adyen-fp-data-grid__row--clickable",
-      onClick: m(t),
-      onFocusCapture: p.onFocusCapture(s),
-      onKeyDownCapture: p.onKeyDownCapture,
-      children: /* @__PURE__ */ a(f, { columns: l, customCells: n, item: t })
-    },
-    t
-  )) });
-};
+import "../../../../../jsxRuntime.module-69493d81.mjs";
+import "./TableCells.js";
+import "../../../../core/Context/useCoreContext.js";
+import "../../../../utils/common/index.js";
+import "../../../../../hooks.module-8565d716.mjs";
+import { I } from "../../../../../index-6e47f755.mjs";
+import "../../../../../preact.module-38e5a571.mjs";
 export {
-  _ as InteractiveBody
+  I as InteractiveBody
 };

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

@@ -1,22 +1,24 @@
-import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import s from "classnames";
-import "../DataGrid.scss.js";
-import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
-const g = ({ columnsNumber: n, loading: t, emptyMessageDisplay: r }) => {
-  const l = Array.from({ length: 10 }, (d, e) => e), o = Array.from({ length: n }, (d, e) => e);
-  return /* @__PURE__ */ a(m, { children: [
-    l.map((d, e) => /* @__PURE__ */ a("tr", { className: "adyen-fp-data-grid__row", children: o.map((_, c) => /* @__PURE__ */ a("td", { className: "adyen-fp-data-grid__cell adyen-fp-data-grid__skeleton-cell", children: /* @__PURE__ */ a(
+import '../../../../../SkeletonBody.css';
+import { o } from "../../../../../jsxRuntime.module-69493d81.mjs";
+import cx from "classnames";
+import { k } from "../../../../../preact.module-38e5a571.mjs";
+const DataGrid = "";
+const SkeletonBody = ({ columnsNumber, loading, emptyMessageDisplay }) => {
+  const rows = Array.from({ length: 10 }, (_, index) => index);
+  const columns = Array.from({ length: columnsNumber }, (_, index) => index);
+  return /* @__PURE__ */ o(k, { children: [
+    rows.map((_, i) => /* @__PURE__ */ o("tr", { className: "adyen-pe-data-grid__row", children: columns.map((_2, index) => /* @__PURE__ */ o("td", { className: "adyen-pe-data-grid__cell adyen-pe-data-grid__skeleton-cell", children: /* @__PURE__ */ o(
       "span",
       {
-        className: s({
-          "adyen-fp-data-grid__skeleton-cell-content adyen-fp-data-grid__skeleton-cell-content--loading": t,
-          "adyen-fp-data-grid__empty-cell": !t
+        className: cx({
+          "adyen-pe-data-grid__skeleton-cell-content adyen-pe-data-grid__skeleton-cell-content--loading": loading,
+          "adyen-pe-data-grid__empty-cell": !loading
         })
       }
-    ) }, `adyen-fp-data-grid-skeleton-cell-${c}`)) }, `adyen-fp-data-grid-skeleton-row-${e}`)),
-    !t && r && r
+    ) }, `adyen-pe-data-grid-skeleton-cell-${index}`)) }, `adyen-pe-data-grid-skeleton-row-${i}`)),
+    !loading && emptyMessageDisplay && emptyMessageDisplay
   ] });
 };
 export {
-  g as default
+  SkeletonBody as default
 };