@adyen/adyen-platform-experience-web 1.12.1 → 1.12.2-beta.1

package/dist/es/packages/shared/ui-components-preact/src/Checkbox/Checkbox.js

@@ -1,58 +1,43 @@
-import { jsx as e } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import a from "classnames";
-import { Icon as n } from "../Icon/Icon.js";
-import s from "../Typography/Typography.js";
-import { TypographyVariant as l, TypographyElement as d } from "../Typography/types.js";
-import { useState as I, useMemo as v, useCallback as T, useEffect as g } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../utils/src/common.js";
-import "../../../utils/src/abort/internals.js";
-import "../../../utils/src/async/constants.js";
-import "../../../utils/src/collection/main.js";
-import "../../../utils/src/value/constants.js";
-import "../../../utils/src/datetime/formats.js";
-import "../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../utils/src/datetime/restamper/restamper.js";
-import "../../../utils/src/datetime/restamper/constants.js";
-import "../../../utils/src/struct/property.js";
-import "../../../utils/src/struct/main.js";
-import "../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../utils/src/primitives/time/clock/main.js";
-import "../../../utils/src/primitives/time/today/main.js";
-import q from "../../../utils/src/random/uniqueId.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import c from "../../../../../_virtual/index.js";
+import { Icon as i } from "../Icon/Icon.js";
+import p from "../Typography/Typography.js";
+import { TypographyVariant as m, TypographyElement as d } from "../Typography/types.js";
+import { useState as I, useMemo as v, useCallback as T, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { uniqueId as q } from "../../../utils/src/random/uniqueId.js";
 /* empty css              */
-const X = ({ checked: o, error: h, description: r, disabled: y, id: u, label: b, name: _, value: C, onInput: t, className: k, ...x }) => {
-  const [c, i] = I(o), f = v(q, []), p = u || f, N = T(
-    (m) => {
-      t?.(m), o === void 0 && i(m?.currentTarget?.checked ?? !1);
+const j = ({ checked: a, error: h, description: n, disabled: y, id: u, label: b, name: _, value: C, onInput: o, className: k, ...x }) => {
+  const [r, s] = I(a), f = v(q, []), t = u || f, N = T(
+    (l) => {
+      o?.(l), a === void 0 && s(l?.currentTarget?.checked ?? !1);
     },
-    [o, t]
+    [a, o]
   );
   return g(() => {
-    i(o);
-  }, [o]), /* @__PURE__ */ e("div", { className: a("adyen-pe-checkbox", k), children: [
+    s(a);
+  }, [a]), /* @__PURE__ */ e("div", { className: c("adyen-pe-checkbox", k), children: [
     /* @__PURE__ */ e(
       "input",
       {
         name: _,
         type: "checkbox",
-        checked: c,
+        checked: r,
         disabled: y,
-        className: a("adyen-pe-visually-hidden adyen-pe-checkbox__input"),
-        id: p,
+        className: c("adyen-pe-visually-hidden adyen-pe-checkbox__input"),
+        id: t,
         onInput: N,
         ...x
       }
     ),
-    /* @__PURE__ */ e("label", { className: "adyen-pe-checkbox__label", htmlFor: p, children: [
-      c ? /* @__PURE__ */ e(n, { name: "checkmark-square-fill", className: "adyen-pe-checkbox__icon" }) : /* @__PURE__ */ e(n, { name: "square", className: a("adyen-pe-checkbox__icon", { "adyen-pe-checkbox__icon--error": h }) }),
+    /* @__PURE__ */ e("label", { className: "adyen-pe-checkbox__label", htmlFor: t, children: [
+      r ? /* @__PURE__ */ e(i, { name: "checkmark-square-fill", className: "adyen-pe-checkbox__icon" }) : /* @__PURE__ */ e(i, { 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(s, { el: d.SPAN, variant: l.BODY, children: b }),
-        r && /* @__PURE__ */ e(s, { el: d.SPAN, variant: l.BODY, className: "adyen-pe-checkbox__description", children: r })
+        /* @__PURE__ */ e(p, { el: d.SPAN, variant: m.BODY, children: b }),
+        n && /* @__PURE__ */ e(p, { el: d.SPAN, variant: m.BODY, className: "adyen-pe-checkbox__description", children: n })
       ] })
     ] })
   ] });
 };
 export {
-  X as Checkbox
+  j as Checkbox
 };

package/dist/es/packages/shared/ui-components-preact/src/CopyText/CopyText.js

@@ -1,93 +1,71 @@
-import { jsx as o } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import B from "classnames";
-import { useState as C, useCallback as u, useMemo as b } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../core/src/preact/CoreContext.js";
-import "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../core/src/Localization/constants/localization.js";
-import "../../../utils/src/datetime/restamper/restamper.js";
-import "../../../utils/src/datetime/restamper/constants.js";
-import "../../../utils/src/value/constants.js";
-import "../../../utils/src/common.js";
-import "../../../utils/src/abort/internals.js";
-import "../../../utils/src/async/constants.js";
-import "../../../utils/src/collection/main.js";
-import "../../../utils/src/datetime/formats.js";
-import "../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../utils/src/struct/property.js";
-import "../../../utils/src/struct/main.js";
-import "../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../utils/src/primitives/time/clock/main.js";
-import "../../../utils/src/primitives/time/today/main.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import B from "../../../../../_virtual/index.js";
+import { useState as C, useCallback as u, useMemo as b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import I from "../../../core/src/preact/useCoreContext.js";
-import "../../../core/src/preact/ConfigContext.js";
-import "../../../core/src/preact/EventDispatcherContext.js";
-/* empty css                                      */
 import { Tooltip as _ } from "../Tooltip/Tooltip.js";
-import { ButtonVariant as S } from "../../../types/src/uiComponents/button.js";
-import "../../../types/src/uiComponents/buttonActions.js";
-import T from "../Button/Button.js";
-import { Icon as A } from "../Icon/Icon.js";
+import S from "../Button/Button.js";
+import { Icon as T } from "../Icon/Icon.js";
 /* empty css              */
-const t = "adyen-pe-copy-text", i = {
-  base: t,
-  container: t + "__container",
-  icon: t + "__icon",
-  information: t + "__information",
-  label: t + "__label",
-  text: t + "__text",
-  stronger: t + "--stronger"
-}, no = ({
-  copyButtonAriaLabelKey: m,
+import { ButtonVariant as A } from "../../../types/src/uiComponents/button.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: r,
-  visibleText: s,
-  onCopyText: n,
+  textToCopy: t,
+  visibleText: r,
+  onCopyText: s,
   showCopyTextTooltip: v = !0,
-  type: e = "Trimmed",
-  stronger: c,
+  type: n = "Trimmed",
+  stronger: l,
   ...g
 }) => {
-  const { i18n: a } = I(), [l, p] = C(!1), d = u(() => p(!1), []), N = b(() => a.get(m ?? "common.actions.copy.labels.default"), [a, m]), x = u(async () => {
-    if (r)
+  const { i18n: i } = I(), [m, d] = C(!1), p = u(() => d(!1), []), N = b(() => i.get(c ?? "common.actions.copy.labels.default"), [i, c]), x = u(async () => {
+    if (t)
       try {
-        await navigator.clipboard.writeText(r), p(!0), n && n();
+        await navigator.clipboard.writeText(t), d(!0), s && s();
       } catch (y) {
         console.error(y);
       }
-  }, [r, n]), f = b(
-    () => /* @__PURE__ */ o(
+  }, [t, s]), f = b(
+    () => /* @__PURE__ */ e(
       "span",
       {
         className: B({
-          [i.label]: e !== "Default",
-          [i.information]: e === "Trimmed",
-          [i.text]: e === "Text",
-          [i.stronger]: c
+          [a.label]: n !== "Default",
+          [a.information]: n === "Trimmed",
+          [a.text]: n === "Text",
+          [a.stronger]: l
         }),
-        children: s || r
+        children: r || t
       }
     ),
-    [e, c, s, r]
+    [n, l, r, t]
   );
-  return /* @__PURE__ */ o("span", { className: i.container, ...g, children: [
-    v ? /* @__PURE__ */ o(_, { content: r, isUnderlineVisible: h, children: f }) : f,
-    /* @__PURE__ */ o(_, { content: a.get(l ? "common.actions.copy.labels.done" : "common.actions.copy.labels.default"), children: /* @__PURE__ */ o(
-      T,
+  return /* @__PURE__ */ e("span", { className: a.container, ...g, children: [
+    v ? /* @__PURE__ */ e(_, { content: t, isUnderlineVisible: h, children: f }) : f,
+    /* @__PURE__ */ e(_, { content: i.get(m ? "common.actions.copy.labels.done" : "common.actions.copy.labels.default"), children: /* @__PURE__ */ e(
+      S,
       {
-        variant: S.TERTIARY,
-        className: i.base,
+        variant: A.TERTIARY,
+        className: a.base,
         onClick: x,
-        onBlur: d,
-        onMouseLeaveCapture: d,
+        onBlur: p,
+        onMouseLeaveCapture: p,
         "aria-label": N,
         "data-testid": "copyText",
-        children: /* @__PURE__ */ o("div", { className: i.icon, children: /* @__PURE__ */ o(A, { name: "copy", "data-testid": "copy-icon" }) })
+        children: /* @__PURE__ */ e("div", { className: a.icon, children: /* @__PURE__ */ e(T, { name: "copy", "data-testid": "copy-icon" }) })
       }
     ) }),
-    /* @__PURE__ */ o("div", { className: "adyen-pe-visually-hidden", "aria-atomic": "true", "aria-live": "polite", children: l && a.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 {
-  no as default
+  V as default
 };

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/DataGrid.js

@@ -1,76 +1,56 @@
-import { jsx as a } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { toChildArray as b } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import s 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 "../../../../../_virtual/index.js";
 /* empty css              */
 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 r } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.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 "../../../core/src/preact/CoreContext.js";
-import "../../../core/src/Localization/constants/localization.js";
-import "../../../utils/src/datetime/restamper/restamper.js";
-import "../../../utils/src/datetime/restamper/constants.js";
-import "../../../utils/src/value/constants.js";
-import "../../../utils/src/common.js";
-import "../../../utils/src/abort/internals.js";
-import "../../../utils/src/async/constants.js";
-import "../../../utils/src/collection/main.js";
-import "../../../utils/src/datetime/formats.js";
-import "../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../utils/src/struct/property.js";
-import "../../../utils/src/struct/main.js";
-import "../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../utils/src/primitives/time/clock/main.js";
-import "../../../utils/src/primitives/time/today/main.js";
 import N from "../../../core/src/preact/useCoreContext.js";
-import "../../../core/src/preact/ConfigContext.js";
-import "../../../core/src/preact/EventDispatcherContext.js";
-/* empty css                                      */
-const le = Object.freeze({
+const $ = Object.freeze({
   activeIndex: -1,
   index: -1
 });
-function c({ errorDisplay: e, ...i }) {
-  return /* @__PURE__ */ a("div", { style: { width: "100%" }, children: /* @__PURE__ */ a(x, { children: /* @__PURE__ */ a(B, { ...i, 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 B({ autoFitColumns: e, errorDisplay: i, ...t }) {
-  const n = r(() => b(t.children), [t.children]), g = r(() => n.find((o) => o?.type === u), [n]), d = r(() => t.data?.length === 0, [t.data]), y = r(() => !t.loading && (d || t.error), [d, t.error, t.loading]), { getMinWidthByColumn: f } = T(), { getImageAsset: m } = N(), l = t.columns.filter((o) => o.visible !== !1).map((o) => ({ ...o, minWidth: f(o.key) })), h = l.map((o) => `minmax(${(o.minWidth || 100) + (t.narrowColumns ? 0 : 40)}px, ${o.flex || 1}fr)`).join(" ");
-  return /* @__PURE__ */ a(
+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: s("adyen-pe-data-grid", {
-        "adyen-pe-data-grid--condensed": t.condensed,
-        "adyen-pe-data-grid--outline": t.outline,
-        "adyen-pe-data-grid--scrollable": t.scrollable,
-        "adyen-pe-data-grid--loading": t.loading,
-        "adyen-pe-data-grid--empty": d || t.error
+        "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": o || a.error
       }),
       style: e ? void 0 : {
-        "--adyen-pe-data-grid-cols": l.length,
+        "--adyen-pe-data-grid-cols": i.length,
         "--adyen-pe-data-grid-cells": h
       },
       children: [
-        /* @__PURE__ */ a("div", { className: "adyen-pe-data-grid__table-wrapper", children: [
-          /* @__PURE__ */ a("div", { role: "table", className: "adyen-pe-data-grid__table", children: [
-            /* @__PURE__ */ a("div", { className: "adyen-pe-data-grid__head", role: "rowgroup", children: /* @__PURE__ */ a("div", { role: "rowheader", className: "adyen-pe-data-grid__header", style: t.loading ? { width: "100%" } : {}, children: l.map((o) => /* @__PURE__ */ a(k, { label: o.label, position: o.position, cellKey: o.key }, o.key)) }) }),
-            /* @__PURE__ */ a(R, { ...t, columns: l, emptyBody: d })
+        /* @__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 })
           ] }),
-          y && (d && !t.error ? /* @__PURE__ */ a(
+          y && (o && !a.error ? /* @__PURE__ */ t(
             _,
             {
               withHeaderOffset: !0,
-              title: t.emptyTableMessage?.title ?? "common.errors.noResults",
-              message: t.emptyTableMessage?.message,
+              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
             }
-          ) : t.error && i ? i() : null)
+          ) : a.error && l ? l() : null)
         ] }),
         g
       ]
@@ -78,14 +58,14 @@ function B({ autoFitColumns: e, errorDisplay: i, ...t }) {
   );
 }
 function R(e) {
-  const i = r(() => e.loading || e.emptyBody || e.error, [e.emptyBody, e.error, e.loading]);
-  return /* @__PURE__ */ a(
+  const l = n(() => e.loading || e.emptyBody || e.error, [e.emptyBody, e.error, e.loading]);
+  return /* @__PURE__ */ t(
     "div",
     {
       role: "rowgroup",
       className: s("adyen-pe-data-grid__body"),
-      style: i && { display: "grid", gridTemplateColumns: "1fr" },
-      children: i ? /* @__PURE__ */ a(C, { columnsNumber: e.columns.length, loading: e.loading }) : e.onRowClick ? /* @__PURE__ */ a(
+      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,
@@ -94,7 +74,7 @@ function R(e) {
           onRowClick: e.onRowClick,
           customCells: e.customCells
         }
-      ) : /* @__PURE__ */ a(
+      ) : /* @__PURE__ */ t(
         v,
         {
           onRowHover: e.onRowHover,
@@ -108,7 +88,7 @@ function R(e) {
 }
 c.Footer = u;
 function u({ children: e }) {
-  return /* @__PURE__ */ a("div", { className: "adyen-pe-data-grid__footer", children: e });
+  return /* @__PURE__ */ t("div", { className: "adyen-pe-data-grid__footer", children: e });
 }
 c.defaultProps = {
   condensed: !1,
@@ -116,6 +96,6 @@ c.defaultProps = {
   scrollable: !0
 };
 export {
-  le as INITIAL_STATE,
+  $ as INITIAL_STATE,
   c as default
 };

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/DataGridCell.js

@@ -1,8 +1,8 @@
-import { jsx as d } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as d } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useDataGridContext as o } from "./hooks/useDataGridContext.js";
-import { isValidElement as c, cloneElement as m } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import { useCallback as f } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import g from "classnames";
+import { isValidElement as c, cloneElement as m } from "../../../../../external/preact/dist/preact.module.js";
+import { useCallback as f } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import g from "../../../../../_virtual/index.js";
 function y({
   children: e,
   column: t,

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/components/Icon.js

@@ -1,5 +1,5 @@
-import { jsx as a } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import i from "classnames";
+import { jsx as a } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import i from "../../../../../../_virtual/index.js";
 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 {
   d as default

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/components/InteractiveBody.js

@@ -1,8 +1,8 @@
-import { jsx as n } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/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/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
+import { useCallback as v } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
 import { useInteractiveDataGrid as f } from "../hooks/useInteractiveDataGrid.js";
-import { Fragment as C } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
+import { Fragment as C } from "../../../../../../external/preact/dist/preact.module.js";
 const h = ({
   data: o,
   columns: d,

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/components/SkeletonBody.js

@@ -1,7 +1,7 @@
-import { jsx as a } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import s from "classnames";
+import { jsx as a } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import s from "../../../../../../_virtual/index.js";
 /* empty css               */
-import { Fragment as m } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
+import { Fragment as m } from "../../../../../../external/preact/dist/preact.module.js";
 const f = ({ columnsNumber: n, loading: r, emptyMessageDisplay: t }) => {
   const l = Array.from({ length: 10 }, (d, e) => e), o = Array.from({ length: n }, (d, e) => e);
   return /* @__PURE__ */ a(m, { children: [

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/components/TableBody.js

@@ -1,6 +1,6 @@
-import { jsx as r } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.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/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
+import { Fragment as m } from "../../../../../../external/preact/dist/preact.module.js";
 const b = ({
   data: s,
   columns: t,

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/components/TableCells.js

@@ -1,20 +1,19 @@
-import { jsx as a } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import d from "../DataGridCell.js";
+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 "../../Button/Button.js";
 import v from "../../Link/Link.js";
-import { ButtonVariant as N } from "../../../../types/src/uiComponents/button.js";
-import "../../../../types/src/uiComponents/buttonActions.js";
-import i from "classnames";
-import { Fragment as y } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/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", A = ({
+import i from "../../../../../../_virtual/index.js";
+import { Fragment as N } from "../../../../../../external/preact/dist/preact.module.js";
+import { ButtonVariant as y } from "../../../../types/src/uiComponents/button.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 }) => {
+}) => /* @__PURE__ */ a(N, { children: t.map(({ key: o, position: e }) => {
   if (l?.[o])
-    return /* @__PURE__ */ a(d, { "aria-labelledby": String(o), column: o, position: e, children: /* @__PURE__ */ a("div", {
+    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: l[o]({
@@ -24,16 +23,16 @@ const _ = (t) => !!t && typeof t == "object" && "value" in t, u = (t) => !!t &&
         rowIndex: g
       })
     }) }, 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, p = j(n) ? (m) => {
+  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__ */ a(d, { "aria-labelledby": String(o), column: o, position: e, children: /* @__PURE__ */ a("div", { className: "adyen-pe-data-grid__cell-value", children: [
+  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 })
     ] }),
     s === "text" && /* @__PURE__ */ a("span", { className: i(n?.config?.className), children: c }),
-    s === "button" && n.config && p && /* @__PURE__ */ a(h, { className: i(n.config?.className), onClick: p, variant: N.SECONDARY, children: c }),
+    s === "button" && n.config && d && /* @__PURE__ */ a(h, { className: i(n.config?.className), onClick: d, variant: y.SECONDARY, children: c }),
     x(n) && n.config && /* @__PURE__ */ a(
       v,
       {
@@ -46,6 +45,6 @@ const _ = (t) => !!t && typeof t == "object" && "value" in t, u = (t) => !!t &&
   ] }) }, o);
 }) });
 export {
-  A as TableCells,
+  w as TableCells,
   _ as isCustomDataObject
 };

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/components/TableHeaderCell.js

@@ -1,7 +1,7 @@
-import { jsx as d } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import i from "classnames";
+import { jsx as d } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import i from "../../../../../../_virtual/index.js";
 import { useDataGridContext as l } from "../hooks/useDataGridContext.js";
-import { useRef as c, useEffect as o } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.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(() => {

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/hooks/useDataGridContext.js

@@ -1,22 +1,8 @@
-import { createContext as t } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import { useContext as o } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../utils/src/common.js";
-import "../../../../utils/src/abort/internals.js";
-import "../../../../utils/src/async/constants.js";
-import "../../../../utils/src/collection/main.js";
+import { createContext as t } from "../../../../../../external/preact/dist/preact.module.js";
+import { useContext as o } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
 import { EMPTY_OBJECT as r } from "../../../../utils/src/value/constants.js";
-import "../../../../utils/src/datetime/formats.js";
-import "../../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../utils/src/datetime/restamper/restamper.js";
-import "../../../../utils/src/datetime/restamper/constants.js";
-import "../../../../utils/src/struct/property.js";
-import "../../../../utils/src/struct/main.js";
-import "../../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../../utils/src/primitives/time/clock/main.js";
-import "../../../../utils/src/primitives/time/today/main.js";
-const m = t(r), J = () => o(m);
+const e = t(r), s = () => o(e);
 export {
-  m as DataGridContext,
-  J as useDataGridContext
+  e as DataGridContext,
+  s as useDataGridContext
 };

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/hooks/useInteractiveDataGrid.js

@@ -1,8 +1,7 @@
-import { useReducer as I, useCallback as o } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
+import { useReducer as I, useCallback as o } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
 import p from "../../../../hooks-preact/src/useReflex.js";
-import "../../../../types/src/uiComponents/buttonActions.js";
-import { InteractionKeyCode as n } from "../../../../types/src/uiComponents/interaction.js";
 import { INITIAL_STATE as u } from "../DataGrid.js";
+import { InteractionKeyCode as n } from "../../../../types/src/uiComponents/interaction.js";
 const T = ({ totalRows: r }) => {
   const [t, d] = I(
     (e, i) => {

package/dist/es/packages/shared/ui-components-preact/src/DataGrid/utils/DataGridProvider.js

@@ -1,7 +1,7 @@
-import { jsx as m } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as m } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { DataGridContext as d } from "../hooks/useDataGridContext.js";
-import { toChildArray as l } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import { useMemo as f, useCallback as s } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
+import { toChildArray as l } from "../../../../../../external/preact/dist/preact.module.js";
+import { useMemo as f, useCallback as s } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
 const c = ({ children: i }) => {
   const t = f(() => /* @__PURE__ */ new Map(), []), o = s(
     ({ column: r, width: e }) => {