@rabex-kit/rabex-ui 0.0.1
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/LICENCE +21 -0
- package/dist/Accordion/index.d.ts +18 -0
- package/dist/AccordionActions/index.d.ts +18 -0
- package/dist/AccordionDetails/index.d.ts +18 -0
- package/dist/AccordionSummary/index.d.ts +18 -0
- package/dist/Alert/index.d.ts +18 -0
- package/dist/AlertAction/index.d.ts +5 -0
- package/dist/AlertTimer/index.d.ts +9 -0
- package/dist/AlertTitle/index.d.ts +18 -0
- package/dist/Autocomplete/index.d.ts +18 -0
- package/dist/Avatar/index.d.ts +20 -0
- package/dist/Backdrop/index.d.ts +17 -0
- package/dist/Box/index.d.ts +20 -0
- package/dist/Breadcrumbs/index.d.ts +20 -0
- package/dist/Button/index.d.ts +10 -0
- package/dist/Checkbox/index.d.ts +21 -0
- package/dist/Chip/index.d.ts +25 -0
- package/dist/CircularProgress/index.d.ts +19 -0
- package/dist/ClickAwayListener/index.d.ts +5 -0
- package/dist/Collapse/index.d.ts +19 -0
- package/dist/Container/index.d.ts +19 -0
- package/dist/CurrencyPairsTitle/index.d.ts +25 -0
- package/dist/Description/index.d.ts +8 -0
- package/dist/Dialog/index.d.ts +20 -0
- package/dist/DialogActions/index.d.ts +19 -0
- package/dist/DialogContent/index.d.ts +20 -0
- package/dist/DialogTitle/index.d.ts +20 -0
- package/dist/Divider/index.d.ts +16 -0
- package/dist/Drawer/index.d.ts +16 -0
- package/dist/DynamicBackground/index.d.ts +17 -0
- package/dist/DynamicBackgroundContainer/index.d.ts +5 -0
- package/dist/Fade/index.d.ts +18 -0
- package/dist/FormControl/index.d.ts +20 -0
- package/dist/FormControlLabel/index.d.ts +22 -0
- package/dist/FormGroup/index.d.ts +20 -0
- package/dist/FormHelperText/index.d.ts +5 -0
- package/dist/FormLabel/index.d.ts +20 -0
- package/dist/Formik/Checkbox/index.d.ts +16 -0
- package/dist/Formik/FormControlLabel/index.d.ts +15 -0
- package/dist/Formik/Input/index.d.ts +16 -0
- package/dist/Formik/Radio/index.d.ts +16 -0
- package/dist/Formik/Select/index.d.ts +17 -0
- package/dist/Formik/TextField/index.d.ts +16 -0
- package/dist/Grid/index.d.ts +20 -0
- package/dist/Grow/index.d.ts +18 -0
- package/dist/IconButton/index.d.ts +24 -0
- package/dist/Input/index.d.ts +22 -0
- package/dist/InputAdornment/index.d.ts +7 -0
- package/dist/InputLabel/index.d.ts +5 -0
- package/dist/LinearProgress/index.d.ts +19 -0
- package/dist/Link/index.d.ts +20 -0
- package/dist/List/index.d.ts +19 -0
- package/dist/ListItem/index.d.ts +16 -0
- package/dist/ListItemAvatar/index.d.ts +18 -0
- package/dist/ListItemButton/index.d.ts +18 -0
- package/dist/ListItemIcon/index.d.ts +17 -0
- package/dist/ListItemSecondaryAction/index.d.ts +17 -0
- package/dist/ListItemText/index.d.ts +18 -0
- package/dist/ListSubHeader/index.d.ts +16 -0
- package/dist/LoadingButton/index.d.ts +24 -0
- package/dist/Menu/index.d.ts +16 -0
- package/dist/MenuItem/index.d.ts +16 -0
- package/dist/MenuList/index.d.ts +16 -0
- package/dist/MobileStepper/index.d.ts +22 -0
- package/dist/Modal/index.d.ts +17 -0
- package/dist/ModalContent/index.d.ts +13 -0
- package/dist/NoSsr/index.d.ts +20 -0
- package/dist/Pagination/index.d.ts +18 -0
- package/dist/PaginationItem/index.d.ts +5 -0
- package/dist/Paper/index.d.ts +22 -0
- package/dist/Popover/index.d.ts +16 -0
- package/dist/Popper/index.d.ts +16 -0
- package/dist/RTable/index.d.ts +8 -0
- package/dist/RTableHead/index.d.ts +16 -0
- package/dist/RTableRow/index.d.ts +16 -0
- package/dist/Radio/index.d.ts +21 -0
- package/dist/RadioGroup/index.d.ts +20 -0
- package/dist/SeeMore/index.d.ts +14 -0
- package/dist/Select/index.d.ts +5 -0
- package/dist/SelectItem/index.d.ts +17 -0
- package/dist/Skeleton/index.d.ts +20 -0
- package/dist/Slide/index.d.ts +17 -0
- package/dist/Slider/index.d.ts +17 -0
- package/dist/SliderContent/index.d.ts +14 -0
- package/dist/Snackbar/index.d.ts +18 -0
- package/dist/SnackbarContent/index.d.ts +18 -0
- package/dist/Stack/index.d.ts +20 -0
- package/dist/Step/index.d.ts +18 -0
- package/dist/StepButton/index.d.ts +19 -0
- package/dist/StepConnector/index.d.ts +18 -0
- package/dist/StepContent/index.d.ts +20 -0
- package/dist/StepIcon/index.d.ts +5 -0
- package/dist/StepLabel/index.d.ts +17 -0
- package/dist/Stepper/index.d.ts +21 -0
- package/dist/SvgIcon/index.d.ts +20 -0
- package/dist/SwipeableDrawer/index.d.ts +16 -0
- package/dist/Tab/index.d.ts +7 -0
- package/dist/TabContext/index.d.ts +5 -0
- package/dist/TabList/index.d.ts +5 -0
- package/dist/TabPanel/index.d.ts +5 -0
- package/dist/Table/index.d.ts +16 -0
- package/dist/TableBody/index.d.ts +16 -0
- package/dist/TableCell/index.d.ts +15 -0
- package/dist/TableContainer/index.d.ts +16 -0
- package/dist/TableFooter/index.d.ts +16 -0
- package/dist/TableHead/index.d.ts +16 -0
- package/dist/TablePagination/index.d.ts +17 -0
- package/dist/TableRow/index.d.ts +16 -0
- package/dist/TableSortLabel/index.d.ts +16 -0
- package/dist/Tabs/index.d.ts +30 -0
- package/dist/TextField/index.d.ts +20 -0
- package/dist/Theme/Accordion/index.d.ts +22 -0
- package/dist/Theme/Alert/index.d.ts +18 -0
- package/dist/Theme/AlertTitle/index.d.ts +15 -0
- package/dist/Theme/Avatar/index.d.ts +10 -0
- package/dist/Theme/Backdrop/index.d.ts +6 -0
- package/dist/Theme/Breadcrumbs/index.d.ts +11 -0
- package/dist/Theme/Button/index.d.ts +41 -0
- package/dist/Theme/Checkbox/index.d.ts +24 -0
- package/dist/Theme/Chip/index.d.ts +101 -0
- package/dist/Theme/Container/index.d.ts +12 -0
- package/dist/Theme/Divider/index.d.ts +14 -0
- package/dist/Theme/FormControlLabel/index.d.ts +21 -0
- package/dist/Theme/Grid/index.d.ts +6 -0
- package/dist/Theme/IconButton/index.d.ts +30 -0
- package/dist/Theme/Input/index.d.ts +25 -0
- package/dist/Theme/InputAdornment/index.d.ts +17 -0
- package/dist/Theme/List/index.d.ts +16 -0
- package/dist/Theme/ListItemAvatar/index.d.ts +10 -0
- package/dist/Theme/LoadingButton/index.d.ts +21 -0
- package/dist/Theme/MenuItem/index.d.ts +22 -0
- package/dist/Theme/Modal/index.d.ts +16 -0
- package/dist/Theme/Pagination/index.d.ts +6 -0
- package/dist/Theme/PaginationItem/index.d.ts +23 -0
- package/dist/Theme/Palette/base.d.ts +116 -0
- package/dist/Theme/Palette/dark.d.ts +88 -0
- package/dist/Theme/Palette/light.d.ts +169 -0
- package/dist/Theme/Paper/index.d.ts +23 -0
- package/dist/Theme/Radio/index.d.ts +18 -0
- package/dist/Theme/Select/index.d.ts +45 -0
- package/dist/Theme/Shadows/index.d.ts +3 -0
- package/dist/Theme/Slider/index.d.ts +23 -0
- package/dist/Theme/Tab/index.d.ts +41 -0
- package/dist/Theme/TabPanel/index.d.ts +13 -0
- package/dist/Theme/TableCell/index.d.ts +14 -0
- package/dist/Theme/TableContainer/index.d.ts +6 -0
- package/dist/Theme/TableHead/index.d.ts +13 -0
- package/dist/Theme/Tabs/index.d.ts +491 -0
- package/dist/Theme/TextField/index.d.ts +18 -0
- package/dist/Theme/ToggleButton/index.d.ts +13 -0
- package/dist/Theme/ToggleButtonGroup/index.d.ts +23 -0
- package/dist/Theme/Tooltip/index.d.ts +18 -0
- package/dist/Theme/Typography/index.d.ts +221 -0
- package/dist/Theme/getDesignTokens.d.ts +8 -0
- package/dist/Theme/index.d.ts +6 -0
- package/dist/ToggleButton/index.d.ts +20 -0
- package/dist/ToggleButtonGroup/index.d.ts +20 -0
- package/dist/Tooltip/index.d.ts +9 -0
- package/dist/Typography/index.d.ts +24 -0
- package/dist/UploadButton/index.d.ts +21 -0
- package/dist/Zoom/index.d.ts +18 -0
- package/dist/hooks/index.d.ts +8 -0
- package/dist/hooks/useCopyToClipboard.d.ts +11 -0
- package/dist/hooks/useOnScreen.d.ts +9 -0
- package/dist/hooks/useResponsive.d.ts +9 -0
- package/dist/hooks/useTime.d.ts +21 -0
- package/dist/hooks/useWindowSize.d.ts +4 -0
- package/dist/index.d.ts +119 -0
- package/dist/index.js +8 -0
- package/dist/rabex-ui.cjs.development.js +5409 -0
- package/dist/rabex-ui.cjs.development.js.map +1 -0
- package/dist/rabex-ui.cjs.production.min.js +2 -0
- package/dist/rabex-ui.cjs.production.min.js.map +1 -0
- package/dist/rabex-ui.esm.js +5279 -0
- package/dist/rabex-ui.esm.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/numberUtils.d.ts +29 -0
- package/dist/utils/searchUtils.d.ts +2 -0
- package/package.json +119 -0
@@ -0,0 +1,221 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare module '@mui/material/styles' {
|
3
|
+
interface TypographyVariants {
|
4
|
+
h1: React.CSSProperties;
|
5
|
+
h2: React.CSSProperties;
|
6
|
+
h3: React.CSSProperties;
|
7
|
+
h4: React.CSSProperties;
|
8
|
+
h5: React.CSSProperties;
|
9
|
+
h6: React.CSSProperties;
|
10
|
+
title: React.CSSProperties;
|
11
|
+
subtitle: React.CSSProperties;
|
12
|
+
title2: React.CSSProperties;
|
13
|
+
body1: React.CSSProperties;
|
14
|
+
largeButton: React.CSSProperties;
|
15
|
+
inputLabel: React.CSSProperties;
|
16
|
+
body2: React.CSSProperties;
|
17
|
+
mediumButton: React.CSSProperties;
|
18
|
+
subtitle2: React.CSSProperties;
|
19
|
+
body3: React.CSSProperties;
|
20
|
+
smallButton: React.CSSProperties;
|
21
|
+
helperText: React.CSSProperties;
|
22
|
+
inputLabel2: React.CSSProperties;
|
23
|
+
body4: React.CSSProperties;
|
24
|
+
}
|
25
|
+
interface TypographyVariantsOptions {
|
26
|
+
h1: React.CSSProperties;
|
27
|
+
h2: React.CSSProperties;
|
28
|
+
h3: React.CSSProperties;
|
29
|
+
h4: React.CSSProperties;
|
30
|
+
h5: React.CSSProperties;
|
31
|
+
h6: React.CSSProperties;
|
32
|
+
title: React.CSSProperties;
|
33
|
+
subtitle: React.CSSProperties;
|
34
|
+
title2: React.CSSProperties;
|
35
|
+
body1: React.CSSProperties;
|
36
|
+
largeButton: React.CSSProperties;
|
37
|
+
inputLabel: React.CSSProperties;
|
38
|
+
body2: React.CSSProperties;
|
39
|
+
mediumButton: React.CSSProperties;
|
40
|
+
subtitle2: React.CSSProperties;
|
41
|
+
body3: React.CSSProperties;
|
42
|
+
smallButton: React.CSSProperties;
|
43
|
+
helperText: React.CSSProperties;
|
44
|
+
inputLabel2: React.CSSProperties;
|
45
|
+
body4: React.CSSProperties;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
declare module '@mui/material/Typography' {
|
49
|
+
interface TypographyPropsVariantOverrides {
|
50
|
+
h1: true;
|
51
|
+
h2: true;
|
52
|
+
h3: true;
|
53
|
+
h4: true;
|
54
|
+
h5: true;
|
55
|
+
h6: true;
|
56
|
+
title: true;
|
57
|
+
subtitle: true;
|
58
|
+
title2: true;
|
59
|
+
body1: true;
|
60
|
+
largeButton: true;
|
61
|
+
inputLabel: true;
|
62
|
+
body2: true;
|
63
|
+
mediumButton: true;
|
64
|
+
subtitle2: true;
|
65
|
+
body3: true;
|
66
|
+
smallButton: true;
|
67
|
+
helperText: true;
|
68
|
+
inputLabel2: true;
|
69
|
+
body4: true;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
declare const _default: {
|
73
|
+
components: {
|
74
|
+
styleOverrides: {
|
75
|
+
root: ({ theme }: {
|
76
|
+
theme: any;
|
77
|
+
}) => {
|
78
|
+
'& a': {
|
79
|
+
position: string;
|
80
|
+
color: any;
|
81
|
+
textDecoration: string;
|
82
|
+
};
|
83
|
+
'& a:hover': {
|
84
|
+
color: any;
|
85
|
+
};
|
86
|
+
'& a:hover:before': {
|
87
|
+
borderBottomColor: any;
|
88
|
+
};
|
89
|
+
'& a:before': {
|
90
|
+
left: number;
|
91
|
+
right: number;
|
92
|
+
bottom: number;
|
93
|
+
content: string;
|
94
|
+
position: string;
|
95
|
+
borderBottom: string;
|
96
|
+
};
|
97
|
+
};
|
98
|
+
};
|
99
|
+
defaultProps: {
|
100
|
+
variantMapping: {
|
101
|
+
h1: string;
|
102
|
+
h2: string;
|
103
|
+
h3: string;
|
104
|
+
h4: string;
|
105
|
+
h5: string;
|
106
|
+
h6: string;
|
107
|
+
title: string;
|
108
|
+
title2: string;
|
109
|
+
subtitle: string;
|
110
|
+
body1: string;
|
111
|
+
largeButton: string;
|
112
|
+
inputLabel1: string;
|
113
|
+
body2: string;
|
114
|
+
mediumButton: string;
|
115
|
+
subtitle2: string;
|
116
|
+
body3: string;
|
117
|
+
smallButton: string;
|
118
|
+
helperText: string;
|
119
|
+
inputLabel2: string;
|
120
|
+
body4: string;
|
121
|
+
};
|
122
|
+
};
|
123
|
+
};
|
124
|
+
typography: {
|
125
|
+
fontFamily: string;
|
126
|
+
h1: {
|
127
|
+
fontSize: string;
|
128
|
+
lineHeight: string;
|
129
|
+
};
|
130
|
+
h2: {
|
131
|
+
fontSize: string;
|
132
|
+
lineHeight: string;
|
133
|
+
};
|
134
|
+
h3: {
|
135
|
+
fontSize: string;
|
136
|
+
lineHeight: string;
|
137
|
+
};
|
138
|
+
h4: {
|
139
|
+
fontSize: string;
|
140
|
+
lineHeight: string;
|
141
|
+
};
|
142
|
+
h5: {
|
143
|
+
fontSize: string;
|
144
|
+
lineHeight: string;
|
145
|
+
};
|
146
|
+
h6: {
|
147
|
+
fontSize: string;
|
148
|
+
lineHeight: string;
|
149
|
+
};
|
150
|
+
title: {
|
151
|
+
fontSize: string;
|
152
|
+
lineHeight: string;
|
153
|
+
fontFamily: string;
|
154
|
+
};
|
155
|
+
title2: {
|
156
|
+
fontSize: string;
|
157
|
+
lineHeight: string;
|
158
|
+
fontFamily: string;
|
159
|
+
};
|
160
|
+
subtitle: {
|
161
|
+
fontSize: string;
|
162
|
+
lineHeight: string;
|
163
|
+
fontFamily: string;
|
164
|
+
};
|
165
|
+
button: {
|
166
|
+
fontSize: string;
|
167
|
+
lineHeight: string;
|
168
|
+
fontFamily: string;
|
169
|
+
};
|
170
|
+
body1: {
|
171
|
+
fontSize: string;
|
172
|
+
lineHeight: string;
|
173
|
+
};
|
174
|
+
largeButton: {
|
175
|
+
fontSize: string;
|
176
|
+
lineHeight: string;
|
177
|
+
};
|
178
|
+
inputLabel: {
|
179
|
+
fontSize: string;
|
180
|
+
lineHeight: string;
|
181
|
+
};
|
182
|
+
body2: {
|
183
|
+
fontSize: string;
|
184
|
+
lineHeight: string;
|
185
|
+
};
|
186
|
+
mediumButton: {
|
187
|
+
fontSize: string;
|
188
|
+
lineHeight: string;
|
189
|
+
};
|
190
|
+
subtitle2: {
|
191
|
+
fontSize: string;
|
192
|
+
lineHeight: string;
|
193
|
+
};
|
194
|
+
body3: {
|
195
|
+
fontSize: string;
|
196
|
+
lineHeight: string;
|
197
|
+
fontFamily: string;
|
198
|
+
};
|
199
|
+
smallButton: {
|
200
|
+
fontSize: string;
|
201
|
+
lineHeight: string;
|
202
|
+
fontFamily: string;
|
203
|
+
};
|
204
|
+
helperText: {
|
205
|
+
fontSize: string;
|
206
|
+
lineHeight: string;
|
207
|
+
fontFamily: string;
|
208
|
+
};
|
209
|
+
inputLabel2: {
|
210
|
+
fontSize: string;
|
211
|
+
lineHeight: string;
|
212
|
+
fontFamily: string;
|
213
|
+
};
|
214
|
+
body4: {
|
215
|
+
fontSize: string;
|
216
|
+
lineHeight: string;
|
217
|
+
fontFamily: string;
|
218
|
+
};
|
219
|
+
};
|
220
|
+
};
|
221
|
+
export default _default;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { Direction, PaletteMode, ThemeOptions } from '@mui/material';
|
2
|
+
export declare type themeTypes = {
|
3
|
+
mode?: PaletteMode;
|
4
|
+
direction?: Direction;
|
5
|
+
deviceType?: 'mobile' | 'desktop';
|
6
|
+
};
|
7
|
+
declare const getDesignTokens: ({ deviceType, mode, direction }: themeTypes) => ThemeOptions;
|
8
|
+
export default getDesignTokens;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material';
|
3
|
+
export declare type ToggleButtonProps = MuiToggleButtonProps;
|
4
|
+
/**
|
5
|
+
* Toggle buttons can be used to group related options.
|
6
|
+
*
|
7
|
+
* This is a custom wrapper component made of Material-UI Toggle button.
|
8
|
+
*
|
9
|
+
* You can read Material-UI ToggleButton Documentation [here](https://mui.com/material-ui/react-toggle-button/).
|
10
|
+
*
|
11
|
+
* ```typescript
|
12
|
+
* import { ToggleButton } from '@rabex-kit/core';
|
13
|
+
* ```
|
14
|
+
*
|
15
|
+
*
|
16
|
+
* @param props
|
17
|
+
* @returns
|
18
|
+
*/
|
19
|
+
declare const ToggleButton: React.FC<ToggleButtonProps>;
|
20
|
+
export default ToggleButton;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ToggleButtonGroupProps as MuiToggleButtonGroupProps } from '@mui/material';
|
3
|
+
export declare type ToggleButtonGroupProps = MuiToggleButtonGroupProps;
|
4
|
+
/**
|
5
|
+
* ToggleButtonGroup component.
|
6
|
+
*
|
7
|
+
* This is a custom wrapper component made of Material-UI Toggle button group.
|
8
|
+
*
|
9
|
+
* You can read Material-UI ToggleButtonGroup Documentation [here](https://mui.com/material-ui/api/toggle-button-group/).
|
10
|
+
*
|
11
|
+
* ```typescript
|
12
|
+
* import { ToggleButtonGroup, ToggleButton } from '@rabex-kit/core';
|
13
|
+
* ```
|
14
|
+
*
|
15
|
+
*
|
16
|
+
* @param props
|
17
|
+
* @returns
|
18
|
+
*/
|
19
|
+
declare const ToggleButtonGroup: React.FC<ToggleButtonGroupProps>;
|
20
|
+
export default ToggleButtonGroup;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TooltipProps as MuiTooltipProps } from '@mui/material';
|
3
|
+
interface CostumMuiTooltipProps extends MuiTooltipProps {
|
4
|
+
noWrap?: boolean;
|
5
|
+
transparent?: boolean;
|
6
|
+
}
|
7
|
+
export declare type TooltipProps = CostumMuiTooltipProps;
|
8
|
+
declare const Tooltip: React.FC<TooltipProps>;
|
9
|
+
export default Tooltip;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TypographyProps as MuiTypographyProps } from '@mui/material';
|
3
|
+
export declare type TypographyProps = Omit<MuiTypographyProps, 'variant' | 'weight' | 'component'> & {
|
4
|
+
variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'subtitle' | 'title2' | 'button' | 'body1' | 'largeButton' | 'inputLabel' | 'body2' | 'mediumButton' | 'subtitle2' | 'body3' | 'smallButton' | 'helperText' | 'inputLabel2' | 'body4';
|
5
|
+
weight?: 'bold' | 'semiBold' | 'regular' | 'light';
|
6
|
+
component?: React.ElementType;
|
7
|
+
};
|
8
|
+
/**
|
9
|
+
* Use typography to present your design and content as clearly and efficiently as possible.
|
10
|
+
*
|
11
|
+
* This is a custom wrapper component made of Material-UI Typography.
|
12
|
+
*
|
13
|
+
* You can read Material-UI Typography Documentation [here](https://mui.com/material-ui/api/typography/).
|
14
|
+
*
|
15
|
+
* ```typescript
|
16
|
+
* import { Typography } from '@rabex-kit/core';
|
17
|
+
* ```
|
18
|
+
*
|
19
|
+
*
|
20
|
+
* @param props
|
21
|
+
* @returns
|
22
|
+
*/
|
23
|
+
declare const Typography: React.FC<TypographyProps>;
|
24
|
+
export default Typography;
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import React, { InputHTMLAttributes } from 'react';
|
2
|
+
import { ButtonProps as RabexButtonProps } from '../Button';
|
3
|
+
export declare type UploadButtonProps = Omit<RabexButtonProps, 'inputProps'> & {
|
4
|
+
inputProps?: InputHTMLAttributes<HTMLInputElement>;
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* This is a custom wrapper component made of Material-UI Button.
|
8
|
+
* Props of the Button component are also available.
|
9
|
+
*
|
10
|
+
* You can read Material-UI Button Documentation [here](https://mui.com/material-ui/api/Button/).
|
11
|
+
*
|
12
|
+
* ```typescript
|
13
|
+
* import { UploadButton } from '@rabex-kit/core';
|
14
|
+
* ```
|
15
|
+
*
|
16
|
+
*
|
17
|
+
* @param props
|
18
|
+
* @returns
|
19
|
+
*/
|
20
|
+
declare const UploadButton: React.FC<UploadButtonProps>;
|
21
|
+
export default UploadButton;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ZoomProps as MuiZoomProps } from '@mui/material';
|
3
|
+
export declare type ZoomProps = MuiZoomProps;
|
4
|
+
/**
|
5
|
+
* Expand outwards from the center of the child element. This example also demonstrates how to delay the enter transition.
|
6
|
+
*
|
7
|
+
* you can see Zoom Documentation api that I mentioned below [here](https://mui.com/material-ui/api/zoom/)
|
8
|
+
*
|
9
|
+
* ```typescript
|
10
|
+
* import { Zoom } from '@rabex-kit/core';
|
11
|
+
* ```
|
12
|
+
*
|
13
|
+
*
|
14
|
+
* @param props
|
15
|
+
* @returns
|
16
|
+
*/
|
17
|
+
declare const Zoom: React.FC<ZoomProps>;
|
18
|
+
export default Zoom;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { useMediaQuery, useScrollTrigger } from '@mui/material';
|
2
|
+
export { default as useCopyToClipboard } from './useCopyToClipboard';
|
3
|
+
export { default as useOnScreen } from './useOnScreen';
|
4
|
+
export { default as useTime } from './useTime';
|
5
|
+
export { default as useWindowSize } from './useWindowSize';
|
6
|
+
export { default as useResponsive } from './useResponsive';
|
7
|
+
export { default as useTheme } from '@mui/material/styles/useTheme';
|
8
|
+
export { useMediaQuery, useScrollTrigger };
|
@@ -0,0 +1,11 @@
|
|
1
|
+
declare type CopyStatus = 'inactive' | 'copied' | 'failed';
|
2
|
+
/**
|
3
|
+
* this hook used for copy text to clipboard
|
4
|
+
*
|
5
|
+
* import { useCopyToClipboard } from @rabex-kit/core/hooks'
|
6
|
+
*
|
7
|
+
* @param notifyTimeout
|
8
|
+
* @returns
|
9
|
+
*/
|
10
|
+
declare const useCopyToClipboard: (notifyTimeout?: number) => readonly [CopyStatus, (text: string) => void];
|
11
|
+
export default useCopyToClipboard;
|
@@ -0,0 +1,21 @@
|
|
1
|
+
declare type timerType = {
|
2
|
+
hours: number | string;
|
3
|
+
minutes: number | string;
|
4
|
+
seconds: number | string;
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* this hook used for checking an element that is onScreen or not
|
8
|
+
*
|
9
|
+
* import { useOnScreen } from @rabex-kit/core/hooks'
|
10
|
+
*
|
11
|
+
* @param ref
|
12
|
+
* @returns
|
13
|
+
*/
|
14
|
+
declare const useTime: (timestamp: any, isStart: any) => {
|
15
|
+
time: timerType;
|
16
|
+
seconds: number;
|
17
|
+
isActive: boolean;
|
18
|
+
reset: () => void;
|
19
|
+
isComplete: boolean;
|
20
|
+
};
|
21
|
+
export default useTime;
|
package/dist/index.d.ts
ADDED
@@ -0,0 +1,119 @@
|
|
1
|
+
import Accordion, { AccordionProps } from './Accordion';
|
2
|
+
import AccordionActions, { AccordionActionsProps } from './AccordionActions';
|
3
|
+
import AccordionDetails, { AccordionDetailsProps } from './AccordionDetails';
|
4
|
+
import AccordionSummary, { AccordionSummaryProps } from './AccordionSummary';
|
5
|
+
import Alert, { AlertProps } from './Alert';
|
6
|
+
import AlertAction, { AlertActionProps } from './AlertAction';
|
7
|
+
import AlertTimer, { AlertTimerProps } from './AlertTimer';
|
8
|
+
import AlertTitle, { AlertTitleProps } from './AlertTitle';
|
9
|
+
import Avatar, { AvatarProps } from './Avatar';
|
10
|
+
import Box, { BoxProps } from './Box';
|
11
|
+
import Breadcrumbs, { BreadcrumbsProps } from './Breadcrumbs';
|
12
|
+
import Button, { ButtonProps } from './Button';
|
13
|
+
import Checkbox, { CheckboxProps } from './Checkbox';
|
14
|
+
import Chip, { ChipProps } from './Chip';
|
15
|
+
import CircularProgress, { CircularProgressProps } from './CircularProgress';
|
16
|
+
import CurrencyPairsTitle, { CurrencyPairsTitleProps } from './CurrencyPairsTitle';
|
17
|
+
import Divider, { DividerProps } from './Divider';
|
18
|
+
import Drawer, { DrawerProps } from './Drawer';
|
19
|
+
import DynamicBackground, { DynamicBackgroundProps } from './DynamicBackground';
|
20
|
+
import DynamicBackgroundContainer, { DynamicBackgroundContainerProps } from './DynamicBackgroundContainer';
|
21
|
+
import FormControl, { FormControlProps } from './FormControl';
|
22
|
+
import FormControlLabel, { FormControlLabelProps } from './FormControlLabel';
|
23
|
+
import FormGroup, { FormGroupProps } from './FormGroup';
|
24
|
+
import FormHelperText, { FormHelperTextProps } from './FormHelperText';
|
25
|
+
import FormLabel, { FormLabelProps } from './FormLabel';
|
26
|
+
import Grid, { GridProps } from './Grid';
|
27
|
+
import { useCopyToClipboard, useMediaQuery, useOnScreen, useResponsive, useScrollTrigger, useTheme, useTime, useWindowSize } from './hooks';
|
28
|
+
import IconButton, { IconButtonProps } from './IconButton';
|
29
|
+
import Input, { InputProps } from './Input';
|
30
|
+
import InputAdornment, { InputAdornmentProps } from './InputAdornment';
|
31
|
+
import InputLabel, { InputLabelProps } from './InputLabel';
|
32
|
+
import LinearProgress, { LinearProgressProps } from './LinearProgress';
|
33
|
+
import Link, { LinkProps } from './Link';
|
34
|
+
import List, { ListProps } from './List';
|
35
|
+
import ListItem, { ListItemProps } from './ListItem';
|
36
|
+
import ListItemAvatar, { ListItemAvatarProps } from './ListItemAvatar';
|
37
|
+
import ListItemButton, { ListItemButtonProps } from './ListItemButton';
|
38
|
+
import ListItemIcon, { ListItemIconProps } from './ListItemIcon';
|
39
|
+
import ListItemSecondaryAction, { ListItemSecondaryActionProps } from './ListItemSecondaryAction';
|
40
|
+
import ListItemText, { ListItemTextProps } from './ListItemText';
|
41
|
+
import ListSubHeader, { ListSubHeaderProps } from './ListSubHeader';
|
42
|
+
import LoadingButton, { LoadingButtonProps } from './LoadingButton';
|
43
|
+
import NoSsr, { NoSsrProps } from './NoSsr';
|
44
|
+
import Paper, { PaperProps } from './Paper';
|
45
|
+
import Radio, { RadioProps } from './Radio';
|
46
|
+
import RadioGroup, { RadioGroupProps } from './RadioGroup';
|
47
|
+
import Select, { SelectProps } from './Select';
|
48
|
+
import SelectItem, { SelectItemProps } from './SelectItem';
|
49
|
+
import Skeleton, { SkeletonProps } from './Skeleton';
|
50
|
+
import Slider, { SliderProps } from './Slider';
|
51
|
+
import SliderContent, { SliderContentProps } from './SliderContent';
|
52
|
+
import Stack, { StackProps } from './Stack';
|
53
|
+
import SvgIcon, { SvgIconProps } from './SvgIcon';
|
54
|
+
import Tab, { TabProps } from './Tab';
|
55
|
+
import TabContext, { TabContextProps } from './TabContext';
|
56
|
+
import Table, { TableProps } from './Table';
|
57
|
+
import TableBody, { TableBodyProps } from './TableBody';
|
58
|
+
import TableCell, { TableCellProps } from './TableCell';
|
59
|
+
import TableContainer, { TableContainerProps } from './TableContainer';
|
60
|
+
import TableFooter, { TableFooterProps } from './TableFooter';
|
61
|
+
import TableHead, { TableHeadProps } from './TableHead';
|
62
|
+
import TablePagination, { TablePaginationProps } from './TablePagination';
|
63
|
+
import TableRow, { TableRowProps } from './TableRow';
|
64
|
+
import TableSortLabel, { TableSortLabelProps } from './TableSortLabel';
|
65
|
+
import RTable, { RTableProps } from './RTable';
|
66
|
+
import RTableHead, { RTableHeadProps } from './RTableHead';
|
67
|
+
import RTableRow, { RTableRowProps } from './RTableRow';
|
68
|
+
import TabList, { TabListProps } from './TabList';
|
69
|
+
import TabPanel, { TabPanelProps } from './TabPanel';
|
70
|
+
import Tabs, { TabsProps } from './Tabs';
|
71
|
+
import theme from './Theme';
|
72
|
+
import ToggleButton, { ToggleButtonProps } from './ToggleButton';
|
73
|
+
import ToggleButtonGroup, { ToggleButtonGroupProps } from './ToggleButtonGroup';
|
74
|
+
import Tooltip, { TooltipProps } from './Tooltip';
|
75
|
+
import Typography, { TypographyProps } from './Typography';
|
76
|
+
import { numberUtils, searchUtils } from './utils';
|
77
|
+
import { CssBaseline, styled, ThemeProvider, Theme, CSSObject } from '@mui/material';
|
78
|
+
import Autocomplete, { AutocompleteProps } from './Autocomplete';
|
79
|
+
import Backdrop, { BackdropProps } from './Backdrop';
|
80
|
+
import Collapse, { CollapseProps } from './Collapse';
|
81
|
+
import Container, { ContainerProps } from './Container';
|
82
|
+
import Dialog, { DialogProps } from './Dialog';
|
83
|
+
import DialogActions, { DialogActionsProps } from './DialogActions';
|
84
|
+
import DialogContent, { DialogContentProps } from './DialogContent';
|
85
|
+
import DialogTitle, { DialogTitleProps } from './DialogTitle';
|
86
|
+
import Fade, { FadeProps } from './Fade';
|
87
|
+
import FormikInput, { FormikInputProps } from './Formik/Input';
|
88
|
+
import FormikSelect, { FormikSelectProps } from './Formik/Select';
|
89
|
+
import FormikTextField, { FormikTextFieldProps } from './Formik/TextField';
|
90
|
+
import Grow, { GrowProps } from './Grow';
|
91
|
+
import Menu, { MenuProps } from './Menu';
|
92
|
+
import MenuItem, { MenuItemProps } from './MenuItem';
|
93
|
+
import MenuList, { MenuListProps } from './MenuList';
|
94
|
+
import MobileStepper, { MobileStepperProps } from './MobileStepper';
|
95
|
+
import Modal, { ModalProps } from './Modal';
|
96
|
+
import ModalContent, { ModalContentProps } from './ModalContent';
|
97
|
+
import Pagination, { PaginationProps } from './Pagination';
|
98
|
+
import PaginationItem, { PaginationItemProps } from './PaginationItem';
|
99
|
+
import Popover, { PopoverProps } from './Popover';
|
100
|
+
import Popper, { PopperProps } from './Popper';
|
101
|
+
import Slide, { SlideProps } from './Slide';
|
102
|
+
import Snackbar, { SnackbarProps } from './Snackbar';
|
103
|
+
import SnackbarContent, { SnackbarContentProps } from './SnackbarContent';
|
104
|
+
import Step, { StepProps } from './Step';
|
105
|
+
import StepButton, { StepButtonProps } from './StepButton';
|
106
|
+
import StepConnector, { StepConnectorProps } from './StepConnector';
|
107
|
+
import StepContent, { StepContentProps } from './StepContent';
|
108
|
+
import StepIcon, { StepIconProps } from './StepIcon';
|
109
|
+
import StepLabel, { StepLabelProps } from './StepLabel';
|
110
|
+
import Stepper, { StepperProps } from './Stepper';
|
111
|
+
import SwipeableDrawer, { SwipeableDrawerProps } from './SwipeableDrawer';
|
112
|
+
import ClickAwayListener, { ClickAwayListenerProps } from './ClickAwayListener';
|
113
|
+
import SeeMore, { SeeMoreProps } from './SeeMore';
|
114
|
+
import TextField, { TextFieldProps } from './TextField';
|
115
|
+
import { Palette, PaletteColor } from './Theme/Palette/base';
|
116
|
+
import UploadButton, { UploadButtonProps } from './UploadButton';
|
117
|
+
import Zoom, { ZoomProps } from './Zoom';
|
118
|
+
export { theme, Typography, Button, LoadingButton, Tabs, Tab, Box, Grid, NoSsr, Skeleton, Stack, Chip, Paper, Divider, Checkbox, Radio, Tooltip, Avatar, Breadcrumbs, CurrencyPairsTitle, List, ListItem, ListItemButton, ListItemIcon, ListItemAvatar, ListItemSecondaryAction, ListSubHeader, ListItemText, SvgIcon, ToggleButton, ToggleButtonGroup, TabPanel, IconButton, Select, SelectItem, DynamicBackground, DynamicBackgroundContainer, Table, TableHead, TableBody, TableRow, TableCell, TableContainer, TablePagination, TableFooter, TableSortLabel, RTable, RTableHead, RTableRow, Input, InputLabel, RadioGroup, FormLabel, FormControl, FormGroup, FormControlLabel, FormHelperText, TabContext, TabList, Link, useTheme, useCopyToClipboard, useMediaQuery, useOnScreen, useScrollTrigger, useTime, useWindowSize, useResponsive, numberUtils, searchUtils, Slider, InputAdornment, Accordion, AccordionDetails, AccordionActions, AccordionSummary, Stepper, StepContent, StepConnector, StepButton, StepIcon, Step, StepLabel, MobileStepper, CssBaseline, Backdrop, Modal, ModalContent, Container, Alert, AlertAction, AlertTimer, AlertTitle, UploadButton, Snackbar, SnackbarContent, LinearProgress, CircularProgress, TextField, FormikTextField, FormikInput, FormikSelect, MenuItem, ThemeProvider, styled, MenuList, Menu, Popover, Popper, Fade, Autocomplete, Zoom, Collapse, Grow, Slide, Dialog, DialogActions, DialogContent, DialogTitle, SwipeableDrawer, SeeMore, ClickAwayListener, Pagination, PaginationItem, Drawer, SliderContent, };
|
119
|
+
export type { Theme, CSSObject, TypographyProps, ButtonProps, LoadingButtonProps, TabsProps, TabProps, BoxProps, GridProps, NoSsrProps, SkeletonProps, StackProps, ChipProps, PaperProps, DividerProps, CheckboxProps, RadioProps, TooltipProps, BreadcrumbsProps, ListProps, ListItemProps, ListItemAvatarProps, ListItemButtonProps, ListItemIconProps, ListItemTextProps, ListItemSecondaryActionProps, ListSubHeaderProps, SvgIconProps, ToggleButtonProps, ToggleButtonGroupProps, TabPanelProps, IconButtonProps, AvatarProps, CurrencyPairsTitleProps, SelectProps, SelectItemProps, DynamicBackgroundProps, DynamicBackgroundContainerProps, TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableCellProps, TableContainerProps, TablePaginationProps, TableFooterProps, TableSortLabelProps, RTableProps, RTableRowProps, RTableHeadProps, InputProps, InputLabelProps, RadioGroupProps, FormLabelProps, FormControlProps, FormGroupProps, FormControlLabelProps, FormHelperTextProps, TabContextProps, TabListProps, LinkProps, SliderProps, InputAdornmentProps, AccordionProps, AccordionDetailsProps, AccordionActionsProps, AccordionSummaryProps, StepperProps, StepContentProps, StepConnectorProps, StepButtonProps, StepIconProps, StepProps, StepLabelProps, MobileStepperProps, Palette, PaletteColor, BackdropProps, ModalProps, ModalContentProps, ContainerProps, AlertProps, AlertActionProps, AlertTimerProps, AlertTitleProps, UploadButtonProps, SnackbarProps, SnackbarContentProps, LinearProgressProps, CircularProgressProps, TextFieldProps, FormikTextFieldProps, FormikInputProps, FormikSelectProps, MenuItemProps, MenuListProps, MenuProps, PopoverProps, PopperProps, ZoomProps, CollapseProps, FadeProps, AutocompleteProps, GrowProps, SlideProps, DialogProps, DialogActionsProps, DialogContentProps, DialogTitleProps, SwipeableDrawerProps, SeeMoreProps, ClickAwayListenerProps, PaginationProps, PaginationItemProps, DrawerProps, SliderContentProps, };
|