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

package/dist/es/components/internal/FormWrappers/VisibleField.js

@@ -1,11 +1,10 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useWizardFormContext as m } from "../../../hooks/form/wizard/WizardFormContext.js";
-import { Fragment as n } from "../../../external/preact/dist/preact.module.js";
-function u({ name: o, children: r }) {
-  var i;
-  const { fieldsConfig: t } = m();
-  return (i = t[o]) != null && i.visible ? /* @__PURE__ */ e(n, { children: r }) : null;
+import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useWizardFormContext as e } from "../../../hooks/form/wizard/WizardFormContext.js";
+import { Fragment as m } from "../../../external/preact/dist/preact.module.js";
+function l({ name: i, children: o }) {
+  const { fieldsConfig: r } = e();
+  return r[i]?.visible ? /* @__PURE__ */ t(m, { children: o }) : null;
 }
 export {
-  u as VisibleField
+  l as VisibleField
 };

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

@@ -1,47 +1,47 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import o from "classnames";
-import h from "../Typography/Typography.js";
-import A from "../../../core/Context/useCoreContext.js";
-import { useComponentHeadingElement as i, ComponentHeadingType as E } from "../../../hooks/useComponentHeadingElement.js";
-import { TypographyVariant as T, TypographyElement as _ } from "../Typography/types.js";
-import { Divider as L } from "../Divider/Divider.js";
+import p from "classnames";
+import a from "../Typography/Typography.js";
+import S from "../../../core/Context/useCoreContext.js";
+import { useComponentHeadingElement as c, ComponentHeadingType as l } from "../../../hooks/useComponentHeadingElement.js";
+import { TypographyVariant as h, TypographyElement as s } from "../Typography/types.js";
+import { Divider as I } from "../Divider/Divider.js";
 /* empty css            */
