lecom-ui 3.8.2 → 3.8.3
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/DataTable/DataTable.js +2 -2
- package/dist/index.d.ts +116 -116
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from '@tanstack/react-table';
|
|
3
3
|
import { Pagination } from '../Pagination/Pagination.js';
|
|
4
4
|
import { ScrollArea, ScrollBar } from '../ScrollArea/ScrollArea.js';
|
|
@@ -16,7 +16,7 @@ function DataTable({
|
|
|
16
16
|
vhDiff,
|
|
17
17
|
onIsSelected
|
|
18
18
|
}) {
|
|
19
|
-
const [sorting, setSorting] = useState([]);
|
|
19
|
+
const [sorting, setSorting] = React.useState([]);
|
|
20
20
|
const table = useReactTable({
|
|
21
21
|
data,
|
|
22
22
|
columns,
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
-
import * as React
|
|
2
|
+
import * as React 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';
|
|
@@ -17,15 +17,15 @@ declare const accordionVariants: (props?: ({
|
|
|
17
17
|
variant?: "default" | null | undefined;
|
|
18
18
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
19
19
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
20
|
-
declare const Accordion: React
|
|
21
|
-
declare const AccordionItem: React
|
|
22
|
-
declare const AccordionTrigger: React
|
|
20
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
23
23
|
variant?: "default" | null | undefined;
|
|
24
24
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
25
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string> & React
|
|
26
|
-
declare const AccordionContent: React
|
|
25
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
26
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
27
27
|
disabled?: boolean;
|
|
28
|
-
} & React
|
|
28
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
29
29
|
|
|
30
30
|
declare const buttonVariants: (props?: ({
|
|
31
31
|
variant?: "filled" | "outlined" | "tonal" | "ghost" | null | undefined;
|
|
@@ -50,26 +50,26 @@ interface CustomStyles$1 {
|
|
|
50
50
|
opacity: number;
|
|
51
51
|
};
|
|
52
52
|
}
|
|
53
|
-
interface ButtonProps extends Omit<React
|
|
53
|
+
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
|
|
54
54
|
customStyles?: CustomStyles$1;
|
|
55
55
|
isActive?: boolean;
|
|
56
56
|
}
|
|
57
|
-
declare const Button: React
|
|
57
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
58
58
|
|
|
59
|
-
declare const Card: React
|
|
60
|
-
declare const CardHeader: React
|
|
61
|
-
declare const CardTitle: React
|
|
62
|
-
declare const CardDescription: React
|
|
63
|
-
declare const CardContent: React
|
|
64
|
-
declare const CardFooter: React
|
|
59
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
61
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
62
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
65
65
|
|
|
66
66
|
declare const checkboxVariants: (props?: ({
|
|
67
67
|
variant?: "default" | null | undefined;
|
|
68
68
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
69
|
-
interface CheckboxProps extends React
|
|
69
|
+
interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
|
|
70
70
|
indeterminate?: boolean;
|
|
71
71
|
}
|
|
72
|
-
declare const Checkbox: React
|
|
72
|
+
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
73
73
|
|
|
74
74
|
type Transparent = 'transparent';
|
|
75
75
|
type Black = 'black';
|
|
@@ -212,34 +212,34 @@ declare const colors: {
|
|
|
212
212
|
};
|
|
213
213
|
};
|
|
214
214
|
|
|
215
|
-
interface CadastroFacilProps extends React
|
|
215
|
+
interface CadastroFacilProps extends React.SVGAttributes<SVGSVGElement> {
|
|
216
216
|
fillColor?: FillColor;
|
|
217
217
|
size?: string | number;
|
|
218
218
|
}
|
|
219
|
-
declare const CadastroFacil: React
|
|
219
|
+
declare const CadastroFacil: React.ForwardRefExoticComponent<CadastroFacilProps & React.RefAttributes<SVGSVGElement>>;
|
|
220
220
|
|
|
221
|
-
interface LogoLecomProps extends React
|
|
221
|
+
interface LogoLecomProps extends React.SVGAttributes<SVGSVGElement> {
|
|
222
222
|
fillColor?: FillColor;
|
|
223
223
|
size?: string | number;
|
|
224
224
|
}
|
|
225
|
-
declare const LogoLecom: React
|
|
225
|
+
declare const LogoLecom: React.ForwardRefExoticComponent<LogoLecomProps & React.RefAttributes<SVGSVGElement>>;
|
|
226
226
|
|
|
227
|
-
interface ModoTesteProps extends React
|
|
227
|
+
interface ModoTesteProps extends React.SVGAttributes<SVGSVGElement> {
|
|
228
228
|
fillColor?: FillColor;
|
|
229
229
|
size?: string | number;
|
|
230
230
|
}
|
|
231
|
-
declare const ModoTeste: React
|
|
231
|
+
declare const ModoTeste: React.ForwardRefExoticComponent<ModoTesteProps & React.RefAttributes<SVGSVGElement>>;
|
|
232
232
|
|
|
233
|
-
interface RpaProps extends React
|
|
233
|
+
interface RpaProps extends React.SVGAttributes<SVGSVGElement> {
|
|
234
234
|
fillColor?: FillColor;
|
|
235
235
|
size?: string | number;
|
|
236
236
|
}
|
|
237
|
-
declare const Rpa: React
|
|
237
|
+
declare const Rpa: React.ForwardRefExoticComponent<RpaProps & React.RefAttributes<SVGSVGElement>>;
|
|
238
238
|
|
|
239
|
-
interface LogoLecomBrandProps extends React
|
|
239
|
+
interface LogoLecomBrandProps extends React.SVGAttributes<SVGSVGElement> {
|
|
240
240
|
fillColor?: FillColor;
|
|
241
241
|
}
|
|
242
|
-
declare const LogoLecomBrand: React
|
|
242
|
+
declare const LogoLecomBrand: React.ForwardRefExoticComponent<LogoLecomBrandProps & React.RefAttributes<SVGSVGElement>>;
|
|
243
243
|
|
|
244
244
|
type UsePaginationProps = {
|
|
245
245
|
count?: number;
|
|
@@ -264,7 +264,7 @@ type UsePaginationItem = {
|
|
|
264
264
|
};
|
|
265
265
|
declare const usePagination: ({ count, defaultPage, boundaryCount, siblingCount, disabled, hideNextButton, hidePrevButton, showFirstButton, showLastButton, onChange, }?: UsePaginationProps) => {
|
|
266
266
|
page: number;
|
|
267
|
-
setPage: React
|
|
267
|
+
setPage: React.Dispatch<React.SetStateAction<number>>;
|
|
268
268
|
items: UsePaginationItem[];
|
|
269
269
|
};
|
|
270
270
|
|
|
@@ -276,7 +276,7 @@ type PaginationButtonProps = {
|
|
|
276
276
|
onClick?: () => void;
|
|
277
277
|
};
|
|
278
278
|
interface PaginationIndexProps extends PaginationButtonProps {
|
|
279
|
-
children: React
|
|
279
|
+
children: React.ReactNode;
|
|
280
280
|
}
|
|
281
281
|
interface PaginationProps {
|
|
282
282
|
currentPage: number;
|
|
@@ -286,34 +286,34 @@ interface PaginationProps {
|
|
|
286
286
|
totalRowsSelected?: number;
|
|
287
287
|
onChangePerPage?: (currentPerPage: number) => void;
|
|
288
288
|
}
|
|
289
|
-
declare const PaginationContent: React
|
|
290
|
-
declare const PaginationItem: React
|
|
289
|
+
declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
290
|
+
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
291
291
|
declare const PaginationFirst: {
|
|
292
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React
|
|
292
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
293
293
|
displayName: string;
|
|
294
294
|
};
|
|
295
295
|
declare const PaginationLast: {
|
|
296
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React
|
|
296
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
297
297
|
displayName: string;
|
|
298
298
|
};
|
|
299
299
|
declare const PaginationPrevious: {
|
|
300
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React
|
|
300
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
301
301
|
displayName: string;
|
|
302
302
|
};
|
|
303
303
|
declare const PaginationNext: {
|
|
304
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React
|
|
304
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
305
305
|
displayName: string;
|
|
306
306
|
};
|
|
307
307
|
declare const PaginationEllipsis: {
|
|
308
|
-
({ className, disabled, isActive, asChild, onClick, }: PaginationButtonProps): React
|
|
308
|
+
({ className, disabled, isActive, asChild, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
309
309
|
displayName: string;
|
|
310
310
|
};
|
|
311
311
|
declare const PaginationIndex: {
|
|
312
|
-
({ className, disabled, isActive, onClick, children, }: PaginationIndexProps): React
|
|
312
|
+
({ className, disabled, isActive, onClick, children, }: PaginationIndexProps): React.JSX.Element;
|
|
313
313
|
displayName: string;
|
|
314
314
|
};
|
|
315
315
|
declare const Pagination: {
|
|
316
|
-
({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, }: PaginationProps): React
|
|
316
|
+
({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, }: PaginationProps): React.JSX.Element;
|
|
317
317
|
displayName: string;
|
|
318
318
|
};
|
|
319
319
|
|
|
@@ -329,58 +329,58 @@ interface DataTableProps<TData, TValue> {
|
|
|
329
329
|
vhDiff?: number;
|
|
330
330
|
onIsSelected?: (row: Row<TData>) => boolean;
|
|
331
331
|
}
|
|
332
|
-
declare function DataTable<TData, TValue>({ columnFullSize, fixedColumns, isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, onIsSelected, }: DataTableProps<TData, TValue>): React
|
|
332
|
+
declare function DataTable<TData, TValue>({ columnFullSize, fixedColumns, isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, onIsSelected, }: DataTableProps<TData, TValue>): React.JSX.Element;
|
|
333
333
|
declare namespace DataTable {
|
|
334
334
|
var displayName: string;
|
|
335
335
|
}
|
|
336
336
|
|
|
337
|
-
declare const Dialog: React
|
|
338
|
-
declare const DialogTrigger: React
|
|
339
|
-
declare const DialogPortal: React
|
|
340
|
-
declare const DialogClose: React
|
|
341
|
-
declare const DialogOverlay: React
|
|
342
|
-
declare const DialogContent: React
|
|
337
|
+
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
338
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
339
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
340
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
341
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
342
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
343
343
|
declare const DialogHeader: {
|
|
344
|
-
({ className, ...props }: React
|
|
344
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
345
345
|
displayName: string;
|
|
346
346
|
};
|
|
347
347
|
declare const DialogFooter: {
|
|
348
|
-
({ className, ...props }: React
|
|
348
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
349
349
|
displayName: string;
|
|
350
350
|
};
|
|
351
|
-
declare const DialogTitle: React
|
|
352
|
-
declare const DialogDescription: React
|
|
353
|
-
|
|
354
|
-
declare const DropdownMenu: React
|
|
355
|
-
declare const DropdownMenuTrigger: React
|
|
356
|
-
declare const DropdownMenuGroup: React
|
|
357
|
-
declare const DropdownMenuPortal: React
|
|
358
|
-
declare const DropdownMenuSub: React
|
|
359
|
-
declare const DropdownMenuRadioGroup: React
|
|
360
|
-
declare const DropdownMenuSubTrigger: React
|
|
351
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
352
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
353
|
+
|
|
354
|
+
declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
355
|
+
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
356
|
+
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
357
|
+
declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
358
|
+
declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
359
|
+
declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
360
|
+
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
361
361
|
inset?: boolean;
|
|
362
|
-
} & React
|
|
363
|
-
declare const DropdownMenuSubContent: React
|
|
364
|
-
declare const DropdownMenuContent: React
|
|
365
|
-
declare const DropdownMenuItem: React
|
|
362
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
363
|
+
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
364
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
365
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
366
366
|
inset?: boolean;
|
|
367
|
-
} & React
|
|
368
|
-
declare const DropdownMenuCheckboxItem: React
|
|
369
|
-
declare const DropdownMenuRadioItem: React
|
|
370
|
-
declare const DropdownMenuLabel: React
|
|
367
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
368
|
+
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
369
|
+
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
370
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
371
371
|
inset?: boolean;
|
|
372
|
-
} & React
|
|
373
|
-
declare const DropdownMenuSeparator: React
|
|
372
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
373
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
374
374
|
declare const DropdownMenuShortcut: {
|
|
375
|
-
({ className, ...props }: React
|
|
375
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
376
376
|
displayName: string;
|
|
377
377
|
};
|
|
378
378
|
|
|
379
379
|
interface HelpMenuItem {
|
|
380
|
-
icon?: React
|
|
380
|
+
icon?: React.ReactNode;
|
|
381
381
|
description?: string;
|
|
382
382
|
disabled?: boolean;
|
|
383
|
-
render?: React
|
|
383
|
+
render?: React.ReactNode;
|
|
384
384
|
onClick?: () => void;
|
|
385
385
|
}
|
|
386
386
|
interface HelpMenuProps {
|
|
@@ -392,14 +392,14 @@ interface HelpMenuProps {
|
|
|
392
392
|
|
|
393
393
|
interface ModulesMenuItem {
|
|
394
394
|
containerIconBgColor?: BgColor;
|
|
395
|
-
icon?: React
|
|
395
|
+
icon?: React.ReactNode;
|
|
396
396
|
title?: string;
|
|
397
397
|
description?: string;
|
|
398
398
|
disabled?: boolean;
|
|
399
|
-
render?: React
|
|
399
|
+
render?: React.ReactNode;
|
|
400
400
|
bgColor: string;
|
|
401
401
|
textColor: string;
|
|
402
|
-
highlight?: React
|
|
402
|
+
highlight?: React.ReactNode;
|
|
403
403
|
onClick?: () => void;
|
|
404
404
|
}
|
|
405
405
|
interface ModulesMenuProps {
|
|
@@ -424,22 +424,22 @@ interface UserMenuProps {
|
|
|
424
424
|
user?: {
|
|
425
425
|
name: string;
|
|
426
426
|
email: string;
|
|
427
|
-
render?: React
|
|
427
|
+
render?: React.ReactNode;
|
|
428
428
|
};
|
|
429
429
|
language?: {
|
|
430
|
-
icon?: React
|
|
430
|
+
icon?: React.ReactNode;
|
|
431
431
|
label?: string;
|
|
432
432
|
select?: {
|
|
433
433
|
options: LanguageOption[];
|
|
434
434
|
value?: string;
|
|
435
435
|
onChange?: (language: string) => void;
|
|
436
436
|
};
|
|
437
|
-
render?: React
|
|
437
|
+
render?: React.ReactNode;
|
|
438
438
|
};
|
|
439
439
|
logout?: {
|
|
440
|
-
icon: React
|
|
440
|
+
icon: React.ReactNode;
|
|
441
441
|
label: string;
|
|
442
|
-
render?: React
|
|
442
|
+
render?: React.ReactNode;
|
|
443
443
|
onClick: () => void;
|
|
444
444
|
};
|
|
445
445
|
}
|
|
@@ -449,7 +449,7 @@ interface CustomStyles {
|
|
|
449
449
|
bgColor: string;
|
|
450
450
|
textColor: string;
|
|
451
451
|
}
|
|
452
|
-
interface HeaderProps extends React
|
|
452
|
+
interface HeaderProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
|
|
453
453
|
customStyles: CustomStyles;
|
|
454
454
|
module?: string;
|
|
455
455
|
customImgSrc?: string;
|
|
@@ -457,7 +457,7 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
|
|
|
457
457
|
userMenu?: Omit<UserMenuProps, 'customStyles'>;
|
|
458
458
|
helpMenu?: Omit<HelpMenuProps, 'customStyles'>;
|
|
459
459
|
modulesMenu?: Omit<ModulesMenuProps, 'customStyles'>;
|
|
460
|
-
extraContent?: React
|
|
460
|
+
extraContent?: React.ReactNode;
|
|
461
461
|
onOpenMenuChange?: () => void;
|
|
462
462
|
}
|
|
463
463
|
|
|
@@ -466,7 +466,7 @@ interface SideBarProps {
|
|
|
466
466
|
title: string;
|
|
467
467
|
onClick?: () => void;
|
|
468
468
|
url?: string;
|
|
469
|
-
icon: React
|
|
469
|
+
icon: React.ReactNode;
|
|
470
470
|
isActive?: boolean;
|
|
471
471
|
}[];
|
|
472
472
|
info: {
|
|
@@ -479,12 +479,12 @@ interface SideBarProps {
|
|
|
479
479
|
version: string;
|
|
480
480
|
};
|
|
481
481
|
}
|
|
482
|
-
interface LayoutProps extends React
|
|
482
|
+
interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
483
483
|
header: HeaderProps;
|
|
484
484
|
sideBar: SideBarProps;
|
|
485
485
|
}
|
|
486
486
|
declare const Layout: {
|
|
487
|
-
({ children, header, sideBar }: LayoutProps): React
|
|
487
|
+
({ children, header, sideBar }: LayoutProps): React.JSX.Element;
|
|
488
488
|
displayName: string;
|
|
489
489
|
};
|
|
490
490
|
|
|
@@ -498,7 +498,7 @@ declare const notificationVariants: (props?: ({
|
|
|
498
498
|
variant?: "error" | "success" | "information" | "warning" | null | undefined;
|
|
499
499
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
500
500
|
type BaseNotificationProps = VariantProps<typeof notificationVariants> & {
|
|
501
|
-
action?: React
|
|
501
|
+
action?: React.ReactNode;
|
|
502
502
|
};
|
|
503
503
|
interface ToastNotificationProps extends BaseNotificationProps {
|
|
504
504
|
type: 'toast';
|
|
@@ -509,18 +509,18 @@ interface ToastNotificationProps extends BaseNotificationProps {
|
|
|
509
509
|
}
|
|
510
510
|
interface CalloutNotificationProps extends BaseNotificationProps {
|
|
511
511
|
type: 'callout';
|
|
512
|
-
title?: React
|
|
513
|
-
content: React
|
|
512
|
+
title?: React.ReactNode;
|
|
513
|
+
content: React.ReactNode;
|
|
514
514
|
shouldExpand?: boolean;
|
|
515
|
-
action?: React
|
|
515
|
+
action?: React.ReactNode;
|
|
516
516
|
}
|
|
517
517
|
interface InlineNotificationProps extends BaseNotificationProps {
|
|
518
518
|
type: 'inline';
|
|
519
|
-
title?: React
|
|
520
|
-
content: React
|
|
519
|
+
title?: React.ReactNode;
|
|
520
|
+
content: React.ReactNode;
|
|
521
521
|
enableClose?: boolean;
|
|
522
522
|
shouldExpand?: boolean;
|
|
523
|
-
action?: React
|
|
523
|
+
action?: React.ReactNode;
|
|
524
524
|
}
|
|
525
525
|
type NotificationProps = ToastNotificationProps | CalloutNotificationProps | InlineNotificationProps;
|
|
526
526
|
declare const posistionMap: {
|
|
@@ -530,15 +530,15 @@ declare const posistionMap: {
|
|
|
530
530
|
readonly bottomLeft: "bottom-0 left-0";
|
|
531
531
|
};
|
|
532
532
|
declare const getPositionClass: (type: string, placement?: keyof typeof posistionMap) => "" | "top-0 right-0" | "top-0 left-0" | "bottom-0 right-0" | "bottom-0 left-0";
|
|
533
|
-
declare const Notification: React
|
|
533
|
+
declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
|
|
534
534
|
|
|
535
535
|
declare const TOAST_REMOVE_DELAY = 5000;
|
|
536
536
|
type ToasterToast = {
|
|
537
537
|
id: string;
|
|
538
|
-
title?: React
|
|
539
|
-
content: React
|
|
538
|
+
title?: React.ReactNode;
|
|
539
|
+
content: React.ReactNode;
|
|
540
540
|
variant: 'success' | 'error' | 'warning' | 'information';
|
|
541
|
-
action?: React
|
|
541
|
+
action?: React.ReactNode;
|
|
542
542
|
toastLimit?: number;
|
|
543
543
|
duration?: number;
|
|
544
544
|
open: boolean;
|
|
@@ -587,57 +587,57 @@ declare function useNotificationToast(): {
|
|
|
587
587
|
pauseNotification: (toastId?: string) => void;
|
|
588
588
|
};
|
|
589
589
|
|
|
590
|
-
declare const Popover: React
|
|
591
|
-
declare const PopoverTrigger: React
|
|
592
|
-
declare const PopoverContent: React
|
|
590
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
591
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
592
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
593
593
|
|
|
594
|
-
declare const Skeleton: ({ className, ...props }: React
|
|
594
|
+
declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
|
|
595
595
|
|
|
596
|
-
declare const Switch: React
|
|
596
|
+
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
597
597
|
|
|
598
598
|
declare const tagVariants: (props?: ({
|
|
599
599
|
color?: "blue" | "grey" | "green" | "orange" | "pink" | "purple" | "red" | "turquoise" | "yellow" | null | undefined;
|
|
600
600
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
601
|
-
interface TagProps extends Omit<React
|
|
602
|
-
children: React
|
|
601
|
+
interface TagProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof tagVariants> {
|
|
602
|
+
children: React.ReactNode;
|
|
603
603
|
}
|
|
604
|
-
declare const Tag: React
|
|
604
|
+
declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
|
|
605
605
|
|
|
606
|
-
declare const TooltipProvider: React
|
|
607
|
-
declare const Tooltip: React
|
|
608
|
-
declare const TooltipTrigger: React
|
|
609
|
-
declare const TooltipArrow: React
|
|
610
|
-
declare const TooltipPortal: React
|
|
606
|
+
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
607
|
+
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
608
|
+
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
609
|
+
declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
|
|
610
|
+
declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
|
|
611
611
|
declare const tooltipContentVariants: (props?: ({
|
|
612
612
|
color?: "black" | "white" | null | undefined;
|
|
613
613
|
arrow?: boolean | null | undefined;
|
|
614
614
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
615
|
-
interface TooltipContentProps extends React
|
|
615
|
+
interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
|
|
616
616
|
color?: 'white' | 'black';
|
|
617
617
|
arrow?: boolean;
|
|
618
618
|
}
|
|
619
|
-
declare const TooltipContent: React
|
|
619
|
+
declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
620
620
|
|
|
621
621
|
declare const typographyVariants: (props?: ({
|
|
622
622
|
variant?: "heading-xxlarge-500" | "heading-xlarge-500" | "heading-large-600" | "heading-large-500" | "heading-medium-600" | "heading-medium-500" | "heading-small-600" | "heading-small-500" | "heading-xsmall-600" | "heading-xsmall-500" | "heading-xxsmall-600" | "heading-xxsmall-500" | "body-large-700" | "body-large-500" | "body-large-400" | "body-medium-700" | "body-medium-500" | "body-medium-400" | "body-small-700" | "body-small-500" | "body-small-400" | "code-medium-400" | null | undefined;
|
|
623
623
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
624
|
-
interface TypographyProps extends Omit<React
|
|
624
|
+
interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'tag'>, VariantProps<typeof typographyVariants> {
|
|
625
625
|
textColor?: TextColor;
|
|
626
626
|
tag?: any;
|
|
627
627
|
}
|
|
628
628
|
declare const Typography: {
|
|
629
|
-
({ className, variant, children, textColor, tag, ...props }: TypographyProps): React
|
|
629
|
+
({ className, variant, children, textColor, tag, ...props }: TypographyProps): React.JSX.Element;
|
|
630
630
|
displayName: string;
|
|
631
631
|
};
|
|
632
632
|
|
|
633
|
-
declare const ScrollArea: React
|
|
634
|
-
declare const ScrollBar: React
|
|
633
|
+
declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
634
|
+
declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
635
635
|
|
|
636
|
-
interface SpinProps extends React
|
|
636
|
+
interface SpinProps extends React.SVGAttributes<SVGSVGElement> {
|
|
637
637
|
textColor?: TextColor;
|
|
638
638
|
size?: string | number;
|
|
639
639
|
}
|
|
640
|
-
declare const Spin: React
|
|
640
|
+
declare const Spin: React.ForwardRefExoticComponent<SpinProps & React.RefAttributes<SVGSVGElement>>;
|
|
641
641
|
|
|
642
642
|
type SidebarContext = {
|
|
643
643
|
state: 'expanded' | 'collapsed';
|
|
@@ -648,7 +648,7 @@ type SidebarContext = {
|
|
|
648
648
|
isMobile: boolean;
|
|
649
649
|
toggleSidebar: () => void;
|
|
650
650
|
};
|
|
651
|
-
declare const SidebarContext: React
|
|
651
|
+
declare const SidebarContext: React.Context<SidebarContext | null>;
|
|
652
652
|
declare function useSidebar(): SidebarContext;
|
|
653
653
|
|
|
654
654
|
declare function useIsMobile(): boolean;
|