@rabex-kit/rabex-ui 0.1.22 → 0.1.24
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/Alert/index.d.ts +1 -1
- package/dist/AlertTimer/index.d.ts +3 -1
- package/dist/AlertTitle/index.d.ts +1 -1
- package/dist/Theme/Tab/index.d.ts +234 -1
- package/dist/Theme/Tabs/index.d.ts +8 -64
- package/dist/hooks/useTime.d.ts +1 -1
- package/dist/rabex-ui.cjs.development.js +39 -32
- package/dist/rabex-ui.cjs.development.js.map +1 -1
- package/dist/rabex-ui.cjs.production.min.js +1 -1
- package/dist/rabex-ui.cjs.production.min.js.map +1 -1
- package/dist/rabex-ui.esm.js +36 -29
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/Alert/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export declare type AlertProps = MuiAlertProps;
|
|
|
7
7
|
* you can see Alert Documentation api that I mentioned below [here](https://mui.com/material-ui/api/alert/)
|
|
8
8
|
*
|
|
9
9
|
* ```typescript
|
|
10
|
-
* import { Alert } from '@rabex-kit/
|
|
10
|
+
* import { Alert } from '@rabex-kit/rabex-ui';
|
|
11
11
|
* ```
|
|
12
12
|
*
|
|
13
13
|
*
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
+
import { SxProps, Theme } from '@mui/material';
|
|
2
3
|
export declare type AlertTimerProps = {
|
|
3
|
-
children
|
|
4
|
+
children?: ReactNode | string;
|
|
4
5
|
timestamp: number;
|
|
5
6
|
isStart?: boolean;
|
|
6
7
|
onComplete?: () => void;
|
|
8
|
+
sx?: SxProps<Theme>;
|
|
7
9
|
};
|
|
8
10
|
declare const AlertTimer: React.FC<AlertTimerProps>;
|
|
9
11
|
export default AlertTimer;
|
|
@@ -7,7 +7,7 @@ export declare type AlertTitleProps = MuiAlertTitleProps;
|
|
|
7
7
|
* you can see AlertTitle Documentation api that I mentioned below [here](https://mui.com/material-ui/api/alert-title/)
|
|
8
8
|
*
|
|
9
9
|
* ```typescript
|
|
10
|
-
* import { AlertTitle } from '@rabex-kit/
|
|
10
|
+
* import { AlertTitle } from '@rabex-kit/rabex-ui';
|
|
11
11
|
* ```
|
|
12
12
|
*
|
|
13
13
|
*
|
|
@@ -1,9 +1,133 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
components: {
|
|
3
3
|
styleOverrides: {
|
|
4
|
-
root: ({ theme }: {
|
|
4
|
+
root: ({ theme, ownerState }: {
|
|
5
5
|
theme: any;
|
|
6
|
+
ownerState: any;
|
|
6
7
|
}) => {
|
|
8
|
+
'&::after': {
|
|
9
|
+
content: string;
|
|
10
|
+
position: string;
|
|
11
|
+
width: number;
|
|
12
|
+
height: number;
|
|
13
|
+
background: any;
|
|
14
|
+
top: string;
|
|
15
|
+
left: number;
|
|
16
|
+
};
|
|
17
|
+
'&.Mui-selected::after, &:first-of-type::after, &.Mui-selected + .MuiTab-root::after': {
|
|
18
|
+
content: string;
|
|
19
|
+
display: string;
|
|
20
|
+
};
|
|
21
|
+
'&.Mui-selected': {
|
|
22
|
+
backgroundColor: any;
|
|
23
|
+
};
|
|
24
|
+
'&.Mui-disabled': {
|
|
25
|
+
cursor: string;
|
|
26
|
+
color: any;
|
|
27
|
+
};
|
|
28
|
+
'& .MuiTab-iconWrapper': {
|
|
29
|
+
fontSize: string;
|
|
30
|
+
};
|
|
31
|
+
minWidth: number;
|
|
32
|
+
fontWeight: string;
|
|
33
|
+
color: any;
|
|
34
|
+
padding: any;
|
|
35
|
+
'&': {
|
|
36
|
+
position: string;
|
|
37
|
+
};
|
|
38
|
+
minHeight: string;
|
|
39
|
+
} | {
|
|
40
|
+
'&::after': {
|
|
41
|
+
content: string;
|
|
42
|
+
position: string;
|
|
43
|
+
width: number;
|
|
44
|
+
height: number;
|
|
45
|
+
background: any;
|
|
46
|
+
top: string;
|
|
47
|
+
left: number;
|
|
48
|
+
};
|
|
49
|
+
'&.Mui-selected::after, &:first-of-type::after, &.Mui-selected + .MuiTab-root::after': {
|
|
50
|
+
content: string;
|
|
51
|
+
display: string;
|
|
52
|
+
};
|
|
53
|
+
'&.Mui-selected': {
|
|
54
|
+
backgroundColor: any;
|
|
55
|
+
};
|
|
56
|
+
'&.Mui-disabled': {
|
|
57
|
+
cursor: string;
|
|
58
|
+
color: any;
|
|
59
|
+
};
|
|
60
|
+
'& .MuiTab-iconWrapper': {
|
|
61
|
+
fontSize: string;
|
|
62
|
+
};
|
|
63
|
+
fontSize: string;
|
|
64
|
+
minHeight: any;
|
|
65
|
+
minWidth: number;
|
|
66
|
+
fontWeight: string;
|
|
67
|
+
color: any;
|
|
68
|
+
padding: any;
|
|
69
|
+
'&': {
|
|
70
|
+
position: string;
|
|
71
|
+
};
|
|
72
|
+
} | {
|
|
73
|
+
'&::after': {
|
|
74
|
+
content: string;
|
|
75
|
+
position: string;
|
|
76
|
+
width: number;
|
|
77
|
+
height: number;
|
|
78
|
+
background: any;
|
|
79
|
+
top: string;
|
|
80
|
+
left: number;
|
|
81
|
+
};
|
|
82
|
+
'&.Mui-selected::after, &:first-of-type::after, &.Mui-selected + .MuiTab-root::after': {
|
|
83
|
+
content: string;
|
|
84
|
+
display: string;
|
|
85
|
+
};
|
|
86
|
+
'&.Mui-selected': {
|
|
87
|
+
backgroundColor: any;
|
|
88
|
+
};
|
|
89
|
+
'&.Mui-disabled': {
|
|
90
|
+
cursor: string;
|
|
91
|
+
color: any;
|
|
92
|
+
};
|
|
93
|
+
'& .MuiTab-iconWrapper': {
|
|
94
|
+
fontSize: string;
|
|
95
|
+
};
|
|
96
|
+
fontSize: string;
|
|
97
|
+
minHeight: any;
|
|
98
|
+
minWidth: number;
|
|
99
|
+
fontWeight: string;
|
|
100
|
+
color: any;
|
|
101
|
+
padding: any;
|
|
102
|
+
'&': {
|
|
103
|
+
position: string;
|
|
104
|
+
};
|
|
105
|
+
} | {
|
|
106
|
+
'&::after': {
|
|
107
|
+
content: string;
|
|
108
|
+
position: string;
|
|
109
|
+
width: number;
|
|
110
|
+
height: number;
|
|
111
|
+
background: any;
|
|
112
|
+
top: string;
|
|
113
|
+
left: number;
|
|
114
|
+
};
|
|
115
|
+
'&.Mui-selected::after, &:first-of-type::after, &.Mui-selected + .MuiTab-root::after': {
|
|
116
|
+
content: string;
|
|
117
|
+
display: string;
|
|
118
|
+
};
|
|
119
|
+
'&.Mui-selected': {
|
|
120
|
+
backgroundColor: any;
|
|
121
|
+
};
|
|
122
|
+
'&.Mui-disabled': {
|
|
123
|
+
cursor: string;
|
|
124
|
+
color: any;
|
|
125
|
+
};
|
|
126
|
+
'& .MuiTab-iconWrapper': {
|
|
127
|
+
fontSize: string;
|
|
128
|
+
};
|
|
129
|
+
fontSize: string;
|
|
130
|
+
minHeight: any;
|
|
7
131
|
minWidth: number;
|
|
8
132
|
fontWeight: string;
|
|
9
133
|
color: any;
|
|
@@ -11,6 +135,7 @@ declare const _default: {
|
|
|
11
135
|
'&': {
|
|
12
136
|
position: string;
|
|
13
137
|
};
|
|
138
|
+
} | {
|
|
14
139
|
'&::after': {
|
|
15
140
|
content: string;
|
|
16
141
|
position: string;
|
|
@@ -34,6 +159,114 @@ declare const _default: {
|
|
|
34
159
|
'& .MuiTab-iconWrapper': {
|
|
35
160
|
fontSize: string;
|
|
36
161
|
};
|
|
162
|
+
fontSize: string;
|
|
163
|
+
minHeight: any;
|
|
164
|
+
minWidth: number;
|
|
165
|
+
fontWeight: string;
|
|
166
|
+
color: any;
|
|
167
|
+
padding: any;
|
|
168
|
+
'&': {
|
|
169
|
+
position: string;
|
|
170
|
+
};
|
|
171
|
+
} | {
|
|
172
|
+
'&::after': {
|
|
173
|
+
content: string;
|
|
174
|
+
position: string;
|
|
175
|
+
width: number;
|
|
176
|
+
height: number;
|
|
177
|
+
background: any;
|
|
178
|
+
top: string;
|
|
179
|
+
left: number;
|
|
180
|
+
};
|
|
181
|
+
'&.Mui-selected::after, &:first-of-type::after, &.Mui-selected + .MuiTab-root::after': {
|
|
182
|
+
content: string;
|
|
183
|
+
display: string;
|
|
184
|
+
};
|
|
185
|
+
'&.Mui-selected': {
|
|
186
|
+
backgroundColor: any;
|
|
187
|
+
};
|
|
188
|
+
'&.Mui-disabled': {
|
|
189
|
+
cursor: string;
|
|
190
|
+
color: any;
|
|
191
|
+
};
|
|
192
|
+
'& .MuiTab-iconWrapper': {
|
|
193
|
+
fontSize: string;
|
|
194
|
+
};
|
|
195
|
+
fontSize: string;
|
|
196
|
+
minHeight: any;
|
|
197
|
+
minWidth: number;
|
|
198
|
+
fontWeight: string;
|
|
199
|
+
color: any;
|
|
200
|
+
padding: any;
|
|
201
|
+
'&': {
|
|
202
|
+
position: string;
|
|
203
|
+
};
|
|
204
|
+
} | {
|
|
205
|
+
'&::after': {
|
|
206
|
+
content: string;
|
|
207
|
+
position: string;
|
|
208
|
+
width: number;
|
|
209
|
+
height: number;
|
|
210
|
+
background: any;
|
|
211
|
+
top: string;
|
|
212
|
+
left: number;
|
|
213
|
+
};
|
|
214
|
+
'&.Mui-selected::after, &:first-of-type::after, &.Mui-selected + .MuiTab-root::after': {
|
|
215
|
+
content: string;
|
|
216
|
+
display: string;
|
|
217
|
+
};
|
|
218
|
+
'&.Mui-selected': {
|
|
219
|
+
backgroundColor: any;
|
|
220
|
+
};
|
|
221
|
+
'&.Mui-disabled': {
|
|
222
|
+
cursor: string;
|
|
223
|
+
color: any;
|
|
224
|
+
};
|
|
225
|
+
'& .MuiTab-iconWrapper': {
|
|
226
|
+
fontSize: string;
|
|
227
|
+
};
|
|
228
|
+
fontSize: string;
|
|
229
|
+
minHeight: any;
|
|
230
|
+
minWidth: number;
|
|
231
|
+
fontWeight: string;
|
|
232
|
+
color: any;
|
|
233
|
+
padding: any;
|
|
234
|
+
'&': {
|
|
235
|
+
position: string;
|
|
236
|
+
};
|
|
237
|
+
} | {
|
|
238
|
+
'&::after': {
|
|
239
|
+
content: string;
|
|
240
|
+
position: string;
|
|
241
|
+
width: number;
|
|
242
|
+
height: number;
|
|
243
|
+
background: any;
|
|
244
|
+
top: string;
|
|
245
|
+
left: number;
|
|
246
|
+
};
|
|
247
|
+
'&.Mui-selected::after, &:first-of-type::after, &.Mui-selected + .MuiTab-root::after': {
|
|
248
|
+
content: string;
|
|
249
|
+
display: string;
|
|
250
|
+
};
|
|
251
|
+
'&.Mui-selected': {
|
|
252
|
+
backgroundColor: any;
|
|
253
|
+
};
|
|
254
|
+
'&.Mui-disabled': {
|
|
255
|
+
cursor: string;
|
|
256
|
+
color: any;
|
|
257
|
+
};
|
|
258
|
+
'& .MuiTab-iconWrapper': {
|
|
259
|
+
fontSize: string;
|
|
260
|
+
};
|
|
261
|
+
fontSize: string;
|
|
262
|
+
minHeight: any;
|
|
263
|
+
minWidth: number;
|
|
264
|
+
fontWeight: string;
|
|
265
|
+
color: any;
|
|
266
|
+
padding: any;
|
|
267
|
+
'&': {
|
|
268
|
+
position: string;
|
|
269
|
+
};
|
|
37
270
|
};
|
|
38
271
|
};
|
|
39
272
|
};
|
|
@@ -13,13 +13,6 @@ declare const _default: {
|
|
|
13
13
|
borderRadius: number;
|
|
14
14
|
minHeight: string;
|
|
15
15
|
color: any;
|
|
16
|
-
'& .MuiTab-root.Mui-selected': {
|
|
17
|
-
borderRadius: number;
|
|
18
|
-
color: any;
|
|
19
|
-
};
|
|
20
|
-
'& .MuiTabs-flexContainer': {
|
|
21
|
-
padding: any;
|
|
22
|
-
};
|
|
23
16
|
} | {
|
|
24
17
|
'& .MuiTab-root::after'?: {
|
|
25
18
|
content: string;
|
|
@@ -31,7 +24,7 @@ declare const _default: {
|
|
|
31
24
|
color: any;
|
|
32
25
|
};
|
|
33
26
|
'& .MuiTabs-flexContainer': {
|
|
34
|
-
padding
|
|
27
|
+
padding?: undefined;
|
|
35
28
|
};
|
|
36
29
|
backgroundColor: string;
|
|
37
30
|
borderRadius: number;
|
|
@@ -82,13 +75,6 @@ declare const _default: {
|
|
|
82
75
|
padding: any;
|
|
83
76
|
minHeight: string;
|
|
84
77
|
color: any;
|
|
85
|
-
'& .MuiTab-root.Mui-selected': {
|
|
86
|
-
borderRadius: number;
|
|
87
|
-
color: any;
|
|
88
|
-
};
|
|
89
|
-
'& .MuiTabs-flexContainer': {
|
|
90
|
-
padding: any;
|
|
91
|
-
};
|
|
92
78
|
} | {
|
|
93
79
|
'& .MuiTab-root::after'?: {
|
|
94
80
|
content: string;
|
|
@@ -103,7 +89,7 @@ declare const _default: {
|
|
|
103
89
|
color: any;
|
|
104
90
|
};
|
|
105
91
|
'& .MuiTabs-flexContainer': {
|
|
106
|
-
padding
|
|
92
|
+
padding?: undefined;
|
|
107
93
|
};
|
|
108
94
|
backgroundColor: string;
|
|
109
95
|
minHeight: string;
|
|
@@ -157,13 +143,6 @@ declare const _default: {
|
|
|
157
143
|
padding: any;
|
|
158
144
|
minHeight: string;
|
|
159
145
|
color: any;
|
|
160
|
-
'& .MuiTab-root.Mui-selected': {
|
|
161
|
-
borderRadius: number;
|
|
162
|
-
color: any;
|
|
163
|
-
};
|
|
164
|
-
'& .MuiTabs-flexContainer': {
|
|
165
|
-
padding: any;
|
|
166
|
-
};
|
|
167
146
|
} | {
|
|
168
147
|
'& .MuiTab-root::after'?: {
|
|
169
148
|
content: string;
|
|
@@ -178,7 +157,7 @@ declare const _default: {
|
|
|
178
157
|
color: any;
|
|
179
158
|
};
|
|
180
159
|
'& .MuiTabs-flexContainer': {
|
|
181
|
-
padding
|
|
160
|
+
padding?: undefined;
|
|
182
161
|
};
|
|
183
162
|
backgroundColor: string;
|
|
184
163
|
minHeight: string;
|
|
@@ -232,13 +211,6 @@ declare const _default: {
|
|
|
232
211
|
padding: any;
|
|
233
212
|
minHeight: string;
|
|
234
213
|
color: any;
|
|
235
|
-
'& .MuiTab-root.Mui-selected': {
|
|
236
|
-
borderRadius: number;
|
|
237
|
-
color: any;
|
|
238
|
-
};
|
|
239
|
-
'& .MuiTabs-flexContainer': {
|
|
240
|
-
padding: any;
|
|
241
|
-
};
|
|
242
214
|
} | {
|
|
243
215
|
'& .MuiTab-root::after'?: {
|
|
244
216
|
content: string;
|
|
@@ -253,7 +225,7 @@ declare const _default: {
|
|
|
253
225
|
color: any;
|
|
254
226
|
};
|
|
255
227
|
'& .MuiTabs-flexContainer': {
|
|
256
|
-
padding
|
|
228
|
+
padding?: undefined;
|
|
257
229
|
};
|
|
258
230
|
backgroundColor: string;
|
|
259
231
|
minHeight: string;
|
|
@@ -307,13 +279,6 @@ declare const _default: {
|
|
|
307
279
|
padding: any;
|
|
308
280
|
minHeight: string;
|
|
309
281
|
color: any;
|
|
310
|
-
'& .MuiTab-root.Mui-selected': {
|
|
311
|
-
borderRadius: number;
|
|
312
|
-
color: any;
|
|
313
|
-
};
|
|
314
|
-
'& .MuiTabs-flexContainer': {
|
|
315
|
-
padding: any;
|
|
316
|
-
};
|
|
317
282
|
} | {
|
|
318
283
|
'& .MuiTab-root::after'?: {
|
|
319
284
|
content: string;
|
|
@@ -328,7 +293,7 @@ declare const _default: {
|
|
|
328
293
|
color: any;
|
|
329
294
|
};
|
|
330
295
|
'& .MuiTabs-flexContainer': {
|
|
331
|
-
padding
|
|
296
|
+
padding?: undefined;
|
|
332
297
|
};
|
|
333
298
|
backgroundColor: string;
|
|
334
299
|
minHeight: string;
|
|
@@ -382,13 +347,6 @@ declare const _default: {
|
|
|
382
347
|
padding: any;
|
|
383
348
|
minHeight: string;
|
|
384
349
|
color: any;
|
|
385
|
-
'& .MuiTab-root.Mui-selected': {
|
|
386
|
-
borderRadius: number;
|
|
387
|
-
color: any;
|
|
388
|
-
};
|
|
389
|
-
'& .MuiTabs-flexContainer': {
|
|
390
|
-
padding: any;
|
|
391
|
-
};
|
|
392
350
|
} | {
|
|
393
351
|
'& .MuiTab-root::after'?: {
|
|
394
352
|
content: string;
|
|
@@ -403,7 +361,7 @@ declare const _default: {
|
|
|
403
361
|
color: any;
|
|
404
362
|
};
|
|
405
363
|
'& .MuiTabs-flexContainer': {
|
|
406
|
-
padding
|
|
364
|
+
padding?: undefined;
|
|
407
365
|
};
|
|
408
366
|
backgroundColor: string;
|
|
409
367
|
minHeight: string;
|
|
@@ -457,13 +415,6 @@ declare const _default: {
|
|
|
457
415
|
padding: any;
|
|
458
416
|
minHeight: string;
|
|
459
417
|
color: any;
|
|
460
|
-
'& .MuiTab-root.Mui-selected': {
|
|
461
|
-
borderRadius: number;
|
|
462
|
-
color: any;
|
|
463
|
-
};
|
|
464
|
-
'& .MuiTabs-flexContainer': {
|
|
465
|
-
padding: any;
|
|
466
|
-
};
|
|
467
418
|
} | {
|
|
468
419
|
'& .MuiTab-root::after'?: {
|
|
469
420
|
content: string;
|
|
@@ -478,7 +429,7 @@ declare const _default: {
|
|
|
478
429
|
color: any;
|
|
479
430
|
};
|
|
480
431
|
'& .MuiTabs-flexContainer': {
|
|
481
|
-
padding
|
|
432
|
+
padding?: undefined;
|
|
482
433
|
};
|
|
483
434
|
backgroundColor: string;
|
|
484
435
|
minHeight: string;
|
|
@@ -532,13 +483,6 @@ declare const _default: {
|
|
|
532
483
|
padding: any;
|
|
533
484
|
minHeight: string;
|
|
534
485
|
color: any;
|
|
535
|
-
'& .MuiTab-root.Mui-selected': {
|
|
536
|
-
borderRadius: number;
|
|
537
|
-
color: any;
|
|
538
|
-
};
|
|
539
|
-
'& .MuiTabs-flexContainer': {
|
|
540
|
-
padding: any;
|
|
541
|
-
};
|
|
542
486
|
} | {
|
|
543
487
|
'& .MuiTab-root::after'?: {
|
|
544
488
|
content: string;
|
|
@@ -553,7 +497,7 @@ declare const _default: {
|
|
|
553
497
|
color: any;
|
|
554
498
|
};
|
|
555
499
|
'& .MuiTabs-flexContainer': {
|
|
556
|
-
padding
|
|
500
|
+
padding?: undefined;
|
|
557
501
|
};
|
|
558
502
|
backgroundColor: string;
|
|
559
503
|
minHeight: string;
|
package/dist/hooks/useTime.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ var MuiAccordionActions = _interopDefault(require('@mui/material/AccordionAction
|
|
|
11
11
|
var MuiAccordionSummary = _interopDefault(require('@mui/material/AccordionSummary/AccordionSummary.js'));
|
|
12
12
|
var MuiAlert = _interopDefault(require('@mui/material/Alert/Alert.js'));
|
|
13
13
|
var Stack$1 = _interopDefault(require('@mui/material/Stack/Stack.js'));
|
|
14
|
+
var useTheme = _interopDefault(require('@mui/material/styles/useTheme.js'));
|
|
14
15
|
var MuiTypography = _interopDefault(require('@mui/material/Typography/Typography.js'));
|
|
15
16
|
var useMediaQuery = _interopDefault(require('@mui/material/useMediaQuery/useMediaQuery.js'));
|
|
16
17
|
var useScrollTrigger_js = _interopDefault(require('@mui/material/useScrollTrigger/useScrollTrigger.js'));
|
|
@@ -19,7 +20,7 @@ var _includes = _interopDefault(require('lodash/includes'));
|
|
|
19
20
|
var bigDecimal = _interopDefault(require('js-big-decimal'));
|
|
20
21
|
var _filter = _interopDefault(require('lodash/filter'));
|
|
21
22
|
var _isUndefined = _interopDefault(require('lodash/isUndefined'));
|
|
22
|
-
var useTheme = _interopDefault(require('@mui/material/styles/useTheme'));
|
|
23
|
+
var useTheme$1 = _interopDefault(require('@mui/material/styles/useTheme'));
|
|
23
24
|
var MuiAlertTitle = _interopDefault(require('@mui/material/AlertTitle/AlertTitle.js'));
|
|
24
25
|
var MuiAvatar = _interopDefault(require('@mui/material/Avatar/Avatar.js'));
|
|
25
26
|
var Box$1 = _interopDefault(require('@mui/material/Box/Box.js'));
|
|
@@ -40,7 +41,6 @@ var MuiFormLabel = _interopDefault(require('@mui/material/FormLabel/FormLabel.js
|
|
|
40
41
|
var MuiGrid = _interopDefault(require('@mui/material/Unstable_Grid2'));
|
|
41
42
|
var MuiIconButton = _interopDefault(require('@mui/material/IconButton/IconButton.js'));
|
|
42
43
|
var MuiInput = _interopDefault(require('@mui/material/Input/Input.js'));
|
|
43
|
-
var useTheme$1 = _interopDefault(require('@mui/material/styles/useTheme.js'));
|
|
44
44
|
var MuiInputAdornment = _interopDefault(require('@mui/material/InputAdornment/InputAdornment.js'));
|
|
45
45
|
var MuiInputLabel = _interopDefault(require('@mui/material/InputLabel/InputLabel.js'));
|
|
46
46
|
var MuiLinearProgress = _interopDefault(require('@mui/material/LinearProgress/LinearProgress.js'));
|
|
@@ -223,7 +223,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
223
223
|
* you can see Alert Documentation api that I mentioned below [here](https://mui.com/material-ui/api/alert/)
|
|
224
224
|
*
|
|
225
225
|
* ```typescript
|
|
226
|
-
* import { Alert } from '@rabex-kit/
|
|
226
|
+
* import { Alert } from '@rabex-kit/rabex-ui';
|
|
227
227
|
* ```
|
|
228
228
|
*
|
|
229
229
|
*
|
|
@@ -536,7 +536,7 @@ var calculateTime = function calculateTime(time) {
|
|
|
536
536
|
/**
|
|
537
537
|
* this hook used for checking an element that is onScreen or not
|
|
538
538
|
*
|
|
539
|
-
* import { useOnScreen } from @rabex-kit/
|
|
539
|
+
* import { useOnScreen } from @rabex-kit/rabex-ui/hooks'
|
|
540
540
|
*
|
|
541
541
|
* @param ref
|
|
542
542
|
* @returns
|
|
@@ -655,10 +655,13 @@ var AlertTimer = function AlertTimer(_ref) {
|
|
|
655
655
|
timestamp = _ref.timestamp,
|
|
656
656
|
onComplete = _ref.onComplete,
|
|
657
657
|
_ref$isStart = _ref.isStart,
|
|
658
|
-
isStart = _ref$isStart === void 0 ? true : _ref$isStart
|
|
658
|
+
isStart = _ref$isStart === void 0 ? true : _ref$isStart,
|
|
659
|
+
sx = _ref.sx;
|
|
659
660
|
var _useTime = useTime(timestamp, isStart),
|
|
660
661
|
time = _useTime.time,
|
|
661
662
|
isComplete = _useTime.isComplete;
|
|
663
|
+
var _useTheme = useTheme(),
|
|
664
|
+
palette = _useTheme.palette;
|
|
662
665
|
React.useEffect(function () {
|
|
663
666
|
if (isComplete && onComplete) {
|
|
664
667
|
onComplete();
|
|
@@ -670,25 +673,27 @@ var AlertTimer = function AlertTimer(_ref) {
|
|
|
670
673
|
justifyContent: "space-between",
|
|
671
674
|
mt: 1,
|
|
672
675
|
width: "100%",
|
|
673
|
-
gap: 7
|
|
674
|
-
|
|
676
|
+
gap: 7,
|
|
677
|
+
sx: sx
|
|
678
|
+
}, children && React__default.createElement(Typography, {
|
|
675
679
|
variant: 'body3',
|
|
676
|
-
weight: '
|
|
680
|
+
weight: 'semiBold',
|
|
677
681
|
color: "textColor.A80"
|
|
678
682
|
}, children), React__default.createElement(Stack$1, {
|
|
679
683
|
flexDirection: "row",
|
|
680
684
|
alignItems: "center",
|
|
681
|
-
|
|
685
|
+
py: 1,
|
|
686
|
+
height: 24,
|
|
682
687
|
width: 76,
|
|
683
|
-
borderRadius:
|
|
684
|
-
bgcolor:
|
|
688
|
+
borderRadius: 2,
|
|
689
|
+
bgcolor: palette.warning[200],
|
|
685
690
|
pr: 3,
|
|
686
691
|
gap: 1.5,
|
|
687
692
|
justifyContent: "end",
|
|
688
693
|
boxSizing: "border-box"
|
|
689
694
|
}, React__default.createElement(Typography, {
|
|
690
695
|
variant: 'body3',
|
|
691
|
-
weight: '
|
|
696
|
+
weight: 'semiBold',
|
|
692
697
|
color: "textColor.A80",
|
|
693
698
|
mt: 0.5
|
|
694
699
|
}, time.minutes, ":", time.seconds), React__default.createElement(Stack$1, {
|
|
@@ -719,7 +724,7 @@ var AlertTimer = function AlertTimer(_ref) {
|
|
|
719
724
|
* you can see AlertTitle Documentation api that I mentioned below [here](https://mui.com/material-ui/api/alert-title/)
|
|
720
725
|
*
|
|
721
726
|
* ```typescript
|
|
722
|
-
* import { AlertTitle } from '@rabex-kit/
|
|
727
|
+
* import { AlertTitle } from '@rabex-kit/rabex-ui';
|
|
723
728
|
* ```
|
|
724
729
|
*
|
|
725
730
|
*
|
|
@@ -1288,7 +1293,7 @@ var MuiInputStyled = /*#__PURE__*/styled(MuiInput, {
|
|
|
1288
1293
|
var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
1289
1294
|
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
1290
1295
|
//
|
|
1291
|
-
var _useTheme = useTheme
|
|
1296
|
+
var _useTheme = useTheme(),
|
|
1292
1297
|
mode = _useTheme.palette.mode;
|
|
1293
1298
|
var _ref2 = props || {},
|
|
1294
1299
|
title = _ref2.title,
|
|
@@ -3110,21 +3115,14 @@ var RabexTabs = {
|
|
|
3110
3115
|
return _extends({
|
|
3111
3116
|
borderRadius: 8,
|
|
3112
3117
|
minHeight: 'unset',
|
|
3113
|
-
color: theme.palette.base.A10
|
|
3114
|
-
'& .MuiTab-root.Mui-selected': {
|
|
3115
|
-
borderRadius: 4,
|
|
3116
|
-
color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A0
|
|
3117
|
-
},
|
|
3118
|
-
'& .MuiTabs-flexContainer': {
|
|
3119
|
-
padding: theme.spacing(1)
|
|
3120
|
-
}
|
|
3118
|
+
color: theme.palette.base.A10
|
|
3121
3119
|
}, ownerState.mode === 'underline' && {
|
|
3122
3120
|
'& .MuiTab-root.Mui-selected': {
|
|
3123
3121
|
borderRadius: 4,
|
|
3124
3122
|
color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A0
|
|
3125
3123
|
},
|
|
3126
3124
|
'& .MuiTabs-flexContainer': {
|
|
3127
|
-
padding: theme.spacing(1)
|
|
3125
|
+
// padding: theme.spacing(1)
|
|
3128
3126
|
},
|
|
3129
3127
|
backgroundColor: 'unset'
|
|
3130
3128
|
}, ownerState.mode === 'pill' && {
|
|
@@ -3187,8 +3185,9 @@ var RabexTab = {
|
|
|
3187
3185
|
components: {
|
|
3188
3186
|
styleOverrides: {
|
|
3189
3187
|
root: function root(_ref) {
|
|
3190
|
-
var theme = _ref.theme
|
|
3191
|
-
|
|
3188
|
+
var theme = _ref.theme,
|
|
3189
|
+
ownerState = _ref.ownerState;
|
|
3190
|
+
return _extends({
|
|
3192
3191
|
minWidth: 80,
|
|
3193
3192
|
fontWeight: '600',
|
|
3194
3193
|
color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A40,
|
|
@@ -3196,6 +3195,17 @@ var RabexTab = {
|
|
|
3196
3195
|
'&': {
|
|
3197
3196
|
position: 'relative'
|
|
3198
3197
|
},
|
|
3198
|
+
minHeight: 'unset'
|
|
3199
|
+
}, ownerState.size === 'sm' && {
|
|
3200
|
+
fontSize: '12px',
|
|
3201
|
+
minHeight: theme.spacing(3)
|
|
3202
|
+
}, ownerState.size === 'md' && {
|
|
3203
|
+
fontSize: '14px',
|
|
3204
|
+
minHeight: theme.spacing(4)
|
|
3205
|
+
}, ownerState.size === 'lg' && {
|
|
3206
|
+
fontSize: '16px',
|
|
3207
|
+
minHeight: theme.spacing(5)
|
|
3208
|
+
}, {
|
|
3199
3209
|
// '&.normal': {
|
|
3200
3210
|
// lineHeight: '20px',
|
|
3201
3211
|
// fontSize: '12px',
|
|
@@ -3229,7 +3239,7 @@ var RabexTab = {
|
|
|
3229
3239
|
'& .MuiTab-iconWrapper': {
|
|
3230
3240
|
fontSize: '14px'
|
|
3231
3241
|
}
|
|
3232
|
-
};
|
|
3242
|
+
});
|
|
3233
3243
|
}
|
|
3234
3244
|
}
|
|
3235
3245
|
}
|
|
@@ -4390,6 +4400,7 @@ var components$5 = {
|
|
|
4390
4400
|
lineHeight: '24px',
|
|
4391
4401
|
overflow: 'hidden',
|
|
4392
4402
|
padding: 0,
|
|
4403
|
+
width: '100%',
|
|
4393
4404
|
color: palette.mode === 'light' ? palette.textColor.A80 : (_palette = palette[(ownerState === null || ownerState === void 0 ? void 0 : ownerState.color) || 'info']) === null || _palette === void 0 ? void 0 : _palette.A20
|
|
4394
4405
|
}, _ref3[breakpoints.down('lg')] = {
|
|
4395
4406
|
lineHeight: '20px'
|
|
@@ -4513,10 +4524,7 @@ var components$6 = {
|
|
|
4513
4524
|
palette = _ref$theme.palette,
|
|
4514
4525
|
spacing = _ref$theme.spacing,
|
|
4515
4526
|
_ref$ownerState = _ref.ownerState,
|
|
4516
|
-
size = _ref$ownerState.size
|
|
4517
|
-
fill = _ref$ownerState.fill,
|
|
4518
|
-
success = _ref$ownerState.success;
|
|
4519
|
-
console.log(size, fill, success);
|
|
4527
|
+
size = _ref$ownerState.size;
|
|
4520
4528
|
var isLight = palette.mode === 'light';
|
|
4521
4529
|
return {
|
|
4522
4530
|
'& > div.MuiInputBase-root > fieldset': {
|
|
@@ -4582,7 +4590,6 @@ var components$6 = {
|
|
|
4582
4590
|
},
|
|
4583
4591
|
style: function style(_ref2) {
|
|
4584
4592
|
var theme = _ref2.theme;
|
|
4585
|
-
console.log('fill included');
|
|
4586
4593
|
var isLight = theme.palette.mode === 'light';
|
|
4587
4594
|
return {
|
|
4588
4595
|
'& > div.MuiInputBase-root': {
|
|
@@ -5854,7 +5861,7 @@ SegmentedControlTab.defaultProps = {};
|
|
|
5854
5861
|
|
|
5855
5862
|
exports.useMediaQuery = useMediaQuery;
|
|
5856
5863
|
exports.useScrollTrigger = useScrollTrigger_js;
|
|
5857
|
-
exports.useTheme = useTheme;
|
|
5864
|
+
exports.useTheme = useTheme$1;
|
|
5858
5865
|
exports.styled = styled;
|
|
5859
5866
|
exports.CssBaseline = CssBaseline_js;
|
|
5860
5867
|
exports.ThemeProvider = ThemeProvider_js;
|