@ballistix.digital/react-components 0.4.4 → 0.4.5
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 +60 -60
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ declare const base$i: {
|
|
|
17
17
|
};
|
|
18
18
|
type TAvatarElementStyles = DeepPartial$1<typeof base$i>;
|
|
19
19
|
|
|
20
|
-
type TProps$
|
|
20
|
+
type TProps$g = {
|
|
21
21
|
src?: string | undefined;
|
|
22
22
|
placeholder?: string | undefined;
|
|
23
23
|
children?: ReactNode | ReactNode[] | string;
|
|
@@ -29,7 +29,7 @@ type TProps$h = {
|
|
|
29
29
|
isLoading?: boolean;
|
|
30
30
|
styles?: TAvatarElementStyles;
|
|
31
31
|
};
|
|
32
|
-
declare const AvatarElement: FC<TProps$
|
|
32
|
+
declare const AvatarElement: FC<TProps$g>;
|
|
33
33
|
|
|
34
34
|
declare const base$h: {
|
|
35
35
|
container: string;
|
|
@@ -38,7 +38,7 @@ declare const base$h: {
|
|
|
38
38
|
};
|
|
39
39
|
type TBadgeElementStyles = DeepPartial$1<typeof base$h>;
|
|
40
40
|
|
|
41
|
-
type TProps$
|
|
41
|
+
type TProps$f = {
|
|
42
42
|
children: string | ReactNode;
|
|
43
43
|
color?: 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';
|
|
44
44
|
type?: 'normal' | 'indicator' | 'close';
|
|
@@ -49,7 +49,7 @@ type TProps$g = {
|
|
|
49
49
|
onClose?: () => void;
|
|
50
50
|
styles?: TBadgeElementStyles;
|
|
51
51
|
};
|
|
52
|
-
declare const BadgeElement: FC<TProps$
|
|
52
|
+
declare const BadgeElement: FC<TProps$f>;
|
|
53
53
|
|
|
54
54
|
declare const base$g: {
|
|
55
55
|
container: string;
|
|
@@ -59,7 +59,7 @@ declare const base$g: {
|
|
|
59
59
|
};
|
|
60
60
|
type TButtonElementStyles = DeepPartial$1<typeof base$g>;
|
|
61
61
|
|
|
62
|
-
type TProps$
|
|
62
|
+
type TProps$e = {
|
|
63
63
|
children: string | ReactNode;
|
|
64
64
|
innerRef?: RefObject<HTMLButtonElement>;
|
|
65
65
|
htmlType?: 'button' | 'submit';
|
|
@@ -71,7 +71,7 @@ type TProps$f = {
|
|
|
71
71
|
styles?: TButtonElementStyles;
|
|
72
72
|
onClick: () => void;
|
|
73
73
|
};
|
|
74
|
-
declare const ButtonElement: FC<TProps$
|
|
74
|
+
declare const ButtonElement: FC<TProps$e>;
|
|
75
75
|
|
|
76
76
|
declare const base$f: {
|
|
77
77
|
container: string;
|
|
@@ -81,11 +81,11 @@ declare const base$f: {
|
|
|
81
81
|
};
|
|
82
82
|
type TButtonGroupElementStyles = DeepPartial$1<typeof base$f>;
|
|
83
83
|
|
|
84
|
-
type TProps$
|
|
84
|
+
type TProps$d = {
|
|
85
85
|
children: ReactElement[];
|
|
86
86
|
styles?: TButtonGroupElementStyles;
|
|
87
87
|
};
|
|
88
|
-
declare const ButtonGroupElement: FC<TProps$
|
|
88
|
+
declare const ButtonGroupElement: FC<TProps$d>;
|
|
89
89
|
|
|
90
90
|
declare const base$e: {
|
|
91
91
|
container: string;
|
|
@@ -96,7 +96,7 @@ declare const base$e: {
|
|
|
96
96
|
};
|
|
97
97
|
type TDropdownElementStyles = DeepPartial$1<typeof base$e>;
|
|
98
98
|
|
|
99
|
-
type TProps$
|
|
99
|
+
type TProps$c = {
|
|
100
100
|
children: ReactElement | ReactElement[];
|
|
101
101
|
label: string | ReactElement;
|
|
102
102
|
type?: 'button' | 'compact';
|
|
@@ -104,16 +104,16 @@ type TProps$d = {
|
|
|
104
104
|
styles?: TDropdownElementStyles;
|
|
105
105
|
};
|
|
106
106
|
declare const DropdownElement: {
|
|
107
|
-
Container: FC<TProps$
|
|
107
|
+
Container: FC<TProps$c>;
|
|
108
108
|
Item: typeof Menu.Item;
|
|
109
109
|
};
|
|
110
110
|
|
|
111
|
-
type TProps$
|
|
111
|
+
type TProps$b = {
|
|
112
112
|
accessor: IconName;
|
|
113
113
|
type: 'brands' | 'light' | 'regular' | 'solid';
|
|
114
114
|
className?: string;
|
|
115
115
|
};
|
|
116
|
-
declare const IconElement: FC<TProps$
|
|
116
|
+
declare const IconElement: FC<TProps$b>;
|
|
117
117
|
|
|
118
118
|
declare const base$d: {
|
|
119
119
|
container: string;
|
|
@@ -130,7 +130,7 @@ declare const base$d: {
|
|
|
130
130
|
};
|
|
131
131
|
type TInputGroupStyles = DeepPartial$1<typeof base$d>;
|
|
132
132
|
|
|
133
|
-
type TProps$
|
|
133
|
+
type TProps$a = {
|
|
134
134
|
name: string;
|
|
135
135
|
htmlType: HTMLInputTypeAttribute;
|
|
136
136
|
label?: string | ReactNode;
|
|
@@ -157,7 +157,7 @@ type TProps$b = {
|
|
|
157
157
|
onBlur: any;
|
|
158
158
|
styles?: TInputGroupStyles;
|
|
159
159
|
};
|
|
160
|
-
declare const InputGroupForm: FC<TProps$
|
|
160
|
+
declare const InputGroupForm: FC<TProps$a>;
|
|
161
161
|
|
|
162
162
|
declare const base$c: {
|
|
163
163
|
container: string;
|
|
@@ -165,12 +165,12 @@ declare const base$c: {
|
|
|
165
165
|
};
|
|
166
166
|
type TContainerLayoutStyles = DeepPartial$1<typeof base$c>;
|
|
167
167
|
|
|
168
|
-
type TProps$
|
|
168
|
+
type TProps$9 = {
|
|
169
169
|
children: ReactNode;
|
|
170
170
|
type?: 'break' | 'center' | 'fill';
|
|
171
171
|
styles?: TContainerLayoutStyles;
|
|
172
172
|
};
|
|
173
|
-
declare const ContainerLayout: FC<TProps$
|
|
173
|
+
declare const ContainerLayout: FC<TProps$9>;
|
|
174
174
|
|
|
175
175
|
declare const base$b: {
|
|
176
176
|
container: string;
|
|
@@ -181,12 +181,12 @@ declare const base$b: {
|
|
|
181
181
|
};
|
|
182
182
|
type TDividerLayoutStyles = DeepPartial$1<typeof base$b>;
|
|
183
183
|
|
|
184
|
-
type TProps$
|
|
184
|
+
type TProps$8 = {
|
|
185
185
|
children?: ReactNode;
|
|
186
186
|
type?: 'left' | 'center' | 'right';
|
|
187
187
|
styles?: TDividerLayoutStyles;
|
|
188
188
|
};
|
|
189
|
-
declare const DividerLayout: FC<TProps$
|
|
189
|
+
declare const DividerLayout: FC<TProps$8>;
|
|
190
190
|
|
|
191
191
|
declare const base$a: {
|
|
192
192
|
container: string;
|
|
@@ -195,12 +195,12 @@ declare const base$a: {
|
|
|
195
195
|
};
|
|
196
196
|
type TListContainerLayoutStyles = DeepPartial$1<typeof base$a>;
|
|
197
197
|
|
|
198
|
-
type TProps$
|
|
198
|
+
type TProps$7 = {
|
|
199
199
|
children: ReactElement | ReactElement[];
|
|
200
200
|
type?: 'fill' | 'fill-sticky' | 'center' | 'center-sticky' | 'card' | 'card-sticky';
|
|
201
201
|
styles?: TListContainerLayoutStyles;
|
|
202
202
|
};
|
|
203
|
-
declare const ListContainerLayout: FC<TProps$
|
|
203
|
+
declare const ListContainerLayout: FC<TProps$7>;
|
|
204
204
|
|
|
205
205
|
declare const base$9: {
|
|
206
206
|
container: string;
|
|
@@ -211,14 +211,14 @@ declare const base$9: {
|
|
|
211
211
|
};
|
|
212
212
|
type TMediaObjectLayoutStyles = DeepPartial$1<typeof base$9>;
|
|
213
213
|
|
|
214
|
-
type TProps$
|
|
214
|
+
type TProps$6 = {
|
|
215
215
|
title: string;
|
|
216
216
|
paragraph: string;
|
|
217
217
|
figure?: ReactNode;
|
|
218
218
|
type?: 'top' | 'top-reversed' | 'center' | 'center-reversed' | 'bottom' | 'bottom-reversed' | 'stretch' | 'stretch-reversed' | 'responsive' | 'responsive-reversed' | 'wide' | 'wide-reversed';
|
|
219
219
|
styles?: TMediaObjectLayoutStyles;
|
|
220
220
|
};
|
|
221
|
-
declare const MediaObjectLayout: FC<TProps$
|
|
221
|
+
declare const MediaObjectLayout: FC<TProps$6>;
|
|
222
222
|
|
|
223
223
|
declare const base$8: {
|
|
224
224
|
container: string;
|
|
@@ -242,6 +242,43 @@ declare const LayoutPanel: {
|
|
|
242
242
|
Section: React.FC<TSectionProps>;
|
|
243
243
|
};
|
|
244
244
|
|
|
245
|
+
type TData = any;
|
|
246
|
+
type VisibilityState = {
|
|
247
|
+
[key: string]: boolean;
|
|
248
|
+
};
|
|
249
|
+
type TTableListProps<TData> = {
|
|
250
|
+
id: string;
|
|
251
|
+
columns: ColumnDef<TData>[];
|
|
252
|
+
data: TData[];
|
|
253
|
+
page: {
|
|
254
|
+
total: number;
|
|
255
|
+
};
|
|
256
|
+
defaultOrder?: string[];
|
|
257
|
+
children: ({ min, max, current, }: {
|
|
258
|
+
min: number;
|
|
259
|
+
max: number;
|
|
260
|
+
current: number;
|
|
261
|
+
}) => ReactNode;
|
|
262
|
+
type?: 'normal' | 'panel' | 'full';
|
|
263
|
+
isStriped?: boolean;
|
|
264
|
+
hasStickyHeader?: boolean;
|
|
265
|
+
hasVerticalSeparators?: boolean;
|
|
266
|
+
areControlsVisible?: boolean;
|
|
267
|
+
styles?: TTableListStyles & {
|
|
268
|
+
components: {
|
|
269
|
+
buttonElement: TButtonElementStyles$1;
|
|
270
|
+
dropdownElement: TDropdownElementStyles$1;
|
|
271
|
+
panelPaginationNavigation: TPagePaginationNavigationStyles$1;
|
|
272
|
+
};
|
|
273
|
+
};
|
|
274
|
+
onChange?: ({ sorting, visibility, order, }: {
|
|
275
|
+
sorting: SortingState;
|
|
276
|
+
visibility: VisibilityState;
|
|
277
|
+
order: ColumnOrderState;
|
|
278
|
+
}) => void;
|
|
279
|
+
};
|
|
280
|
+
declare const TableList: FC<TTableListProps<TData>>;
|
|
281
|
+
|
|
245
282
|
declare const base$7: {
|
|
246
283
|
container: string;
|
|
247
284
|
head: {
|
|
@@ -296,43 +333,6 @@ declare const base$7: {
|
|
|
296
333
|
};
|
|
297
334
|
type TTableListStyles = DeepPartial$1<typeof base$7>;
|
|
298
335
|
|
|
299
|
-
type TData = any;
|
|
300
|
-
type VisibilityState = {
|
|
301
|
-
[key: string]: boolean;
|
|
302
|
-
};
|
|
303
|
-
type TProps$6<TData> = {
|
|
304
|
-
id: string;
|
|
305
|
-
columns: ColumnDef<TData>[];
|
|
306
|
-
data: TData[];
|
|
307
|
-
page: {
|
|
308
|
-
total: number;
|
|
309
|
-
};
|
|
310
|
-
defaultOrder?: string[];
|
|
311
|
-
children: ({ min, max, current, }: {
|
|
312
|
-
min: number;
|
|
313
|
-
max: number;
|
|
314
|
-
current: number;
|
|
315
|
-
}) => ReactNode;
|
|
316
|
-
type?: 'normal' | 'panel' | 'full';
|
|
317
|
-
isStriped?: boolean;
|
|
318
|
-
hasStickyHeader?: boolean;
|
|
319
|
-
hasVerticalSeparators?: boolean;
|
|
320
|
-
areControlsVisible?: boolean;
|
|
321
|
-
styles?: TTableListStyles & {
|
|
322
|
-
components: {
|
|
323
|
-
buttonElement: TButtonElementStyles$1;
|
|
324
|
-
dropdownElement: TDropdownElementStyles$1;
|
|
325
|
-
panelPaginationNavigation: TPagePaginationNavigationStyles$1;
|
|
326
|
-
};
|
|
327
|
-
};
|
|
328
|
-
onChange?: ({ sorting, visibility, order, }: {
|
|
329
|
-
sorting: SortingState;
|
|
330
|
-
visibility: VisibilityState;
|
|
331
|
-
order: ColumnOrderState;
|
|
332
|
-
}) => void;
|
|
333
|
-
};
|
|
334
|
-
declare const TableList: FC<TProps$6<TData>>;
|
|
335
|
-
|
|
336
336
|
declare const base$6: {
|
|
337
337
|
container: string;
|
|
338
338
|
list: string;
|
|
@@ -694,4 +694,4 @@ type TProps = {
|
|
|
694
694
|
};
|
|
695
695
|
declare const SlideOverOverlay: FC<TProps>;
|
|
696
696
|
|
|
697
|
-
export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TabNavigation, TableList, VerticalNavigation };
|
|
697
|
+
export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TTableListProps, TTableListStyles, TabNavigation, TableList, VerticalNavigation };
|