lecom-ui 5.2.90 → 5.2.92

package/dist/components/DataTable/DataTable.utils.js

@@ -113,8 +113,10 @@ function buildColumns({
       width: externalColumn.width,
       fixed: externalColumn.fixed,
       truncate: !!externalColumn.truncate,
+      align: externalColumn.align,
       headerClassName: externalColumn.headerClassName,
-      headerStyle: externalColumn.headerStyle
+      headerStyle: externalColumn.headerStyle,
+      cellClassName: externalColumn.cellClassName
     },
     sortingFn: (rowA, rowB, columnId) => {
       if (externalColumn.onSortClient) {

package/dist/components/DataTable/Table.js

@@ -19,11 +19,13 @@ function Table({
         overflow: "hidden",
         maxWidth: "0",
         textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
+        whiteSpace: "nowrap",
+        textAlign: meta.align || "left"
       };
     }
     return {
-      width: meta.width
+      width: meta.width,
+      textAlign: meta.align || "left"
     };
   };
   const getFixed = (meta) => meta.fixed;
@@ -51,10 +53,10 @@ function Table({
       ),
       "data-header": header.id,
       "data-fixed": getFixed(header.column.columnDef.meta),
-      style: styleColumn(
-        header.column.columnDef.meta,
-        "th"
-      ),
+      style: {
+        ...styleColumn(header.column.columnDef.meta, "th"),
+        ...header.column.columnDef.meta?.headerStyle
+      },
       onClick: header.column.getToggleSortingHandler()
     },
     header.isPlaceholder ? null : flexRender(
@@ -72,7 +74,10 @@ function Table({
       "td",
       {
         key: cell.id,
-        className: "p-4 py-0 h-10 [&:has([role=checkbox])]:pr-0 transition-colors shadow-[0_-0.5px_0px_0px_#c9c9c9_inset] text-left",
+        className: cn(
+          "p-4 py-0 h-10 [&:has([role=checkbox])]:pr-0 transition-colors shadow-[0_-0.5px_0px_0px_#c9c9c9_inset] text-left",
+          cell.column.columnDef.meta?.cellClassName
+        ),
         "data-column": cell.column.id,
         "data-fixed": getFixed(cell.column.columnDef.meta),
         style: styleColumn(cell.column.columnDef.meta, "td")

package/dist/index.d.ts

@@ -473,8 +473,10 @@ interface Column<TData, TValue> {
     width?: number | string;
     fixed?: string;
     truncate?: boolean;
+    align?: 'left' | 'center' | 'right';
     headerClassName?: string;
     headerStyle?: React.CSSProperties;
+    cellClassName?: string;
     customHeaderRender?: ({ table, column, }: ColumnSort<TData, TValue>) => React.ReactNode;
     render?: (({ value, row }: ColumnRender<TData, TValue>) => React.ReactNode) | React.ReactNode;
     onSort?: ({ table, column }: ColumnSort<TData, TValue>) => void;
@@ -520,7 +522,15 @@ interface BuildCellSelect<TData, TValue> {
     checkedCell: Column<TData, TValue>['checkedCell'];
     onCheckedCellChange: Column<TData, TValue>['onCheckedCellChange'];
 }
-type Meta = Record<string, string | number>;
+interface Meta {
+    width?: number | string;
+    fixed?: string;
+    truncate?: boolean;
+    align?: 'left' | 'center' | 'right';
+    headerClassName?: string;
+    headerStyle?: React.CSSProperties;
+    cellClassName?: string;
+}
 interface TableProps<TData, TValue> {
     table: Table<TData>;
     isLoading?: boolean;
@@ -1100,12 +1110,12 @@ type ComboboxProps = {
 };
 declare function Combobox({ options, value, onChange, placeholder, disabled, notFoundContent, status, searchTerm, triggerClassName, contentClassName, }: ComboboxProps): React$1.JSX.Element;
 
-interface TagValue {
+interface TagItem {
     label: string;
     value: string;
 }
 interface TagInputProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    value: TagValue[];
+    value: TagItem[];
     onRemove: (value: string) => void;
     placeholder?: string;
     disabled?: boolean;
@@ -1196,4 +1206,4 @@ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive
 declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapse, Combobox, CustomDivider, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Rpa, SairModoTeste, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spin, Steps, Switch, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, collapseTriggerVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
-export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, ComboboxGroup, ComboboxOption, ComboboxProps, CustomStyles$1 as CustomStyles, DataTableProps, DatePickerProps, DialogContentProps, ErrorEmptyDisplayProps, ExpandIconPosition, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, StepsProps, SwitchProps, TableProps, TagInputProps, TagProps, TagValue, TextColor, TextareaProps, TimelineStepItem, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };
+export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, ComboboxGroup, ComboboxOption, ComboboxProps, CustomStyles$1 as CustomStyles, DataTableProps, DatePickerProps, DialogContentProps, ErrorEmptyDisplayProps, ExpandIconPosition, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, StepsProps, SwitchProps, TableProps, TagInputProps, TagItem, TagProps, TextColor, TextareaProps, TimelineStepItem, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };

package/package.json

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