@payfit/unity-components
Version:
54 lines (53 loc) • 2.19 kB
JavaScript
import { Icon as e } from "../../icon/Icon.js";
import { Tooltip as t } from "../../tooltip/Tooltip.js";
import { usePaginationContext as n } from "../PaginationContext.js";
import { forwardRef 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/RawPaginationNext.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-circle uy:transition-colors",
"uy:text-content-neutral-lowest uy:enabled:bg-transparent uy:cursor-pointer",
"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=true]:text-content-neutral-pressed uy:data-[pressed=true]:bg-surface-neutral-lowest-pressed",
"uy:data-[disabled=true]:text-content-neutral-disabled uy:data-[disabled=true]:bg-transparent uy:data-[disabled=true]:cursor-not-allowed",
"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"
] }), l = r(({ isDisabled: r, href: i, onPress: l, ...u }, d) => {
let f = o(), { onKeyDown: p, currentPage: m, pageCount: h, onPageChange: g } = n(), _ = f.formatMessage({
id: "unity:component:common:next",
defaultMessage: "Next"
}), v = f.formatMessage({
id: "unity:component:pagination:nav-button:description",
defaultMessage: "Go to next page"
}, { variant: _ });
return /* @__PURE__ */ a(t, {
title: _,
children: /* @__PURE__ */ a(s, {
ref: d,
href: i,
className: c(),
isDisabled: r,
onPress: l ?? (() => {
!i && (h === -1 || m < h) && g(m + 1, m, 1);
}),
"aria-label": _,
"aria-description": v,
onKeyDown: (e) => {
p(e);
},
...u,
children: /* @__PURE__ */ a(e, {
src: "CaretRightOutlined",
size: 20,
color: "inherit",
role: "presentation"
})
})
});
});
l.displayName = "RawPaginationNext";
//#endregion
export { l as RawPaginationNext };