@ballistix.digital/react-components 0.4.65 → 0.4.67
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/index.d.ts +64 -48
- package/dist/index.esm.js +158 -104
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +159 -103
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -18,7 +18,7 @@ declare const base$i: {
|
|
|
18
18
|
};
|
|
19
19
|
type TAvatarElementStyles = DeepPartial$1<typeof base$i>;
|
|
20
20
|
|
|
21
|
-
type TProps$
|
|
21
|
+
type TProps$f = {
|
|
22
22
|
src?: string | undefined;
|
|
23
23
|
placeholder?: string | undefined;
|
|
24
24
|
children?: ReactNode | ReactNode[] | string;
|
|
@@ -30,7 +30,7 @@ type TProps$e = {
|
|
|
30
30
|
isLoading?: boolean;
|
|
31
31
|
styles?: TAvatarElementStyles;
|
|
32
32
|
};
|
|
33
|
-
declare const AvatarElement: FC<TProps$
|
|
33
|
+
declare const AvatarElement: FC<TProps$f>;
|
|
34
34
|
|
|
35
35
|
declare const base$h: {
|
|
36
36
|
container: string;
|
|
@@ -39,7 +39,7 @@ declare const base$h: {
|
|
|
39
39
|
};
|
|
40
40
|
type TBadgeElementStyles = DeepPartial$1<typeof base$h>;
|
|
41
41
|
|
|
42
|
-
type TProps$
|
|
42
|
+
type TProps$e = {
|
|
43
43
|
children: string | ReactNode;
|
|
44
44
|
color?: 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';
|
|
45
45
|
type?: 'normal' | 'indicator' | 'close';
|
|
@@ -50,7 +50,7 @@ type TProps$d = {
|
|
|
50
50
|
onClose?: () => void;
|
|
51
51
|
styles?: TBadgeElementStyles;
|
|
52
52
|
};
|
|
53
|
-
declare const BadgeElement: FC<TProps$
|
|
53
|
+
declare const BadgeElement: FC<TProps$e>;
|
|
54
54
|
|
|
55
55
|
type TButtonElementProps = {
|
|
56
56
|
children: string | ReactNode;
|
|
@@ -62,7 +62,7 @@ type TButtonElementProps = {
|
|
|
62
62
|
status?: 'idle' | 'loading' | 'success' | 'error';
|
|
63
63
|
isDisabled?: boolean;
|
|
64
64
|
styles?: TButtonElementStyles;
|
|
65
|
-
onClick
|
|
65
|
+
onClick?: () => void;
|
|
66
66
|
};
|
|
67
67
|
declare const ButtonElement: FC<TButtonElementProps>;
|
|
68
68
|
|
|
@@ -82,11 +82,11 @@ declare const base$f: {
|
|
|
82
82
|
};
|
|
83
83
|
type TButtonGroupElementStyles = DeepPartial$1<typeof base$f>;
|
|
84
84
|
|
|
85
|
-
type TProps$
|
|
85
|
+
type TProps$d = {
|
|
86
86
|
children: ReactElement[];
|
|
87
87
|
styles?: TButtonGroupElementStyles;
|
|
88
88
|
};
|
|
89
|
-
declare const ButtonGroupElement: FC<TProps$
|
|
89
|
+
declare const ButtonGroupElement: FC<TProps$d>;
|
|
90
90
|
|
|
91
91
|
declare const base$e: {
|
|
92
92
|
container: string;
|
|
@@ -97,24 +97,25 @@ declare const base$e: {
|
|
|
97
97
|
};
|
|
98
98
|
type TDropdownElementStyles = DeepPartial$1<typeof base$e>;
|
|
99
99
|
|
|
100
|
-
type TProps$
|
|
100
|
+
type TProps$c = {
|
|
101
101
|
children: ReactElement | ReactElement[];
|
|
102
|
-
label
|
|
102
|
+
label?: string | ReactElement;
|
|
103
|
+
trigger?: ReactNode;
|
|
103
104
|
type?: 'button' | 'compact';
|
|
104
105
|
direction?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
|
|
105
106
|
styles?: TDropdownElementStyles;
|
|
106
107
|
};
|
|
107
108
|
declare const DropdownElement: {
|
|
108
|
-
Container: FC<TProps$
|
|
109
|
+
Container: FC<TProps$c>;
|
|
109
110
|
Item: typeof Menu.Item;
|
|
110
111
|
};
|
|
111
112
|
|
|
112
|
-
type TProps$
|
|
113
|
+
type TProps$b = {
|
|
113
114
|
accessor: IconName;
|
|
114
115
|
type: 'brands' | 'light' | 'regular' | 'solid';
|
|
115
116
|
className?: string;
|
|
116
117
|
};
|
|
117
|
-
declare const IconElement: FC<TProps$
|
|
118
|
+
declare const IconElement: FC<TProps$b>;
|
|
118
119
|
|
|
119
120
|
type TInputGroupFormProps = {
|
|
120
121
|
name: string;
|
|
@@ -169,12 +170,12 @@ declare const base$c: {
|
|
|
169
170
|
};
|
|
170
171
|
type TContainerLayoutStyles = DeepPartial$1<typeof base$c>;
|
|
171
172
|
|
|
172
|
-
type TProps$
|
|
173
|
+
type TProps$a = {
|
|
173
174
|
children: ReactNode;
|
|
174
175
|
type?: 'break' | 'center' | 'fill';
|
|
175
176
|
styles?: TContainerLayoutStyles;
|
|
176
177
|
};
|
|
177
|
-
declare const ContainerLayout: FC<TProps$
|
|
178
|
+
declare const ContainerLayout: FC<TProps$a>;
|
|
178
179
|
|
|
179
180
|
declare const base$b: {
|
|
180
181
|
container: string;
|
|
@@ -185,12 +186,12 @@ declare const base$b: {
|
|
|
185
186
|
};
|
|
186
187
|
type TDividerLayoutStyles = DeepPartial$1<typeof base$b>;
|
|
187
188
|
|
|
188
|
-
type TProps$
|
|
189
|
+
type TProps$9 = {
|
|
189
190
|
children?: ReactNode;
|
|
190
191
|
type?: 'left' | 'center' | 'right';
|
|
191
192
|
styles?: TDividerLayoutStyles;
|
|
192
193
|
};
|
|
193
|
-
declare const DividerLayout: FC<TProps$
|
|
194
|
+
declare const DividerLayout: FC<TProps$9>;
|
|
194
195
|
|
|
195
196
|
declare const base$a: {
|
|
196
197
|
container: string;
|
|
@@ -199,12 +200,12 @@ declare const base$a: {
|
|
|
199
200
|
};
|
|
200
201
|
type TListContainerLayoutStyles = DeepPartial$1<typeof base$a>;
|
|
201
202
|
|
|
202
|
-
type TProps$
|
|
203
|
+
type TProps$8 = {
|
|
203
204
|
children: ReactElement | ReactElement[];
|
|
204
205
|
type?: 'fill' | 'fill-sticky' | 'center' | 'center-sticky' | 'card' | 'card-sticky';
|
|
205
206
|
styles?: TListContainerLayoutStyles;
|
|
206
207
|
};
|
|
207
|
-
declare const ListContainerLayout: FC<TProps$
|
|
208
|
+
declare const ListContainerLayout: FC<TProps$8>;
|
|
208
209
|
|
|
209
210
|
declare const base$9: {
|
|
210
211
|
container: string;
|
|
@@ -215,14 +216,14 @@ declare const base$9: {
|
|
|
215
216
|
};
|
|
216
217
|
type TMediaObjectLayoutStyles = DeepPartial$1<typeof base$9>;
|
|
217
218
|
|
|
218
|
-
type TProps$
|
|
219
|
+
type TProps$7 = {
|
|
219
220
|
title: string;
|
|
220
221
|
paragraph: string;
|
|
221
222
|
figure?: ReactNode;
|
|
222
223
|
type?: 'top' | 'top-reversed' | 'center' | 'center-reversed' | 'bottom' | 'bottom-reversed' | 'stretch' | 'stretch-reversed' | 'responsive' | 'responsive-reversed' | 'wide' | 'wide-reversed';
|
|
223
224
|
styles?: TMediaObjectLayoutStyles;
|
|
224
225
|
};
|
|
225
|
-
declare const MediaObjectLayout: FC<TProps$
|
|
226
|
+
declare const MediaObjectLayout: FC<TProps$7>;
|
|
226
227
|
|
|
227
228
|
declare const base$8: {
|
|
228
229
|
container: string;
|
|
@@ -370,7 +371,6 @@ type TTableListProps<TData> = {
|
|
|
370
371
|
options?: {
|
|
371
372
|
defaultOrder?: string[];
|
|
372
373
|
defaultVisibility?: string[];
|
|
373
|
-
excelExportFileName?: string;
|
|
374
374
|
isStriped?: boolean;
|
|
375
375
|
hasStickyHeader?: boolean;
|
|
376
376
|
hasVerticalSeparators?: boolean;
|
|
@@ -402,7 +402,7 @@ declare const base$6: {
|
|
|
402
402
|
};
|
|
403
403
|
type TBreadcrumbsNavigationStyles = DeepPartial$1<typeof base$6>;
|
|
404
404
|
|
|
405
|
-
type TProps$
|
|
405
|
+
type TProps$6 = {
|
|
406
406
|
href: string;
|
|
407
407
|
pages: {
|
|
408
408
|
name: string;
|
|
@@ -413,7 +413,7 @@ type TProps$5 = {
|
|
|
413
413
|
separator?: ReactNode;
|
|
414
414
|
styles?: TBreadcrumbsNavigationStyles;
|
|
415
415
|
};
|
|
416
|
-
declare const BreadcrumbsNavigation: FC<TProps$
|
|
416
|
+
declare const BreadcrumbsNavigation: FC<TProps$6>;
|
|
417
417
|
|
|
418
418
|
declare const base$5: {
|
|
419
419
|
container: string;
|
|
@@ -438,7 +438,7 @@ declare const base$5: {
|
|
|
438
438
|
};
|
|
439
439
|
type TPanelPaginationNavigationStyles = DeepPartial$1<typeof base$5>;
|
|
440
440
|
|
|
441
|
-
type TProps$
|
|
441
|
+
type TProps$5 = {
|
|
442
442
|
current?: number;
|
|
443
443
|
min?: number;
|
|
444
444
|
max: number;
|
|
@@ -450,7 +450,7 @@ type TProps$4 = {
|
|
|
450
450
|
styles?: TPanelPaginationNavigationStyles;
|
|
451
451
|
onChange?: (current: number) => void;
|
|
452
452
|
};
|
|
453
|
-
declare const PanelPaginationNavigation: React.FC<TProps$
|
|
453
|
+
declare const PanelPaginationNavigation: React.FC<TProps$5>;
|
|
454
454
|
|
|
455
455
|
declare const base$4: {
|
|
456
456
|
container: string;
|
|
@@ -476,13 +476,13 @@ declare const base$4: {
|
|
|
476
476
|
};
|
|
477
477
|
type TPagePaginationNavigationStyles = DeepPartial$1<typeof base$4>;
|
|
478
478
|
|
|
479
|
-
type TProps$
|
|
479
|
+
type TProps$4 = {
|
|
480
480
|
min?: number;
|
|
481
481
|
max: number;
|
|
482
482
|
styles?: TPagePaginationNavigationStyles;
|
|
483
483
|
onChange?: (current: number) => void;
|
|
484
484
|
};
|
|
485
|
-
declare const PagePaginationNavigation: React.FC<TProps$
|
|
485
|
+
declare const PagePaginationNavigation: React.FC<TProps$4>;
|
|
486
486
|
|
|
487
487
|
declare const base$3: {
|
|
488
488
|
container: string;
|
|
@@ -577,6 +577,22 @@ declare const VerticalNavigation: {
|
|
|
577
577
|
View: React.FC<TViewProps>;
|
|
578
578
|
};
|
|
579
579
|
|
|
580
|
+
type TModalOverlayProps = {
|
|
581
|
+
trigger?: ({ handleOpen, handleClose, }: {
|
|
582
|
+
handleOpen: () => void;
|
|
583
|
+
handleClose: () => void;
|
|
584
|
+
}) => ReactNode;
|
|
585
|
+
children: ({ handleOpen, handleClose, }: {
|
|
586
|
+
handleOpen: () => void;
|
|
587
|
+
handleClose: () => void;
|
|
588
|
+
}) => ReactNode;
|
|
589
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
590
|
+
styles?: TModalOverlayStyles;
|
|
591
|
+
onOpen?: () => void;
|
|
592
|
+
onClose?: () => void;
|
|
593
|
+
};
|
|
594
|
+
declare const ModalOverlay: FC<TModalOverlayProps>;
|
|
595
|
+
|
|
580
596
|
declare const base$2: {
|
|
581
597
|
container: string;
|
|
582
598
|
background: {
|
|
@@ -608,22 +624,6 @@ declare const base$2: {
|
|
|
608
624
|
};
|
|
609
625
|
type TModalOverlayStyles = DeepPartial$1<typeof base$2>;
|
|
610
626
|
|
|
611
|
-
type TProps$2 = {
|
|
612
|
-
trigger?: ({ handleOpen, handleClose, }: {
|
|
613
|
-
handleOpen: () => void;
|
|
614
|
-
handleClose: () => void;
|
|
615
|
-
}) => ReactNode;
|
|
616
|
-
children: ({ handleOpen, handleClose, }: {
|
|
617
|
-
handleOpen: () => void;
|
|
618
|
-
handleClose: () => void;
|
|
619
|
-
}) => ReactNode;
|
|
620
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
621
|
-
styles?: TModalOverlayStyles;
|
|
622
|
-
onOpen?: () => void;
|
|
623
|
-
onClose?: () => void;
|
|
624
|
-
};
|
|
625
|
-
declare const ModalOverlay: FC<TProps$2>;
|
|
626
|
-
|
|
627
627
|
declare const base$1: {
|
|
628
628
|
container: {
|
|
629
629
|
outer: string;
|
|
@@ -655,7 +655,7 @@ type DeepPartial<T> = {
|
|
|
655
655
|
[P in keyof T]?: DeepPartial<T[P]>;
|
|
656
656
|
};
|
|
657
657
|
|
|
658
|
-
type TProps$
|
|
658
|
+
type TProps$3 = {
|
|
659
659
|
trigger?: ({ onOpen, onClose, }: {
|
|
660
660
|
onOpen: () => void;
|
|
661
661
|
onClose: () => void;
|
|
@@ -696,7 +696,7 @@ declare const NotificationOverlay: {
|
|
|
696
696
|
};
|
|
697
697
|
}> | undefined;
|
|
698
698
|
}) => JSX.Element;
|
|
699
|
-
Item: React.FC<TProps$
|
|
699
|
+
Item: React.FC<TProps$3>;
|
|
700
700
|
};
|
|
701
701
|
|
|
702
702
|
declare const base: {
|
|
@@ -731,7 +731,7 @@ declare const base: {
|
|
|
731
731
|
};
|
|
732
732
|
type TSlideOverOverlayStyles = DeepPartial$1<typeof base>;
|
|
733
733
|
|
|
734
|
-
type TProps = {
|
|
734
|
+
type TProps$2 = {
|
|
735
735
|
trigger?: ({ onOpen, onClose, }: {
|
|
736
736
|
onOpen: () => void;
|
|
737
737
|
onClose: () => void;
|
|
@@ -743,6 +743,22 @@ type TProps = {
|
|
|
743
743
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
744
744
|
styles?: TSlideOverOverlayStyles;
|
|
745
745
|
};
|
|
746
|
-
declare const SlideOverOverlay: FC<TProps>;
|
|
746
|
+
declare const SlideOverOverlay: FC<TProps$2>;
|
|
747
|
+
|
|
748
|
+
type TProps$1 = {
|
|
749
|
+
table: Table<any>;
|
|
750
|
+
setColumnOrder: Dispatch<SetStateAction<ColumnOrderState>>;
|
|
751
|
+
trigger: ReactNode;
|
|
752
|
+
};
|
|
753
|
+
declare const TableColumnOptionsCustom: FC<TProps$1>;
|
|
754
|
+
|
|
755
|
+
type TProps = {
|
|
756
|
+
table: Table<any>;
|
|
757
|
+
fileName: string;
|
|
758
|
+
children: ({ handleExport }: {
|
|
759
|
+
handleExport: () => void;
|
|
760
|
+
}) => ReactNode;
|
|
761
|
+
};
|
|
762
|
+
declare const TableExcelExportCustom: FC<TProps>;
|
|
747
763
|
|
|
748
|
-
export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TButtonElementProps, TInputGroupFormProps, TInputGroupStyles, TTableListProps as TTableList2Props, TTableListProps$1 as TTableListProps, TTableListStyles, TabNavigation, TableList, TableList2, VerticalNavigation };
|
|
764
|
+
export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TButtonElementProps, TInputGroupFormProps, TInputGroupStyles, TModalOverlayProps, TTableListProps as TTableList2Props, TTableListProps$1 as TTableListProps, TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, VerticalNavigation };
|