sag_components 2.0.0-beta131 → 2.0.0-beta133
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 +73 -2
- package/dist/index.esm.js +317 -155
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +318 -154
- package/dist/index.js.map +1 -1
- package/dist/types/components/Button/Button.stories.d.ts +2 -0
- package/dist/types/components/EventStatusCards/EventStatusCards.d.ts +21 -0
- package/dist/types/components/EventStatusCards/EventStatusCards.stories.d.ts +57 -0
- package/dist/types/components/EventStatusCards/EventStatusCards.style.d.ts +8 -0
- package/dist/types/components/Table/Table.d.ts +2 -1
- package/dist/types/components/Table/Table.stories.d.ts +110 -63
- package/dist/types/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export function EventStatusCards({ statusData, onStatusToggle, disabled, width, }: {
|
|
2
|
+
statusData?: any[];
|
|
3
|
+
onStatusToggle?: () => void;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
width?: string;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export namespace EventStatusCards {
|
|
8
|
+
namespace propTypes {
|
|
9
|
+
const statusData: PropTypes.Requireable<PropTypes.InferProps<{
|
|
10
|
+
status: PropTypes.Validator<string>;
|
|
11
|
+
count: PropTypes.Validator<number>;
|
|
12
|
+
checked: PropTypes.Validator<boolean>;
|
|
13
|
+
color: PropTypes.Validator<string>;
|
|
14
|
+
}>[]>;
|
|
15
|
+
const onStatusToggle: PropTypes.Requireable<(...args: any[]) => any>;
|
|
16
|
+
const disabled: PropTypes.Requireable<boolean>;
|
|
17
|
+
const width: PropTypes.Requireable<string>;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export default EventStatusCards;
|
|
21
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export const title: string;
|
|
3
|
+
export { EventStatusCards as component };
|
|
4
|
+
export const tags: string[];
|
|
5
|
+
export namespace argTypes {
|
|
6
|
+
namespace statusData {
|
|
7
|
+
const name: string;
|
|
8
|
+
const description: string;
|
|
9
|
+
namespace control {
|
|
10
|
+
const type: any;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
namespace onStatusToggle {
|
|
14
|
+
const name_1: string;
|
|
15
|
+
export { name_1 as name };
|
|
16
|
+
const description_1: string;
|
|
17
|
+
export { description_1 as description };
|
|
18
|
+
export namespace control_1 {
|
|
19
|
+
const type_1: any;
|
|
20
|
+
export { type_1 as type };
|
|
21
|
+
}
|
|
22
|
+
export { control_1 as control };
|
|
23
|
+
}
|
|
24
|
+
namespace disabled {
|
|
25
|
+
const name_2: string;
|
|
26
|
+
export { name_2 as name };
|
|
27
|
+
const description_2: string;
|
|
28
|
+
export { description_2 as description };
|
|
29
|
+
export namespace control_2 {
|
|
30
|
+
const type_2: string;
|
|
31
|
+
export { type_2 as type };
|
|
32
|
+
}
|
|
33
|
+
export { control_2 as control };
|
|
34
|
+
}
|
|
35
|
+
namespace width {
|
|
36
|
+
const name_3: string;
|
|
37
|
+
export { name_3 as name };
|
|
38
|
+
const description_3: string;
|
|
39
|
+
export { description_3 as description };
|
|
40
|
+
export namespace control_3 {
|
|
41
|
+
const type_3: string;
|
|
42
|
+
export { type_3 as type };
|
|
43
|
+
}
|
|
44
|
+
export { control_3 as control };
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
export default _default;
|
|
49
|
+
export const Default: any;
|
|
50
|
+
export const PartialSelection: any;
|
|
51
|
+
export const NoSelection: any;
|
|
52
|
+
export const LargeNumbers: any;
|
|
53
|
+
export const ZeroValues: any;
|
|
54
|
+
export const Disabled: any;
|
|
55
|
+
export const CustomWidth: any;
|
|
56
|
+
export const NoData: any;
|
|
57
|
+
import EventStatusCards from "./EventStatusCards";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export const CardsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export const StatusCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export const CardHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export const Circle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
export const CardTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
6
|
+
export const Checkmark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
7
|
+
export const CardContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export const StatusCount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
@@ -24,63 +24,63 @@ declare namespace _default {
|
|
|
24
24
|
const name_2: string;
|
|
25
25
|
export { name_2 as name };
|
|
26
26
|
}
|
|
27
|
-
namespace
|
|
27
|
+
namespace hideRowsCounter {
|
|
28
28
|
const control_3: string;
|
|
29
29
|
export { control_3 as control };
|
|
30
30
|
const description_3: string;
|
|
31
31
|
export { description_3 as description };
|
|
32
32
|
const name_3: string;
|
|
33
33
|
export { name_3 as name };
|
|
34
|
+
export const defaultValue: boolean;
|
|
34
35
|
}
|
|
35
|
-
namespace
|
|
36
|
-
|
|
36
|
+
namespace data {
|
|
37
|
+
const control_4: string;
|
|
38
|
+
export { control_4 as control };
|
|
37
39
|
const description_4: string;
|
|
38
40
|
export { description_4 as description };
|
|
39
41
|
const name_4: string;
|
|
40
42
|
export { name_4 as name };
|
|
41
43
|
}
|
|
42
|
-
namespace
|
|
43
|
-
const
|
|
44
|
-
export { control_4 as control };
|
|
44
|
+
namespace onButtonClick {
|
|
45
|
+
export const action: string;
|
|
45
46
|
const description_5: string;
|
|
46
47
|
export { description_5 as description };
|
|
47
48
|
const name_5: string;
|
|
48
49
|
export { name_5 as name };
|
|
49
50
|
}
|
|
50
|
-
namespace
|
|
51
|
-
const
|
|
52
|
-
export {
|
|
51
|
+
namespace columns {
|
|
52
|
+
const control_5: string;
|
|
53
|
+
export { control_5 as control };
|
|
53
54
|
const description_6: string;
|
|
54
55
|
export { description_6 as description };
|
|
55
56
|
const name_6: string;
|
|
56
57
|
export { name_6 as name };
|
|
57
58
|
}
|
|
58
|
-
namespace
|
|
59
|
-
const
|
|
60
|
-
export {
|
|
59
|
+
namespace onSort {
|
|
60
|
+
const action_1: string;
|
|
61
|
+
export { action_1 as action };
|
|
61
62
|
const description_7: string;
|
|
62
63
|
export { description_7 as description };
|
|
63
64
|
const name_7: string;
|
|
64
65
|
export { name_7 as name };
|
|
65
66
|
}
|
|
66
|
-
namespace
|
|
67
|
-
const
|
|
68
|
-
export {
|
|
67
|
+
namespace onFilter {
|
|
68
|
+
const action_2: string;
|
|
69
|
+
export { action_2 as action };
|
|
69
70
|
const description_8: string;
|
|
70
71
|
export { description_8 as description };
|
|
71
72
|
const name_8: string;
|
|
72
73
|
export { name_8 as name };
|
|
73
74
|
}
|
|
74
|
-
namespace
|
|
75
|
-
const
|
|
76
|
-
export {
|
|
75
|
+
namespace onSelectAll {
|
|
76
|
+
const action_3: string;
|
|
77
|
+
export { action_3 as action };
|
|
77
78
|
const description_9: string;
|
|
78
79
|
export { description_9 as description };
|
|
79
80
|
const name_9: string;
|
|
80
81
|
export { name_9 as name };
|
|
81
|
-
export const defaultValue: string;
|
|
82
82
|
}
|
|
83
|
-
namespace
|
|
83
|
+
namespace buttonColor {
|
|
84
84
|
const control_6: string;
|
|
85
85
|
export { control_6 as control };
|
|
86
86
|
const description_10: string;
|
|
@@ -90,35 +90,35 @@ declare namespace _default {
|
|
|
90
90
|
const defaultValue_1: string;
|
|
91
91
|
export { defaultValue_1 as defaultValue };
|
|
92
92
|
}
|
|
93
|
-
namespace
|
|
93
|
+
namespace buttonHoverColor {
|
|
94
94
|
const control_7: string;
|
|
95
95
|
export { control_7 as control };
|
|
96
96
|
const description_11: string;
|
|
97
97
|
export { description_11 as description };
|
|
98
98
|
const name_11: string;
|
|
99
99
|
export { name_11 as name };
|
|
100
|
-
const defaultValue_2:
|
|
100
|
+
const defaultValue_2: string;
|
|
101
101
|
export { defaultValue_2 as defaultValue };
|
|
102
102
|
}
|
|
103
|
-
namespace
|
|
104
|
-
const
|
|
105
|
-
export {
|
|
103
|
+
namespace showSideButton {
|
|
104
|
+
const control_8: string;
|
|
105
|
+
export { control_8 as control };
|
|
106
106
|
const description_12: string;
|
|
107
107
|
export { description_12 as description };
|
|
108
108
|
const name_12: string;
|
|
109
109
|
export { name_12 as name };
|
|
110
|
+
const defaultValue_3: boolean;
|
|
111
|
+
export { defaultValue_3 as defaultValue };
|
|
110
112
|
}
|
|
111
|
-
namespace
|
|
112
|
-
const
|
|
113
|
-
export {
|
|
113
|
+
namespace onSideButtonClick {
|
|
114
|
+
const action_4: string;
|
|
115
|
+
export { action_4 as action };
|
|
114
116
|
const description_13: string;
|
|
115
117
|
export { description_13 as description };
|
|
116
118
|
const name_13: string;
|
|
117
119
|
export { name_13 as name };
|
|
118
|
-
const defaultValue_3: string;
|
|
119
|
-
export { defaultValue_3 as defaultValue };
|
|
120
120
|
}
|
|
121
|
-
namespace
|
|
121
|
+
namespace sideButtonColor {
|
|
122
122
|
const control_9: string;
|
|
123
123
|
export { control_9 as control };
|
|
124
124
|
const description_14: string;
|
|
@@ -128,15 +128,17 @@ declare namespace _default {
|
|
|
128
128
|
const defaultValue_4: string;
|
|
129
129
|
export { defaultValue_4 as defaultValue };
|
|
130
130
|
}
|
|
131
|
-
namespace
|
|
131
|
+
namespace sideButtonHoverColor {
|
|
132
132
|
const control_10: string;
|
|
133
133
|
export { control_10 as control };
|
|
134
134
|
const description_15: string;
|
|
135
135
|
export { description_15 as description };
|
|
136
136
|
const name_15: string;
|
|
137
137
|
export { name_15 as name };
|
|
138
|
+
const defaultValue_5: string;
|
|
139
|
+
export { defaultValue_5 as defaultValue };
|
|
138
140
|
}
|
|
139
|
-
namespace
|
|
141
|
+
namespace children {
|
|
140
142
|
const control_11: string;
|
|
141
143
|
export { control_11 as control };
|
|
142
144
|
const description_16: string;
|
|
@@ -144,7 +146,7 @@ declare namespace _default {
|
|
|
144
146
|
const name_16: string;
|
|
145
147
|
export { name_16 as name };
|
|
146
148
|
}
|
|
147
|
-
namespace
|
|
149
|
+
namespace tableBodyHeight {
|
|
148
150
|
const control_12: string;
|
|
149
151
|
export { control_12 as control };
|
|
150
152
|
const description_17: string;
|
|
@@ -152,7 +154,7 @@ declare namespace _default {
|
|
|
152
154
|
const name_17: string;
|
|
153
155
|
export { name_17 as name };
|
|
154
156
|
}
|
|
155
|
-
namespace
|
|
157
|
+
namespace isLoading {
|
|
156
158
|
const control_13: string;
|
|
157
159
|
export { control_13 as control };
|
|
158
160
|
const description_18: string;
|
|
@@ -160,63 +162,63 @@ declare namespace _default {
|
|
|
160
162
|
const name_18: string;
|
|
161
163
|
export { name_18 as name };
|
|
162
164
|
}
|
|
163
|
-
namespace
|
|
164
|
-
const
|
|
165
|
-
export {
|
|
165
|
+
namespace isLoadingText {
|
|
166
|
+
const control_14: string;
|
|
167
|
+
export { control_14 as control };
|
|
166
168
|
const description_19: string;
|
|
167
169
|
export { description_19 as description };
|
|
168
170
|
const name_19: string;
|
|
169
171
|
export { name_19 as name };
|
|
170
172
|
}
|
|
171
|
-
namespace
|
|
172
|
-
const
|
|
173
|
-
export {
|
|
173
|
+
namespace onRowClick {
|
|
174
|
+
const action_5: string;
|
|
175
|
+
export { action_5 as action };
|
|
174
176
|
const description_20: string;
|
|
175
177
|
export { description_20 as description };
|
|
176
178
|
const name_20: string;
|
|
177
179
|
export { name_20 as name };
|
|
178
180
|
}
|
|
179
|
-
namespace
|
|
180
|
-
const
|
|
181
|
-
export {
|
|
181
|
+
namespace onLastRowsReached {
|
|
182
|
+
const action_6: string;
|
|
183
|
+
export { action_6 as action };
|
|
182
184
|
const description_21: string;
|
|
183
185
|
export { description_21 as description };
|
|
184
186
|
const name_21: string;
|
|
185
187
|
export { name_21 as name };
|
|
186
188
|
}
|
|
187
|
-
namespace
|
|
188
|
-
const
|
|
189
|
-
export {
|
|
189
|
+
namespace lastRowsThreshold {
|
|
190
|
+
const control_15: string;
|
|
191
|
+
export { control_15 as control };
|
|
190
192
|
const description_22: string;
|
|
191
193
|
export { description_22 as description };
|
|
192
194
|
const name_22: string;
|
|
193
195
|
export { name_22 as name };
|
|
194
196
|
}
|
|
195
|
-
namespace
|
|
196
|
-
const
|
|
197
|
-
export {
|
|
197
|
+
namespace onSendClick {
|
|
198
|
+
const action_7: string;
|
|
199
|
+
export { action_7 as action };
|
|
198
200
|
const description_23: string;
|
|
199
201
|
export { description_23 as description };
|
|
200
202
|
const name_23: string;
|
|
201
203
|
export { name_23 as name };
|
|
202
204
|
}
|
|
203
|
-
namespace
|
|
204
|
-
const
|
|
205
|
-
export {
|
|
205
|
+
namespace showHorizontalScroll {
|
|
206
|
+
const control_16: string;
|
|
207
|
+
export { control_16 as control };
|
|
206
208
|
const description_24: string;
|
|
207
209
|
export { description_24 as description };
|
|
208
210
|
const name_24: string;
|
|
209
211
|
export { name_24 as name };
|
|
210
212
|
}
|
|
211
|
-
namespace
|
|
212
|
-
const
|
|
213
|
-
export {
|
|
213
|
+
namespace onDeleteClick {
|
|
214
|
+
const action_8: string;
|
|
215
|
+
export { action_8 as action };
|
|
214
216
|
const description_25: string;
|
|
215
217
|
export { description_25 as description };
|
|
216
218
|
const name_25: string;
|
|
217
219
|
export { name_25 as name };
|
|
218
220
|
}
|
|
219
|
-
namespace
|
|
221
|
+
namespace showNoDataInSearch {
|
|
220
222
|
const control_17: string;
|
|
221
223
|
export { control_17 as control };
|
|
222
224
|
const description_26: string;
|
|
@@ -224,22 +226,30 @@ declare namespace _default {
|
|
|
224
226
|
const name_26: string;
|
|
225
227
|
export { name_26 as name };
|
|
226
228
|
}
|
|
227
|
-
namespace
|
|
228
|
-
const
|
|
229
|
-
export {
|
|
229
|
+
namespace resetTableFocus {
|
|
230
|
+
const control_18: string;
|
|
231
|
+
export { control_18 as control };
|
|
230
232
|
const description_27: string;
|
|
231
233
|
export { description_27 as description };
|
|
232
234
|
const name_27: string;
|
|
233
235
|
export { name_27 as name };
|
|
234
236
|
}
|
|
235
|
-
namespace
|
|
236
|
-
const
|
|
237
|
-
export {
|
|
237
|
+
namespace onTableFocusChange {
|
|
238
|
+
const action_9: string;
|
|
239
|
+
export { action_9 as action };
|
|
238
240
|
const description_28: string;
|
|
239
241
|
export { description_28 as description };
|
|
240
242
|
const name_28: string;
|
|
241
243
|
export { name_28 as name };
|
|
242
244
|
}
|
|
245
|
+
namespace clearFocusOnOutsideClick {
|
|
246
|
+
const control_19: string;
|
|
247
|
+
export { control_19 as control };
|
|
248
|
+
const description_29: string;
|
|
249
|
+
export { description_29 as description };
|
|
250
|
+
const name_29: string;
|
|
251
|
+
export { name_29 as name };
|
|
252
|
+
}
|
|
243
253
|
}
|
|
244
254
|
}
|
|
245
255
|
export default _default;
|
|
@@ -253,6 +263,8 @@ export namespace Default {
|
|
|
253
263
|
export { tableTitle_1 as tableTitle };
|
|
254
264
|
const tableBodyHeight_1: string;
|
|
255
265
|
export { tableBodyHeight_1 as tableBodyHeight };
|
|
266
|
+
const hideRowsCounter_1: boolean;
|
|
267
|
+
export { hideRowsCounter_1 as hideRowsCounter };
|
|
256
268
|
const isLoading_1: boolean;
|
|
257
269
|
export { isLoading_1 as isLoading };
|
|
258
270
|
const isLoadingText_1: string;
|
|
@@ -300,6 +312,8 @@ export namespace WithData {
|
|
|
300
312
|
const tableTitle_2: string;
|
|
301
313
|
export { tableTitle_2 as tableTitle };
|
|
302
314
|
export const counter: number;
|
|
315
|
+
const hideRowsCounter_2: boolean;
|
|
316
|
+
export { hideRowsCounter_2 as hideRowsCounter };
|
|
303
317
|
const isLoading_2: boolean;
|
|
304
318
|
export { isLoading_2 as isLoading };
|
|
305
319
|
const isLoadingText_2: string;
|
|
@@ -329,6 +343,8 @@ export namespace EmptyState {
|
|
|
329
343
|
export { tableBodyHeight_3 as tableBodyHeight };
|
|
330
344
|
const tableTitle_3: string;
|
|
331
345
|
export { tableTitle_3 as tableTitle };
|
|
346
|
+
const hideRowsCounter_3: boolean;
|
|
347
|
+
export { hideRowsCounter_3 as hideRowsCounter };
|
|
332
348
|
const columns_2: any[];
|
|
333
349
|
export { columns_2 as columns };
|
|
334
350
|
const data_2: any[];
|
|
@@ -348,6 +364,8 @@ export namespace NoDataInSearch {
|
|
|
348
364
|
export { tableBodyHeight_4 as tableBodyHeight };
|
|
349
365
|
const tableTitle_4: string;
|
|
350
366
|
export { tableTitle_4 as tableTitle };
|
|
367
|
+
const hideRowsCounter_4: boolean;
|
|
368
|
+
export { hideRowsCounter_4 as hideRowsCounter };
|
|
351
369
|
export { columns1 as columns };
|
|
352
370
|
const data_3: any[];
|
|
353
371
|
export { data_3 as data };
|
|
@@ -358,6 +376,35 @@ export namespace NoDataInSearch {
|
|
|
358
376
|
}
|
|
359
377
|
export { args_3 as args };
|
|
360
378
|
}
|
|
379
|
+
export namespace WithDataHiddenCounter {
|
|
380
|
+
export namespace args_4 {
|
|
381
|
+
const width_5: string;
|
|
382
|
+
export { width_5 as width };
|
|
383
|
+
const height_5: string;
|
|
384
|
+
export { height_5 as height };
|
|
385
|
+
const tableBodyHeight_5: string;
|
|
386
|
+
export { tableBodyHeight_5 as tableBodyHeight };
|
|
387
|
+
const tableTitle_5: string;
|
|
388
|
+
export { tableTitle_5 as tableTitle };
|
|
389
|
+
const counter_1: number;
|
|
390
|
+
export { counter_1 as counter };
|
|
391
|
+
const hideRowsCounter_5: boolean;
|
|
392
|
+
export { hideRowsCounter_5 as hideRowsCounter };
|
|
393
|
+
const isLoading_3: boolean;
|
|
394
|
+
export { isLoading_3 as isLoading };
|
|
395
|
+
const isLoadingText_3: string;
|
|
396
|
+
export { isLoadingText_3 as isLoadingText };
|
|
397
|
+
const lastRowsThreshold_3: number;
|
|
398
|
+
export { lastRowsThreshold_3 as lastRowsThreshold };
|
|
399
|
+
export { columns1 as columns };
|
|
400
|
+
export { data1 as data };
|
|
401
|
+
const buttonColor_3: string;
|
|
402
|
+
export { buttonColor_3 as buttonColor };
|
|
403
|
+
const showNoDataInSearch_5: boolean;
|
|
404
|
+
export { showNoDataInSearch_5 as showNoDataInSearch };
|
|
405
|
+
}
|
|
406
|
+
export { args_4 as args };
|
|
407
|
+
}
|
|
361
408
|
import Table from "./Table";
|
|
362
409
|
declare const columns1: ({
|
|
363
410
|
key: string;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -57,3 +57,5 @@ export { default as ModalDrawer } from "./components/ModalDrawer/ModalDrawer.jsx
|
|
|
57
57
|
export { default as OverlayDropdown } from "./components/OverlayDropdown/OverlayDropdown.jsx";
|
|
58
58
|
export { default as MessageBox } from "./components/MessageBox/MessageBox.jsx";
|
|
59
59
|
export { default as ToasterMessageBox } from "./components/ToasterMessageBox/ToasterMessageBox.jsx";
|
|
60
|
+
export { default as EventStatusCards } from "./components/EventStatusCards/EventStatusCards.jsx";
|
|
61
|
+
export { default as RangePicker } from "./components/RangePicker/RangePicker.jsx";
|