lecom-ui 2.9.3 → 2.9.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,8 +6,9 @@ import { ScrollArea } from '../ScrollArea/ScrollArea.js';
|
|
|
6
6
|
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../Select/Select.js';
|
|
7
7
|
import { useIsMobile } from '../../hooks/use-mobile.js';
|
|
8
8
|
import { User } from 'lucide-react';
|
|
9
|
-
import
|
|
9
|
+
import '../../i18n/index.js';
|
|
10
10
|
import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip/Tooltip.js';
|
|
11
|
+
import i18n from 'i18next';
|
|
11
12
|
|
|
12
13
|
const UserMenu = ({
|
|
13
14
|
customStyles,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { useTranslation } from 'react-i18next';
|
|
2
|
+
import { useTranslation, I18nextProvider } from 'react-i18next';
|
|
3
|
+
import '../../i18n/index.js';
|
|
3
4
|
import { getCookie } from '../../utils/cookie.js';
|
|
4
5
|
import '../CustomIcon/Icons/CadastroFacil.js';
|
|
5
6
|
import '../CustomIcon/Icons/LogoLecom.js';
|
|
@@ -9,13 +10,13 @@ import { LogoLecomBrand } from '../CustomIcon/Icons/LogoLecomBrand.js';
|
|
|
9
10
|
import { Header } from '../Header/Header.js';
|
|
10
11
|
import { SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarFooter } from '../Sidebar/Sidebar.js';
|
|
11
12
|
import { Typography } from '../Typography/Typography.js';
|
|
12
|
-
import
|
|
13
|
+
import i18n from 'i18next';
|
|
13
14
|
|
|
14
15
|
const Layout = ({ children, header, sideBar }) => {
|
|
15
16
|
const { t } = useTranslation();
|
|
16
17
|
const { items, info } = sideBar;
|
|
17
18
|
const sidebarState = getCookie("sidebar:state") === "true";
|
|
18
|
-
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(
|
|
19
|
+
return /* @__PURE__ */ React.createElement(I18nextProvider, { i18n }, /* @__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(
|
|
19
20
|
SidebarMenuButton,
|
|
20
21
|
{
|
|
21
22
|
asChild: true,
|
|
@@ -33,7 +34,7 @@ const Layout = ({ children, header, sideBar }) => {
|
|
|
33
34
|
t("sidebar.platform"),
|
|
34
35
|
" ",
|
|
35
36
|
/* @__PURE__ */ React.createElement(LogoLecomBrand, { className: "w-16 shrink-0" })
|
|
36
|
-
), /* @__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)));
|
|
37
|
+
), /* @__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))));
|
|
37
38
|
};
|
|
38
39
|
Layout.displayName = "Layout";
|
|
39
40
|
|
package/dist/i18n/index.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { initReactI18next } from 'react-i18next';
|
|
2
|
+
import i18n from 'i18next';
|
|
3
|
+
export { default } from 'i18next';
|
|
2
4
|
import { translations } from './locales/index.js';
|
|
3
5
|
|
|
4
6
|
var Translations = /* @__PURE__ */ ((Translations2) => {
|
|
@@ -16,7 +18,6 @@ const i18nConfig = {
|
|
|
16
18
|
escapeValue: false
|
|
17
19
|
}
|
|
18
20
|
};
|
|
19
|
-
|
|
20
|
-
i18n.init();
|
|
21
|
+
i18n.use(initReactI18next).init(i18nConfig);
|
|
21
22
|
|
|
22
|
-
export { Translations
|
|
23
|
+
export { Translations };
|
package/dist/index.d.ts
CHANGED
|
@@ -10,7 +10,6 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
|
10
10
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
11
11
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
12
12
|
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
13
|
-
import * as node_modules_i18next from 'node_modules/i18next';
|
|
14
13
|
|
|
15
14
|
declare const accordionVariants: (props?: ({
|
|
16
15
|
variant?: "default" | null | undefined;
|
|
@@ -367,13 +366,6 @@ interface HeaderProps extends React.HTMLAttributes<HTMLElement>, VariantProps<ty
|
|
|
367
366
|
onOpenMenuChange?: () => void;
|
|
368
367
|
}
|
|
369
368
|
|
|
370
|
-
declare enum Translations {
|
|
371
|
-
PT_BR = "pt_BR",
|
|
372
|
-
EN_US = "en_US",
|
|
373
|
-
ES_ES = "es_ES"
|
|
374
|
-
}
|
|
375
|
-
declare const i18n: node_modules_i18next.i18n;
|
|
376
|
-
|
|
377
369
|
interface SideBarProps {
|
|
378
370
|
items: {
|
|
379
371
|
title: string;
|
|
@@ -611,6 +603,12 @@ type SidebarContext = {
|
|
|
611
603
|
declare const SidebarContext: React.Context<SidebarContext | null>;
|
|
612
604
|
declare function useSidebar(): SidebarContext;
|
|
613
605
|
|
|
606
|
+
declare enum Translations {
|
|
607
|
+
PT_BR = "pt_BR",
|
|
608
|
+
EN_US = "en_US",
|
|
609
|
+
ES_ES = "es_ES"
|
|
610
|
+
}
|
|
611
|
+
|
|
614
612
|
type Fonts = 'roboto' | 'montserrat' | 'ibm';
|
|
615
613
|
declare const fonts: {
|
|
616
614
|
roboto: string[];
|
|
@@ -618,4 +616,4 @@ declare const fonts: {
|
|
|
618
616
|
ibm: string[];
|
|
619
617
|
};
|
|
620
618
|
|
|
621
|
-
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,
|
|
619
|
+
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 };
|
package/dist/index.js
CHANGED
|
@@ -23,6 +23,6 @@ export { Typography, typographyVariants } from './components/Typography/Typograp
|
|
|
23
23
|
export { ScrollArea, ScrollBar } from './components/ScrollArea/ScrollArea.js';
|
|
24
24
|
export { Spin } from './components/Spin/Spin.js';
|
|
25
25
|
export { useSidebar } from './components/Sidebar/Sidebar.js';
|
|
26
|
-
export { Translations
|
|
26
|
+
export { Translations } from './i18n/index.js';
|
|
27
27
|
export { colors } from './tokens/colors.js';
|
|
28
28
|
export { fonts } from './tokens/fonts.js';
|