lecom-ui 4.3.6 → 4.3.7
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.
- package/dist/components/Accordion/Accordion.js +29 -32
- package/dist/components/Button/Button.js +8 -9
- package/dist/components/Button/CustomButton.js +4 -5
- package/dist/components/Card/Card.js +6 -7
- package/dist/components/Checkbox/Checkbox.js +26 -30
- package/dist/components/CustomIcon/Icons/CadastroFacil.js +5 -15
- package/dist/components/CustomIcon/Icons/LogoLecom.js +12 -15
- package/dist/components/CustomIcon/Icons/LogoLecomBrand.js +5 -8
- package/dist/components/CustomIcon/Icons/ModoTeste.js +5 -13
- package/dist/components/CustomIcon/Icons/Rpa.js +5 -17
- package/dist/components/DataTable/DataTable.js +70 -80
- package/dist/components/DataTable/DataTable.utils.js +15 -17
- package/dist/components/Dialog/Dialog.js +18 -27
- package/dist/components/DropdownMenu/DropdownMenu.js +22 -29
- package/dist/components/ErrorEmptyDisplay/ErrorEmptyDisplay.js +15 -20
- package/dist/components/Header/Header.js +30 -46
- package/dist/components/Header/HelpMenu.js +38 -49
- package/dist/components/Header/ImgBrand.js +1 -2
- package/dist/components/Header/ModulesMenu.js +48 -62
- package/dist/components/Header/SocialMenu.js +5 -5
- package/dist/components/Header/UserMenu.js +45 -74
- package/dist/components/Input/Input.js +1 -10
- package/dist/components/Layout/Layout.js +42 -68
- package/dist/components/Notification/Notification.js +7 -8
- package/dist/components/Notification/NotificationBase.js +5 -5
- package/dist/components/Notification/NotificationCallout.js +26 -32
- package/dist/components/Notification/NotificationCloseButton.js +1 -2
- package/dist/components/Notification/NotificationContent.js +18 -24
- package/dist/components/Notification/NotificationIcon.js +5 -5
- package/dist/components/Notification/NotificationInline.js +20 -23
- package/dist/components/Notification/NotificationToast.js +25 -28
- package/dist/components/Pagination/Pagination.js +42 -61
- package/dist/components/Popover/Popover.js +2 -3
- package/dist/components/RadioGroup/RadioGroup.js +22 -26
- package/dist/components/ScrollArea/ScrollArea.js +10 -13
- package/dist/components/Select/Select.js +36 -43
- package/dist/components/Separator/Separator.js +1 -2
- package/dist/components/Sheet/Sheet.js +14 -23
- package/dist/components/Sidebar/Sidebar.js +90 -104
- package/dist/components/Skeleton/Skeleton.js +2 -2
- package/dist/components/Spin/Spin.js +22 -25
- package/dist/components/Switch/Switch.js +11 -12
- package/dist/components/Tag/Tag.js +4 -5
- package/dist/components/Tooltip/Tooltip.js +5 -8
- package/dist/components/Typography/Typography.js +5 -5
- package/dist/index.d.ts +15 -16
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { cn } from '../../lib/utils.js';
|
|
3
3
|
|
|
4
4
|
const Skeleton = ({
|
|
5
5
|
className,
|
|
6
6
|
...props
|
|
7
|
-
}) => /* @__PURE__ */
|
|
7
|
+
}) => /* @__PURE__ */ React.createElement(
|
|
8
8
|
"div",
|
|
9
9
|
{
|
|
10
10
|
className: cn("animate-pulse rounded-md bg-muted", className),
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { cn } from '../../lib/utils.js';
|
|
4
3
|
|
|
5
4
|
const Spin = React.forwardRef(
|
|
6
|
-
({ textColor, size = 24, className, ...props }, ref) => /* @__PURE__ */
|
|
5
|
+
({ textColor, size = 24, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
7
6
|
"svg",
|
|
8
7
|
{
|
|
9
8
|
width: size,
|
|
@@ -13,29 +12,27 @@ const Spin = React.forwardRef(
|
|
|
13
12
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14
13
|
ref,
|
|
15
14
|
className: cn("animate-spin", className, textColor),
|
|
16
|
-
...props
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
]
|
|
38
|
-
}
|
|
15
|
+
...props
|
|
16
|
+
},
|
|
17
|
+
/* @__PURE__ */ React.createElement(
|
|
18
|
+
"circle",
|
|
19
|
+
{
|
|
20
|
+
className: "opacity-25",
|
|
21
|
+
cx: "12",
|
|
22
|
+
cy: "12",
|
|
23
|
+
r: "10",
|
|
24
|
+
stroke: "currentColor",
|
|
25
|
+
strokeWidth: "4"
|
|
26
|
+
}
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ React.createElement(
|
|
29
|
+
"path",
|
|
30
|
+
{
|
|
31
|
+
className: "opacity-75",
|
|
32
|
+
fill: "currentColor",
|
|
33
|
+
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
34
|
+
}
|
|
35
|
+
)
|
|
39
36
|
)
|
|
40
37
|
);
|
|
41
38
|
Spin.displayName = "Spin";
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { cn } from '../../lib/utils.js';
|
|
4
3
|
import { Root, Thumb } from '../../node_modules/@radix-ui/react-switch/dist/index.js';
|
|
5
4
|
|
|
6
|
-
const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
5
|
+
const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
7
6
|
Root,
|
|
8
7
|
{
|
|
9
8
|
className: cn(
|
|
@@ -11,16 +10,16 @@ const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
11
10
|
className
|
|
12
11
|
),
|
|
13
12
|
ref,
|
|
14
|
-
...props
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
...props
|
|
14
|
+
},
|
|
15
|
+
/* @__PURE__ */ React.createElement(
|
|
16
|
+
Thumb,
|
|
17
|
+
{
|
|
18
|
+
className: cn(
|
|
19
|
+
"pointer-events-none rounded-full shadow-sm transition-all h-4 w-4 data-[state=unchecked]:bg-grey-400 data-[state=unchecked]:translate-x-1 group-hover:data-[state=unchecked]:bg-grey-500 group-focus:ring-8 group-focus:ring-blue-200 group-focus:ring-opacity-50 group-active:group-enabled:h-5 group-active:group-enabled:w-5 group-active:data-[state=unchecked]:bg-grey-700 group-active:group-enabled:data-[state=unchecked]:translate-x-[-2px] group-disabled:data-[state=unchecked]:bg-grey-300 group-disabled:data-[state=unchecked]:bg-opacity-65 data-[state=checked]:bg-white data-[state=checked]:translate-x-6"
|
|
20
|
+
)
|
|
21
|
+
}
|
|
22
|
+
)
|
|
24
23
|
));
|
|
25
24
|
Switch.displayName = "Switch";
|
|
26
25
|
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { cn } from '../../lib/utils.js';
|
|
4
3
|
import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
|
|
@@ -27,15 +26,15 @@ const tagVariants = cva(
|
|
|
27
26
|
const Tag = React.forwardRef(
|
|
28
27
|
({ className, color, children, ...props }, ref) => {
|
|
29
28
|
const Comp = "div";
|
|
30
|
-
return /* @__PURE__ */
|
|
29
|
+
return /* @__PURE__ */ React.createElement(
|
|
31
30
|
Comp,
|
|
32
31
|
{
|
|
33
32
|
tabIndex: 0,
|
|
34
33
|
className: cn(tagVariants({ color }), className),
|
|
35
34
|
ref,
|
|
36
|
-
...props
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
...props
|
|
36
|
+
},
|
|
37
|
+
children
|
|
39
38
|
);
|
|
40
39
|
}
|
|
41
40
|
);
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { cn } from '../../lib/utils.js';
|
|
4
3
|
import { Content as Content2, Arrow as Arrow2, Provider, Root as Root3, Trigger, Portal } from '../../node_modules/@radix-ui/react-tooltip/dist/index.js';
|
|
@@ -46,7 +45,7 @@ const TooltipContent = React.forwardRef(
|
|
|
46
45
|
className,
|
|
47
46
|
children,
|
|
48
47
|
...props
|
|
49
|
-
}, ref) => /* @__PURE__ */
|
|
48
|
+
}, ref) => /* @__PURE__ */ React.createElement(
|
|
50
49
|
Content2,
|
|
51
50
|
{
|
|
52
51
|
ref,
|
|
@@ -55,12 +54,10 @@ const TooltipContent = React.forwardRef(
|
|
|
55
54
|
sideOffset,
|
|
56
55
|
alignOffset,
|
|
57
56
|
className: cn(tooltipContentVariants({ color, arrow, className })),
|
|
58
|
-
...props
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
]
|
|
63
|
-
}
|
|
57
|
+
...props
|
|
58
|
+
},
|
|
59
|
+
children,
|
|
60
|
+
arrow && /* @__PURE__ */ React.createElement(TooltipArrow, { className: "tooltip-arrow", width: 12, height: 6 })
|
|
64
61
|
)
|
|
65
62
|
);
|
|
66
63
|
TooltipContent.displayName = Content2.displayName;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { cn } from '../../lib/utils.js';
|
|
3
3
|
import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
|
|
4
4
|
|
|
@@ -42,13 +42,13 @@ const Typography = ({
|
|
|
42
42
|
...props
|
|
43
43
|
}) => {
|
|
44
44
|
const Comp = tag || "span";
|
|
45
|
-
return /* @__PURE__ */
|
|
45
|
+
return /* @__PURE__ */ React.createElement(
|
|
46
46
|
Comp,
|
|
47
47
|
{
|
|
48
48
|
className: cn(typographyVariants({ variant, className }), textColor, ""),
|
|
49
|
-
...props
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
...props
|
|
50
|
+
},
|
|
51
|
+
children
|
|
52
52
|
);
|
|
53
53
|
};
|
|
54
54
|
Typography.displayName = "Typography";
|
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ import * as React$1 from 'react';
|
|
|
3
3
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
6
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
6
|
import { Table, Column as Column$1, Row as Row$1 } from '@tanstack/react-table';
|
|
8
7
|
export { ColumnDef } from '@tanstack/react-table';
|
|
9
8
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
@@ -294,31 +293,31 @@ interface PaginationProps {
|
|
|
294
293
|
declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
295
294
|
declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
296
295
|
declare const PaginationFirst: {
|
|
297
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps):
|
|
296
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
298
297
|
displayName: string;
|
|
299
298
|
};
|
|
300
299
|
declare const PaginationLast: {
|
|
301
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps):
|
|
300
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
302
301
|
displayName: string;
|
|
303
302
|
};
|
|
304
303
|
declare const PaginationPrevious: {
|
|
305
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps):
|
|
304
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
306
305
|
displayName: string;
|
|
307
306
|
};
|
|
308
307
|
declare const PaginationNext: {
|
|
309
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps):
|
|
308
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
310
309
|
displayName: string;
|
|
311
310
|
};
|
|
312
311
|
declare const PaginationEllipsis: {
|
|
313
|
-
({ className, disabled, isActive, asChild, onClick, }: PaginationButtonProps):
|
|
312
|
+
({ className, disabled, isActive, asChild, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
314
313
|
displayName: string;
|
|
315
314
|
};
|
|
316
315
|
declare const PaginationIndex: {
|
|
317
|
-
({ className, disabled, isActive, onClick, children, }: PaginationIndexProps):
|
|
316
|
+
({ className, disabled, isActive, onClick, children, }: PaginationIndexProps): React$1.JSX.Element;
|
|
318
317
|
displayName: string;
|
|
319
318
|
};
|
|
320
319
|
declare const Pagination: {
|
|
321
|
-
({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, }: PaginationProps):
|
|
320
|
+
({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, }: PaginationProps): React$1.JSX.Element;
|
|
322
321
|
displayName: string;
|
|
323
322
|
};
|
|
324
323
|
|
|
@@ -394,7 +393,7 @@ interface BuildCellSelect<TData, TValue> {
|
|
|
394
393
|
}
|
|
395
394
|
type Meta = Record<string, string | number>;
|
|
396
395
|
|
|
397
|
-
declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, onIsSelected, }: DataTableProps<TData, TValue>):
|
|
396
|
+
declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, onIsSelected, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
|
|
398
397
|
declare namespace DataTable {
|
|
399
398
|
var displayName: string;
|
|
400
399
|
}
|
|
@@ -406,11 +405,11 @@ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dia
|
|
|
406
405
|
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
407
406
|
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
408
407
|
declare const DialogHeader: {
|
|
409
|
-
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>):
|
|
408
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
410
409
|
displayName: string;
|
|
411
410
|
};
|
|
412
411
|
declare const DialogFooter: {
|
|
413
|
-
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>):
|
|
412
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
414
413
|
displayName: string;
|
|
415
414
|
};
|
|
416
415
|
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -437,7 +436,7 @@ declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<Dropdown
|
|
|
437
436
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
438
437
|
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
439
438
|
declare const DropdownMenuShortcut: {
|
|
440
|
-
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>):
|
|
439
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
|
|
441
440
|
displayName: string;
|
|
442
441
|
};
|
|
443
442
|
|
|
@@ -451,7 +450,7 @@ interface ErrorEmptyDisplayProps {
|
|
|
451
450
|
render?: React.ReactNode;
|
|
452
451
|
}
|
|
453
452
|
declare const ErrorEmptyDisplay: {
|
|
454
|
-
({ className, classContent, image, title, description, footer, render, }: ErrorEmptyDisplayProps): string | number | bigint | true | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> |
|
|
453
|
+
({ className, classContent, image, title, description, footer, render, }: ErrorEmptyDisplayProps): string | number | bigint | true | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | React$1.JSX.Element;
|
|
455
454
|
displayName: string;
|
|
456
455
|
};
|
|
457
456
|
|
|
@@ -576,7 +575,7 @@ interface LayoutProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
576
575
|
sideBar: SideBarProps;
|
|
577
576
|
}
|
|
578
577
|
declare const Layout: {
|
|
579
|
-
({ children, header, sideBar }: LayoutProps):
|
|
578
|
+
({ children, header, sideBar }: LayoutProps): React$1.JSX.Element;
|
|
580
579
|
displayName: string;
|
|
581
580
|
};
|
|
582
581
|
|
|
@@ -684,7 +683,7 @@ declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
|
684
683
|
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
685
684
|
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
686
685
|
|
|
687
|
-
declare const Skeleton: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) =>
|
|
686
|
+
declare const Skeleton: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => React$1.JSX.Element;
|
|
688
687
|
|
|
689
688
|
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
690
689
|
|
|
@@ -719,7 +718,7 @@ interface TypographyProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'tag
|
|
|
719
718
|
tag?: any;
|
|
720
719
|
}
|
|
721
720
|
declare const Typography: {
|
|
722
|
-
({ className, variant, children, textColor, tag, ...props }: TypographyProps):
|
|
721
|
+
({ className, variant, children, textColor, tag, ...props }: TypographyProps): React$1.JSX.Element;
|
|
723
722
|
displayName: string;
|
|
724
723
|
};
|
|
725
724
|
|