@purpur/library 9.9.0 → 9.10.1

package/dist/pagination-CS1AMyBl.mjs

@@ -1,559 +0,0 @@
-import { jsxs as h, jsx as i } from "react/jsx-runtime";
-import { useMemo as U, forwardRef as P, useId as W, createElement as le, useState as J, useEffect as ue } from "react";
-import { l as ce } from "./arrow-left.es-DU-PX-Il.mjs";
-import { i as me } from "./arrow-right.es-C7SkjAB6.mjs";
-import { V as S } from "./visually-hidden-BYFkJEp1.mjs";
-import { c as C } from "./bind-CU-R61T-.mjs";
-import { L as X } from "./label-7sJe5-pX.mjs";
-import { P as Y } from "./paragraph-CwAdFoIm.mjs";
-import { S as Z } from "./select-XNPtpZhh.mjs";
-const B = (e) => {
-  window.location.href = e;
-}, de = {
-  "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"
-}, $e = {
-  "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"
-}, ye = (e) => ({
-  options: U(
-    () => Array.from({ length: e }, (g, a) => ({ label: `${a + 1}`, value: `${a + 1}` })),
-    [e]
-  )
-}), j = C.bind($e), M = "purpur-pagination-page-selector", O = P(
-  ({
-    ["data-testid"]: e = "purpur-pagination-page-selector",
-    asLink: t,
-    className: g,
-    currentPage: a,
-    hrefGetter: n,
-    navigationFunction: r,
-    numberOfPages: _,
-    onPageChange: p,
-    outOfLabel: l,
-    pageSelectorId: u,
-    pageSelectorLabel: d,
-    ...$
-  }, v) => {
-    const c = W(), b = j(g, M), { options: N } = ye(_), k = (f) => {
-      const z = f.target.value ? Number(f.target.value) : 1;
-      if (p(z), t) {
-        const H = n?.(z) ?? "";
-        r(z, H);
-      }
-    };
-    return /* @__PURE__ */ h("div", { className: b, "data-testid": e, ref: v, ...$, children: [
-      /* @__PURE__ */ h("div", { className: j(`${M}__select-container`), children: [
-        /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(X, { "data-testid": `${e}-label`, htmlFor: c, children: d }) }),
-        /* @__PURE__ */ i(
-          Z,
-          {
-            className: j(`${M}__select`),
-            "data-testid": `${e}-select`,
-            id: u ?? c,
-            onChange: k,
-            options: N,
-            value: String(a)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i(
-        Y,
-        {
-          className: j(`${M}__of-total-pages-label`),
-          "data-testid": `${e}-of-total-pages`,
-          children: `${l} ${_}`
-        }
-      )
-    ] });
-  }
-);
-O.displayName = "PaginationPageSelector";
-const ve = {
-  "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"
-}, he = (e) => ({
-  options: U(
-    () => e.map((g) => ({
-      label: `${g}`,
-      value: `${g}`
-    })),
-    [e]
-  )
-}), A = C.bind(ve), V = "purpur-pagination-page-size-selector", T = P(
-  ({
-    ["data-testid"]: e = "purpur-pagination-page-size-selector",
-    asLink: t,
-    availablePageSizes: g,
-    className: a,
-    hrefGetter: n,
-    navigationFunction: r,
-    onPageSizeChange: _,
-    pageSize: p,
-    pageSizeLabel: l,
-    ...u
-  }, d) => {
-    const $ = W(), v = A(a, V), { options: c } = he(g), b = (N) => {
-      const k = Number(N.target.value);
-      if (_(k), t) {
-        const f = n({ page: 1, pageSize: k });
-        r ? r({ currentPage: 1, pageSize: k, url: f }) : B(f);
-      }
-    };
-    return /* @__PURE__ */ h("div", { className: v, "data-testid": e, ref: d, ...u, children: [
-      /* @__PURE__ */ i(
-        X,
-        {
-          className: A(`${V}__items-per-page-label`),
-          "data-testid": `${e}-item-per-page-label`,
-          htmlFor: $,
-          children: /* @__PURE__ */ i("span", { className: A(`${V}__items-per-page-label-text`), children: l })
-        }
-      ),
-      /* @__PURE__ */ i(
-        Z,
-        {
-          className: A(`${V}__select`),
-          "data-testid": `${e}-select`,
-          id: $,
-          onChange: b,
-          options: c,
-          value: p
-        }
-      )
-    ] });
-  }
-);
-T.displayName = "PaginationPageSizeSelector";
-const be = {
-  "purpur-pagination-page-trigger": "_purpur-pagination-page-trigger_kvdyl_1",
-  "purpur-pagination-page-trigger__trigger-item": "_purpur-pagination-page-trigger__trigger-item_kvdyl_4",
-  "purpur-pagination-page-trigger__trigger-item--xs": "_purpur-pagination-page-trigger__trigger-item--xs_kvdyl_26",
-  "purpur-pagination-page-trigger__trigger-item--icon-only": "_purpur-pagination-page-trigger__trigger-item--icon-only_kvdyl_29",
-  "purpur-pagination-page-trigger__trigger-item--sm": "_purpur-pagination-page-trigger__trigger-item--sm_kvdyl_32",
-  "purpur-pagination-page-trigger__trigger-item--md": "_purpur-pagination-page-trigger__trigger-item--md_kvdyl_38",
-  "purpur-pagination-page-trigger__trigger-item--lg": "_purpur-pagination-page-trigger__trigger-item--lg_kvdyl_44",
-  "purpur-pagination-page-trigger__trigger-item--full-width": "_purpur-pagination-page-trigger__trigger-item--full-width_kvdyl_50",
-  "purpur-pagination-page-trigger__trigger-item--primary": "_purpur-pagination-page-trigger__trigger-item--primary_kvdyl_68",
-  "purpur-pagination-page-trigger__trigger-item--disabled": "_purpur-pagination-page-trigger__trigger-item--disabled_kvdyl_72",
-  "purpur-pagination-page-trigger__trigger-item--primary-negative": "_purpur-pagination-page-trigger__trigger-item--primary-negative_kvdyl_78",
-  "purpur-pagination-page-trigger__trigger-item--secondary": "_purpur-pagination-page-trigger__trigger-item--secondary_kvdyl_90",
-  "purpur-pagination-page-trigger__trigger-item--secondary-negative": "_purpur-pagination-page-trigger__trigger-item--secondary-negative_kvdyl_101",
-  "purpur-pagination-page-trigger__trigger-item--expressive": "_purpur-pagination-page-trigger__trigger-item--expressive_kvdyl_112",
-  "purpur-pagination-page-trigger__trigger-item--expressive-negative": "_purpur-pagination-page-trigger__trigger-item--expressive-negative_kvdyl_122",
-  "purpur-pagination-page-trigger__trigger-item--page-trigger": "_purpur-pagination-page-trigger__trigger-item--page-trigger_kvdyl_134",
-  "purpur-pagination-page-trigger__trigger-item--selected": "_purpur-pagination-page-trigger__trigger-item--selected_kvdyl_143"
-}, D = C.bind(be), m = "purpur-pagination-page-trigger", I = P(
-  ({
-    ["data-testid"]: e = "purpur-pagination-page-trigger",
-    linkElement: t,
-    asLink: g,
-    className: a,
-    disabled: n,
-    hrefGetter: r,
-    onPageChange: _,
-    pageNumber: p,
-    selected: l,
-    stepNumberPrefix: u,
-    ...d
-  }, $) => {
-    const v = D(a, m);
-    return /* @__PURE__ */ i("li", { className: v, "data-testid": e, ref: $, ...d, children: g ? n ? /* @__PURE__ */ h(
-      "span",
-      {
-        className: D(
-          `${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__ */ h(
-      t,
-      {
-        className: D(
-          `${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: r(p),
-        onClick: () => _(p),
-        children: [
-          /* @__PURE__ */ i(S, { children: `${u} ` }),
-          p
-        ]
-      }
-    ) : /* @__PURE__ */ h(
-      "button",
-      {
-        "aria-disabled": n,
-        className: D(
-          `${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
-        ]
-      }
-    ) });
-  }
-);
-I.displayName = "PaginationPageTrigger";
-const ke = {
-  "purpur-pagination-pages": "_purpur-pagination-pages_2g8is_1"
-}, fe = {
-  "purpur-pagination-truncation-separator": "_purpur-pagination-truncation-separator_b9cij_1"
-}, xe = C.bind(fe), Ne = "purpur-pagination-truncation-separator", ee = ({
-  ["data-testid"]: e = "purpur-pagination-truncation-separator",
-  className: t,
-  ["aria-label"]: g,
-  ...a
-}) => {
-  const n = xe(t, Ne);
-  return /* @__PURE__ */ i("li", { className: n, "data-testid": e, ...a, children: /* @__PURE__ */ i(Y, { "aria-label": g, children: "..." }) });
-};
-ee.displayName = "PaginationTruncationSeparator";
-const ze = C.bind(ke), Ce = "purpur-pagination-pages", ie = P(
-  ({
-    ["data-testid"]: e = "purpur-pagination-pages",
-    linkElement: t,
-    asLink: g,
-    className: a,
-    currentPage: n,
-    hrefGetter: r,
-    onPageChange: _,
-    pages: p,
-    stepNumberPrefix: l,
-    truncationSeparatorAriaLabel: u,
-    ...d
-  }, $) => {
-    const v = ze(a, Ce);
-    return /* @__PURE__ */ i("ol", { className: v, "data-testid": e, ref: $, ...d, children: p.flatMap((c, b, N) => {
-      const k = /* @__PURE__ */ le(
-        I,
-        {
-          ...g ? { asLink: !0, hrefGetter: r } : {
-            asLink: void 0,
-            hrefGetter: void 0
-          },
-          linkElement: t,
-          "data-testid": `${e}-page-${c}`,
-          key: c,
-          onPageChange: _,
-          selected: c === n,
-          stepNumberPrefix: l,
-          pageNumber: c
-        }
-      );
-      return b === 0 || N[b - 1] + 1 === c ? [k] : [
-        /* @__PURE__ */ i(
-          ee,
-          {
-            "data-testid": `${e}-truncation-separator-${c}`,
-            "aria-label": u
-          },
-          `${c}-separator`
-        ),
-        k
-      ];
-    }) });
-  }
-);
-ie.displayName = "PaginationPages";
-const Se = {
-  "purpur-pagination-step-trigger__trigger-item": "_purpur-pagination-step-trigger__trigger-item_1ttbi_1",
-  "purpur-pagination-step-trigger__trigger-item--xs": "_purpur-pagination-step-trigger__trigger-item--xs_1ttbi_23",
-  "purpur-pagination-step-trigger__trigger-item--icon-only": "_purpur-pagination-step-trigger__trigger-item--icon-only_1ttbi_26",
-  "purpur-pagination-step-trigger__trigger-item--sm": "_purpur-pagination-step-trigger__trigger-item--sm_1ttbi_29",
-  "purpur-pagination-step-trigger__trigger-item--md": "_purpur-pagination-step-trigger__trigger-item--md_1ttbi_35",
-  "purpur-pagination-step-trigger__trigger-item--lg": "_purpur-pagination-step-trigger__trigger-item--lg_1ttbi_41",
-  "purpur-pagination-step-trigger__trigger-item--full-width": "_purpur-pagination-step-trigger__trigger-item--full-width_1ttbi_47",
-  "purpur-pagination-step-trigger__trigger-item--primary": "_purpur-pagination-step-trigger__trigger-item--primary_1ttbi_65",
-  "purpur-pagination-step-trigger__trigger-item--disabled": "_purpur-pagination-step-trigger__trigger-item--disabled_1ttbi_69",
-  "purpur-pagination-step-trigger__trigger-item--primary-negative": "_purpur-pagination-step-trigger__trigger-item--primary-negative_1ttbi_75",
-  "purpur-pagination-step-trigger__trigger-item--secondary": "_purpur-pagination-step-trigger__trigger-item--secondary_1ttbi_87",
-  "purpur-pagination-step-trigger__trigger-item--secondary-negative": "_purpur-pagination-step-trigger__trigger-item--secondary-negative_1ttbi_98",
-  "purpur-pagination-step-trigger__trigger-item--expressive": "_purpur-pagination-step-trigger__trigger-item--expressive_1ttbi_109",
-  "purpur-pagination-step-trigger__trigger-item--expressive-negative": "_purpur-pagination-step-trigger__trigger-item--expressive-negative_1ttbi_119",
-  "purpur-pagination-step-trigger__trigger-item--step-trigger": "_purpur-pagination-step-trigger__trigger-item--step-trigger_1ttbi_131",
-  "purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only": "_purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only_1ttbi_138"
-}, F = C.bind(Se), s = "purpur-pagination-step-trigger", K = P(
-  ({
-    ["aria-label"]: e,
-    ["data-testid"]: t = "purpur-pagination-step-trigger",
-    linkElement: g,
-    asLink: a,
-    children: n,
-    className: r,
-    disabled: _,
-    hrefGetter: p,
-    onPageChange: l,
-    pageToNavigateTo: u,
-    isIconOnly: d,
-    ...$
-  }, v) => {
-    const c = F(r, s);
-    return /* @__PURE__ */ i("div", { className: c, "data-testid": t, ref: v, ...$, children: a ? _ ? /* @__PURE__ */ i(
-      "span",
-      {
-        "aria-label": e,
-        className: F(
-          `${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": `${t}-disabled-link`,
-        children: n
-      }
-    ) : /* @__PURE__ */ i(
-      g,
-      {
-        "aria-label": e,
-        className: F(
-          `${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": `${t}-link`,
-        href: p(u),
-        onClick: () => l(u),
-        children: n
-      }
-    ) : /* @__PURE__ */ i(
-      "button",
-      {
-        "aria-disabled": _,
-        "aria-label": e,
-        className: F(
-          `${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": `${t}-button`,
-        disabled: _,
-        onClick: () => l(u),
-        type: "button",
-        children: n
-      }
-    ) });
-  }
-);
-K.displayName = "PaginationStepTrigger";
-const Pe = (e, t, g) => {
-  const [a, n] = J([]), [r, _] = J(0);
-  return ue(() => {
-    const p = Math.ceil(e / t);
-    _(p), n(we(p, g));
-  }, [e, t, g]), {
-    pages: a,
-    numberOfPages: r
-  };
-};
-function we(e, t) {
-  if (e <= 5)
-    return Array.from({ length: e }, (n, r) => r + 1);
-  const g = [1, 2, 3];
-  if (g.includes(t))
-    return [...g, 4, e];
-  const a = [e - 2, e - 1, e];
-  return a.includes(t) ? [1, e - 3, ...a] : [1, t - 1, t, t + 1, e];
-}
-const y = C.bind(de), o = "purpur-pagination", Ee = P(
-  ({
-    ["data-testid"]: e = "purpur-pagination",
-    linkElement: t = "a",
-    asLink: g,
-    availablePageSizes: a,
-    className: n,
-    currentPage: r = 1,
-    hrefGetter: _,
-    navigationFunction: p,
-    nextButtonAriaLabel: l,
-    nextButtonText: u,
-    onPageChange: d,
-    outOfLabel: $,
-    pageSelectorId: v,
-    pageSelectorLabel: c,
-    pageSize: b = 10,
-    pageSizeLabel: N,
-    previousButtonAriaLabel: k,
-    previousButtonText: f,
-    stepNumberPrefix: z,
-    totalItems: H,
-    truncationSeparatorAriaLabel: te,
-    ...re
-  }, ge) => {
-    const ae = y(n, o), [R, pe] = J(b), { pages: q, numberOfPages: w } = Pe(H, R, r), E = !f && !u, G = (x) => {
-      d?.({ currentPage: x, pageSize: b });
-    }, ne = (x) => _?.({ page: x, pageSize: b }) ?? "", _e = (x) => {
-      pe(x), d?.({ currentPage: 1, pageSize: x });
-    }, se = (x, Q) => {
-      p ? p({ currentPage: x, pageSize: R, url: Q }) : B(Q);
-    }, L = g ? { asLink: !0, hrefGetter: ne } : {
-      asLink: void 0,
-      hrefGetter: void 0
-    }, oe = g ? "nav" : "div";
-    return w ? /* @__PURE__ */ i(oe, { className: ae, "data-testid": e, ref: ge, ...re, children: /* @__PURE__ */ h(
-      "div",
-      {
-        className: y(`${o}__pagination-container`, {
-          [`${o}__pagination-container--with-page-size-select`]: !!a
-        }),
-        children: [
-          /* @__PURE__ */ h("div", { className: y(`${o}__page-navigation-container`), children: [
-            /* @__PURE__ */ h(
-              K,
-              {
-                ...L,
-                linkElement: t,
-                "aria-label": k,
-                className: y(`${o}__step-trigger`),
-                "data-testid": `${e}-previous-step-trigger`,
-                disabled: r === 1,
-                onPageChange: G,
-                pageToNavigateTo: r - 1,
-                isIconOnly: E,
-                children: [
-                  /* @__PURE__ */ i(ce, { size: "sm" }),
-                  /* @__PURE__ */ i(
-                    "span",
-                    {
-                      className: y(`${o}__step-trigger-label`, {
-                        [`${o}__step-trigger-label--not-icon-only`]: !E
-                      }),
-                      children: f
-                    }
-                  ),
-                  r !== 1 && /* @__PURE__ */ i(S, { "data-testid": `${e}-previous-step-trigger-hidden-text`, children: `${z} ${r - 1}` })
-                ]
-              }
-            ),
-            /* @__PURE__ */ h("div", { className: y(`${o}__page-trigger-container`), children: [
-              /* @__PURE__ */ i(
-                O,
-                {
-                  ...L,
-                  className: y(`${o}__page-selector`, {
-                    [`${o}__page-selector--visible`]: q.length > 3
-                  }),
-                  currentPage: r,
-                  "data-testid": `${e}-page-selector`,
-                  navigationFunction: se,
-                  numberOfPages: w,
-                  onPageChange: G,
-                  outOfLabel: $,
-                  pageSelectorId: v,
-                  pageSelectorLabel: c
-                }
-              ),
-              /* @__PURE__ */ i(
-                ie,
-                {
-                  ...L,
-                  linkElement: t,
-                  className: y(`${o}__pages`, {
-                    [`${o}__pages--visible`]: q.length <= 3
-                  }),
-                  currentPage: r,
-                  "data-testid": `${e}-pages`,
-                  stepNumberPrefix: z,
-                  onPageChange: G,
-                  truncationSeparatorAriaLabel: te,
-                  pages: q
-                }
-              )
-            ] }),
-            /* @__PURE__ */ h(
-              K,
-              {
-                ...L,
-                linkElement: t,
-                "aria-label": l,
-                className: y(`${o}__step-trigger`),
-                "data-testid": `${e}-next-step-trigger`,
-                disabled: r === w,
-                onPageChange: G,
-                pageToNavigateTo: r + 1,
-                isIconOnly: E,
-                children: [
-                  /* @__PURE__ */ i(
-                    "span",
-                    {
-                      className: y(`${o}__step-trigger-label`, {
-                        [`${o}__step-trigger-label--not-icon-only`]: !E
-                      }),
-                      children: u
-                    }
-                  ),
-                  r !== w && /* @__PURE__ */ i(S, { "data-testid": `${e}-next-step-trigger-hidden-text`, children: `${z} ${r + 1}` }),
-                  /* @__PURE__ */ i(me, { size: "sm" })
-                ]
-              }
-            )
-          ] }),
-          a && /* @__PURE__ */ i("div", { className: y(`${o}__page-size-select-container`), children: /* @__PURE__ */ i(
-            T,
-            {
-              ...g ? { asLink: !0, hrefGetter: _, navigationFunction: p } : { asLink: void 0, hrefGetter: void 0 },
-              availablePageSizes: a,
-              className: y(`${o}__page-size-selector`),
-              "data-testid": `${e}-page-size-selector`,
-              onPageSizeChange: _e,
-              pageSize: R,
-              pageSizeLabel: N
-            }
-          ) })
-        ]
-      }
-    ) }) : null;
-  }
-);
-Ee.displayName = "Pagination";
-export {
-  Ee as P
-};
-//# sourceMappingURL=pagination-CS1AMyBl.mjs.map

package/dist/pagination-CS1AMyBl.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-CS1AMyBl.mjs","sources":["../../../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":["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":["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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"}