@ballistix.digital/react-components 0.4.86 → 0.4.88
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 +92 -42
- package/dist/index.esm.js +3797 -211
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3795 -207
- package/dist/index.js.map +1 -1
- package/package.json +5 -2
package/dist/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export { createColumnHelper } from 'helpers/table';
|
|
|
10
10
|
import { Option, SelectValue } from 'react-tailwindcss-select/dist/components/type';
|
|
11
11
|
export { fromSelectMenuOptionToStringValue } from 'helpers/format';
|
|
12
12
|
|
|
13
|
-
declare const base$
|
|
13
|
+
declare const base$k: {
|
|
14
14
|
loading: string;
|
|
15
15
|
spinner: string;
|
|
16
16
|
empty: string;
|
|
@@ -18,7 +18,7 @@ declare const base$j: {
|
|
|
18
18
|
container: string;
|
|
19
19
|
indicator: string;
|
|
20
20
|
};
|
|
21
|
-
type TAvatarElementStyles = DeepPartial$1<typeof base$
|
|
21
|
+
type TAvatarElementStyles = DeepPartial$1<typeof base$k>;
|
|
22
22
|
|
|
23
23
|
type TProps$f = {
|
|
24
24
|
src?: string | undefined;
|
|
@@ -34,12 +34,12 @@ type TProps$f = {
|
|
|
34
34
|
};
|
|
35
35
|
declare const AvatarElement: FC<TProps$f>;
|
|
36
36
|
|
|
37
|
-
declare const base$
|
|
37
|
+
declare const base$j: {
|
|
38
38
|
container: string;
|
|
39
39
|
indicator: string;
|
|
40
40
|
button: string;
|
|
41
41
|
};
|
|
42
|
-
type TBadgeElementStyles = DeepPartial$1<typeof base$
|
|
42
|
+
type TBadgeElementStyles = DeepPartial$1<typeof base$j>;
|
|
43
43
|
|
|
44
44
|
type TProps$e = {
|
|
45
45
|
children: string | ReactNode;
|
|
@@ -68,21 +68,21 @@ type TButtonElementProps = {
|
|
|
68
68
|
};
|
|
69
69
|
declare const ButtonElement: FC<TButtonElementProps>;
|
|
70
70
|
|
|
71
|
-
declare const base$
|
|
71
|
+
declare const base$i: {
|
|
72
72
|
container: string;
|
|
73
73
|
content: string;
|
|
74
74
|
icon: string;
|
|
75
75
|
spinner: string;
|
|
76
76
|
};
|
|
77
|
-
type TButtonElementStyles = DeepPartial$1<typeof base$
|
|
77
|
+
type TButtonElementStyles = DeepPartial$1<typeof base$i>;
|
|
78
78
|
|
|
79
|
-
declare const base$
|
|
79
|
+
declare const base$h: {
|
|
80
80
|
container: string;
|
|
81
81
|
firstButton: string;
|
|
82
82
|
button: string;
|
|
83
83
|
lastButton: string;
|
|
84
84
|
};
|
|
85
|
-
type TButtonGroupElementStyles = DeepPartial$1<typeof base$
|
|
85
|
+
type TButtonGroupElementStyles = DeepPartial$1<typeof base$h>;
|
|
86
86
|
|
|
87
87
|
type TProps$d = {
|
|
88
88
|
children: ReactElement[];
|
|
@@ -90,14 +90,14 @@ type TProps$d = {
|
|
|
90
90
|
};
|
|
91
91
|
declare const ButtonGroupElement: FC<TProps$d>;
|
|
92
92
|
|
|
93
|
-
declare const base$
|
|
93
|
+
declare const base$g: {
|
|
94
94
|
container: string;
|
|
95
95
|
button: string;
|
|
96
96
|
compact: string;
|
|
97
97
|
dots: string;
|
|
98
98
|
items: string;
|
|
99
99
|
};
|
|
100
|
-
type TDropdownElementStyles = DeepPartial$1<typeof base$
|
|
100
|
+
type TDropdownElementStyles = DeepPartial$1<typeof base$g>;
|
|
101
101
|
|
|
102
102
|
type TProps$c = {
|
|
103
103
|
children: ReactElement | ReactElement[];
|
|
@@ -151,7 +151,7 @@ type TInputGroupFormProps = {
|
|
|
151
151
|
};
|
|
152
152
|
declare const InputGroupForm: FC<TInputGroupFormProps>;
|
|
153
153
|
|
|
154
|
-
declare const base$
|
|
154
|
+
declare const base$f: {
|
|
155
155
|
container: string;
|
|
156
156
|
head: string;
|
|
157
157
|
body: string;
|
|
@@ -164,13 +164,13 @@ declare const base$e: {
|
|
|
164
164
|
description: string;
|
|
165
165
|
error: string;
|
|
166
166
|
};
|
|
167
|
-
type TInputGroupStyles = DeepPartial$1<typeof base$
|
|
167
|
+
type TInputGroupStyles = DeepPartial$1<typeof base$f>;
|
|
168
168
|
|
|
169
|
-
declare const base$
|
|
169
|
+
declare const base$e: {
|
|
170
170
|
container: string;
|
|
171
171
|
content: string;
|
|
172
172
|
};
|
|
173
|
-
type TContainerLayoutStyles = DeepPartial$1<typeof base$
|
|
173
|
+
type TContainerLayoutStyles = DeepPartial$1<typeof base$e>;
|
|
174
174
|
|
|
175
175
|
type TProps$a = {
|
|
176
176
|
children: ReactNode;
|
|
@@ -179,14 +179,14 @@ type TProps$a = {
|
|
|
179
179
|
};
|
|
180
180
|
declare const ContainerLayout: FC<TProps$a>;
|
|
181
181
|
|
|
182
|
-
declare const base$
|
|
182
|
+
declare const base$d: {
|
|
183
183
|
container: string;
|
|
184
184
|
head: string;
|
|
185
185
|
line: string;
|
|
186
186
|
body: string;
|
|
187
187
|
content: string;
|
|
188
188
|
};
|
|
189
|
-
type TDividerLayoutStyles = DeepPartial$1<typeof base$
|
|
189
|
+
type TDividerLayoutStyles = DeepPartial$1<typeof base$d>;
|
|
190
190
|
|
|
191
191
|
type TProps$9 = {
|
|
192
192
|
children?: ReactNode;
|
|
@@ -195,12 +195,12 @@ type TProps$9 = {
|
|
|
195
195
|
};
|
|
196
196
|
declare const DividerLayout: FC<TProps$9>;
|
|
197
197
|
|
|
198
|
-
declare const base$
|
|
198
|
+
declare const base$c: {
|
|
199
199
|
container: string;
|
|
200
200
|
list: string;
|
|
201
201
|
item: string;
|
|
202
202
|
};
|
|
203
|
-
type TListContainerLayoutStyles = DeepPartial$1<typeof base$
|
|
203
|
+
type TListContainerLayoutStyles = DeepPartial$1<typeof base$c>;
|
|
204
204
|
|
|
205
205
|
type TProps$8 = {
|
|
206
206
|
children: ReactElement | ReactElement[];
|
|
@@ -209,14 +209,14 @@ type TProps$8 = {
|
|
|
209
209
|
};
|
|
210
210
|
declare const ListContainerLayout: FC<TProps$8>;
|
|
211
211
|
|
|
212
|
-
declare const base$
|
|
212
|
+
declare const base$b: {
|
|
213
213
|
container: string;
|
|
214
214
|
figure: string;
|
|
215
215
|
svg: string;
|
|
216
216
|
title: string;
|
|
217
217
|
paragraph: string;
|
|
218
218
|
};
|
|
219
|
-
type TMediaObjectLayoutStyles = DeepPartial$1<typeof base$
|
|
219
|
+
type TMediaObjectLayoutStyles = DeepPartial$1<typeof base$b>;
|
|
220
220
|
|
|
221
221
|
type TProps$7 = {
|
|
222
222
|
title: string;
|
|
@@ -227,11 +227,11 @@ type TProps$7 = {
|
|
|
227
227
|
};
|
|
228
228
|
declare const MediaObjectLayout: FC<TProps$7>;
|
|
229
229
|
|
|
230
|
-
declare const base$
|
|
230
|
+
declare const base$a: {
|
|
231
231
|
container: string;
|
|
232
232
|
section: string;
|
|
233
233
|
};
|
|
234
|
-
type TPanelLayoutStyles = DeepPartial$1<typeof base$
|
|
234
|
+
type TPanelLayoutStyles = DeepPartial$1<typeof base$a>;
|
|
235
235
|
|
|
236
236
|
type TContainerProps$2 = {
|
|
237
237
|
children: ReactNode;
|
|
@@ -292,7 +292,7 @@ type TTableListProps$1<TData> = {
|
|
|
292
292
|
};
|
|
293
293
|
declare const TableList: FC<TTableListProps$1<TData$1>>;
|
|
294
294
|
|
|
295
|
-
declare const base$
|
|
295
|
+
declare const base$9: {
|
|
296
296
|
container: string;
|
|
297
297
|
head: {
|
|
298
298
|
container: string;
|
|
@@ -346,7 +346,7 @@ declare const base$8: {
|
|
|
346
346
|
};
|
|
347
347
|
};
|
|
348
348
|
};
|
|
349
|
-
type TTableListStyles = DeepPartial$1<typeof base$
|
|
349
|
+
type TTableListStyles = DeepPartial$1<typeof base$9>;
|
|
350
350
|
|
|
351
351
|
type TData = any;
|
|
352
352
|
type VisibilityState = {
|
|
@@ -385,7 +385,7 @@ type TTableListProps<TData> = {
|
|
|
385
385
|
};
|
|
386
386
|
declare const TableList2: FC<TTableListProps<TData>>;
|
|
387
387
|
|
|
388
|
-
declare const base$
|
|
388
|
+
declare const base$8: {
|
|
389
389
|
container: string;
|
|
390
390
|
list: string;
|
|
391
391
|
separator: string;
|
|
@@ -402,7 +402,7 @@ declare const base$7: {
|
|
|
402
402
|
link: string;
|
|
403
403
|
};
|
|
404
404
|
};
|
|
405
|
-
type TBreadcrumbsNavigationStyles = DeepPartial$1<typeof base$
|
|
405
|
+
type TBreadcrumbsNavigationStyles = DeepPartial$1<typeof base$8>;
|
|
406
406
|
|
|
407
407
|
type TProps$6 = {
|
|
408
408
|
href: string;
|
|
@@ -417,7 +417,7 @@ type TProps$6 = {
|
|
|
417
417
|
};
|
|
418
418
|
declare const BreadcrumbsNavigation: FC<TProps$6>;
|
|
419
419
|
|
|
420
|
-
declare const base$
|
|
420
|
+
declare const base$7: {
|
|
421
421
|
container: string;
|
|
422
422
|
mobile: {
|
|
423
423
|
container: string;
|
|
@@ -438,7 +438,7 @@ declare const base$6: {
|
|
|
438
438
|
label: string;
|
|
439
439
|
icon: string;
|
|
440
440
|
};
|
|
441
|
-
type TPanelPaginationNavigationStyles = DeepPartial$1<typeof base$
|
|
441
|
+
type TPanelPaginationNavigationStyles = DeepPartial$1<typeof base$7>;
|
|
442
442
|
|
|
443
443
|
type TProps$5 = {
|
|
444
444
|
current?: number;
|
|
@@ -454,7 +454,7 @@ type TProps$5 = {
|
|
|
454
454
|
};
|
|
455
455
|
declare const PanelPaginationNavigation: React.FC<TProps$5>;
|
|
456
456
|
|
|
457
|
-
declare const base$
|
|
457
|
+
declare const base$6: {
|
|
458
458
|
container: string;
|
|
459
459
|
left: {
|
|
460
460
|
container: string;
|
|
@@ -476,7 +476,7 @@ declare const base$5: {
|
|
|
476
476
|
};
|
|
477
477
|
divider: string;
|
|
478
478
|
};
|
|
479
|
-
type TPagePaginationNavigationStyles = DeepPartial$1<typeof base$
|
|
479
|
+
type TPagePaginationNavigationStyles = DeepPartial$1<typeof base$6>;
|
|
480
480
|
|
|
481
481
|
type TProps$4 = {
|
|
482
482
|
min?: number;
|
|
@@ -486,7 +486,7 @@ type TProps$4 = {
|
|
|
486
486
|
};
|
|
487
487
|
declare const PagePaginationNavigation: React.FC<TProps$4>;
|
|
488
488
|
|
|
489
|
-
declare const base$
|
|
489
|
+
declare const base$5: {
|
|
490
490
|
container: string;
|
|
491
491
|
list: {
|
|
492
492
|
container: string;
|
|
@@ -502,7 +502,7 @@ declare const base$4: {
|
|
|
502
502
|
inactive: string;
|
|
503
503
|
};
|
|
504
504
|
};
|
|
505
|
-
type TTabNavigationStyles = DeepPartial$1<typeof base$
|
|
505
|
+
type TTabNavigationStyles = DeepPartial$1<typeof base$5>;
|
|
506
506
|
|
|
507
507
|
type TContainerProps$1 = {
|
|
508
508
|
children: ({ active, setActive, }: {
|
|
@@ -595,7 +595,7 @@ type TModalOverlayProps = {
|
|
|
595
595
|
};
|
|
596
596
|
declare const ModalOverlay: FC<TModalOverlayProps>;
|
|
597
597
|
|
|
598
|
-
declare const base$
|
|
598
|
+
declare const base$4: {
|
|
599
599
|
container: string;
|
|
600
600
|
background: {
|
|
601
601
|
container: string;
|
|
@@ -624,9 +624,9 @@ declare const base$3: {
|
|
|
624
624
|
};
|
|
625
625
|
};
|
|
626
626
|
};
|
|
627
|
-
type TModalOverlayStyles = DeepPartial$1<typeof base$
|
|
627
|
+
type TModalOverlayStyles = DeepPartial$1<typeof base$4>;
|
|
628
628
|
|
|
629
|
-
declare const base$
|
|
629
|
+
declare const base$3: {
|
|
630
630
|
container: {
|
|
631
631
|
outer: string;
|
|
632
632
|
inner: string;
|
|
@@ -651,7 +651,7 @@ declare const base$2: {
|
|
|
651
651
|
};
|
|
652
652
|
};
|
|
653
653
|
};
|
|
654
|
-
type TNotificationOverlayStyles = DeepPartial$1<typeof base$
|
|
654
|
+
type TNotificationOverlayStyles = DeepPartial$1<typeof base$3>;
|
|
655
655
|
|
|
656
656
|
type DeepPartial<T> = {
|
|
657
657
|
[P in keyof T]?: DeepPartial<T[P]>;
|
|
@@ -701,7 +701,7 @@ declare const NotificationOverlay: {
|
|
|
701
701
|
Item: React.FC<TProps$3>;
|
|
702
702
|
};
|
|
703
703
|
|
|
704
|
-
declare const base$
|
|
704
|
+
declare const base$2: {
|
|
705
705
|
container: string;
|
|
706
706
|
background: {
|
|
707
707
|
container: string;
|
|
@@ -731,7 +731,7 @@ declare const base$1: {
|
|
|
731
731
|
};
|
|
732
732
|
};
|
|
733
733
|
};
|
|
734
|
-
type TSlideOverOverlayStyles = DeepPartial$1<typeof base$
|
|
734
|
+
type TSlideOverOverlayStyles = DeepPartial$1<typeof base$2>;
|
|
735
735
|
|
|
736
736
|
type TProps$2 = {
|
|
737
737
|
trigger?: ({ onOpen, onClose, }: {
|
|
@@ -799,12 +799,11 @@ type TSelectMenuFormProps = {
|
|
|
799
799
|
onSearchInputChange?: ((e: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
800
800
|
onClear: (name: string) => void;
|
|
801
801
|
onBlur?: any;
|
|
802
|
-
onSetFieldValue?: any;
|
|
803
802
|
styles?: TSelectMenuFormStyles;
|
|
804
803
|
};
|
|
805
804
|
declare const SelectMenuForm: FC<TSelectMenuFormProps>;
|
|
806
805
|
|
|
807
|
-
declare const base: {
|
|
806
|
+
declare const base$1: {
|
|
808
807
|
container: string;
|
|
809
808
|
head: string;
|
|
810
809
|
body: string;
|
|
@@ -832,6 +831,57 @@ declare const base: {
|
|
|
832
831
|
description: string;
|
|
833
832
|
error: string;
|
|
834
833
|
};
|
|
835
|
-
type TSelectMenuFormStyles = DeepPartial$1<typeof base>;
|
|
834
|
+
type TSelectMenuFormStyles = DeepPartial$1<typeof base$1>;
|
|
835
|
+
|
|
836
|
+
type TDateMenuFormProps = {
|
|
837
|
+
name: string;
|
|
838
|
+
type?: 'normal' | 'inset' | 'overlapping' | 'pill' | 'floored';
|
|
839
|
+
size?: 'compact' | 'expanded';
|
|
840
|
+
label?: string;
|
|
841
|
+
i18n?: string;
|
|
842
|
+
description?: string;
|
|
843
|
+
placeholder?: string;
|
|
844
|
+
separator?: string;
|
|
845
|
+
startFrom?: Date;
|
|
846
|
+
displayFormat?: string;
|
|
847
|
+
direction?: 'up' | 'down';
|
|
848
|
+
minDate?: Date;
|
|
849
|
+
maxDate?: Date;
|
|
850
|
+
startWeekOn?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
|
|
851
|
+
required?: ({ isRequired }: {
|
|
852
|
+
isRequired: boolean;
|
|
853
|
+
}) => string | ReactNode;
|
|
854
|
+
value: {
|
|
855
|
+
label: string;
|
|
856
|
+
value: string;
|
|
857
|
+
disabled?: boolean;
|
|
858
|
+
};
|
|
859
|
+
error?: string;
|
|
860
|
+
isRequired?: boolean;
|
|
861
|
+
isTouched?: boolean;
|
|
862
|
+
isDisabled?: boolean;
|
|
863
|
+
isSolo?: boolean;
|
|
864
|
+
isRanged?: boolean;
|
|
865
|
+
onChange?: (value: string) => void;
|
|
866
|
+
onClear?: (name: string) => void;
|
|
867
|
+
onBlur?: any;
|
|
868
|
+
styles?: TDateMenuFormStyles;
|
|
869
|
+
};
|
|
870
|
+
declare const DateMenuForm: FC<TDateMenuFormProps>;
|
|
871
|
+
|
|
872
|
+
declare const base: {
|
|
873
|
+
container: string;
|
|
874
|
+
head: string;
|
|
875
|
+
body: string;
|
|
876
|
+
foot: string;
|
|
877
|
+
label: string;
|
|
878
|
+
hint: string;
|
|
879
|
+
leading: string;
|
|
880
|
+
input: string;
|
|
881
|
+
trailing: string;
|
|
882
|
+
description: string;
|
|
883
|
+
error: string;
|
|
884
|
+
};
|
|
885
|
+
type TDateMenuFormStyles = DeepPartial$1<typeof base>;
|
|
836
886
|
|
|
837
|
-
export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, TButtonElementProps, TInputGroupFormProps, TInputGroupStyles, TModalOverlayProps, TSelectMenuFormProps, TSelectMenuFormStyles, TTableListProps as TTableList2Props, TTableListProps$1 as TTableListProps, TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, VerticalNavigation };
|
|
887
|
+
export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DateMenuForm, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, TButtonElementProps, TDateMenuFormProps, TDateMenuFormStyles, TInputGroupFormProps, TInputGroupStyles, TModalOverlayProps, TSelectMenuFormProps, TSelectMenuFormStyles, TTableListProps as TTableList2Props, TTableListProps$1 as TTableListProps, TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, VerticalNavigation };
|