@popmenu/common-ui 0.126.1 → 0.126.3

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 (277) hide show
  1. package/build/cjs/components/Avatar/Avatar.d.ts +3 -0
  2. package/build/cjs/components/Avatar/AvatarProps.d.ts +22 -0
  3. package/build/cjs/components/Avatar/avatar.styles.d.ts +2 -0
  4. package/build/cjs/components/Avatar/index.d.ts +2 -0
  5. package/build/cjs/components/Avatar/util/useImageProps.d.ts +10 -0
  6. package/build/cjs/components/BrowserSilhouette/BrowserSilhouette.d.ts +2 -0
  7. package/build/cjs/components/BrowserSilhouette/browserSilhouette.styles.d.ts +1 -0
  8. package/build/cjs/components/BrowserSilhouette/index.d.ts +1 -0
  9. package/build/cjs/components/Button/Button.d.ts +6 -0
  10. package/build/cjs/components/Button/ButtonProps.d.ts +11 -0
  11. package/build/cjs/components/Button/ButtonStyles.d.ts +2 -0
  12. package/build/cjs/components/Button/index.d.ts +2 -0
  13. package/build/cjs/components/Checkbox/Checkbox.d.ts +3 -0
  14. package/build/cjs/components/Checkbox/CheckboxProps.d.ts +7 -0
  15. package/build/cjs/components/Checkbox/index.d.ts +2 -0
  16. package/build/cjs/components/Chip/Chip.d.ts +6 -0
  17. package/build/cjs/components/Chip/ChipProps.d.ts +8 -0
  18. package/build/cjs/components/Chip/ChipStyles.d.ts +2 -0
  19. package/build/cjs/components/Chip/index.d.ts +2 -0
  20. package/build/cjs/components/CollapsibleText/CollapsibleText.d.ts +3 -0
  21. package/build/cjs/components/CollapsibleText/CollapsibleTextProps.d.ts +13 -0
  22. package/build/cjs/components/CollapsibleText/CollapsibleTextStyles.d.ts +5 -0
  23. package/build/cjs/components/CollapsibleText/index.d.ts +2 -0
  24. package/build/cjs/components/Divider/Divider.d.ts +3 -0
  25. package/build/cjs/components/Divider/DividerProps.d.ts +17 -0
  26. package/build/cjs/components/Divider/index.d.ts +2 -0
  27. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationAltActions.d.ts +2 -0
  28. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationBody.d.ts +2 -0
  29. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationCloseButton.d.ts +2 -0
  30. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationContent.d.ts +4 -0
  31. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.d.ts +3 -0
  32. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationDialogProps.d.ts +29 -0
  33. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.d.ts +2 -0
  34. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.d.ts +2 -0
  35. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationGraphic.d.ts +2 -0
  36. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationInfo.d.ts +2 -0
  37. package/build/cjs/components/FollowerAuthenticationDialog/FollowerAuthenticationTitle.d.ts +2 -0
  38. package/build/cjs/components/FollowerAuthenticationDialog/context.d.ts +4 -0
  39. package/build/cjs/components/FollowerAuthenticationDialog/index.d.ts +2 -0
  40. package/build/cjs/components/FollowerAuthenticationDialog/theme.d.ts +35 -0
  41. package/build/cjs/components/Icon/Icon.d.ts +4 -0
  42. package/build/cjs/components/Icon/IconProps.d.ts +17 -0
  43. package/build/cjs/components/Icon/IconStyles.d.ts +2 -0
  44. package/build/cjs/components/Icon/index.d.ts +2 -0
  45. package/build/cjs/components/IconButton/IconButton.d.ts +3 -0
  46. package/build/cjs/components/IconButton/IconButtonProps.d.ts +2 -0
  47. package/build/cjs/components/IconButton/index.d.ts +2 -0
  48. package/build/cjs/components/Link/Link.d.ts +11 -0
  49. package/build/cjs/components/Link/LinkStyles.d.ts +2 -0
  50. package/build/cjs/components/Link/index.d.ts +2 -0
  51. package/build/cjs/components/NumberField/NumberField.d.ts +3 -0
  52. package/build/cjs/components/NumberField/NumberFieldProps.d.ts +12 -0
  53. package/build/cjs/components/NumberField/NumberFieldStyles.d.ts +2 -0
  54. package/build/cjs/components/NumberField/index.d.ts +2 -0
  55. package/build/cjs/components/Paper/Paper.d.ts +6 -0
  56. package/build/cjs/components/Paper/index.d.ts +2 -0
  57. package/build/cjs/components/PaperContent/PaperContent.d.ts +2 -0
  58. package/build/cjs/components/PaperContent/index.d.ts +1 -0
  59. package/build/cjs/components/Radio/Radio.d.ts +3 -0
  60. package/build/cjs/components/Radio/RadioProps.d.ts +7 -0
  61. package/build/cjs/components/Radio/index.d.ts +2 -0
  62. package/build/cjs/components/SplitInput/SplitInput.d.ts +3 -0
  63. package/build/cjs/components/SplitInput/SplitInputProps.d.ts +20 -0
  64. package/build/cjs/components/SplitInput/SplitInputStyles.d.ts +2 -0
  65. package/build/cjs/components/SplitInput/index.d.ts +2 -0
  66. package/build/cjs/components/Switch/Switch.d.ts +3 -0
  67. package/build/cjs/components/Switch/SwitchProps.d.ts +7 -0
  68. package/build/cjs/components/Switch/index.d.ts +2 -0
  69. package/build/cjs/components/Switch/switch.styles.d.ts +2 -0
  70. package/build/cjs/components/TabPanel/TabPanel.d.ts +3 -0
  71. package/build/cjs/components/TabPanel/TabPanelProps.d.ts +3 -0
  72. package/build/cjs/components/TabPanel/index.d.ts +2 -0
  73. package/build/cjs/components/ToggleButton/ToggleButton.d.ts +3 -0
  74. package/build/cjs/components/ToggleButton/ToggleButtonProps.d.ts +4 -0
  75. package/build/cjs/components/ToggleButton/ToggleButtonStyles.d.ts +2 -0
  76. package/build/cjs/components/ToggleButton/index.d.ts +2 -0
  77. package/build/cjs/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +3 -0
  78. package/build/cjs/components/ToggleButtonGroup/ToggleButtonGroupProps.d.ts +6 -0
  79. package/build/cjs/components/ToggleButtonGroup/ToggleButtonGroupStyles.d.ts +1 -0
  80. package/build/cjs/components/ToggleButtonGroup/index.d.ts +2 -0
  81. package/build/cjs/components/Tooltip/Tooltip.d.ts +3 -0
  82. package/build/cjs/components/Tooltip/TooltipProps.d.ts +1 -0
  83. package/build/cjs/components/Tooltip/TooltipStyles.d.ts +2 -0
  84. package/build/cjs/components/Tooltip/index.d.ts +2 -0
  85. package/build/cjs/components/Typography/Typography.d.ts +9 -0
  86. package/build/cjs/components/Typography/TypographyProps.d.ts +14 -0
  87. package/build/cjs/components/Typography/TypographyStyles.d.ts +10 -0
  88. package/build/cjs/components/Typography/index.d.ts +2 -0
  89. package/build/cjs/components/index.d.ts +45 -0
  90. package/build/cjs/hooks/index.d.ts +2 -0
  91. package/build/cjs/hooks/useCollapsibleText.d.ts +9 -0
  92. package/build/cjs/hooks/useTabs/index.d.ts +1 -0
  93. package/build/cjs/hooks/useTabs/useTabs.d.ts +3 -0
  94. package/build/cjs/hooks/useTabs/useTabsOptions.d.ts +3 -0
  95. package/build/cjs/hooks/useTabs/useTabsResult.d.ts +22 -0
  96. package/build/cjs/index.d.ts +3 -0
  97. package/build/{index.js → cjs/index.js} +350 -401
  98. package/build/cjs/index.js.map +1 -0
  99. package/build/cjs/types/index.d.ts +2 -0
  100. package/build/cjs/util/colors/alpha.d.ts +1 -0
  101. package/build/cjs/util/colors/darken.d.ts +1 -0
  102. package/build/cjs/util/colors/decomposeColor.d.ts +1 -0
  103. package/build/cjs/util/colors/getLuminance.d.ts +1 -0
  104. package/build/cjs/util/colors/hexToRgb.d.ts +1 -0
  105. package/build/cjs/util/colors/index.d.ts +8 -0
  106. package/build/cjs/util/colors/lighten.d.ts +1 -0
  107. package/build/cjs/util/colors/recomposeColor.d.ts +1 -0
  108. package/build/cjs/util/colors/rgbToHex.d.ts +1 -0
  109. package/build/cjs/util/createTheme.d.ts +1 -0
  110. package/build/cjs/util/index.d.ts +4 -0
  111. package/build/cjs/util/makeStyles.d.ts +1 -0
  112. package/build/esm/components/Avatar/Avatar.js +3 -3
  113. package/build/esm/components/Avatar/Avatar.js.map +1 -1
  114. package/build/esm/components/Avatar/AvatarProps.d.ts +1 -1
  115. package/build/esm/components/Avatar/avatar.styles.js +1 -1
  116. package/build/esm/components/Avatar/avatar.styles.js.map +1 -1
  117. package/build/esm/components/Avatar/index.d.ts +2 -2
  118. package/build/esm/components/BrowserSilhouette/BrowserSilhouette.js.map +1 -1
  119. package/build/esm/components/BrowserSilhouette/browserSilhouette.styles.js +1 -1
  120. package/build/esm/components/BrowserSilhouette/browserSilhouette.styles.js.map +1 -1
  121. package/build/esm/components/BrowserSilhouette/index.d.ts +1 -1
  122. package/build/esm/components/Button/Button.js +3 -5
  123. package/build/esm/components/Button/Button.js.map +1 -1
  124. package/build/esm/components/Button/ButtonProps.d.ts +1 -1
  125. package/build/esm/components/Button/ButtonStyles.js +1 -1
  126. package/build/esm/components/Button/ButtonStyles.js.map +1 -1
  127. package/build/esm/components/Button/index.d.ts +2 -2
  128. package/build/esm/components/Checkbox/Checkbox.js +2 -3
  129. package/build/esm/components/Checkbox/Checkbox.js.map +1 -1
  130. package/build/esm/components/Checkbox/CheckboxProps.d.ts +1 -2
  131. package/build/esm/components/Checkbox/index.d.ts +2 -2
  132. package/build/esm/components/Chip/Chip.js +3 -3
  133. package/build/esm/components/Chip/Chip.js.map +1 -1
  134. package/build/esm/components/Chip/ChipProps.d.ts +1 -1
  135. package/build/esm/components/Chip/ChipStyles.js +1 -1
  136. package/build/esm/components/Chip/ChipStyles.js.map +1 -1
  137. package/build/esm/components/Chip/index.d.ts +2 -2
  138. package/build/esm/components/CollapsibleText/CollapsibleText.js +1 -2
  139. package/build/esm/components/CollapsibleText/CollapsibleText.js.map +1 -1
  140. package/build/esm/components/CollapsibleText/CollapsibleTextProps.d.ts +1 -1
  141. package/build/esm/components/CollapsibleText/index.d.ts +2 -2
  142. package/build/esm/components/Divider/Divider.js.map +1 -1
  143. package/build/esm/components/Divider/index.d.ts +2 -2
  144. package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.js +19 -3
  145. package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.js.map +1 -1
  146. package/build/esm/components/FollowerAuthenticationDialog/index.d.ts +1 -1
  147. package/build/esm/components/Icon/Icon.js +2 -2
  148. package/build/esm/components/Icon/Icon.js.map +1 -1
  149. package/build/esm/components/Icon/IconStyles.js +5 -1
  150. package/build/esm/components/Icon/IconStyles.js.map +1 -1
  151. package/build/esm/components/Icon/index.d.ts +2 -2
  152. package/build/esm/components/IconButton/IconButton.d.ts +1 -1
  153. package/build/esm/components/IconButton/IconButton.js +2 -2
  154. package/build/esm/components/IconButton/IconButton.js.map +1 -1
  155. package/build/esm/components/IconButton/IconButtonProps.d.ts +1 -1
  156. package/build/esm/components/IconButton/index.d.ts +2 -2
  157. package/build/esm/components/Link/LinkStyles.js +1 -1
  158. package/build/esm/components/Link/LinkStyles.js.map +1 -1
  159. package/build/esm/components/Link/index.d.ts +2 -2
  160. package/build/esm/components/NumberField/NumberField.js +1 -1
  161. package/build/esm/components/NumberField/NumberField.js.map +1 -1
  162. package/build/esm/components/NumberField/index.d.ts +1 -1
  163. package/build/esm/components/Paper/index.d.ts +2 -1
  164. package/build/esm/components/PaperContent/PaperContent.js.map +1 -1
  165. package/build/esm/components/PaperContent/index.d.ts +1 -1
  166. package/build/esm/components/Radio/Radio.js +2 -3
  167. package/build/esm/components/Radio/Radio.js.map +1 -1
  168. package/build/esm/components/Radio/RadioProps.d.ts +1 -2
  169. package/build/esm/components/Radio/index.d.ts +2 -2
  170. package/build/esm/components/SplitInput/SplitInput.js +1 -2
  171. package/build/esm/components/SplitInput/SplitInput.js.map +1 -1
  172. package/build/esm/components/SplitInput/SplitInputProps.d.ts +3 -3
  173. package/build/esm/components/SplitInput/SplitInputStyles.js +1 -1
  174. package/build/esm/components/SplitInput/SplitInputStyles.js.map +1 -1
  175. package/build/esm/components/SplitInput/index.d.ts +2 -2
  176. package/build/esm/components/Switch/Switch.js +2 -3
  177. package/build/esm/components/Switch/Switch.js.map +1 -1
  178. package/build/esm/components/Switch/SwitchProps.d.ts +1 -2
  179. package/build/esm/components/Switch/index.d.ts +2 -2
  180. package/build/esm/components/Switch/switch.styles.js +1 -1
  181. package/build/esm/components/Switch/switch.styles.js.map +1 -1
  182. package/build/esm/components/TabPanel/TabPanel.js.map +1 -1
  183. package/build/esm/components/TabPanel/index.d.ts +1 -1
  184. package/build/esm/components/ToggleButton/ToggleButton.js +2 -2
  185. package/build/esm/components/ToggleButton/ToggleButton.js.map +1 -1
  186. package/build/esm/components/ToggleButton/ToggleButtonProps.d.ts +1 -1
  187. package/build/esm/components/ToggleButton/ToggleButtonStyles.js +1 -1
  188. package/build/esm/components/ToggleButton/ToggleButtonStyles.js.map +1 -1
  189. package/build/esm/components/ToggleButton/index.d.ts +2 -2
  190. package/build/esm/components/ToggleButtonGroup/ToggleButtonGroup.js +2 -2
  191. package/build/esm/components/ToggleButtonGroup/ToggleButtonGroup.js.map +1 -1
  192. package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupProps.d.ts +1 -1
  193. package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupStyles.js +1 -1
  194. package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupStyles.js.map +1 -1
  195. package/build/esm/components/ToggleButtonGroup/index.d.ts +2 -2
  196. package/build/esm/components/Tooltip/Tooltip.d.ts +1 -1
  197. package/build/esm/components/Tooltip/Tooltip.js +2 -2
  198. package/build/esm/components/Tooltip/Tooltip.js.map +1 -1
  199. package/build/esm/components/Tooltip/TooltipProps.d.ts +1 -1
  200. package/build/esm/components/Tooltip/TooltipStyles.js +1 -1
  201. package/build/esm/components/Tooltip/TooltipStyles.js.map +1 -1
  202. package/build/esm/components/Tooltip/index.d.ts +2 -2
  203. package/build/esm/components/Typography/Typography.d.ts +1 -1
  204. package/build/esm/components/Typography/TypographyProps.d.ts +1 -2
  205. package/build/esm/components/Typography/TypographyProps.js.map +1 -1
  206. package/build/esm/components/Typography/TypographyStyles.d.ts +1 -1
  207. package/build/esm/components/Typography/TypographyStyles.js +1 -1
  208. package/build/esm/components/Typography/TypographyStyles.js.map +1 -1
  209. package/build/esm/components/Typography/index.d.ts +2 -2
  210. package/build/esm/components/index.d.ts +45 -78
  211. package/build/esm/index.js +5 -37
  212. package/build/esm/index.js.map +1 -1
  213. package/build/esm/util/index.d.ts +1 -1
  214. package/package.json +3 -3
  215. package/build/esm/components/Accordion/index.d.ts +0 -1
  216. package/build/esm/components/AccordionActions/index.d.ts +0 -1
  217. package/build/esm/components/AccordionDetails/index.d.ts +0 -1
  218. package/build/esm/components/AccordionSummary/index.d.ts +0 -1
  219. package/build/esm/components/Alert/index.d.ts +0 -1
  220. package/build/esm/components/AppBar/index.d.ts +0 -1
  221. package/build/esm/components/Badge/index.d.ts +0 -1
  222. package/build/esm/components/Box/Box.d.ts +0 -3
  223. package/build/esm/components/Box/BoxProps.d.ts +0 -5
  224. package/build/esm/components/Box/BoxStyles.d.ts +0 -1
  225. package/build/esm/components/Box/index.d.ts +0 -7
  226. package/build/esm/components/Breadcrumbs/index.d.ts +0 -1
  227. package/build/esm/components/ButtonBase/index.d.ts +0 -1
  228. package/build/esm/components/ButtonGroup/index.d.ts +0 -1
  229. package/build/esm/components/Card/index.d.ts +0 -1
  230. package/build/esm/components/CardActionArea/index.d.ts +0 -1
  231. package/build/esm/components/CardActions/index.d.ts +0 -1
  232. package/build/esm/components/CardContent/index.d.ts +0 -1
  233. package/build/esm/components/CardHeader/index.d.ts +0 -1
  234. package/build/esm/components/CardMedia/index.d.ts +0 -1
  235. package/build/esm/components/CircularProgress/index.d.ts +0 -1
  236. package/build/esm/components/ClickAwayListener/index.d.ts +0 -1
  237. package/build/esm/components/Dialog/index.d.ts +0 -1
  238. package/build/esm/components/DialogActions/index.d.ts +0 -1
  239. package/build/esm/components/DialogContent/index.d.ts +0 -1
  240. package/build/esm/components/DialogContentText/index.d.ts +0 -1
  241. package/build/esm/components/DialogTitle/index.d.ts +0 -1
  242. package/build/esm/components/Drawer/index.d.ts +0 -1
  243. package/build/esm/components/Fab/index.d.ts +0 -1
  244. package/build/esm/components/FormControl/index.d.ts +0 -1
  245. package/build/esm/components/FormControlLabel/index.d.ts +0 -1
  246. package/build/esm/components/FormLabel/index.d.ts +0 -1
  247. package/build/esm/components/Grid/index.d.ts +0 -1
  248. package/build/esm/components/GridList/index.d.ts +0 -1
  249. package/build/esm/components/Hidden/index.d.ts +0 -1
  250. package/build/esm/components/InputAdornment/index.d.ts +0 -1
  251. package/build/esm/components/LinearProgress/index.d.ts +0 -1
  252. package/build/esm/components/List/index.d.ts +0 -1
  253. package/build/esm/components/ListItem/index.d.ts +0 -1
  254. package/build/esm/components/ListItemAvatar/index.d.ts +0 -1
  255. package/build/esm/components/ListItemIcon/index.d.ts +0 -1
  256. package/build/esm/components/ListItemSecondaryAction/index.d.ts +0 -1
  257. package/build/esm/components/ListItemText/index.d.ts +0 -1
  258. package/build/esm/components/Menu/index.d.ts +0 -1
  259. package/build/esm/components/MenuItem/index.d.ts +0 -1
  260. package/build/esm/components/MenuList/index.d.ts +0 -1
  261. package/build/esm/components/Modal/index.d.ts +0 -1
  262. package/build/esm/components/Popover/index.d.ts +0 -1
  263. package/build/esm/components/Popper/index.d.ts +0 -1
  264. package/build/esm/components/Step/index.d.ts +0 -1
  265. package/build/esm/components/StepButton/index.d.ts +0 -1
  266. package/build/esm/components/StepConnector/index.d.ts +0 -1
  267. package/build/esm/components/StepContent/index.d.ts +0 -1
  268. package/build/esm/components/StepIcon/index.d.ts +0 -1
  269. package/build/esm/components/StepLabel/index.d.ts +0 -1
  270. package/build/esm/components/Stepper/index.d.ts +0 -1
  271. package/build/esm/components/Tab/index.d.ts +0 -1
  272. package/build/esm/components/Tabs/index.d.ts +0 -1
  273. package/build/esm/components/TextField/index.d.ts +0 -1
  274. package/build/esm/components/ThemeProvider/index.d.ts +0 -1
  275. package/build/esm/components/Toolbar/index.d.ts +0 -1
  276. package/build/esm/util/ServerStyleSheets.d.ts +0 -1
  277. package/build/index.js.map +0 -1