-const N = "adyen-pe-header", V = ({
-  baseClassName: m = N,
-  forwardedToRoot: d = !0,
-  children: p,
-  className: t,
-  hasDivider: v,
-  hideTitle: y,
-  titleKey: a,
-  subtitleKey: c,
-  subtitleConfig: r,
-  ...l
+const $ = "adyen-pe-header", j = ({
+  baseClassName: r = $,
+  forwardedToRoot: t = !0,
+  children: n,
+  className: E,
+  hasDivider: T,
+  hideTitle: _,
+  titleKey: m,
+  subtitleKey: o,
+  subtitleConfig: i,
+  ...f
 }) => {
-  const { i18n: n } = A(), { id: S, ref: I } = i({
-    headingType: E.TITLE,
-    forwardedToRoot: d
-  }), { id: $, ref: x } = i({
-    headingType: E.SUBTITLE,
-    forwardedToRoot: d
+  const { i18n: d } = S(), { id: v, ref: y } = c({
+    headingType: l.TITLE,
+    forwardedToRoot: t
+  }), { id: g, ref: u } = c({
+    headingType: l.SUBTITLE,
+    forwardedToRoot: t
   });
-  return /* @__PURE__ */ e("div", { ...l, className: o([m, t]), children: [
-    /* @__PURE__ */ e("div", { className: `${m}__headings`, children: [
-      !y && a && /* @__PURE__ */ e("div", { ref: I, id: S, className: `${m}__title`, children: /* @__PURE__ */ e(h, { el: _.SPAN, variant: T.TITLE, medium: !0, children: n.get(a) }) }),
-      c && /* @__PURE__ */ e("div", { ref: x, id: $, className: o(`${m}__subtitle`, r == null ? void 0 : r.classNames), children: /* @__PURE__ */ e(
-        h,
+  return /* @__PURE__ */ e("div", { ...f, className: p([r, E]), children: [
+    /* @__PURE__ */ e("div", { className: `${r}__headings`, children: [
+      !_ && m && /* @__PURE__ */ e("div", { ref: y, id: v, className: `${r}__title`, children: /* @__PURE__ */ e(a, { el: s.SPAN, variant: h.TITLE, medium: !0, children: d.get(m) }) }),
+      o && /* @__PURE__ */ e("div", { ref: u, id: g, className: p(`${r}__subtitle`, i?.classNames), children: /* @__PURE__ */ e(
+        a,
         {
-          el: (r == null ? void 0 : r.typographyEl) ?? _.SPAN,
-          variant: (r == null ? void 0 : r.variant) ?? T.BODY,
-          children: n.get(c)
+          el: i?.typographyEl ?? s.SPAN,
+          variant: i?.variant ?? h.BODY,
+          children: d.get(o)
         }
       ) }),
-      v && /* @__PURE__ */ e(L, { className: `${m}__divider` })
+      T && /* @__PURE__ */ e(I, { className: `${r}__divider` })
     ] }),
-    p && /* @__PURE__ */ e("div", { className: `${m}__controls`, children: p })
+    n && /* @__PURE__ */ e("div", { className: `${r}__controls`, children: n })
   ] });
 };
 export {
-  N as BASE_CLASS,
-  V as Header
+  $ as BASE_CLASS,
+  j as Header
 };

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

@@ -3,19 +3,19 @@ import { useState as p, useRef as y, useEffect as N } from "../../../external/pr
 import E from "classnames";
 /* empty css         */
 function L(s) {
-  const { backgroundUrl: a = "", className: c = "", classNameModifiers: m = [], src: l = "", alt: d = "", showOnError: f = !1 } = s, [i, o] = p(!1), r = y(null), u = () => {
+  const { backgroundUrl: a = "", className: m = "", classNameModifiers: c = [], src: l = "", alt: d = "", showOnError: i = !1 } = s, [f, o] = p(!1), r = y(null), u = () => {
     o(!0);
   }, g = () => {
-    o(f);
+    o(i);
   }, t = E(
-    [c],
+    [m],
     "adyen-pe-image",
-    { "adyen-pe-image--loaded": i },
-    ...m.map((e) => `adyen-pe-image--${e}`)
+    { "adyen-pe-image--loaded": f },
+    ...c.map((e) => `adyen-pe-image--${e}`)
   );
   return N(() => {
     const e = a ? new Image() : r.current;
-    e && (e.src = a || l, e.onload = u), o(!!(e != null && e.complete));
+    e && (e.src = a || l, e.onload = u), o(!!e?.complete);
   }, []), a ? /* @__PURE__ */ n("div", { style: { backgroundUrl: a }, ...s, className: t }) : /* @__PURE__ */ n("img", { ...s, alt: d, ref: r, className: t, onError: g });
 }
 export {

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

@@ -1,91 +1,89 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ButtonVariant as w } from "../Button/types.js";
-import { useClickOutside as N } from "../../../hooks/element/useClickOutside.js";
-import { useResponsiveContainer as g, containerQueries as R } from "../../../hooks/useResponsiveContainer.js";
-import { withTabbableRoot as E } from "../../../primitives/dom/tabbableRoot/tabbable.js";
-import M from "../../../hooks/element/useFocusTrap.js";
-import k from "../../../core/Context/useCoreContext.js";
-import { useContext as T, useRef as f, useCallback as B, useEffect as I } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { createContext as A, Fragment as F } from "../../../external/preact/dist/preact.module.js";
-import s from "classnames";
+import { ButtonVariant as b } from "../Button/types.js";
+import { useClickOutside as C } from "../../../hooks/element/useClickOutside.js";
+import { useResponsiveContainer as w, containerQueries as N } from "../../../hooks/useResponsiveContainer.js";
+import { withTabbableRoot as g } from "../../../primitives/dom/tabbableRoot/tabbable.js";
+import R from "../../../hooks/element/useFocusTrap.js";
+import E from "../../../core/Context/useCoreContext.js";
+import { useContext as M, useRef as u, useCallback as k, useEffect as T } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { createContext as B, Fragment as I } from "../../../external/preact/dist/preact.module.js";
+import c from "classnames";
 /* empty css           */
-import j from "../Button/Button.js";
-import { Icon as q } from "../Icon/Icon.js";
-const h = A({ withinModal: !1 }), X = () => T(h);
-function Z({
-  title: n,
-  children: y,
-  classNameModifiers: v = [],
-  isOpen: o,
-  onClose: i,
+import A from "../Button/Button.js";
+import { Icon as F } from "../Icon/Icon.js";
+const p = B({ withinModal: !1 }), U = () => M(p);
+function W({
+  title: l,
+  children: f,
+  classNameModifiers: h = [],
+  isOpen: a,
+  onClose: s,
   isDismissible: t = !0,
-  headerWithBorder: x = !0,
+  headerWithBorder: y = !0,
   size: r = "fluid",
-  ..._
+  ...v
 }) {
-  const { i18n: b } = k(), C = g(R.down.xs), d = f(null), u = f(null), m = B(() => {
-    var a;
-    o && t && ((a = u.current) == null || a.focus(), i());
-  }, [o, t, i]), c = M(N(null, m), m);
-  return I(() => {
-    var a, p;
-    if (o && c.current) {
-      u.current = document.activeElement;
-      let l = E();
-      return (a = d.current) == null || a.focus(), l.root = c.current, l.current = 1, (p = d.current) == null || p.remove(), () => {
-        l.root = null, l = null;
+  const { i18n: x } = E(), _ = w(N.down.xs), n = u(null), i = u(null), d = k(() => {
+    a && t && (i.current?.focus(), s());
+  }, [a, t, s]), m = R(C(null, d), d);
+  return T(() => {
+    if (a && m.current) {
+      i.current = document.activeElement;
+      let o = g();
+      return n.current?.focus(), o.root = m.current, o.current = 1, n.current?.remove(), () => {
+        o.root = null, o = null;
       };
     }
-  }, [o]), /* @__PURE__ */ e(F, { children: o && /* @__PURE__ */ e(
+  }, [a]), /* @__PURE__ */ e(I, { children: a && /* @__PURE__ */ e(
     "div",
     {
-      className: s(
+      className: c(
         "adyen-pe-modal-wrapper",
-        v.map((a) => `adyen-pe-modal-wrapper--${a}`),
-        { "adyen-pe-modal-wrapper--open": o, "adyen-pe-modal-wrapper--dismissible": t }
+        h.map((o) => `adyen-pe-modal-wrapper--${o}`),
+        { "adyen-pe-modal-wrapper--open": a, "adyen-pe-modal-wrapper--dismissible": t }
       ),
       role: "dialog",
       "aria-modal": "true",
       "aria-hidden": "false",
-      ..._,
-      children: /* @__PURE__ */ e(h.Provider, { value: { withinModal: !0 }, children: /* @__PURE__ */ e(
+      ...v,
+      children: /* @__PURE__ */ e(p.Provider, { value: { withinModal: !0 }, children: /* @__PURE__ */ e(
         "div",
         {
-          className: s("adyen-pe-modal", {
+          className: c("adyen-pe-modal", {
             "adyen-pe-modal--fluid": r === "fluid",
             "adyen-pe-modal--small": r === "small",
             "adyen-pe-modal--large": r === "large",
             "adyen-pe-modal--extra-large": r === "extra-large",
-            "adyen-pe-modal--full-screen": r === "full-screen" || C
+            "adyen-pe-modal--full-screen": r === "full-screen" || _
           }),
-          ref: c,
+          ref: m,
           children: [
-            /* @__PURE__ */ e("div", { className: "adyen-pe-visually-hidden", ref: d, tabIndex: -1 }),
+            /* @__PURE__ */ e("div", { className: "adyen-pe-visually-hidden", ref: n, tabIndex: -1 }),
             /* @__PURE__ */ e(
               "div",
               {
-                className: s("adyen-pe-modal__header", {
-                  "adyen-pe-modal__header--with-title": n,
-                  "adyen-pe-modal__header--with-border-bottom": x
+                className: c("adyen-pe-modal__header", {
+                  "adyen-pe-modal__header--with-title": l,
+                  "adyen-pe-modal__header--with-border-bottom": y
                 }),
                 children: [
-                  n && /* @__PURE__ */ e("div", { className: "adyen-pe-modal__header-title", children: n }),
+                  l && /* @__PURE__ */ e("div", { className: "adyen-pe-modal__header-title", children: l }),
                   t && /* @__PURE__ */ e(
-                    j,
+                    A,
                     {
-                      onClick: m,
-                      variant: w.TERTIARY,
+                      onClick: d,
+                      variant: b.TERTIARY,
                       iconButton: !0,
                       classNameModifiers: ["circle"],
                       className: "adyen-pe-modal__dismiss-button",
-                      "aria-label": b.get("common.modal.controls.dismiss.label"),
-                      children: /* @__PURE__ */ e(q, { name: "cross" })
+                      "aria-label": x.get("common.modal.controls.dismiss.label"),
+                      children: /* @__PURE__ */ e(F, { name: "cross" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ e("div", { className: "adyen-pe-modal__content", children: y })
+            /* @__PURE__ */ e("div", { className: "adyen-pe-modal__content", children: f })
           ]
         }
       ) })
@@ -93,6 +91,6 @@ function Z({
   ) });
 }
 export {
-  Z as default,
-  X as useModalContext
+  W as default,
+  U as useModalContext
 };

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

@@ -1,79 +1,79 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import T from "../../../core/Context/useCoreContext.js";
-import { useMemo as C, useCallback as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import S from "../../../core/Context/useCoreContext.js";
+import { useMemo as T, useCallback as C } from "../../../external/preact/hooks/dist/hooks.module.js";
 import { ButtonVariant as m } from "../Button/types.js";
 /* empty css                */
-import { Translation as x } from "../Translation/Translation.js";
-import A from "../FormFields/Select/Select.js";
+import { Translation as N } from "../Translation/Translation.js";
+import x from "../FormFields/Select/Select.js";
 import d from "../Button/Button.js";
 import { Icon as p } from "../Icon/Icon.js";
-import { isNullish as R } from "../../../utils/value/is.js";
+import { isNullish as A } from "../../../utils/value/is.js";
 import { EMPTY_ARRAY as f } from "../../../utils/value/constants.js";
-const i = "adyen-pe-pagination", t = {
-  base: i,
-  context: i + "__context",
-  controls: i + "__controls",
-  limit: i + "__limit",
-  limitSelector: i + "__limit-selector"
+const a = "adyen-pe-pagination", i = {
+  base: a,
+  context: a + "__context",
+  controls: a + "__controls",
+  limit: a + "__limit",
+  limitSelector: a + "__limit-selector"
 };
-function z({
+function q({
   next: u,
-  hasNext: n,
+  hasNext: r,
   hasPrev: c,
-  prev: b,
-  limit: g,
-  limitOptions: r,
-  onLimitSelection: l,
+  prev: g,
+  limit: b,
+  limitOptions: l,
+  onLimitSelection: n,
   ariaLabelKey: h,
   limitSelectAriaLabelKey: _
 }) {
-  const { i18n: o } = T(), s = C(
-    () => r && Object.freeze(
-      r.map(
-        (a) => ({
-          name: a.toLocaleString(o.locale, { style: "decimal" }),
-          id: String(a)
+  const { i18n: t } = S(), s = T(
+    () => l && Object.freeze(
+      l.map(
+        (o) => ({
+          name: o.toLocaleString(t.locale, { style: "decimal" }),
+          id: String(o)
         })
       )
     ),
-    [o, r]
-  ), v = N(
-    ({ target: a }) => {
-      R(a == null ? void 0 : a.value) || l == null || l(+a.value);
+    [t, l]
+  ), v = C(
+    ({ target: o }) => {
+      A(o?.value) || n?.(+o.value);
     },
-    [l]
+    [n]
   );
-  return /* @__PURE__ */ e("div", { role: "group", "aria-label": o.get(h ?? "common.pagination.label"), className: t.base, children: [
-    /* @__PURE__ */ e("div", { className: t.context, children: s && l && /* @__PURE__ */ e("div", { className: t.limit, role: "presentation", children: /* @__PURE__ */ e(
-      x,
+  return /* @__PURE__ */ e("div", { role: "group", "aria-label": t.get(h ?? "common.pagination.label"), className: i.base, children: [
+    /* @__PURE__ */ e("div", { className: i.context, children: s && n && /* @__PURE__ */ e("div", { className: i.limit, role: "presentation", children: /* @__PURE__ */ e(
+      N,
       {
         translationKey: "common.pagination.controls.limitSelect",
         fills: {
-          pageLimit: /* @__PURE__ */ e("div", { className: t.limitSelector, children: /* @__PURE__ */ e(
-            A,
+          pageLimit: /* @__PURE__ */ e("div", { className: i.limitSelector, children: /* @__PURE__ */ e(
+            x,
             {
               setToTargetWidth: !0,
               filterable: !1,
               multiSelect: !1,
               items: s,
               onChange: v,
-              selected: `${g ?? ""}`,
-              "aria-label": o.get(_ ?? "common.pagination.controls.limitSelect.label")
+              selected: `${b ?? ""}`,
+              "aria-label": t.get(_ ?? "common.pagination.controls.limitSelect.label")
             }
           ) })
         }
       }
     ) }) }),
-    /* @__PURE__ */ e("div", { className: t.controls, children: [
+    /* @__PURE__ */ e("div", { className: i.controls, children: [
       /* @__PURE__ */ e(
         d,
         {
           variant: m.TERTIARY,
           disabled: !c,
           iconButton: !0,
-          "aria-label": o.get("common.pagination.controls.previousPage.label"),
+          "aria-label": t.get("common.pagination.controls.previousPage.label"),
           classNameModifiers: ["circle"].concat(c ? f : "disabled"),
-          onClick: b,
+          onClick: g,
           children: /* @__PURE__ */ e(p, { name: "chevron-left" })
         }
       ),
@@ -81,10 +81,10 @@ function z({
         d,
         {
           variant: m.TERTIARY,
-          disabled: !n,
+          disabled: !r,
           iconButton: !0,
-          "aria-label": o.get("common.pagination.controls.nextPage.label"),
-          classNameModifiers: ["circle"].concat(n ? f : "disabled"),
+          "aria-label": t.get("common.pagination.controls.nextPage.label"),
+          classNameModifiers: ["circle"].concat(r ? f : "disabled"),
           onClick: u,
           children: /* @__PURE__ */ e(p, { name: "chevron-right" })
         }
@@ -93,5 +93,5 @@ function z({
   ] });
 }
 export {
-  z as default
+  q as default
 };

package/dist/es/components/internal/Pagination/hooks/usePaginatedRecords.js

@@ -1,76 +1,78 @@
-import { useState as R, useRef as y, useMemo as D, useCallback as L, useEffect as M } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import K from "./usePageLimit.js";
-import Q from "./useCursorPagination.js";
-import W from "./useOffsetPagination.js";
-import Z from "./usePaginatedRecordsFilters.js";
-import z from "../../../../hooks/useBooleanState.js";
+import { useState as l, useRef as F, useMemo as R, useCallback as y, useEffect as L } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import H from "./usePageLimit.js";
+import K from "./useCursorPagination.js";
+import Q from "./useOffsetPagination.js";
+import W from "./usePaginatedRecordsFilters.js";
+import Z from "../../../../hooks/useBooleanState.js";
 import ee from "../../../../hooks/useMounted.js";
-import { PaginationType as te, PageNeighbour as N } from "../types.js";
+import { PaginationType as te, PageNeighbour as M } from "../types.js";
 import { EMPTY_OBJECT as re } from "../../../../utils/value/constants.js";
-import { boolOrFalse as b } from "../../../../utils/value/bool.js";
+import { boolOrFalse as N } from "../../../../utils/value/bool.js";
 const se = ["hasNext", "hasPrevious"], w = (e) => {
   const t = Object.getOwnPropertyNames(e);
   return !se.some((r) => t.includes(r));
 }, oe = (e, t = "data") => {
   const r = e[t];
   if (w(e)) {
-    const n = Object.fromEntries(
-      Object.entries(e._links).map(([s, o]) => [s, o.cursor])
+    const o = Object.fromEntries(
+      Object.entries(e._links).map(([n, a]) => [n, a.cursor])
     );
-    return { records: r, paginationData: n };
+    return { records: r, paginationData: o };
   }
   throw new TypeError("MALFORMED_PAGINATED_DATA");
-}, ae = (e, t = "data") => {
+}, ne = (e, t = "data") => {
   const r = e[t];
   if (!w(e)) {
-    const { hasNext: n, hasPrevious: s } = e, o = {
-      [N.NEXT]: b(n),
-      [N.PREV]: b(s)
+    const { hasNext: o, hasPrevious: n } = e, a = {
+      [M.NEXT]: N(o),
+      [M.PREV]: N(n)
     };
-    return { records: r, paginationData: o };
+    return { records: r, paginationData: a };
   }
   throw new TypeError("MALFORMED_PAGINATED_DATA");
-}, De = ({
+}, Re = ({
   dataField: e = "data",
   fetchRecords: t,
   filterParams: r = re,
-  initialFiltersSameAsDefault: n = !0,
-  initialize: s,
-  onFiltersChanged: o,
-  pagination: F,
+  initialFiltersSameAsDefault: o = !0,
+  initialize: n,
+  onFiltersChanged: a,
+  pagination: C,
   preferredLimit: _,
-  preferredLimitOptions: $,
-  enabled: E
+  preferredLimitOptions: b,
+  enabled: i
 }) => {
-  const [j, v] = R([]), [x, p] = z(!0), [I, O] = R(), [S, k] = R(_), A = ee(), f = y(!0), m = y(1), T = Z(r, n), { limit: P, limitOptions: q } = K({ preferredLimit: S, preferredLimitOptions: $ }), { defaultFilters: ne, filters: a, updateFilters: B, ...C } = T, [G, J] = D(
-    () => F === te.CURSOR ? [oe, Q] : [ae, W],
+  const [v, $] = l([]), [j, u] = Z(i !== void 0 ? i : !0), [x, D] = l(), [I, S] = l(_), E = ee(), p = F(!0), f = F(1), O = W(r, o), { limit: m, limitOptions: k } = H({ preferredLimit: I, preferredLimitOptions: b }), { defaultFilters: ae, filters: s, updateFilters: q, ...B } = O, [G, z] = R(
+    () => C === te.CURSOR ? [oe, K] : [ne, Q],
+    // [TODO] - Fix missing dependencies
     []
-  ), U = L((g) => k(g), []), { goto: d, page: V, pages: X, resetPagination: l, ...Y } = J(
-    L(
-      async ({ page: g, ...H }, c) => {
+  ), J = y((d) => S(d), []), { goto: g, page: U, pages: V, resetPagination: h, ...X } = z(
+    y(
+      async ({ page: d, ...Y }, A) => {
         try {
-          if (O(void 0), m.current = g, !A.current || p(!0)) return;
-          const u = await t({ ...H, ...a }, c), { records: i, paginationData: h } = G(u, e);
-          return f.current && (s == null || s([i, h], T), f.current = !1), A.current && (v(i), p(!1)), { ...h, size: i == null ? void 0 : i.length };
-        } catch (u) {
-          if (c != null && c.aborted) return;
-          p(!1), O(u), console.error(u);
+          if (D(void 0), f.current = d, !E.current || u(!0)) return;
+          const c = await t({ ...Y, ...s }, A), { records: P, paginationData: T } = G(c, e);
+          return p.current && (n?.([P, T], O), p.current = !1), E.current && ($(P), u(!1)), { ...T, size: P?.length };
+        } catch (c) {
+          if (A?.aborted) return;
+          u(!1), D(c), console.error(c);
         }
       },
-      [t, a, P]
+      // [TODO] - Fix missing dependencies
+      [t, s, m]
     ),
-    P
+    m
   );
-  return D(() => {
-    f.current = !0;
-  }, [r]), D(() => {
-    l(), m.current = 1;
-  }, [a, P, l]), M(() => {
-    E && d(m.current);
-  }, [d, E]), M(() => {
-    o == null || o(a);
-  }, [a]), { error: I, fetching: x, filters: a, goto: d, limitOptions: q, page: V, pages: X, records: j, updateFilters: B, updateLimit: U, ...C, ...Y };
+  return R(() => {
+    p.current = !0;
+  }, [r]), R(() => {
+    h(), f.current = 1;
+  }, [s, m, h]), L(() => {
+    i && g(f.current);
+  }, [g, i]), L(() => {
+    a?.(s);
+  }, [s]), { error: x, fetching: j, filters: s, goto: g, limitOptions: k, page: U, pages: V, records: v, updateFilters: q, updateLimit: J, ...B, ...X };
 };
 export {
-  De as default
+  Re as default
 };

package/dist/es/components/internal/Pagination/hooks/usePagination.js

@@ -1,45 +1,43 @@
-import { useRef as p, useCallback as P, useState as T, useMemo as c, useEffect as j } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import F from "../../../../hooks/useBooleanState.js";
-import H from "../../../../hooks/useMounted.js";
-import { getClampedPageLimit as J } from "../utils.js";
-import { noop as K } from "../../../../utils/common.js";
-import { clamp as L } from "../../../../utils/value/number.js";
-const _ = (V, l, z) => {
-  const u = p(), s = p(), h = p(), r = p(), i = H(
+import { useRef as p, useCallback as P, useState as G, useMemo as a, useEffect as T } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import j from "../../../../hooks/useBooleanState.js";
+import F from "../../../../hooks/useMounted.js";
+import { getClampedPageLimit as H } from "../utils.js";
+import { noop as J } from "../../../../utils/common.js";
+import { clamp as K } from "../../../../utils/value/number.js";
+const Z = (y, l, z) => {
+  const s = p(), c = p(), h = p(), r = p(), u = F(
     P(() => {
-      var o;
-      (o = u.current) == null || o.abort(), u.current = void 0;
+      s.current?.abort(), s.current = void 0;
     }, [])
-  ), [t, x] = T(r.current), [m, M] = F(!1), e = c(() => J(z), [z]), { getPageCount: v, getPageParams: A, resetPageCount: S, updatePagination: R } = V, n = c(() => l ? (o) => {
-    var $;
-    if (!(e && Number.isInteger(o))) return;
-    const f = v(), a = o < 0 ? o + f + 1 : o;
-    a > 0 && (f ? a <= f : a === 1) && (($ = u.current) == null || $.abort(), u.current = new AbortController(), i.current && (((r.current = a) > 1 || f) && x(r.current), (async () => {
-      const { signal: b } = u.current, D = { ...A(a, e), limit: e, page: a };
+  ), [t, x] = G(r.current), [i, M] = j(!1), e = a(() => H(z), [z]), { getPageCount: v, getPageParams: V, resetPageCount: S, updatePagination: A } = y, n = a(() => l ? (g) => {
+    if (!(e && Number.isInteger(g))) return;
+    const f = v(), o = g < 0 ? g + f + 1 : g;
+    o > 0 && (f ? o <= f : o === 1) && (s.current?.abort(), s.current = new AbortController(), u.current && (((r.current = o) > 1 || f) && x(r.current), (async () => {
+      const { signal: $ } = s.current, B = { ...V(o, e), limit: e, page: o };
       try {
-        const d = await l(D, b);
-        if (!d || !i.current) return;
-        const { size: y, ...G } = d;
-        R(a, e, G), s.current = r.current && Math.max(r.current, s.current || -1 / 0), r.current && r.current === s.current && (h.current = y), r.current === 1 && y > 0 && x(r.current), r.current = void 0, M(!0);
+        const d = await l(B, $);
+        if (!d || !u.current) return;
+        const { size: b, ...D } = d;
+        A(o, e, D), c.current = r.current && Math.max(r.current, c.current || -1 / 0), r.current && r.current === c.current && (h.current = b), r.current === 1 && b > 0 && x(r.current), r.current = void 0, M(!0);
       } catch (d) {
-        if (b.aborted) return;
+        if ($.aborted) return;
         console.error(d);
       }
     })()));
-  } : K, [e, l]), q = P(() => {
+  } : J, [e, l]), R = P(() => {
     t && n(Math.min(t + 1, v()));
-  }, [n, t]), w = P(() => {
+  }, [n, t]), q = P(() => {
     t && n(Math.max(t - 1, 1));
-  }, [n, t]), g = c(() => v() || t || void 0, [n, m]), E = c(() => !!(t && g) && t < g, [t, g]), I = c(() => !!t && t > 1, [t]), C = c(
-    () => s.current ? (s.current - 1) * e + (h.current || 0) : 0,
-    [n, m]
-  ), N = c(() => t ? L(0, C - (t - 1) * e, e) : 0, [e, C, t]), B = P(() => {
-    S(), s.current = h.current = r.current = void 0, i.current && x(r.current);
+  }, [n, t]), m = a(() => v() || t || void 0, [n, i]), w = a(() => !!(t && m) && t < m, [t, m]), E = a(() => !!t && t > 1, [t]), C = a(
+    () => c.current ? (c.current - 1) * e + (h.current || 0) : 0,
+    [n, i]
+  ), I = a(() => t ? K(0, C - (t - 1) * e, e) : 0, [e, C, t]), N = P(() => {
+    S(), c.current = h.current = r.current = void 0, u.current && x(r.current);
   }, [S]);
-  return j(() => {
-    i.current && m && M(!1);
-  }, [m]), { goto: n, hasNext: E, hasPrev: I, limit: e, next: q, page: t, pages: g, pageSize: N, prev: w, resetPagination: B, size: C };
+  return T(() => {
+    u.current && i && M(!1);
+  }, [i]), { goto: n, hasNext: w, hasPrev: E, limit: e, next: R, page: t, pages: m, pageSize: I, prev: q, resetPagination: N, size: C };
 };
 export {
-  _ as default
+  Z as default
 };