@juv/codego-react-ui 3.1.4 → 3.1.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/README.md +267 -0
- package/dist/index.cjs +6261 -5941
- package/dist/index.d.cts +250 -96
- package/dist/index.d.ts +250 -96
- package/dist/index.global.js +67611 -67293
- package/dist/index.js +4883 -4564
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -2,6 +2,44 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
|
|
5
|
+
type AuthView = "login" | "register" | "resetPassword";
|
|
6
|
+
interface AuthField {
|
|
7
|
+
name: string;
|
|
8
|
+
label: string;
|
|
9
|
+
render?: (value: string, onChange: (v: string) => void) => React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
type AuthVariant = "default" | "split" | "minimal" | "glass";
|
|
12
|
+
interface AuthenticationProps {
|
|
13
|
+
/** Which views are enabled */
|
|
14
|
+
enableLogin?: boolean;
|
|
15
|
+
enableRegister?: boolean;
|
|
16
|
+
enableResetPassword?: boolean;
|
|
17
|
+
/** Initial view */
|
|
18
|
+
defaultView?: AuthView;
|
|
19
|
+
/** Base URL for axios requests (e.g. "https://api.example.com") */
|
|
20
|
+
baseURL?: string;
|
|
21
|
+
/** Extra axios headers */
|
|
22
|
+
headers?: Record<string, string>;
|
|
23
|
+
/** Custom fields per view — replaces default fields when provided */
|
|
24
|
+
loginFields?: AuthField[];
|
|
25
|
+
registerFields?: AuthField[];
|
|
26
|
+
resetPasswordFields?: AuthField[];
|
|
27
|
+
/** Callbacks */
|
|
28
|
+
onLoginSuccess?: (data: any) => void;
|
|
29
|
+
onRegisterSuccess?: (data: any) => void;
|
|
30
|
+
onResetSuccess?: (data: any) => void;
|
|
31
|
+
onError?: (view: AuthView, error: any) => void;
|
|
32
|
+
/** Branding */
|
|
33
|
+
logo?: React.ReactNode;
|
|
34
|
+
title?: string;
|
|
35
|
+
/** UI variant */
|
|
36
|
+
variant?: AuthVariant;
|
|
37
|
+
/** Split variant — custom left-panel content */
|
|
38
|
+
splitPanel?: React.ReactNode;
|
|
39
|
+
className?: string;
|
|
40
|
+
}
|
|
41
|
+
declare function Authentication({ enableLogin, enableRegister, enableResetPassword, defaultView, baseURL, headers, loginFields, registerFields, resetPasswordFields, onLoginSuccess, onRegisterSuccess, onResetSuccess, onError, logo, title, variant, splitPanel, className, }: AuthenticationProps): react_jsx_runtime.JSX.Element;
|
|
42
|
+
|
|
5
43
|
type AccordionVariant = "default" | "bordered" | "separated" | "ghost";
|
|
6
44
|
interface AccordionItem {
|
|
7
45
|
value: string;
|
|
@@ -336,6 +374,98 @@ interface MetricRowProps {
|
|
|
336
374
|
}
|
|
337
375
|
declare function MetricRow({ items, divided, className }: MetricRowProps): react_jsx_runtime.JSX.Element;
|
|
338
376
|
|
|
377
|
+
type ToastVariant = "default" | "success" | "error" | "warning" | "info";
|
|
378
|
+
type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
379
|
+
interface ToastItem {
|
|
380
|
+
id: string;
|
|
381
|
+
title?: React.ReactNode;
|
|
382
|
+
description?: React.ReactNode;
|
|
383
|
+
variant?: ToastVariant;
|
|
384
|
+
/** Duration in ms before auto-dismiss. 0 = no auto-dismiss */
|
|
385
|
+
duration?: number;
|
|
386
|
+
/** Show a progress bar counting down the duration */
|
|
387
|
+
showProgress?: boolean;
|
|
388
|
+
/** Custom icon — overrides the variant icon */
|
|
389
|
+
icon?: React.ReactNode;
|
|
390
|
+
/** Action button */
|
|
391
|
+
action?: {
|
|
392
|
+
label: string;
|
|
393
|
+
onClick: () => void;
|
|
394
|
+
};
|
|
395
|
+
/** Whether the toast can be manually closed */
|
|
396
|
+
closable?: boolean;
|
|
397
|
+
/** Override the provider's default position for this toast */
|
|
398
|
+
position?: ToastPosition;
|
|
399
|
+
}
|
|
400
|
+
interface ToastContextValue {
|
|
401
|
+
toast: (item: Omit<ToastItem, "id">) => string;
|
|
402
|
+
dismiss: (id: string) => void;
|
|
403
|
+
dismissAll: () => void;
|
|
404
|
+
}
|
|
405
|
+
declare function useToast(): ToastContextValue;
|
|
406
|
+
interface ToastProviderProps {
|
|
407
|
+
children: React.ReactNode;
|
|
408
|
+
/** Default position for all toasts */
|
|
409
|
+
position?: ToastPosition;
|
|
410
|
+
/** Max toasts visible at once */
|
|
411
|
+
maxToasts?: number;
|
|
412
|
+
}
|
|
413
|
+
declare function ToastProvider({ children, position, maxToasts, }: ToastProviderProps): react_jsx_runtime.JSX.Element;
|
|
414
|
+
type NotificationVariant = "default" | "success" | "error" | "warning" | "info";
|
|
415
|
+
interface NotificationItem {
|
|
416
|
+
id: string;
|
|
417
|
+
title: React.ReactNode;
|
|
418
|
+
description?: React.ReactNode;
|
|
419
|
+
variant?: NotificationVariant;
|
|
420
|
+
/** Timestamp label e.g. "2m ago" */
|
|
421
|
+
time?: string;
|
|
422
|
+
/** Avatar or icon node shown on the left */
|
|
423
|
+
avatar?: React.ReactNode;
|
|
424
|
+
/** Whether the notification has been read */
|
|
425
|
+
read?: boolean;
|
|
426
|
+
/** Click handler for the whole row */
|
|
427
|
+
onClick?: () => void;
|
|
428
|
+
/** Action buttons */
|
|
429
|
+
actions?: {
|
|
430
|
+
label: string;
|
|
431
|
+
onClick: () => void;
|
|
432
|
+
variant?: "primary" | "ghost";
|
|
433
|
+
}[];
|
|
434
|
+
}
|
|
435
|
+
interface NotificationPanelProps {
|
|
436
|
+
items: NotificationItem[];
|
|
437
|
+
/** Header title */
|
|
438
|
+
title?: string;
|
|
439
|
+
/** Show a badge with unread count on the bell icon trigger */
|
|
440
|
+
showBadge?: boolean;
|
|
441
|
+
/** Called when "Mark all read" is clicked */
|
|
442
|
+
onMarkAllRead?: () => void;
|
|
443
|
+
/** Called when "Clear all" is clicked */
|
|
444
|
+
onClearAll?: () => void;
|
|
445
|
+
/** Called when a single item is dismissed */
|
|
446
|
+
onDismiss?: (id: string) => void;
|
|
447
|
+
/** Empty state message */
|
|
448
|
+
emptyMessage?: string;
|
|
449
|
+
className?: string;
|
|
450
|
+
/** Max height of the list */
|
|
451
|
+
maxHeight?: string;
|
|
452
|
+
}
|
|
453
|
+
declare function NotificationPanel({ items, title, showBadge, onMarkAllRead, onClearAll, onDismiss, emptyMessage, className, maxHeight, }: NotificationPanelProps): react_jsx_runtime.JSX.Element;
|
|
454
|
+
interface NotificationBannerProps {
|
|
455
|
+
variant?: NotificationVariant;
|
|
456
|
+
title?: React.ReactNode;
|
|
457
|
+
description?: React.ReactNode;
|
|
458
|
+
icon?: React.ReactNode;
|
|
459
|
+
closable?: boolean;
|
|
460
|
+
onClose?: () => void;
|
|
461
|
+
action?: {
|
|
462
|
+
label: string;
|
|
463
|
+
onClick: () => void;
|
|
464
|
+
};
|
|
465
|
+
className?: string;
|
|
466
|
+
}
|
|
467
|
+
declare function NotificationBanner({ variant, title, description, icon, closable, onClose, action, className, }: NotificationBannerProps): react_jsx_runtime.JSX.Element;
|
|
468
|
+
|
|
339
469
|
interface ServerPaginationLink {
|
|
340
470
|
page: number;
|
|
341
471
|
url: string;
|
|
@@ -365,6 +495,14 @@ interface UseServerTableOptions {
|
|
|
365
495
|
encrypt?: boolean;
|
|
366
496
|
/** Laravel APP_KEY used for decryption. Pass import.meta.env["VITE_LARAVEL_KEY"] */
|
|
367
497
|
key?: string;
|
|
498
|
+
/** If true, logs the decrypted payload to the console */
|
|
499
|
+
decryptPayloadLog?: boolean;
|
|
500
|
+
/**
|
|
501
|
+
* Override auto-derived column definitions per key.
|
|
502
|
+
* Supports all Column<T> props: type, render, selectOptions, stackProps, onChange, sortable, etc.
|
|
503
|
+
* Example: { status: { type: "badge" }, enabled: { type: "toggle", onChange: (item, v) => patch(item.id, v) } }
|
|
504
|
+
*/
|
|
505
|
+
columnOverrides?: Record<string, Partial<Column<any>>>;
|
|
368
506
|
}
|
|
369
507
|
interface UseServerTableReturn<T> {
|
|
370
508
|
data: T[];
|
|
@@ -382,7 +520,7 @@ interface ServerPaginationProp {
|
|
|
382
520
|
currentPage: number;
|
|
383
521
|
goToPage: (page: number) => void;
|
|
384
522
|
}
|
|
385
|
-
declare function useServerTable<T extends Record<string, any>>({ url, params, encrypt, key }: UseServerTableOptions): UseServerTableReturn<T>;
|
|
523
|
+
declare function useServerTable<T extends Record<string, any>>({ url, params, encrypt, key, decryptPayloadLog, columnOverrides }: UseServerTableOptions): UseServerTableReturn<T>;
|
|
386
524
|
type ActionFieldType = "input" | "password" | "textarea" | "checkbox" | "toggle" | "select" | "radio" | "slider" | "tag-input" | "otp" | "combobox" | "color-picker" | "date-range" | "rich-text" | "file-upload" | "repeater";
|
|
387
525
|
interface ActionField {
|
|
388
526
|
key: string;
|
|
@@ -408,6 +546,52 @@ interface ActionField {
|
|
|
408
546
|
/** Custom render — overrides built-in field renderer */
|
|
409
547
|
render?: (value: any, onChange: (v: any) => void) => React.ReactNode;
|
|
410
548
|
}
|
|
549
|
+
/** Controls appearance of a default action button (view / edit / delete) */
|
|
550
|
+
interface ActionButtonConfig {
|
|
551
|
+
/** Button variant. Defaults: view→"outline", edit→"outline", delete→"danger" */
|
|
552
|
+
variant?: "primary" | "secondary" | "outline" | "ghost" | "link" | "danger" | "success" | "destructive";
|
|
553
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
554
|
+
rounded?: "none" | "sm" | "md" | "lg" | "xl" | "full";
|
|
555
|
+
gradientFrom?: string;
|
|
556
|
+
gradientTo?: string;
|
|
557
|
+
gradientDirection?: "to-r" | "to-l" | "to-t" | "to-b" | "to-tr" | "to-tl" | "to-br" | "to-bl";
|
|
558
|
+
bgColor?: string;
|
|
559
|
+
textColor?: string;
|
|
560
|
+
borderColor?: string;
|
|
561
|
+
borderWidth?: number;
|
|
562
|
+
shadow?: boolean;
|
|
563
|
+
/** Override the default icon */
|
|
564
|
+
icon?: React.ReactNode;
|
|
565
|
+
/** Override the default label text */
|
|
566
|
+
label?: string;
|
|
567
|
+
/** "icon" = icon only, "text" = label only, "icon-text" = icon + label. Default "icon" */
|
|
568
|
+
displayMode?: "icon" | "text" | "icon-text";
|
|
569
|
+
className?: string;
|
|
570
|
+
}
|
|
571
|
+
/** Extra action button appended alongside the default view/edit/delete buttons */
|
|
572
|
+
interface ExtraActionConfig<T> {
|
|
573
|
+
/** Unique key */
|
|
574
|
+
key: string;
|
|
575
|
+
/** Button label */
|
|
576
|
+
label?: string;
|
|
577
|
+
/** Icon rendered in the button */
|
|
578
|
+
icon?: React.ReactNode;
|
|
579
|
+
/** "icon" | "text" | "icon-text". Default "icon-text" */
|
|
580
|
+
displayMode?: "icon" | "text" | "icon-text";
|
|
581
|
+
variant?: "primary" | "secondary" | "outline" | "ghost" | "link" | "danger" | "success" | "destructive";
|
|
582
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
583
|
+
rounded?: "none" | "sm" | "md" | "lg" | "xl" | "full";
|
|
584
|
+
gradientFrom?: string;
|
|
585
|
+
gradientTo?: string;
|
|
586
|
+
gradientDirection?: "to-r" | "to-l" | "to-t" | "to-b" | "to-tr" | "to-tl" | "to-br" | "to-bl";
|
|
587
|
+
bgColor?: string;
|
|
588
|
+
textColor?: string;
|
|
589
|
+
borderColor?: string;
|
|
590
|
+
borderWidth?: number;
|
|
591
|
+
shadow?: boolean;
|
|
592
|
+
className?: string;
|
|
593
|
+
onClick: (item: T) => void;
|
|
594
|
+
}
|
|
411
595
|
interface DefaultActionsConfig<T> {
|
|
412
596
|
/**
|
|
413
597
|
* Base URL used to build PUT and DELETE requests.
|
|
@@ -425,6 +609,36 @@ interface DefaultActionsConfig<T> {
|
|
|
425
609
|
viewForm?: ActionField[];
|
|
426
610
|
/** Called after a successful edit or delete so the parent can refresh data. */
|
|
427
611
|
onSuccess?: (action: "edit" | "delete", item: T) => void;
|
|
612
|
+
/** Show a toast or notification banner on successful edit/delete */
|
|
613
|
+
onSuccessNotif?: ActionSuccessNotif;
|
|
614
|
+
/** Customize the View button appearance */
|
|
615
|
+
viewButton?: ActionButtonConfig;
|
|
616
|
+
/** Customize the Edit button appearance */
|
|
617
|
+
editButton?: ActionButtonConfig;
|
|
618
|
+
/** Customize the Delete button appearance */
|
|
619
|
+
deleteButton?: ActionButtonConfig;
|
|
620
|
+
/** Extra action buttons rendered alongside view/edit/delete */
|
|
621
|
+
extraActions?: ExtraActionConfig<T>[];
|
|
622
|
+
}
|
|
623
|
+
interface ActionSuccessNotif {
|
|
624
|
+
/** "toast" uses the ToastProvider. "notification" renders an inline banner. Default "toast". */
|
|
625
|
+
type?: "toast" | "notification";
|
|
626
|
+
/** Toast position. Only used when type="toast". Default "bottom-right". */
|
|
627
|
+
toastPosition?: ToastPosition;
|
|
628
|
+
/** Variant for edit success. Default "success". */
|
|
629
|
+
editVariant?: ToastVariant;
|
|
630
|
+
/** Variant for delete success. Default "success". */
|
|
631
|
+
deleteVariant?: ToastVariant;
|
|
632
|
+
/** Title for edit success notification */
|
|
633
|
+
editTitle?: React.ReactNode;
|
|
634
|
+
/** Body/description for edit success notification */
|
|
635
|
+
editBody?: React.ReactNode;
|
|
636
|
+
/** Title for delete success notification */
|
|
637
|
+
deleteTitle?: React.ReactNode;
|
|
638
|
+
/** Body/description for delete success notification */
|
|
639
|
+
deleteBody?: React.ReactNode;
|
|
640
|
+
/** Extra action element rendered inside the notification */
|
|
641
|
+
action?: React.ReactNode;
|
|
428
642
|
}
|
|
429
643
|
interface Column<T> {
|
|
430
644
|
key: keyof T | string;
|
|
@@ -473,6 +687,14 @@ interface UseServerDataGridOptions {
|
|
|
473
687
|
encrypt?: boolean;
|
|
474
688
|
/** Laravel APP_KEY used for decryption. Pass import.meta.env["VITE_LARAVEL_KEY"] */
|
|
475
689
|
key?: string;
|
|
690
|
+
/** If true, logs the decrypted payload to the console */
|
|
691
|
+
decryptPayloadLog?: boolean;
|
|
692
|
+
/**
|
|
693
|
+
* Override auto-derived column definitions per key.
|
|
694
|
+
* Supports all DataGridColumn<T> props: render, sortable, filterable, width, align, etc.
|
|
695
|
+
* Example: { status: { render: (row) => <Badge>{row.status}</Badge> }, score: { sortable: true } }
|
|
696
|
+
*/
|
|
697
|
+
columnOverrides?: Record<string, Partial<DataGridColumn<any>>>;
|
|
476
698
|
}
|
|
477
699
|
interface UseServerDataGridReturn<T> {
|
|
478
700
|
data: T[];
|
|
@@ -485,7 +707,7 @@ interface UseServerDataGridReturn<T> {
|
|
|
485
707
|
goToPage: (page: number) => void;
|
|
486
708
|
reload: () => void;
|
|
487
709
|
}
|
|
488
|
-
declare function useServerDataGrid<T extends Record<string, any>>({ url, params, encrypt, key }: UseServerDataGridOptions): UseServerDataGridReturn<T>;
|
|
710
|
+
declare function useServerDataGrid<T extends Record<string, any>>({ url, params, encrypt, key, decryptPayloadLog, columnOverrides }: UseServerDataGridOptions): UseServerDataGridReturn<T>;
|
|
489
711
|
type SortDir = "asc" | "desc" | null;
|
|
490
712
|
interface DataGridColumn<T> {
|
|
491
713
|
key: keyof T | string;
|
|
@@ -1041,98 +1263,6 @@ interface GroupNavigationProps {
|
|
|
1041
1263
|
}
|
|
1042
1264
|
declare function GroupNavigation({ groups, value, onChange, className, collapsed, }: GroupNavigationProps): react_jsx_runtime.JSX.Element;
|
|
1043
1265
|
|
|
1044
|
-
type ToastVariant = "default" | "success" | "error" | "warning" | "info";
|
|
1045
|
-
type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
1046
|
-
interface ToastItem {
|
|
1047
|
-
id: string;
|
|
1048
|
-
title?: React.ReactNode;
|
|
1049
|
-
description?: React.ReactNode;
|
|
1050
|
-
variant?: ToastVariant;
|
|
1051
|
-
/** Duration in ms before auto-dismiss. 0 = no auto-dismiss */
|
|
1052
|
-
duration?: number;
|
|
1053
|
-
/** Show a progress bar counting down the duration */
|
|
1054
|
-
showProgress?: boolean;
|
|
1055
|
-
/** Custom icon — overrides the variant icon */
|
|
1056
|
-
icon?: React.ReactNode;
|
|
1057
|
-
/** Action button */
|
|
1058
|
-
action?: {
|
|
1059
|
-
label: string;
|
|
1060
|
-
onClick: () => void;
|
|
1061
|
-
};
|
|
1062
|
-
/** Whether the toast can be manually closed */
|
|
1063
|
-
closable?: boolean;
|
|
1064
|
-
/** Override the provider's default position for this toast */
|
|
1065
|
-
position?: ToastPosition;
|
|
1066
|
-
}
|
|
1067
|
-
interface ToastContextValue {
|
|
1068
|
-
toast: (item: Omit<ToastItem, "id">) => string;
|
|
1069
|
-
dismiss: (id: string) => void;
|
|
1070
|
-
dismissAll: () => void;
|
|
1071
|
-
}
|
|
1072
|
-
declare function useToast(): ToastContextValue;
|
|
1073
|
-
interface ToastProviderProps {
|
|
1074
|
-
children: React.ReactNode;
|
|
1075
|
-
/** Default position for all toasts */
|
|
1076
|
-
position?: ToastPosition;
|
|
1077
|
-
/** Max toasts visible at once */
|
|
1078
|
-
maxToasts?: number;
|
|
1079
|
-
}
|
|
1080
|
-
declare function ToastProvider({ children, position, maxToasts, }: ToastProviderProps): react_jsx_runtime.JSX.Element;
|
|
1081
|
-
type NotificationVariant = "default" | "success" | "error" | "warning" | "info";
|
|
1082
|
-
interface NotificationItem {
|
|
1083
|
-
id: string;
|
|
1084
|
-
title: React.ReactNode;
|
|
1085
|
-
description?: React.ReactNode;
|
|
1086
|
-
variant?: NotificationVariant;
|
|
1087
|
-
/** Timestamp label e.g. "2m ago" */
|
|
1088
|
-
time?: string;
|
|
1089
|
-
/** Avatar or icon node shown on the left */
|
|
1090
|
-
avatar?: React.ReactNode;
|
|
1091
|
-
/** Whether the notification has been read */
|
|
1092
|
-
read?: boolean;
|
|
1093
|
-
/** Click handler for the whole row */
|
|
1094
|
-
onClick?: () => void;
|
|
1095
|
-
/** Action buttons */
|
|
1096
|
-
actions?: {
|
|
1097
|
-
label: string;
|
|
1098
|
-
onClick: () => void;
|
|
1099
|
-
variant?: "primary" | "ghost";
|
|
1100
|
-
}[];
|
|
1101
|
-
}
|
|
1102
|
-
interface NotificationPanelProps {
|
|
1103
|
-
items: NotificationItem[];
|
|
1104
|
-
/** Header title */
|
|
1105
|
-
title?: string;
|
|
1106
|
-
/** Show a badge with unread count on the bell icon trigger */
|
|
1107
|
-
showBadge?: boolean;
|
|
1108
|
-
/** Called when "Mark all read" is clicked */
|
|
1109
|
-
onMarkAllRead?: () => void;
|
|
1110
|
-
/** Called when "Clear all" is clicked */
|
|
1111
|
-
onClearAll?: () => void;
|
|
1112
|
-
/** Called when a single item is dismissed */
|
|
1113
|
-
onDismiss?: (id: string) => void;
|
|
1114
|
-
/** Empty state message */
|
|
1115
|
-
emptyMessage?: string;
|
|
1116
|
-
className?: string;
|
|
1117
|
-
/** Max height of the list */
|
|
1118
|
-
maxHeight?: string;
|
|
1119
|
-
}
|
|
1120
|
-
declare function NotificationPanel({ items, title, showBadge, onMarkAllRead, onClearAll, onDismiss, emptyMessage, className, maxHeight, }: NotificationPanelProps): react_jsx_runtime.JSX.Element;
|
|
1121
|
-
interface NotificationBannerProps {
|
|
1122
|
-
variant?: NotificationVariant;
|
|
1123
|
-
title?: React.ReactNode;
|
|
1124
|
-
description?: React.ReactNode;
|
|
1125
|
-
icon?: React.ReactNode;
|
|
1126
|
-
closable?: boolean;
|
|
1127
|
-
onClose?: () => void;
|
|
1128
|
-
action?: {
|
|
1129
|
-
label: string;
|
|
1130
|
-
onClick: () => void;
|
|
1131
|
-
};
|
|
1132
|
-
className?: string;
|
|
1133
|
-
}
|
|
1134
|
-
declare function NotificationBanner({ variant, title, description, icon, closable, onClose, action, className, }: NotificationBannerProps): react_jsx_runtime.JSX.Element;
|
|
1135
|
-
|
|
1136
1266
|
interface OtpInputProps {
|
|
1137
1267
|
length?: number;
|
|
1138
1268
|
value?: string;
|
|
@@ -1159,9 +1289,33 @@ interface PaginationProps {
|
|
|
1159
1289
|
}
|
|
1160
1290
|
declare function Pagination({ page, total, pageSize, siblingCount, showFirstLast, showPageSize, pageSizeOptions, onPageChange, onPageSizeChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
1161
1291
|
|
|
1292
|
+
interface PanelBrand {
|
|
1293
|
+
/** Image URL shown as the project logo */
|
|
1294
|
+
image?: string;
|
|
1295
|
+
/** Fallback icon when no image — any React element */
|
|
1296
|
+
icon?: React.ReactNode;
|
|
1297
|
+
/** Project / app title shown when expanded */
|
|
1298
|
+
title?: React.ReactNode;
|
|
1299
|
+
/** Extra content rendered to the right of title when expanded */
|
|
1300
|
+
trailing?: React.ReactNode;
|
|
1301
|
+
}
|
|
1302
|
+
interface PanelProfile {
|
|
1303
|
+
/** Avatar image URL */
|
|
1304
|
+
image?: string;
|
|
1305
|
+
/** Fallback icon when no image — any React element */
|
|
1306
|
+
icon?: React.ReactNode;
|
|
1307
|
+
/** Full profile content rendered when expanded */
|
|
1308
|
+
content?: React.ReactNode;
|
|
1309
|
+
}
|
|
1162
1310
|
interface PanelProps {
|
|
1163
1311
|
sidebar?: React.ReactNode;
|
|
1312
|
+
/** Structured brand header: shows image+title when expanded, image/icon only when collapsed */
|
|
1313
|
+
sidebarBrand?: PanelBrand;
|
|
1314
|
+
/** Structured profile footer: shows full content when expanded, image/icon only when collapsed */
|
|
1315
|
+
sidebarProfile?: PanelProfile;
|
|
1316
|
+
/** @deprecated use sidebarBrand */
|
|
1164
1317
|
sidebarHeader?: React.ReactNode;
|
|
1318
|
+
/** @deprecated use sidebarProfile */
|
|
1165
1319
|
sidebarFooter?: React.ReactNode;
|
|
1166
1320
|
sidebarWidth?: string;
|
|
1167
1321
|
topbar?: React.ReactNode;
|
|
@@ -1174,7 +1328,7 @@ interface PanelProps {
|
|
|
1174
1328
|
children?: React.ReactNode;
|
|
1175
1329
|
className?: string;
|
|
1176
1330
|
}
|
|
1177
|
-
declare function Panel({ sidebar, sidebarHeader, sidebarFooter, sidebarWidth, topbar, topbarTrailing, defaultCollapsed, collapsible, showThemeToggle, defaultPage, height, children, className, }: PanelProps): react_jsx_runtime.JSX.Element;
|
|
1331
|
+
declare function Panel({ sidebar, sidebarBrand, sidebarProfile, sidebarHeader, sidebarFooter, sidebarWidth, topbar, topbarTrailing, defaultCollapsed, collapsible, showThemeToggle, defaultPage, height, children, className, }: PanelProps): react_jsx_runtime.JSX.Element;
|
|
1178
1332
|
declare function PanelSidebarItem({ icon: Icon, label, active, onClick, }: {
|
|
1179
1333
|
icon?: React.ElementType;
|
|
1180
1334
|
label: string;
|
|
@@ -1712,4 +1866,4 @@ interface WizardProps {
|
|
|
1712
1866
|
}
|
|
1713
1867
|
declare function Wizard({ steps, step: controlledStep, defaultStep, onStepChange, onFinish, onClose, layout, variant, size, isOpen, showClose, unchange, title, description, hideHeader, footer, renderActions, backLabel, nextLabel, finishLabel, cancelLabel, showCancel, showBackOnFirst, loading, clickableSteps, className, contentClassName, }: WizardProps): react_jsx_runtime.JSX.Element;
|
|
1714
1868
|
|
|
1715
|
-
export { Accordion, type AccordionItem, type AccordionProps, type AccordionVariant, type ActionField, type ActionFieldType, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, COLOR_PALETTE, Calendar, CalendarDateRangePicker, type CalendarDateRangePickerProps, type CalendarDateRangeVariant, type CalendarEvent, type CalendarProps, type CalendarView, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartDataPoint, ChartWidget, type ChartWidgetProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, type ClusterVariant, ColorPicker, type ColorPickerProps, type Column, Combobox, type ComboboxOption, type ComboboxProps, type CommandItem, CommandPalette, type CommandPaletteProps, ComposableWidget, type ComposableWidgetProps, type ConfirmVariant, ContextMenu, type ContextMenuItem, type ContextMenuProps, DataGrid, type DataGridColumn, type DataGridProps, DatePickerPopup, type DateRange, DateRangePicker, type DateRangePickerProps, type DefaultActionsConfig, DocsLayout, Drawer, type DrawerProps, type DrawerSide, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, EVENT_COLORS, type FileTypeValidation, FileUpload, type FileUploadProps, type FlexAlign, type FlexDirection, type FlexGap, FlexItem, type FlexItemProps, type FlexJustify, FlexLayout, type FlexLayoutProps, type FlexWrap, type FlyToOptions, type FormField, type FormFieldType, type GridAlign, type GridCols, type GridGap, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GroupNavigation, type GroupNavigationProps, type ImageEditorMode, type ImageEditorOptions, Input, type InputProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, Label, LeafletMap, type LeafletMapProps, LeftSidebar, type LeftSidebarProps, type MapLibreClusterVariant, MapLibreMap, type MapLibreMarker, type MapLibreProps, type MapLibreRoute, type MapLibreRouteType, type MapLibreStyle, type MapMarker, type MapRoute, type MarkerColor, type MetricItem, MetricRow, type MetricRowProps, Modal, ModalConfirmation, type ModalConfirmationProps, type ModalProps, ModalUnchange, type ModalUnchangeProps, ModalWithForms, type ModalWithFormsProps, type NavGroup, type NavItem, Navigation, type NavigationProps, NotificationBanner, type NotificationBannerProps, type NotificationItem, NotificationPanel, type NotificationPanelProps, type NotificationVariant, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Panel, type PanelProps, PanelSettings, type PanelSettingsProps, type PanelSettingsTab, PanelSidebarGroup, PanelSidebarItem, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, type PropRow, PropsTable, RadioGroup, type RadioGroupProps, type RadioOption, type RadioSize, type RadioVariant, RangeSlider, type RangeSliderProps, Repeater, type RepeaterProps, ResizablePanels, type ResizablePanelsProps, RichTextEditor, type RichTextEditorProps, RightSidebar, type RightSidebarProps, type RouteType, ScrollArea, type ScrollAreaProps, Section, SectionBlock, type SectionProps, type SectionVariant, Select, type SelectOption, type SelectProps, type SemanticColor, type ServerDataGridProp, type ServerPagination, type ServerPaginationLink, type ServerPaginationProp, type ServerTableResponse, Skeleton, Slider, type SliderProps, type SortDir, StatCard, type StatCardProps, type StatTrend, StatsWidget, type StatsWidgetProps, type Step, type StepStatus, Stepper, type StepperProps, type TabItem, type TabSize, type TabVariant, Table, TableOfContents, type TableProps, TableWidget, type TableWidgetProps, Tabs, type TabsProps, TagInput, type TagInputProps, Textarea, type TextareaProps, type ThemeColors, ThemeProvider, type ThemeSettings, Timeline, type TimelineItem, type TimelineProps, type TimelineVariant, type ToastItem, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, type TocItem, TocProvider, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, type TreeNode, TreeView, type TreeViewProps, type TrendDir, type UseServerDataGridOptions, type UseServerDataGridReturn, type UseServerTableOptions, type UseServerTableReturn, Widget, type WidgetProps, Wizard, type WizardActionProps, type WizardLayout, type WizardProps, type WizardSize, type WizardStep, type WizardVariant, useServerDataGrid, useServerTable, useTheme, useToast, useToc };
|
|
1869
|
+
export { Accordion, type AccordionItem, type AccordionProps, type AccordionVariant, type ActionField, type ActionFieldType, type AuthField, type AuthVariant, type AuthView, Authentication, type AuthenticationProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, COLOR_PALETTE, Calendar, CalendarDateRangePicker, type CalendarDateRangePickerProps, type CalendarDateRangeVariant, type CalendarEvent, type CalendarProps, type CalendarView, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartDataPoint, ChartWidget, type ChartWidgetProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, type ClusterVariant, ColorPicker, type ColorPickerProps, type Column, Combobox, type ComboboxOption, type ComboboxProps, type CommandItem, CommandPalette, type CommandPaletteProps, ComposableWidget, type ComposableWidgetProps, type ConfirmVariant, ContextMenu, type ContextMenuItem, type ContextMenuProps, DataGrid, type DataGridColumn, type DataGridProps, DatePickerPopup, type DateRange, DateRangePicker, type DateRangePickerProps, type DefaultActionsConfig, DocsLayout, Drawer, type DrawerProps, type DrawerSide, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, EVENT_COLORS, type FileTypeValidation, FileUpload, type FileUploadProps, type FlexAlign, type FlexDirection, type FlexGap, FlexItem, type FlexItemProps, type FlexJustify, FlexLayout, type FlexLayoutProps, type FlexWrap, type FlyToOptions, type FormField, type FormFieldType, type GridAlign, type GridCols, type GridGap, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GroupNavigation, type GroupNavigationProps, type ImageEditorMode, type ImageEditorOptions, Input, type InputProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, Label, LeafletMap, type LeafletMapProps, LeftSidebar, type LeftSidebarProps, type MapLibreClusterVariant, MapLibreMap, type MapLibreMarker, type MapLibreProps, type MapLibreRoute, type MapLibreRouteType, type MapLibreStyle, type MapMarker, type MapRoute, type MarkerColor, type MetricItem, MetricRow, type MetricRowProps, Modal, ModalConfirmation, type ModalConfirmationProps, type ModalProps, ModalUnchange, type ModalUnchangeProps, ModalWithForms, type ModalWithFormsProps, type NavGroup, type NavItem, Navigation, type NavigationProps, NotificationBanner, type NotificationBannerProps, type NotificationItem, NotificationPanel, type NotificationPanelProps, type NotificationVariant, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Panel, type PanelProps, PanelSettings, type PanelSettingsProps, type PanelSettingsTab, PanelSidebarGroup, PanelSidebarItem, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, type PropRow, PropsTable, RadioGroup, type RadioGroupProps, type RadioOption, type RadioSize, type RadioVariant, RangeSlider, type RangeSliderProps, Repeater, type RepeaterProps, ResizablePanels, type ResizablePanelsProps, RichTextEditor, type RichTextEditorProps, RightSidebar, type RightSidebarProps, type RouteType, ScrollArea, type ScrollAreaProps, Section, SectionBlock, type SectionProps, type SectionVariant, Select, type SelectOption, type SelectProps, type SemanticColor, type ServerDataGridProp, type ServerPagination, type ServerPaginationLink, type ServerPaginationProp, type ServerTableResponse, Skeleton, Slider, type SliderProps, type SortDir, StatCard, type StatCardProps, type StatTrend, StatsWidget, type StatsWidgetProps, type Step, type StepStatus, Stepper, type StepperProps, type TabItem, type TabSize, type TabVariant, Table, TableOfContents, type TableProps, TableWidget, type TableWidgetProps, Tabs, type TabsProps, TagInput, type TagInputProps, Textarea, type TextareaProps, type ThemeColors, ThemeProvider, type ThemeSettings, Timeline, type TimelineItem, type TimelineProps, type TimelineVariant, type ToastItem, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, type TocItem, TocProvider, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, type TreeNode, TreeView, type TreeViewProps, type TrendDir, type UseServerDataGridOptions, type UseServerDataGridReturn, type UseServerTableOptions, type UseServerTableReturn, Widget, type WidgetProps, Wizard, type WizardActionProps, type WizardLayout, type WizardProps, type WizardSize, type WizardStep, type WizardVariant, useServerDataGrid, useServerTable, useTheme, useToast, useToc };
|