lecom-ui 2.6.8 → 2.7.0

package/dist/components/DataTable/DataTable.js

@@ -5,7 +5,8 @@ import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '.
 function DataTable({
   columns,
   data,
-  noResults
+  noResults,
+  onRowSelectionChange
 }) {
   const [sorting, setSorting] = React.useState([]);
   const [rowSelection, setRowSelection] = React.useState({});
@@ -28,6 +29,9 @@ function DataTable({
     }
     return meta["style"] ?? {};
   };
+  React.useEffect(() => {
+    onRowSelectionChange?.(rowSelection);
+  }, [onRowSelectionChange, rowSelection]);
   return /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-[8px] py-0 px-2 pb-2" }, /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(TableHeader, { className: "[&_tr]:border-b-[1.5px] [&_tr]:border-grey-400" }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => /* @__PURE__ */ React.createElement(
     TableHead,
     {

package/dist/components/Pagination/Pagination.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Button } from '../Button/Button.js';
 import { cn } from '../../lib/utils.js';
-import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
+import { ChevronFirst, ChevronLast, ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
 
 const Pagination = ({ className, ...props }) => /* @__PURE__ */ React.createElement(
   "nav",
@@ -24,6 +24,44 @@ const PaginationContent = React.forwardRef(({ className, ...props }, ref) => /*
 PaginationContent.displayName = "PaginationContent";
 const PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
+const PaginationFirst = ({
+  className,
+  disabled,
+  isActive,
+  onClick
+}) => /* @__PURE__ */ React.createElement(
+  Button,
+  {
+    disabled,
+    iconButton: true,
+    variant: "ghost",
+    color: "grey",
+    size: "small",
+    onClick,
+    className: cn(isActive && "bg-white", className)
+  },
+  /* @__PURE__ */ React.createElement(ChevronFirst, { size: 20 })
+);
+PaginationFirst.displayName = "PaginationFirst";
+const PaginationLast = ({
+  className,
+  disabled,
+  isActive,
+  onClick
+}) => /* @__PURE__ */ React.createElement(
+  Button,
+  {
+    disabled,
+    iconButton: true,
+    variant: "ghost",
+    color: "grey",
+    size: "small",
+    onClick,
+    className: cn(isActive && "bg-white", className)
+  },
+  /* @__PURE__ */ React.createElement(ChevronLast, { size: 20 })
+);
+PaginationLast.displayName = "PaginationLast";
 const PaginationPrevious = ({
   className,
   disabled,
@@ -108,4 +146,4 @@ const PaginationIndex = ({
 );
 PaginationIndex.displayName = "PaginationIndex";
 
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationIndex, PaginationItem, PaginationNext, PaginationPrevious };
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious };

package/dist/index.d.ts

@@ -243,8 +243,11 @@ interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];
     noResults?: React.ReactNode;
+    onRowSelectionChange?: (rowSelection: {
+        [key: string]: string;
+    }) => void;
 }
-declare function DataTable<TData, TValue>({ columns, data, noResults, }: DataTableProps<TData, TValue>): React.JSX.Element;
+declare function DataTable<TData, TValue>({ columns, data, noResults, onRowSelectionChange, }: DataTableProps<TData, TValue>): React.JSX.Element;
 
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -512,6 +515,14 @@ declare const Pagination: {
 };
 declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
 declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const PaginationFirst: {
+    ({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
+    displayName: string;
+};
+declare const PaginationLast: {
+    ({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
+    displayName: string;
+};
 declare const PaginationPrevious: {
     ({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
     displayName: string;
@@ -578,4 +589,4 @@ declare const fonts: {
     ibm: string[];
 };
 
-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 };
+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

@@ -13,7 +13,7 @@ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
 export { Layout } from './components/Layout/Layout.js';
 export { Notification, TypeMessageNotification, getPositionClass, notificationVariants } from './components/Notification/Notification.js';
 export { TOAST_REMOVE_DELAY, reducer, toast, useNotificationToast } from './components/Notification/useNotificationToast.js';
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationIndex, PaginationItem, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
 export { Popover, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
 export { Skeleton } from './components/Skeleton/Skeleton.js';
 export { Switch } from './components/Switch/Switch.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "2.6.8",
+  "version": "2.7.0",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",