@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.
Files changed (179) hide show
  1. package/LICENCE +21 -0
  2. package/dist/Accordion/index.d.ts +18 -0
  3. package/dist/AccordionActions/index.d.ts +18 -0
  4. package/dist/AccordionDetails/index.d.ts +18 -0
  5. package/dist/AccordionSummary/index.d.ts +18 -0
  6. package/dist/Alert/index.d.ts +18 -0
  7. package/dist/AlertAction/index.d.ts +5 -0
  8. package/dist/AlertTimer/index.d.ts +9 -0
  9. package/dist/AlertTitle/index.d.ts +18 -0
  10. package/dist/Autocomplete/index.d.ts +18 -0
  11. package/dist/Avatar/index.d.ts +20 -0
  12. package/dist/Backdrop/index.d.ts +17 -0
  13. package/dist/Box/index.d.ts +20 -0
  14. package/dist/Breadcrumbs/index.d.ts +20 -0
  15. package/dist/Button/index.d.ts +10 -0
  16. package/dist/Checkbox/index.d.ts +21 -0
  17. package/dist/Chip/index.d.ts +25 -0
  18. package/dist/CircularProgress/index.d.ts +19 -0
  19. package/dist/ClickAwayListener/index.d.ts +5 -0
  20. package/dist/Collapse/index.d.ts +19 -0
  21. package/dist/Container/index.d.ts +19 -0
  22. package/dist/CurrencyPairsTitle/index.d.ts +25 -0
  23. package/dist/Description/index.d.ts +8 -0
  24. package/dist/Dialog/index.d.ts +20 -0
  25. package/dist/DialogActions/index.d.ts +19 -0
  26. package/dist/DialogContent/index.d.ts +20 -0
  27. package/dist/DialogTitle/index.d.ts +20 -0
  28. package/dist/Divider/index.d.ts +16 -0
  29. package/dist/Drawer/index.d.ts +16 -0
  30. package/dist/DynamicBackground/index.d.ts +17 -0
  31. package/dist/DynamicBackgroundContainer/index.d.ts +5 -0
  32. package/dist/Fade/index.d.ts +18 -0
  33. package/dist/FormControl/index.d.ts +20 -0
  34. package/dist/FormControlLabel/index.d.ts +22 -0
  35. package/dist/FormGroup/index.d.ts +20 -0
  36. package/dist/FormHelperText/index.d.ts +5 -0
  37. package/dist/FormLabel/index.d.ts +20 -0
  38. package/dist/Formik/Checkbox/index.d.ts +16 -0
  39. package/dist/Formik/FormControlLabel/index.d.ts +15 -0
  40. package/dist/Formik/Input/index.d.ts +16 -0
  41. package/dist/Formik/Radio/index.d.ts +16 -0
  42. package/dist/Formik/Select/index.d.ts +17 -0
  43. package/dist/Formik/TextField/index.d.ts +16 -0
  44. package/dist/Grid/index.d.ts +20 -0
  45. package/dist/Grow/index.d.ts +18 -0
  46. package/dist/IconButton/index.d.ts +24 -0
  47. package/dist/Input/index.d.ts +22 -0
  48. package/dist/InputAdornment/index.d.ts +7 -0
  49. package/dist/InputLabel/index.d.ts +5 -0
  50. package/dist/LinearProgress/index.d.ts +19 -0
  51. package/dist/Link/index.d.ts +20 -0
  52. package/dist/List/index.d.ts +19 -0
  53. package/dist/ListItem/index.d.ts +16 -0
  54. package/dist/ListItemAvatar/index.d.ts +18 -0
  55. package/dist/ListItemButton/index.d.ts +18 -0
  56. package/dist/ListItemIcon/index.d.ts +17 -0
  57. package/dist/ListItemSecondaryAction/index.d.ts +17 -0
  58. package/dist/ListItemText/index.d.ts +18 -0
  59. package/dist/ListSubHeader/index.d.ts +16 -0
  60. package/dist/LoadingButton/index.d.ts +24 -0
  61. package/dist/Menu/index.d.ts +16 -0
  62. package/dist/MenuItem/index.d.ts +16 -0
  63. package/dist/MenuList/index.d.ts +16 -0
  64. package/dist/MobileStepper/index.d.ts +22 -0
  65. package/dist/Modal/index.d.ts +17 -0
  66. package/dist/ModalContent/index.d.ts +13 -0
  67. package/dist/NoSsr/index.d.ts +20 -0
  68. package/dist/Pagination/index.d.ts +18 -0
  69. package/dist/PaginationItem/index.d.ts +5 -0
  70. package/dist/Paper/index.d.ts +22 -0
  71. package/dist/Popover/index.d.ts +16 -0
  72. package/dist/Popper/index.d.ts +16 -0
  73. package/dist/RTable/index.d.ts +8 -0
  74. package/dist/RTableHead/index.d.ts +16 -0
  75. package/dist/RTableRow/index.d.ts +16 -0
  76. package/dist/Radio/index.d.ts +21 -0
  77. package/dist/RadioGroup/index.d.ts +20 -0
  78. package/dist/SeeMore/index.d.ts +14 -0
  79. package/dist/Select/index.d.ts +5 -0
  80. package/dist/SelectItem/index.d.ts +17 -0
  81. package/dist/Skeleton/index.d.ts +20 -0
  82. package/dist/Slide/index.d.ts +17 -0
  83. package/dist/Slider/index.d.ts +17 -0
  84. package/dist/SliderContent/index.d.ts +14 -0
  85. package/dist/Snackbar/index.d.ts +18 -0
  86. package/dist/SnackbarContent/index.d.ts +18 -0
  87. package/dist/Stack/index.d.ts +20 -0
  88. package/dist/Step/index.d.ts +18 -0
  89. package/dist/StepButton/index.d.ts +19 -0
  90. package/dist/StepConnector/index.d.ts +18 -0
  91. package/dist/StepContent/index.d.ts +20 -0
  92. package/dist/StepIcon/index.d.ts +5 -0
  93. package/dist/StepLabel/index.d.ts +17 -0
  94. package/dist/Stepper/index.d.ts +21 -0
  95. package/dist/SvgIcon/index.d.ts +20 -0
  96. package/dist/SwipeableDrawer/index.d.ts +16 -0
  97. package/dist/Tab/index.d.ts +7 -0
  98. package/dist/TabContext/index.d.ts +5 -0
  99. package/dist/TabList/index.d.ts +5 -0
  100. package/dist/TabPanel/index.d.ts +5 -0
  101. package/dist/Table/index.d.ts +16 -0
  102. package/dist/TableBody/index.d.ts +16 -0
  103. package/dist/TableCell/index.d.ts +15 -0
  104. package/dist/TableContainer/index.d.ts +16 -0
  105. package/dist/TableFooter/index.d.ts +16 -0
  106. package/dist/TableHead/index.d.ts +16 -0
  107. package/dist/TablePagination/index.d.ts +17 -0
  108. package/dist/TableRow/index.d.ts +16 -0
  109. package/dist/TableSortLabel/index.d.ts +16 -0
  110. package/dist/Tabs/index.d.ts +30 -0
  111. package/dist/TextField/index.d.ts +20 -0
  112. package/dist/Theme/Accordion/index.d.ts +22 -0
  113. package/dist/Theme/Alert/index.d.ts +18 -0
  114. package/dist/Theme/AlertTitle/index.d.ts +15 -0
  115. package/dist/Theme/Avatar/index.d.ts +10 -0
  116. package/dist/Theme/Backdrop/index.d.ts +6 -0
  117. package/dist/Theme/Breadcrumbs/index.d.ts +11 -0
  118. package/dist/Theme/Button/index.d.ts +41 -0
  119. package/dist/Theme/Checkbox/index.d.ts +24 -0
  120. package/dist/Theme/Chip/index.d.ts +101 -0
  121. package/dist/Theme/Container/index.d.ts +12 -0
  122. package/dist/Theme/Divider/index.d.ts +14 -0
  123. package/dist/Theme/FormControlLabel/index.d.ts +21 -0
  124. package/dist/Theme/Grid/index.d.ts +6 -0
  125. package/dist/Theme/IconButton/index.d.ts +30 -0
  126. package/dist/Theme/Input/index.d.ts +25 -0
  127. package/dist/Theme/InputAdornment/index.d.ts +17 -0
  128. package/dist/Theme/List/index.d.ts +16 -0
  129. package/dist/Theme/ListItemAvatar/index.d.ts +10 -0
  130. package/dist/Theme/LoadingButton/index.d.ts +21 -0
  131. package/dist/Theme/MenuItem/index.d.ts +22 -0
  132. package/dist/Theme/Modal/index.d.ts +16 -0
  133. package/dist/Theme/Pagination/index.d.ts +6 -0
  134. package/dist/Theme/PaginationItem/index.d.ts +23 -0
  135. package/dist/Theme/Palette/base.d.ts +116 -0
  136. package/dist/Theme/Palette/dark.d.ts +88 -0
  137. package/dist/Theme/Palette/light.d.ts +169 -0
  138. package/dist/Theme/Paper/index.d.ts +23 -0
  139. package/dist/Theme/Radio/index.d.ts +18 -0
  140. package/dist/Theme/Select/index.d.ts +45 -0
  141. package/dist/Theme/Shadows/index.d.ts +3 -0
  142. package/dist/Theme/Slider/index.d.ts +23 -0
  143. package/dist/Theme/Tab/index.d.ts +41 -0
  144. package/dist/Theme/TabPanel/index.d.ts +13 -0
  145. package/dist/Theme/TableCell/index.d.ts +14 -0
  146. package/dist/Theme/TableContainer/index.d.ts +6 -0
  147. package/dist/Theme/TableHead/index.d.ts +13 -0
  148. package/dist/Theme/Tabs/index.d.ts +491 -0
  149. package/dist/Theme/TextField/index.d.ts +18 -0
  150. package/dist/Theme/ToggleButton/index.d.ts +13 -0
  151. package/dist/Theme/ToggleButtonGroup/index.d.ts +23 -0
  152. package/dist/Theme/Tooltip/index.d.ts +18 -0
  153. package/dist/Theme/Typography/index.d.ts +221 -0
  154. package/dist/Theme/getDesignTokens.d.ts +8 -0
  155. package/dist/Theme/index.d.ts +6 -0
  156. package/dist/ToggleButton/index.d.ts +20 -0
  157. package/dist/ToggleButtonGroup/index.d.ts +20 -0
  158. package/dist/Tooltip/index.d.ts +9 -0
  159. package/dist/Typography/index.d.ts +24 -0
  160. package/dist/UploadButton/index.d.ts +21 -0
  161. package/dist/Zoom/index.d.ts +18 -0
  162. package/dist/hooks/index.d.ts +8 -0
  163. package/dist/hooks/useCopyToClipboard.d.ts +11 -0
  164. package/dist/hooks/useOnScreen.d.ts +9 -0
  165. package/dist/hooks/useResponsive.d.ts +9 -0
  166. package/dist/hooks/useTime.d.ts +21 -0
  167. package/dist/hooks/useWindowSize.d.ts +4 -0
  168. package/dist/index.d.ts +119 -0
  169. package/dist/index.js +8 -0
  170. package/dist/rabex-ui.cjs.development.js +5409 -0
  171. package/dist/rabex-ui.cjs.development.js.map +1 -0
  172. package/dist/rabex-ui.cjs.production.min.js +2 -0
  173. package/dist/rabex-ui.cjs.production.min.js.map +1 -0
  174. package/dist/rabex-ui.esm.js +5279 -0
  175. package/dist/rabex-ui.esm.js.map +1 -0
  176. package/dist/utils/index.d.ts +2 -0
  177. package/dist/utils/numberUtils.d.ts +29 -0
  178. package/dist/utils/searchUtils.d.ts +2 -0
  179. 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,6 @@
