@purpur/library 8.21.0

package/dist/pagination-CVVCAQ65.mjs

@@ -0,0 +1,566 @@
+import { jsx as i, jsxs as v } from "react/jsx-runtime";
+import { useMemo as Q, forwardRef as k, useId as U, createElement as ue, useState as q, useEffect as ce } from "react";
+import { b as me } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+import { i as de } from "./arrow-right.es-C7SkjAB6.mjs";
+import { V as S } from "./visually-hidden-BYFkJEp1.mjs";
+import { c as w } from "./bind-CU-R61T-.mjs";
+import { L as W } from "./label-7sJe5-pX.mjs";
+import { a as X } from "./paragraph-DNtj7OLr.mjs";
+import { S as Y } from "./select-BEmu_fh9.mjs";
+const $e = {
+  name: "arrow-left",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
+  keywords: ["arrow-left"],
+  category: "utility"
+}, B = (e) => /* @__PURE__ */ i(me, { ...e, svg: $e });
+B.displayName = "IconArrowLeft";
+const O = (e) => {
+  window.location.href = e;
+}, ye = {
+  "purpur-pagination": "_purpur-pagination_1g3as_1",
+  "purpur-pagination__pagination-container": "_purpur-pagination__pagination-container_1g3as_5",
+  "purpur-pagination__pagination-container--with-page-size-select": "_purpur-pagination__pagination-container--with-page-size-select_1g3as_12",
+  "purpur-pagination__page-size-select-container": "_purpur-pagination__page-size-select-container_1g3as_20",
+  "purpur-pagination__page-navigation-container": "_purpur-pagination__page-navigation-container_1g3as_30",
+  "purpur-pagination__step-trigger-label": "_purpur-pagination__step-trigger-label_1g3as_51",
+  "purpur-pagination__step-trigger-label--not-icon-only": "_purpur-pagination__step-trigger-label--not-icon-only_1g3as_64",
+  "purpur-pagination__step-trigger": "_purpur-pagination__step-trigger_1g3as_51",
+  "purpur-pagination__page-trigger-container": "_purpur-pagination__page-trigger-container_1g3as_78",
+  "purpur-pagination__pages": "_purpur-pagination__pages_1g3as_83",
+  "purpur-pagination__pages--visible": "_purpur-pagination__pages--visible_1g3as_86",
+  "purpur-pagination__page-selector": "_purpur-pagination__page-selector_1g3as_94",
+  "purpur-pagination__page-selector--visible": "_purpur-pagination__page-selector--visible_1g3as_97"
+}, he = {
+  "purpur-pagination-page-selector": "_purpur-pagination-page-selector_7pxsw_1",
+  "purpur-pagination-page-selector__select-container": "_purpur-pagination-page-selector__select-container_7pxsw_6",
+  "purpur-pagination-page-selector__of-total-pages-label": "_purpur-pagination-page-selector__of-total-pages-label_7pxsw_10"
+}, ve = (e) => ({
+  options: Q(
+    () => Array.from({ length: e }, (a, g) => ({ label: `${g + 1}`, value: `${g + 1}` })),
+    [e]
+  )
+}), G = w.bind(he), M = "purpur-pagination-page-selector", T = k(
+  ({
+    ["data-testid"]: e = "purpur-pagination-page-selector",
+    asLink: r,
+    className: a,
+    currentPage: g,
+    hrefGetter: n,
+    navigationFunction: t,
+    numberOfPages: _,
+    onPageChange: p,
+    outOfLabel: l,
+    pageSelectorId: u,
+    pageSelectorLabel: d,
+    ...$
+  }, h) => {
+    const c = U(), b = G(a, M), { options: z } = ve(_), f = (x) => {
+      const C = x.target.value ? Number(x.target.value) : 1;
+      if (p(C), r) {
+        const F = n?.(C) ?? "";
+        t(C, F);
+      }
+    };
+    return /* @__PURE__ */ v("div", { className: b, "data-testid": e, ref: h, ...$, children: [
+      /* @__PURE__ */ v("div", { className: G(`${M}__select-container`), children: [
+        /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(W, { "data-testid": `${e}-label`, htmlFor: c, children: d }) }),
+        /* @__PURE__ */ i(
+          Y,
+          {
+            className: G(`${M}__select`),
+            "data-testid": `${e}-select`,
+            id: u ?? c,
+            onChange: f,
+            options: z,
+            value: String(g)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(
+        X,
+        {
+          className: G(`${M}__of-total-pages-label`),
+          "data-testid": `${e}-of-total-pages`,
+          children: `${l} ${_}`
+        }
+      )
+    ] });
+  }
+);
+T.displayName = "PaginationPageSelector";
+const be = {
+  "purpur-pagination-page-size-selector": "_purpur-pagination-page-size-selector_11x2p_1",
+  "purpur-pagination-page-size-selector__select": "_purpur-pagination-page-size-selector__select_11x2p_12",
+  "purpur-pagination-page-size-selector__items-per-page-label": "_purpur-pagination-page-size-selector__items-per-page-label_11x2p_17",
+  "purpur-pagination-page-size-selector__items-per-page-label-text": "_purpur-pagination-page-size-selector__items-per-page-label-text_11x2p_27"
+}, fe = (e) => ({
+  options: Q(
+    () => e.map((a) => ({
+      label: `${a}`,
+      value: `${a}`
+    })),
+    [e]
+  )
+}), j = w.bind(be), H = "purpur-pagination-page-size-selector", I = k(
+  ({
+    ["data-testid"]: e = "purpur-pagination-page-size-selector",
+    asLink: r,
+    availablePageSizes: a,
+    className: g,
+    hrefGetter: n,
+    navigationFunction: t,
+    onPageSizeChange: _,
+    pageSize: p,
+    pageSizeLabel: l,
+    ...u
+  }, d) => {
+    const $ = U(), h = j(g, H), { options: c } = fe(a), b = (z) => {
+      const f = Number(z.target.value);
+      if (_(f), r) {
+        const x = n({ page: 1, pageSize: f });
+        t ? t({ currentPage: 1, pageSize: f, url: x }) : O(x);
+      }
+    };
+    return /* @__PURE__ */ v("div", { className: h, "data-testid": e, ref: d, ...u, children: [
+      /* @__PURE__ */ i(
+        W,
+        {
+          className: j(`${H}__items-per-page-label`),
+          "data-testid": `${e}-item-per-page-label`,
+          htmlFor: $,
+          children: /* @__PURE__ */ i("span", { className: j(`${H}__items-per-page-label-text`), children: l })
+        }
+      ),
+      /* @__PURE__ */ i(
+        Y,
+        {
+          className: j(`${H}__select`),
+          "data-testid": `${e}-select`,
+          id: $,
+          onChange: b,
+          options: c,
+          value: p
+        }
+      )
+    ] });
+  }
+);
+I.displayName = "PaginationPageSizeSelector";
+const xe = {
+  "purpur-pagination-page-trigger": "_purpur-pagination-page-trigger_1pnyd_1",
+  "purpur-pagination-page-trigger__trigger-item": "_purpur-pagination-page-trigger__trigger-item_1pnyd_4",
+  "purpur-pagination-page-trigger__trigger-item--xs": "_purpur-pagination-page-trigger__trigger-item--xs_1pnyd_25",
+  "purpur-pagination-page-trigger__trigger-item--icon-only": "_purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28",
+  "purpur-pagination-page-trigger__trigger-item--sm": "_purpur-pagination-page-trigger__trigger-item--sm_1pnyd_31",
+  "purpur-pagination-page-trigger__trigger-item--md": "_purpur-pagination-page-trigger__trigger-item--md_1pnyd_37",
+  "purpur-pagination-page-trigger__trigger-item--lg": "_purpur-pagination-page-trigger__trigger-item--lg_1pnyd_43",
+  "purpur-pagination-page-trigger__trigger-item--full-width": "_purpur-pagination-page-trigger__trigger-item--full-width_1pnyd_49",
+  "purpur-pagination-page-trigger__trigger-item--primary": "_purpur-pagination-page-trigger__trigger-item--primary_1pnyd_67",
+  "purpur-pagination-page-trigger__trigger-item--disabled": "_purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71",
+  "purpur-pagination-page-trigger__trigger-item--primary-negative": "_purpur-pagination-page-trigger__trigger-item--primary-negative_1pnyd_77",
+  "purpur-pagination-page-trigger__trigger-item--secondary": "_purpur-pagination-page-trigger__trigger-item--secondary_1pnyd_89",
+  "purpur-pagination-page-trigger__trigger-item--secondary-negative": "_purpur-pagination-page-trigger__trigger-item--secondary-negative_1pnyd_100",
+  "purpur-pagination-page-trigger__trigger-item--expressive": "_purpur-pagination-page-trigger__trigger-item--expressive_1pnyd_111",
+  "purpur-pagination-page-trigger__trigger-item--expressive-negative": "_purpur-pagination-page-trigger__trigger-item--expressive-negative_1pnyd_121",
+  "purpur-pagination-page-trigger__trigger-item--page-trigger": "_purpur-pagination-page-trigger__trigger-item--page-trigger_1pnyd_133",
+  "purpur-pagination-page-trigger__trigger-item--selected": "_purpur-pagination-page-trigger__trigger-item--selected_1pnyd_142"
+}, V = w.bind(xe), m = "purpur-pagination-page-trigger", ee = k(
+  ({
+    ["data-testid"]: e = "purpur-pagination-page-trigger",
+    linkElement: r,
+    asLink: a,
+    className: g,
+    disabled: n,
+    hrefGetter: t,
+    onPageChange: _,
+    pageNumber: p,
+    selected: l,
+    stepNumberPrefix: u,
+    ...d
+  }, $) => {
+    const h = V(g, m);
+    return /* @__PURE__ */ i("li", { className: h, "data-testid": e, ref: $, ...d, children: a ? n ? /* @__PURE__ */ v(
+      "span",
+      {
+        className: V(
+          `${m}__trigger-item`,
+          `${m}__trigger-item--page-trigger`,
+          `${m}__trigger-item--sm`,
+          `${m}__trigger-item--icon-only`,
+          `${m}__trigger-item--disabled`
+        ),
+        "aria-current": l ? "page" : void 0,
+        "data-testid": `${e}-disabled-link`,
+        children: [
+          /* @__PURE__ */ i(S, { children: `${u} ` }),
+          p
+        ]
+      }
+    ) : /* @__PURE__ */ v(
+      r,
+      {
+        className: V(
+          `${m}__trigger-item`,
+          `${m}__trigger-item--page-trigger`,
+          `${m}__trigger-item--sm`,
+          `${m}__trigger-item--icon-only`,
+          { [`${m}__trigger-item--selected`]: l }
+        ),
+        "aria-current": l ? "page" : void 0,
+        "data-testid": `${e}-link`,
+        href: t(p),
+        onClick: () => _(p),
+        children: [
+          /* @__PURE__ */ i(S, { children: `${u} ` }),
+          p
+        ]
+      }
+    ) : /* @__PURE__ */ v(
+      "button",
+      {
+        "aria-disabled": n,
+        className: V(
+          `${m}__trigger-item`,
+          `${m}__trigger-item--page-trigger`,
+          `${m}__trigger-item--sm`,
+          `${m}__trigger-item--icon-only`,
+          { [`${m}__trigger-item--selected`]: l }
+        ),
+        "data-testid": `${e}-button`,
+        "aria-current": l ? "page" : void 0,
+        disabled: n,
+        onClick: () => _(p),
+        type: "button",
+        children: [
+          /* @__PURE__ */ i(S, { children: `${u} ` }),
+          p
+        ]
+      }
+    ) });
+  }
+);
+ee.displayName = "PaginationPageTrigger";
+const Ne = {
+  "purpur-pagination-pages": "_purpur-pagination-pages_2g8is_1"
+}, ze = {
+  "purpur-pagination-truncation-separator": "_purpur-pagination-truncation-separator_b9cij_1"
+}, Ce = w.bind(ze), we = "purpur-pagination-truncation-separator", ie = ({
+  ["data-testid"]: e = "purpur-pagination-truncation-separator",
+  className: r,
+  ["aria-label"]: a,
+  ...g
+}) => {
+  const n = Ce(r, we);
+  return /* @__PURE__ */ i("li", { className: n, "data-testid": e, ...g, children: /* @__PURE__ */ i(X, { "aria-label": a, children: "..." }) });
+};
+ie.displayName = "PaginationTruncationSeparator";
+const Se = w.bind(Ne), ke = "purpur-pagination-pages", re = k(
+  ({
+    ["data-testid"]: e = "purpur-pagination-pages",
+    linkElement: r,
+    asLink: a,
+    className: g,
+    currentPage: n,
+    hrefGetter: t,
+    onPageChange: _,
+    pages: p,
+    stepNumberPrefix: l,
+    truncationSeparatorAriaLabel: u,
+    ...d
+  }, $) => {
+    const h = Se(g, ke);
+    return /* @__PURE__ */ i("ol", { className: h, "data-testid": e, ref: $, ...d, children: p.flatMap((c, b, z) => {
+      const f = /* @__PURE__ */ ue(
+        ee,
+        {
+          ...a ? { asLink: !0, hrefGetter: t } : {
+            asLink: void 0,
+            hrefGetter: void 0
+          },
+          linkElement: r,
+          "data-testid": `${e}-page-${c}`,
+          key: c,
+          onPageChange: _,
+          selected: c === n,
+          stepNumberPrefix: l,
+          pageNumber: c
+        }
+      );
+      return b === 0 || z[b - 1] + 1 === c ? [f] : [
+        /* @__PURE__ */ i(
+          ie,
+          {
+            "data-testid": `${e}-truncation-separator-${c}`,
+            "aria-label": u
+          },
+          `${c}-separator`
+        ),
+        f
+      ];
+    }) });
+  }
+);
+re.displayName = "PaginationPages";
+const Pe = {
+  "purpur-pagination-step-trigger__trigger-item": "_purpur-pagination-step-trigger__trigger-item_1t19c_1",
+  "purpur-pagination-step-trigger__trigger-item--xs": "_purpur-pagination-step-trigger__trigger-item--xs_1t19c_22",
+  "purpur-pagination-step-trigger__trigger-item--icon-only": "_purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25",
+  "purpur-pagination-step-trigger__trigger-item--sm": "_purpur-pagination-step-trigger__trigger-item--sm_1t19c_28",
+  "purpur-pagination-step-trigger__trigger-item--md": "_purpur-pagination-step-trigger__trigger-item--md_1t19c_34",
+  "purpur-pagination-step-trigger__trigger-item--lg": "_purpur-pagination-step-trigger__trigger-item--lg_1t19c_40",
+  "purpur-pagination-step-trigger__trigger-item--full-width": "_purpur-pagination-step-trigger__trigger-item--full-width_1t19c_46",
+  "purpur-pagination-step-trigger__trigger-item--primary": "_purpur-pagination-step-trigger__trigger-item--primary_1t19c_64",
+  "purpur-pagination-step-trigger__trigger-item--disabled": "_purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68",
+  "purpur-pagination-step-trigger__trigger-item--primary-negative": "_purpur-pagination-step-trigger__trigger-item--primary-negative_1t19c_74",
+  "purpur-pagination-step-trigger__trigger-item--secondary": "_purpur-pagination-step-trigger__trigger-item--secondary_1t19c_86",
+  "purpur-pagination-step-trigger__trigger-item--secondary-negative": "_purpur-pagination-step-trigger__trigger-item--secondary-negative_1t19c_97",
+  "purpur-pagination-step-trigger__trigger-item--expressive": "_purpur-pagination-step-trigger__trigger-item--expressive_1t19c_108",
+  "purpur-pagination-step-trigger__trigger-item--expressive-negative": "_purpur-pagination-step-trigger__trigger-item--expressive-negative_1t19c_118",
+  "purpur-pagination-step-trigger__trigger-item--step-trigger": "_purpur-pagination-step-trigger__trigger-item--step-trigger_1t19c_130",
+  "purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only": "_purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only_1t19c_137"
+}, D = w.bind(Pe), s = "purpur-pagination-step-trigger", J = k(
+  ({
+    ["aria-label"]: e,
+    ["data-testid"]: r = "purpur-pagination-step-trigger",
+    linkElement: a,
+    asLink: g,
+    children: n,
+    className: t,
+    disabled: _,
+    hrefGetter: p,
+    onPageChange: l,
+    pageToNavigateTo: u,
+    isIconOnly: d,
+    ...$
+  }, h) => {
+    const c = D(t, s);
+    return /* @__PURE__ */ i("div", { className: c, "data-testid": r, ref: h, ...$, children: g ? _ ? /* @__PURE__ */ i(
+      "span",
+      {
+        "aria-label": e,
+        className: D(
+          `${s}__trigger-item`,
+          `${s}__trigger-item--step-trigger`,
+          `${s}__trigger-item--secondary`,
+          `${s}__trigger-item--sm`,
+          `${s}__trigger-item--disabled`,
+          { [`${s}__trigger-item--step-trigger--not-icon-only`]: !d }
+        ),
+        "data-testid": `${r}-disabled-link`,
+        children: n
+      }
+    ) : /* @__PURE__ */ i(
+      a,
+      {
+        "aria-label": e,
+        className: D(
+          `${s}__trigger-item`,
+          `${s}__trigger-item--step-trigger`,
+          `${s}__trigger-item--secondary`,
+          `${s}__trigger-item--sm`,
+          { [`${s}__trigger-item--step-trigger--not-icon-only`]: !d }
+        ),
+        "data-testid": `${r}-link`,
+        href: p(u),
+        onClick: () => l(u),
+        children: n
+      }
+    ) : /* @__PURE__ */ i(
+      "button",
+      {
+        "aria-disabled": _,
+        "aria-label": e,
+        className: D(
+          `${s}__trigger-item`,
+          `${s}__trigger-item--step-trigger`,
+          `${s}__trigger-item--secondary`,
+          `${s}__trigger-item--sm`,
+          {
+            [`${s}__trigger-item--disabled`]: _,
+            [`${s}__trigger-item--step-trigger--not-icon-only`]: !d
+          }
+        ),
+        "data-testid": `${r}-button`,
+        disabled: _,
+        onClick: () => l(u),
+        type: "button",
+        children: n
+      }
+    ) });
+  }
+);
+J.displayName = "PaginationStepTrigger";
+const Le = (e, r, a) => {
+  const [g, n] = q([]), [t, _] = q(0);
+  return ce(() => {
+    const p = Math.ceil(e / r);
+    _(p), n(Ae(p, a));
+  }, [e, r, a]), {
+    pages: g,
+    numberOfPages: t
+  };
+};
+function Ae(e, r) {
+  if (e <= 5)
+    return Array.from({ length: e }, (n, t) => t + 1);
+  const a = [1, 2, 3];
+  if (a.includes(r))
+    return [...a, 4, e];
+  const g = [e - 2, e - 1, e];
+  return g.includes(r) ? [1, e - 3, ...g] : [1, r - 1, r, r + 1, e];
+}
+const y = w.bind(ye), o = "purpur-pagination", Ee = k(
+  ({
+    ["data-testid"]: e = "purpur-pagination",
+    linkElement: r = "a",
+    asLink: a,
+    availablePageSizes: g,
+    className: n,
+    currentPage: t = 1,
+    hrefGetter: _,
+    navigationFunction: p,
+    nextButtonAriaLabel: l,
+    nextButtonText: u,
+    onPageChange: d,
+    outOfLabel: $,
+    pageSelectorId: h,
+    pageSelectorLabel: c,
+    pageSize: b = 10,
+    pageSizeLabel: z,
+    previousButtonAriaLabel: f,
+    previousButtonText: x,
+    stepNumberPrefix: C,
+    totalItems: F,
+    truncationSeparatorAriaLabel: te,
+    ...ae
+  }, ge) => {
+    const pe = y(n, o), [R, ne] = q(b), { pages: Z, numberOfPages: P } = Le(F, R, t), L = !x && !u, A = (N) => {
+      d?.({ currentPage: N, pageSize: b });
+    }, _e = (N) => _?.({ page: N, pageSize: b }) ?? "", se = (N) => {
+      ne(N), d?.({ currentPage: 1, pageSize: N });
+    }, oe = (N, K) => {
+      p ? p({ currentPage: N, pageSize: R, url: K }) : O(K);
+    }, E = a ? { asLink: !0, hrefGetter: _e } : {
+      asLink: void 0,
+      hrefGetter: void 0
+    }, le = a ? "nav" : "div";
+    return P ? /* @__PURE__ */ i(le, { className: pe, "data-testid": e, ref: ge, ...ae, children: /* @__PURE__ */ v(
+      "div",
+      {
+        className: y(`${o}__pagination-container`, {
+          [`${o}__pagination-container--with-page-size-select`]: !!g
+        }),
+        children: [
+          /* @__PURE__ */ v("div", { className: y(`${o}__page-navigation-container`), children: [
+            /* @__PURE__ */ v(
+              J,
+              {
+                ...E,
+                linkElement: r,
+                "aria-label": f,
+                className: y(`${o}__step-trigger`),
+                "data-testid": `${e}-previous-step-trigger`,
+                disabled: t === 1,
+                onPageChange: A,
+                pageToNavigateTo: t - 1,
+                isIconOnly: L,
+                children: [
+                  /* @__PURE__ */ i(B, { size: "sm" }),
+                  /* @__PURE__ */ i(
+                    "span",
+                    {
+                      className: y(`${o}__step-trigger-label`, {
+                        [`${o}__step-trigger-label--not-icon-only`]: !L
+                      }),
+                      children: x
+                    }
+                  ),
+                  t !== 1 && /* @__PURE__ */ i(S, { "data-testid": `${e}-previous-step-trigger-hidden-text`, children: `${C} ${t - 1}` })
+                ]
+              }
+            ),
+            /* @__PURE__ */ v("div", { className: y(`${o}__page-trigger-container`), children: [
+              /* @__PURE__ */ i(
+                T,
+                {
+                  ...E,
+                  className: y(`${o}__page-selector`, {
+                    [`${o}__page-selector--visible`]: Z.length > 3
+                  }),
+                  currentPage: t,
+                  "data-testid": `${e}-page-selector`,
+                  navigationFunction: oe,
+                  numberOfPages: P,
+                  onPageChange: A,
+                  outOfLabel: $,
+                  pageSelectorId: h,
+                  pageSelectorLabel: c
+                }
+              ),
+              /* @__PURE__ */ i(
+                re,
+                {
+                  ...E,
+                  linkElement: r,
+                  className: y(`${o}__pages`, {
+                    [`${o}__pages--visible`]: Z.length <= 3
+                  }),
+                  currentPage: t,
+                  "data-testid": `${e}-pages`,
+                  stepNumberPrefix: C,
+                  onPageChange: A,
+                  truncationSeparatorAriaLabel: te,
+                  pages: Z
+                }
+              )
+            ] }),
+            /* @__PURE__ */ v(
+              J,
+              {
+                ...E,
+                linkElement: r,
+                "aria-label": l,
+                className: y(`${o}__step-trigger`),
+                "data-testid": `${e}-next-step-trigger`,
+                disabled: t === P,
+                onPageChange: A,
+                pageToNavigateTo: t + 1,
+                isIconOnly: L,
+                children: [
+                  /* @__PURE__ */ i(
+                    "span",
+                    {
+                      className: y(`${o}__step-trigger-label`, {
+                        [`${o}__step-trigger-label--not-icon-only`]: !L
+                      }),
+                      children: u
+                    }
+                  ),
+                  t !== P && /* @__PURE__ */ i(S, { "data-testid": `${e}-next-step-trigger-hidden-text`, children: `${C} ${t + 1}` }),
+                  /* @__PURE__ */ i(de, { size: "sm" })
+                ]
+              }
+            )
+          ] }),
+          g && /* @__PURE__ */ i("div", { className: y(`${o}__page-size-select-container`), children: /* @__PURE__ */ i(
+            I,
+            {
+              ...a ? { asLink: !0, hrefGetter: _, navigationFunction: p } : { asLink: void 0, hrefGetter: void 0 },
+              availablePageSizes: g,
+              className: y(`${o}__page-size-selector`),
+              "data-testid": `${e}-page-size-selector`,
+              onPageSizeChange: se,
+              pageSize: R,
+              pageSizeLabel: z
+            }
+          ) })
+        ]
+      }
+    ) }) : null;
+  }
+);
+Ee.displayName = "Pagination";
+export {
+  Ee as P
+};
+//# sourceMappingURL=pagination-CVVCAQ65.mjs.map

package/dist/pagination-CVVCAQ65.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-CVVCAQ65.mjs","sources":["../../../components/icon/dist/components/arrow-left.es.js","../../../components/pagination/src/navigation.ts","../../../components/pagination/src/use-page-options.hook.ts","../../../components/pagination/src/pagination-page-selector.tsx","../../../components/pagination/src/use-page-size-options.hook.ts","../../../components/pagination/src/pagination-page-size-selector.tsx","../../../components/pagination/src/pagination-page-trigger.tsx","../../../components/pagination/src/pagination-truncation-separator.tsx","../../../components/pagination/src/pagination-pages.tsx","../../../components/pagination/src/pagination-step-trigger.tsx","../../../components/pagination/src/use-pagination-pages.hook.ts","../../../components/pagination/src/pagination.tsx"],"sourcesContent":["import { jsx as r } from \"react/jsx-runtime\";\nimport { I as e } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"arrow-left\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"arrow-left\"],\n  category: \"utility\"\n}, l = (o) => /* @__PURE__ */ r(e, { ...o, svg: t });\nl.displayName = \"IconArrowLeft\";\nexport {\n  l as IconArrowLeft\n};\n//# sourceMappingURL=arrow-left.es.js.map\n","export const navigateToPage = (url: string): void => {\n  window.location.href = url;\n};\n","import { useMemo } from \"react\";\nimport type { SelectOption } from \"@purpur/select\";\n\ntype UsePageOptionsHook = {\n  options: SelectOption[];\n};\n\nexport const usePageOptions = (numberOfPages: number): UsePageOptionsHook => {\n  const options = useMemo(\n    () =>\n      Array.from({ length: numberOfPages }, (_, i) => ({ label: `${i + 1}`, value: `${i + 1}` })),\n    [numberOfPages]\n  );\n\n  return {\n    options,\n  };\n};\n","import React, { type ChangeEvent, forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { Select } from \"@purpur/select\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./pagination-page-selector.module.scss\";\nimport { type InternalLinkProps, type InternalNoLinkProps } from \"./types\";\nimport { usePageOptions } from \"./use-page-options.hook\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationPageSelectorProps = Omit<BaseProps, \"children\"> & {\n  currentPage: number;\n  navigationFunction: (page: number, url: string) => void;\n  numberOfPages: number;\n  onPageChange: (page: number) => void;\n  outOfLabel: string;\n  pageSelectorId?: string;\n  pageSelectorLabel: string;\n} & (InternalLinkProps | InternalNoLinkProps);\n\nconst rootClassName = \"purpur-pagination-page-selector\";\n\nexport const PaginationPageSelector = forwardRef<HTMLDivElement, PaginationPageSelectorProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-page-selector\",\n      asLink,\n      className,\n      currentPage,\n      hrefGetter,\n      navigationFunction,\n      numberOfPages,\n      onPageChange,\n      outOfLabel,\n      pageSelectorId,\n      pageSelectorLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const id = useId();\n    const classes = cx(className, rootClassName);\n    const { options } = usePageOptions(numberOfPages);\n\n    const onSelectionChange = (event: ChangeEvent<HTMLSelectElement>) => {\n      const page = event.target.value ? Number(event.target.value) : 1;\n      onPageChange(page);\n      if (asLink) {\n        const url = hrefGetter?.(page) ?? \"\";\n        navigationFunction(page, url);\n      }\n    };\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <div className={cx(`${rootClassName}__select-container`)}>\n          <VisuallyHidden>\n            <Label data-testid={`${dataTestId}-label`} htmlFor={id}>\n              {pageSelectorLabel}\n            </Label>\n          </VisuallyHidden>\n          <Select\n            className={cx(`${rootClassName}__select`)}\n            data-testid={`${dataTestId}-select`}\n            id={pageSelectorId ?? id}\n            onChange={onSelectionChange}\n            options={options}\n            value={String(currentPage)}\n          />\n        </div>\n        <Paragraph\n          className={cx(`${rootClassName}__of-total-pages-label`)}\n          data-testid={`${dataTestId}-of-total-pages`}\n        >\n          {`${outOfLabel} ${numberOfPages}`}\n        </Paragraph>\n      </div>\n    );\n  }\n);\n\nPaginationPageSelector.displayName = \"PaginationPageSelector\";\n","import { useMemo } from \"react\";\nimport { type SelectOption } from \"@purpur/select\";\n\ntype UsePageSizeOptionsHook = {\n  options: SelectOption[];\n};\n\nexport const usePageSizeOptions = (availablePageSizes: number[]): UsePageSizeOptionsHook => {\n  const options = useMemo(\n    () =>\n      availablePageSizes.map((pageSize: number) => ({\n        label: `${pageSize}`,\n        value: `${pageSize}`,\n      })),\n    [availablePageSizes]\n  );\n\n  return {\n    options,\n  };\n};\n","import React, { type ChangeEvent, forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Label } from \"@purpur/label\";\nimport { Select } from \"@purpur/select\";\nimport c from \"classnames/bind\";\n\nimport { navigateToPage } from \"./navigation\";\nimport styles from \"./pagination-page-size-selector.module.scss\";\nimport { type LinkProps, type NoLinkProps } from \"./types\";\nimport { usePageSizeOptions } from \"./use-page-size-options.hook\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationPageSizeSelectorProps = Omit<BaseProps, \"children\"> & {\n  availablePageSizes: number[];\n  onPageSizeChange: (itemsPerPage: number) => void;\n  pageSize: number;\n  pageSizeLabel: string;\n} & (Omit<LinkProps, \"onPageChange\"> | Omit<NoLinkProps, \"onPageChange\">);\n\nconst rootClassName = \"purpur-pagination-page-size-selector\";\n\nexport const PaginationPageSizeSelector = forwardRef<\n  HTMLDivElement,\n  PaginationPageSizeSelectorProps\n>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-page-size-selector\",\n      asLink,\n      availablePageSizes,\n      className,\n      hrefGetter,\n      navigationFunction,\n      onPageSizeChange,\n      pageSize,\n      pageSizeLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const selectId = useId();\n    const classes = cx(className, rootClassName);\n    const { options } = usePageSizeOptions(availablePageSizes);\n\n    const onSelectionChange = (event: ChangeEvent<HTMLSelectElement>) => {\n      const selectedPageSize = Number(event.target.value);\n      onPageSizeChange(selectedPageSize);\n      if (asLink) {\n        const url = hrefGetter({ page: 1, pageSize: selectedPageSize });\n        if (navigationFunction) {\n          navigationFunction({ currentPage: 1, pageSize: selectedPageSize, url });\n        } else {\n          navigateToPage(url);\n        }\n      }\n    };\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <Label\n          className={cx(`${rootClassName}__items-per-page-label`)}\n          data-testid={`${dataTestId}-item-per-page-label`}\n          htmlFor={selectId}\n        >\n          <span className={cx(`${rootClassName}__items-per-page-label-text`)}>{pageSizeLabel}</span>\n        </Label>\n        <Select\n          className={cx(`${rootClassName}__select`)}\n          data-testid={`${dataTestId}-select`}\n          id={selectId}\n          onChange={onSelectionChange}\n          options={options}\n          value={pageSize}\n        />\n      </div>\n    );\n  }\n);\n\nPaginationPageSizeSelector.displayName = \"PaginationPageSizeSelector\";\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./pagination-page-trigger.module.scss\";\nimport { type InternalLinkProps, type InternalNoLinkProps, type Link } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationPageTriggerProps = Omit<BaseProps<\"li\">, \"children\"> & {\n  linkElement: Link;\n  disabled?: boolean;\n  onPageChange: (page: number) => void;\n  pageNumber: number;\n  selected: boolean;\n  stepNumberPrefix: string;\n} & (InternalLinkProps | InternalNoLinkProps);\n\nconst rootClassName = \"purpur-pagination-page-trigger\";\n\nexport const PaginationPageTrigger = forwardRef<HTMLLIElement, PaginationPageTriggerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-page-trigger\",\n      linkElement: LinkElement,\n      asLink,\n      className,\n      disabled,\n      hrefGetter,\n      onPageChange,\n      pageNumber,\n      selected,\n      stepNumberPrefix,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    return (\n      <li className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {asLink ? (\n          disabled ? (\n            <span\n              className={cx(\n                `${rootClassName}__trigger-item`,\n                `${rootClassName}__trigger-item--page-trigger`,\n                `${rootClassName}__trigger-item--sm`,\n                `${rootClassName}__trigger-item--icon-only`,\n                `${rootClassName}__trigger-item--disabled`\n              )}\n              aria-current={selected ? \"page\" : undefined}\n              data-testid={`${dataTestId}-disabled-link`}\n            >\n              <VisuallyHidden>{`${stepNumberPrefix} `}</VisuallyHidden>\n              {pageNumber}\n            </span>\n          ) : (\n            <LinkElement\n              className={cx(\n                `${rootClassName}__trigger-item`,\n                `${rootClassName}__trigger-item--page-trigger`,\n                `${rootClassName}__trigger-item--sm`,\n                `${rootClassName}__trigger-item--icon-only`,\n                { [`${rootClassName}__trigger-item--selected`]: selected }\n              )}\n              aria-current={selected ? \"page\" : undefined}\n              data-testid={`${dataTestId}-link`}\n              href={hrefGetter(pageNumber)}\n              onClick={() => onPageChange(pageNumber)}\n            >\n              <VisuallyHidden>{`${stepNumberPrefix} `}</VisuallyHidden>\n              {pageNumber}\n            </LinkElement>\n          )\n        ) : (\n          <button\n            aria-disabled={disabled}\n            className={cx(\n              `${rootClassName}__trigger-item`,\n              `${rootClassName}__trigger-item--page-trigger`,\n              `${rootClassName}__trigger-item--sm`,\n              `${rootClassName}__trigger-item--icon-only`,\n              { [`${rootClassName}__trigger-item--selected`]: selected }\n            )}\n            data-testid={`${dataTestId}-button`}\n            aria-current={selected ? \"page\" : undefined}\n            disabled={disabled}\n            onClick={() => onPageChange(pageNumber)}\n            type=\"button\"\n          >\n            <VisuallyHidden>{`${stepNumberPrefix} `}</VisuallyHidden>\n            {pageNumber}\n          </button>\n        )}\n      </li>\n    );\n  }\n);\n\nPaginationPageTrigger.displayName = \"PaginationPageTrigger\";\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./pagination-truncation-separator.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationTruncationSeparatorProps = Omit<BaseProps<\"li\">, \"children\">;\n\nconst rootClassName = \"purpur-pagination-truncation-separator\";\n\nexport const PaginationTruncationSeparator = ({\n  [\"data-testid\"]: dataTestId = \"purpur-pagination-truncation-separator\",\n  className,\n  [\"aria-label\"]: ariaLabel,\n  ...props\n}: PaginationTruncationSeparatorProps) => {\n  const classes = cx(className, rootClassName);\n\n  return (\n    <li className={classes} data-testid={dataTestId} {...props}>\n      <Paragraph aria-label={ariaLabel}>...</Paragraph>\n    </li>\n  );\n};\n\nPaginationTruncationSeparator.displayName = \"PaginationTruncationSeparator\";\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport { PaginationPageTrigger } from \"./pagination-page-trigger\";\nimport styles from \"./pagination-pages.module.scss\";\nimport { PaginationTruncationSeparator } from \"./pagination-truncation-separator\";\nimport { type InternalLinkProps, type InternalNoLinkProps, type Link } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationPagesProps = Omit<BaseProps<\"ol\">, \"children\"> & {\n  linkElement: Link;\n  currentPage: number;\n  onPageChange: (page: number) => void;\n  pages: number[];\n  stepNumberPrefix: string;\n  truncationSeparatorAriaLabel?: string;\n} & (InternalNoLinkProps | InternalLinkProps);\n\nconst rootClassName = \"purpur-pagination-pages\";\n\nexport const PaginationPages = forwardRef<HTMLOListElement, PaginationPagesProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-pages\",\n      linkElement: LinkElement,\n      asLink,\n      className,\n      currentPage,\n      hrefGetter,\n      onPageChange,\n      pages,\n      stepNumberPrefix,\n      truncationSeparatorAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    return (\n      <ol className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {pages.flatMap((pageNumber: number, idx: number, pages: number[]) => {\n          const TriggerComponent = (\n            <PaginationPageTrigger\n              {...(asLink\n                ? { asLink: true, hrefGetter }\n                : {\n                    asLink: undefined as never,\n                    hrefGetter: undefined as never,\n                  })}\n              linkElement={LinkElement}\n              data-testid={`${dataTestId}-page-${pageNumber}`}\n              key={pageNumber}\n              onPageChange={onPageChange}\n              selected={pageNumber === currentPage}\n              stepNumberPrefix={stepNumberPrefix}\n              pageNumber={pageNumber}\n            />\n          );\n          return idx === 0 || pages[idx - 1] + 1 === pageNumber\n            ? [TriggerComponent]\n            : [\n                <PaginationTruncationSeparator\n                  data-testid={`${dataTestId}-truncation-separator-${pageNumber}`}\n                  key={`${pageNumber}-separator`}\n                  aria-label={truncationSeparatorAriaLabel}\n                />,\n                TriggerComponent,\n              ];\n        })}\n      </ol>\n    );\n  }\n);\n\nPaginationPages.displayName = \"PaginationPages\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./pagination-step-trigger.module.scss\";\nimport { type InternalLinkProps, type InternalNoLinkProps, type Link } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationStepTriggerProps = Omit<BaseProps, \"children\"> & {\n  linkElement: Link;\n  children: ReactNode;\n  disabled: boolean;\n  onPageChange: (page: number) => void;\n  pageToNavigateTo: number;\n  isIconOnly: boolean;\n} & (InternalLinkProps | InternalNoLinkProps);\n\nconst rootClassName = \"purpur-pagination-step-trigger\";\n\nexport const PaginationStepTrigger = forwardRef<HTMLDivElement, PaginationStepTriggerProps>(\n  (\n    {\n      [\"aria-label\"]: ariaLabel,\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-step-trigger\",\n      linkElement: LinkElement,\n      asLink,\n      children,\n      className,\n      disabled,\n      hrefGetter,\n      onPageChange,\n      pageToNavigateTo,\n      isIconOnly,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {asLink ? (\n          disabled ? (\n            <span\n              aria-label={ariaLabel}\n              className={cx(\n                `${rootClassName}__trigger-item`,\n                `${rootClassName}__trigger-item--step-trigger`,\n                `${rootClassName}__trigger-item--secondary`,\n                `${rootClassName}__trigger-item--sm`,\n                `${rootClassName}__trigger-item--disabled`,\n                { [`${rootClassName}__trigger-item--step-trigger--not-icon-only`]: !isIconOnly }\n              )}\n              data-testid={`${dataTestId}-disabled-link`}\n            >\n              {children}\n            </span>\n          ) : (\n            <LinkElement\n              aria-label={ariaLabel}\n              className={cx(\n                `${rootClassName}__trigger-item`,\n                `${rootClassName}__trigger-item--step-trigger`,\n                `${rootClassName}__trigger-item--secondary`,\n                `${rootClassName}__trigger-item--sm`,\n                { [`${rootClassName}__trigger-item--step-trigger--not-icon-only`]: !isIconOnly }\n              )}\n              data-testid={`${dataTestId}-link`}\n              href={hrefGetter(pageToNavigateTo)}\n              onClick={() => onPageChange(pageToNavigateTo)}\n            >\n              {children}\n            </LinkElement>\n          )\n        ) : (\n          <button\n            aria-disabled={disabled}\n            aria-label={ariaLabel}\n            className={cx(\n              `${rootClassName}__trigger-item`,\n              `${rootClassName}__trigger-item--step-trigger`,\n              `${rootClassName}__trigger-item--secondary`,\n              `${rootClassName}__trigger-item--sm`,\n              {\n                [`${rootClassName}__trigger-item--disabled`]: disabled,\n                [`${rootClassName}__trigger-item--step-trigger--not-icon-only`]: !isIconOnly,\n              }\n            )}\n            data-testid={`${dataTestId}-button`}\n            disabled={disabled}\n            onClick={() => onPageChange(pageToNavigateTo)}\n            type=\"button\"\n          >\n            {children}\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n\nPaginationStepTrigger.displayName = \"PaginationStepTrigger\";\n","import { useEffect, useState } from \"react\";\n\ntype UsePaginationPagesHook = {\n  pages: number[];\n  numberOfPages: number;\n};\n\nexport const usePaginationPages = (\n  totalItems: number,\n  pageSize: number,\n  currentPage: number\n): UsePaginationPagesHook => {\n  const [pages, setPages] = useState<number[]>([]);\n  const [numberOfPages, setNumberOfPages] = useState<number>(0);\n\n  useEffect(() => {\n    const totalNumberOfPages = Math.ceil(totalItems / pageSize);\n    setNumberOfPages(totalNumberOfPages);\n    setPages(getPagesToDisplay(totalNumberOfPages, currentPage));\n  }, [totalItems, pageSize, currentPage]);\n\n  return {\n    pages,\n    numberOfPages,\n  };\n};\n\nfunction getPagesToDisplay(totalNumberOfPages: number, currentPage: number): number[] {\n  if (totalNumberOfPages <= 5) {\n    return Array.from({ length: totalNumberOfPages }, (_, i) => i + 1);\n  }\n  const firstThreePages = [1, 2, 3];\n  if (firstThreePages.includes(currentPage)) {\n    return [...firstThreePages, 4, totalNumberOfPages];\n  }\n  const lastThreePages = [totalNumberOfPages - 2, totalNumberOfPages - 1, totalNumberOfPages];\n  if (lastThreePages.includes(currentPage)) {\n    return [1, totalNumberOfPages - 3, ...lastThreePages];\n  }\n  return [1, currentPage - 1, currentPage, currentPage + 1, totalNumberOfPages];\n}\n","import React, { forwardRef, useState } from \"react\";\nimport { IconArrowLeft } from \"@purpur/icon/arrow-left\";\nimport { IconArrowRight } from \"@purpur/icon/arrow-right\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport { navigateToPage } from \"./navigation\";\nimport styles from \"./pagination.module.scss\";\nimport { PaginationPageSelector } from \"./pagination-page-selector\";\nimport { PaginationPageSizeSelector } from \"./pagination-page-size-selector\";\nimport { PaginationPages } from \"./pagination-pages\";\nimport { PaginationStepTrigger } from \"./pagination-step-trigger\";\nimport { type LinkProps, type NoLinkProps } from \"./types\";\nimport { usePaginationPages } from \"./use-pagination-pages.hook\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationTexts = {\n  nextButtonAriaLabel: string;\n  /**\n   *  Omiting this and previousButtonText will result in an icon-only button.\n   */\n  nextButtonText?: string;\n  /**\n   * This is the divider word between the current page and the total number of pages.\n   * For example, if the current page is 1 and the total number of pages is 10, the text will be \"1 of 10\".\n   */\n  outOfLabel: string;\n  /**\n   * This is a hidden label for the page selector\n   */\n  pageSelectorLabel: string;\n  /**\n   * This is the \"...\" text that is displayed when there are more pages than can be shown at once.\n   */\n  truncationSeparatorAriaLabel?: string;\n  previousButtonAriaLabel: string;\n  /**\n   *  Omiting this and nextButtonText will result in an icon-only button.\n   */\n  previousButtonText?: string;\n  /**\n   * This is a screen reader text that will be inserted before the current page number. For example, for step 1 it will say \"Go to step 1\".\n   */\n  stepNumberPrefix: string;\n};\n\nexport type PageSizeProps = {\n  availablePageSizes: number[];\n  pageSize?: number;\n  /**\n   * The label describing the page size select.\n   */\n  pageSizeLabel: string;\n};\n\nexport type NoPageSizeProps = {\n  availablePageSizes?: never;\n  pageSize?: number;\n  pageSizeLabel?: never;\n};\n\nexport type PaginationProps = {\n  currentPage: number;\n  pageSelectorId?: string;\n  totalItems: number;\n} & PaginationTexts &\n  (PageSizeProps | NoPageSizeProps) &\n  (LinkProps | NoLinkProps);\n\nconst rootClassName = \"purpur-pagination\";\n\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination\",\n      linkElement = \"a\",\n      asLink,\n      availablePageSizes,\n      className,\n      currentPage = 1,\n      hrefGetter,\n      navigationFunction,\n      nextButtonAriaLabel,\n      nextButtonText,\n      onPageChange,\n      outOfLabel,\n      pageSelectorId,\n      pageSelectorLabel,\n      pageSize = 10,\n      pageSizeLabel,\n      previousButtonAriaLabel,\n      previousButtonText,\n      stepNumberPrefix,\n      totalItems,\n      truncationSeparatorAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const [_pageSize, _setPageSize] = useState(pageSize);\n    const { pages, numberOfPages } = usePaginationPages(totalItems, _pageSize, currentPage);\n    const isIconOnly = !previousButtonText && !nextButtonText;\n\n    const _onPageChange = (page: number): void => {\n      onPageChange?.({ currentPage: page, pageSize });\n    };\n\n    const _hrefGetter = (page: number): string => {\n      return hrefGetter?.({ page, pageSize }) ?? \"\";\n    };\n\n    const _onPageSizeChange = (newPageSize: number): void => {\n      _setPageSize(newPageSize);\n      onPageChange?.({ currentPage: 1, pageSize: newPageSize });\n    };\n\n    const _navigationFunction = (page: number, url: string): void => {\n      if (navigationFunction) {\n        navigationFunction({ currentPage: page, pageSize: _pageSize, url });\n      } else {\n        navigateToPage(url);\n      }\n    };\n\n    const linkProps = asLink\n      ? { asLink: true as const, hrefGetter: _hrefGetter }\n      : {\n          asLink: undefined as never,\n          hrefGetter: undefined as never,\n        };\n\n    const ContainerTag = asLink ? \"nav\" : \"div\";\n\n    if (!numberOfPages) {\n      return null;\n    }\n\n    return (\n      <ContainerTag className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <div\n          className={cx(`${rootClassName}__pagination-container`, {\n            [`${rootClassName}__pagination-container--with-page-size-select`]: !!availablePageSizes,\n          })}\n        >\n          <div className={cx(`${rootClassName}__page-navigation-container`)}>\n            <PaginationStepTrigger\n              {...linkProps}\n              linkElement={linkElement}\n              aria-label={previousButtonAriaLabel}\n              className={cx(`${rootClassName}__step-trigger`)}\n              data-testid={`${dataTestId}-previous-step-trigger`}\n              disabled={currentPage === 1}\n              onPageChange={_onPageChange}\n              pageToNavigateTo={currentPage - 1}\n              isIconOnly={isIconOnly}\n            >\n              <IconArrowLeft size=\"sm\" />\n              <span\n                className={cx(`${rootClassName}__step-trigger-label`, {\n                  [`${rootClassName}__step-trigger-label--not-icon-only`]: !isIconOnly,\n                })}\n              >\n                {previousButtonText}\n              </span>\n              {currentPage !== 1 && (\n                <VisuallyHidden data-testid={`${dataTestId}-previous-step-trigger-hidden-text`}>\n                  {`${stepNumberPrefix} ${currentPage - 1}`}\n                </VisuallyHidden>\n              )}\n            </PaginationStepTrigger>\n            <div className={cx(`${rootClassName}__page-trigger-container`)}>\n              <PaginationPageSelector\n                {...linkProps}\n                className={cx(`${rootClassName}__page-selector`, {\n                  [`${rootClassName}__page-selector--visible`]: pages.length > 3,\n                })}\n                currentPage={currentPage}\n                data-testid={`${dataTestId}-page-selector`}\n                navigationFunction={_navigationFunction}\n                numberOfPages={numberOfPages}\n                onPageChange={_onPageChange}\n                outOfLabel={outOfLabel}\n                pageSelectorId={pageSelectorId}\n                pageSelectorLabel={pageSelectorLabel}\n              />\n              <PaginationPages\n                {...linkProps}\n                linkElement={linkElement}\n                className={cx(`${rootClassName}__pages`, {\n                  [`${rootClassName}__pages--visible`]: pages.length <= 3,\n                })}\n                currentPage={currentPage}\n                data-testid={`${dataTestId}-pages`}\n                stepNumberPrefix={stepNumberPrefix}\n                onPageChange={_onPageChange}\n                truncationSeparatorAriaLabel={truncationSeparatorAriaLabel}\n                pages={pages}\n              />\n            </div>\n            <PaginationStepTrigger\n              {...linkProps}\n              linkElement={linkElement}\n              aria-label={nextButtonAriaLabel}\n              className={cx(`${rootClassName}__step-trigger`)}\n              data-testid={`${dataTestId}-next-step-trigger`}\n              disabled={currentPage === numberOfPages}\n              onPageChange={_onPageChange}\n              pageToNavigateTo={currentPage + 1}\n              isIconOnly={isIconOnly}\n            >\n              <span\n                className={cx(`${rootClassName}__step-trigger-label`, {\n                  [`${rootClassName}__step-trigger-label--not-icon-only`]: !isIconOnly,\n                })}\n              >\n                {nextButtonText}\n              </span>\n              {currentPage !== numberOfPages && (\n                <VisuallyHidden data-testid={`${dataTestId}-next-step-trigger-hidden-text`}>\n                  {`${stepNumberPrefix} ${currentPage + 1}`}\n                </VisuallyHidden>\n              )}\n              <IconArrowRight size=\"sm\" />\n            </PaginationStepTrigger>\n          </div>\n          {availablePageSizes && (\n            <div className={cx(`${rootClassName}__page-size-select-container`)}>\n              <PaginationPageSizeSelector\n                {...(asLink\n                  ? { asLink: true, hrefGetter, navigationFunction }\n                  : { asLink: undefined as never, hrefGetter: undefined as never })}\n                availablePageSizes={availablePageSizes}\n                className={cx(`${rootClassName}__page-size-selector`)}\n                data-testid={`${dataTestId}-page-size-selector`}\n                onPageSizeChange={_onPageSizeChange}\n                pageSize={_pageSize}\n                pageSizeLabel={pageSizeLabel}\n              />\n            </div>\n          )}\n        </div>\n      </ContainerTag>\n    );\n  }\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":["t","l","o","r","e","navigateToPage","url","usePageOptions","numberOfPages","useMemo","_","i","cx","c","styles","rootClassName","PaginationPageSelector","forwardRef","dataTestId","asLink","className","currentPage","hrefGetter","navigationFunction","onPageChange","outOfLabel","pageSelectorId","pageSelectorLabel","props","ref","id","useId","classes","options","onSelectionChange","event","page","jsxs","jsx","VisuallyHidden","Label","Select","Paragraph","usePageSizeOptions","availablePageSizes","pageSize","PaginationPageSizeSelector","onPageSizeChange","pageSizeLabel","selectId","selectedPageSize","PaginationPageTrigger","LinkElement","disabled","pageNumber","selected","stepNumberPrefix","PaginationTruncationSeparator","ariaLabel","PaginationPages","pages","truncationSeparatorAriaLabel","idx","TriggerComponent","createElement","PaginationStepTrigger","children","pageToNavigateTo","isIconOnly","usePaginationPages","totalItems","setPages","useState","setNumberOfPages","useEffect","totalNumberOfPages","getPagesToDisplay","firstThreePages","lastThreePages","Pagination","linkElement","nextButtonAriaLabel","nextButtonText","previousButtonAriaLabel","previousButtonText","_pageSize","_setPageSize","_onPageChange","_hrefGetter","_onPageSizeChange","newPageSize","_navigationFunction","linkProps","ContainerTag","IconArrowLeft","IconArrowRight"],"mappings":"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"}