lecom-ui 3.4.0 → 3.6.0

package/dist/components/Header/UserMenu.js

@@ -6,7 +6,7 @@ import { ScrollArea } from '../ScrollArea/ScrollArea.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../Select/Select.js';
 import { useIsMobile } from '../../hooks/use-mobile.js';
 import { User } from 'lucide-react';
-import i18n from '../../i18n/index.js';
+import { i18n } from '../../i18n/index.js';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip/Tooltip.js';
 
 const UserMenu = ({

package/dist/components/Layout/Layout.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { useTranslation, I18nextProvider } from 'react-i18next';
-import i18n from '../../i18n/index.js';
+import { withTranslation } from 'react-i18next';
 import { getCookie } from '../../utils/cookie.js';
 import '../CustomIcon/Icons/CadastroFacil.js';
 import '../CustomIcon/Icons/LogoLecom.js';
@@ -11,11 +10,10 @@ import { Header } from '../Header/Header.js';
 import { SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarFooter } from '../Sidebar/Sidebar.js';
 import { Typography } from '../Typography/Typography.js';
 
-const Layout = ({ children, header, sideBar }) => {
-  const { t } = useTranslation();
+const LayoutTeste = ({ children, header, sideBar, t }) => {
   const { items, info } = sideBar;
   const sidebarState = getCookie("sidebar:state") === "true";
-  return /* @__PURE__ */ React.createElement(SidebarProvider, { className: "flex-col", defaultOpen: sidebarState }, /* @__PURE__ */ React.createElement(I18nextProvider, { i18n }, /* @__PURE__ */ React.createElement(Header, { ...header })), /* @__PURE__ */ React.createElement("div", { className: "flex grow" }, /* @__PURE__ */ React.createElement(Sidebar, { collapsible: "icon", variant: "sidebar" }, /* @__PURE__ */ React.createElement(SidebarContent, null, /* @__PURE__ */ React.createElement(SidebarGroup, null, /* @__PURE__ */ React.createElement(SidebarGroupContent, null, /* @__PURE__ */ React.createElement(SidebarMenu, null, items.map((item) => /* @__PURE__ */ React.createElement(SidebarMenuItem, { key: item.title }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(SidebarProvider, { className: "flex-col", defaultOpen: sidebarState }, /* @__PURE__ */ React.createElement(Header, { ...header }), /* @__PURE__ */ React.createElement("div", { className: "flex grow" }, /* @__PURE__ */ React.createElement(Sidebar, { collapsible: "icon", variant: "sidebar" }, /* @__PURE__ */ React.createElement(SidebarContent, null, /* @__PURE__ */ React.createElement(SidebarGroup, null, /* @__PURE__ */ React.createElement(SidebarGroupContent, null, /* @__PURE__ */ React.createElement(SidebarMenu, null, items.map((item) => /* @__PURE__ */ React.createElement(SidebarMenuItem, { key: item.title }, /* @__PURE__ */ React.createElement(
     SidebarMenuButton,
     {
       asChild: true,
@@ -35,6 +33,7 @@ const Layout = ({ children, header, sideBar }) => {
     /* @__PURE__ */ React.createElement(LogoLecomBrand, { className: "w-16 shrink-0" })
   ), /* @__PURE__ */ React.createElement(Typography, { variant: "body-medium-400", textColor: "text-grey-800" }, t("sidebar.version"), " ", info.version, " - ", info.cycle, " ", info.build), /* @__PURE__ */ React.createElement(Typography, { variant: "body-medium-400", textColor: "text-grey-800" }, t("sidebar.authorizedFor"), " ", info.authorizedFor))), /* @__PURE__ */ React.createElement("main", { className: "grow w-full" }, children)));
 };
-Layout.displayName = "Layout";
+LayoutTeste.displayName = "Layout";
+const Layout = withTranslation()(LayoutTeste);
 
 export { Layout };

package/dist/components/Sidebar/Sidebar.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { I18nextProvider } from 'react-i18next';
 import { Button } from '../Button/Button.js';
 import { Input } from '../Input/Input.js';
 import { Separator } from '../Separator/Separator.js';
@@ -11,7 +10,6 @@ import { cn } from '../../lib/utils.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { X, PanelLeft } from 'lucide-react';
-import i18n from '../../i18n/index.js';
 
 const SIDEBAR_COOKIE_NAME = "sidebar:state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -256,7 +254,7 @@ const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 SidebarHeader.displayName = "SidebarHeader";
-const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(I18nextProvider, { i18n }, /* @__PURE__ */ React.createElement(
+const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "div",
   {
     ref,
@@ -267,7 +265,7 @@ const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => /* @__P
     ),
     ...props
   }
-)));
+));
 SidebarFooter.displayName = "SidebarFooter";
 const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Separator,

package/dist/i18n/index.js

@@ -20,4 +20,4 @@ const i18nConfig = {
 const i18n = createInstance();
 i18n.use(initReactI18next).init(i18nConfig);
 
-export { Translations, i18n as default };
+export { Translations, i18n };

package/dist/index.d.ts

@@ -6,10 +6,13 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CustomStyles as CustomStyles$2 } from '@/components/Button';
+import * as node_modules_react_i18next_helpers from 'node_modules/react-i18next/helpers';
+import * as react_i18next from 'react-i18next';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as node_modules_i18next from 'node_modules/i18next';
 
 declare const accordionVariants: (props?: ({
     variant?: "default" | null | undefined;
@@ -384,11 +387,9 @@ interface SideBarProps {
 interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     header: HeaderProps;
     sideBar: SideBarProps;
+    t: any;
 }
-declare const Layout: {
-    ({ children, header, sideBar }: LayoutProps): React.JSX.Element;
-    displayName: string;
-};
+declare const Layout: React.ComponentType<Omit<node_modules_react_i18next_helpers.$Subtract<LayoutProps, react_i18next.WithTranslationProps>, keyof react_i18next.WithTranslation<Ns, undefined>> & react_i18next.WithTranslationProps>;
 
 declare enum TypeMessageNotification {
     SUCCESS = "success",
@@ -608,6 +609,7 @@ declare enum Translations {
     EN_US = "en_US",
     ES_ES = "es_ES"
 }
+declare const i18n: node_modules_i18next.i18n;
 
 type Fonts = 'roboto' | 'montserrat' | 'ibm';
 declare const fonts: {
@@ -616,4 +618,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, 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, ScrollArea, ScrollBar, type SideBarProps, Skeleton, Spin, type SpinProps, Switch, TOAST_REMOVE_DELAY, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRowBody, TableRowHeader, Tag, type TagProps, type TextColor, type ToastNotificationProps, type ToasterToast, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, type TypographyProps, accordionVariants, buttonVariants, colors, fonts, getPositionClass, notificationVariants, reducer, tagVariants, toast, typographyVariants, useNotificationToast, useSidebar };
+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, 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, ScrollArea, ScrollBar, type SideBarProps, Skeleton, Spin, type SpinProps, Switch, TOAST_REMOVE_DELAY, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRowBody, TableRowHeader, Tag, type TagProps, type TextColor, type ToastNotificationProps, type ToasterToast, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, type TypographyProps, accordionVariants, buttonVariants, colors, fonts, getPositionClass, i18n, notificationVariants, reducer, tagVariants, toast, typographyVariants, useNotificationToast, useSidebar };

package/dist/index.js

@@ -23,6 +23,6 @@ export { Typography, typographyVariants } from './components/Typography/Typograp
 export { ScrollArea, ScrollBar } from './components/ScrollArea/ScrollArea.js';
 export { Spin } from './components/Spin/Spin.js';
 export { useSidebar } from './components/Sidebar/Sidebar.js';
-export { Translations } from './i18n/index.js';
+export { Translations, i18n } from './i18n/index.js';
 export { colors } from './tokens/colors.js';
 export { fonts } from './tokens/fonts.js';

package/package.json

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