eai-frontend-components 2.0.54 → 2.0.56

package/dist/index.d.ts

@@ -105,7 +105,7 @@ declare const BreadcrumbEllipsis: {
 };
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -1086,6 +1086,10 @@ interface LabelWithTitleProps {
     showCopyIcon?: boolean;
     className?: string;
     isLoading?: boolean;
+    hoverAction?: {
+        icon: React__default.ReactNode;
+        onClick: () => void;
+    };
 }
 declare const LabelWithTitle: React__default.FC<LabelWithTitleProps>;
 

package/dist/index.esm.js

@@ -10097,7 +10097,7 @@ const Header = ({ splittedPath, modules, pages, isLoading, combobox, }) => {
     return (jsxs("header", { className: 'flex flex-col justify-between items-center w-full', children: [jsxs("div", { className: 'flex justify-between items-center py-3 px-5 w-full', children: [jsxs("div", { className: 'flex items-center gap-x-2 h-[40px]', children: [jsx(SidebarTrigger, { className: 'p-5' }), jsx("div", { className: 'p-2', children: jsx(Breadcrumb, { children: jsx(BreadcrumbList, { children: renderBreadcrumbItens() }) }) })] }), jsx("div", { className: 'flex items-center', children: combobox })] }), jsx(LoadingBar, { ref: refProgressLoading, color: getColorLoadingBar(), height: 7 })] }));
 };
 
-const LabelWithTitle = ({ title, value, value2, required, showCopyIcon = false, className, isLoading }) => {
+const LabelWithTitle = ({ title, value, value2, required, showCopyIcon = false, className, isLoading, hoverAction, }) => {
     const handleCopy = () => {
         if (showCopyIcon && value) {
             navigator.clipboard.writeText(`${value}${value2 ?? ''}`);
@@ -10107,7 +10107,7 @@ const LabelWithTitle = ({ title, value, value2, required, showCopyIcon = false,
             });
         }
     };
-    return (jsx("div", { className: cn('flex group', className), children: jsx("div", { className: cn('flex flex-col text-sm w-full', showCopyIcon ? 'p-1 rounded-md transition-colors group-hover:bg-sidebar-accent' : 'p-1'), children: jsxs("div", { className: 'relative', children: [jsxs("div", { className: 'flex items-center text-sm font-medium gap-0.5', children: [jsx("span", { className: 'text-default truncate', children: title }), required && jsx("div", { className: 'text-red-500 truncate', children: "*" })] }), jsx("div", { className: 'grid flex-1 items-center pt-1', children: isLoading ? jsx(Skeleton, { className: 'h-5 w-full rounded-lg' }) : jsx("div", { className: 'text-zinc-500 truncate', children: value }) }), value2 && (jsx("div", { className: 'grid flex-1 items-center pt-1', children: isLoading ? jsx(Skeleton, { className: 'h-5 w-full rounded-lg' }) : jsx("div", { className: 'text-zinc-500 truncate', children: value2 }) })), showCopyIcon && (jsx("div", { className: cn('pr-1 absolute top-1/2 right-0 -translate-y-1/2 opacity-0 transition-opacity', showCopyIcon && 'group-hover:opacity-100'), children: jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(Button, { variant: 'ghost', type: 'button', className: cn('p-1 h-8', !showCopyIcon && 'cursor-default'), onClick: handleCopy, children: jsx(Copy, { size: 16 }) }) }), jsx(TooltipContent, { children: "Copiar" })] }) }) }))] }) }) }));
+    return (jsx("div", { className: cn('flex group', className), children: jsx("div", { className: cn('flex flex-col text-sm w-full', showCopyIcon ? 'p-1 rounded-md transition-colors group-hover:bg-sidebar-accent' : 'p-1'), children: jsxs("div", { className: 'relative', children: [jsxs("div", { className: 'flex items-center text-sm font-medium gap-0.5', children: [jsx("span", { className: 'text-default truncate', children: title }), required && jsx("div", { className: 'text-red-500 truncate', children: "*" })] }), jsx("div", { className: 'grid flex-1 items-center pt-1', children: isLoading ? jsx(Skeleton, { className: 'h-5 w-full rounded-lg' }) : jsx("div", { className: 'text-zinc-500 truncate', children: value }) }), value2 && (jsx("div", { className: 'grid flex-1 items-center pt-1', children: isLoading ? jsx(Skeleton, { className: 'h-5 w-full rounded-lg' }) : jsx("div", { className: 'text-zinc-500 truncate', children: value2 }) })), showCopyIcon && (jsx("div", { className: cn('pr-1 absolute top-1/2 right-0 -translate-y-1/2 opacity-0 transition-opacity', showCopyIcon && 'group-hover:opacity-100'), children: jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(Button, { variant: 'ghost', type: 'button', className: cn('p-1 h-8', !showCopyIcon && 'cursor-default'), onClick: handleCopy, children: jsx(Copy, { size: 16 }) }) }), jsx(TooltipContent, { children: "Copiar" })] }) }) })), hoverAction && (jsx("div", { className: cn('pr-1 absolute top-1/2 right-0 -translate-y-1/2 opacity-0 transition-opacity', 'group-hover:opacity-100'), children: jsx(Button, { variant: 'ghost', type: 'button', className: cn('p-1 h-8'), onClick: hoverAction.onClick, children: hoverAction.icon }) }))] }) }) }));
 };
 
 const NotFound = () => {
@@ -10225,7 +10225,7 @@ const ResponsiveDialog = forwardRef(({ title, trigger, description, children, ac
     if (isMobile) {
         return (jsxs(Drawer, { open: open, onOpenChange: setOpen, children: [trigger && (jsx(DrawerTrigger, { className: 'cursor-pointer', asChild: true, children: trigger })), jsxs(DrawerContent, { className: 'px-5 py-7 rounded-t-3xl', children: [jsxs(DrawerHeader, { children: [jsx(DrawerTitle, { children: renderTitle() }), description ? jsx(DrawerDescription, { children: description }) : jsx(DrawerDescription, {})] }), children, jsx(DrawerFooter, { className: 'grid gap-6 px-0 pt-8', children: renderActions() })] })] }));
     }
-    return (jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [trigger && (jsx(DialogTrigger, { className: 'cursor-pointer h-min', asChild: true, children: trigger })), jsxs(DialogContent, { className: 'px-5 py-7 rounded-3xl', children: [jsx(DialogTitle, { children: renderTitle() }), description ? jsx(DialogDescription, { children: description }) : jsx(DialogDescription, {}), jsx("div", { className: 'max-h-[70vh] overflow-y-auto px-1', children: children }), jsx(DialogFooter, { className: 'gap-2', children: renderActions() })] })] }));
+    return (jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [trigger && (jsx(DialogTrigger, { className: 'cursor-pointer h-min', asChild: true, children: trigger })), jsxs(DialogContent, { className: 'px-4 py-7 rounded-3xl', children: [jsx(DialogTitle, { className: 'px-1', children: renderTitle() }), description ? jsx(DialogDescription, { className: 'px-1', children: description }) : jsx(DialogDescription, {}), jsx("div", { className: 'max-h-[70vh] overflow-y-auto px-1', children: children }), jsx(DialogFooter, { className: 'gap-2 px-1', children: renderActions() })] })] }));
 });
 
 const SidebarItemTwoLines = ({ item }) => {