@fountain-ui/core 2.0.0-beta.98 → 3.0.0-alpha.10

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 (889) hide show
  1. package/build/commonjs/Accordion/Accordion.js +4 -2
  2. package/build/commonjs/Accordion/Accordion.js.map +1 -1
  3. package/build/commonjs/Accordion/index.js +10 -2
  4. package/build/commonjs/Accordion/index.js.map +1 -1
  5. package/build/commonjs/Accordion/useVariantStyleMap.js +15 -12
  6. package/build/commonjs/Accordion/useVariantStyleMap.js.map +1 -1
  7. package/build/commonjs/AppBar/AppBar.js +8 -8
  8. package/build/commonjs/AppBar/AppBar.js.map +1 -1
  9. package/build/commonjs/AppBar/AppBarProps.js +7 -0
  10. package/build/commonjs/AppBar/AppBarProps.js.map +1 -1
  11. package/build/commonjs/AppBar/index.js +8 -0
  12. package/build/commonjs/AppBar/index.js.map +1 -1
  13. package/build/commonjs/Badge/index.js +28 -2
  14. package/build/commonjs/Badge/index.js.map +1 -1
  15. package/build/commonjs/Badge/useVariantStyleMap.js +15 -6
  16. package/build/commonjs/Badge/useVariantStyleMap.js.map +1 -1
  17. package/build/commonjs/{PaginationItem/LegacyPaginationItem.js → BottomSheetActions/BottomSheetActions.js} +10 -23
  18. package/build/commonjs/BottomSheetActions/BottomSheetActions.js.map +1 -0
  19. package/build/commonjs/BottomSheetActions/BottomSheetActionsProps.js +2 -0
  20. package/build/commonjs/BottomSheetActions/BottomSheetActionsProps.js.map +1 -0
  21. package/build/commonjs/BottomSheetActions/index.js +16 -0
  22. package/build/commonjs/BottomSheetActions/index.js.map +1 -0
  23. package/build/commonjs/{SvgIcon/LegacySvgIcon.js → BottomSheetContent/BottomSheetContent.js} +23 -23
  24. package/build/commonjs/BottomSheetContent/BottomSheetContent.js.map +1 -0
  25. package/build/commonjs/BottomSheetContent/BottomSheetContentProps.js +2 -0
  26. package/build/commonjs/BottomSheetContent/BottomSheetContentProps.js.map +1 -0
  27. package/build/commonjs/BottomSheetContent/index.js +16 -0
  28. package/build/commonjs/BottomSheetContent/index.js.map +1 -0
  29. package/build/commonjs/BottomSheetTitle/BottomSheetTitle.js +74 -0
  30. package/build/commonjs/BottomSheetTitle/BottomSheetTitle.js.map +1 -0
  31. package/build/commonjs/BottomSheetTitle/BottomSheetTitleProps.js +2 -0
  32. package/build/commonjs/BottomSheetTitle/BottomSheetTitleProps.js.map +1 -0
  33. package/build/commonjs/BottomSheetTitle/index.js +16 -0
  34. package/build/commonjs/BottomSheetTitle/index.js.map +1 -0
  35. package/build/commonjs/Button/Button.js +20 -11
  36. package/build/commonjs/Button/Button.js.map +1 -1
  37. package/build/commonjs/Button/ButtonProps.js +7 -7
  38. package/build/commonjs/Button/ButtonProps.js.map +1 -1
  39. package/build/commonjs/Button/index.js +22 -2
  40. package/build/commonjs/Button/index.js.map +1 -1
  41. package/build/commonjs/Button/useVariantStyleMap.js +7 -1
  42. package/build/commonjs/Button/useVariantStyleMap.js.map +1 -1
  43. package/build/commonjs/Checkbox/Checkbox.js +5 -3
  44. package/build/commonjs/Checkbox/Checkbox.js.map +1 -1
  45. package/build/commonjs/Checkbox/index.js +10 -2
  46. package/build/commonjs/Checkbox/index.js.map +1 -1
  47. package/build/commonjs/Checkbox/useVariantStyleMap.js +10 -3
  48. package/build/commonjs/Checkbox/useVariantStyleMap.js.map +1 -1
  49. package/build/commonjs/Chip/index.js +16 -2
  50. package/build/commonjs/Chip/index.js.map +1 -1
  51. package/build/commonjs/Chip/useChipStyle.js +3 -7
  52. package/build/commonjs/Chip/useChipStyle.js.map +1 -1
  53. package/build/commonjs/Dialog/Dialog.js +10 -21
  54. package/build/commonjs/Dialog/Dialog.js.map +1 -1
  55. package/build/commonjs/Dialog/DialogContext.js +19 -0
  56. package/build/commonjs/Dialog/DialogContext.js.map +1 -0
  57. package/build/commonjs/Dialog/index.js +32 -2
  58. package/build/commonjs/Dialog/index.js.map +1 -1
  59. package/build/commonjs/Dialog/useDialogSectionStyle.js +40 -0
  60. package/build/commonjs/Dialog/useDialogSectionStyle.js.map +1 -0
  61. package/build/commonjs/Dialog/useDialogStyle.js +16 -18
  62. package/build/commonjs/Dialog/useDialogStyle.js.map +1 -1
  63. package/build/commonjs/DialogActions/DialogActions.js +17 -2
  64. package/build/commonjs/DialogActions/DialogActions.js.map +1 -1
  65. package/build/commonjs/DialogActions/index.js +2 -2
  66. package/build/commonjs/DialogActions/index.js.map +1 -1
  67. package/build/commonjs/DialogContent/DialogContent.js +6 -3
  68. package/build/commonjs/DialogContent/DialogContent.js.map +1 -1
  69. package/build/commonjs/DialogContent/index.js +2 -2
  70. package/build/commonjs/DialogContent/index.js.map +1 -1
  71. package/build/commonjs/DialogMedia/DialogMedia.js +1 -0
  72. package/build/commonjs/DialogMedia/DialogMedia.js.map +1 -1
  73. package/build/commonjs/DialogMedia/index.js +2 -2
  74. package/build/commonjs/DialogMedia/index.js.map +1 -1
  75. package/build/commonjs/DialogTitle/DialogTitle.js +4 -1
  76. package/build/commonjs/DialogTitle/DialogTitle.js.map +1 -1
  77. package/build/commonjs/DialogTitle/index.js +2 -2
  78. package/build/commonjs/DialogTitle/index.js.map +1 -1
  79. package/build/commonjs/Divider/Divider.js +1 -1
  80. package/build/commonjs/Divider/Divider.js.map +1 -1
  81. package/build/commonjs/Divider/DividerProps.js +3 -3
  82. package/build/commonjs/Divider/DividerProps.js.map +1 -1
  83. package/build/commonjs/Divider/index.js +16 -2
  84. package/build/commonjs/Divider/index.js.map +1 -1
  85. package/build/commonjs/Empty/Empty.js +3 -4
  86. package/build/commonjs/Empty/Empty.js.map +1 -1
  87. package/build/commonjs/Flexbox/Flexbox.js +2 -0
  88. package/build/commonjs/Flexbox/Flexbox.js.map +1 -1
  89. package/build/commonjs/Flexbox/FlexboxProps.js.map +1 -1
  90. package/build/commonjs/IconButton/IconButton.js +26 -2
  91. package/build/commonjs/IconButton/IconButton.js.map +1 -1
  92. package/build/commonjs/IconButton/IconButtonProps.js.map +1 -1
  93. package/build/commonjs/IconButton/index.js +10 -2
  94. package/build/commonjs/IconButton/index.js.map +1 -1
  95. package/build/commonjs/ListItem/ListItem.js +47 -25
  96. package/build/commonjs/ListItem/ListItem.js.map +1 -1
  97. package/build/commonjs/ListItem/ListItemProps.js.map +1 -1
  98. package/build/commonjs/ListItemIcon/ListItemIcon.js +1 -2
  99. package/build/commonjs/ListItemIcon/ListItemIcon.js.map +1 -1
  100. package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryAction.js +2 -0
  101. package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryAction.js.map +1 -1
  102. package/build/commonjs/ListItemText/ListItemText.js +20 -21
  103. package/build/commonjs/ListItemText/ListItemText.js.map +1 -1
  104. package/build/commonjs/ListItemText/ListItemTextProps.js.map +1 -1
  105. package/build/commonjs/ListSubheader/ListSubheader.js +2 -2
  106. package/build/commonjs/ListSubheader/ListSubheader.js.map +1 -1
  107. package/build/commonjs/Pagination/NumberPagination.js +1 -1
  108. package/build/commonjs/Pagination/NumberPagination.js.map +1 -1
  109. package/build/commonjs/Pagination/Pagination.js +0 -4
  110. package/build/commonjs/Pagination/Pagination.js.map +1 -1
  111. package/build/commonjs/Pagination/index.js +10 -2
  112. package/build/commonjs/Pagination/index.js.map +1 -1
  113. package/build/commonjs/Radio/Radio.js +7 -4
  114. package/build/commonjs/Radio/Radio.js.map +1 -1
  115. package/build/commonjs/Radio/index.js +2 -2
  116. package/build/commonjs/Radio/index.js.map +1 -1
  117. package/build/commonjs/RadioGroup/index.js +2 -2
  118. package/build/commonjs/RadioGroup/index.js.map +1 -1
  119. package/build/commonjs/Section/Section.js +32 -0
  120. package/build/commonjs/Section/Section.js.map +1 -0
  121. package/build/commonjs/Section/SectionProps.js +2 -0
  122. package/build/commonjs/Section/SectionProps.js.map +1 -0
  123. package/build/commonjs/{CheckboxGroup → Section}/index.js +2 -2
  124. package/build/commonjs/Section/index.js.map +1 -0
  125. package/build/commonjs/ShadowView/ShadowView.native.js +21 -5
  126. package/build/commonjs/ShadowView/ShadowView.native.js.map +1 -1
  127. package/build/commonjs/Snackbar/Snackbar.js +1 -1
  128. package/build/commonjs/Snackbar/Snackbar.js.map +1 -1
  129. package/build/commonjs/Snackbar/index.js +10 -2
  130. package/build/commonjs/Snackbar/index.js.map +1 -1
  131. package/build/commonjs/SnackbarContent/SnackbarContent.js +36 -11
  132. package/build/commonjs/SnackbarContent/SnackbarContent.js.map +1 -1
  133. package/build/commonjs/SnackbarContent/StatusIcon.js +0 -2
  134. package/build/commonjs/SnackbarContent/StatusIcon.js.map +1 -1
  135. package/build/commonjs/SnackbarContent/index.js +2 -2
  136. package/build/commonjs/SnackbarContent/index.js.map +1 -1
  137. package/build/commonjs/SvgIcon/index.js +16 -2
  138. package/build/commonjs/SvgIcon/index.js.map +1 -1
  139. package/build/commonjs/Tab/Tab.js +1 -1
  140. package/build/commonjs/Tab/Tab.js.map +1 -1
  141. package/build/commonjs/Tab/index.js +2 -2
  142. package/build/commonjs/Tab/index.js.map +1 -1
  143. package/build/commonjs/Tab/useVariantStyleMap.js +3 -3
  144. package/build/commonjs/Tab/useVariantStyleMap.js.map +1 -1
  145. package/build/commonjs/TabBase/index.js +2 -2
  146. package/build/commonjs/TabBase/index.js.map +1 -1
  147. package/build/commonjs/Tabs/Tabs.js +20 -3
  148. package/build/commonjs/Tabs/Tabs.js.map +1 -1
  149. package/build/commonjs/Tabs/TabsProps.js +3 -1
  150. package/build/commonjs/Tabs/TabsProps.js.map +1 -1
  151. package/build/commonjs/Tabs/index.js +16 -2
  152. package/build/commonjs/Tabs/index.js.map +1 -1
  153. package/build/commonjs/Tabs/useTabsStyle.js +39 -0
  154. package/build/commonjs/Tabs/useTabsStyle.js.map +1 -0
  155. package/build/commonjs/TextField/TextField.js +1 -2
  156. package/build/commonjs/TextField/TextField.js.map +1 -1
  157. package/build/commonjs/TextField/index.js +10 -2
  158. package/build/commonjs/TextField/index.js.map +1 -1
  159. package/build/commonjs/TextField/useVariantStyleMap.js +2 -2
  160. package/build/commonjs/TextField/useVariantStyleMap.js.map +1 -1
  161. package/build/commonjs/Toggle/Toggle.js +5 -3
  162. package/build/commonjs/Toggle/Toggle.js.map +1 -1
  163. package/build/commonjs/Toolbar/Toolbar.js +17 -6
  164. package/build/commonjs/Toolbar/Toolbar.js.map +1 -1
  165. package/build/commonjs/Toolbar/ToolbarProps.js +7 -0
  166. package/build/commonjs/Toolbar/ToolbarProps.js.map +1 -1
  167. package/build/commonjs/Toolbar/index.js +8 -0
  168. package/build/commonjs/Toolbar/index.js.map +1 -1
  169. package/build/commonjs/Tooltip/Beaks/index.js +32 -0
  170. package/build/commonjs/Tooltip/Beaks/index.js.map +1 -1
  171. package/build/commonjs/Tooltip/Tooltip.js +11 -19
  172. package/build/commonjs/Tooltip/Tooltip.js.map +1 -1
  173. package/build/commonjs/Tooltip/index.js +41 -2
  174. package/build/commonjs/Tooltip/index.js.map +1 -1
  175. package/build/commonjs/Typography/Typography.js +9 -2
  176. package/build/commonjs/Typography/Typography.js.map +1 -1
  177. package/build/commonjs/Typography/TypographyProps.js.map +1 -1
  178. package/build/commonjs/Typography/index.js +10 -2
  179. package/build/commonjs/Typography/index.js.map +1 -1
  180. package/build/commonjs/hooks/useBreakpointUp.js +4 -1
  181. package/build/commonjs/hooks/useBreakpointUp.js.map +1 -1
  182. package/build/commonjs/hooks/useContentContainerStyle.js +21 -28
  183. package/build/commonjs/hooks/useContentContainerStyle.js.map +1 -1
  184. package/build/commonjs/index.js +84 -21
  185. package/build/commonjs/index.js.map +1 -1
  186. package/build/commonjs/internal/icons/LoadingSpinner/index.js +14 -4
  187. package/build/commonjs/internal/icons/LoadingSpinner/index.js.map +1 -1
  188. package/build/commonjs/internal/icons/LoadingSpinner/index.native.js +14 -4
  189. package/build/commonjs/internal/icons/LoadingSpinner/index.native.js.map +1 -1
  190. package/build/commonjs/utils/createSvgIcon.js +2 -10
  191. package/build/commonjs/utils/createSvgIcon.js.map +1 -1
  192. package/build/module/Accordion/Accordion.js +4 -2
  193. package/build/module/Accordion/Accordion.js.map +1 -1
  194. package/build/module/Accordion/index.js +2 -1
  195. package/build/module/Accordion/index.js.map +1 -1
  196. package/build/module/Accordion/useVariantStyleMap.js +15 -12
  197. package/build/module/Accordion/useVariantStyleMap.js.map +1 -1
  198. package/build/module/AppBar/AppBar.js +8 -8
  199. package/build/module/AppBar/AppBar.js.map +1 -1
  200. package/build/module/AppBar/AppBarProps.js +1 -1
  201. package/build/module/AppBar/AppBarProps.js.map +1 -1
  202. package/build/module/AppBar/index.js +1 -0
  203. package/build/module/AppBar/index.js.map +1 -1
  204. package/build/module/Badge/index.js +2 -1
  205. package/build/module/Badge/index.js.map +1 -1
  206. package/build/module/Badge/useVariantStyleMap.js +15 -6
  207. package/build/module/Badge/useVariantStyleMap.js.map +1 -1
  208. package/build/module/{PaginationItem/LegacyPaginationItem.js → BottomSheetActions/BottomSheetActions.js} +9 -20
  209. package/build/module/BottomSheetActions/BottomSheetActions.js.map +1 -0
  210. package/build/module/BottomSheetActions/BottomSheetActionsProps.js +2 -0
  211. package/build/module/BottomSheetActions/BottomSheetActionsProps.js.map +1 -0
  212. package/build/module/BottomSheetActions/index.js +2 -0
  213. package/build/module/BottomSheetActions/index.js.map +1 -0
  214. package/build/module/BottomSheetContent/BottomSheetContent.js +32 -0
  215. package/build/module/BottomSheetContent/BottomSheetContent.js.map +1 -0
  216. package/build/module/BottomSheetContent/BottomSheetContentProps.js +2 -0
  217. package/build/module/BottomSheetContent/BottomSheetContentProps.js.map +1 -0
  218. package/build/module/BottomSheetContent/index.js +2 -0
  219. package/build/module/BottomSheetContent/index.js.map +1 -0
  220. package/build/module/BottomSheetTitle/BottomSheetTitle.js +61 -0
  221. package/build/module/BottomSheetTitle/BottomSheetTitle.js.map +1 -0
  222. package/build/module/BottomSheetTitle/BottomSheetTitleProps.js +2 -0
  223. package/build/module/BottomSheetTitle/BottomSheetTitleProps.js.map +1 -0
  224. package/build/module/BottomSheetTitle/index.js +2 -0
  225. package/build/module/BottomSheetTitle/index.js.map +1 -0
  226. package/build/module/Button/Button.js +20 -11
  227. package/build/module/Button/Button.js.map +1 -1
  228. package/build/module/Button/ButtonProps.js +3 -3
  229. package/build/module/Button/ButtonProps.js.map +1 -1
  230. package/build/module/Button/index.js +2 -1
  231. package/build/module/Button/index.js.map +1 -1
  232. package/build/module/Button/useVariantStyleMap.js +7 -1
  233. package/build/module/Button/useVariantStyleMap.js.map +1 -1
  234. package/build/module/Checkbox/Checkbox.js +5 -3
  235. package/build/module/Checkbox/Checkbox.js.map +1 -1
  236. package/build/module/Checkbox/index.js +2 -1
  237. package/build/module/Checkbox/index.js.map +1 -1
  238. package/build/module/Checkbox/useVariantStyleMap.js +10 -3
  239. package/build/module/Checkbox/useVariantStyleMap.js.map +1 -1
  240. package/build/module/Chip/index.js +2 -1
  241. package/build/module/Chip/index.js.map +1 -1
  242. package/build/module/Chip/useChipStyle.js +3 -7
  243. package/build/module/Chip/useChipStyle.js.map +1 -1
  244. package/build/module/Dialog/Dialog.js +11 -19
  245. package/build/module/Dialog/Dialog.js.map +1 -1
  246. package/build/module/Dialog/DialogContext.js +7 -0
  247. package/build/module/Dialog/DialogContext.js.map +1 -0
  248. package/build/module/Dialog/index.js +4 -1
  249. package/build/module/Dialog/index.js.map +1 -1
  250. package/build/module/Dialog/useDialogSectionStyle.js +29 -0
  251. package/build/module/Dialog/useDialogSectionStyle.js.map +1 -0
  252. package/build/module/Dialog/useDialogStyle.js +16 -18
  253. package/build/module/Dialog/useDialogStyle.js.map +1 -1
  254. package/build/module/DialogActions/DialogActions.js +18 -3
  255. package/build/module/DialogActions/DialogActions.js.map +1 -1
  256. package/build/module/DialogActions/index.js +1 -1
  257. package/build/module/DialogActions/index.js.map +1 -1
  258. package/build/module/DialogContent/DialogContent.js +5 -3
  259. package/build/module/DialogContent/DialogContent.js.map +1 -1
  260. package/build/module/DialogContent/index.js +1 -1
  261. package/build/module/DialogContent/index.js.map +1 -1
  262. package/build/module/DialogMedia/DialogMedia.js +1 -0
  263. package/build/module/DialogMedia/DialogMedia.js.map +1 -1
  264. package/build/module/DialogMedia/index.js +1 -1
  265. package/build/module/DialogMedia/index.js.map +1 -1
  266. package/build/module/DialogTitle/DialogTitle.js +3 -1
  267. package/build/module/DialogTitle/DialogTitle.js.map +1 -1
  268. package/build/module/DialogTitle/index.js +1 -1
  269. package/build/module/DialogTitle/index.js.map +1 -1
  270. package/build/module/Divider/Divider.js +1 -1
  271. package/build/module/Divider/Divider.js.map +1 -1
  272. package/build/module/Divider/DividerProps.js +1 -1
  273. package/build/module/Divider/DividerProps.js.map +1 -1
  274. package/build/module/Divider/index.js +2 -1
  275. package/build/module/Divider/index.js.map +1 -1
  276. package/build/module/Empty/Empty.js +3 -4
  277. package/build/module/Empty/Empty.js.map +1 -1
  278. package/build/module/Flexbox/Flexbox.js +2 -0
  279. package/build/module/Flexbox/Flexbox.js.map +1 -1
  280. package/build/module/Flexbox/FlexboxProps.js.map +1 -1
  281. package/build/module/IconButton/IconButton.js +25 -3
  282. package/build/module/IconButton/IconButton.js.map +1 -1
  283. package/build/module/IconButton/IconButtonProps.js.map +1 -1
  284. package/build/module/IconButton/index.js +2 -1
  285. package/build/module/IconButton/index.js.map +1 -1
  286. package/build/module/ListItem/ListItem.js +45 -27
  287. package/build/module/ListItem/ListItem.js.map +1 -1
  288. package/build/module/ListItem/ListItemProps.js.map +1 -1
  289. package/build/module/ListItemIcon/ListItemIcon.js +1 -2
  290. package/build/module/ListItemIcon/ListItemIcon.js.map +1 -1
  291. package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js +2 -0
  292. package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js.map +1 -1
  293. package/build/module/ListItemText/ListItemText.js +17 -19
  294. package/build/module/ListItemText/ListItemText.js.map +1 -1
  295. package/build/module/ListItemText/ListItemTextProps.js.map +1 -1
  296. package/build/module/ListSubheader/ListSubheader.js +2 -2
  297. package/build/module/ListSubheader/ListSubheader.js.map +1 -1
  298. package/build/module/Pagination/NumberPagination.js +1 -1
  299. package/build/module/Pagination/NumberPagination.js.map +1 -1
  300. package/build/module/Pagination/Pagination.js +0 -4
  301. package/build/module/Pagination/Pagination.js.map +1 -1
  302. package/build/module/Pagination/index.js +2 -1
  303. package/build/module/Pagination/index.js.map +1 -1
  304. package/build/module/Radio/Radio.js +6 -4
  305. package/build/module/Radio/Radio.js.map +1 -1
  306. package/build/module/Radio/index.js +1 -1
  307. package/build/module/Radio/index.js.map +1 -1
  308. package/build/module/RadioGroup/index.js +1 -1
  309. package/build/module/RadioGroup/index.js.map +1 -1
  310. package/build/module/Section/Section.js +19 -0
  311. package/build/module/Section/Section.js.map +1 -0
  312. package/build/module/Section/SectionProps.js +2 -0
  313. package/build/module/Section/SectionProps.js.map +1 -0
  314. package/build/module/Section/index.js +2 -0
  315. package/build/module/Section/index.js.map +1 -0
  316. package/build/module/ShadowView/ShadowView.native.js +21 -5
  317. package/build/module/ShadowView/ShadowView.native.js.map +1 -1
  318. package/build/module/Snackbar/Snackbar.js +1 -1
  319. package/build/module/Snackbar/Snackbar.js.map +1 -1
  320. package/build/module/Snackbar/index.js +2 -1
  321. package/build/module/Snackbar/index.js.map +1 -1
  322. package/build/module/SnackbarContent/SnackbarContent.js +37 -12
  323. package/build/module/SnackbarContent/SnackbarContent.js.map +1 -1
  324. package/build/module/SnackbarContent/StatusIcon.js +0 -2
  325. package/build/module/SnackbarContent/StatusIcon.js.map +1 -1
  326. package/build/module/SnackbarContent/index.js +1 -1
  327. package/build/module/SnackbarContent/index.js.map +1 -1
  328. package/build/module/SvgIcon/index.js +2 -1
  329. package/build/module/SvgIcon/index.js.map +1 -1
  330. package/build/module/Tab/Tab.js +1 -1
  331. package/build/module/Tab/Tab.js.map +1 -1
  332. package/build/module/Tab/index.js +1 -1
  333. package/build/module/Tab/index.js.map +1 -1
  334. package/build/module/Tab/useVariantStyleMap.js +3 -3
  335. package/build/module/Tab/useVariantStyleMap.js.map +1 -1
  336. package/build/module/TabBase/index.js +1 -1
  337. package/build/module/TabBase/index.js.map +1 -1
  338. package/build/module/Tabs/Tabs.js +19 -3
  339. package/build/module/Tabs/Tabs.js.map +1 -1
  340. package/build/module/Tabs/TabsProps.js +1 -0
  341. package/build/module/Tabs/TabsProps.js.map +1 -1
  342. package/build/module/Tabs/index.js +2 -1
  343. package/build/module/Tabs/index.js.map +1 -1
  344. package/build/module/Tabs/useTabsStyle.js +30 -0
  345. package/build/module/Tabs/useTabsStyle.js.map +1 -0
  346. package/build/module/TextField/TextField.js +1 -2
  347. package/build/module/TextField/TextField.js.map +1 -1
  348. package/build/module/TextField/index.js +2 -1
  349. package/build/module/TextField/index.js.map +1 -1
  350. package/build/module/TextField/useVariantStyleMap.js +2 -2
  351. package/build/module/TextField/useVariantStyleMap.js.map +1 -1
  352. package/build/module/Toggle/Toggle.js +5 -3
  353. package/build/module/Toggle/Toggle.js.map +1 -1
  354. package/build/module/Toolbar/Toolbar.js +16 -6
  355. package/build/module/Toolbar/Toolbar.js.map +1 -1
  356. package/build/module/Toolbar/ToolbarProps.js +1 -1
  357. package/build/module/Toolbar/ToolbarProps.js.map +1 -1
  358. package/build/module/Toolbar/index.js +1 -0
  359. package/build/module/Toolbar/index.js.map +1 -1
  360. package/build/module/Tooltip/Beaks/index.js +4 -0
  361. package/build/module/Tooltip/Beaks/index.js.map +1 -1
  362. package/build/module/Tooltip/Tooltip.js +4 -11
  363. package/build/module/Tooltip/Tooltip.js.map +1 -1
  364. package/build/module/Tooltip/index.js +3 -1
  365. package/build/module/Tooltip/index.js.map +1 -1
  366. package/build/module/Typography/Typography.js +9 -2
  367. package/build/module/Typography/Typography.js.map +1 -1
  368. package/build/module/Typography/TypographyProps.js.map +1 -1
  369. package/build/module/Typography/index.js +2 -1
  370. package/build/module/Typography/index.js.map +1 -1
  371. package/build/module/hooks/useBreakpointUp.js +4 -1
  372. package/build/module/hooks/useBreakpointUp.js.map +1 -1
  373. package/build/module/hooks/useContentContainerStyle.js +23 -26
  374. package/build/module/hooks/useContentContainerStyle.js.map +1 -1
  375. package/build/module/index.js +8 -2
  376. package/build/module/index.js.map +1 -1
  377. package/build/module/internal/icons/LoadingSpinner/index.js +13 -4
  378. package/build/module/internal/icons/LoadingSpinner/index.js.map +1 -1
  379. package/build/module/internal/icons/LoadingSpinner/index.native.js +13 -4
  380. package/build/module/internal/icons/LoadingSpinner/index.native.js.map +1 -1
  381. package/build/module/utils/createSvgIcon.js +2 -9
  382. package/build/module/utils/createSvgIcon.js.map +1 -1
  383. package/build/typescript/Accordion/index.d.ts +3 -2
  384. package/build/typescript/Accordion/useVariantStyleMap.d.ts +1 -0
  385. package/build/typescript/AppBar/AppBarProps.d.ts +2 -1
  386. package/build/typescript/AppBar/index.d.ts +1 -0
  387. package/build/typescript/Badge/index.d.ts +3 -2
  388. package/build/typescript/BottomSheetActions/BottomSheetActions.d.ts +3 -0
  389. package/build/typescript/BottomSheetActions/BottomSheetActionsProps.d.ts +4 -0
  390. package/build/typescript/BottomSheetActions/index.d.ts +2 -0
  391. package/build/typescript/BottomSheetContent/BottomSheetContent.d.ts +3 -0
  392. package/build/typescript/BottomSheetContent/BottomSheetContentProps.d.ts +4 -0
  393. package/build/typescript/BottomSheetContent/index.d.ts +2 -0
  394. package/build/typescript/BottomSheetTitle/BottomSheetTitle.d.ts +3 -0
  395. package/build/typescript/BottomSheetTitle/BottomSheetTitleProps.d.ts +12 -0
  396. package/build/typescript/BottomSheetTitle/index.d.ts +2 -0
  397. package/build/typescript/Button/ButtonProps.d.ts +11 -6
  398. package/build/typescript/Button/index.d.ts +3 -2
  399. package/build/typescript/Checkbox/index.d.ts +3 -2
  400. package/build/typescript/Checkbox/useVariantStyleMap.d.ts +1 -0
  401. package/build/typescript/Chip/index.d.ts +3 -2
  402. package/build/typescript/Dialog/DialogContext.d.ts +7 -0
  403. package/build/typescript/Dialog/index.d.ts +5 -2
  404. package/build/typescript/Dialog/useDialogSectionStyle.d.ts +2 -0
  405. package/build/typescript/Dialog/useDialogStyle.d.ts +1 -1
  406. package/build/typescript/DialogActions/index.d.ts +1 -1
  407. package/build/typescript/DialogContent/index.d.ts +2 -2
  408. package/build/typescript/DialogMedia/index.d.ts +2 -2
  409. package/build/typescript/DialogTitle/index.d.ts +2 -2
  410. package/build/typescript/Divider/DividerProps.d.ts +3 -3
  411. package/build/typescript/Divider/index.d.ts +3 -2
  412. package/build/typescript/Flexbox/FlexboxProps.d.ts +4 -0
  413. package/build/typescript/IconButton/IconButtonProps.d.ts +5 -0
  414. package/build/typescript/IconButton/index.d.ts +3 -2
  415. package/build/typescript/ListItem/ListItem.d.ts +1 -1
  416. package/build/typescript/ListItem/ListItemProps.d.ts +4 -0
  417. package/build/typescript/ListItemText/ListItemTextProps.d.ts +2 -9
  418. package/build/typescript/Pagination/index.d.ts +3 -2
  419. package/build/typescript/Radio/index.d.ts +2 -2
  420. package/build/typescript/RadioGroup/index.d.ts +1 -1
  421. package/build/typescript/Section/Section.d.ts +3 -0
  422. package/build/typescript/Section/SectionProps.d.ts +6 -0
  423. package/build/typescript/Section/index.d.ts +2 -0
  424. package/build/typescript/Snackbar/index.d.ts +3 -2
  425. package/build/typescript/SnackbarContent/index.d.ts +2 -2
  426. package/build/typescript/SvgIcon/index.d.ts +3 -2
  427. package/build/typescript/Tab/index.d.ts +2 -2
  428. package/build/typescript/TabBase/index.d.ts +1 -1
  429. package/build/typescript/Tabs/Tabs.d.ts +1 -1
  430. package/build/typescript/Tabs/TabsProps.d.ts +8 -1
  431. package/build/typescript/Tabs/index.d.ts +3 -2
  432. package/build/typescript/Tabs/useTabsStyle.d.ts +7 -0
  433. package/build/typescript/TextField/index.d.ts +3 -2
  434. package/build/typescript/Toolbar/ToolbarProps.d.ts +9 -2
  435. package/build/typescript/Toolbar/index.d.ts +1 -0
  436. package/build/typescript/Tooltip/Beaks/index.d.ts +4 -0
  437. package/build/typescript/Tooltip/index.d.ts +4 -2
  438. package/build/typescript/Typography/TypographyProps.d.ts +4 -0
  439. package/build/typescript/Typography/index.d.ts +3 -2
  440. package/build/typescript/hooks/useContentContainerStyle.d.ts +4 -8
  441. package/build/typescript/index.d.ts +8 -2
  442. package/build/typescript/internal/icons/Check.d.ts +125 -2
  443. package/build/typescript/internal/icons/CheckCircle.d.ts +125 -2
  444. package/build/typescript/internal/icons/Checkbox.d.ts +125 -2
  445. package/build/typescript/internal/icons/CheckboxChecked.d.ts +125 -2
  446. package/build/typescript/internal/icons/CheckboxOn.d.ts +125 -2
  447. package/build/typescript/internal/icons/ChevronDown.d.ts +125 -2
  448. package/build/typescript/internal/icons/ChevronLeft.d.ts +125 -2
  449. package/build/typescript/internal/icons/ChevronRight.d.ts +125 -2
  450. package/build/typescript/internal/icons/Clear.d.ts +125 -2
  451. package/build/typescript/internal/icons/Close.d.ts +125 -2
  452. package/build/typescript/internal/icons/EyeOff.d.ts +125 -2
  453. package/build/typescript/internal/icons/EyeOn.d.ts +125 -2
  454. package/build/typescript/internal/icons/InfoCircle.d.ts +125 -2
  455. package/build/typescript/internal/icons/Radio.d.ts +125 -2
  456. package/build/typescript/internal/icons/RadioChecked.d.ts +125 -2
  457. package/build/typescript/internal/icons/Search.d.ts +125 -2
  458. package/build/typescript/utils/createSvgIcon.d.ts +1 -5
  459. package/package.json +4 -4
  460. package/src/Accordion/Accordion.tsx +4 -2
  461. package/src/Accordion/index.ts +3 -2
  462. package/src/Accordion/useVariantStyleMap.ts +14 -10
  463. package/src/AppBar/AppBar.tsx +7 -13
  464. package/src/AppBar/AppBarProps.ts +2 -1
  465. package/src/AppBar/index.ts +2 -1
  466. package/src/Badge/index.ts +13 -2
  467. package/src/Badge/useVariantStyleMap.ts +17 -7
  468. package/src/BottomSheetActions/BottomSheetActions.tsx +42 -0
  469. package/src/BottomSheetActions/BottomSheetActionsProps.ts +4 -0
  470. package/src/BottomSheetActions/index.ts +2 -0
  471. package/src/BottomSheetContent/BottomSheetContent.tsx +45 -0
  472. package/src/BottomSheetContent/BottomSheetContentProps.ts +4 -0
  473. package/src/BottomSheetContent/index.ts +2 -0
  474. package/src/BottomSheetTitle/BottomSheetTitle.tsx +84 -0
  475. package/src/BottomSheetTitle/BottomSheetTitleProps.ts +12 -0
  476. package/src/BottomSheetTitle/index.ts +2 -0
  477. package/src/Button/Button.tsx +28 -15
  478. package/src/Button/ButtonProps.ts +12 -6
  479. package/src/Button/index.ts +3 -2
  480. package/src/Button/useVariantStyleMap.ts +5 -1
  481. package/src/Checkbox/Checkbox.tsx +12 -10
  482. package/src/Checkbox/index.ts +3 -2
  483. package/src/Checkbox/useVariantStyleMap.ts +9 -1
  484. package/src/Chip/index.ts +3 -2
  485. package/src/Chip/useChipStyle.ts +2 -6
  486. package/src/Dialog/Dialog.tsx +9 -19
  487. package/src/Dialog/DialogContext.tsx +14 -0
  488. package/src/Dialog/index.ts +5 -2
  489. package/src/Dialog/useDialogSectionStyle.ts +31 -0
  490. package/src/Dialog/useDialogStyle.ts +14 -22
  491. package/src/DialogActions/DialogActions.tsx +28 -3
  492. package/src/DialogActions/index.ts +1 -1
  493. package/src/DialogContent/DialogContent.tsx +6 -2
  494. package/src/DialogContent/index.ts +2 -2
  495. package/src/DialogMedia/DialogMedia.tsx +1 -0
  496. package/src/DialogMedia/index.ts +2 -2
  497. package/src/DialogTitle/DialogTitle.tsx +4 -0
  498. package/src/DialogTitle/index.ts +2 -2
  499. package/src/Divider/Divider.tsx +1 -1
  500. package/src/Divider/DividerProps.ts +3 -3
  501. package/src/Divider/index.ts +3 -2
  502. package/src/Empty/Empty.tsx +3 -5
  503. package/src/Flexbox/Flexbox.tsx +2 -0
  504. package/src/Flexbox/FlexboxProps.ts +5 -0
  505. package/src/IconButton/IconButton.tsx +33 -3
  506. package/src/IconButton/IconButtonProps.ts +6 -0
  507. package/src/IconButton/index.ts +3 -2
  508. package/src/ListItem/ListItem.tsx +69 -28
  509. package/src/ListItem/ListItemProps.ts +5 -0
  510. package/src/ListItemIcon/ListItemIcon.tsx +1 -2
  511. package/src/ListItemSecondaryAction/ListItemSecondaryAction.tsx +2 -0
  512. package/src/ListItemText/ListItemText.tsx +20 -28
  513. package/src/ListItemText/ListItemTextProps.ts +2 -10
  514. package/src/ListSubheader/ListSubheader.tsx +2 -2
  515. package/src/Pagination/NumberPagination.tsx +1 -1
  516. package/src/Pagination/Pagination.tsx +0 -4
  517. package/src/Pagination/index.ts +3 -2
  518. package/src/Radio/Radio.tsx +9 -6
  519. package/src/Radio/index.ts +2 -2
  520. package/src/RadioGroup/index.ts +1 -1
  521. package/src/Section/Section.tsx +26 -0
  522. package/src/Section/SectionProps.ts +6 -0
  523. package/src/Section/index.ts +2 -0
  524. package/src/ShadowView/ShadowView.native.tsx +25 -10
  525. package/src/Snackbar/Snackbar.tsx +1 -1
  526. package/src/Snackbar/index.ts +3 -2
  527. package/src/SnackbarContent/SnackbarContent.tsx +48 -19
  528. package/src/SnackbarContent/StatusIcon.tsx +0 -2
  529. package/src/SnackbarContent/index.ts +2 -2
  530. package/src/SvgIcon/index.ts +3 -2
  531. package/src/Tab/Tab.tsx +1 -1
  532. package/src/Tab/index.ts +2 -2
  533. package/src/Tab/useVariantStyleMap.ts +3 -3
  534. package/src/TabBase/index.ts +1 -1
  535. package/src/Tabs/Tabs.tsx +21 -3
  536. package/src/Tabs/TabsProps.ts +10 -1
  537. package/src/Tabs/index.ts +3 -2
  538. package/src/Tabs/useTabsStyle.ts +35 -0
  539. package/src/TextField/TextField.tsx +1 -2
  540. package/src/TextField/index.tsx +3 -2
  541. package/src/TextField/useVariantStyleMap.ts +2 -2
  542. package/src/Toggle/Toggle.tsx +7 -5
  543. package/src/Toolbar/Toolbar.tsx +13 -6
  544. package/src/Toolbar/ToolbarProps.ts +11 -2
  545. package/src/Toolbar/index.ts +2 -1
  546. package/src/Tooltip/Beaks/index.ts +4 -0
  547. package/src/Tooltip/Tooltip.tsx +5 -11
  548. package/src/Tooltip/index.ts +4 -2
  549. package/src/Typography/Typography.tsx +3 -1
  550. package/src/Typography/TypographyProps.ts +5 -0
  551. package/src/Typography/index.ts +3 -2
  552. package/src/hooks/useBreakpointUp.ts +3 -1
  553. package/src/hooks/useContentContainerStyle.ts +26 -34
  554. package/src/index.ts +12 -3
  555. package/src/internal/icons/LoadingSpinner/index.native.tsx +17 -7
  556. package/src/internal/icons/LoadingSpinner/index.tsx +17 -7
  557. package/src/utils/createSvgIcon.tsx +3 -21
  558. package/build/commonjs/Accordion/LegacyAccordion.js +0 -171
  559. package/build/commonjs/Accordion/LegacyAccordion.js.map +0 -1
  560. package/build/commonjs/Accordion/LegacyAccordionProps.js +0 -2
  561. package/build/commonjs/Accordion/LegacyAccordionProps.js.map +0 -1
  562. package/build/commonjs/Badge/LegacyBadge.js +0 -61
  563. package/build/commonjs/Badge/LegacyBadge.js.map +0 -1
  564. package/build/commonjs/Badge/LegacyBadgeProps.js +0 -2
  565. package/build/commonjs/Badge/LegacyBadgeProps.js.map +0 -1
  566. package/build/commonjs/Button/LegacyButton.js +0 -144
  567. package/build/commonjs/Button/LegacyButton.js.map +0 -1
  568. package/build/commonjs/Button/LegacyButtonProps.js +0 -2
  569. package/build/commonjs/Button/LegacyButtonProps.js.map +0 -1
  570. package/build/commonjs/Checkbox/LegacyCheckbox.js +0 -65
  571. package/build/commonjs/Checkbox/LegacyCheckbox.js.map +0 -1
  572. package/build/commonjs/Checkbox/LegacyCheckboxProps.js +0 -2
  573. package/build/commonjs/Checkbox/LegacyCheckboxProps.js.map +0 -1
  574. package/build/commonjs/CheckboxGroup/CheckboxGroup.js +0 -50
  575. package/build/commonjs/CheckboxGroup/CheckboxGroup.js.map +0 -1
  576. package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js +0 -2
  577. package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js.map +0 -1
  578. package/build/commonjs/CheckboxGroup/index.js.map +0 -1
  579. package/build/commonjs/Chip/LegacyChip.js +0 -98
  580. package/build/commonjs/Chip/LegacyChip.js.map +0 -1
  581. package/build/commonjs/Chip/LegacyChipProps.js +0 -2
  582. package/build/commonjs/Chip/LegacyChipProps.js.map +0 -1
  583. package/build/commonjs/Dialog/LegacyDialog.js +0 -181
  584. package/build/commonjs/Dialog/LegacyDialog.js.map +0 -1
  585. package/build/commonjs/Dialog/LegacyDialogProps.js +0 -2
  586. package/build/commonjs/Dialog/LegacyDialogProps.js.map +0 -1
  587. package/build/commonjs/DialogActions/LegacyDialogActions.js +0 -30
  588. package/build/commonjs/DialogActions/LegacyDialogActions.js.map +0 -1
  589. package/build/commonjs/DialogContent/LegacyDialogContent.js +0 -36
  590. package/build/commonjs/DialogContent/LegacyDialogContent.js.map +0 -1
  591. package/build/commonjs/DialogContent/LegacyDialogContentProps.js +0 -2
  592. package/build/commonjs/DialogContent/LegacyDialogContentProps.js.map +0 -1
  593. package/build/commonjs/DialogMedia/LegacyDialogMedia.js +0 -33
  594. package/build/commonjs/DialogMedia/LegacyDialogMedia.js.map +0 -1
  595. package/build/commonjs/DialogMedia/LegacyDialogMediaProps.js +0 -2
  596. package/build/commonjs/DialogMedia/LegacyDialogMediaProps.js.map +0 -1
  597. package/build/commonjs/DialogTitle/LegacyDialogTitle.js +0 -36
  598. package/build/commonjs/DialogTitle/LegacyDialogTitle.js.map +0 -1
  599. package/build/commonjs/DialogTitle/LegacyDialogTitleProps.js +0 -2
  600. package/build/commonjs/DialogTitle/LegacyDialogTitleProps.js.map +0 -1
  601. package/build/commonjs/Divider/LegacyDivider.js +0 -114
  602. package/build/commonjs/Divider/LegacyDivider.js.map +0 -1
  603. package/build/commonjs/Divider/LegacyDividerProps.js +0 -2
  604. package/build/commonjs/Divider/LegacyDividerProps.js.map +0 -1
  605. package/build/commonjs/IconButton/LegacyIconButton.js +0 -89
  606. package/build/commonjs/IconButton/LegacyIconButton.js.map +0 -1
  607. package/build/commonjs/IconButton/LegacyIconButtonProps.js +0 -2
  608. package/build/commonjs/IconButton/LegacyIconButtonProps.js.map +0 -1
  609. package/build/commonjs/Pagination/LegacyPagination.js +0 -145
  610. package/build/commonjs/Pagination/LegacyPagination.js.map +0 -1
  611. package/build/commonjs/Pagination/LegacyPaginationProps.js +0 -2
  612. package/build/commonjs/Pagination/LegacyPaginationProps.js.map +0 -1
  613. package/build/commonjs/PaginationItem/LegacyPaginationItem.js.map +0 -1
  614. package/build/commonjs/Radio/LegacyRadio.js +0 -82
  615. package/build/commonjs/Radio/LegacyRadio.js.map +0 -1
  616. package/build/commonjs/Radio/LegacyRadioProps.js +0 -2
  617. package/build/commonjs/Radio/LegacyRadioProps.js.map +0 -1
  618. package/build/commonjs/RadioGroup/LegacyRadioGroup.js +0 -31
  619. package/build/commonjs/RadioGroup/LegacyRadioGroup.js.map +0 -1
  620. package/build/commonjs/Snackbar/LegacySnackbar.js +0 -134
  621. package/build/commonjs/Snackbar/LegacySnackbar.js.map +0 -1
  622. package/build/commonjs/Snackbar/LegacySnackbarProps.js +0 -2
  623. package/build/commonjs/Snackbar/LegacySnackbarProps.js.map +0 -1
  624. package/build/commonjs/SnackbarContent/LegacySnackbarContent.js +0 -105
  625. package/build/commonjs/SnackbarContent/LegacySnackbarContent.js.map +0 -1
  626. package/build/commonjs/SnackbarContent/LegacySnackbarContentProps.js +0 -2
  627. package/build/commonjs/SnackbarContent/LegacySnackbarContentProps.js.map +0 -1
  628. package/build/commonjs/SvgIcon/LegacySvgIcon.js.map +0 -1
  629. package/build/commonjs/SvgIcon/LegacySvgIconProps.js +0 -2
  630. package/build/commonjs/SvgIcon/LegacySvgIconProps.js.map +0 -1
  631. package/build/commonjs/Tab/LegacyTab.js +0 -126
  632. package/build/commonjs/Tab/LegacyTab.js.map +0 -1
  633. package/build/commonjs/Tab/LegacyTabProps.js +0 -2
  634. package/build/commonjs/Tab/LegacyTabProps.js.map +0 -1
  635. package/build/commonjs/Tab/TabIndicator.js +0 -44
  636. package/build/commonjs/Tab/TabIndicator.js.map +0 -1
  637. package/build/commonjs/TabBase/LegacyTabBase.js +0 -57
  638. package/build/commonjs/TabBase/LegacyTabBase.js.map +0 -1
  639. package/build/commonjs/Tabs/LegacyTabIndicator.js +0 -120
  640. package/build/commonjs/Tabs/LegacyTabIndicator.js.map +0 -1
  641. package/build/commonjs/Tabs/LegacyTabIndicatorProps.js +0 -2
  642. package/build/commonjs/Tabs/LegacyTabIndicatorProps.js.map +0 -1
  643. package/build/commonjs/Tabs/LegacyTabs.js +0 -207
  644. package/build/commonjs/Tabs/LegacyTabs.js.map +0 -1
  645. package/build/commonjs/Tabs/LegacyTabsProps.js +0 -2
  646. package/build/commonjs/Tabs/LegacyTabsProps.js.map +0 -1
  647. package/build/commonjs/TextField/InputLabel.js +0 -163
  648. package/build/commonjs/TextField/InputLabel.js.map +0 -1
  649. package/build/commonjs/TextField/LegacyTextField.js +0 -195
  650. package/build/commonjs/TextField/LegacyTextField.js.map +0 -1
  651. package/build/commonjs/TextField/LegacyTextFieldProps.js +0 -2
  652. package/build/commonjs/TextField/LegacyTextFieldProps.js.map +0 -1
  653. package/build/commonjs/TextField/OutlinedTextField.js +0 -190
  654. package/build/commonjs/TextField/OutlinedTextField.js.map +0 -1
  655. package/build/commonjs/Tooltip/LegacyTooltip.js +0 -147
  656. package/build/commonjs/Tooltip/LegacyTooltip.js.map +0 -1
  657. package/build/commonjs/Tooltip/LegacyTooltipProps.js +0 -2
  658. package/build/commonjs/Tooltip/LegacyTooltipProps.js.map +0 -1
  659. package/build/commonjs/Tooltip/UpArrow.js +0 -34
  660. package/build/commonjs/Tooltip/UpArrow.js.map +0 -1
  661. package/build/commonjs/Tooltip/UpArrowProps.js +0 -2
  662. package/build/commonjs/Tooltip/UpArrowProps.js.map +0 -1
  663. package/build/commonjs/Typography/LegacyTypography.js +0 -142
  664. package/build/commonjs/Typography/LegacyTypography.js.map +0 -1
  665. package/build/commonjs/Typography/LegacyTypographyProps.js +0 -2
  666. package/build/commonjs/Typography/LegacyTypographyProps.js.map +0 -1
  667. package/build/module/Accordion/LegacyAccordion.js +0 -148
  668. package/build/module/Accordion/LegacyAccordion.js.map +0 -1
  669. package/build/module/Accordion/LegacyAccordionProps.js +0 -2
  670. package/build/module/Accordion/LegacyAccordionProps.js.map +0 -1
  671. package/build/module/Badge/LegacyBadge.js +0 -48
  672. package/build/module/Badge/LegacyBadge.js.map +0 -1
  673. package/build/module/Badge/LegacyBadgeProps.js +0 -2
  674. package/build/module/Badge/LegacyBadgeProps.js.map +0 -1
  675. package/build/module/Button/LegacyButton.js +0 -127
  676. package/build/module/Button/LegacyButton.js.map +0 -1
  677. package/build/module/Button/LegacyButtonProps.js +0 -2
  678. package/build/module/Button/LegacyButtonProps.js.map +0 -1
  679. package/build/module/Checkbox/LegacyCheckbox.js +0 -52
  680. package/build/module/Checkbox/LegacyCheckbox.js.map +0 -1
  681. package/build/module/Checkbox/LegacyCheckboxProps.js +0 -2
  682. package/build/module/Checkbox/LegacyCheckboxProps.js.map +0 -1
  683. package/build/module/CheckboxGroup/CheckboxGroup.js +0 -34
  684. package/build/module/CheckboxGroup/CheckboxGroup.js.map +0 -1
  685. package/build/module/CheckboxGroup/CheckboxGroupProps.js +0 -2
  686. package/build/module/CheckboxGroup/CheckboxGroupProps.js.map +0 -1
  687. package/build/module/CheckboxGroup/index.js +0 -2
  688. package/build/module/CheckboxGroup/index.js.map +0 -1
  689. package/build/module/Chip/LegacyChip.js +0 -84
  690. package/build/module/Chip/LegacyChip.js.map +0 -1
  691. package/build/module/Chip/LegacyChipProps.js +0 -2
  692. package/build/module/Chip/LegacyChipProps.js.map +0 -1
  693. package/build/module/Dialog/LegacyDialog.js +0 -160
  694. package/build/module/Dialog/LegacyDialog.js.map +0 -1
  695. package/build/module/Dialog/LegacyDialogProps.js +0 -2
  696. package/build/module/Dialog/LegacyDialogProps.js.map +0 -1
  697. package/build/module/DialogActions/LegacyDialogActions.js +0 -17
  698. package/build/module/DialogActions/LegacyDialogActions.js.map +0 -1
  699. package/build/module/DialogContent/LegacyDialogContent.js +0 -22
  700. package/build/module/DialogContent/LegacyDialogContent.js.map +0 -1
  701. package/build/module/DialogContent/LegacyDialogContentProps.js +0 -2
  702. package/build/module/DialogContent/LegacyDialogContentProps.js.map +0 -1
  703. package/build/module/DialogMedia/LegacyDialogMedia.js +0 -21
  704. package/build/module/DialogMedia/LegacyDialogMedia.js.map +0 -1
  705. package/build/module/DialogMedia/LegacyDialogMediaProps.js +0 -2
  706. package/build/module/DialogMedia/LegacyDialogMediaProps.js.map +0 -1
  707. package/build/module/DialogTitle/LegacyDialogTitle.js +0 -22
  708. package/build/module/DialogTitle/LegacyDialogTitle.js.map +0 -1
  709. package/build/module/DialogTitle/LegacyDialogTitleProps.js +0 -2
  710. package/build/module/DialogTitle/LegacyDialogTitleProps.js.map +0 -1
  711. package/build/module/Divider/LegacyDivider.js +0 -100
  712. package/build/module/Divider/LegacyDivider.js.map +0 -1
  713. package/build/module/Divider/LegacyDividerProps.js +0 -2
  714. package/build/module/Divider/LegacyDividerProps.js.map +0 -1
  715. package/build/module/IconButton/LegacyIconButton.js +0 -74
  716. package/build/module/IconButton/LegacyIconButton.js.map +0 -1
  717. package/build/module/IconButton/LegacyIconButtonProps.js +0 -2
  718. package/build/module/IconButton/LegacyIconButtonProps.js.map +0 -1
  719. package/build/module/Pagination/LegacyPagination.js +0 -129
  720. package/build/module/Pagination/LegacyPagination.js.map +0 -1
  721. package/build/module/Pagination/LegacyPaginationProps.js +0 -2
  722. package/build/module/Pagination/LegacyPaginationProps.js.map +0 -1
  723. package/build/module/PaginationItem/LegacyPaginationItem.js.map +0 -1
  724. package/build/module/Radio/LegacyRadio.js +0 -63
  725. package/build/module/Radio/LegacyRadio.js.map +0 -1
  726. package/build/module/Radio/LegacyRadioProps.js +0 -2
  727. package/build/module/Radio/LegacyRadioProps.js.map +0 -1
  728. package/build/module/RadioGroup/LegacyRadioGroup.js +0 -18
  729. package/build/module/RadioGroup/LegacyRadioGroup.js.map +0 -1
  730. package/build/module/Snackbar/LegacySnackbar.js +0 -107
  731. package/build/module/Snackbar/LegacySnackbar.js.map +0 -1
  732. package/build/module/Snackbar/LegacySnackbarProps.js +0 -2
  733. package/build/module/Snackbar/LegacySnackbarProps.js.map +0 -1
  734. package/build/module/SnackbarContent/LegacySnackbarContent.js +0 -84
  735. package/build/module/SnackbarContent/LegacySnackbarContent.js.map +0 -1
  736. package/build/module/SnackbarContent/LegacySnackbarContentProps.js +0 -2
  737. package/build/module/SnackbarContent/LegacySnackbarContentProps.js.map +0 -1
  738. package/build/module/SvgIcon/LegacySvgIcon.js +0 -30
  739. package/build/module/SvgIcon/LegacySvgIcon.js.map +0 -1
  740. package/build/module/SvgIcon/LegacySvgIconProps.js +0 -2
  741. package/build/module/SvgIcon/LegacySvgIconProps.js.map +0 -1
  742. package/build/module/Tab/LegacyTab.js +0 -105
  743. package/build/module/Tab/LegacyTab.js.map +0 -1
  744. package/build/module/Tab/LegacyTabProps.js +0 -2
  745. package/build/module/Tab/LegacyTabProps.js.map +0 -1
  746. package/build/module/Tab/TabIndicator.js +0 -31
  747. package/build/module/Tab/TabIndicator.js.map +0 -1
  748. package/build/module/TabBase/LegacyTabBase.js +0 -44
  749. package/build/module/TabBase/LegacyTabBase.js.map +0 -1
  750. package/build/module/Tabs/LegacyTabIndicator.js +0 -99
  751. package/build/module/Tabs/LegacyTabIndicator.js.map +0 -1
  752. package/build/module/Tabs/LegacyTabIndicatorProps.js +0 -2
  753. package/build/module/Tabs/LegacyTabIndicatorProps.js.map +0 -1
  754. package/build/module/Tabs/LegacyTabs.js +0 -182
  755. package/build/module/Tabs/LegacyTabs.js.map +0 -1
  756. package/build/module/Tabs/LegacyTabsProps.js +0 -2
  757. package/build/module/Tabs/LegacyTabsProps.js.map +0 -1
  758. package/build/module/TextField/InputLabel.js +0 -149
  759. package/build/module/TextField/InputLabel.js.map +0 -1
  760. package/build/module/TextField/LegacyTextField.js +0 -169
  761. package/build/module/TextField/LegacyTextField.js.map +0 -1
  762. package/build/module/TextField/LegacyTextFieldProps.js +0 -2
  763. package/build/module/TextField/LegacyTextFieldProps.js.map +0 -1
  764. package/build/module/TextField/OutlinedTextField.js +0 -174
  765. package/build/module/TextField/OutlinedTextField.js.map +0 -1
  766. package/build/module/Tooltip/LegacyTooltip.js +0 -121
  767. package/build/module/Tooltip/LegacyTooltip.js.map +0 -1
  768. package/build/module/Tooltip/LegacyTooltipProps.js +0 -2
  769. package/build/module/Tooltip/LegacyTooltipProps.js.map +0 -1
  770. package/build/module/Tooltip/UpArrow.js +0 -22
  771. package/build/module/Tooltip/UpArrow.js.map +0 -1
  772. package/build/module/Tooltip/UpArrowProps.js +0 -2
  773. package/build/module/Tooltip/UpArrowProps.js.map +0 -1
  774. package/build/module/Typography/LegacyTypography.js +0 -126
  775. package/build/module/Typography/LegacyTypography.js.map +0 -1
  776. package/build/module/Typography/LegacyTypographyProps.js +0 -2
  777. package/build/module/Typography/LegacyTypographyProps.js.map +0 -1
  778. package/build/typescript/Accordion/LegacyAccordion.d.ts +0 -3
  779. package/build/typescript/Accordion/LegacyAccordionProps.d.ts +0 -28
  780. package/build/typescript/Badge/LegacyBadge.d.ts +0 -3
  781. package/build/typescript/Badge/LegacyBadgeProps.d.ts +0 -34
  782. package/build/typescript/Button/LegacyButton.d.ts +0 -3
  783. package/build/typescript/Button/LegacyButtonProps.d.ts +0 -51
  784. package/build/typescript/Checkbox/LegacyCheckbox.d.ts +0 -3
  785. package/build/typescript/Checkbox/LegacyCheckboxProps.d.ts +0 -36
  786. package/build/typescript/CheckboxGroup/CheckboxGroup.d.ts +0 -3
  787. package/build/typescript/CheckboxGroup/CheckboxGroupProps.d.ts +0 -11
  788. package/build/typescript/CheckboxGroup/index.d.ts +0 -2
  789. package/build/typescript/Chip/LegacyChip.d.ts +0 -3
  790. package/build/typescript/Chip/LegacyChipProps.d.ts +0 -28
  791. package/build/typescript/Dialog/LegacyDialog.d.ts +0 -3
  792. package/build/typescript/Dialog/LegacyDialogProps.d.ts +0 -25
  793. package/build/typescript/DialogActions/LegacyDialogActions.d.ts +0 -3
  794. package/build/typescript/DialogContent/LegacyDialogContent.d.ts +0 -3
  795. package/build/typescript/DialogContent/LegacyDialogContentProps.d.ts +0 -10
  796. package/build/typescript/DialogMedia/LegacyDialogMedia.d.ts +0 -3
  797. package/build/typescript/DialogMedia/LegacyDialogMediaProps.d.ts +0 -15
  798. package/build/typescript/DialogTitle/LegacyDialogTitle.d.ts +0 -3
  799. package/build/typescript/DialogTitle/LegacyDialogTitleProps.d.ts +0 -15
  800. package/build/typescript/Divider/LegacyDivider.d.ts +0 -3
  801. package/build/typescript/Divider/LegacyDividerProps.d.ts +0 -41
  802. package/build/typescript/IconButton/LegacyIconButton.d.ts +0 -3
  803. package/build/typescript/IconButton/LegacyIconButtonProps.d.ts +0 -30
  804. package/build/typescript/Pagination/LegacyPagination.d.ts +0 -3
  805. package/build/typescript/Pagination/LegacyPaginationProps.d.ts +0 -71
  806. package/build/typescript/PaginationItem/LegacyPaginationItem.d.ts +0 -5
  807. package/build/typescript/Radio/LegacyRadio.d.ts +0 -3
  808. package/build/typescript/Radio/LegacyRadioProps.d.ts +0 -43
  809. package/build/typescript/RadioGroup/LegacyRadioGroup.d.ts +0 -3
  810. package/build/typescript/Snackbar/LegacySnackbar.d.ts +0 -3
  811. package/build/typescript/Snackbar/LegacySnackbarProps.d.ts +0 -51
  812. package/build/typescript/SnackbarContent/LegacySnackbarContent.d.ts +0 -3
  813. package/build/typescript/SnackbarContent/LegacySnackbarContentProps.d.ts +0 -26
  814. package/build/typescript/SvgIcon/LegacySvgIcon.d.ts +0 -3
  815. package/build/typescript/SvgIcon/LegacySvgIconProps.d.ts +0 -35
  816. package/build/typescript/Tab/LegacyTab.d.ts +0 -3
  817. package/build/typescript/Tab/LegacyTabProps.d.ts +0 -58
  818. package/build/typescript/Tab/TabIndicator.d.ts +0 -7
  819. package/build/typescript/TabBase/LegacyTabBase.d.ts +0 -3
  820. package/build/typescript/Tabs/LegacyTabIndicator.d.ts +0 -3
  821. package/build/typescript/Tabs/LegacyTabIndicatorProps.d.ts +0 -32
  822. package/build/typescript/Tabs/LegacyTabs.d.ts +0 -5
  823. package/build/typescript/Tabs/LegacyTabsProps.d.ts +0 -79
  824. package/build/typescript/TextField/InputLabel.d.ts +0 -33
  825. package/build/typescript/TextField/LegacyTextField.d.ts +0 -5
  826. package/build/typescript/TextField/LegacyTextFieldProps.d.ts +0 -67
  827. package/build/typescript/TextField/OutlinedTextField.d.ts +0 -17
  828. package/build/typescript/Tooltip/LegacyTooltip.d.ts +0 -3
  829. package/build/typescript/Tooltip/LegacyTooltipProps.d.ts +0 -72
  830. package/build/typescript/Tooltip/UpArrow.d.ts +0 -5
  831. package/build/typescript/Tooltip/UpArrowProps.d.ts +0 -17
  832. package/build/typescript/Typography/LegacyTypography.d.ts +0 -5
  833. package/build/typescript/Typography/LegacyTypographyProps.d.ts +0 -81
  834. package/src/Accordion/LegacyAccordion.tsx +0 -188
  835. package/src/Accordion/LegacyAccordionProps.ts +0 -34
  836. package/src/Badge/LegacyBadge.tsx +0 -66
  837. package/src/Badge/LegacyBadgeProps.ts +0 -40
  838. package/src/Button/LegacyButton.tsx +0 -157
  839. package/src/Button/LegacyButtonProps.ts +0 -62
  840. package/src/Checkbox/LegacyCheckbox.tsx +0 -62
  841. package/src/Checkbox/LegacyCheckboxProps.ts +0 -42
  842. package/src/CheckboxGroup/CheckboxGroup.tsx +0 -47
  843. package/src/CheckboxGroup/CheckboxGroupProps.ts +0 -11
  844. package/src/CheckboxGroup/index.ts +0 -2
  845. package/src/Chip/LegacyChip.tsx +0 -116
  846. package/src/Chip/LegacyChipProps.ts +0 -33
  847. package/src/Dialog/LegacyDialog.tsx +0 -198
  848. package/src/Dialog/LegacyDialogProps.ts +0 -28
  849. package/src/DialogActions/LegacyDialogActions.tsx +0 -23
  850. package/src/DialogContent/LegacyDialogContent.tsx +0 -30
  851. package/src/DialogContent/LegacyDialogContentProps.ts +0 -10
  852. package/src/DialogMedia/LegacyDialogMedia.tsx +0 -21
  853. package/src/DialogMedia/LegacyDialogMediaProps.ts +0 -16
  854. package/src/DialogTitle/LegacyDialogTitle.tsx +0 -30
  855. package/src/DialogTitle/LegacyDialogTitleProps.ts +0 -16
  856. package/src/Divider/LegacyDivider.tsx +0 -114
  857. package/src/Divider/LegacyDividerProps.ts +0 -48
  858. package/src/IconButton/LegacyIconButton.tsx +0 -97
  859. package/src/IconButton/LegacyIconButtonProps.ts +0 -36
  860. package/src/Pagination/LegacyPagination.tsx +0 -168
  861. package/src/Pagination/LegacyPaginationProps.ts +0 -85
  862. package/src/PaginationItem/LegacyPaginationItem.tsx +0 -52
  863. package/src/Radio/LegacyRadio.tsx +0 -72
  864. package/src/Radio/LegacyRadioProps.ts +0 -50
  865. package/src/RadioGroup/LegacyRadioGroup.tsx +0 -20
  866. package/src/Snackbar/LegacySnackbar.tsx +0 -130
  867. package/src/Snackbar/LegacySnackbarProps.ts +0 -61
  868. package/src/SnackbarContent/LegacySnackbarContent.tsx +0 -129
  869. package/src/SnackbarContent/LegacySnackbarContentProps.ts +0 -30
  870. package/src/SvgIcon/LegacySvgIcon.tsx +0 -36
  871. package/src/SvgIcon/LegacySvgIconProps.ts +0 -41
  872. package/src/Tab/LegacyTab.tsx +0 -141
  873. package/src/Tab/LegacyTabProps.ts +0 -68
  874. package/src/Tab/TabIndicator.tsx +0 -38
  875. package/src/TabBase/LegacyTabBase.tsx +0 -55
  876. package/src/Tabs/LegacyTabIndicator.tsx +0 -112
  877. package/src/Tabs/LegacyTabIndicatorProps.ts +0 -37
  878. package/src/Tabs/LegacyTabs.tsx +0 -227
  879. package/src/Tabs/LegacyTabsProps.ts +0 -93
  880. package/src/TextField/InputLabel.tsx +0 -234
  881. package/src/TextField/LegacyTextField.tsx +0 -168
  882. package/src/TextField/LegacyTextFieldProps.ts +0 -80
  883. package/src/TextField/OutlinedTextField.tsx +0 -234
  884. package/src/Tooltip/LegacyTooltip.tsx +0 -167
  885. package/src/Tooltip/LegacyTooltipProps.ts +0 -86
  886. package/src/Tooltip/UpArrow.tsx +0 -21
  887. package/src/Tooltip/UpArrowProps.ts +0 -19
  888. package/src/Typography/LegacyTypography.tsx +0 -107
  889. package/src/Typography/LegacyTypographyProps.ts +0 -122
