@payfit/unity-components 2.47.4 → 2.47.6

package/dist/esm/components/page/parts/PageHeading.js

@@ -1,19 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { Text as n } from "../../text/Text.js";
-const i = a(
-  ({ variant: t, ...e }, o) => /* @__PURE__ */ r(
-    n,
-    {
-      "data-dd-privacy": "mask",
-      ...e,
-      ref: o,
-      variant: t === "title" ? "h1" : "subtitle",
-      color: t === "title" ? "content.neutral" : "content.neutral.low"
-    }
-  )
-);
-i.displayName = "PageHeading";
-export {
-  i as PageHeading
-};
+import { Text as e } from "../../text/Text.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/page/parts/PageHeading.tsx
+var r = t(({ variant: t, ...r }, i) => {
+	let a = t === "title" ? "h1" : "subtitle", o = t === "title" ? "content.neutral" : "content.neutral.low";
+	return /* @__PURE__ */ n(e, {
+		"data-dd-privacy": "mask",
+		...r,
+		ref: i,
+		variant: a,
+		color: o
+	});
+});
+r.displayName = "PageHeading";
+//#endregion
+export { r as PageHeading };

package/dist/esm/components/pagination/Pagination.js

@@ -1,102 +1,78 @@
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import { forwardRef as k, useRef as x, useCallback as f } from "react";
-import { uyTv as D } from "@payfit/unity-themes";
-import { useId as L } from "react-aria/useId";
-import { useIntl as A } from "react-intl";
-import { useOverlayTriggerState as I } from "react-stately/useOverlayTriggerState";
-import { PaginationJumpDialog as T } from "../client-side-pagination/parts/PaginationJumpDialog.js";
-import { PaginationContext as R } from "./PaginationContext.js";
-const g = D({
-  slots: {
-    base: "uy:flex uy:gap-100 uy:relative"
-  }
-}), j = k(
-  ({ children: c, pageCount: o, currentPage: i, onPageChange: s, ...p }, d) => {
-    const y = L(), b = A(), n = I({}), e = x(/* @__PURE__ */ new Map()), w = {
-      paginationLabel: b.formatMessage({
-        id: "unity:component:pagination:label",
-        defaultMessage: "Pagination"
-      })
-    }, l = {
-      paginationListId: `uy:pagination-${y}__list`
-    }, u = f(
-      (t) => {
-        s(t, i, Math.sign(t - i)), n.close(), requestAnimationFrame(() => {
-          const a = e.current.get(t);
-          a && a.focus();
-        });
-      },
-      [s, n, e, i]
-    ), v = f(
-      (t) => {
-        t.preventDefault();
-        let a = i;
-        switch (t.key) {
-          case "ArrowLeft":
-          case "ArrowDown":
-            a = Math.max(1, i - 1);
-            break;
-          case "ArrowRight":
-          case "ArrowUp":
-            a = o === -1 ? i + 1 : Math.min(i + 1, o);
-            break;
-          case "Home":
-            a = 1;
-            break;
-          case "End":
-            o !== -1 && (a = o);
-            break;
-        }
-        a !== i && (s(
-          a,
-          i,
-          Math.sign(a - i)
-        ), setTimeout(() => {
-          const m = e.current.get(a);
-          m && m.focus();
-        }, 0));
-      },
-      [o, i, s]
-    ), { base: M } = g();
-    return /* @__PURE__ */ r(
-      R.Provider,
-      {
-        value: {
-          pageCount: o,
-          currentPage: i,
-          onPageChange: s,
-          a11yIds: l,
-          pageRefs: e,
-          onKeyDown: v
-        },
-        children: /* @__PURE__ */ h(
-          "nav",
-          {
-            "data-dd-privacy": "allow",
-            ...p,
-            ref: d,
-            className: M(),
-            "aria-label": w.paginationLabel,
-            "aria-describedby": l.paginationListId,
-            children: [
-              /* @__PURE__ */ r(
-                T,
-                {
-                  pageCount: o,
-                  onJumpToPage: u,
-                  state: n
-                }
-              ),
-              c
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-j.displayName = "Pagination";
-export {
-  j as Pagination,
-  g as pagination
-};
+import { PaginationJumpDialog as e } from "../client-side-pagination/parts/PaginationJumpDialog.js";
+import { PaginationContext as t } from "./PaginationContext.js";
+import { forwardRef as n, useCallback as r, useRef as i } from "react";
+import { uyTv as a } from "@payfit/unity-themes";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useIntl as c } from "react-intl";
+import { useId as l } from "react-aria/useId";
+import { useOverlayTriggerState as u } from "react-stately/useOverlayTriggerState";
+//#region src/components/pagination/Pagination.tsx
+var d = a({ slots: { base: "uy:flex uy:gap-100 uy:relative" } }), f = n(({ children: n, pageCount: a, currentPage: f, onPageChange: p, ...m }, h) => {
+	let g = l(), _ = c(), v = u({}), y = i(/* @__PURE__ */ new Map()), b = { paginationLabel: _.formatMessage({
+		id: "unity:component:pagination:label",
+		defaultMessage: "Pagination"
+	}) }, x = { paginationListId: `uy:pagination-${g}__list` }, S = r((e) => {
+		p(e, f, Math.sign(e - f)), v.close(), requestAnimationFrame(() => {
+			let t = y.current.get(e);
+			t && t.focus();
+		});
+	}, [
+		p,
+		v,
+		y,
+		f
+	]), C = r((e) => {
+		e.preventDefault();
+		let t = f;
+		switch (e.key) {
+			case "ArrowLeft":
+			case "ArrowDown":
+				t = Math.max(1, f - 1);
+				break;
+			case "ArrowRight":
+			case "ArrowUp":
+				t = a === -1 ? f + 1 : Math.min(f + 1, a);
+				break;
+			case "Home":
+				t = 1;
+				break;
+			case "End":
+				a !== -1 && (t = a);
+				break;
+		}
+		t !== f && (p(t, f, Math.sign(t - f)), setTimeout(() => {
+			let e = y.current.get(t);
+			e && e.focus();
+		}, 0));
+	}, [
+		a,
+		f,
+		p
+	]), { base: w } = d();
+	return /* @__PURE__ */ o(t.Provider, {
+		value: {
+			pageCount: a,
+			currentPage: f,
+			onPageChange: p,
+			a11yIds: x,
+			pageRefs: y,
+			onKeyDown: C
+		},
+		children: /* @__PURE__ */ s("nav", {
+			"data-dd-privacy": "allow",
+			...m,
+			ref: h,
+			className: w(),
+			"aria-label": b.paginationLabel,
+			"aria-describedby": x.paginationListId,
+			children: [/* @__PURE__ */ o(e, {
+				pageCount: a,
+				onJumpToPage: S,
+				state: v
+			}), n]
+		})
+	});
+});
+f.displayName = "Pagination";
+//#endregion
+export { f as Pagination, d as pagination };

package/dist/esm/components/pagination/PaginationContext.js

@@ -1,15 +1,9 @@
-import { createContext as n, useContext as o } from "react";
-const e = n(
-  null
-), a = () => {
-  const t = o(e);
-  if (!t)
-    throw new Error(
-      "usePaginationContext must be used within a Pagination component"
-    );
-  return t;
-};
-export {
-  e as PaginationContext,
-  a as usePaginationContext
+import { createContext as e, useContext as t } from "react";
+//#region src/components/pagination/PaginationContext.tsx
+var n = e(null), r = () => {
+	let e = t(n);
+	if (!e) throw Error("usePaginationContext must be used within a Pagination component");
+	return e;
 };
+//#endregion
+export { n as PaginationContext, r as usePaginationContext };

package/dist/esm/components/pagination/hooks/use-pagination-state.js

@@ -1,27 +1,21 @@
-import { useState as l, useCallback as o } from "react";
-function m({
-  pageCount: i,
-  initialPage: r = 1,
-  onPageChange: n
-}) {
-  const [t, a] = l(r), c = t - 1, u = t + 1, s = o(
-    (e) => {
-      n && n(e, t, Math.sign(e - t)), a(Math.max(1, Math.min(i, e)));
-    },
-    [t, i, n]
-  ), f = o(
-    (e) => {
-      s(e === "previous" ? t - 1 : e === "next" ? t + 1 : e);
-    },
-    [t, s]
-  );
-  return {
-    currentPage: t,
-    previousPage: c,
-    nextPage: u,
-    goToPage: f
-  };
+import { useCallback as e, useState as t } from "react";
+//#region src/components/pagination/hooks/use-pagination-state.ts
+function n({ pageCount: n, initialPage: r = 1, onPageChange: i }) {
+	let [a, o] = t(r), s = a - 1, c = a + 1, l = e((e) => {
+		i && i(e, a, Math.sign(e - a)), o(Math.max(1, Math.min(n, e)));
+	}, [
+		a,
+		n,
+		i
+	]);
+	return {
+		currentPage: a,
+		previousPage: s,
+		nextPage: c,
+		goToPage: e((e) => {
+			l(e === "previous" ? a - 1 : e === "next" ? a + 1 : e);
+		}, [a, l])
+	};
 }
-export {
-  m as usePaginationState
-};
+//#endregion
+export { n as usePaginationState };

package/dist/esm/components/pagination/hooks/use-pagination-window.js

@@ -1,15 +1,12 @@
+import { generatePaginationWithWindow as e } from "../utils/pagination-window.js";
 import { useMemo as t } from "react";
-import { generatePaginationWithWindow as r } from "../utils/pagination-window.js";
-function a({
-  pageCount: o,
-  currentPage: i,
-  windowSize: n = 7
-}) {
-  return t(
-    () => r(o, i, n),
-    [o, i, n]
-  );
+//#region src/components/pagination/hooks/use-pagination-window.ts
+function n({ pageCount: n, currentPage: r, windowSize: i = 7 }) {
+	return t(() => e(n, r, i), [
+		n,
+		r,
+		i
+	]);
 }
-export {
-  a as usePaginationWindow
-};
+//#endregion
+export { n as usePaginationWindow };

package/dist/esm/components/pagination/parts/PaginationContent.js

@@ -1,37 +1,26 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as m, useMemo as p } from "react";
-import { uyTv as g } from "@payfit/unity-themes";
-import { useIntl as c } from "react-intl";
-import { usePaginationContext as f } from "../PaginationContext.js";
-const y = g({
-  base: "uy:flex uy:gap-100 uy:list-none uy:m-0 uy:p-0"
-}), d = m(
-  ({ children: t, ...o }, a) => {
-    const n = c(), { pageCount: e, currentPage: i, a11yIds: r } = f(), s = n.formatMessage(
-      {
-        id: "unity:component:pagination:page-list:label",
-        defaultMessage: "Page {current} of {total}"
-      },
-      {
-        current: i,
-        total: e
-      }
-    ), u = p(() => y(), []);
-    return /* @__PURE__ */ l(
-      "ul",
-      {
-        ...o,
-        ref: a,
-        id: r.pagesList,
-        className: u,
-        "aria-label": s,
-        children: t
-      }
-    );
-  }
-);
-d.displayName = "PaginationContent";
-export {
-  d as PaginationContent,
-  y as paginationContent
-};
+import { usePaginationContext as e } from "../PaginationContext.js";
+import { forwardRef as t, useMemo as n } from "react";
+import { uyTv as r } from "@payfit/unity-themes";
+import { jsx as i } from "react/jsx-runtime";
+import { useIntl as a } from "react-intl";
+//#region src/components/pagination/parts/PaginationContent.tsx
+var o = r({ base: "uy:flex uy:gap-100 uy:list-none uy:m-0 uy:p-0" }), s = t(({ children: t, ...r }, s) => {
+	let c = a(), { pageCount: l, currentPage: u, a11yIds: d } = e(), f = c.formatMessage({
+		id: "unity:component:pagination:page-list:label",
+		defaultMessage: "Page {current} of {total}"
+	}, {
+		current: u,
+		total: l
+	}), p = n(() => o(), []);
+	return /* @__PURE__ */ i("ul", {
+		...r,
+		ref: s,
+		id: d.pagesList,
+		className: p,
+		"aria-label": f,
+		children: t
+	});
+});
+s.displayName = "PaginationContent";
+//#endregion
+export { s as PaginationContent, o as paginationContent };

package/dist/esm/components/pagination/parts/PaginationEllipsis.js

@@ -1,34 +1,34 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { uyTv as y } from "@payfit/unity-themes";
-import { Button as c } from "react-aria-components/Button";
-import { useIntl as p, FormattedMessage as f } from "react-intl";
-const m = y({
-  base: [
-    "uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-pill uy:cursor-default",
-    "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"
-  ]
-}), d = r(({ value: n, ...s }, o) => {
-  const t = p(), [u, e] = n, l = e === 1 / 0 ? t.formatMessage({
-    id: "unity:component:common:unknown",
-    defaultMessage: "unknown"
-  }) : e;
-  return /* @__PURE__ */ a(c, { ref: o, className: m(), ...s, children: [
-    /* @__PURE__ */ i("span", { "aria-hidden": !0, children: "…" }),
-    /* @__PURE__ */ i("span", { className: "uy:sr-only", children: /* @__PURE__ */ i(
-      f,
-      {
-        id: "unity:component:pagination:ellipsis:label",
-        defaultMessage: "More pages",
-        values: {
-          start: u,
-          end: l
-        }
-      }
-    ) })
-  ] });
+import { forwardRef as e } from "react";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { FormattedMessage as i, useIntl as a } from "react-intl";
+import { Button as o } from "react-aria-components/Button";
+//#region src/components/pagination/parts/PaginationEllipsis.tsx
+var s = t({ base: ["uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-pill uy:cursor-default", "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"] }), c = e(({ value: e, ...t }, c) => {
+	let l = a(), [u, d] = e, f = d === Infinity ? l.formatMessage({
+		id: "unity:component:common:unknown",
+		defaultMessage: "unknown"
+	}) : d;
+	return /* @__PURE__ */ r(o, {
+		ref: c,
+		className: s(),
+		...t,
+		children: [/* @__PURE__ */ n("span", {
+			"aria-hidden": !0,
+			children: "…"
+		}), /* @__PURE__ */ n("span", {
+			className: "uy:sr-only",
+			children: /* @__PURE__ */ n(i, {
+				id: "unity:component:pagination:ellipsis:label",
+				defaultMessage: "More pages",
+				values: {
+					start: u,
+					end: f
+				}
+			})
+		})]
+	});
 });
-d.displayName = "PaginationEllipsis";
-export {
-  d as PaginationEllipsis
-};
+c.displayName = "PaginationEllipsis";
+//#endregion
+export { c as PaginationEllipsis };

package/dist/esm/components/pagination/parts/PaginationItem.js

@@ -1,22 +1,17 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { usePaginationContext as p } from "../PaginationContext.js";
-const f = m(
-  ({ children: o, pageNumber: a, pageCount: i, ...e }, n) => {
-    const { pageCount: r } = p(), t = i ?? r;
-    return /* @__PURE__ */ s(
-      "li",
-      {
-        ...e,
-        ref: n,
-        "aria-setsize": t !== -1 ? t : void 0,
-        "aria-posinset": a,
-        children: o
-      }
-    );
-  }
-);
-f.displayName = "PaginationItem";
-export {
-  f as PaginationItem
-};
+import { usePaginationContext as e } from "../PaginationContext.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/pagination/parts/PaginationItem.tsx
+var r = t(({ children: t, pageNumber: r, pageCount: i, ...a }, o) => {
+	let { pageCount: s } = e(), c = i ?? s, l = c === -1 ? void 0 : c;
+	return /* @__PURE__ */ n("li", {
+		...a,
+		ref: o,
+		"aria-setsize": l,
+		"aria-posinset": r,
+		children: t
+	});
+});
+r.displayName = "PaginationItem";
+//#endregion
+export { r as PaginationItem };

package/dist/esm/components/pagination/parts/RawPaginationLink.js

@@ -1,60 +1,50 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as w, useRef as h, useCallback as u } from "react";
-import { uyTv as v } from "@payfit/unity-themes";
-import { Link as x } from "react-aria-components/Link";
-import { useIntl as P } from "react-intl";
-import { usePaginationContext as k } from "../PaginationContext.js";
-const R = v({
-  base: [
-    "uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-pill uy:transition-colors",
-    "uy:enabled:text-content-neutral-enabled uy:enabled:bg-transparent uy:cursor-pointer",
-    "uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-surface-neutral-lowest-disabled uy:data-[disabled]:cursor-not-allowed",
-    "uy:hover:text-content-neutral-hover uy:hover:bg-surface-neutral-lowest-hover",
-    "uy:active:text-content-neutral-pressed uy:active:bg-surface-neutral-lowest-pressed uy:data-[pressed]:text-content-neutral-pressed uy:data-[pressed]:bg-surface-neutral-lowest-pressed",
-    "uy:aria-[current=page]:bg-surface-neutral-lowest-selected",
-    "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2",
-    "uy:data-[focus-visible]:outline-2 uy:data-[focus-visible]:outline-solid uy:data-[focus-visible]:outline-utility-focus-ring uy:data-[focus-visible]:outline-offset-2"
-  ]
-}), C = w(
-  ({ isCurrent: r, isDisabled: l, value: t, onPress: c, ...a }, n) => {
-    const y = P(), { currentPage: s, onKeyDown: f, pageRefs: i, onPageChange: o } = k(), d = h(null), g = u(
-      (e) => {
-        d.current = e, e ? i.current.set(t, e) : i.current.delete(t), typeof n == "function" ? n(e) : n && (n.current = e);
-      },
-      [t, i, n]
-    ), b = r ?? s === t, p = u(() => {
-      if (!a.href) {
-        const e = t > s ? 1 : -1;
-        o(t, s, e);
-      }
-    }, [t, s, o, a.href]);
-    return /* @__PURE__ */ m(
-      x,
-      {
-        ...a,
-        ref: g,
-        className: R(),
-        isDisabled: l,
-        onPress: c ?? p,
-        "aria-current": b ? "page" : void 0,
-        "aria-label": y.formatMessage(
-          {
-            id: "unity:component:pagination:link:label",
-            defaultMessage: "Page {page}"
-          },
-          {
-            page: t
-          }
-        ),
-        onKeyDown: (e) => {
-          f(e);
-        }
-      }
-    );
-  }
-);
-C.displayName = "RawPaginationLink";
-export {
-  C as RawPaginationLink,
-  R as paginationLink
-};
+import { usePaginationContext as e } from "../PaginationContext.js";
+import { forwardRef as t, useCallback as n, useRef as r } from "react";
+import { uyTv as i } from "@payfit/unity-themes";
+import { jsx as a } from "react/jsx-runtime";
+import { useIntl as o } from "react-intl";
+import { Link as s } from "react-aria-components/Link";
+//#region src/components/pagination/parts/RawPaginationLink.tsx
+var c = i({ base: [
+	"uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-pill uy:transition-colors",
+	"uy:enabled:text-content-neutral-enabled uy:enabled:bg-transparent uy:cursor-pointer",
+	"uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-surface-neutral-lowest-disabled uy:data-[disabled]:cursor-not-allowed",
+	"uy:hover:text-content-neutral-hover uy:hover:bg-surface-neutral-lowest-hover",
+	"uy:active:text-content-neutral-pressed uy:active:bg-surface-neutral-lowest-pressed uy:data-[pressed]:text-content-neutral-pressed uy:data-[pressed]:bg-surface-neutral-lowest-pressed",
+	"uy:aria-[current=page]:bg-surface-neutral-lowest-selected",
+	"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2",
+	"uy:data-[focus-visible]:outline-2 uy:data-[focus-visible]:outline-solid uy:data-[focus-visible]:outline-utility-focus-ring uy:data-[focus-visible]:outline-offset-2"
+] }), l = t(({ isCurrent: t, isDisabled: i, value: l, onPress: u, ...d }, f) => {
+	let p = o(), { currentPage: m, onKeyDown: h, pageRefs: g, onPageChange: _ } = e(), v = r(null), y = n((e) => {
+		v.current = e, e ? g.current.set(l, e) : g.current.delete(l), typeof f == "function" ? f(e) : f && (f.current = e);
+	}, [
+		l,
+		g,
+		f
+	]), b = t ?? m === l, x = n(() => {
+		d.href || _(l, m, l > m ? 1 : -1);
+	}, [
+		l,
+		m,
+		_,
+		d.href
+	]);
+	return /* @__PURE__ */ a(s, {
+		...d,
+		ref: y,
+		className: c(),
+		isDisabled: i,
+		onPress: u ?? x,
+		"aria-current": b ? "page" : void 0,
+		"aria-label": p.formatMessage({
+			id: "unity:component:pagination:link:label",
+			defaultMessage: "Page {page}"
+		}, { page: l }),
+		onKeyDown: (e) => {
+			h(e);
+		}
+	});
+});
+l.displayName = "RawPaginationLink";
+//#endregion
+export { l as RawPaginationLink, c as paginationLink };