@@ -52,14 +52,30 @@ var FollowerAuthenticationForm = function () {
52
52
  }
53
53
  };
54
54
  useEffect(function () {
55
- var _a;
55
+ setSignUpPhoneValue(state.context.phone || '');
56
+ setSignUpEmailValue(state.context.email || '');
57
+ }, [state.context.phone, state.context.email]);
58
+ useEffect(function () {
59
+ var _a, _b, _c;
60
+ // Validate pre-filled values (only in signUp state)
61
+ if (state.value === 'signUp') {
62
+ if (signUpPhoneValue) {
63
+ var isPhoneValid = validatePhoneNumber(signUpPhoneValue);
64
+ setShowPhoneErrorText(!isPhoneValid);
65
+ }
66
+ if (signUpEmailValue) {
67
+ var emailField = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.elements.namedItem('email');
68
+ var isEmailValid = (_b = emailField === null || emailField === void 0 ? void 0 : emailField.validity.valid) !== null && _b !== void 0 ? _b : false;
69
+ setShowEmailErrorText(!isEmailValid);
70
+ }
71
+ }
56
72
  var hasValidPhone = Boolean(signUpPhoneValue) && !showPhoneErrorText;
57
73
  var hasValidEmail = Boolean(signUpEmailValue) && !showEmailErrorText;
58
- var locationField = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.elements.namedItem('location');
74
+ var locationField = (_c = formRef.current) === null || _c === void 0 ? void 0 : _c.elements.namedItem('location');
59
75
  var hasValidLocation = locationField ? Boolean(locationField.value) : true;
60
76
  var hasValidContact = hasValidPhone || hasValidEmail;
61
77
  setFormValidity(hasValidContact && hasValidLocation);
62
- }, [signUpPhoneValue, signUpEmailValue, showPhoneErrorText, showEmailErrorText, showLocationErrorText]);
78
+ }, [state.value, signUpPhoneValue, signUpEmailValue, showPhoneErrorText, showEmailErrorText, showLocationErrorText]);
63
79
  var handleSubmit = function (e) {
64
80
  e.preventDefault();
65
81
  var form = e.target;
@@ -1 +1 @@
1
- {"version":3,"file":"FollowerAuthenticationForm.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useRef, useState } from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Button, makeStyles, MenuItem, TextField, Typography } from '@material-ui/core'\n\nconst useStyles = makeStyles(() => ({\n form: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n gridGap: 16,\n },\n}))\n\nconst northAmericanPhoneRegex = /^(\\()?[2-9]{1}\\d{2}(\\))?[-\\s.]?[2-9]{1}\\d{2}[-\\s.]?\\d{4}$/\nconst ukPhoneRegex = /^((\\+?44\\s?|0044\\s?)(\\s?\\d{3,5}|\\(\\d{3,5}\\))(\\s?\\d{3,4})(\\s?\\d{3,4})$|^07\\d{9}$)/\n\nconst validatePhoneNumber = (phone: string): boolean => {\n if (!phone) return false\n return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone)\n}\n\nexport const FollowerAuthenticationForm = () => {\n const { state, messages, locationOptions, onActionButtonClick, loading } = useFollowerAuthenticationDialogContext()\n const classes = useStyles()\n\n // sign-up form state\n const formRef = useRef<HTMLFormElement>(null)\n const [formValidity, setFormValidity] = useState(false)\n const [showPhoneErrorText, setShowPhoneErrorText] = useState<boolean | undefined>()\n const [showEmailErrorText, setShowEmailErrorText] = useState<boolean | undefined>()\n const [showLocationErrorText, setShowLocationErrorText] = useState<boolean | undefined>()\n const [signUpPhoneValue, setSignUpPhoneValue] = useState(state.context.phone || '')\n const [signUpEmailValue, setSignUpEmailValue] = useState(state.context.email || '')\n\n const checkFieldValidity: ChangeEventHandler<HTMLInputElement> = (e) => {\n const fieldName = e.target.name\n const fieldValue = e.target.value\n\n switch (fieldName) {\n case 'phone':\n const isPhoneValid = validatePhoneNumber(fieldValue)\n setSignUpPhoneValue(fieldValue)\n setShowPhoneErrorText(!isPhoneValid && fieldValue.length > 0)\n break\n case 'email':\n const emailField = formRef.current?.elements.namedItem(fieldName) as HTMLInputElement\n const isEmailValid = emailField?.validity.valid ?? false\n setSignUpEmailValue(fieldValue)\n setShowEmailErrorText(!isEmailValid && fieldValue.length > 0)\n break\n case 'location':\n setShowLocationErrorText(!fieldValue)\n break\n default:\n break\n }\n }\n\n useEffect(() => {\n const hasValidPhone = Boolean(signUpPhoneValue) && !showPhoneErrorText\n const hasValidEmail = Boolean(signUpEmailValue) && !showEmailErrorText\n\n const locationField = formRef.current?.elements.namedItem('location') as HTMLInputElement\n const hasValidLocation = locationField ? Boolean(locationField.value) : true\n\n const hasValidContact = hasValidPhone || hasValidEmail\n setFormValidity(hasValidContact && hasValidLocation)\n }, [signUpPhoneValue, signUpEmailValue, showPhoneErrorText, showEmailErrorText, showLocationErrorText])\n\n const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n const form = e.target as HTMLFormElement\n const formData = new FormData(form)\n const values = Object.fromEntries(formData.entries()) as Record<string, string>\n onActionButtonClick('submit-form', values)\n }\n const formProps = {\n id: 'follower-authentication-form',\n className: classes.form,\n onSubmit: handleSubmit,\n }\n switch (state.value) {\n case 'initial':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.initialInputLabel}\n key=\"identifier-input\"\n id=\"identifier-input\"\n name=\"identifier\"\n />\n <Button disabled={loading} type=\"submit\">\n {messages.initialCtaButtonLabel}\n </Button>\n </form>\n )\n case 'signUp':\n return (\n <form\n ref={formRef}\n {...formProps}\n onInvalid={(e) => {\n e.preventDefault()\n }}\n >\n <TextField\n disabled={loading}\n label={messages.signUpPhoneInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n onChange={checkFieldValidity}\n error={showPhoneErrorText}\n helperText={showPhoneErrorText && messages.signUpPhoneErrorText}\n inputProps={{\n required: signUpEmailValue ? false : true,\n }}\n defaultValue={state.context.phone}\n />\n <TextField\n disabled={loading}\n label={messages.signUpNameInputLabel}\n key=\"name-input\"\n id=\"name-input\"\n name=\"name\"\n inputProps={{ required: true }}\n />\n <TextField\n disabled={loading}\n label={messages.signUpEmailInputLabel}\n key=\"email-input\"\n id=\"email-input\"\n name=\"email\"\n error={showEmailErrorText}\n helperText={showEmailErrorText && messages.signUpEmailErrorText}\n onChange={checkFieldValidity}\n inputProps={{\n required: signUpPhoneValue ? false : true,\n type: 'email',\n }}\n defaultValue={state.context.email}\n />\n <TextField\n disabled={loading}\n select\n onChange={checkFieldValidity}\n label={messages.signUpLocationInputLabel}\n error={showLocationErrorText}\n helperText={showLocationErrorText && messages.signUpLocationErrorText}\n key=\"location-input\"\n id=\"location-input\"\n inputProps={{ required: true }}\n name=\"location\"\n >\n {locationOptions.map((locationOption) => (\n <MenuItem data-cy={'option'} key={locationOption.value} value={locationOption.value}>\n {locationOption.label}\n </MenuItem>\n ))}\n </TextField>\n <Typography style={{ alignSelf: 'start' }}>{messages.signUpBirthdaySectionLabel}</Typography>\n <TextField\n disabled={loading}\n label={messages.signUpMonthInputLabel}\n key=\"birthday-month-input\"\n id=\"birthday-month-input\"\n name=\"birthdayMonth\"\n />\n <TextField\n disabled={loading}\n label={messages.signUpDayInputLabel}\n key=\"birthday-date-input\"\n id=\"birthday-date-input\"\n name=\"birthdayDate\"\n />\n <Button disabled={loading || !formValidity} type=\"submit\">\n {messages.signUp}\n </Button>\n </form>\n )\n case 'emailFound':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.emailFoundInputLabel}\n key=\"email-input\"\n id=\"email-input\"\n name=\"email\"\n value={state.context.email}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.emailFoundCtaButtonLabel}\n </Button>\n </form>\n )\n case 'emailAuthCode':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.emailAuthCodeInputLabel}\n key=\"code-input\"\n id=\"code-input\"\n name=\"code\"\n />\n <Button disabled={loading} type=\"submit\">\n {messages.signIn}\n </Button>\n </form>\n )\n case 'indirectUserFound': {\n if (state.context.email) {\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.emailFoundInputLabel}\n key=\"email-input\"\n id=\"email-input\"\n name=\"email\"\n value={state.context.email}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.indirectUserFoundCtaButtonLabel}\n </Button>\n </form>\n )\n } else if (state.context.phone) {\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.phoneFoundInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n value={state.context.phone}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.indirectUserFoundCtaButtonLabel}\n </Button>\n </form>\n )\n } else return null\n }\n case 'emailPasswordSignIn':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.emailFoundInputLabel}\n key=\"email-input\"\n id=\"email-input\"\n name=\"email\"\n value={state.context.email}\n InputLabelProps={{ shrink: true }}\n />\n <TextField\n disabled={loading}\n label={messages.passwordInputLabel}\n key=\"password-input\"\n id=\"password-input\"\n name=\"password\"\n inputProps={{ type: 'password' }}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.signIn}\n </Button>\n </form>\n )\n case 'phoneFound':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.phoneFoundInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n value={state.context.phone}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.phoneFoundCtaButtonLabel}\n </Button>\n </form>\n )\n case 'phoneAuthCode':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.phoneAuthCodeInputLabel}\n key=\"code-input\"\n id=\"code-input\"\n name=\"code\"\n autoComplete=\"one-time-code\"\n />\n <Button disabled={loading} type=\"submit\">\n {messages.signIn}\n </Button>\n </form>\n )\n case 'phonePasswordSignIn':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.phoneFoundInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n value={state.context.phone}\n InputLabelProps={{ shrink: true }}\n />\n <TextField\n disabled={loading}\n label={messages.passwordInputLabel}\n key=\"password-input\"\n id=\"password-input\"\n name=\"password\"\n inputProps={{ type: 'password' }}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.signIn}\n </Button>\n </form>\n )\n case 'requirePhone':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.requirePhoneInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n value={state.context.phone}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.requirePhoneCtaButtonLabel}\n </Button>\n </form>\n )\n case 'welcome':\n return null\n default:\n return null\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FollowerAuthenticationForm.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useRef, useState } from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Button, makeStyles, MenuItem, TextField, Typography } from '@material-ui/core'\n\nconst useStyles = makeStyles(() => ({\n form: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n gridGap: 16,\n },\n}))\n\nconst northAmericanPhoneRegex = /^(\\()?[2-9]{1}\\d{2}(\\))?[-\\s.]?[2-9]{1}\\d{2}[-\\s.]?\\d{4}$/\nconst ukPhoneRegex = /^((\\+?44\\s?|0044\\s?)(\\s?\\d{3,5}|\\(\\d{3,5}\\))(\\s?\\d{3,4})(\\s?\\d{3,4})$|^07\\d{9}$)/\n\nconst validatePhoneNumber = (phone: string): boolean => {\n if (!phone) return false\n return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone)\n}\n\nexport const FollowerAuthenticationForm = () => {\n const { state, messages, locationOptions, onActionButtonClick, loading } = useFollowerAuthenticationDialogContext()\n const classes = useStyles()\n\n // sign-up form state\n const formRef = useRef<HTMLFormElement>(null)\n const [formValidity, setFormValidity] = useState(false)\n const [showPhoneErrorText, setShowPhoneErrorText] = useState<boolean | undefined>()\n const [showEmailErrorText, setShowEmailErrorText] = useState<boolean | undefined>()\n const [showLocationErrorText, setShowLocationErrorText] = useState<boolean | undefined>()\n const [signUpPhoneValue, setSignUpPhoneValue] = useState(state.context.phone || '')\n const [signUpEmailValue, setSignUpEmailValue] = useState(state.context.email || '')\n\n const checkFieldValidity: ChangeEventHandler<HTMLInputElement> = (e) => {\n const fieldName = e.target.name\n const fieldValue = e.target.value\n\n switch (fieldName) {\n case 'phone':\n const isPhoneValid = validatePhoneNumber(fieldValue)\n setSignUpPhoneValue(fieldValue)\n setShowPhoneErrorText(!isPhoneValid && fieldValue.length > 0)\n break\n case 'email':\n const emailField = formRef.current?.elements.namedItem(fieldName) as HTMLInputElement\n const isEmailValid = emailField?.validity.valid ?? false\n setSignUpEmailValue(fieldValue)\n setShowEmailErrorText(!isEmailValid && fieldValue.length > 0)\n break\n case 'location':\n setShowLocationErrorText(!fieldValue)\n break\n default:\n break\n }\n }\n\n useEffect(() => {\n setSignUpPhoneValue(state.context.phone || '')\n setSignUpEmailValue(state.context.email || '')\n }, [state.context.phone, state.context.email])\n\n useEffect(() => {\n // Validate pre-filled values (only in signUp state)\n if (state.value === 'signUp') {\n if (signUpPhoneValue) {\n const isPhoneValid = validatePhoneNumber(signUpPhoneValue)\n setShowPhoneErrorText(!isPhoneValid)\n }\n if (signUpEmailValue) {\n const emailField = formRef.current?.elements.namedItem('email') as HTMLInputElement\n const isEmailValid = emailField?.validity.valid ?? false\n setShowEmailErrorText(!isEmailValid)\n }\n }\n\n const hasValidPhone = Boolean(signUpPhoneValue) && !showPhoneErrorText\n const hasValidEmail = Boolean(signUpEmailValue) && !showEmailErrorText\n\n const locationField = formRef.current?.elements.namedItem('location') as HTMLInputElement\n const hasValidLocation = locationField ? Boolean(locationField.value) : true\n\n const hasValidContact = hasValidPhone || hasValidEmail\n setFormValidity(hasValidContact && hasValidLocation)\n }, [state.value, signUpPhoneValue, signUpEmailValue, showPhoneErrorText, showEmailErrorText, showLocationErrorText])\n\n const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n const form = e.target as HTMLFormElement\n const formData = new FormData(form)\n const values = Object.fromEntries(formData.entries()) as Record<string, string>\n onActionButtonClick('submit-form', values)\n }\n const formProps = {\n id: 'follower-authentication-form',\n className: classes.form,\n onSubmit: handleSubmit,\n }\n switch (state.value) {\n case 'initial':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.initialInputLabel}\n key=\"identifier-input\"\n id=\"identifier-input\"\n name=\"identifier\"\n />\n <Button disabled={loading} type=\"submit\">\n {messages.initialCtaButtonLabel}\n </Button>\n </form>\n )\n case 'signUp':\n return (\n <form\n ref={formRef}\n {...formProps}\n onInvalid={(e) => {\n e.preventDefault()\n }}\n >\n <TextField\n disabled={loading}\n label={messages.signUpPhoneInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n onChange={checkFieldValidity}\n error={showPhoneErrorText}\n helperText={showPhoneErrorText && messages.signUpPhoneErrorText}\n inputProps={{\n required: signUpEmailValue ? false : true,\n }}\n defaultValue={state.context.phone}\n />\n <TextField\n disabled={loading}\n label={messages.signUpNameInputLabel}\n key=\"name-input\"\n id=\"name-input\"\n name=\"name\"\n inputProps={{ required: true }}\n />\n <TextField\n disabled={loading}\n label={messages.signUpEmailInputLabel}\n key=\"email-input\"\n id=\"email-input\"\n name=\"email\"\n error={showEmailErrorText}\n helperText={showEmailErrorText && messages.signUpEmailErrorText}\n onChange={checkFieldValidity}\n inputProps={{\n required: signUpPhoneValue ? false : true,\n type: 'email',\n }}\n defaultValue={state.context.email}\n />\n <TextField\n disabled={loading}\n select\n onChange={checkFieldValidity}\n label={messages.signUpLocationInputLabel}\n error={showLocationErrorText}\n helperText={showLocationErrorText && messages.signUpLocationErrorText}\n key=\"location-input\"\n id=\"location-input\"\n inputProps={{ required: true }}\n name=\"location\"\n >\n {locationOptions.map((locationOption) => (\n <MenuItem data-cy={'option'} key={locationOption.value} value={locationOption.value}>\n {locationOption.label}\n </MenuItem>\n ))}\n </TextField>\n <Typography style={{ alignSelf: 'start' }}>{messages.signUpBirthdaySectionLabel}</Typography>\n <TextField\n disabled={loading}\n label={messages.signUpMonthInputLabel}\n key=\"birthday-month-input\"\n id=\"birthday-month-input\"\n name=\"birthdayMonth\"\n />\n <TextField\n disabled={loading}\n label={messages.signUpDayInputLabel}\n key=\"birthday-date-input\"\n id=\"birthday-date-input\"\n name=\"birthdayDate\"\n />\n <Button disabled={loading || !formValidity} type=\"submit\">\n {messages.signUp}\n </Button>\n </form>\n )\n case 'emailFound':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.emailFoundInputLabel}\n key=\"email-input\"\n id=\"email-input\"\n name=\"email\"\n value={state.context.email}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.emailFoundCtaButtonLabel}\n </Button>\n </form>\n )\n case 'emailAuthCode':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.emailAuthCodeInputLabel}\n key=\"code-input\"\n id=\"code-input\"\n name=\"code\"\n />\n <Button disabled={loading} type=\"submit\">\n {messages.signIn}\n </Button>\n </form>\n )\n case 'indirectUserFound': {\n if (state.context.email) {\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.emailFoundInputLabel}\n key=\"email-input\"\n id=\"email-input\"\n name=\"email\"\n value={state.context.email}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.indirectUserFoundCtaButtonLabel}\n </Button>\n </form>\n )\n } else if (state.context.phone) {\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.phoneFoundInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n value={state.context.phone}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.indirectUserFoundCtaButtonLabel}\n </Button>\n </form>\n )\n } else return null\n }\n case 'emailPasswordSignIn':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.emailFoundInputLabel}\n key=\"email-input\"\n id=\"email-input\"\n name=\"email\"\n value={state.context.email}\n InputLabelProps={{ shrink: true }}\n />\n <TextField\n disabled={loading}\n label={messages.passwordInputLabel}\n key=\"password-input\"\n id=\"password-input\"\n name=\"password\"\n inputProps={{ type: 'password' }}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.signIn}\n </Button>\n </form>\n )\n case 'phoneFound':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.phoneFoundInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n value={state.context.phone}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.phoneFoundCtaButtonLabel}\n </Button>\n </form>\n )\n case 'phoneAuthCode':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.phoneAuthCodeInputLabel}\n key=\"code-input\"\n id=\"code-input\"\n name=\"code\"\n autoComplete=\"one-time-code\"\n />\n <Button disabled={loading} type=\"submit\">\n {messages.signIn}\n </Button>\n </form>\n )\n case 'phonePasswordSignIn':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.phoneFoundInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n value={state.context.phone}\n InputLabelProps={{ shrink: true }}\n />\n <TextField\n disabled={loading}\n label={messages.passwordInputLabel}\n key=\"password-input\"\n id=\"password-input\"\n name=\"password\"\n inputProps={{ type: 'password' }}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.signIn}\n </Button>\n </form>\n )\n case 'requirePhone':\n return (\n <form {...formProps}>\n <TextField\n disabled={loading}\n label={messages.requirePhoneInputLabel}\n key=\"phone-input\"\n id=\"phone-input\"\n name=\"phone\"\n value={state.context.phone}\n />\n <Button disabled={loading} type=\"submit\">\n {messages.requirePhoneCtaButtonLabel}\n </Button>\n </form>\n )\n case 'welcome':\n return null\n default:\n return null\n }\n}\n"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
1
  export { FollowerAuthenticationDialog } from './FollowerAuthenticationDialog';
2
- export { FollowerAuthenticationDialogProps } from './FollowerAuthenticationDialogProps';
2
+ export type { FollowerAuthenticationDialogProps } from './FollowerAuthenticationDialogProps';
@@ -1,7 +1,7 @@
1
1
  import { __rest, __assign } from 'tslib';
2
+ import classNames from 'classnames';
2
3
  import { createElement } from 'react';
3
4
  import { useIconStyles } from './IconStyles.js';
4
- import classNames from 'classnames';
5
5
 
6
6
  var iconStaticClassName = 'pop-icon';
7
7
  var Icon = function (props) {
@@ -16,7 +16,7 @@ var Icon = function (props) {
16
16
  isValid = false;
17
17
  }
18
18
  return isValid
19
- ? createElement(icon, __assign({ className: classNames([classes.root, iconStaticClassName, className]) }, restProps))
19
+ ? createElement(icon, __assign({ className: classNames([classes.root, iconStaticClassName, className]), width: undefined, height: undefined }, restProps))
20
20
  : null;
21
21
  };
22
22
  Icon.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { createElement, VoidFunctionComponent } from 'react'\nimport { IconProps } from './IconProps'\nimport { useIconStyles } from './IconStyles'\nimport classNames from 'classnames'\n\nexport const iconStaticClassName = 'pop-icon'\nexport const Icon: VoidFunctionComponent<IconProps> = (props) => {\n const { icon, className, ...restProps } = props\n const hasAccessibleAttr = Boolean(restProps['aria-describedby'] || restProps['aria-label'])\n if (!hasAccessibleAttr && restProps['aria-hidden'] === undefined) {\n restProps['aria-hidden'] = true\n }\n const classes = useIconStyles(props)\n let isValid = true\n if (!icon || (typeof icon === 'function' && icon({}) === undefined)) {\n isValid = false\n }\n return isValid\n ? createElement(icon, { className: classNames([classes.root, iconStaticClassName, className]), ...restProps })\n : null\n}\n\nIcon.defaultProps = {\n size: 'inherit',\n color: 'inherit',\n}\n\nIcon.displayName = 'Icon'\n"],"names":[],"mappings":";;;;;AAKO,IAAM,mBAAmB,GAAG;AAC5B,IAAM,IAAI,GAAqC,UAAC,KAAK,EAAA;AAClD,IAAA,IAAA,IAAI,GAA8B,KAAK,CAAnC,IAAA,EAAE,SAAS,GAAmB,KAAK,CAAxB,SAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAzC,CAAA,MAAA,EAAA,WAAA,CAAiC,CAAF;AACrC,IAAA,IAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3F,IAAI,CAAC,iBAAiB,IAAI,SAAS,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;AAChE,QAAA,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI;AAChC;AACD,IAAA,IAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC;IACpC,IAAI,OAAO,GAAG,IAAI;AAClB,IAAA,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC,EAAE;QACnE,OAAO,GAAG,KAAK;AAChB;AACD,IAAA,OAAO;UACH,aAAa,CAAC,IAAI,aAAI,SAAS,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC,EAAK,EAAA,SAAS,CAAG;UAC5G,IAAI;AACV;AAEA,IAAI,CAAC,YAAY,GAAG;AAClB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,SAAS;CACjB;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
1
+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { createElement, VoidFunctionComponent } from 'react'\nimport { IconProps } from './IconProps'\nimport { useIconStyles } from './IconStyles'\n\nexport const iconStaticClassName = 'pop-icon'\nexport const Icon: VoidFunctionComponent<IconProps> = (props) => {\n const { icon, className, ...restProps } = props\n const hasAccessibleAttr = Boolean(restProps['aria-describedby'] || restProps['aria-label'])\n if (!hasAccessibleAttr && restProps['aria-hidden'] === undefined) {\n restProps['aria-hidden'] = true\n }\n const classes = useIconStyles(props)\n let isValid = true\n if (!icon || (typeof icon === 'function' && icon({}) === undefined)) {\n isValid = false\n }\n return isValid\n ? createElement(icon, {\n className: classNames([classes.root, iconStaticClassName, className]),\n width: undefined,\n height: undefined,\n ...restProps,\n })\n : null\n}\n\nIcon.defaultProps = {\n size: 'inherit',\n color: 'inherit',\n}\n\nIcon.displayName = 'Icon'\n"],"names":[],"mappings":";;;;;AAKO,IAAM,mBAAmB,GAAG;AAC5B,IAAM,IAAI,GAAqC,UAAC,KAAK,EAAA;AAClD,IAAA,IAAA,IAAI,GAA8B,KAAK,CAAnC,IAAA,EAAE,SAAS,GAAmB,KAAK,CAAxB,SAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAzC,CAAA,MAAA,EAAA,WAAA,CAAiC,CAAF;AACrC,IAAA,IAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3F,IAAI,CAAC,iBAAiB,IAAI,SAAS,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;AAChE,QAAA,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI;AAChC;AACD,IAAA,IAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC;IACpC,IAAI,OAAO,GAAG,IAAI;AAClB,IAAA,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC,EAAE;QACnE,OAAO,GAAG,KAAK;AAChB;AACD,IAAA,OAAO;AACL,UAAE,aAAa,CAAC,IAAI,EAChB,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC,EACrE,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EAAA,EACd,SAAS,CACZ;UACF,IAAI;AACV;AAEA,IAAI,CAAC,YAAY,GAAG;AAClB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,SAAS;CACjB;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
@@ -11,7 +11,9 @@ var useIconStyles = makeStyles(function (_a) {
11
11
  large: spacing(2.5),
12
12
  'extra-large': spacing(3),
13
13
  };
14
- return size ? sizes[size] : 'inherit';
14
+ if (!size || !sizes[size])
15
+ return 'inherit';
16
+ return sizes[size];
15
17
  };
16
18
  var getColor = function (props) {
17
19
  var semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error'];
@@ -32,6 +34,8 @@ var useIconStyles = makeStyles(function (_a) {
32
34
  root: {
33
35
  color: getColor,
34
36
  fontSize: getFontSize,
37
+ width: '1em',
38
+ height: '1em',
35
39
  strokeWidth: '1.3px',
36
40
  },
37
41
  };
@@ -1 +1 @@
1
- {"version":3,"file":"IconStyles.js","sources":["../../../../src/components/Icon/IconStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { IconProps } from './IconProps'\n\nexport const useIconStyles = makeStyles<Theme, IconProps>(({ spacing, palette }) => {\n const getFontSize = ({ size }: IconProps) => {\n const sizes = {\n inherit: 'inherit',\n small: spacing(1.5),\n medium: spacing(2),\n large: spacing(2.5),\n 'extra-large': spacing(3),\n }\n return size ? sizes[size] : 'inherit'\n }\n\n const getColor = (props: IconProps) => {\n const semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error']\n let value = 'inherit'\n if (props.color) {\n if (semanticColors.includes(props.color.split('.')[0])) {\n const [color, variant = 'main'] = props.color.split('.')\n // @ts-expect-error - todo.\n value = palette[color][variant]\n } else if (props.color.search(/^(rgb|hsla|#)/) !== -1) {\n value = props.color\n }\n }\n return value\n }\n\n return {\n root: {\n color: getColor,\n fontSize: getFontSize,\n strokeWidth: '1.3px',\n },\n }\n})\n"],"names":[],"mappings":";;AAGa,IAAA,aAAa,GAAG,UAAU,CAAmB,UAAC,EAAoB,EAAA;QAAlB,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;IAC3E,IAAM,WAAW,GAAG,UAAC,EAAmB,EAAA;AAAjB,QAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AACzB,QAAA,IAAM,KAAK,GAAG;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC;AACnB,YAAA,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAClB,YAAA,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC;AACnB,YAAA,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;SAC1B;AACD,QAAA,OAAO,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS;AACvC,KAAC;IAED,IAAM,QAAQ,GAAG,UAAC,KAAgB,EAAA;AAChC,QAAA,IAAM,cAAc,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;QACtF,IAAI,KAAK,GAAG,SAAS;QACrB,IAAI,KAAK,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;AAChD,gBAAA,IAAA,KAA4B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAjD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,EAAgB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAhB,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAA0B;;gBAExD,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;AAChC;iBAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE;AACrD,gBAAA,KAAK,GAAG,KAAK,CAAC,KAAK;AACpB;AACF;AACD,QAAA,OAAO,KAAK;AACd,KAAC;IAED,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,WAAW,EAAE,OAAO;AACrB,SAAA;KACF;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"IconStyles.js","sources":["../../../../src/components/Icon/IconStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { IconProps } from './IconProps'\n\nexport const useIconStyles = makeStyles<Theme, IconProps>(({ spacing, palette }) => {\n const getFontSize = ({ size }: IconProps) => {\n const sizes = {\n inherit: 'inherit',\n small: spacing(1.5),\n medium: spacing(2),\n large: spacing(2.5),\n 'extra-large': spacing(3),\n }\n if (!size || !sizes[size]) return 'inherit'\n return sizes[size]\n }\n\n const getColor = (props: IconProps) => {\n const semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error']\n let value = 'inherit'\n if (props.color) {\n if (semanticColors.includes(props.color.split('.')[0])) {\n const [color, variant = 'main'] = props.color.split('.')\n // @ts-expect-error - todo.\n value = palette[color][variant]\n } else if (props.color.search(/^(rgb|hsla|#)/) !== -1) {\n value = props.color\n }\n }\n return value\n }\n\n return {\n root: {\n color: getColor,\n fontSize: getFontSize,\n width: '1em',\n height: '1em',\n strokeWidth: '1.3px',\n },\n }\n})\n"],"names":[],"mappings":";;AAGa,IAAA,aAAa,GAAG,UAAU,CAAmB,UAAC,EAAoB,EAAA;QAAlB,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;IAC3E,IAAM,WAAW,GAAG,UAAC,EAAmB,EAAA;AAAjB,QAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AACzB,QAAA,IAAM,KAAK,GAAG;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC;AACnB,YAAA,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAClB,YAAA,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC;AACnB,YAAA,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;SAC1B;AACD,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;AAAE,YAAA,OAAO,SAAS;AAC3C,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC;AACpB,KAAC;IAED,IAAM,QAAQ,GAAG,UAAC,KAAgB,EAAA;AAChC,QAAA,IAAM,cAAc,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;QACtF,IAAI,KAAK,GAAG,SAAS;QACrB,IAAI,KAAK,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;AAChD,gBAAA,IAAA,KAA4B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAjD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,EAAgB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAhB,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAA0B;;gBAExD,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;AAChC;iBAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE;AACrD,gBAAA,KAAK,GAAG,KAAK,CAAC,KAAK;AACpB;AACF;AACD,QAAA,OAAO,KAAK;AACd,KAAC;IAED,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,WAAW,EAAE,OAAO;AACrB,SAAA;KACF;AACH,CAAC;;;;"}
@@ -1,2 +1,2 @@
1
- export { Icon as default, iconStaticClassName } from './Icon';
2
- export { IconProps } from './IconProps';
1
+ export { Icon, iconStaticClassName } from './Icon';
2
+ export type { IconProps } from './IconProps';
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { IconButtonProps } from './IconButtonProps';
3
- export declare const IconButton: React.ForwardRefExoticComponent<Pick<IconButtonProps, "color" | "translate" | "hidden" | "size" | "disabled" | "aria-describedby" | "aria-hidden" | "aria-label" | "form" | "slot" | "title" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "edge" | keyof import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/IconButton").IconButtonTypeMap<{}, "button">>> & React.RefAttributes<HTMLButtonElement>>;
3
+ export declare const IconButton: React.ForwardRefExoticComponent<Pick<IconButtonProps, "color" | "translate" | "hidden" | "size" | "disabled" | "aria-describedby" | "aria-hidden" | "aria-label" | "form" | "slot" | "title" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "edge" | keyof import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").IconButtonTypeMap<{}, "button">>> & React.RefAttributes<HTMLButtonElement>>;
@@ -1,9 +1,9 @@
1
1
  import { __assign } from 'tslib';
2
+ import { IconButton as IconButton$1 } from '@material-ui/core';
2
3
  import React, { forwardRef } from 'react';
3
- import MuiIconButton from '@material-ui/core/IconButton';
4
4
 
5
5
  var IconButton = forwardRef(function (props, ref) {
6
- return React.createElement(MuiIconButton, __assign({ ref: ref }, props));
6
+ return React.createElement(IconButton$1, __assign({ ref: ref }, props));
7
7
  });
8
8
  IconButton.displayName = 'IconButton';
9
9
  IconButton.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport MuiIconButton from '@material-ui/core/IconButton'\n\nimport { IconButtonProps } from './IconButtonProps'\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {\n return <MuiIconButton ref={ref} {...props} />\n})\n\nIconButton.displayName = 'IconButton'\n\nIconButton.defaultProps = {\n color: 'secondary',\n}\n"],"names":[],"mappings":";;;;IAKa,UAAU,GAAG,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;IAClF,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;AAC/C,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;AAErC,UAAU,CAAC,YAAY,GAAG;AACxB,IAAA,KAAK,EAAE,WAAW;CACnB;;;;"}
1
+ {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { IconButton as MuiIconButton } from '@material-ui/core'\nimport React, { forwardRef } from 'react'\nimport { IconButtonProps } from './IconButtonProps'\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {\n return <MuiIconButton ref={ref} {...props} />\n})\n\nIconButton.displayName = 'IconButton'\n\nIconButton.defaultProps = {\n color: 'secondary',\n}\n"],"names":["MuiIconButton"],"mappings":";;;;IAIa,UAAU,GAAG,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;IAClF,OAAO,KAAA,CAAA,aAAA,CAACA,YAAa,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;AAC/C,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;AAErC,UAAU,CAAC,YAAY,GAAG;AACxB,IAAA,KAAK,EAAE,WAAW;CACnB;;;;"}
@@ -1,2 +1,2 @@
1
- import { IconButtonProps as MuiIconButtonProps } from '@material-ui/core/IconButton';
1
+ import { IconButtonProps as MuiIconButtonProps } from '@material-ui/core';
2
2
  export declare type IconButtonProps = MuiIconButtonProps;
@@ -1,2 +1,2 @@
1
- export { IconButton as default } from './IconButton';
2
- export { IconButtonProps } from './IconButtonProps';
1
+ export { IconButton } from './IconButton';
2
+ export type { IconButtonProps } from './IconButtonProps';
@@ -1,5 +1,5 @@
1
1
  import { __assign } from 'tslib';
2
- import { makeStyles } from '@material-ui/core/styles';
2
+ import { makeStyles } from '@material-ui/core';
3
3
  import { iconStaticClassName } from '../Icon/Icon.js';
4
4
 
5
5
  var useLinkStyles = makeStyles(function (theme) { return ({
@@ -1 +1 @@
1
- {"version":3,"file":"LinkStyles.js","sources":["../../../../src/components/Link/LinkStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\nimport { LinkProps } from '@material-ui/core'\nimport { iconStaticClassName } from '../Icon'\n\nexport const useLinkStyles = makeStyles<Theme, LinkProps>((theme) => ({\n root: (props) => ({\n display: 'flex',\n ...(props.color === undefined && { color: theme.palette.info.main }),\n [`& .${iconStaticClassName}`]: {\n alignSelf: 'center',\n },\n }),\n}))\n"],"names":[],"mappings":";;;;AAIa,IAAA,aAAa,GAAG,UAAU,CAAmB,UAAC,KAAK,EAAK,EAAA,QAAC;IACpE,IAAI,EAAE,UAAC,KAAK,EAAA;;QAAK,QAAA,QAAA,CAAA,QAAA,CAAA,EACf,OAAO,EAAE,MAAM,EAAA,GACX,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,EAAC,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,CACnE,KAAM,GAAA,mBAAqB,CAAG,GAAA;AAC7B,YAAA,SAAS,EAAE,QAAQ;SACpB,EACD,EAAA,EAAA;KAAA;CACH,EAAC,EAAA;;;;"}
1
+ {"version":3,"file":"LinkStyles.js","sources":["../../../../src/components/Link/LinkStyles.ts"],"sourcesContent":["import { LinkProps, makeStyles, Theme } from '@material-ui/core'\nimport { iconStaticClassName } from '../Icon'\n\nexport const useLinkStyles = makeStyles<Theme, LinkProps>((theme) => ({\n root: (props) => ({\n display: 'flex',\n ...(props.color === undefined && { color: theme.palette.info.main }),\n [`& .${iconStaticClassName}`]: {\n alignSelf: 'center',\n },\n }),\n}))\n"],"names":[],"mappings":";;;;AAGa,IAAA,aAAa,GAAG,UAAU,CAAmB,UAAC,KAAK,EAAK,EAAA,QAAC;IACpE,IAAI,EAAE,UAAC,KAAK,EAAA;;QAAK,QAAA,QAAA,CAAA,QAAA,CAAA,EACf,OAAO,EAAE,MAAM,EAAA,GACX,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,EAAC,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,CACnE,KAAM,GAAA,mBAAqB,CAAG,GAAA;AAC7B,YAAA,SAAS,EAAE,QAAQ;SACpB,EACD,EAAA,EAAA;KAAA;CACH,EAAC,EAAA;;;;"}
@@ -1,2 +1,2 @@
1
- export { Link as default } from './Link';
2
- export { LinkProps } from '@material-ui/core';
1
+ export type { LinkProps } from '@material-ui/core';
2
+ export { Link } from './Link';
@@ -1,7 +1,7 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React from 'react';
3
2
  import { TextField } from '@material-ui/core';
4
3
  import { MinusCircle, PlusCircle } from '@popmenu/web-icons';
4
+ import React from 'react';
5
5
  import { Icon } from '../Icon/Icon.js';
6
6
  import { IconButton } from '../IconButton/IconButton.js';
7
7
  import { useNumberFieldStyles, useNumberInputStyles } from './NumberFieldStyles.js';
@@ -1 +1 @@
1
- {"version":3,"file":"NumberField.js","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React from 'react'\nimport { InputProps as MuiInputProps, TextField } from '@material-ui/core'\nimport { PlusCircle, MinusCircle } from '@popmenu/web-icons'\n\nimport Icon from '../Icon'\nimport IconButton from '../IconButton'\nimport { useNumberFieldStyles, useNumberInputStyles } from './NumberFieldStyles'\nimport { NumberFieldProps } from './NumberFieldProps'\n\nexport const NumberField = (props: NumberFieldProps): JSX.Element => {\n const {\n onIncrement,\n onDecrement,\n endAdornmentButtonProps = {},\n startAdornmentButtonProps = {},\n InputProps = {},\n classes,\n ...restProps\n } = props\n const { classes: inputClassesOverride, ...restInputProps } = InputProps as MuiInputProps\n const fieldClasses = useNumberFieldStyles(props)\n const inputClasses = useNumberInputStyles(props)\n\n return (\n <TextField\n classes={{ ...fieldClasses, ...classes }}\n variant=\"filled\"\n type=\"number\"\n defaultValue={0}\n InputProps={{\n classes: { ...inputClasses, ...inputClassesOverride },\n disableUnderline: true,\n endAdornment: (\n <IconButton style={{ fontSize: 20 }} onClick={onIncrement} {...endAdornmentButtonProps}>\n <Icon icon={PlusCircle} />\n </IconButton>\n ),\n startAdornment: (\n <IconButton style={{ fontSize: 20 }} onClick={onDecrement} {...startAdornmentButtonProps}>\n <Icon icon={MinusCircle} />\n </IconButton>\n ),\n ...restInputProps,\n }}\n {...restProps}\n />\n )\n}\n"],"names":[],"mappings":";;;;;;;;AASO,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;IAE/C,IAAA,WAAW,GAOT,KAAK,CAAA,WAPI,EACX,WAAW,GAMT,KAAK,CAAA,WANI,EACX,EAAA,GAKE,KAAK,CALqB,uBAAA,EAA5B,uBAAuB,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EAC5B,EAAA,GAIE,KAAK,CAAA,yBAJuB,EAA9B,yBAAyB,mBAAG,EAAE,GAAA,EAAA,EAC9B,EAGE,GAAA,KAAK,WAHQ,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EACf,OAAO,GAEL,KAAK,QAFA,EACJ,SAAS,UACV,KAAK,EARH,CAQL,aAAA,EAAA,aAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,YAAA,EAAA,SAAA,CAAA,CADa;IAEd,IAAM,EAAA,GAAuD,UAA2B,EAAvE,oBAAoB,GAAA,EAAA,CAAA,OAAA,EAAK,cAAc,GAAA,MAAA,CAAA,EAAA,EAAlD,CAAoD,SAAA,CAAA,CAA8B;AACxF,IAAA,IAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC;AAChD,IAAA,IAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC;IAEhD,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,OAAO,wBAAO,YAAY,CAAA,EAAK,OAAO,CAAA,EACtC,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,CAAC,EACf,UAAU,EAAA,QAAA,CAAA,EACR,OAAO,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAO,YAAY,CAAK,EAAA,oBAAoB,CACnD,EAAA,gBAAgB,EAAE,IAAI,EACtB,YAAY,GACV,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,EAAM,uBAAuB,CAAA;gBACpF,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,UAAU,EAAI,CAAA,CACf,CACd,EACD,cAAc,GACZ,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,EAAM,yBAAyB,CAAA;AACtF,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,WAAW,EAAI,CAAA,CAChB,CACd,EAAA,EACE,cAAc,CAAA,EAAA,EAEf,SAAS,CAAA,CACb;AAEN;;;;"}
1
+ {"version":3,"file":"NumberField.js","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import { InputProps as MuiInputProps, TextField } from '@material-ui/core'\nimport { MinusCircle, PlusCircle } from '@popmenu/web-icons'\nimport React from 'react'\n\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { NumberFieldProps } from './NumberFieldProps'\nimport { useNumberFieldStyles, useNumberInputStyles } from './NumberFieldStyles'\n\nexport const NumberField = (props: NumberFieldProps): JSX.Element => {\n const {\n onIncrement,\n onDecrement,\n endAdornmentButtonProps = {},\n startAdornmentButtonProps = {},\n InputProps = {},\n classes,\n ...restProps\n } = props\n const { classes: inputClassesOverride, ...restInputProps } = InputProps as MuiInputProps\n const fieldClasses = useNumberFieldStyles(props)\n const inputClasses = useNumberInputStyles(props)\n\n return (\n <TextField\n classes={{ ...fieldClasses, ...classes }}\n variant=\"filled\"\n type=\"number\"\n defaultValue={0}\n InputProps={{\n classes: { ...inputClasses, ...inputClassesOverride },\n disableUnderline: true,\n endAdornment: (\n <IconButton style={{ fontSize: 20 }} onClick={onIncrement} {...endAdornmentButtonProps}>\n <Icon icon={PlusCircle} />\n </IconButton>\n ),\n startAdornment: (\n <IconButton style={{ fontSize: 20 }} onClick={onDecrement} {...startAdornmentButtonProps}>\n <Icon icon={MinusCircle} />\n </IconButton>\n ),\n ...restInputProps,\n }}\n {...restProps}\n />\n )\n}\n"],"names":[],"mappings":";;;;;;;;AASO,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;IAE/C,IAAA,WAAW,GAOT,KAAK,CAAA,WAPI,EACX,WAAW,GAMT,KAAK,CAAA,WANI,EACX,EAAA,GAKE,KAAK,CALqB,uBAAA,EAA5B,uBAAuB,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EAC5B,EAAA,GAIE,KAAK,CAAA,yBAJuB,EAA9B,yBAAyB,mBAAG,EAAE,GAAA,EAAA,EAC9B,EAGE,GAAA,KAAK,WAHQ,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EACf,OAAO,GAEL,KAAK,QAFA,EACJ,SAAS,UACV,KAAK,EARH,CAQL,aAAA,EAAA,aAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,YAAA,EAAA,SAAA,CAAA,CADa;IAEd,IAAM,EAAA,GAAuD,UAA2B,EAAvE,oBAAoB,GAAA,EAAA,CAAA,OAAA,EAAK,cAAc,GAAA,MAAA,CAAA,EAAA,EAAlD,CAAoD,SAAA,CAAA,CAA8B;AACxF,IAAA,IAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC;AAChD,IAAA,IAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC;IAEhD,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,OAAO,wBAAO,YAAY,CAAA,EAAK,OAAO,CAAA,EACtC,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,CAAC,EACf,UAAU,EAAA,QAAA,CAAA,EACR,OAAO,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAO,YAAY,CAAK,EAAA,oBAAoB,CACnD,EAAA,gBAAgB,EAAE,IAAI,EACtB,YAAY,GACV,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,EAAM,uBAAuB,CAAA;gBACpF,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,UAAU,EAAI,CAAA,CACf,CACd,EACD,cAAc,GACZ,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,EAAM,yBAAyB,CAAA;AACtF,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,WAAW,EAAI,CAAA,CAChB,CACd,EAAA,EACE,cAAc,CAAA,EAAA,EAEf,SAAS,CAAA,CACb;AAEN;;;;"}
@@ -1,2 +1,2 @@
1
1
  export { NumberField } from './NumberField';
2
- export { NumberFieldProps } from './NumberFieldProps';
2
+ export type { NumberFieldProps } from './NumberFieldProps';
@@ -1 +1,2 @@
1
- export { Paper as default, PaperProps } from './Paper';
1
+ export { Paper } from './Paper';
2
+ export type { PaperProps } from './Paper';
@@ -1 +1 @@
1
- {"version":3,"file":"PaperContent.js","sources":["../../../../src/components/PaperContent/PaperContent.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport Box from '../Box'\n\nexport const PaperContent: FC<Record<string, never>> = (props) => {\n const { children } = props\n return <Box padding={4}>{children}</Box>\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,YAAY,GAA8B,UAAC,KAAK,EAAA;AACnD,IAAA,IAAA,QAAQ,GAAK,KAAK,CAAA,QAAV;IAChB,OAAO,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,OAAO,EAAE,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC1C;;;;"}
1
+ {"version":3,"file":"PaperContent.js","sources":["../../../../src/components/PaperContent/PaperContent.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box } from '@material-ui/core'\n\nexport const PaperContent: FC<Record<string, never>> = (props) => {\n const { children } = props\n return <Box padding={4}>{children}</Box>\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,YAAY,GAA8B,UAAC,KAAK,EAAA;AACnD,IAAA,IAAA,QAAQ,GAAK,KAAK,CAAA,QAAV;IAChB,OAAO,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,OAAO,EAAE,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC1C;;;;"}
@@ -1 +1 @@
1
- export { PaperContent as default } from './PaperContent';
1
+ export { PaperContent } from './PaperContent';
@@ -1,11 +1,10 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
- import MuiRadio from '@material-ui/core/Radio';
4
- import FormControlLabel from '@material-ui/core/FormControlLabel';
3
+ import { Radio as Radio$1, FormControlLabel } from '@material-ui/core';
5
4
 
6
5
  var Radio = forwardRef(function (props, ref) {
7
6
  var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
8
- var control = React.createElement(MuiRadio, __assign({ disabled: label ? undefined : disabled }, muiProps));
7
+ var control = React.createElement(Radio$1, __assign({ disabled: label ? undefined : disabled }, muiProps));
9
8
  return label ? (React.createElement(FormControlLabel, __assign({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
10
9
  });
11
10
  Radio.displayName = 'Radio';
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport MuiRadio from '@material-ui/core/Radio'\n\nimport FormControlLabel from '../FormControlLabel'\nimport { RadioProps } from './RadioProps'\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {\n const { label, disabled, LabelProps, ...muiProps } = props\n const control = <MuiRadio disabled={label ? undefined : disabled} {...muiProps} />\n return label ? (\n <FormControlLabel disabled={disabled} inputRef={ref} control={control} label={label} {...LabelProps} />\n ) : (\n control\n )\n})\n\nRadio.displayName = 'Radio'\n"],"names":[],"mappings":";;;;;IAMa,KAAK,GAAG,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG,EAAA;IAC/D,IAAA,KAAK,GAAwC,KAAK,CAAA,KAA7C,EAAE,QAAQ,GAA8B,KAAK,CAAnC,QAAA,EAAE,UAAU,GAAkB,KAAK,WAAvB,EAAK,QAAQ,UAAK,KAAK,EAApD,CAA4C,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAM,EAAA,QAAQ,EAAI;AAClF,IAAA,OAAO,KAAK,IACV,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAM,EAAA,UAAU,CAAI,CAAA,KAEvG,OAAO,CACR;AACH,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
1
+ {"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { FormControlLabel, Radio as MuiRadio } from '@material-ui/core'\nimport { RadioProps } from './RadioProps'\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {\n const { label, disabled, LabelProps, ...muiProps } = props\n const control = <MuiRadio disabled={label ? undefined : disabled} {...muiProps} />\n return label ? (\n <FormControlLabel disabled={disabled} inputRef={ref} control={control} label={label} {...LabelProps} />\n ) : (\n control\n )\n})\n\nRadio.displayName = 'Radio'\n"],"names":["MuiRadio"],"mappings":";;;;IAKa,KAAK,GAAG,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG,EAAA;IAC/D,IAAA,KAAK,GAAwC,KAAK,CAAA,KAA7C,EAAE,QAAQ,GAA8B,KAAK,CAAnC,QAAA,EAAE,UAAU,GAAkB,KAAK,WAAvB,EAAK,QAAQ,UAAK,KAAK,EAApD,CAA4C,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,KAAA,CAAA,aAAA,CAACA,OAAQ,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAM,EAAA,QAAQ,EAAI;AAClF,IAAA,OAAO,KAAK,IACV,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAM,EAAA,UAAU,CAAI,CAAA,KAEvG,OAAO,CACR;AACH,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
@@ -1,5 +1,4 @@
1
- import { RadioProps as MuiRadioProps } from '@material-ui/core/Radio';
2
- import { FormControlLabelProps } from '../FormControlLabel';
1
+ import { FormControlLabelProps, RadioProps as MuiRadioProps } from '@material-ui/core';
3
2
  export interface RadioProps extends MuiRadioProps {
4
3
  /** Adds a text label to the Radio. If provided, the Radio will be wrapped by a FormControlLabel component. */
5
4
  label: string;
@@ -1,2 +1,2 @@
1
- export { Radio as default } from './Radio';
2
- export { RadioProps } from './RadioProps';
1
+ export { Radio } from './Radio';
2
+ export type { RadioProps } from './RadioProps';
@@ -1,8 +1,7 @@
1
1
  import { __assign } from 'tslib';
2
2
  import React from 'react';
3
- import { Box } from '@material-ui/core';
3
+ import { Box, TextField } from '@material-ui/core';
4
4
  import { Button } from '../Button/Button.js';
5
- import TextField from '@material-ui/core/TextField';
6
5
  import { useSplitInputStyles } from './SplitInputStyles.js';
7
6
 
8
7
  var SplitInput = function (props) {
@@ -1 +1 @@
1
- {"version":3,"file":"SplitInput.js","sources":["../../../../src/components/SplitInput/SplitInput.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport Box from '../Box'\nimport Button from '../Button'\nimport TextField from '../TextField'\nimport { useSplitInputStyles } from './SplitInputStyles'\nimport { SplitInputProps } from './SplitInputProps'\n\nexport const SplitInput: FC<SplitInputProps> = (props) => {\n const { buttonLabel, TextFieldProps, ButtonProps, color, onChange, onClick } = props\n const classes = useSplitInputStyles(props)\n return (\n <Box display=\"flex\">\n <TextField\n classes={{ root: classes.textfield }}\n InputProps={{ classes: { root: classes.input, focused: classes.focused } }}\n color={color}\n variant=\"outlined\"\n onChange={onChange}\n {...TextFieldProps}\n />\n <Button\n classes={{ root: classes.button }}\n disableElevation\n color={color}\n variant=\"contained\"\n onClick={onClick}\n {...ButtonProps}\n >\n {buttonLabel}\n </Button>\n </Box>\n )\n}\n\nSplitInput.displayName = 'SplitInput'\n\nSplitInput.defaultProps = {\n backgroundTransparency: true,\n color: 'primary',\n}\n"],"names":[],"mappings":";;;;;;;AAQO,IAAM,UAAU,GAAwB,UAAC,KAAK,EAAA;AAC3C,IAAA,IAAA,WAAW,GAA4D,KAAK,CAAA,WAAjE,EAAE,cAAc,GAA4C,KAAK,CAAjD,cAAA,EAAE,WAAW,GAA+B,KAAK,CAAA,WAApC,EAAE,KAAK,GAAwB,KAAK,CAA7B,KAAA,EAAE,QAAQ,GAAc,KAAK,CAAA,QAAnB,EAAE,OAAO,GAAK,KAAK,QAAV;AAC1E,IAAA,IAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC;AAC1C,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAA;QACjB,KAAC,CAAA,aAAA,CAAA,SAAS,aACR,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,EACpC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,EAC1E,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EACd,EAAA,cAAc,CAClB,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,EACjC,gBAAgB,QAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,OAAO,EACZ,EAAA,WAAW,CAEd,EAAA,WAAW,CACL,CACL;AAEV;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;AAErC,UAAU,CAAC,YAAY,GAAG;AACxB,IAAA,sBAAsB,EAAE,IAAI;AAC5B,IAAA,KAAK,EAAE,SAAS;CACjB;;;;"}
1
+ {"version":3,"file":"SplitInput.js","sources":["../../../../src/components/SplitInput/SplitInput.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box, TextField } from '@material-ui/core'\nimport { Button } from '../Button'\nimport { SplitInputProps } from './SplitInputProps'\nimport { useSplitInputStyles } from './SplitInputStyles'\n\nexport const SplitInput: FC<SplitInputProps> = (props) => {\n const { buttonLabel, TextFieldProps, ButtonProps, color, onChange, onClick } = props\n const classes = useSplitInputStyles(props)\n return (\n <Box display=\"flex\">\n <TextField\n classes={{ root: classes.textfield }}\n InputProps={{ classes: { root: classes.input, focused: classes.focused } }}\n color={color}\n variant=\"outlined\"\n onChange={onChange}\n {...TextFieldProps}\n />\n <Button\n classes={{ root: classes.button }}\n disableElevation\n color={color}\n variant=\"contained\"\n onClick={onClick}\n {...ButtonProps}\n >\n {buttonLabel}\n </Button>\n </Box>\n )\n}\n\nSplitInput.displayName = 'SplitInput'\n\nSplitInput.defaultProps = {\n backgroundTransparency: true,\n color: 'primary',\n}\n"],"names":[],"mappings":";;;;;;AAOO,IAAM,UAAU,GAAwB,UAAC,KAAK,EAAA;AAC3C,IAAA,IAAA,WAAW,GAA4D,KAAK,CAAA,WAAjE,EAAE,cAAc,GAA4C,KAAK,CAAjD,cAAA,EAAE,WAAW,GAA+B,KAAK,CAAA,WAApC,EAAE,KAAK,GAAwB,KAAK,CAA7B,KAAA,EAAE,QAAQ,GAAc,KAAK,CAAA,QAAnB,EAAE,OAAO,GAAK,KAAK,QAAV;AAC1E,IAAA,IAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC;AAC1C,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAA;QACjB,KAAC,CAAA,aAAA,CAAA,SAAS,aACR,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,EACpC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,EAC1E,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EACd,EAAA,cAAc,CAClB,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,EACjC,gBAAgB,QAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,OAAO,EACZ,EAAA,WAAW,CAEd,EAAA,WAAW,CACL,CACL;AAEV;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;AAErC,UAAU,CAAC,YAAY,GAAG;AACxB,IAAA,sBAAsB,EAAE,IAAI;AAC5B,IAAA,KAAK,EAAE,SAAS;CACjB;;;;"}
@@ -1,8 +1,8 @@
1
+ import { TextFieldProps as MuiTextFieldProps } from '@material-ui/core';
1
2
  import { ButtonProps } from '../Button';
2
- import { TextFieldProps } from '../TextField';
3
3
  export interface SplitInputProps {
4
4
  /** Props applied to the composed TextField component */
5
- TextFieldProps?: TextFieldProps;
5
+ TextFieldProps?: MuiTextFieldProps;
6
6
  /** Props applied to the composed Button component */
7
7
  ButtonProps?: ButtonProps;
8
8
  /** Label for the button element */
@@ -14,7 +14,7 @@ export interface SplitInputProps {
14
14
  /** Applies a partially transparent background to the TextField */
15
15
  backgroundTransparency?: boolean;
16
16
  /** Event callback for the TextField change event */
17
- onChange?: TextFieldProps['onChange'];
17
+ onChange?: MuiTextFieldProps['onChange'];
18
18
  /** Event callback for the Button click event */
19
19
  onClick?: ButtonProps['onClick'];
20
20
  }
@@ -1,4 +1,4 @@
1
- import { makeStyles } from '@material-ui/core/styles';
1
+ import { makeStyles } from '@material-ui/core';
2
2
 
3
3
  var useSplitInputStyles = makeStyles(function () { return ({
4
4
  textfield: {
@@ -1 +1 @@
1
- {"version":3,"file":"SplitInputStyles.js","sources":["../../../../src/components/SplitInput/SplitInputStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { SplitInputProps } from './SplitInputProps'\n\nexport const useSplitInputStyles = makeStyles<Theme, SplitInputProps>(() => ({\n textfield: {\n background: (props) => (props.backgroundTransparency ? '#FFFFFF44' : 'none'),\n borderTopLeftRadius: 4,\n borderBottomLeftRadius: 4,\n '& fieldset': {\n borderRight: 'none',\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n },\n button: {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n alignSelf: 'stretch',\n },\n input: {\n color: (props) => props.inputTextColor || 'inherit',\n '&$focused fieldset': {\n top: -4,\n },\n },\n focused: {},\n}))\n"],"names":[],"mappings":";;IAIa,mBAAmB,GAAG,UAAU,CAAyB,YAAA,EAAM,QAAC;AAC3E,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,UAAC,KAAK,IAAK,QAAC,KAAK,CAAC,sBAAsB,GAAG,WAAW,GAAG,MAAM,IAAC;AAC5E,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,sBAAsB,EAAE,CAAC;AACzB,QAAA,YAAY,EAAE;AACZ,YAAA,WAAW,EAAE,MAAM;AACnB,YAAA,oBAAoB,EAAE,CAAC;AACvB,YAAA,uBAAuB,EAAE,CAAC;AAC3B,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,sBAAsB,EAAE,CAAC;AACzB,QAAA,SAAS,EAAE,SAAS;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;QACL,KAAK,EAAE,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,cAAc,IAAI,SAAS,CAAA,EAAA;AACnD,QAAA,oBAAoB,EAAE;YACpB,GAAG,EAAE,EAAE;AACR,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE,EAAE;CACZ,EAAC,EAAA;;;;"}
1
+ {"version":3,"file":"SplitInputStyles.js","sources":["../../../../src/components/SplitInput/SplitInputStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { SplitInputProps } from './SplitInputProps'\n\nexport const useSplitInputStyles = makeStyles<Theme, SplitInputProps>(() => ({\n textfield: {\n background: (props) => (props.backgroundTransparency ? '#FFFFFF44' : 'none'),\n borderTopLeftRadius: 4,\n borderBottomLeftRadius: 4,\n '& fieldset': {\n borderRight: 'none',\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n },\n button: {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n alignSelf: 'stretch',\n },\n input: {\n color: (props) => props.inputTextColor || 'inherit',\n '&$focused fieldset': {\n top: -4,\n },\n },\n focused: {},\n}))\n"],"names":[],"mappings":";;IAIa,mBAAmB,GAAG,UAAU,CAAyB,YAAA,EAAM,QAAC;AAC3E,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,UAAC,KAAK,IAAK,QAAC,KAAK,CAAC,sBAAsB,GAAG,WAAW,GAAG,MAAM,IAAC;AAC5E,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,sBAAsB,EAAE,CAAC;AACzB,QAAA,YAAY,EAAE;AACZ,YAAA,WAAW,EAAE,MAAM;AACnB,YAAA,oBAAoB,EAAE,CAAC;AACvB,YAAA,uBAAuB,EAAE,CAAC;AAC3B,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,sBAAsB,EAAE,CAAC;AACzB,QAAA,SAAS,EAAE,SAAS;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;QACL,KAAK,EAAE,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,cAAc,IAAI,SAAS,CAAA,EAAA;AACnD,QAAA,oBAAoB,EAAE;YACpB,GAAG,EAAE,EAAE;AACR,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE,EAAE;CACZ,EAAC,EAAA;;;;"}
@@ -1,2 +1,2 @@
1
- export { SplitInput as default } from './SplitInput';
2
- export { SplitInputProps } from './SplitInputProps';
1
+ export { SplitInput } from './SplitInput';
2
+ export type { SplitInputProps } from './SplitInputProps';
@@ -1,13 +1,12 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
- import MuiSwitch from '@material-ui/core/Switch';
4
- import FormControlLabel from '@material-ui/core/FormControlLabel';
3
+ import { Switch as Switch$1, FormControlLabel } from '@material-ui/core';
5
4
  import { useSwitchStyles } from './switch.styles.js';
6
5
 
7
6
  var Switch = forwardRef(function (props, ref) {
8
7
  var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
9
8
  var classes = useSwitchStyles(props);
10
- var control = React.createElement(MuiSwitch, __assign({ classes: classes, disabled: label ? undefined : disabled }, muiProps));
9
+ var control = React.createElement(Switch$1, __assign({ classes: classes, disabled: label ? undefined : disabled }, muiProps));
11
10
  return label ? (React.createElement(FormControlLabel, __assign({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
12
11
  });
13
12
  Switch.displayName = 'Switch';
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport MuiSwitch from '@material-ui/core/Switch'\n\nimport FormControlLabel from '../FormControlLabel'\nimport { useSwitchStyles } from './switch.styles'\nimport { SwitchProps } from './SwitchProps'\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n const { label, disabled, LabelProps, ...muiProps } = props\n const classes = useSwitchStyles(props)\n const control = <MuiSwitch classes={classes} disabled={label ? undefined : disabled} {...muiProps} />\n return label ? (\n <FormControlLabel disabled={disabled} inputRef={ref} control={control} label={label} {...LabelProps} />\n ) : (\n control\n )\n})\n\nSwitch.displayName = 'Switch'\n"],"names":[],"mappings":";;;;;;IAOa,MAAM,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG,EAAA;IACjE,IAAA,KAAK,GAAwC,KAAK,CAAA,KAA7C,EAAE,QAAQ,GAA8B,KAAK,CAAnC,QAAA,EAAE,UAAU,GAAkB,KAAK,WAAvB,EAAK,QAAQ,UAAK,KAAK,EAApD,CAA4C,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;IACtC,IAAM,OAAO,GAAG,KAAC,CAAA,aAAA,CAAA,SAAS,aAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAA,EAAM,QAAQ,CAAA,CAAI;AACrG,IAAA,OAAO,KAAK,IACV,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAM,EAAA,UAAU,CAAI,CAAA,KAEvG,OAAO,CACR;AACH,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
1
+ {"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { FormControlLabel, Switch as MuiSwitch } from '@material-ui/core'\nimport { SwitchProps } from './SwitchProps'\nimport { useSwitchStyles } from './switch.styles'\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n const { label, disabled, LabelProps, ...muiProps } = props\n const classes = useSwitchStyles(props)\n const control = <MuiSwitch classes={classes} disabled={label ? undefined : disabled} {...muiProps} />\n return label ? (\n <FormControlLabel disabled={disabled} inputRef={ref} control={control} label={label} {...LabelProps} />\n ) : (\n control\n )\n})\n\nSwitch.displayName = 'Switch'\n"],"names":["MuiSwitch"],"mappings":";;;;;IAMa,MAAM,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG,EAAA;IACjE,IAAA,KAAK,GAAwC,KAAK,CAAA,KAA7C,EAAE,QAAQ,GAA8B,KAAK,CAAnC,QAAA,EAAE,UAAU,GAAkB,KAAK,WAAvB,EAAK,QAAQ,UAAK,KAAK,EAApD,CAA4C,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;IACtC,IAAM,OAAO,GAAG,KAAC,CAAA,aAAA,CAAAA,QAAS,aAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAA,EAAM,QAAQ,CAAA,CAAI;AACrG,IAAA,OAAO,KAAK,IACV,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAM,EAAA,UAAU,CAAI,CAAA,KAEvG,OAAO,CACR;AACH,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
@@ -1,5 +1,4 @@
1
- import { SwitchProps as MuiSwitchProps } from '@material-ui/core/Switch';
2
- import { FormControlLabelProps } from '../FormControlLabel';
1
+ import { FormControlLabelProps, SwitchProps as MuiSwitchProps } from '@material-ui/core';
3
2
  export interface SwitchProps extends MuiSwitchProps {
4
3
  /** Adds a text label to the Switch. If provided, the Switch will be wrapped by a FormControlLabel component. */
5
4
  label: string;
@@ -1,2 +1,2 @@
1
- export { Switch as default } from './Switch';
2
- export { SwitchProps } from './SwitchProps';
1
+ export { Switch } from './Switch';
2
+ export type { SwitchProps } from './SwitchProps';
@@ -1,4 +1,4 @@
1
- import { makeStyles } from '@material-ui/core/styles';
1
+ import { makeStyles } from '@material-ui/core';
2
2
 
3
3
  var useSwitchStyles = makeStyles(function (theme) { return ({
4
4
  checked: {
@@ -1 +1 @@
1
- {"version":3,"file":"switch.styles.js","sources":["../../../../src/components/Switch/switch.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\nimport { SwitchProps } from './SwitchProps'\n\nexport const useSwitchStyles = makeStyles<Theme, SwitchProps>((theme) => ({\n checked: {\n '& $thumb': {\n background: theme.palette.success.main,\n },\n '&& + $track': {\n backgroundColor: theme.palette.success.main,\n },\n },\n thumb: {},\n track: {},\n}))\n"],"names":[],"mappings":";;AAGa,IAAA,eAAe,GAAG,UAAU,CAAqB,UAAC,KAAK,EAAK,EAAA,QAAC;AACxE,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE;AACV,YAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACvC,SAAA;AACD,QAAA,aAAa,EAAE;AACb,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;CACV,EAAC,EAAA;;;;"}
1
+ {"version":3,"file":"switch.styles.js","sources":["../../../../src/components/Switch/switch.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { SwitchProps } from './SwitchProps'\n\nexport const useSwitchStyles = makeStyles<Theme, SwitchProps>((theme) => ({\n checked: {\n '& $thumb': {\n background: theme.palette.success.main,\n },\n '&& + $track': {\n backgroundColor: theme.palette.success.main,\n },\n },\n thumb: {},\n track: {},\n}))\n"],"names":[],"mappings":";;AAGa,IAAA,eAAe,GAAG,UAAU,CAAqB,UAAC,KAAK,EAAK,EAAA,QAAC;AACxE,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE;AACV,YAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACvC,SAAA;AACD,QAAA,aAAa,EAAE;AACb,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;CACV,EAAC,EAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TabPanel.js","sources":["../../../../src/components/TabPanel/TabPanel.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\nimport Box from '../Box'\n\nimport { TabPanelProps } from './TabPanelProps'\n\nexport const TabPanel = (props: PropsWithChildren<TabPanelProps>) => {\n const { children, show } = props\n return show ? <Box>{children}</Box> : null\n}\n"],"names":[],"mappings":";;;AAKO,IAAM,QAAQ,GAAG,UAAC,KAAuC,EAAA;IACtD,IAAA,QAAQ,GAAW,KAAK,CAAA,QAAhB,EAAE,IAAI,GAAK,KAAK,CAAA,IAAV;AACtB,IAAA,OAAO,IAAI,GAAG,KAAC,CAAA,aAAA,CAAA,GAAG,EAAE,IAAA,EAAA,QAAQ,CAAO,GAAG,IAAI;AAC5C;;;;"}
1
+ {"version":3,"file":"TabPanel.js","sources":["../../../../src/components/TabPanel/TabPanel.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\n\nimport { Box } from '@material-ui/core'\nimport { TabPanelProps } from './TabPanelProps'\n\nexport const TabPanel = (props: PropsWithChildren<TabPanelProps>) => {\n const { children, show } = props\n return show ? <Box>{children}</Box> : null\n}\n"],"names":[],"mappings":";;;AAKO,IAAM,QAAQ,GAAG,UAAC,KAAuC,EAAA;IACtD,IAAA,QAAQ,GAAW,KAAK,CAAA,QAAhB,EAAE,IAAI,GAAK,KAAK,CAAA,IAAV;AACtB,IAAA,OAAO,IAAI,GAAG,KAAC,CAAA,aAAA,CAAA,GAAG,EAAE,IAAA,EAAA,QAAQ,CAAO,GAAG,IAAI;AAC5C;;;;"}
@@ -1,2 +1,2 @@
1
1
  export { TabPanel } from './TabPanel';
2
- export { TabPanelProps } from './TabPanelProps';
2
+ export type { TabPanelProps } from './TabPanelProps';
@@ -1,12 +1,12 @@
1
1
  import { __rest, __assign } from 'tslib';
2
+ import { ToggleButton as ToggleButton$1 } from '@material-ui/lab';
2
3
  import React, { forwardRef } from 'react';
3
- import MuiToggleButton from '@material-ui/lab/ToggleButton';
4
4
  import { useToggleButtonStyles } from './ToggleButtonStyles.js';
5
5
 
6
6
  var ToggleButton = forwardRef(function (props, ref) {
7
7
  var children = props.children, muiProps = __rest(props, ["children"]);
8
8
  var classes = useToggleButtonStyles(props);
9
- return (React.createElement(MuiToggleButton, __assign({ ref: ref, classes: {
9
+ return (React.createElement(ToggleButton$1, __assign({ ref: ref, classes: {
10
10
  root: classes.root,
11
11
  selected: classes.selected,
12
12
  } }, muiProps), children));