@@ -1,182 +0,0 @@
1
- import React, { cloneElement, forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
2
- import { View } from 'react-native';
3
- import { css, useTheme } from '../styles';
4
- import { useSyncAnimatedValue } from '../hooks';
5
- import TabIndicator from './LegacyTabIndicator';
6
- import ScrollableTabsView from './ScrollableTabsView';
7
- import IndexAwareTab from './IndexAwareTab';
8
- import useTabCoordinates from './useTabCoordinates';
9
- import useTabInnerContentsWidth from './useTabInnerContentsWidth';
10
- import useIndexStore from './useIndexStore';
11
- import InternalContext from './InternalContext';
12
- import { isEveryTabCoordinatesDefined } from './utils';
13
-
14
- const useStyles = function () {
15
- const theme = useTheme();
16
- return {
17
- root: {},
18
- fixedRoot: {
19
- flexDirection: 'row'
20
- },
21
- fixedTab: {
22
- flex: 1
23
- },
24
- scrollableContainer: {
25
- paddingHorizontal: theme.spacing(1)
26
- }
27
- };
28
- };
29
-
30
- const Tabs = /*#__PURE__*/forwardRef(function Tabs(props, ref) {
31
- var _React$Children$map;
32
-
33
- const {
34
- children,
35
- indicatorColor = 'primary',
36
- initialIndex = 0,
37
- disableIndicator = false,
38
- indicatorAnimationDisabled = false,
39
- indicatorSize = 'full',
40
- keyboardDismissMode = 'none',
41
- keyboardShouldPersistTaps = 'never',
42
- onChange,
43
- scrollable = false,
44
- scrollViewContentContainerStyle,
45
- style,
46
- variant = 'primary',
47
- UNSTABLE_sharedIndex,
48
- onTabSelected
49
- } = props;
50
- const fallbackSharedIndex = useSyncAnimatedValue({
51
- initialValue: initialIndex
52
- });
53
- const sharedIndex = UNSTABLE_sharedIndex ?? fallbackSharedIndex;
54
- const realInitialIndex = sharedIndex.initialValue;
55
- const currentIndexRef = useRef(initialIndex);
56
-
57
- const setTab = newIndex => {
58
- const currentIndex = currentIndexRef.current;
59
- onTabSelected === null || onTabSelected === void 0 ? void 0 : onTabSelected(newIndex, currentIndex);
60
- sharedIndex.animatedValue.setValue(newIndex);
61
- };
62
-
63
- useImperativeHandle(ref, () => ({
64
- setTab
65
- }), [sharedIndex]);
66
- const styles = useStyles();
67
- const [outerCoordinates, updateCoordinate] = useTabCoordinates(children);
68
- const [innerContentsWidthList, updateInnerContentsWidth] = useTabInnerContentsWidth(children);
69
- const canRenderIndicator = indicatorSize === 'fit-content' ? isEveryTabCoordinatesDefined(innerContentsWidthList, children) : isEveryTabCoordinatesDefined(outerCoordinates, children);
70
- const indexStore = useIndexStore(sharedIndex);
71
- const coordinates = useMemo(() => {
72
- if (indicatorSize !== 'fit-content') {
73
- return outerCoordinates;
74
- }
75
-
76
- return innerContentsWidthList.map((innerContentWidth, idx) => {
77
- const {
78
- x1: outerX1,
79
- x2: outerX2
80
- } = outerCoordinates[idx];
81
- const tabWidth = outerX2 - outerX1;
82
- const distanceFromParent = (tabWidth - innerContentWidth) / 2;
83
- const indicatorStartCoordinate = outerX1 + distanceFromParent;
84
- return {
85
- x1: indicatorStartCoordinate,
86
- x2: indicatorStartCoordinate + innerContentWidth
87
- };
88
- });
89
- }, [outerCoordinates, innerContentsWidthList, variant]);
90
- useEffect(() => {
91
- return indexStore.subscribe(newIndex => {
92
- onChange === null || onChange === void 0 ? void 0 : onChange(newIndex);
93
- currentIndexRef.current = newIndex;
94
- });
95
- }, [indexStore, onChange]);
96
- const tabElements = (_React$Children$map = React.Children.map(children, (child, index) => {
97
- if (!child) {
98
- return null;
99
- }
100
-
101
- const onTabInnerLayout = event => {
102
- const {
103
- width
104
- } = event.nativeEvent.layout;
105
- updateInnerContentsWidth(index, width);
106
- };
107
-
108
- const onLayout = event => {
109
- var _child$props$onLayout, _child$props;
110
-
111
- const {
112
- x,
113
- width
114
- } = event.nativeEvent.layout;
115
- updateCoordinate(index, x, width); // @ts-ignore
116
-
117
- (_child$props$onLayout = (_child$props = child.props).onLayout) === null || _child$props$onLayout === void 0 ? void 0 : _child$props$onLayout.call(_child$props, event);
118
- };
119
-
120
- const onMouseDown = e => {
121
- if (keyboardShouldPersistTaps === 'always') {
122
- e.preventDefault();
123
- }
124
- };
125
-
126
- const onPress = () => {
127
- var _child$props$onPress, _child$props2;
128
-
129
- setTab(index); // @ts-ignore
130
-
131
- (_child$props$onPress = (_child$props2 = child.props).onPress) === null || _child$props$onPress === void 0 ? void 0 : _child$props$onPress.call(_child$props2);
132
- }; // @ts-ignore
133
-
134
-
135
- const tabElement = /*#__PURE__*/cloneElement(child, {
136
- enableIndicator: !disableIndicator && !canRenderIndicator,
137
- indicatorColor,
138
- onTabInnerLayout,
139
- onLayout,
140
- onPress,
141
- onMouseDown,
142
- variant,
143
- indicatorSize,
144
- style: scrollable ? undefined : styles.fixedTab
145
- });
146
- return /*#__PURE__*/React.createElement(IndexAwareTab, {
147
- children: tabElement,
148
- index: index,
149
- initialIndex: realInitialIndex
150
- });
151
- })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.filter(Boolean);
152
- const tabIndicator = canRenderIndicator ? /*#__PURE__*/React.createElement(TabIndicator, {
153
- animationDisabled: indicatorAnimationDisabled,
154
- color: indicatorColor,
155
- coordinates: coordinates,
156
- disabled: disableIndicator,
157
- initialIndex: realInitialIndex,
158
- scrollable: scrollable
159
- }) : null;
160
- return /*#__PURE__*/React.createElement(InternalContext.Provider, {
161
- value: {
162
- indexStore
163
- }
164
- }, /*#__PURE__*/React.createElement(View, {
165
- style: css([styles.root, scrollable ? undefined : styles.fixedRoot, style])
166
- }, scrollable ? /*#__PURE__*/React.createElement(ScrollableTabsView, {
167
- automaticallyAdjustContentInsets: false,
168
- bounces: false,
169
- contentContainerStyle: css([styles.scrollableContainer, scrollViewContentContainerStyle]),
170
- coordinates: coordinates,
171
- directionalLockEnabled: true,
172
- horizontal: true,
173
- initialIndex: realInitialIndex,
174
- scrollsToTop: false,
175
- showsHorizontalScrollIndicator: false,
176
- showsVerticalScrollIndicator: false,
177
- keyboardDismissMode: keyboardDismissMode,
178
- keyboardShouldPersistTaps: keyboardShouldPersistTaps
179
- }, tabElements, tabIndicator) : /*#__PURE__*/React.createElement(React.Fragment, null, tabElements, tabIndicator)));
180
- });
181
- export default Tabs;
182
- //# sourceMappingURL=LegacyTabs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","cloneElement","forwardRef","useEffect","useImperativeHandle","useMemo","useRef","View","css","useTheme","useSyncAnimatedValue","TabIndicator","ScrollableTabsView","IndexAwareTab","useTabCoordinates","useTabInnerContentsWidth","useIndexStore","InternalContext","isEveryTabCoordinatesDefined","useStyles","theme","root","fixedRoot","flexDirection","fixedTab","flex","scrollableContainer","paddingHorizontal","spacing","Tabs","props","ref","children","indicatorColor","initialIndex","disableIndicator","indicatorAnimationDisabled","indicatorSize","keyboardDismissMode","keyboardShouldPersistTaps","onChange","scrollable","scrollViewContentContainerStyle","style","variant","UNSTABLE_sharedIndex","onTabSelected","fallbackSharedIndex","initialValue","sharedIndex","realInitialIndex","currentIndexRef","setTab","newIndex","currentIndex","current","animatedValue","setValue","styles","outerCoordinates","updateCoordinate","innerContentsWidthList","updateInnerContentsWidth","canRenderIndicator","indexStore","coordinates","map","innerContentWidth","idx","x1","outerX1","x2","outerX2","tabWidth","distanceFromParent","indicatorStartCoordinate","subscribe","tabElements","Children","child","index","onTabInnerLayout","event","width","nativeEvent","layout","onLayout","x","onMouseDown","e","preventDefault","onPress","tabElement","enableIndicator","undefined","filter","Boolean","tabIndicator"],"sources":["LegacyTabs.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';\nimport type { GestureResponderEvent, LayoutChangeEvent } from 'react-native';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport { useSyncAnimatedValue } from '../hooks';\nimport type TabsProps from './LegacyTabsProps';\nimport type { TabsInstance } from './types';\nimport TabIndicator from './LegacyTabIndicator';\nimport ScrollableTabsView from './ScrollableTabsView';\nimport IndexAwareTab from './IndexAwareTab';\nimport useTabCoordinates from './useTabCoordinates';\nimport useTabInnerContentsWidth from './useTabInnerContentsWidth';\nimport useIndexStore from './useIndexStore';\nimport InternalContext from './InternalContext';\nimport { isEveryTabCoordinatesDefined } from './utils';\n\ntype TabsStyleKeys =\n | 'root'\n | 'fixedRoot'\n | 'fixedTab'\n | 'scrollableContainer';\n\ntype TabsStyles = NamedStylesStringUnion<TabsStyleKeys>;\n\nconst useStyles: UseStyles<TabsStyles> = function (): TabsStyles {\n const theme = useTheme();\n\n return {\n root: {},\n fixedRoot: {\n flexDirection: 'row',\n },\n fixedTab: {\n flex: 1,\n },\n scrollableContainer: {\n paddingHorizontal: theme.spacing(1),\n },\n };\n};\n\nconst Tabs = forwardRef<TabsInstance, TabsProps>(function Tabs(props, ref) {\n const {\n children,\n indicatorColor = 'primary',\n initialIndex = 0,\n disableIndicator = false,\n indicatorAnimationDisabled = false,\n indicatorSize = 'full',\n keyboardDismissMode = 'none',\n keyboardShouldPersistTaps = 'never',\n onChange,\n scrollable = false,\n scrollViewContentContainerStyle,\n style,\n variant = 'primary',\n UNSTABLE_sharedIndex,\n onTabSelected,\n } = props;\n\n const fallbackSharedIndex = useSyncAnimatedValue({ initialValue: initialIndex });\n const sharedIndex = UNSTABLE_sharedIndex ?? fallbackSharedIndex;\n const realInitialIndex = sharedIndex.initialValue;\n\n const currentIndexRef = useRef(initialIndex);\n\n const setTab = (newIndex: number) => {\n const currentIndex = currentIndexRef.current;\n onTabSelected?.(newIndex, currentIndex);\n\n sharedIndex.animatedValue.setValue(newIndex);\n };\n\n useImperativeHandle(\n ref,\n () => ({\n setTab,\n }),\n [sharedIndex],\n );\n\n const styles = useStyles();\n\n const [outerCoordinates, updateCoordinate] = useTabCoordinates(children);\n const [innerContentsWidthList, updateInnerContentsWidth] = useTabInnerContentsWidth(children);\n\n const canRenderIndicator = indicatorSize === 'fit-content'\n ? isEveryTabCoordinatesDefined(innerContentsWidthList, children)\n : isEveryTabCoordinatesDefined(outerCoordinates, children);\n\n const indexStore = useIndexStore(sharedIndex);\n\n const coordinates = useMemo(() => {\n if (indicatorSize !== 'fit-content') {\n return outerCoordinates;\n }\n\n return innerContentsWidthList.map((innerContentWidth, idx) => {\n const { x1: outerX1, x2: outerX2 } = outerCoordinates[idx];\n\n const tabWidth = outerX2 - outerX1;\n const distanceFromParent = (tabWidth - innerContentWidth) / 2;\n const indicatorStartCoordinate = outerX1 + distanceFromParent;\n\n return {\n x1: indicatorStartCoordinate,\n x2: indicatorStartCoordinate + innerContentWidth,\n };\n });\n }, [outerCoordinates, innerContentsWidthList, variant]);\n\n useEffect(() => {\n return indexStore.subscribe(newIndex => {\n onChange?.(newIndex);\n currentIndexRef.current = newIndex;\n });\n }, [indexStore, onChange]);\n\n const tabElements = React.Children.map(children, (child, index) => {\n if (!child) {\n return null;\n }\n\n const onTabInnerLayout = (event: LayoutChangeEvent) => {\n const { width } = event.nativeEvent.layout;\n\n updateInnerContentsWidth(index, width);\n };\n\n const onLayout = (event: LayoutChangeEvent) => {\n const { x, width } = event.nativeEvent.layout;\n\n updateCoordinate(index, x, width);\n\n // @ts-ignore\n child.props.onLayout?.(event);\n };\n\n const onMouseDown = (e: GestureResponderEvent) => {\n if (keyboardShouldPersistTaps === 'always') {\n e.preventDefault();\n }\n };\n\n const onPress = () => {\n setTab(index);\n\n // @ts-ignore\n child.props.onPress?.();\n };\n\n // @ts-ignore\n const tabElement = cloneElement(child, {\n enableIndicator: !disableIndicator && !canRenderIndicator,\n indicatorColor,\n onTabInnerLayout,\n onLayout,\n onPress,\n onMouseDown,\n variant,\n indicatorSize,\n style: scrollable ? undefined : styles.fixedTab,\n });\n\n return (\n <IndexAwareTab\n children={tabElement}\n index={index}\n initialIndex={realInitialIndex}\n />\n );\n })?.filter(Boolean);\n\n const tabIndicator = canRenderIndicator ? (\n <TabIndicator\n animationDisabled={indicatorAnimationDisabled}\n color={indicatorColor}\n coordinates={coordinates}\n disabled={disableIndicator}\n initialIndex={realInitialIndex}\n scrollable={scrollable}\n />\n ) : null;\n\n return (\n <InternalContext.Provider value={{ indexStore }}>\n <View\n style={css([\n styles.root,\n scrollable ? undefined : styles.fixedRoot,\n style,\n ])}\n >\n {scrollable ? (\n <ScrollableTabsView\n automaticallyAdjustContentInsets={false}\n bounces={false}\n contentContainerStyle={css([\n styles.scrollableContainer,\n scrollViewContentContainerStyle,\n ])}\n coordinates={coordinates}\n directionalLockEnabled={true}\n horizontal={true}\n initialIndex={realInitialIndex}\n scrollsToTop={false}\n showsHorizontalScrollIndicator={false}\n showsVerticalScrollIndicator={false}\n keyboardDismissMode={keyboardDismissMode}\n keyboardShouldPersistTaps={keyboardShouldPersistTaps}\n >\n {tabElements}\n {tabIndicator}\n </ScrollableTabsView>\n ) : (\n <React.Fragment>\n {tabElements}\n {tabIndicator}\n </React.Fragment>\n )}\n </View>\n </InternalContext.Provider>\n );\n});\n\nexport default Tabs;\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=LegacyTabsProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["LegacyTabsProps.ts"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { TabVariant, TabIndicatorSize } from '../Tab';\nimport type { ExtendedStyle, OverridableComponentProps, SyncAnimatedValue } from '../types';\nimport type { TabIndicatorColor } from './LegacyTabIndicatorProps';\nimport type { KeyboardDismissMode, KeyboardShouldPersistTaps, TabsInstance } from './types';\n\nexport default interface TabsProps extends OverridableComponentProps<ViewProps, {\n ref?: Ref<TabsInstance>;\n\n /**\n * Collection of Tab components.\n */\n children: ReactNode;\n\n /**\n * If `true`, the indicator is disabled.\n * @default false\n */\n disableIndicator?: boolean;\n\n /**\n * The color of tab indicator\n * @default 'primary'\n */\n indicatorColor?: TabIndicatorColor;\n\n /**\n * The size of tab indicator.\n * 'full' adjusts the indicator to the size of the Tab,\n * while 'fit-content' adjusts the indicator to the size of the content inside the Tab.\n * @default 'full'\n */\n indicatorSize?: TabIndicatorSize;\n\n /**\n * If `true`, tab indicator selection animation disabled.\n * @default 'false'\n */\n indicatorAnimationDisabled?: boolean;\n\n /**\n * Index of initial tab that should be selected.\n * @default 0\n */\n initialIndex?: number;\n\n /**\n * keyboard dismissing condition of dragging.\n * @default 'none'\n */\n keyboardDismissMode?: KeyboardDismissMode,\n\n /**\n * keyboard persisting condition of tapping.\n * @default 'never'\n */\n keyboardShouldPersistTaps?: KeyboardShouldPersistTaps,\n\n /**\n * Callback fired when a tab is selected.\n */\n onChange?: (newIndex: number) => void;\n\n /**\n * If `true`, the component will be able to scroll.\n * @default false\n */\n scrollable?: boolean;\n\n /**\n * These styles will be applied to the scroll view content container which wraps all of the child views.\n */\n scrollViewContentContainerStyle?: ExtendedStyle | ExtendedStyle[];\n\n /**\n * Unstable API.\n */\n UNSTABLE_sharedIndex?: SyncAnimatedValue;\n\n /**\n * The variant to use.\n * @default 'primary'\n */\n variant?: TabVariant;\n\n /**\n * Callback function executed when a Tab is selected.\n * Executed even if the index does not change when a Tab is pressed.\n * Receives the next tab index and the current tab index as parameters.\n */\n onTabSelected?: (newIndex: number, currentIndex: number) => void;\n}> {}\n"],"mappings":""}
@@ -1,149 +0,0 @@
1
- import React from 'react';
2
- import { Animated, StyleSheet } from 'react-native';
3
- import { createFontStyle, useTheme } from '../styles';
4
- import usePaperStyles from '../Paper/usePaperStyles';
5
- import { inputPaddingHorizontal } from './utils';
6
-
7
- const useStyles = function () {
8
- return {
9
- background: {
10
- position: 'absolute',
11
- top: 6,
12
- left: 10,
13
- bottom: 0,
14
- right: 0,
15
- width: 8,
16
- height: 4
17
- },
18
- backgroundText: {
19
- position: 'absolute',
20
- left: 18,
21
- paddingHorizontal: 0,
22
- color: 'transparent'
23
- },
24
- placeholder: {
25
- position: 'absolute',
26
- left: 0,
27
- paddingHorizontal: inputPaddingHorizontal
28
- }
29
- };
30
- };
31
-
32
- const InputLabel = props => {
33
- const {
34
- activeColor,
35
- animatedError,
36
- animatedLabel,
37
- error = false,
38
- errorColor,
39
- focused,
40
- fontSize,
41
- hasActiveOutline,
42
- label,
43
- labelLayout,
44
- labelScale,
45
- labelTranslateX,
46
- labelTranslateY,
47
- onLayoutAnimatedText,
48
- paddingOffset,
49
- placeholderColor,
50
- placeholderOpacity,
51
- topPosition,
52
- value
53
- } = props;
54
- const theme = useTheme();
55
- const styles = useStyles();
56
- const paperStyles = usePaperStyles();
57
- const backgroundStyle = {
58
- backgroundColor: (paperStyles === null || paperStyles === void 0 ? void 0 : paperStyles.backgroundColor) ?? theme.palette.background.default
59
- };
60
- const hasFocus = hasActiveOutline || value;
61
- const opacity = animatedLabel.interpolate({
62
- inputRange: [0, 1],
63
- outputRange: [hasFocus ? 1 : 0, 0]
64
- });
65
- const labelTranslationX = {
66
- transform: [{
67
- translateX: animatedLabel.interpolate({
68
- inputRange: [0, 1],
69
- outputRange: [labelTranslateX, 0 || 0]
70
- })
71
- }]
72
- };
73
- const labelTextFontStyle = createFontStyle(theme, {
74
- selector: typo => typo.caption2
75
- });
76
- const labelStyle = {
77
- fontSize,
78
- transform: [{
79
- translateX: animatedError.interpolate({
80
- inputRange: [0, 0.5, 1],
81
- outputRange: [0, value && error ? 4 : 0, 0]
82
- })
83
- }, {
84
- translateY: animatedLabel.interpolate({
85
- inputRange: [0, 1],
86
- outputRange: [labelTranslateY, 0]
87
- })
88
- }, {
89
- scale: animatedLabel.interpolate({
90
- inputRange: [0, 1],
91
- outputRange: [labelScale, 1]
92
- })
93
- }]
94
- };
95
- return label ? /*#__PURE__*/React.createElement(Animated.View, {
96
- pointerEvents: 'none',
97
- style: [StyleSheet.absoluteFill, {
98
- opacity: value || focused ? labelLayout.measured ? 1 : 0 : 1
99
- }, labelTranslationX]
100
- }, [/*#__PURE__*/React.createElement(Animated.View, {
101
- key: 'labelBackground-view',
102
- pointerEvents: 'none',
103
- style: [styles.background, backgroundStyle, {
104
- opacity,
105
- transform: [{
106
- translateX: animatedLabel.interpolate({
107
- inputRange: [0, 1],
108
- outputRange: [-labelTranslateX, 0]
109
- })
110
- }]
111
- }]
112
- }), /*#__PURE__*/React.createElement(Animated.Text, {
113
- key: 'labelBackground-text',
114
- style: [labelTextFontStyle, styles.placeholder, styles.backgroundText, backgroundStyle, labelStyle, {
115
- top: topPosition + 1,
116
- opacity,
117
- transform: [...labelStyle.transform, {
118
- scaleY: animatedLabel.interpolate({
119
- inputRange: [0, 1],
120
- outputRange: [0.2, 1]
121
- })
122
- }]
123
- }],
124
- numberOfLines: 1
125
- }, label)], /*#__PURE__*/React.createElement(Animated.Text, {
126
- onLayout: onLayoutAnimatedText,
127
- style: [styles.placeholder, labelTextFontStyle, labelStyle, paddingOffset, {
128
- textAlign: 'left',
129
- top: topPosition,
130
- color: error && errorColor ? errorColor : activeColor,
131
- opacity: animatedLabel.interpolate({
132
- inputRange: [0, 1],
133
- outputRange: [hasActiveOutline ? 1 : 0, 0]
134
- })
135
- }],
136
- numberOfLines: 1
137
- }, label), /*#__PURE__*/React.createElement(Animated.Text, {
138
- style: [styles.placeholder, labelTextFontStyle, labelStyle, paddingOffset, {
139
- textAlign: 'left',
140
- top: topPosition,
141
- color: error && errorColor ? errorColor : placeholderColor,
142
- opacity: placeholderOpacity
143
- }],
144
- numberOfLines: 1
145
- }, label)) : null;
146
- };
147
-
148
- export default InputLabel;
149
- //# sourceMappingURL=InputLabel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","Animated","StyleSheet","createFontStyle","useTheme","usePaperStyles","inputPaddingHorizontal","useStyles","background","position","top","left","bottom","right","width","height","backgroundText","paddingHorizontal","color","placeholder","InputLabel","props","activeColor","animatedError","animatedLabel","error","errorColor","focused","fontSize","hasActiveOutline","label","labelLayout","labelScale","labelTranslateX","labelTranslateY","onLayoutAnimatedText","paddingOffset","placeholderColor","placeholderOpacity","topPosition","value","theme","styles","paperStyles","backgroundStyle","backgroundColor","palette","default","hasFocus","opacity","interpolate","inputRange","outputRange","labelTranslationX","transform","translateX","labelTextFontStyle","selector","typo","caption2","labelStyle","translateY","scale","absoluteFill","measured","scaleY","textAlign"],"sources":["InputLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, LayoutChangeEvent, StyleSheet } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport usePaperStyles from '../Paper/usePaperStyles';\nimport { inputPaddingHorizontal } from './utils';\n\ninterface LabelProps {\n activeColor: string;\n animatedError: Animated.Value;\n animatedLabel: Animated.Value;\n error?: boolean;\n errorColor?: string;\n focused?: boolean;\n fontSize?: number;\n hasActiveOutline?: boolean;\n label?: string;\n labelLayout: { measured: boolean; width: number; height: number };\n labelScale: number;\n labelTranslateX: number;\n labelTranslateY: number;\n onLayoutAnimatedText: (event: LayoutChangeEvent) => void;\n paddingOffset?: { paddingLeft: number; paddingRight: number };\n placeholder?: string;\n placeholderColor?: string;\n placeholderOpacity: number | Animated.AnimatedInterpolation;\n topPosition: number;\n value?: string;\n}\n\ntype InputLabelStyles = NamedStylesStringUnion<'background' | 'backgroundText' | 'placeholder'>;\n\nconst useStyles: UseStyles<InputLabelStyles> = function (): InputLabelStyles {\n return {\n background: {\n position: 'absolute',\n top: 6,\n left: 10,\n bottom: 0,\n right: 0,\n width: 8,\n height: 4,\n },\n backgroundText: {\n position: 'absolute',\n left: 18,\n paddingHorizontal: 0,\n color: 'transparent',\n },\n placeholder: {\n position: 'absolute',\n left: 0,\n paddingHorizontal: inputPaddingHorizontal,\n },\n };\n};\n\nconst InputLabel = (props: LabelProps) => {\n const {\n activeColor,\n animatedError,\n animatedLabel,\n error = false,\n errorColor,\n focused,\n fontSize,\n hasActiveOutline,\n label,\n labelLayout,\n labelScale,\n labelTranslateX,\n labelTranslateY,\n onLayoutAnimatedText,\n paddingOffset,\n placeholderColor,\n placeholderOpacity,\n topPosition,\n value,\n } = props;\n\n const theme = useTheme();\n\n const styles = useStyles();\n\n const paperStyles = usePaperStyles();\n\n const backgroundStyle = {\n backgroundColor: paperStyles?.backgroundColor ?? theme.palette.background.default,\n };\n\n const hasFocus = hasActiveOutline || value;\n const opacity = animatedLabel.interpolate({\n inputRange: [0, 1],\n outputRange: [hasFocus ? 1 : 0, 0],\n });\n\n const labelTranslationX = {\n transform: [\n {\n translateX: animatedLabel.interpolate({\n inputRange: [0, 1],\n outputRange: [labelTranslateX, 0 || 0],\n }),\n },\n ],\n };\n\n const labelTextFontStyle = createFontStyle(theme, { selector: (typo) => typo.caption2 });\n\n const labelStyle = {\n fontSize,\n transform: [\n {\n translateX: animatedError.interpolate({\n inputRange: [0, 0.5, 1],\n outputRange: [0, value && error ? 4 : 0, 0],\n }),\n },\n {\n translateY: animatedLabel.interpolate({\n inputRange: [0, 1],\n outputRange: [labelTranslateY, 0],\n }),\n },\n {\n scale: animatedLabel.interpolate({\n inputRange: [0, 1],\n outputRange: [labelScale, 1],\n }),\n },\n ],\n };\n\n return (label ? (\n <Animated.View\n pointerEvents={'none'}\n style={[\n StyleSheet.absoluteFill,\n {\n opacity: value || focused ? (labelLayout.measured ? 1 : 0) : 1,\n },\n labelTranslationX,\n ]}\n >\n {[\n <Animated.View\n key={'labelBackground-view'}\n pointerEvents={'none'}\n style={[\n styles.background,\n backgroundStyle,\n {\n opacity,\n transform: [\n {\n translateX: animatedLabel.interpolate({\n inputRange: [0, 1],\n outputRange: [-labelTranslateX, 0],\n }),\n },\n ],\n },\n ]}\n />,\n <Animated.Text\n key={'labelBackground-text'}\n style={[\n labelTextFontStyle,\n styles.placeholder,\n styles.backgroundText,\n backgroundStyle,\n labelStyle,\n {\n top: topPosition + 1,\n opacity,\n transform: [\n ...labelStyle.transform,\n {\n scaleY: animatedLabel.interpolate({\n inputRange: [0, 1],\n outputRange: [0.2, 1],\n }),\n },\n ],\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </Animated.Text>,\n ]}\n <Animated.Text\n onLayout={onLayoutAnimatedText}\n style={[\n styles.placeholder,\n labelTextFontStyle,\n labelStyle,\n paddingOffset,\n {\n textAlign: 'left',\n top: topPosition,\n color: error && errorColor ? errorColor : activeColor,\n opacity: animatedLabel.interpolate({\n inputRange: [0, 1],\n outputRange: [hasActiveOutline ? 1 : 0, 0],\n }),\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </Animated.Text>\n <Animated.Text\n style={[\n styles.placeholder,\n labelTextFontStyle,\n labelStyle,\n paddingOffset,\n {\n textAlign: 'left',\n top: topPosition,\n color: error && errorColor ? errorColor : placeholderColor,\n opacity: placeholderOpacity,\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </Animated.Text>\n </Animated.View>\n ) : null);\n};\n\nexport default InputLabel;\n"],"mappings":"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"}
@@ -1,169 +0,0 @@
1
- import React, { useImperativeHandle, useRef } from 'react';
2
- import { Animated } from 'react-native';
3
- import { css } from '../styles';
4
- import { useAnimatedValue } from '../hooks';
5
- import OutlinedTextField from './OutlinedTextField';
6
- import { blurAnimationDuration, focusAnimationDuration } from './utils';
7
- const TextField = /*#__PURE__*/React.forwardRef(function TextField(props, ref) {
8
- const {
9
- disabled = false,
10
- error = false,
11
- keyboardType = 'default',
12
- icon,
13
- label,
14
- onBlur,
15
- onChangeText,
16
- onFocus,
17
- onIconPress,
18
- onSubmitEditing,
19
- placeholder: placeholderProp,
20
- secureTextEntry = false,
21
- value,
22
- style: styleProp
23
- } = props;
24
- const innerRef = useRef(null); //@ts-ignore
25
-
26
- useImperativeHandle(ref, () => ({
27
- focus: () => {
28
- var _innerRef$current;
29
-
30
- (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.focus();
31
- },
32
- isFocused: () => {
33
- const current = innerRef.current;
34
- return current ? current.isFocused() : false;
35
- },
36
- clear: () => {
37
- var _innerRef$current2;
38
-
39
- (_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 ? void 0 : _innerRef$current2.clear();
40
- },
41
- blur: () => {
42
- var _innerRef$current3;
43
-
44
- (_innerRef$current3 = innerRef.current) === null || _innerRef$current3 === void 0 ? void 0 : _innerRef$current3.blur();
45
- },
46
- setStyle: style => {
47
- var _innerRef$current4;
48
-
49
- (_innerRef$current4 = innerRef.current) === null || _innerRef$current4 === void 0 ? void 0 : _innerRef$current4.setNativeProps({
50
- style
51
- });
52
- }
53
- }));
54
- const animatedLabel = useAnimatedValue(value ? 0 : 1);
55
- const animatedError = useAnimatedValue(error ? 1 : 0);
56
- const [focused, setFocused] = React.useState(false);
57
- const [placeholder, setPlaceholder] = React.useState('');
58
- const [labelLayout, setLabelLayout] = React.useState({
59
- measured: false,
60
- width: 0,
61
- height: 0
62
- });
63
-
64
- const minimizeLabel = () => {
65
- Animated.timing(animatedLabel, {
66
- toValue: 0,
67
- duration: blurAnimationDuration,
68
- useNativeDriver: false
69
- }).start();
70
- };
71
-
72
- const restoreLabel = () => {
73
- Animated.timing(animatedLabel, {
74
- toValue: 1,
75
- duration: focusAnimationDuration,
76
- useNativeDriver: false
77
- }).start();
78
- };
79
-
80
- const showError = () => {
81
- Animated.timing(animatedError, {
82
- toValue: 1,
83
- duration: focusAnimationDuration,
84
- useNativeDriver: false
85
- }).start();
86
- };
87
-
88
- const hideError = () => {
89
- Animated.timing(animatedError, {
90
- toValue: 0,
91
- duration: blurAnimationDuration,
92
- useNativeDriver: false
93
- }).start();
94
- };
95
-
96
- const showPlaceholder = () => {
97
- placeholderProp && setPlaceholder(placeholderProp);
98
- };
99
-
100
- const hidePlaceholder = () => setPlaceholder('');
101
-
102
- React.useEffect(() => {
103
- value || focused ? minimizeLabel() : restoreLabel();
104
- }, [focused, value, labelLayout]);
105
- React.useEffect(() => {
106
- animatedError ? showError() : hideError();
107
- }, [animatedError]);
108
- React.useEffect(() => {
109
- focused || !label ? showPlaceholder() : hidePlaceholder();
110
- }, [focused, label]);
111
-
112
- const handleFocus = event => {
113
- if (disabled) {
114
- return;
115
- }
116
-
117
- setFocused(true);
118
- onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
119
- };
120
-
121
- const handleBlur = event => {
122
- setFocused(false);
123
- onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
124
- };
125
-
126
- const style = css([{
127
- opacity: disabled ? 0.3 : 1
128
- }, styleProp]);
129
-
130
- const handleLayoutAnimatedText = event => {
131
- setLabelLayout({
132
- width: event.nativeEvent.layout.width,
133
- height: event.nativeEvent.layout.height,
134
- measured: true
135
- });
136
- };
137
-
138
- const forceFocus = () => {
139
- var _innerRef$current5;
140
-
141
- (_innerRef$current5 = innerRef.current) === null || _innerRef$current5 === void 0 ? void 0 : _innerRef$current5.focus();
142
- };
143
-
144
- return /*#__PURE__*/React.createElement(OutlinedTextField, {
145
- animatedError: animatedError,
146
- animatedLabel: animatedLabel,
147
- disabled: disabled,
148
- error: error,
149
- focused: focused,
150
- forceFocus: forceFocus,
151
- icon: icon,
152
- keyboardType: keyboardType,
153
- label: label,
154
- labelLayout: labelLayout,
155
- onFocus: handleFocus,
156
- onBlur: handleBlur,
157
- onChangeText: onChangeText,
158
- onIconPress: onIconPress,
159
- onLayoutAnimatedText: handleLayoutAnimatedText,
160
- onSubmitEditing: onSubmitEditing,
161
- placeholder: placeholder,
162
- ref: innerRef,
163
- secureTextEntry: secureTextEntry,
164
- style: style,
165
- value: value
166
- });
167
- });
168
- export default TextField;
169
- //# sourceMappingURL=LegacyTextField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","useImperativeHandle","useRef","Animated","css","useAnimatedValue","OutlinedTextField","blurAnimationDuration","focusAnimationDuration","TextField","forwardRef","props","ref","disabled","error","keyboardType","icon","label","onBlur","onChangeText","onFocus","onIconPress","onSubmitEditing","placeholder","placeholderProp","secureTextEntry","value","style","styleProp","innerRef","focus","current","isFocused","clear","blur","setStyle","setNativeProps","animatedLabel","animatedError","focused","setFocused","useState","setPlaceholder","labelLayout","setLabelLayout","measured","width","height","minimizeLabel","timing","toValue","duration","useNativeDriver","start","restoreLabel","showError","hideError","showPlaceholder","hidePlaceholder","useEffect","handleFocus","event","handleBlur","opacity","handleLayoutAnimatedText","nativeEvent","layout","forceFocus"],"sources":["LegacyTextField.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef } from 'react';\nimport { Animated, LayoutChangeEvent, NativeSyntheticEvent, TargetedEvent, TextInput } from 'react-native';\nimport { css } from '../styles';\nimport { useAnimatedValue } from '../hooks';\nimport OutlinedTextField from './OutlinedTextField';\nimport TextFieldProps, { setStyleProp } from './LegacyTextFieldProps';\nimport { blurAnimationDuration, focusAnimationDuration } from './utils';\n\nconst TextField = React.forwardRef<TextInput, TextFieldProps>(function TextField(props, ref) {\n const {\n disabled = false,\n error = false,\n keyboardType = 'default',\n icon,\n label,\n onBlur,\n onChangeText,\n onFocus,\n onIconPress,\n onSubmitEditing,\n placeholder: placeholderProp,\n secureTextEntry = false,\n value,\n style: styleProp,\n } = props;\n\n const innerRef = useRef<TextInput | null>(null);\n //@ts-ignore\n useImperativeHandle(ref, () => ({\n focus: () => {\n innerRef.current?.focus();\n },\n isFocused: () => {\n const current = innerRef.current;\n return current ? current.isFocused() : false;\n },\n clear: () => {\n innerRef.current?.clear();\n },\n blur: () => {\n innerRef.current?.blur();\n },\n setStyle: (style: setStyleProp) => {\n innerRef.current?.setNativeProps({\n style,\n });\n },\n }));\n\n const animatedLabel = useAnimatedValue(value ? 0 : 1);\n const animatedError = useAnimatedValue(error ? 1 : 0);\n const [focused, setFocused] = React.useState(false);\n const [placeholder, setPlaceholder] = React.useState('');\n const [labelLayout, setLabelLayout] = React.useState({\n measured: false,\n width: 0,\n height: 0,\n });\n\n const minimizeLabel = () => {\n Animated.timing(animatedLabel, {\n toValue: 0,\n duration: blurAnimationDuration,\n useNativeDriver: false,\n }).start();\n };\n\n const restoreLabel = () => {\n Animated.timing(animatedLabel, {\n toValue: 1,\n duration: focusAnimationDuration,\n useNativeDriver: false,\n }).start();\n };\n\n const showError = () => {\n Animated.timing(animatedError, {\n toValue: 1,\n duration: focusAnimationDuration,\n useNativeDriver: false,\n }).start();\n };\n\n const hideError = () => {\n Animated.timing(animatedError, {\n toValue: 0,\n duration: blurAnimationDuration,\n useNativeDriver: false,\n }).start();\n };\n\n const showPlaceholder = () => {\n placeholderProp && setPlaceholder(placeholderProp);\n };\n\n const hidePlaceholder = () => setPlaceholder('');\n\n React.useEffect(() => {\n value || focused ? minimizeLabel() : restoreLabel();\n }, [focused, value, labelLayout]);\n\n React.useEffect(() => {\n animatedError ? showError() : hideError();\n }, [animatedError]);\n\n React.useEffect(() => {\n focused || !label ? showPlaceholder() : hidePlaceholder();\n }, [focused, label]);\n\n const handleFocus = (event: NativeSyntheticEvent<TargetedEvent>) => {\n if (disabled) {\n return;\n }\n\n setFocused(true);\n onFocus?.(event);\n };\n\n const handleBlur = (event: NativeSyntheticEvent<TargetedEvent>) => {\n setFocused(false);\n onBlur?.(event);\n };\n\n const style = css([\n { opacity: disabled ? 0.3 : 1 },\n styleProp,\n ]);\n\n const handleLayoutAnimatedText = (event: LayoutChangeEvent) => {\n setLabelLayout({\n width: event.nativeEvent.layout.width,\n height: event.nativeEvent.layout.height,\n measured: true,\n });\n };\n\n const forceFocus = () => {\n innerRef.current?.focus();\n };\n\n return (\n <OutlinedTextField\n animatedError={animatedError}\n animatedLabel={animatedLabel}\n disabled={disabled}\n error={error}\n focused={focused}\n forceFocus={forceFocus}\n icon={icon}\n keyboardType={keyboardType}\n label={label}\n labelLayout={labelLayout}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChangeText={onChangeText}\n onIconPress={onIconPress}\n onLayoutAnimatedText={handleLayoutAnimatedText}\n onSubmitEditing={onSubmitEditing}\n placeholder={placeholder}\n ref={innerRef}\n secureTextEntry={secureTextEntry}\n style={style}\n value={value}\n />\n );\n});\n\nexport default TextField;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,mBAAhB,EAAqCC,MAArC,QAAmD,OAAnD;AACA,SAASC,QAAT,QAA4F,cAA5F;AACA,SAASC,GAAT,QAAoB,WAApB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AAEA,SAASC,qBAAT,EAAgCC,sBAAhC,QAA8D,SAA9D;AAEA,MAAMC,SAAS,gBAAGT,KAAK,CAACU,UAAN,CAA4C,SAASD,SAAT,CAAmBE,KAAnB,EAA0BC,GAA1B,EAA+B;EACzF,MAAM;IACFC,QAAQ,GAAG,KADT;IAEFC,KAAK,GAAG,KAFN;IAGFC,YAAY,GAAG,SAHb;IAIFC,IAJE;IAKFC,KALE;IAMFC,MANE;IAOFC,YAPE;IAQFC,OARE;IASFC,WATE;IAUFC,eAVE;IAWFC,WAAW,EAAEC,eAXX;IAYFC,eAAe,GAAG,KAZhB;IAaFC,KAbE;IAcFC,KAAK,EAAEC;EAdL,IAeFjB,KAfJ;EAiBA,MAAMkB,QAAQ,GAAG3B,MAAM,CAAmB,IAAnB,CAAvB,CAlByF,CAmBzF;;EACAD,mBAAmB,CAACW,GAAD,EAAM,OAAO;IAC5BkB,KAAK,EAAE,MAAM;MAAA;;MACT,qBAAAD,QAAQ,CAACE,OAAT,wEAAkBD,KAAlB;IACH,CAH2B;IAI5BE,SAAS,EAAE,MAAM;MACb,MAAMD,OAAO,GAAGF,QAAQ,CAACE,OAAzB;MACA,OAAOA,OAAO,GAAGA,OAAO,CAACC,SAAR,EAAH,GAAyB,KAAvC;IACH,CAP2B;IAQ5BC,KAAK,EAAE,MAAM;MAAA;;MACT,sBAAAJ,QAAQ,CAACE,OAAT,0EAAkBE,KAAlB;IACH,CAV2B;IAW5BC,IAAI,EAAE,MAAM;MAAA;;MACR,sBAAAL,QAAQ,CAACE,OAAT,0EAAkBG,IAAlB;IACH,CAb2B;IAc5BC,QAAQ,EAAGR,KAAD,IAAyB;MAAA;;MAC/B,sBAAAE,QAAQ,CAACE,OAAT,0EAAkBK,cAAlB,CAAiC;QAC7BT;MAD6B,CAAjC;IAGH;EAlB2B,CAAP,CAAN,CAAnB;EAqBA,MAAMU,aAAa,GAAGhC,gBAAgB,CAACqB,KAAK,GAAG,CAAH,GAAO,CAAb,CAAtC;EACA,MAAMY,aAAa,GAAGjC,gBAAgB,CAACS,KAAK,GAAG,CAAH,GAAO,CAAb,CAAtC;EACA,MAAM,CAACyB,OAAD,EAAUC,UAAV,IAAwBxC,KAAK,CAACyC,QAAN,CAAe,KAAf,CAA9B;EACA,MAAM,CAAClB,WAAD,EAAcmB,cAAd,IAAgC1C,KAAK,CAACyC,QAAN,CAAe,EAAf,CAAtC;EACA,MAAM,CAACE,WAAD,EAAcC,cAAd,IAAgC5C,KAAK,CAACyC,QAAN,CAAe;IACjDI,QAAQ,EAAE,KADuC;IAEjDC,KAAK,EAAE,CAF0C;IAGjDC,MAAM,EAAE;EAHyC,CAAf,CAAtC;;EAMA,MAAMC,aAAa,GAAG,MAAM;IACxB7C,QAAQ,CAAC8C,MAAT,CAAgBZ,aAAhB,EAA+B;MAC3Ba,OAAO,EAAE,CADkB;MAE3BC,QAAQ,EAAE5C,qBAFiB;MAG3B6C,eAAe,EAAE;IAHU,CAA/B,EAIGC,KAJH;EAKH,CAND;;EAQA,MAAMC,YAAY,GAAG,MAAM;IACvBnD,QAAQ,CAAC8C,MAAT,CAAgBZ,aAAhB,EAA+B;MAC3Ba,OAAO,EAAE,CADkB;MAE3BC,QAAQ,EAAE3C,sBAFiB;MAG3B4C,eAAe,EAAE;IAHU,CAA/B,EAIGC,KAJH;EAKH,CAND;;EAQA,MAAME,SAAS,GAAG,MAAM;IACpBpD,QAAQ,CAAC8C,MAAT,CAAgBX,aAAhB,EAA+B;MAC3BY,OAAO,EAAE,CADkB;MAE3BC,QAAQ,EAAE3C,sBAFiB;MAG3B4C,eAAe,EAAE;IAHU,CAA/B,EAIGC,KAJH;EAKH,CAND;;EAQA,MAAMG,SAAS,GAAG,MAAM;IACpBrD,QAAQ,CAAC8C,MAAT,CAAgBX,aAAhB,EAA+B;MAC3BY,OAAO,EAAE,CADkB;MAE3BC,QAAQ,EAAE5C,qBAFiB;MAG3B6C,eAAe,EAAE;IAHU,CAA/B,EAIGC,KAJH;EAKH,CAND;;EAQA,MAAMI,eAAe,GAAG,MAAM;IAC1BjC,eAAe,IAAIkB,cAAc,CAAClB,eAAD,CAAjC;EACH,CAFD;;EAIA,MAAMkC,eAAe,GAAG,MAAMhB,cAAc,CAAC,EAAD,CAA5C;;EAEA1C,KAAK,CAAC2D,SAAN,CAAgB,MAAM;IAClBjC,KAAK,IAAIa,OAAT,GAAmBS,aAAa,EAAhC,GAAqCM,YAAY,EAAjD;EACH,CAFD,EAEG,CAACf,OAAD,EAAUb,KAAV,EAAiBiB,WAAjB,CAFH;EAIA3C,KAAK,CAAC2D,SAAN,CAAgB,MAAM;IAClBrB,aAAa,GAAGiB,SAAS,EAAZ,GAAiBC,SAAS,EAAvC;EACH,CAFD,EAEG,CAAClB,aAAD,CAFH;EAIAtC,KAAK,CAAC2D,SAAN,CAAgB,MAAM;IAClBpB,OAAO,IAAI,CAACtB,KAAZ,GAAoBwC,eAAe,EAAnC,GAAwCC,eAAe,EAAvD;EACH,CAFD,EAEG,CAACnB,OAAD,EAAUtB,KAAV,CAFH;;EAIA,MAAM2C,WAAW,GAAIC,KAAD,IAAgD;IAChE,IAAIhD,QAAJ,EAAc;MACV;IACH;;IAED2B,UAAU,CAAC,IAAD,CAAV;IACApB,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGyC,KAAH,CAAP;EACH,CAPD;;EASA,MAAMC,UAAU,GAAID,KAAD,IAAgD;IAC/DrB,UAAU,CAAC,KAAD,CAAV;IACAtB,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAG2C,KAAH,CAAN;EACH,CAHD;;EAKA,MAAMlC,KAAK,GAAGvB,GAAG,CAAC,CACd;IAAE2D,OAAO,EAAElD,QAAQ,GAAG,GAAH,GAAS;EAA5B,CADc,EAEde,SAFc,CAAD,CAAjB;;EAKA,MAAMoC,wBAAwB,GAAIH,KAAD,IAA8B;IAC3DjB,cAAc,CAAC;MACXE,KAAK,EAAEe,KAAK,CAACI,WAAN,CAAkBC,MAAlB,CAAyBpB,KADrB;MAEXC,MAAM,EAAEc,KAAK,CAACI,WAAN,CAAkBC,MAAlB,CAAyBnB,MAFtB;MAGXF,QAAQ,EAAE;IAHC,CAAD,CAAd;EAKH,CAND;;EAQA,MAAMsB,UAAU,GAAG,MAAM;IAAA;;IACrB,sBAAAtC,QAAQ,CAACE,OAAT,0EAAkBD,KAAlB;EACH,CAFD;;EAIA,oBACI,oBAAC,iBAAD;IACI,aAAa,EAAEQ,aADnB;IAEI,aAAa,EAAED,aAFnB;IAGI,QAAQ,EAAExB,QAHd;IAII,KAAK,EAAEC,KAJX;IAKI,OAAO,EAAEyB,OALb;IAMI,UAAU,EAAE4B,UANhB;IAOI,IAAI,EAAEnD,IAPV;IAQI,YAAY,EAAED,YARlB;IASI,KAAK,EAAEE,KATX;IAUI,WAAW,EAAE0B,WAVjB;IAWI,OAAO,EAAEiB,WAXb;IAYI,MAAM,EAAEE,UAZZ;IAaI,YAAY,EAAE3C,YAblB;IAcI,WAAW,EAAEE,WAdjB;IAeI,oBAAoB,EAAE2C,wBAf1B;IAgBI,eAAe,EAAE1C,eAhBrB;IAiBI,WAAW,EAAEC,WAjBjB;IAkBI,GAAG,EAAEM,QAlBT;IAmBI,eAAe,EAAEJ,eAnBrB;IAoBI,KAAK,EAAEE,KApBX;IAqBI,KAAK,EAAED;EArBX,EADJ;AAyBH,CA7JiB,CAAlB;AA+JA,eAAejB,SAAf"}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=LegacyTextFieldProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["LegacyTextFieldProps.ts"],"sourcesContent":["import React from 'react';\nimport { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport { ComponentProps } from '../types';\n\ntype TextFieldKeyboardType = 'default' | 'numeric' | 'email-address';\n\nexport interface setStyleProp {\n fontFamily: string;\n}\n\nexport default interface TextFieldProps extends ComponentProps<{\n /**\n * If true, user won't be able to interact with the component.\n * @default false\n */\n disabled?: boolean;\n\n /**\n * Whether to style the TextField with error style.\n * @default false\n */\n error?: boolean,\n\n /**\n * It is an icon placed to the right of the TextField.\n */\n icon?: React.ReactElement;\n\n /**\n * User can specify the keyboard type.\n * @default 'default'\n */\n keyboardType?: TextFieldKeyboardType;\n\n /**\n * The text to use for the floating label.\n */\n label?: string;\n\n /**\n * Callback that is called when the textField is blurred.\n */\n onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void,\n\n /**\n * Callback that is called when the textField's text changes.\n */\n onChangeText?: (value: string) => void,\n\n /**\n * Callback that is called when the textField is focused.\n */\n onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void,\n\n /**\n * Callback that is called when icon pressed.\n */\n onIconPress?: () => void;\n\n /**\n * Callback that is called when enter or submit key pressed.\n */\n onSubmitEditing?: () => void\n\n /**\n * Placeholder for textField.\n */\n placeholder?: string;\n\n /**\n * If true, the text input obscures the text entered so that sensitive text like passwords stay secure.\n * @default false\n */\n secureTextEntry?: boolean;\n\n /**\n * Value of the textField.\n */\n value?: string;\n}> {}\n"],"mappings":""}