@payfit/unity-components
Version:
54 lines (53 loc) • 2.17 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/RawPaginationPrevious.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]:text-content-neutral-pressed uy:data-[pressed]:bg-surface-neutral-lowest-pressed",
"uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-transparent uy:data-[disabled]: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, onPageChange: h } = n(), g = f.formatMessage({
id: "unity:component:common:previous",
defaultMessage: "Previous"
}), _ = f.formatMessage({
id: "unity:component:pagination:nav-button:description",
defaultMessage: "Go to previous page"
}, { variant: g });
return /* @__PURE__ */ a(t, {
title: g,
children: /* @__PURE__ */ a(s, {
ref: d,
href: i,
className: c(),
isDisabled: r,
onPress: l ?? (() => {
!i && m > 1 && h(m - 1, m, -1);
}),
"aria-label": g,
"aria-description": _,
onKeyDown: (e) => {
p(e);
},
...u,
children: /* @__PURE__ */ a(e, {
src: "CaretLeftOutlined",
size: 20,
color: "inherit",
role: "presentation"
})
})
});
});
l.displayName = "RawPaginationPrevious";
//#endregion
export { l as RawPaginationPrevious };