lecom-ui 2.6.6 → 2.6.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Pagination/Pagination.js +41 -3
- package/dist/index.d.ts +9 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Button } from '../Button/Button.js';
|
|
3
3
|
import { cn } from '../../lib/utils.js';
|
|
4
|
-
import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
|
|
4
|
+
import { ChevronFirst, ChevronLast, ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
|
|
5
5
|
|
|
6
6
|
const Pagination = ({ className, ...props }) => /* @__PURE__ */ React.createElement(
|
|
7
7
|
"nav",
|
|
@@ -24,6 +24,44 @@ const PaginationContent = React.forwardRef(({ className, ...props }, ref) => /*
|
|
|
24
24
|
PaginationContent.displayName = "PaginationContent";
|
|
25
25
|
const PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("li", { ref, className: cn("", className), ...props }));
|
|
26
26
|
PaginationItem.displayName = "PaginationItem";
|
|
27
|
+
const PaginationFirst = ({
|
|
28
|
+
className,
|
|
29
|
+
disabled,
|
|
30
|
+
isActive,
|
|
31
|
+
onClick
|
|
32
|
+
}) => /* @__PURE__ */ React.createElement(
|
|
33
|
+
Button,
|
|
34
|
+
{
|
|
35
|
+
disabled,
|
|
36
|
+
iconButton: true,
|
|
37
|
+
variant: "ghost",
|
|
38
|
+
color: "grey",
|
|
39
|
+
size: "small",
|
|
40
|
+
onClick,
|
|
41
|
+
className: cn(isActive && "bg-white", className)
|
|
42
|
+
},
|
|
43
|
+
/* @__PURE__ */ React.createElement(ChevronFirst, { size: 20 })
|
|
44
|
+
);
|
|
45
|
+
PaginationFirst.displayName = "PaginationFirst";
|
|
46
|
+
const PaginationLast = ({
|
|
47
|
+
className,
|
|
48
|
+
disabled,
|
|
49
|
+
isActive,
|
|
50
|
+
onClick
|
|
51
|
+
}) => /* @__PURE__ */ React.createElement(
|
|
52
|
+
Button,
|
|
53
|
+
{
|
|
54
|
+
disabled,
|
|
55
|
+
iconButton: true,
|
|
56
|
+
variant: "ghost",
|
|
57
|
+
color: "grey",
|
|
58
|
+
size: "small",
|
|
59
|
+
onClick,
|
|
60
|
+
className: cn(isActive && "bg-white", className)
|
|
61
|
+
},
|
|
62
|
+
/* @__PURE__ */ React.createElement(ChevronLast, { size: 20 })
|
|
63
|
+
);
|
|
64
|
+
PaginationLast.displayName = "PaginationLast";
|
|
27
65
|
const PaginationPrevious = ({
|
|
28
66
|
className,
|
|
29
67
|
disabled,
|
|
@@ -70,7 +108,7 @@ const PaginationEllipsis = ({
|
|
|
70
108
|
onClick
|
|
71
109
|
}) => {
|
|
72
110
|
if (asChild) {
|
|
73
|
-
return /* @__PURE__ */ React.createElement(MoreHorizontal, { size: 20 });
|
|
111
|
+
return /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(MoreHorizontal, { size: 20, className: "text-grey-800" }));
|
|
74
112
|
}
|
|
75
113
|
return /* @__PURE__ */ React.createElement(
|
|
76
114
|
Button,
|
|
@@ -108,4 +146,4 @@ const PaginationIndex = ({
|
|
|
108
146
|
);
|
|
109
147
|
PaginationIndex.displayName = "PaginationIndex";
|
|
110
148
|
|
|
111
|
-
export { Pagination, PaginationContent, PaginationEllipsis, PaginationIndex, PaginationItem, PaginationNext, PaginationPrevious };
|
|
149
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious };
|
package/dist/index.d.ts
CHANGED
|
@@ -512,6 +512,14 @@ declare const Pagination: {
|
|
|
512
512
|
};
|
|
513
513
|
declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
514
514
|
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
515
|
+
declare const PaginationFirst: {
|
|
516
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
517
|
+
displayName: string;
|
|
518
|
+
};
|
|
519
|
+
declare const PaginationLast: {
|
|
520
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
521
|
+
displayName: string;
|
|
522
|
+
};
|
|
515
523
|
declare const PaginationPrevious: {
|
|
516
524
|
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
517
525
|
displayName: string;
|
|
@@ -578,4 +586,4 @@ declare const fonts: {
|
|
|
578
586
|
ibm: string[];
|
|
579
587
|
};
|
|
580
588
|
|
|
581
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type BgColor, Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, type CalloutNotificationProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FillColor, type Fonts, type HeaderProps, type InlineNotificationProps, Layout, type LayoutProps, LogoLecom, LogoLecomBrand, type LogoLecomBrandProps, type LogoLecomProps, ModoTeste, type ModoTesteProps, Notification, type NotificationProps, Pagination, PaginationContent, PaginationEllipsis, PaginationIndex, PaginationItem, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, Switch, TOAST_REMOVE_DELAY, Tag, type TagProps, type TextColor, type ToastNotificationProps, type ToasterToast, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TypeMessageNotification, Typography, type TypographyProps, accordionVariants, buttonVariants, colors, fonts, getPositionClass, notificationVariants, reducer, tagVariants, toast, typographyVariants, useNotificationToast };
|
|
589
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type BgColor, Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, type CalloutNotificationProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FillColor, type Fonts, type HeaderProps, type InlineNotificationProps, Layout, type LayoutProps, LogoLecom, LogoLecomBrand, type LogoLecomBrandProps, type LogoLecomProps, ModoTeste, type ModoTesteProps, Notification, type NotificationProps, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, Switch, TOAST_REMOVE_DELAY, Tag, type TagProps, type TextColor, type ToastNotificationProps, type ToasterToast, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TypeMessageNotification, Typography, type TypographyProps, accordionVariants, buttonVariants, colors, fonts, getPositionClass, notificationVariants, reducer, tagVariants, toast, typographyVariants, useNotificationToast };
|
package/dist/index.js
CHANGED
|
@@ -13,7 +13,7 @@ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
|
|
|
13
13
|
export { Layout } from './components/Layout/Layout.js';
|
|
14
14
|
export { Notification, TypeMessageNotification, getPositionClass, notificationVariants } from './components/Notification/Notification.js';
|
|
15
15
|
export { TOAST_REMOVE_DELAY, reducer, toast, useNotificationToast } from './components/Notification/useNotificationToast.js';
|
|
16
|
-
export { Pagination, PaginationContent, PaginationEllipsis, PaginationIndex, PaginationItem, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
|
|
16
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
|
|
17
17
|
export { Popover, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
|
|
18
18
|
export { Skeleton } from './components/Skeleton/Skeleton.js';
|
|
19
19
|
export { Switch } from './components/Switch/Switch.js';
|