1
+ import { themeTypes } from './getDesignTokens';
2
+ /**
3
+ * Default Theme
4
+ */
5
+ declare const theme: (props: themeTypes) => import("@mui/material").Theme;
6
+ export default theme;
@@ -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,9 @@
1
+ /**
2
+ * this hook used for checking an element that is onScreen or not
3
+ *
4
+ * import { useOnScreen } from @rabex-kit/core/hooks'
5
+ *
6
+ * @param ref
7
+ * @returns
8
+ */
9
+ export default function useOnScreen(ref: any, options?: any): boolean;
@@ -0,0 +1,9 @@
1
+ export default function useResponsive(): {
2
+ matches: (props: {
3
+ xs?: any;
4
+ sm?: any;
5
+ md?: any;
6
+ lg?: any;
7
+ xl?: any;
8
+ }) => any;
9
+ };
@@ -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;
@@ -0,0 +1,4 @@
1
+ export default function useWindowSize(): {
2
+ width: number;
3
+ height: number;
4
+ };
@@ -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, };
package/dist/index.js ADDED
@@ -0,0 +1,8 @@
1
+
2
+ 'use strict'
3
+
4
+ if (process.env.NODE_ENV === 'production') {
5
+ module.exports = require('./rabex-ui.cjs.production.min.js')
6
+ } else {
7
+ module.exports = require('./rabex-ui.cjs.development.js')
8
+ }