eai-frontend-components 2.0.65 → 2.0.67

package/dist/index.d.ts

@@ -208,7 +208,7 @@ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -224,7 +224,7 @@ declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pic
     ref?: React$1.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
@@ -234,7 +234,7 @@ declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
@@ -243,14 +243,14 @@ declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React$1.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -259,7 +259,7 @@ declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
@@ -268,7 +268,7 @@ declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "onSelect" | "value" | "disabled"> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -1341,7 +1341,7 @@ declare const addDaysToToday: (days: number) => Date;
 declare const isValidDate: (date: Date | undefined) => date is Date;
 declare const isDateRangeValid: (startDate: Date, endDate: Date, maxDays?: number) => boolean;
 
-declare const downloadWithServiceWorker: (urlDownload: string, fileName: string) => Promise<void>;
+declare const downloadWithServiceWorker: (urlDownload: string) => Promise<void>;
 
 /**
  * Formats a phone number string with proper mask.

package/dist/index.esm.js

@@ -542,7 +542,7 @@ const DrawerOverlay = React$1.forwardRef(({ className, ...props }, ref) => jsx(D
 DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
 const DrawerContent = React$1.forwardRef(({ className, children, ...props }, ref) => (jsxs(DrawerPortal, { children: [jsx(DrawerOverlay, {}), jsxs(Drawer$1.Content, { ref: ref, className: cn('fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background', className), ...props, children: [jsx("div", { className: 'mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted' }), children] })] })));
 DrawerContent.displayName = 'DrawerContent';
-const DrawerHeader = ({ className, ...props }) => jsx("div", { className: cn('grid gap-1.5', className), ...props });
+const DrawerHeader = ({ className, ...props }) => (jsx("div", { className: cn('grid gap-1.5 py-4', className), ...props }));
 DrawerHeader.displayName = 'DrawerHeader';
 const DrawerFooter = ({ className, ...props }) => (jsx("div", { className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
 DrawerFooter.displayName = 'DrawerFooter';
@@ -9516,7 +9516,7 @@ const MultiSelect = React$1.forwardRef(({ control, name, label, subLabel, helpTe
         }
     };
     return (jsx(FormField, { control: control, name: name, render: ({ field }) => (jsxs(FormItem, { children: [jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), jsxs(Popover, { open: isPopoverOpen, onOpenChange: setIsPopoverOpen, modal: modalPopover, children: [jsx(PopoverTrigger, { asChild: true, children: jsx(Button, { ref: ref, ...props, onClick: handleTogglePopover, type: 'button', className: cn('flex w-full p-1 rounded-md border min-h-10 h-auto items-center justify-between bg-background hover:bg-background [&_svg]:size-3.5', className), children: field.value?.length > 0 ? (jsxs("div", { className: 'flex justify-between items-center w-full', children: [jsxs("div", { className: 'flex items-center', children: [jsx("div", { className: `grid grid-cols-${maxCount}`, children: field.value.slice(0, maxCount).map((option) => {
-                                                        return (jsxs(Badge, { className: cn(multiSelectVariants({ variant })), onClick: (event) => {
+                                                        return (jsxs(Badge, { className: cn('justify-between', multiSelectVariants({ variant })), onClick: (event) => {
                                                                 event.stopPropagation();
                                                                 toggleOption(option, field);
                                                             }, children: [jsx("div", { className: 'truncate', children: option?.label }), jsx(X, { className: 'ml-2 cursor-pointer text-zinc-500' })] }, `msoptlbl-${option.value}`));
@@ -10327,12 +10327,15 @@ const NavUser = ({ userName, userEmail, userInitials, callbackLogout }) => {
                                 } }) }) }), jsxs(DropdownMenuContent, { className: 'w-[250px] rounded-lg', side: isMobile ? 'bottom' : 'right', align: 'end', sideOffset: 4, children: [jsx(DropdownMenuLabel, { className: 'p-0 font-normal', children: jsxs("div", { className: 'flex items-center gap-2 px-1 py-1.5 text-left text-sm', children: [jsxs(Avatar, { className: 'h-8 w-8 rounded-lg', children: [jsx(AvatarImage, { src: userInitials, alt: userName }), jsx(AvatarFallback, { className: 'rounded-lg bg-background-primary text-white', children: userInitials })] }), jsxs("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [jsx("span", { className: 'truncate font-semibold', children: userName }), jsx("span", { className: 'truncate text-xs', children: userEmail })] })] }) }), jsx(DropdownMenuItem, { className: 'p-0 font-normal cursor-pointer', onClick: () => handleLogout(), children: jsxs("div", { className: 'flex items-center gap-2 px-1 py-1.5 text-left text-sm', children: [jsx("div", { className: 'flex w-8 h-8 p-2 items-center rounded-md', children: jsx(LogOut, { size: 16 }) }), "Log out"] }) })] })] }) }) }));
 };
 
-const downloadWithServiceWorker = async (urlDownload, fileName) => {
+const downloadWithServiceWorker = async (urlDownload) => {
     try {
         const response = await fetch(urlDownload);
         if (!response.ok) {
             throw new Error('Erro ao fazer o download');
         }
+        const contentDisposition = response.headers.get('content-disposition');
+        const match = contentDisposition?.match(/filename\*?=(?:UTF-8''|")?([^";\n]+)"?/i);
+        const fileName = match?.[1] ? decodeURIComponent(match[1].trim()) : (urlDownload.split('/').pop()?.split('?')[0] ?? 'download');
         const blob = await response.blob();
         const url = window.URL.createObjectURL(blob);
         const a = document.createElement('a');
@@ -10374,7 +10377,7 @@ function DataTableExport({ exportData, totalRows }) {
             return {};
         }
         const params = new URLSearchParams(exportData.params).toString();
-        downloadWithServiceWorker(`${exportData.url}?${params}`, 'data_export.xlsx');
+        downloadWithServiceWorker(`${exportData.url}?${params}`);
     };
     const renderExport = () => {
         if (!exportData)