@fountain-ui/core 2.0.0-beta.7 → 2.0.0-beta.70

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 (890) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/build/commonjs/Accordion/Accordion.js +6 -8
  3. package/build/commonjs/Accordion/Accordion.js.map +1 -1
  4. package/build/commonjs/Accordion/AccordionProps.js.map +1 -1
  5. package/build/commonjs/Accordion/index.js.map +1 -1
  6. package/build/commonjs/AppBar/AppBar.js +1 -1
  7. package/build/commonjs/AppBar/AppBar.js.map +1 -1
  8. package/build/commonjs/AppBar/AppBarProps.js.map +1 -1
  9. package/build/commonjs/AppBar/index.js.map +1 -1
  10. package/build/commonjs/AspectRatio/AspectRatioNative.js +1 -1
  11. package/build/commonjs/AspectRatio/AspectRatioNative.js.map +1 -1
  12. package/build/commonjs/AspectRatio/AspectRatioProps.js.map +1 -1
  13. package/build/commonjs/AspectRatio/AspectRatioWeb.js +1 -1
  14. package/build/commonjs/AspectRatio/AspectRatioWeb.js.map +1 -1
  15. package/build/commonjs/AspectRatio/index.js.map +1 -1
  16. package/build/commonjs/AspectRatio/index.native.js.map +1 -1
  17. package/build/commonjs/AspectRatio/utils.js +1 -1
  18. package/build/commonjs/AspectRatio/utils.js.map +1 -1
  19. package/build/commonjs/Avatar/Avatar.js.map +1 -1
  20. package/build/commonjs/Avatar/AvatarProps.js.map +1 -1
  21. package/build/commonjs/Avatar/index.js.map +1 -1
  22. package/build/commonjs/Badge/Badge.js +6 -15
  23. package/build/commonjs/Badge/Badge.js.map +1 -1
  24. package/build/commonjs/Badge/BadgeProps.js.map +1 -1
  25. package/build/commonjs/Badge/index.js.map +1 -1
  26. package/build/commonjs/Button/Button.js +5 -2
  27. package/build/commonjs/Button/Button.js.map +1 -1
  28. package/build/commonjs/Button/ButtonProps.js.map +1 -1
  29. package/build/commonjs/Button/index.js.map +1 -1
  30. package/build/commonjs/ButtonBase/ButtonBase.js +71 -59
  31. package/build/commonjs/ButtonBase/ButtonBase.js.map +1 -1
  32. package/build/commonjs/ButtonBase/ButtonBaseProps.js.map +1 -1
  33. package/build/commonjs/ButtonBase/index.js.map +1 -1
  34. package/build/commonjs/Card/Card.js +1 -1
  35. package/build/commonjs/Card/Card.js.map +1 -1
  36. package/build/commonjs/Card/CardProps.js.map +1 -1
  37. package/build/commonjs/Card/index.js.map +1 -1
  38. package/build/commonjs/CardActions/CardActions.js +1 -1
  39. package/build/commonjs/CardActions/CardActions.js.map +1 -1
  40. package/build/commonjs/CardActions/CardActionsProps.js.map +1 -1
  41. package/build/commonjs/CardActions/index.js.map +1 -1
  42. package/build/commonjs/CardContent/CardContent.js +1 -1
  43. package/build/commonjs/CardContent/CardContent.js.map +1 -1
  44. package/build/commonjs/CardContent/CardContentProps.js.map +1 -1
  45. package/build/commonjs/CardContent/index.js.map +1 -1
  46. package/build/commonjs/CardMedia/CardMedia.js +1 -1
  47. package/build/commonjs/CardMedia/CardMedia.js.map +1 -1
  48. package/build/commonjs/CardMedia/CardMediaProps.js.map +1 -1
  49. package/build/commonjs/CardMedia/index.js.map +1 -1
  50. package/build/commonjs/Checkbox/Checkbox.js +1 -1
  51. package/build/commonjs/Checkbox/Checkbox.js.map +1 -1
  52. package/build/commonjs/Checkbox/CheckboxProps.js.map +1 -1
  53. package/build/commonjs/Checkbox/index.js.map +1 -1
  54. package/build/commonjs/Chip/Chip.js +10 -8
  55. package/build/commonjs/Chip/Chip.js.map +1 -1
  56. package/build/commonjs/Chip/ChipProps.js.map +1 -1
  57. package/build/commonjs/Chip/index.js.map +1 -1
  58. package/build/commonjs/CircularProgress/CircularProgress.js +27 -27
  59. package/build/commonjs/CircularProgress/CircularProgress.js.map +1 -1
  60. package/build/commonjs/CircularProgress/index.js.map +1 -1
  61. package/build/commonjs/Column/Column.js.map +1 -1
  62. package/build/commonjs/Column/ColumnProps.js.map +1 -1
  63. package/build/commonjs/Column/index.js.map +1 -1
  64. package/build/commonjs/Dialog/Dialog.js +24 -8
  65. package/build/commonjs/Dialog/Dialog.js.map +1 -1
  66. package/build/commonjs/Dialog/DialogProps.js.map +1 -1
  67. package/build/commonjs/Dialog/index.js.map +1 -1
  68. package/build/commonjs/DialogActions/DialogActions.js +1 -1
  69. package/build/commonjs/DialogActions/DialogActions.js.map +1 -1
  70. package/build/commonjs/DialogActions/DialogActionsProps.js.map +1 -1
  71. package/build/commonjs/DialogActions/index.js.map +1 -1
  72. package/build/commonjs/DialogContent/DialogContent.js +1 -1
  73. package/build/commonjs/DialogContent/DialogContent.js.map +1 -1
  74. package/build/commonjs/DialogContent/DialogContentProps.js.map +1 -1
  75. package/build/commonjs/DialogContent/index.js.map +1 -1
  76. package/build/commonjs/DialogMedia/DialogMedia.js +1 -1
  77. package/build/commonjs/DialogMedia/DialogMedia.js.map +1 -1
  78. package/build/commonjs/DialogMedia/DialogMediaProps.js.map +1 -1
  79. package/build/commonjs/DialogMedia/index.js.map +1 -1
  80. package/build/commonjs/DialogTitle/DialogTitle.js +1 -1
  81. package/build/commonjs/DialogTitle/DialogTitle.js.map +1 -1
  82. package/build/commonjs/DialogTitle/DialogTitleProps.js.map +1 -1
  83. package/build/commonjs/DialogTitle/index.js.map +1 -1
  84. package/build/commonjs/Divider/Divider.js +27 -19
  85. package/build/commonjs/Divider/Divider.js.map +1 -1
  86. package/build/commonjs/Divider/DividerProps.js.map +1 -1
  87. package/build/commonjs/Divider/index.js.map +1 -1
  88. package/build/commonjs/Fab/Fab.js +1 -1
  89. package/build/commonjs/Fab/Fab.js.map +1 -1
  90. package/build/commonjs/Fab/FabProps.js.map +1 -1
  91. package/build/commonjs/Fab/index.js.map +1 -1
  92. package/build/commonjs/Flexbox/Flexbox.js +1 -1
  93. package/build/commonjs/Flexbox/Flexbox.js.map +1 -1
  94. package/build/commonjs/Flexbox/FlexboxProps.js.map +1 -1
  95. package/build/commonjs/Flexbox/index.js.map +1 -1
  96. package/build/commonjs/IconButton/IconButton.js +1 -1
  97. package/build/commonjs/IconButton/IconButton.js.map +1 -1
  98. package/build/commonjs/IconButton/IconButtonProps.js.map +1 -1
  99. package/build/commonjs/IconButton/index.js.map +1 -1
  100. package/build/commonjs/Image/Image.js +60 -16
  101. package/build/commonjs/Image/Image.js.map +1 -1
  102. package/build/commonjs/Image/ImageProps.js.map +1 -1
  103. package/build/commonjs/Image/index.js.map +1 -1
  104. package/build/commonjs/ImageCore/ImageCoreNative.js +38 -26
  105. package/build/commonjs/ImageCore/ImageCoreNative.js.map +1 -1
  106. package/build/commonjs/ImageCore/ImageCoreProps.js.map +1 -1
  107. package/build/commonjs/ImageCore/ImageCoreWeb.js +19 -1
  108. package/build/commonjs/ImageCore/ImageCoreWeb.js.map +1 -1
  109. package/build/commonjs/ImageCore/ImageFileExtensionContext.js +14 -0
  110. package/build/commonjs/ImageCore/ImageFileExtensionContext.js.map +1 -0
  111. package/build/commonjs/ImageCore/ImageFileExtensionProvider.js +42 -0
  112. package/build/commonjs/ImageCore/ImageFileExtensionProvider.js.map +1 -0
  113. package/build/commonjs/ImageCore/index.js +17 -5
  114. package/build/commonjs/ImageCore/index.js.map +1 -1
  115. package/build/commonjs/ImageCore/index.native.js +27 -0
  116. package/build/commonjs/ImageCore/index.native.js.map +1 -1
  117. package/build/commonjs/Link/Link.js +5 -4
  118. package/build/commonjs/Link/Link.js.map +1 -1
  119. package/build/commonjs/Link/LinkProps.js.map +1 -1
  120. package/build/commonjs/Link/index.js.map +1 -1
  121. package/build/commonjs/List/List.js +1 -1
  122. package/build/commonjs/List/List.js.map +1 -1
  123. package/build/commonjs/List/ListProps.js.map +1 -1
  124. package/build/commonjs/List/index.js.map +1 -1
  125. package/build/commonjs/ListItem/ListItem.js +1 -1
  126. package/build/commonjs/ListItem/ListItem.js.map +1 -1
  127. package/build/commonjs/ListItem/ListItemProps.js.map +1 -1
  128. package/build/commonjs/ListItem/index.js.map +1 -1
  129. package/build/commonjs/ListItemIcon/ListItemIcon.js +1 -1
  130. package/build/commonjs/ListItemIcon/ListItemIcon.js.map +1 -1
  131. package/build/commonjs/ListItemIcon/ListItemIconProps.js.map +1 -1
  132. package/build/commonjs/ListItemIcon/index.js.map +1 -1
  133. package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  134. package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryAction.js.map +1 -1
  135. package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryActionProps.js.map +1 -1
  136. package/build/commonjs/ListItemSecondaryAction/index.js.map +1 -1
  137. package/build/commonjs/ListItemText/ListItemText.js +1 -1
  138. package/build/commonjs/ListItemText/ListItemText.js.map +1 -1
  139. package/build/commonjs/ListItemText/ListItemTextProps.js.map +1 -1
  140. package/build/commonjs/ListItemText/index.js.map +1 -1
  141. package/build/commonjs/ListSubheader/ListSubheader.js +1 -1
  142. package/build/commonjs/ListSubheader/ListSubheader.js.map +1 -1
  143. package/build/commonjs/ListSubheader/ListSubheaderProps.js.map +1 -1
  144. package/build/commonjs/ListSubheader/index.js.map +1 -1
  145. package/build/commonjs/Menu/Menu.js.map +1 -1
  146. package/build/commonjs/Menu/MenuProps.js.map +1 -1
  147. package/build/commonjs/Menu/index.js.map +1 -1
  148. package/build/commonjs/MenuItem/MenuItem.js.map +1 -1
  149. package/build/commonjs/MenuItem/MenuItemProps.js.map +1 -1
  150. package/build/commonjs/MenuItem/index.js.map +1 -1
  151. package/build/commonjs/Modal/Modal.js +2 -2
  152. package/build/commonjs/Modal/Modal.js.map +1 -1
  153. package/build/commonjs/Modal/ModalProps.js.map +1 -1
  154. package/build/commonjs/Modal/SimpleBackdrop.js +1 -1
  155. package/build/commonjs/Modal/SimpleBackdrop.js.map +1 -1
  156. package/build/commonjs/Modal/SimpleBackdropProps.js.map +1 -1
  157. package/build/commonjs/Modal/index.js +4 -4
  158. package/build/commonjs/Modal/index.js.map +1 -1
  159. package/build/commonjs/Pagination/Pagination.js +10 -7
  160. package/build/commonjs/Pagination/Pagination.js.map +1 -1
  161. package/build/commonjs/Pagination/PaginationProps.js.map +1 -1
  162. package/build/commonjs/Pagination/index.js.map +1 -1
  163. package/build/commonjs/PaginationItem/PaginationItem.js +1 -1
  164. package/build/commonjs/PaginationItem/PaginationItem.js.map +1 -1
  165. package/build/commonjs/PaginationItem/PaginationItemProps.js.map +1 -1
  166. package/build/commonjs/PaginationItem/index.js.map +1 -1
  167. package/build/commonjs/Paper/Paper.js +2 -2
  168. package/build/commonjs/Paper/Paper.js.map +1 -1
  169. package/build/commonjs/Paper/PaperProps.js.map +1 -1
  170. package/build/commonjs/Paper/PaperStylesProvider.js.map +1 -1
  171. package/build/commonjs/Paper/index.js.map +1 -1
  172. package/build/commonjs/Paper/usePaperStyles.js.map +1 -1
  173. package/build/commonjs/Portal/Portal.js.map +1 -1
  174. package/build/commonjs/Portal/PortalConsumer.js +2 -2
  175. package/build/commonjs/Portal/PortalConsumer.js.map +1 -1
  176. package/build/commonjs/Portal/PortalHost.js +2 -2
  177. package/build/commonjs/Portal/PortalHost.js.map +1 -1
  178. package/build/commonjs/Portal/PortalManager.js +11 -8
  179. package/build/commonjs/Portal/PortalManager.js.map +1 -1
  180. package/build/commonjs/Portal/PortalProps.js.map +1 -1
  181. package/build/commonjs/Portal/index.js.map +1 -1
  182. package/build/commonjs/Pressable/index.js.map +1 -1
  183. package/build/commonjs/Radio/Radio.js +3 -8
  184. package/build/commonjs/Radio/Radio.js.map +1 -1
  185. package/build/commonjs/Radio/RadioProps.js.map +1 -1
  186. package/build/commonjs/Radio/index.js.map +1 -1
  187. package/build/commonjs/RadioGroup/RadioContextProvider.js.map +1 -1
  188. package/build/commonjs/RadioGroup/RadioGroup.js.map +1 -1
  189. package/build/commonjs/RadioGroup/RadioGroupProps.js.map +1 -1
  190. package/build/commonjs/RadioGroup/index.js.map +1 -1
  191. package/build/commonjs/Row/Row.js.map +1 -1
  192. package/build/commonjs/Row/RowProps.js.map +1 -1
  193. package/build/commonjs/Row/index.js.map +1 -1
  194. package/build/commonjs/Slide/Slide.js +42 -31
  195. package/build/commonjs/Slide/Slide.js.map +1 -1
  196. package/build/commonjs/Slide/SlideProps.js.map +1 -1
  197. package/build/commonjs/Slide/index.js.map +1 -1
  198. package/build/commonjs/Slider/Slider.js +1 -1
  199. package/build/commonjs/Slider/Slider.js.map +1 -1
  200. package/build/commonjs/Slider/SliderProps.js.map +1 -1
  201. package/build/commonjs/Slider/index.js.map +1 -1
  202. package/build/commonjs/Snackbar/Snackbar.js +1 -1
  203. package/build/commonjs/Snackbar/Snackbar.js.map +1 -1
  204. package/build/commonjs/Snackbar/SnackbarProps.js.map +1 -1
  205. package/build/commonjs/Snackbar/index.js.map +1 -1
  206. package/build/commonjs/SnackbarContent/SnackbarContent.js +1 -1
  207. package/build/commonjs/SnackbarContent/SnackbarContent.js.map +1 -1
  208. package/build/commonjs/SnackbarContent/SnackbarContentProps.js.map +1 -1
  209. package/build/commonjs/SnackbarContent/index.js.map +1 -1
  210. package/build/commonjs/Spacer/Spacer.js +1 -1
  211. package/build/commonjs/Spacer/Spacer.js.map +1 -1
  212. package/build/commonjs/Spacer/SpacerProps.js.map +1 -1
  213. package/build/commonjs/Spacer/index.js.map +1 -1
  214. package/build/commonjs/SvgIcon/SvgIcon.js +2 -2
  215. package/build/commonjs/SvgIcon/SvgIcon.js.map +1 -1
  216. package/build/commonjs/SvgIcon/SvgIconProps.js.map +1 -1
  217. package/build/commonjs/SvgIcon/index.js.map +1 -1
  218. package/build/commonjs/Switch/Switch.js +1 -1
  219. package/build/commonjs/Switch/Switch.js.map +1 -1
  220. package/build/commonjs/Switch/SwitchProps.js.map +1 -1
  221. package/build/commonjs/Switch/index.js.map +1 -1
  222. package/build/commonjs/Tab/Tab.js +15 -8
  223. package/build/commonjs/Tab/Tab.js.map +1 -1
  224. package/build/commonjs/Tab/TabIndicator.js +8 -5
  225. package/build/commonjs/Tab/TabIndicator.js.map +1 -1
  226. package/build/commonjs/Tab/TabProps.js.map +1 -1
  227. package/build/commonjs/Tab/index.js.map +1 -1
  228. package/build/commonjs/TabBase/TabBase.js +1 -1
  229. package/build/commonjs/TabBase/TabBase.js.map +1 -1
  230. package/build/commonjs/TabBase/TabBaseProps.js.map +1 -1
  231. package/build/commonjs/TabBase/index.js.map +1 -1
  232. package/build/commonjs/Tabs/IndexAwareTab.js +35 -0
  233. package/build/commonjs/Tabs/IndexAwareTab.js.map +1 -0
  234. package/build/commonjs/Tabs/InternalContext.js +17 -0
  235. package/build/commonjs/Tabs/InternalContext.js.map +1 -0
  236. package/build/commonjs/Tabs/ScrollableTabsView.js +35 -0
  237. package/build/commonjs/Tabs/ScrollableTabsView.js.map +1 -0
  238. package/build/commonjs/Tabs/TabCoordinate.js.map +1 -1
  239. package/build/commonjs/Tabs/TabIndicator.js +75 -31
  240. package/build/commonjs/Tabs/TabIndicator.js.map +1 -1
  241. package/build/commonjs/Tabs/TabIndicatorProps.js.map +1 -1
  242. package/build/commonjs/Tabs/Tabs.js +73 -84
  243. package/build/commonjs/Tabs/Tabs.js.map +1 -1
  244. package/build/commonjs/Tabs/TabsProps.js.map +1 -1
  245. package/build/commonjs/Tabs/index.js.map +1 -1
  246. package/build/commonjs/Tabs/types.js +2 -0
  247. package/build/commonjs/Tabs/types.js.map +1 -0
  248. package/build/commonjs/Tabs/useIndexStore.js +35 -0
  249. package/build/commonjs/Tabs/useIndexStore.js.map +1 -0
  250. package/build/commonjs/Tabs/useScrollViewReaction.js +69 -0
  251. package/build/commonjs/Tabs/useScrollViewReaction.js.map +1 -0
  252. package/build/commonjs/Tabs/useTabCoordinates.js +30 -0
  253. package/build/commonjs/Tabs/useTabCoordinates.js.map +1 -0
  254. package/build/commonjs/Tabs/utils.js +19 -0
  255. package/build/commonjs/Tabs/utils.js.map +1 -0
  256. package/build/commonjs/TextField/InputLabel.js +7 -6
  257. package/build/commonjs/TextField/InputLabel.js.map +1 -1
  258. package/build/commonjs/TextField/OutlinedTextField.js +6 -2
  259. package/build/commonjs/TextField/OutlinedTextField.js.map +1 -1
  260. package/build/commonjs/TextField/TextField.js +15 -8
  261. package/build/commonjs/TextField/TextField.js.map +1 -1
  262. package/build/commonjs/TextField/TextFieldProps.js.map +1 -1
  263. package/build/commonjs/TextField/index.js.map +1 -1
  264. package/build/commonjs/TextField/utils.js +1 -1
  265. package/build/commonjs/TextField/utils.js.map +1 -1
  266. package/build/commonjs/Toolbar/Toolbar.js +1 -1
  267. package/build/commonjs/Toolbar/Toolbar.js.map +1 -1
  268. package/build/commonjs/Toolbar/ToolbarProps.js.map +1 -1
  269. package/build/commonjs/Toolbar/index.js.map +1 -1
  270. package/build/commonjs/Tooltip/Tooltip.js +47 -32
  271. package/build/commonjs/Tooltip/Tooltip.js.map +1 -1
  272. package/build/commonjs/Tooltip/TooltipProps.js.map +1 -1
  273. package/build/commonjs/Tooltip/UpArrow.js +6 -5
  274. package/build/commonjs/Tooltip/UpArrow.js.map +1 -1
  275. package/build/commonjs/Tooltip/UpArrowProps.js.map +1 -1
  276. package/build/commonjs/Tooltip/index.js.map +1 -1
  277. package/build/commonjs/Typography/Typography.js +14 -5
  278. package/build/commonjs/Typography/Typography.js.map +1 -1
  279. package/build/commonjs/Typography/TypographyProps.js.map +1 -1
  280. package/build/commonjs/Typography/index.js.map +1 -1
  281. package/build/commonjs/animated/AnimatedAppBar.js.map +1 -1
  282. package/build/commonjs/animated/AnimatedFlatList.js.map +1 -1
  283. package/build/commonjs/animated/AnimatedPressable.js +2 -3
  284. package/build/commonjs/animated/AnimatedPressable.js.map +1 -1
  285. package/build/commonjs/animated/AnimatedTypography.js.map +1 -1
  286. package/build/commonjs/animated/index.js.map +1 -1
  287. package/build/commonjs/hooks/index.js +32 -0
  288. package/build/commonjs/hooks/index.js.map +1 -1
  289. package/build/commonjs/hooks/useAnimatedValue.js +31 -0
  290. package/build/commonjs/hooks/useAnimatedValue.js.map +1 -0
  291. package/build/commonjs/hooks/useAppbarStyles.js.map +1 -1
  292. package/build/commonjs/hooks/useBreakpointUp.js.map +1 -1
  293. package/build/commonjs/hooks/useCollapsibleAppBar.js +51 -73
  294. package/build/commonjs/hooks/useCollapsibleAppBar.js.map +1 -1
  295. package/build/commonjs/hooks/useContentContainerStyle.js +2 -1
  296. package/build/commonjs/hooks/useContentContainerStyle.js.map +1 -1
  297. package/build/commonjs/hooks/useDebounce.js +33 -0
  298. package/build/commonjs/hooks/useDebounce.js.map +1 -0
  299. package/build/commonjs/hooks/useElevationStyle.js.map +1 -1
  300. package/build/commonjs/hooks/useFadeInAppBar.js +29 -36
  301. package/build/commonjs/hooks/useFadeInAppBar.js.map +1 -1
  302. package/build/commonjs/hooks/useImperativeState.js +26 -0
  303. package/build/commonjs/hooks/useImperativeState.js.map +1 -0
  304. package/build/commonjs/hooks/useSyncAnimatedValue.js +40 -0
  305. package/build/commonjs/hooks/useSyncAnimatedValue.js.map +1 -0
  306. package/build/commonjs/hooks/useThrottle.js +4 -8
  307. package/build/commonjs/hooks/useThrottle.js.map +1 -1
  308. package/build/commonjs/hooks/useValidWindowDimensions/index.ios.js +14 -7
  309. package/build/commonjs/hooks/useValidWindowDimensions/index.ios.js.map +1 -1
  310. package/build/commonjs/hooks/useValidWindowDimensions/index.js.map +1 -1
  311. package/build/commonjs/index.js +34 -6
  312. package/build/commonjs/index.js.map +1 -1
  313. package/build/commonjs/internal/hooks/index.js +0 -8
  314. package/build/commonjs/internal/hooks/index.js.map +1 -1
  315. package/build/commonjs/internal/hooks/useHeight.js +5 -10
  316. package/build/commonjs/internal/hooks/useHeight.js.map +1 -1
  317. package/build/commonjs/internal/icons/Checkbox.js +1 -1
  318. package/build/commonjs/internal/icons/Checkbox.js.map +1 -1
  319. package/build/commonjs/internal/icons/CheckboxChecked.js +1 -1
  320. package/build/commonjs/internal/icons/CheckboxChecked.js.map +1 -1
  321. package/build/commonjs/internal/icons/ChevronDown.js +1 -1
  322. package/build/commonjs/internal/icons/ChevronDown.js.map +1 -1
  323. package/build/commonjs/internal/icons/ChevronLeft.js +1 -1
  324. package/build/commonjs/internal/icons/ChevronLeft.js.map +1 -1
  325. package/build/commonjs/internal/icons/ChevronRight.js +1 -1
  326. package/build/commonjs/internal/icons/ChevronRight.js.map +1 -1
  327. package/build/commonjs/internal/icons/CircularProgress.js.map +1 -1
  328. package/build/commonjs/internal/icons/Close.js +1 -1
  329. package/build/commonjs/internal/icons/Close.js.map +1 -1
  330. package/build/commonjs/internal/icons/Radio.js +1 -1
  331. package/build/commonjs/internal/icons/Radio.js.map +1 -1
  332. package/build/commonjs/internal/icons/RadioChecked.js +1 -1
  333. package/build/commonjs/internal/icons/RadioChecked.js.map +1 -1
  334. package/build/commonjs/internal/icons/index.js.map +1 -1
  335. package/build/commonjs/internal/index.js.map +1 -1
  336. package/build/commonjs/store/MockStore.js +27 -0
  337. package/build/commonjs/store/MockStore.js.map +1 -0
  338. package/build/commonjs/store/SimpleStore.js +59 -0
  339. package/build/commonjs/store/SimpleStore.js.map +1 -0
  340. package/build/commonjs/store/index.js +24 -0
  341. package/build/commonjs/store/index.js.map +1 -0
  342. package/build/commonjs/store/types.js +2 -0
  343. package/build/commonjs/store/types.js.map +1 -0
  344. package/build/commonjs/styles/EdgeInsets.js +9 -6
  345. package/build/commonjs/styles/EdgeInsets.js.map +1 -1
  346. package/build/commonjs/styles/PredefinedStyles.js.map +1 -1
  347. package/build/commonjs/styles/StyleSheet.js.map +1 -1
  348. package/build/commonjs/styles/ThemeProvider.js.map +1 -1
  349. package/build/commonjs/styles/createFontStyle.js +2 -2
  350. package/build/commonjs/styles/createFontStyle.js.map +1 -1
  351. package/build/commonjs/styles/index.js +14 -14
  352. package/build/commonjs/styles/index.js.map +1 -1
  353. package/build/commonjs/styles/styled.js +4 -4
  354. package/build/commonjs/styles/styled.js.map +1 -1
  355. package/build/commonjs/styles/useTheme.js.map +1 -1
  356. package/build/commonjs/types/index.js.map +1 -1
  357. package/build/commonjs/utils/cloneElementSafely.js.map +1 -1
  358. package/build/commonjs/utils/createSvgIcon.js.map +1 -1
  359. package/build/commonjs/utils/index.js +8 -0
  360. package/build/commonjs/utils/index.js.map +1 -1
  361. package/build/commonjs/utils/isNotAndroid12.js +20 -0
  362. package/build/commonjs/utils/isNotAndroid12.js.map +1 -0
  363. package/build/module/Accordion/Accordion.js +6 -6
  364. package/build/module/Accordion/Accordion.js.map +1 -1
  365. package/build/module/Accordion/AccordionProps.js.map +1 -1
  366. package/build/module/Accordion/index.js.map +1 -1
  367. package/build/module/AppBar/AppBar.js +1 -1
  368. package/build/module/AppBar/AppBar.js.map +1 -1
  369. package/build/module/AppBar/AppBarProps.js.map +1 -1
  370. package/build/module/AppBar/index.js.map +1 -1
  371. package/build/module/AspectRatio/AspectRatioNative.js +1 -1
  372. package/build/module/AspectRatio/AspectRatioNative.js.map +1 -1
  373. package/build/module/AspectRatio/AspectRatioProps.js.map +1 -1
  374. package/build/module/AspectRatio/AspectRatioWeb.js +1 -1
  375. package/build/module/AspectRatio/AspectRatioWeb.js.map +1 -1
  376. package/build/module/AspectRatio/index.js.map +1 -1
  377. package/build/module/AspectRatio/index.native.js.map +1 -1
  378. package/build/module/AspectRatio/utils.js.map +1 -1
  379. package/build/module/Avatar/Avatar.js.map +1 -1
  380. package/build/module/Avatar/AvatarProps.js.map +1 -1
  381. package/build/module/Avatar/index.js.map +1 -1
  382. package/build/module/Badge/Badge.js +6 -15
  383. package/build/module/Badge/Badge.js.map +1 -1
  384. package/build/module/Badge/BadgeProps.js.map +1 -1
  385. package/build/module/Badge/index.js.map +1 -1
  386. package/build/module/Button/Button.js +5 -2
  387. package/build/module/Button/Button.js.map +1 -1
  388. package/build/module/Button/ButtonProps.js.map +1 -1
  389. package/build/module/Button/index.js.map +1 -1
  390. package/build/module/ButtonBase/ButtonBase.js +68 -51
  391. package/build/module/ButtonBase/ButtonBase.js.map +1 -1
  392. package/build/module/ButtonBase/ButtonBaseProps.js.map +1 -1
  393. package/build/module/ButtonBase/index.js.map +1 -1
  394. package/build/module/Card/Card.js +1 -1
  395. package/build/module/Card/Card.js.map +1 -1
  396. package/build/module/Card/CardProps.js.map +1 -1
  397. package/build/module/Card/index.js.map +1 -1
  398. package/build/module/CardActions/CardActions.js +1 -1
  399. package/build/module/CardActions/CardActions.js.map +1 -1
  400. package/build/module/CardActions/CardActionsProps.js.map +1 -1
  401. package/build/module/CardActions/index.js.map +1 -1
  402. package/build/module/CardContent/CardContent.js +1 -1
  403. package/build/module/CardContent/CardContent.js.map +1 -1
  404. package/build/module/CardContent/CardContentProps.js.map +1 -1
  405. package/build/module/CardContent/index.js.map +1 -1
  406. package/build/module/CardMedia/CardMedia.js +1 -1
  407. package/build/module/CardMedia/CardMedia.js.map +1 -1
  408. package/build/module/CardMedia/CardMediaProps.js.map +1 -1
  409. package/build/module/CardMedia/index.js.map +1 -1
  410. package/build/module/Checkbox/Checkbox.js +1 -1
  411. package/build/module/Checkbox/Checkbox.js.map +1 -1
  412. package/build/module/Checkbox/CheckboxProps.js.map +1 -1
  413. package/build/module/Checkbox/index.js.map +1 -1
  414. package/build/module/Chip/Chip.js +10 -8
  415. package/build/module/Chip/Chip.js.map +1 -1
  416. package/build/module/Chip/ChipProps.js.map +1 -1
  417. package/build/module/Chip/index.js.map +1 -1
  418. package/build/module/CircularProgress/CircularProgress.js +25 -20
  419. package/build/module/CircularProgress/CircularProgress.js.map +1 -1
  420. package/build/module/CircularProgress/index.js.map +1 -1
  421. package/build/module/Column/Column.js.map +1 -1
  422. package/build/module/Column/ColumnProps.js.map +1 -1
  423. package/build/module/Column/index.js.map +1 -1
  424. package/build/module/Dialog/Dialog.js +19 -6
  425. package/build/module/Dialog/Dialog.js.map +1 -1
  426. package/build/module/Dialog/DialogProps.js.map +1 -1
  427. package/build/module/Dialog/index.js.map +1 -1
  428. package/build/module/DialogActions/DialogActions.js +1 -1
  429. package/build/module/DialogActions/DialogActions.js.map +1 -1
  430. package/build/module/DialogActions/DialogActionsProps.js.map +1 -1
  431. package/build/module/DialogActions/index.js.map +1 -1
  432. package/build/module/DialogContent/DialogContent.js +1 -1
  433. package/build/module/DialogContent/DialogContent.js.map +1 -1
  434. package/build/module/DialogContent/DialogContentProps.js.map +1 -1
  435. package/build/module/DialogContent/index.js.map +1 -1
  436. package/build/module/DialogMedia/DialogMedia.js +1 -1
  437. package/build/module/DialogMedia/DialogMedia.js.map +1 -1
  438. package/build/module/DialogMedia/DialogMediaProps.js.map +1 -1
  439. package/build/module/DialogMedia/index.js.map +1 -1
  440. package/build/module/DialogTitle/DialogTitle.js +1 -1
  441. package/build/module/DialogTitle/DialogTitle.js.map +1 -1
  442. package/build/module/DialogTitle/DialogTitleProps.js.map +1 -1
  443. package/build/module/DialogTitle/index.js.map +1 -1
  444. package/build/module/Divider/Divider.js +27 -19
  445. package/build/module/Divider/Divider.js.map +1 -1
  446. package/build/module/Divider/DividerProps.js.map +1 -1
  447. package/build/module/Divider/index.js.map +1 -1
  448. package/build/module/Fab/Fab.js +1 -1
  449. package/build/module/Fab/Fab.js.map +1 -1
  450. package/build/module/Fab/FabProps.js.map +1 -1
  451. package/build/module/Fab/index.js.map +1 -1
  452. package/build/module/Flexbox/Flexbox.js +1 -1
  453. package/build/module/Flexbox/Flexbox.js.map +1 -1
  454. package/build/module/Flexbox/FlexboxProps.js.map +1 -1
  455. package/build/module/Flexbox/index.js.map +1 -1
  456. package/build/module/IconButton/IconButton.js +1 -1
  457. package/build/module/IconButton/IconButton.js.map +1 -1
  458. package/build/module/IconButton/IconButtonProps.js.map +1 -1
  459. package/build/module/IconButton/index.js.map +1 -1
  460. package/build/module/Image/Image.js +56 -14
  461. package/build/module/Image/Image.js.map +1 -1
  462. package/build/module/Image/ImageProps.js.map +1 -1
  463. package/build/module/Image/index.js.map +1 -1
  464. package/build/module/ImageCore/ImageCoreNative.js +31 -25
  465. package/build/module/ImageCore/ImageCoreNative.js.map +1 -1
  466. package/build/module/ImageCore/ImageCoreProps.js.map +1 -1
  467. package/build/module/ImageCore/ImageCoreWeb.js +19 -1
  468. package/build/module/ImageCore/ImageCoreWeb.js.map +1 -1
  469. package/build/module/ImageCore/ImageFileExtensionContext.js +5 -0
  470. package/build/module/ImageCore/ImageFileExtensionContext.js.map +1 -0
  471. package/build/module/ImageCore/ImageFileExtensionProvider.js +24 -0
  472. package/build/module/ImageCore/ImageFileExtensionProvider.js.map +1 -0
  473. package/build/module/ImageCore/index.js +2 -1
  474. package/build/module/ImageCore/index.js.map +1 -1
  475. package/build/module/ImageCore/index.native.js +2 -0
  476. package/build/module/ImageCore/index.native.js.map +1 -1
  477. package/build/module/Link/Link.js +5 -4
  478. package/build/module/Link/Link.js.map +1 -1
  479. package/build/module/Link/LinkProps.js.map +1 -1
  480. package/build/module/Link/index.js.map +1 -1
  481. package/build/module/List/List.js +1 -1
  482. package/build/module/List/List.js.map +1 -1
  483. package/build/module/List/ListProps.js.map +1 -1
  484. package/build/module/List/index.js.map +1 -1
  485. package/build/module/ListItem/ListItem.js +1 -1
  486. package/build/module/ListItem/ListItem.js.map +1 -1
  487. package/build/module/ListItem/ListItemProps.js.map +1 -1
  488. package/build/module/ListItem/index.js.map +1 -1
  489. package/build/module/ListItemIcon/ListItemIcon.js +1 -1
  490. package/build/module/ListItemIcon/ListItemIcon.js.map +1 -1
  491. package/build/module/ListItemIcon/ListItemIconProps.js.map +1 -1
  492. package/build/module/ListItemIcon/index.js.map +1 -1
  493. package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  494. package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js.map +1 -1
  495. package/build/module/ListItemSecondaryAction/ListItemSecondaryActionProps.js.map +1 -1
  496. package/build/module/ListItemSecondaryAction/index.js.map +1 -1
  497. package/build/module/ListItemText/ListItemText.js +1 -1
  498. package/build/module/ListItemText/ListItemText.js.map +1 -1
  499. package/build/module/ListItemText/ListItemTextProps.js.map +1 -1
  500. package/build/module/ListItemText/index.js.map +1 -1
  501. package/build/module/ListSubheader/ListSubheader.js +1 -1
  502. package/build/module/ListSubheader/ListSubheader.js.map +1 -1
  503. package/build/module/ListSubheader/ListSubheaderProps.js.map +1 -1
  504. package/build/module/ListSubheader/index.js.map +1 -1
  505. package/build/module/Menu/Menu.js.map +1 -1
  506. package/build/module/Menu/MenuProps.js.map +1 -1
  507. package/build/module/Menu/index.js.map +1 -1
  508. package/build/module/MenuItem/MenuItem.js.map +1 -1
  509. package/build/module/MenuItem/MenuItemProps.js.map +1 -1
  510. package/build/module/MenuItem/index.js.map +1 -1
  511. package/build/module/Modal/Modal.js +1 -1
  512. package/build/module/Modal/Modal.js.map +1 -1
  513. package/build/module/Modal/ModalProps.js.map +1 -1
  514. package/build/module/Modal/SimpleBackdrop.js +1 -1
  515. package/build/module/Modal/SimpleBackdrop.js.map +1 -1
  516. package/build/module/Modal/SimpleBackdropProps.js.map +1 -1
  517. package/build/module/Modal/index.js.map +1 -1
  518. package/build/module/Pagination/Pagination.js +10 -7
  519. package/build/module/Pagination/Pagination.js.map +1 -1
  520. package/build/module/Pagination/PaginationProps.js.map +1 -1
  521. package/build/module/Pagination/index.js.map +1 -1
  522. package/build/module/PaginationItem/PaginationItem.js +1 -1
  523. package/build/module/PaginationItem/PaginationItem.js.map +1 -1
  524. package/build/module/PaginationItem/PaginationItemProps.js.map +1 -1
  525. package/build/module/PaginationItem/index.js.map +1 -1
  526. package/build/module/Paper/Paper.js +2 -2
  527. package/build/module/Paper/Paper.js.map +1 -1
  528. package/build/module/Paper/PaperProps.js.map +1 -1
  529. package/build/module/Paper/PaperStylesProvider.js.map +1 -1
  530. package/build/module/Paper/index.js.map +1 -1
  531. package/build/module/Paper/usePaperStyles.js.map +1 -1
  532. package/build/module/Portal/Portal.js.map +1 -1
  533. package/build/module/Portal/PortalConsumer.js +2 -2
  534. package/build/module/Portal/PortalConsumer.js.map +1 -1
  535. package/build/module/Portal/PortalHost.js +2 -2
  536. package/build/module/Portal/PortalHost.js.map +1 -1
  537. package/build/module/Portal/PortalManager.js +11 -8
  538. package/build/module/Portal/PortalManager.js.map +1 -1
  539. package/build/module/Portal/PortalProps.js.map +1 -1
  540. package/build/module/Portal/index.js.map +1 -1
  541. package/build/module/Pressable/index.js.map +1 -1
  542. package/build/module/Radio/Radio.js +4 -9
  543. package/build/module/Radio/Radio.js.map +1 -1
  544. package/build/module/Radio/RadioProps.js.map +1 -1
  545. package/build/module/Radio/index.js.map +1 -1
  546. package/build/module/RadioGroup/RadioContextProvider.js.map +1 -1
  547. package/build/module/RadioGroup/RadioGroup.js.map +1 -1
  548. package/build/module/RadioGroup/RadioGroupProps.js.map +1 -1
  549. package/build/module/RadioGroup/index.js.map +1 -1
  550. package/build/module/Row/Row.js.map +1 -1
  551. package/build/module/Row/RowProps.js.map +1 -1
  552. package/build/module/Row/index.js.map +1 -1
  553. package/build/module/Slide/Slide.js +40 -24
  554. package/build/module/Slide/Slide.js.map +1 -1
  555. package/build/module/Slide/SlideProps.js.map +1 -1
  556. package/build/module/Slide/index.js.map +1 -1
  557. package/build/module/Slider/Slider.js +1 -1
  558. package/build/module/Slider/Slider.js.map +1 -1
  559. package/build/module/Slider/SliderProps.js.map +1 -1
  560. package/build/module/Slider/index.js.map +1 -1
  561. package/build/module/Snackbar/Snackbar.js +1 -1
  562. package/build/module/Snackbar/Snackbar.js.map +1 -1
  563. package/build/module/Snackbar/SnackbarProps.js.map +1 -1
  564. package/build/module/Snackbar/index.js.map +1 -1
  565. package/build/module/SnackbarContent/SnackbarContent.js +1 -1
  566. package/build/module/SnackbarContent/SnackbarContent.js.map +1 -1
  567. package/build/module/SnackbarContent/SnackbarContentProps.js.map +1 -1
  568. package/build/module/SnackbarContent/index.js.map +1 -1
  569. package/build/module/Spacer/Spacer.js +1 -1
  570. package/build/module/Spacer/Spacer.js.map +1 -1
  571. package/build/module/Spacer/SpacerProps.js.map +1 -1
  572. package/build/module/Spacer/index.js.map +1 -1
  573. package/build/module/SvgIcon/SvgIcon.js +2 -2
  574. package/build/module/SvgIcon/SvgIcon.js.map +1 -1
  575. package/build/module/SvgIcon/SvgIconProps.js.map +1 -1
  576. package/build/module/SvgIcon/index.js.map +1 -1
  577. package/build/module/Switch/Switch.js +1 -1
  578. package/build/module/Switch/Switch.js.map +1 -1
  579. package/build/module/Switch/SwitchProps.js.map +1 -1
  580. package/build/module/Switch/index.js.map +1 -1
  581. package/build/module/Tab/Tab.js +11 -8
  582. package/build/module/Tab/Tab.js.map +1 -1
  583. package/build/module/Tab/TabIndicator.js +8 -5
  584. package/build/module/Tab/TabIndicator.js.map +1 -1
  585. package/build/module/Tab/TabProps.js.map +1 -1
  586. package/build/module/Tab/index.js.map +1 -1
  587. package/build/module/TabBase/TabBase.js +1 -1
  588. package/build/module/TabBase/TabBase.js.map +1 -1
  589. package/build/module/TabBase/TabBaseProps.js.map +1 -1
  590. package/build/module/TabBase/index.js.map +1 -1
  591. package/build/module/Tabs/IndexAwareTab.js +23 -0
  592. package/build/module/Tabs/IndexAwareTab.js.map +1 -0
  593. package/build/module/Tabs/InternalContext.js +7 -0
  594. package/build/module/Tabs/InternalContext.js.map +1 -0
  595. package/build/module/Tabs/ScrollableTabsView.js +22 -0
  596. package/build/module/Tabs/ScrollableTabsView.js.map +1 -0
  597. package/build/module/Tabs/TabCoordinate.js.map +1 -1
  598. package/build/module/Tabs/TabIndicator.js +67 -28
  599. package/build/module/Tabs/TabIndicator.js.map +1 -1
  600. package/build/module/Tabs/TabIndicatorProps.js.map +1 -1
  601. package/build/module/Tabs/Tabs.js +66 -72
  602. package/build/module/Tabs/Tabs.js.map +1 -1
  603. package/build/module/Tabs/TabsProps.js.map +1 -1
  604. package/build/module/Tabs/index.js.map +1 -1
  605. package/build/module/Tabs/types.js +2 -0
  606. package/build/module/Tabs/types.js.map +1 -0
  607. package/build/module/Tabs/useIndexStore.js +25 -0
  608. package/build/module/Tabs/useIndexStore.js.map +1 -0
  609. package/build/module/Tabs/useScrollViewReaction.js +57 -0
  610. package/build/module/Tabs/useScrollViewReaction.js.map +1 -0
  611. package/build/module/Tabs/useTabCoordinates.js +21 -0
  612. package/build/module/Tabs/useTabCoordinates.js.map +1 -0
  613. package/build/module/Tabs/utils.js +9 -0
  614. package/build/module/Tabs/utils.js.map +1 -0
  615. package/build/module/TextField/InputLabel.js +8 -7
  616. package/build/module/TextField/InputLabel.js.map +1 -1
  617. package/build/module/TextField/OutlinedTextField.js +7 -3
  618. package/build/module/TextField/OutlinedTextField.js.map +1 -1
  619. package/build/module/TextField/TextField.js +13 -5
  620. package/build/module/TextField/TextField.js.map +1 -1
  621. package/build/module/TextField/TextFieldProps.js.map +1 -1
  622. package/build/module/TextField/index.js.map +1 -1
  623. package/build/module/TextField/utils.js.map +1 -1
  624. package/build/module/Toolbar/Toolbar.js +1 -1
  625. package/build/module/Toolbar/Toolbar.js.map +1 -1
  626. package/build/module/Toolbar/ToolbarProps.js.map +1 -1
  627. package/build/module/Toolbar/index.js.map +1 -1
  628. package/build/module/Tooltip/Tooltip.js +42 -25
  629. package/build/module/Tooltip/Tooltip.js.map +1 -1
  630. package/build/module/Tooltip/TooltipProps.js.map +1 -1
  631. package/build/module/Tooltip/UpArrow.js +6 -5
  632. package/build/module/Tooltip/UpArrow.js.map +1 -1
  633. package/build/module/Tooltip/UpArrowProps.js.map +1 -1
  634. package/build/module/Tooltip/index.js.map +1 -1
  635. package/build/module/Typography/Typography.js +14 -5
  636. package/build/module/Typography/Typography.js.map +1 -1
  637. package/build/module/Typography/TypographyProps.js.map +1 -1
  638. package/build/module/Typography/index.js.map +1 -1
  639. package/build/module/animated/AnimatedAppBar.js.map +1 -1
  640. package/build/module/animated/AnimatedFlatList.js.map +1 -1
  641. package/build/module/animated/AnimatedPressable.js +2 -3
  642. package/build/module/animated/AnimatedPressable.js.map +1 -1
  643. package/build/module/animated/AnimatedTypography.js.map +1 -1
  644. package/build/module/animated/index.js.map +1 -1
  645. package/build/module/hooks/index.js +4 -0
  646. package/build/module/hooks/index.js.map +1 -1
  647. package/build/module/hooks/useAnimatedValue.js +22 -0
  648. package/build/module/hooks/useAnimatedValue.js.map +1 -0
  649. package/build/module/hooks/useAppbarStyles.js.map +1 -1
  650. package/build/module/hooks/useBreakpointUp.js.map +1 -1
  651. package/build/module/hooks/useCollapsibleAppBar.js +52 -63
  652. package/build/module/hooks/useCollapsibleAppBar.js.map +1 -1
  653. package/build/module/hooks/useContentContainerStyle.js +2 -1
  654. package/build/module/hooks/useContentContainerStyle.js.map +1 -1
  655. package/build/module/hooks/useDebounce.js +25 -0
  656. package/build/module/hooks/useDebounce.js.map +1 -0
  657. package/build/module/hooks/useElevationStyle.js.map +1 -1
  658. package/build/module/hooks/useFadeInAppBar.js +31 -27
  659. package/build/module/hooks/useFadeInAppBar.js.map +1 -1
  660. package/build/module/hooks/useImperativeState.js +17 -0
  661. package/build/module/hooks/useImperativeState.js.map +1 -0
  662. package/build/module/hooks/useSyncAnimatedValue.js +28 -0
  663. package/build/module/hooks/useSyncAnimatedValue.js.map +1 -0
  664. package/build/module/hooks/useThrottle.js +4 -4
  665. package/build/module/hooks/useThrottle.js.map +1 -1
  666. package/build/module/hooks/useValidWindowDimensions/index.ios.js +15 -9
  667. package/build/module/hooks/useValidWindowDimensions/index.ios.js.map +1 -1
  668. package/build/module/hooks/useValidWindowDimensions/index.js.map +1 -1
  669. package/build/module/index.js +2 -0
  670. package/build/module/index.js.map +1 -1
  671. package/build/module/internal/hooks/index.js +0 -1
  672. package/build/module/internal/hooks/index.js.map +1 -1
  673. package/build/module/internal/hooks/useHeight.js +5 -5
  674. package/build/module/internal/hooks/useHeight.js.map +1 -1
  675. package/build/module/internal/icons/Checkbox.js +1 -1
  676. package/build/module/internal/icons/Checkbox.js.map +1 -1
  677. package/build/module/internal/icons/CheckboxChecked.js +1 -1
  678. package/build/module/internal/icons/CheckboxChecked.js.map +1 -1
  679. package/build/module/internal/icons/ChevronDown.js +1 -1
  680. package/build/module/internal/icons/ChevronDown.js.map +1 -1
  681. package/build/module/internal/icons/ChevronLeft.js +1 -1
  682. package/build/module/internal/icons/ChevronLeft.js.map +1 -1
  683. package/build/module/internal/icons/ChevronRight.js +1 -1
  684. package/build/module/internal/icons/ChevronRight.js.map +1 -1
  685. package/build/module/internal/icons/CircularProgress.js.map +1 -1
  686. package/build/module/internal/icons/Close.js +1 -1
  687. package/build/module/internal/icons/Close.js.map +1 -1
  688. package/build/module/internal/icons/Radio.js +1 -1
  689. package/build/module/internal/icons/Radio.js.map +1 -1
  690. package/build/module/internal/icons/RadioChecked.js +1 -1
  691. package/build/module/internal/icons/RadioChecked.js.map +1 -1
  692. package/build/module/internal/icons/index.js.map +1 -1
  693. package/build/module/internal/index.js.map +1 -1
  694. package/build/module/store/MockStore.js +18 -0
  695. package/build/module/store/MockStore.js.map +1 -0
  696. package/build/module/store/SimpleStore.js +50 -0
  697. package/build/module/store/SimpleStore.js.map +1 -0
  698. package/build/module/store/index.js +3 -0
  699. package/build/module/store/index.js.map +1 -0
  700. package/build/module/store/types.js +2 -0
  701. package/build/module/store/types.js.map +1 -0
  702. package/build/module/styles/EdgeInsets.js +9 -6
  703. package/build/module/styles/EdgeInsets.js.map +1 -1
  704. package/build/module/styles/PredefinedStyles.js.map +1 -1
  705. package/build/module/styles/StyleSheet.js.map +1 -1
  706. package/build/module/styles/ThemeProvider.js.map +1 -1
  707. package/build/module/styles/createFontStyle.js +2 -2
  708. package/build/module/styles/createFontStyle.js.map +1 -1
  709. package/build/module/styles/index.js.map +1 -1
  710. package/build/module/styles/styled.js.map +1 -1
  711. package/build/module/styles/useTheme.js.map +1 -1
  712. package/build/module/types/index.js.map +1 -1
  713. package/build/module/utils/cloneElementSafely.js.map +1 -1
  714. package/build/module/utils/createSvgIcon.js.map +1 -1
  715. package/build/module/utils/index.js +1 -0
  716. package/build/module/utils/index.js.map +1 -1
  717. package/build/module/utils/isNotAndroid12.js +6 -0
  718. package/build/module/utils/isNotAndroid12.js.map +1 -0
  719. package/build/typescript/Badge/BadgeProps.d.ts +5 -0
  720. package/build/typescript/ButtonBase/ButtonBaseProps.d.ts +8 -0
  721. package/build/typescript/Checkbox/CheckboxProps.d.ts +1 -1
  722. package/build/typescript/Chip/ChipProps.d.ts +4 -0
  723. package/build/typescript/CircularProgress/CircularProgress.d.ts +2 -2
  724. package/build/typescript/Dialog/DialogProps.d.ts +4 -0
  725. package/build/typescript/Divider/DividerProps.d.ts +22 -1
  726. package/build/typescript/Image/ImageProps.d.ts +30 -2
  727. package/build/typescript/Image/index.d.ts +1 -1
  728. package/build/typescript/ImageCore/ImageCoreProps.d.ts +5 -1
  729. package/build/typescript/ImageCore/ImageFileExtensionContext.d.ts +3 -0
  730. package/build/typescript/ImageCore/ImageFileExtensionProvider.d.ts +13 -0
  731. package/build/typescript/ImageCore/index.d.ts +3 -1
  732. package/build/typescript/ImageCore/index.native.d.ts +2 -0
  733. package/build/typescript/Slide/SlideProps.d.ts +2 -3
  734. package/build/typescript/Slider/Slider.d.ts +1 -1
  735. package/build/typescript/Snackbar/SnackbarProps.d.ts +2 -3
  736. package/build/typescript/Tab/TabIndicator.d.ts +4 -1
  737. package/build/typescript/Tab/TabProps.d.ts +6 -0
  738. package/build/typescript/Tabs/IndexAwareTab.d.ts +8 -0
  739. package/build/typescript/Tabs/InternalContext.d.ts +7 -0
  740. package/build/typescript/Tabs/ScrollableTabsView.d.ts +8 -0
  741. package/build/typescript/Tabs/TabIndicatorProps.d.ts +10 -5
  742. package/build/typescript/Tabs/Tabs.d.ts +4 -2
  743. package/build/typescript/Tabs/TabsProps.d.ts +18 -12
  744. package/build/typescript/Tabs/index.d.ts +1 -0
  745. package/build/typescript/Tabs/types.d.ts +9 -0
  746. package/build/typescript/Tabs/useIndexStore.d.ts +3 -0
  747. package/build/typescript/Tabs/useScrollViewReaction.d.ts +8 -0
  748. package/build/typescript/Tabs/useTabCoordinates.d.ts +6 -0
  749. package/build/typescript/Tabs/utils.d.ts +3 -0
  750. package/build/typescript/TextField/TextFieldProps.d.ts +3 -0
  751. package/build/typescript/Tooltip/TooltipProps.d.ts +26 -1
  752. package/build/typescript/Typography/TypographyProps.d.ts +21 -0
  753. package/build/typescript/animated/AnimatedPressable.d.ts +2 -2
  754. package/build/typescript/hooks/index.d.ts +5 -0
  755. package/build/typescript/hooks/useAnimatedValue.d.ts +2 -0
  756. package/build/typescript/hooks/useCollapsibleAppBar.d.ts +2 -0
  757. package/build/typescript/hooks/useDebounce.d.ts +1 -0
  758. package/build/typescript/hooks/useFadeInAppBar.d.ts +4 -3
  759. package/build/typescript/hooks/useImperativeState.d.ts +6 -0
  760. package/build/typescript/hooks/useSyncAnimatedValue.d.ts +6 -0
  761. package/build/typescript/hooks/useValidWindowDimensions/index.ios.d.ts +2 -1
  762. package/build/typescript/index.d.ts +2 -0
  763. package/build/typescript/internal/hooks/index.d.ts +0 -1
  764. package/build/typescript/internal/icons/Checkbox.d.ts +27 -10
  765. package/build/typescript/internal/icons/CheckboxChecked.d.ts +27 -10
  766. package/build/typescript/internal/icons/ChevronDown.d.ts +27 -10
  767. package/build/typescript/internal/icons/ChevronLeft.d.ts +27 -10
  768. package/build/typescript/internal/icons/ChevronRight.d.ts +27 -10
  769. package/build/typescript/internal/icons/Close.d.ts +27 -10
  770. package/build/typescript/internal/icons/Radio.d.ts +27 -10
  771. package/build/typescript/internal/icons/RadioChecked.d.ts +27 -10
  772. package/build/typescript/store/MockStore.d.ts +7 -0
  773. package/build/typescript/store/SimpleStore.d.ts +10 -0
  774. package/build/typescript/store/index.d.ts +3 -0
  775. package/build/typescript/store/types.d.ts +10 -0
  776. package/build/typescript/types/index.d.ts +6 -0
  777. package/build/typescript/utils/index.d.ts +1 -0
  778. package/build/typescript/utils/isNotAndroid12.d.ts +2 -0
  779. package/package.json +9 -9
  780. package/src/Accordion/Accordion.tsx +8 -6
  781. package/src/Badge/Badge.tsx +6 -16
  782. package/src/Badge/BadgeProps.ts +6 -0
  783. package/src/Button/Button.tsx +6 -0
  784. package/src/ButtonBase/ButtonBase.tsx +77 -43
  785. package/src/ButtonBase/ButtonBaseProps.ts +10 -0
  786. package/src/Checkbox/CheckboxProps.ts +1 -1
  787. package/src/Chip/Chip.tsx +11 -7
  788. package/src/Chip/ChipProps.ts +5 -0
  789. package/src/CircularProgress/CircularProgress.tsx +39 -28
  790. package/src/Dialog/Dialog.tsx +32 -11
  791. package/src/Dialog/DialogProps.ts +5 -0
  792. package/src/Divider/Divider.tsx +21 -14
  793. package/src/Divider/DividerProps.ts +27 -1
  794. package/src/Image/Image.tsx +79 -17
  795. package/src/Image/ImageProps.ts +36 -2
  796. package/src/Image/index.ts +1 -1
  797. package/src/ImageCore/ImageCoreNative.tsx +29 -18
  798. package/src/ImageCore/ImageCoreProps.ts +6 -1
  799. package/src/ImageCore/ImageCoreWeb.tsx +22 -2
  800. package/src/ImageCore/ImageFileExtensionContext.ts +7 -0
  801. package/src/ImageCore/ImageFileExtensionProvider.tsx +33 -0
  802. package/src/ImageCore/index.native.ts +3 -1
  803. package/src/ImageCore/index.ts +4 -1
  804. package/src/Radio/Radio.tsx +1 -3
  805. package/src/Slide/Slide.tsx +31 -26
  806. package/src/Slide/SlideProps.ts +2 -3
  807. package/src/Snackbar/SnackbarProps.ts +3 -3
  808. package/src/SvgIcon/SvgIcon.tsx +1 -1
  809. package/src/Tab/Tab.tsx +8 -7
  810. package/src/Tab/TabIndicator.tsx +17 -15
  811. package/src/Tab/TabProps.ts +7 -0
  812. package/src/Tabs/IndexAwareTab.tsx +29 -0
  813. package/src/Tabs/InternalContext.ts +13 -0
  814. package/src/Tabs/ScrollableTabsView.tsx +28 -0
  815. package/src/Tabs/TabIndicator.tsx +74 -37
  816. package/src/Tabs/TabIndicatorProps.ts +12 -5
  817. package/src/Tabs/Tabs.tsx +96 -97
  818. package/src/Tabs/TabsProps.ts +21 -22
  819. package/src/Tabs/index.ts +2 -1
  820. package/src/Tabs/types.ts +18 -0
  821. package/src/Tabs/useIndexStore.ts +31 -0
  822. package/src/Tabs/useScrollViewReaction.ts +62 -0
  823. package/src/Tabs/useTabCoordinates.ts +25 -0
  824. package/src/Tabs/utils.ts +14 -0
  825. package/src/TextField/InputLabel.tsx +6 -1
  826. package/src/TextField/OutlinedTextField.tsx +7 -1
  827. package/src/TextField/TextField.tsx +10 -4
  828. package/src/TextField/TextFieldProps.ts +4 -0
  829. package/src/Tooltip/Tooltip.tsx +53 -27
  830. package/src/Tooltip/TooltipProps.ts +26 -1
  831. package/src/Typography/Typography.tsx +12 -3
  832. package/src/Typography/TypographyProps.ts +27 -0
  833. package/src/animated/AnimatedPressable.tsx +1 -2
  834. package/src/hooks/index.ts +6 -0
  835. package/src/hooks/useAnimatedValue.ts +21 -0
  836. package/src/hooks/useCollapsibleAppBar.ts +80 -56
  837. package/src/hooks/useDebounce.ts +23 -0
  838. package/src/hooks/useFadeInAppBar.ts +32 -25
  839. package/src/hooks/useImperativeState.ts +24 -0
  840. package/src/hooks/useSyncAnimatedValue.ts +38 -0
  841. package/src/hooks/useThrottle.ts +3 -3
  842. package/src/hooks/useValidWindowDimensions/index.ios.ts +16 -10
  843. package/src/index.ts +4 -0
  844. package/src/internal/hooks/index.ts +0 -1
  845. package/src/internal/hooks/useHeight.ts +4 -5
  846. package/src/internal/icons/Checkbox.tsx +1 -1
  847. package/src/internal/icons/CheckboxChecked.tsx +1 -1
  848. package/src/internal/icons/ChevronDown.tsx +1 -1
  849. package/src/internal/icons/ChevronLeft.tsx +1 -1
  850. package/src/internal/icons/ChevronRight.tsx +1 -1
  851. package/src/internal/icons/Close.tsx +1 -1
  852. package/src/internal/icons/Radio.tsx +1 -1
  853. package/src/internal/icons/RadioChecked.tsx +1 -1
  854. package/src/store/MockStore.ts +21 -0
  855. package/src/store/SimpleStore.ts +50 -0
  856. package/src/store/index.ts +3 -0
  857. package/src/store/types.ts +12 -0
  858. package/src/types/index.ts +7 -0
  859. package/src/utils/index.ts +1 -0
  860. package/src/utils/isNotAndroid12.ts +7 -0
  861. package/build/commonjs/ButtonBase/ButtonBase.ios.js +0 -99
  862. package/build/commonjs/ButtonBase/ButtonBase.ios.js.map +0 -1
  863. package/build/commonjs/ButtonBase/useDisabledReaction/index.js +0 -23
  864. package/build/commonjs/ButtonBase/useDisabledReaction/index.js.map +0 -1
  865. package/build/commonjs/ButtonBase/useDisabledReaction/index.native.js +0 -9
  866. package/build/commonjs/ButtonBase/useDisabledReaction/index.native.js.map +0 -1
  867. package/build/commonjs/ImageCore/ImageCoreNative.ios.js +0 -60
  868. package/build/commonjs/ImageCore/ImageCoreNative.ios.js.map +0 -1
  869. package/build/commonjs/internal/hooks/useWidth.js +0 -29
  870. package/build/commonjs/internal/hooks/useWidth.js.map +0 -1
  871. package/build/module/ButtonBase/ButtonBase.ios.js +0 -80
  872. package/build/module/ButtonBase/ButtonBase.ios.js.map +0 -1
  873. package/build/module/ButtonBase/useDisabledReaction/index.js +0 -12
  874. package/build/module/ButtonBase/useDisabledReaction/index.js.map +0 -1
  875. package/build/module/ButtonBase/useDisabledReaction/index.native.js +0 -2
  876. package/build/module/ButtonBase/useDisabledReaction/index.native.js.map +0 -1
  877. package/build/module/ImageCore/ImageCoreNative.ios.js +0 -45
  878. package/build/module/ImageCore/ImageCoreNative.ios.js.map +0 -1
  879. package/build/module/internal/hooks/useWidth.js +0 -15
  880. package/build/module/internal/hooks/useWidth.js.map +0 -1
  881. package/build/typescript/ButtonBase/ButtonBase.ios.d.ts +0 -3
  882. package/build/typescript/ButtonBase/useDisabledReaction/index.d.ts +0 -2
  883. package/build/typescript/ButtonBase/useDisabledReaction/index.native.d.ts +0 -2
  884. package/build/typescript/ImageCore/ImageCoreNative.ios.d.ts +0 -3
  885. package/build/typescript/internal/hooks/useWidth.d.ts +0 -2
  886. package/src/ButtonBase/ButtonBase.ios.tsx +0 -95
  887. package/src/ButtonBase/useDisabledReaction/index.native.ts +0 -4
  888. package/src/ButtonBase/useDisabledReaction/index.ts +0 -15
  889. package/src/ImageCore/ImageCoreNative.ios.tsx +0 -46
  890. package/src/internal/hooks/useWidth.ts +0 -17
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = ImageCore;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- const AnimatedFastImage = _reactNative.Animated.createAnimatedComponent(_reactNativeFastImage.default);
17
-
18
- function ImageCore(props) {
19
- const {
20
- height,
21
- onError,
22
- onLoad,
23
- resizeMode,
24
- source,
25
- width
26
- } = props;
27
- const style = {
28
- width,
29
- height
30
- };
31
-
32
- const [opacity] = _react.default.useState(() => new _reactNative.Animated.Value(0));
33
-
34
- const handleLoad = () => {
35
- _reactNative.Animated.timing(opacity, {
36
- toValue: 1,
37
- duration: 200,
38
- useNativeDriver: true
39
- }).start();
40
-
41
- if (onLoad) {
42
- onLoad();
43
- }
44
- };
45
-
46
- return /*#__PURE__*/_react.default.createElement(AnimatedFastImage, {
47
- onError: onError,
48
- onLoad: handleLoad,
49
- resizeMode: resizeMode,
50
- source: {
51
- uri: source.uri
52
- },
53
- style: [style, {
54
- opacity
55
- }]
56
- });
57
- }
58
-
59
- ;
60
- //# sourceMappingURL=ImageCoreNative.ios.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ImageCoreNative.ios.tsx"],"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","React","useState","Value","handleLoad","timing","toValue","duration","useNativeDriver","start","uri"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA,MAAMA,iBAAiB,GAAGC,sBAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,OAFE;AAGFC,IAAAA,MAHE;AAIFC,IAAAA,UAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAMO,KAAK,GAAG;AAAED,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAd;;AAEA,QAAM,CAACO,OAAD,IAAYC,eAAMC,QAAN,CAAe,MAAM,IAAId,sBAASe,KAAb,CAAmB,CAAnB,CAArB,CAAlB;;AAEA,QAAMC,UAAU,GAAG,MAAM;AACrBhB,0BAASiB,MAAT,CAAgBL,OAAhB,EAAyB;AACrBM,MAAAA,OAAO,EAAE,CADY;AAErBC,MAAAA,QAAQ,EAAE,GAFW;AAGrBC,MAAAA,eAAe,EAAE;AAHI,KAAzB,EAIGC,KAJH;;AAMA,QAAId,MAAJ,EAAY;AACRA,MAAAA,MAAM;AACT;AACJ,GAVD;;AAYA,sBACI,6BAAC,iBAAD;AACI,IAAA,OAAO,EAAED,OADb;AAEI,IAAA,MAAM,EAAEU,UAFZ;AAGI,IAAA,UAAU,EAAER,UAHhB;AAII,IAAA,MAAM,EAAE;AAAEc,MAAAA,GAAG,EAAEb,MAAM,CAACa;AAAd,KAJZ;AAKI,IAAA,KAAK,EAAE,CACHX,KADG,EAEH;AAAEC,MAAAA;AAAF,KAFG;AALX,IADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nexport default function ImageCore(props: ImageCoreProps) {\n const {\n height,\n onError,\n onLoad,\n resizeMode,\n source,\n width,\n } = props;\n\n const style = { width, height };\n\n const [opacity] = React.useState(() => new Animated.Value(0));\n\n const handleLoad = () => {\n Animated.timing(opacity, {\n toValue: 1,\n duration: 200,\n useNativeDriver: true,\n }).start();\n\n if (onLoad) {\n onLoad();\n }\n };\n\n return (\n <AnimatedFastImage\n onError={onError}\n onLoad={handleLoad}\n resizeMode={resizeMode}\n source={{ uri: source.uri }}\n style={[\n style,\n { opacity },\n ]}\n />\n );\n};\n"]}
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = useWidth;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- function useWidth() {
15
- const window = (0, _reactNative.useWindowDimensions)();
16
-
17
- const [width, setWidth] = _react.default.useState(window.width);
18
-
19
- const onLayout = _react.default.useCallback(e => {
20
- const newWidth = e.nativeEvent.layout.width;
21
-
22
- if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {
23
- setWidth(newWidth);
24
- }
25
- }, []);
26
-
27
- return [width, onLayout];
28
- }
29
- //# sourceMappingURL=useWidth.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useWidth.ts"],"names":["useWidth","window","width","setWidth","React","useState","onLayout","useCallback","e","newWidth","nativeEvent","layout","Math","round"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEe,SAASA,QAAT,GAAqD;AAChE,QAAMC,MAAM,GAAG,uCAAf;;AACA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBC,eAAMC,QAAN,CAAeJ,MAAM,CAACC,KAAtB,CAA1B;;AAEA,QAAMI,QAAQ,GAAGF,eAAMG,WAAN,CAAmBC,CAAD,IAA0B;AACzD,UAAMC,QAAQ,GAAGD,CAAC,CAACE,WAAF,CAAcC,MAAd,CAAqBT,KAAtC;;AAEA,QAAIO,QAAQ,GAAG,CAAX,IAAgBG,IAAI,CAACC,KAAL,CAAWJ,QAAX,MAAyBG,IAAI,CAACC,KAAL,CAAWX,KAAX,CAA7C,EAAgE;AAC5DC,MAAAA,QAAQ,CAACM,QAAD,CAAR;AACH;AACJ,GANgB,EAMd,EANc,CAAjB;;AAQA,SAAO,CAACP,KAAD,EAAQI,QAAR,CAAP;AACH","sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, useWindowDimensions, ViewProps } from 'react-native';\n\nexport default function useWidth(): [number, ViewProps['onLayout']] {\n const window = useWindowDimensions();\n const [width, setWidth] = React.useState(window.width);\n\n const onLayout = React.useCallback((e: LayoutChangeEvent) => {\n const newWidth = e.nativeEvent.layout.width;\n\n if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {\n setWidth(newWidth);\n }\n }, []);\n\n return [width, onLayout];\n}"]}
@@ -1,80 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import { Animated, Pressable } from 'react-native';
5
- import { useThrottle } from '../hooks';
6
- const ORIGINAL_OPACITY = 1;
7
- const ACTIVE_OPACITY = .65;
8
- const DISABLED_OPACITY = .3;
9
- const ORIGINAL_SCALE = 1;
10
- const MINIFIED_SCALE = .96;
11
- const animatedDuration = 150;
12
- const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
13
- export default function ButtonBase(props) {
14
- const {
15
- children,
16
- disabled = false,
17
- disableThrottle = false,
18
- onPress,
19
- pressEffect = 'opacity',
20
- style,
21
- throttleMillis = 650,
22
- ...otherProps
23
- } = props;
24
- const handlePress = useThrottle({
25
- periodMillis: disableThrottle ? 0 : throttleMillis,
26
- callback: onPress
27
- });
28
- const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));
29
- const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));
30
- const startAnimation = React.useCallback((pressIn, isHovered = false) => {
31
- if (pressEffect === 'none') {
32
- return;
33
- }
34
-
35
- if (pressEffect === 'opacity') {
36
- if (pressIn) {
37
- Animated.timing(opacity, {
38
- toValue: ACTIVE_OPACITY,
39
- duration: animatedDuration,
40
- useNativeDriver: true
41
- }).start();
42
- } else {
43
- Animated.timing(opacity, {
44
- toValue: ORIGINAL_OPACITY,
45
- duration: 0,
46
- useNativeDriver: true
47
- }).start();
48
- }
49
- } else if (!isHovered) {
50
- if (pressIn) {
51
- Animated.timing(scale, {
52
- toValue: MINIFIED_SCALE,
53
- duration: animatedDuration,
54
- delay: 100,
55
- useNativeDriver: true
56
- }).start();
57
- } else {
58
- Animated.timing(scale, {
59
- toValue: ORIGINAL_SCALE,
60
- duration: 150,
61
- useNativeDriver: true
62
- }).start();
63
- }
64
- }
65
- }, [pressEffect]);
66
- return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
67
- disabled: disabled,
68
- onPress: handlePress,
69
- onPressIn: () => startAnimation(true),
70
- onPressOut: () => startAnimation(false),
71
- style: [style, {
72
- opacity: disabled ? DISABLED_OPACITY : opacity,
73
- transform: [{
74
- scale: disabled ? ORIGINAL_SCALE : scale
75
- }]
76
- }]
77
- }, otherProps), children);
78
- }
79
- ;
80
- //# sourceMappingURL=ButtonBase.ios.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ButtonBase.ios.tsx"],"names":["React","Animated","Pressable","useThrottle","ORIGINAL_OPACITY","ACTIVE_OPACITY","DISABLED_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","animatedDuration","AnimatedPressable","createAnimatedComponent","ButtonBase","props","children","disabled","disableThrottle","onPress","pressEffect","style","throttleMillis","otherProps","handlePress","periodMillis","callback","opacity","useState","Value","scale","startAnimation","useCallback","pressIn","isHovered","timing","toValue","duration","useNativeDriver","start","delay","transform"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,SAAnB,QAAoC,cAApC;AACA,SAASC,WAAT,QAA4B,UAA5B;AAGA,MAAMC,gBAAgB,GAAG,CAAzB;AACA,MAAMC,cAAc,GAAG,GAAvB;AACA,MAAMC,gBAAgB,GAAG,EAAzB;AAEA,MAAMC,cAAc,GAAG,CAAvB;AACA,MAAMC,cAAc,GAAG,GAAvB;AAEA,MAAMC,gBAAgB,GAAG,GAAzB;AAEA,MAAMC,iBAAiB,GAAGT,QAAQ,CAACU,uBAAT,CAAiCT,SAAjC,CAA1B;AAEA,eAAe,SAASU,UAAT,CAAoBC,KAApB,EAA4C;AACvD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,QAAQ,GAAG,KAFT;AAGFC,IAAAA,eAAe,GAAG,KAHhB;AAIFC,IAAAA,OAJE;AAKFC,IAAAA,WAAW,GAAG,SALZ;AAMFC,IAAAA,KANE;AAOFC,IAAAA,cAAc,GAAG,GAPf;AAQF,OAAGC;AARD,MASFR,KATJ;AAWA,QAAMS,WAAW,GAAGnB,WAAW,CAAC;AAC5BoB,IAAAA,YAAY,EAAEP,eAAe,GAAG,CAAH,GAAOI,cADR;AAE5BI,IAAAA,QAAQ,EAAEP;AAFkB,GAAD,CAA/B;AAKA,QAAM,CAACQ,OAAD,IAAYzB,KAAK,CAAC0B,QAAN,CAAe,MAAM,IAAIzB,QAAQ,CAAC0B,KAAb,CAAmBvB,gBAAnB,CAArB,CAAlB;AACA,QAAM,CAACwB,KAAD,IAAU5B,KAAK,CAAC0B,QAAN,CAAe,MAAM,IAAIzB,QAAQ,CAAC0B,KAAb,CAAmBpB,cAAnB,CAArB,CAAhB;AAEA,QAAMsB,cAAc,GAAG7B,KAAK,CAAC8B,WAAN,CAAkB,CAACC,OAAD,EAAmBC,SAAkB,GAAG,KAAxC,KAAkD;AACvF,QAAId,WAAW,KAAK,MAApB,EAA4B;AACxB;AACH;;AAED,QAAIA,WAAW,KAAK,SAApB,EAA+B;AAC3B,UAAIa,OAAJ,EAAa;AACT9B,QAAAA,QAAQ,CAACgC,MAAT,CAAgBR,OAAhB,EAAyB;AACrBS,UAAAA,OAAO,EAAE7B,cADY;AAErB8B,UAAAA,QAAQ,EAAE1B,gBAFW;AAGrB2B,UAAAA,eAAe,EAAE;AAHI,SAAzB,EAIGC,KAJH;AAKH,OAND,MAMO;AACHpC,QAAAA,QAAQ,CAACgC,MAAT,CAAgBR,OAAhB,EAAyB;AACrBS,UAAAA,OAAO,EAAE9B,gBADY;AAErB+B,UAAAA,QAAQ,EAAE,CAFW;AAGrBC,UAAAA,eAAe,EAAE;AAHI,SAAzB,EAIGC,KAJH;AAKH;AACJ,KAdD,MAcO,IAAI,CAACL,SAAL,EAAgB;AACnB,UAAID,OAAJ,EAAa;AACT9B,QAAAA,QAAQ,CAACgC,MAAT,CAAgBL,KAAhB,EAAuB;AACnBM,UAAAA,OAAO,EAAE1B,cADU;AAEnB2B,UAAAA,QAAQ,EAAE1B,gBAFS;AAGnB6B,UAAAA,KAAK,EAAE,GAHY;AAInBF,UAAAA,eAAe,EAAE;AAJE,SAAvB,EAKGC,KALH;AAMH,OAPD,MAOO;AACHpC,QAAAA,QAAQ,CAACgC,MAAT,CAAgBL,KAAhB,EAAuB;AACnBM,UAAAA,OAAO,EAAE3B,cADU;AAEnB4B,UAAAA,QAAQ,EAAE,GAFS;AAGnBC,UAAAA,eAAe,EAAE;AAHE,SAAvB,EAIGC,KAJH;AAKH;AACJ;AACJ,GAnCsB,EAmCpB,CAACnB,WAAD,CAnCoB,CAAvB;AAqCA,sBACI,oBAAC,iBAAD;AACI,IAAA,QAAQ,EAAEH,QADd;AAEI,IAAA,OAAO,EAAEO,WAFb;AAGI,IAAA,SAAS,EAAE,MAAMO,cAAc,CAAC,IAAD,CAHnC;AAII,IAAA,UAAU,EAAE,MAAMA,cAAc,CAAC,KAAD,CAJpC;AAKI,IAAA,KAAK,EAAE,CAACV,KAAD,EACH;AACIM,MAAAA,OAAO,EAAEV,QAAQ,GAAGT,gBAAH,GAAsBmB,OAD3C;AAEIc,MAAAA,SAAS,EAAE,CACP;AACIX,QAAAA,KAAK,EAAEb,QAAQ,GAAGR,cAAH,GAAoBqB;AADvC,OADO;AAFf,KADG;AALX,KAeQP,UAfR,GAiBKP,QAjBL,CADJ;AAqBH;AAAA","sourcesContent":["import React from 'react';\nimport { Animated, Pressable } from 'react-native';\nimport { useThrottle } from '../hooks';\nimport type ButtonBaseProps from './ButtonBaseProps';\n\nconst ORIGINAL_OPACITY = 1;\nconst ACTIVE_OPACITY = .65;\nconst DISABLED_OPACITY = .3;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\nconst animatedDuration = 150;\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n const {\n children,\n disabled = false,\n disableThrottle = false,\n onPress,\n pressEffect = 'opacity',\n style,\n throttleMillis = 650,\n ...otherProps\n } = props;\n\n const handlePress = useThrottle({\n periodMillis: disableThrottle ? 0 : throttleMillis,\n callback: onPress,\n });\n\n const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));\n const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));\n\n const startAnimation = React.useCallback((pressIn: boolean, isHovered: boolean = false) => {\n if (pressEffect === 'none') {\n return;\n }\n\n if (pressEffect === 'opacity') {\n if (pressIn) {\n Animated.timing(opacity, {\n toValue: ACTIVE_OPACITY,\n duration: animatedDuration,\n useNativeDriver: true,\n }).start();\n } else {\n Animated.timing(opacity, {\n toValue: ORIGINAL_OPACITY,\n duration: 0,\n useNativeDriver: true,\n }).start();\n }\n } else if (!isHovered) {\n if (pressIn) {\n Animated.timing(scale, {\n toValue: MINIFIED_SCALE,\n duration: animatedDuration,\n delay: 100,\n useNativeDriver: true,\n }).start();\n } else {\n Animated.timing(scale, {\n toValue: ORIGINAL_SCALE,\n duration: 150,\n useNativeDriver: true,\n }).start();\n }\n }\n }, [pressEffect]);\n\n return (\n <AnimatedPressable\n disabled={disabled}\n onPress={handlePress}\n onPressIn={() => startAnimation(true)}\n onPressOut={() => startAnimation(false)}\n style={[style,\n {\n opacity: disabled ? DISABLED_OPACITY : opacity,\n transform: [\n {\n scale: disabled ? ORIGINAL_SCALE : scale,\n },\n ],\n },\n ]}\n {...otherProps}\n >\n {children}\n </AnimatedPressable>\n );\n};\n"]}
@@ -1,12 +0,0 @@
1
- import Animated from 'react-native-reanimated';
2
- import { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';
3
- export default function useDisabledReaction(disabled, opacity) {
4
- Animated.useAnimatedReaction(() => disabled, result => {
5
- if (result) {
6
- opacity.value = DISABLED_OPACITY;
7
- } else {
8
- opacity.value = ORIGINAL_OPACITY;
9
- }
10
- });
11
- }
12
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"names":["Animated","DISABLED_OPACITY","ORIGINAL_OPACITY","useDisabledReaction","disabled","opacity","useAnimatedReaction","result","value"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,yBAArB;AACA,SAASC,gBAAT,EAA2BC,gBAA3B,QAAmD,eAAnD;AAEA,eAAe,SAASC,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAAuF;AAClGL,EAAAA,QAAQ,CAACM,mBAAT,CACI,MAAMF,QADV,EAEKG,MAAD,IAAY;AACR,QAAIA,MAAJ,EAAY;AACRF,MAAAA,OAAO,CAACG,KAAR,GAAgBP,gBAAhB;AACH,KAFD,MAEO;AACHI,MAAAA,OAAO,CAACG,KAAR,GAAgBN,gBAAhB;AACH;AACJ,GARL;AAUH","sourcesContent":["import Animated from 'react-native-reanimated';\nimport { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {\n Animated.useAnimatedReaction(\n () => disabled,\n (result) => {\n if (result) {\n opacity.value = DISABLED_OPACITY;\n } else {\n opacity.value = ORIGINAL_OPACITY;\n }\n },\n );\n}"]}
@@ -1,2 +0,0 @@
1
- export default function useDisabledReaction(disabled, opacity) {}
2
- //# sourceMappingURL=index.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.native.ts"],"names":["useDisabledReaction","disabled","opacity"],"mappings":"AAEA,eAAe,SAASA,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAAuF,CACrG","sourcesContent":["import Animated from 'react-native-reanimated';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {\n}"]}
@@ -1,45 +0,0 @@
1
- import React from 'react';
2
- import { Animated } from 'react-native';
3
- import FastImage from 'react-native-fast-image';
4
- const AnimatedFastImage = Animated.createAnimatedComponent(FastImage);
5
- export default function ImageCore(props) {
6
- const {
7
- height,
8
- onError,
9
- onLoad,
10
- resizeMode,
11
- source,
12
- width
13
- } = props;
14
- const style = {
15
- width,
16
- height
17
- };
18
- const [opacity] = React.useState(() => new Animated.Value(0));
19
-
20
- const handleLoad = () => {
21
- Animated.timing(opacity, {
22
- toValue: 1,
23
- duration: 200,
24
- useNativeDriver: true
25
- }).start();
26
-
27
- if (onLoad) {
28
- onLoad();
29
- }
30
- };
31
-
32
- return /*#__PURE__*/React.createElement(AnimatedFastImage, {
33
- onError: onError,
34
- onLoad: handleLoad,
35
- resizeMode: resizeMode,
36
- source: {
37
- uri: source.uri
38
- },
39
- style: [style, {
40
- opacity
41
- }]
42
- });
43
- }
44
- ;
45
- //# sourceMappingURL=ImageCoreNative.ios.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ImageCoreNative.ios.tsx"],"names":["React","Animated","FastImage","AnimatedFastImage","createAnimatedComponent","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","useState","Value","handleLoad","timing","toValue","duration","useNativeDriver","start","uri"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,SAAP,MAAsB,yBAAtB;AAGA,MAAMC,iBAAiB,GAAGF,QAAQ,CAACG,uBAAT,CAAiCF,SAAjC,CAA1B;AAEA,eAAe,SAASG,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,OAFE;AAGFC,IAAAA,MAHE;AAIFC,IAAAA,UAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAMO,KAAK,GAAG;AAAED,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAd;AAEA,QAAM,CAACO,OAAD,IAAYd,KAAK,CAACe,QAAN,CAAe,MAAM,IAAId,QAAQ,CAACe,KAAb,CAAmB,CAAnB,CAArB,CAAlB;;AAEA,QAAMC,UAAU,GAAG,MAAM;AACrBhB,IAAAA,QAAQ,CAACiB,MAAT,CAAgBJ,OAAhB,EAAyB;AACrBK,MAAAA,OAAO,EAAE,CADY;AAErBC,MAAAA,QAAQ,EAAE,GAFW;AAGrBC,MAAAA,eAAe,EAAE;AAHI,KAAzB,EAIGC,KAJH;;AAMA,QAAIb,MAAJ,EAAY;AACRA,MAAAA,MAAM;AACT;AACJ,GAVD;;AAYA,sBACI,oBAAC,iBAAD;AACI,IAAA,OAAO,EAAED,OADb;AAEI,IAAA,MAAM,EAAES,UAFZ;AAGI,IAAA,UAAU,EAAEP,UAHhB;AAII,IAAA,MAAM,EAAE;AAAEa,MAAAA,GAAG,EAAEZ,MAAM,CAACY;AAAd,KAJZ;AAKI,IAAA,KAAK,EAAE,CACHV,KADG,EAEH;AAAEC,MAAAA;AAAF,KAFG;AALX,IADJ;AAYH;AAAA","sourcesContent":["import React from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nexport default function ImageCore(props: ImageCoreProps) {\n const {\n height,\n onError,\n onLoad,\n resizeMode,\n source,\n width,\n } = props;\n\n const style = { width, height };\n\n const [opacity] = React.useState(() => new Animated.Value(0));\n\n const handleLoad = () => {\n Animated.timing(opacity, {\n toValue: 1,\n duration: 200,\n useNativeDriver: true,\n }).start();\n\n if (onLoad) {\n onLoad();\n }\n };\n\n return (\n <AnimatedFastImage\n onError={onError}\n onLoad={handleLoad}\n resizeMode={resizeMode}\n source={{ uri: source.uri }}\n style={[\n style,\n { opacity },\n ]}\n />\n );\n};\n"]}
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { useWindowDimensions } from 'react-native';
3
- export default function useWidth() {
4
- const window = useWindowDimensions();
5
- const [width, setWidth] = React.useState(window.width);
6
- const onLayout = React.useCallback(e => {
7
- const newWidth = e.nativeEvent.layout.width;
8
-
9
- if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {
10
- setWidth(newWidth);
11
- }
12
- }, []);
13
- return [width, onLayout];
14
- }
15
- //# sourceMappingURL=useWidth.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useWidth.ts"],"names":["React","useWindowDimensions","useWidth","window","width","setWidth","useState","onLayout","useCallback","e","newWidth","nativeEvent","layout","Math","round"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAA4BC,mBAA5B,QAAkE,cAAlE;AAEA,eAAe,SAASC,QAAT,GAAqD;AAChE,QAAMC,MAAM,GAAGF,mBAAmB,EAAlC;AACA,QAAM,CAACG,KAAD,EAAQC,QAAR,IAAoBL,KAAK,CAACM,QAAN,CAAeH,MAAM,CAACC,KAAtB,CAA1B;AAEA,QAAMG,QAAQ,GAAGP,KAAK,CAACQ,WAAN,CAAmBC,CAAD,IAA0B;AACzD,UAAMC,QAAQ,GAAGD,CAAC,CAACE,WAAF,CAAcC,MAAd,CAAqBR,KAAtC;;AAEA,QAAIM,QAAQ,GAAG,CAAX,IAAgBG,IAAI,CAACC,KAAL,CAAWJ,QAAX,MAAyBG,IAAI,CAACC,KAAL,CAAWV,KAAX,CAA7C,EAAgE;AAC5DC,MAAAA,QAAQ,CAACK,QAAD,CAAR;AACH;AACJ,GANgB,EAMd,EANc,CAAjB;AAQA,SAAO,CAACN,KAAD,EAAQG,QAAR,CAAP;AACH","sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, useWindowDimensions, ViewProps } from 'react-native';\n\nexport default function useWidth(): [number, ViewProps['onLayout']] {\n const window = useWindowDimensions();\n const [width, setWidth] = React.useState(window.width);\n\n const onLayout = React.useCallback((e: LayoutChangeEvent) => {\n const newWidth = e.nativeEvent.layout.width;\n\n if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {\n setWidth(newWidth);\n }\n }, []);\n\n return [width, onLayout];\n}"]}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import type ButtonBaseProps from './ButtonBaseProps';
3
- export default function ButtonBase(props: ButtonBaseProps): JSX.Element;
@@ -1,2 +0,0 @@
1
- import Animated from 'react-native-reanimated';
2
- export default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>): void;
@@ -1,2 +0,0 @@
1
- import Animated from 'react-native-reanimated';
2
- export default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>): void;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import type ImageCoreProps from './ImageCoreProps';
3
- export default function ImageCore(props: ImageCoreProps): JSX.Element;
@@ -1,2 +0,0 @@
1
- import { ViewProps } from 'react-native';
2
- export default function useWidth(): [number, ViewProps['onLayout']];
@@ -1,95 +0,0 @@
1
- import React from 'react';
2
- import { Animated, Pressable } from 'react-native';
3
- import { useThrottle } from '../hooks';
4
- import type ButtonBaseProps from './ButtonBaseProps';
5
-
6
- const ORIGINAL_OPACITY = 1;
7
- const ACTIVE_OPACITY = .65;
8
- const DISABLED_OPACITY = .3;
9
-
10
- const ORIGINAL_SCALE = 1;
11
- const MINIFIED_SCALE = .96;
12
-
13
- const animatedDuration = 150;
14
-
15
- const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
16
-
17
- export default function ButtonBase(props: ButtonBaseProps) {
18
- const {
19
- children,
20
- disabled = false,
21
- disableThrottle = false,
22
- onPress,
23
- pressEffect = 'opacity',
24
- style,
25
- throttleMillis = 650,
26
- ...otherProps
27
- } = props;
28
-
29
- const handlePress = useThrottle({
30
- periodMillis: disableThrottle ? 0 : throttleMillis,
31
- callback: onPress,
32
- });
33
-
34
- const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));
35
- const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));
36
-
37
- const startAnimation = React.useCallback((pressIn: boolean, isHovered: boolean = false) => {
38
- if (pressEffect === 'none') {
39
- return;
40
- }
41
-
42
- if (pressEffect === 'opacity') {
43
- if (pressIn) {
44
- Animated.timing(opacity, {
45
- toValue: ACTIVE_OPACITY,
46
- duration: animatedDuration,
47
- useNativeDriver: true,
48
- }).start();
49
- } else {
50
- Animated.timing(opacity, {
51
- toValue: ORIGINAL_OPACITY,
52
- duration: 0,
53
- useNativeDriver: true,
54
- }).start();
55
- }
56
- } else if (!isHovered) {
57
- if (pressIn) {
58
- Animated.timing(scale, {
59
- toValue: MINIFIED_SCALE,
60
- duration: animatedDuration,
61
- delay: 100,
62
- useNativeDriver: true,
63
- }).start();
64
- } else {
65
- Animated.timing(scale, {
66
- toValue: ORIGINAL_SCALE,
67
- duration: 150,
68
- useNativeDriver: true,
69
- }).start();
70
- }
71
- }
72
- }, [pressEffect]);
73
-
74
- return (
75
- <AnimatedPressable
76
- disabled={disabled}
77
- onPress={handlePress}
78
- onPressIn={() => startAnimation(true)}
79
- onPressOut={() => startAnimation(false)}
80
- style={[style,
81
- {
82
- opacity: disabled ? DISABLED_OPACITY : opacity,
83
- transform: [
84
- {
85
- scale: disabled ? ORIGINAL_SCALE : scale,
86
- },
87
- ],
88
- },
89
- ]}
90
- {...otherProps}
91
- >
92
- {children}
93
- </AnimatedPressable>
94
- );
95
- };
@@ -1,4 +0,0 @@
1
- import Animated from 'react-native-reanimated';
2
-
3
- export default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {
4
- }
@@ -1,15 +0,0 @@
1
- import Animated from 'react-native-reanimated';
2
- import { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';
3
-
4
- export default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {
5
- Animated.useAnimatedReaction(
6
- () => disabled,
7
- (result) => {
8
- if (result) {
9
- opacity.value = DISABLED_OPACITY;
10
- } else {
11
- opacity.value = ORIGINAL_OPACITY;
12
- }
13
- },
14
- );
15
- }
@@ -1,46 +0,0 @@
1
- import React from 'react';
2
- import { Animated } from 'react-native';
3
- import FastImage from 'react-native-fast-image';
4
- import type ImageCoreProps from './ImageCoreProps';
5
-
6
- const AnimatedFastImage = Animated.createAnimatedComponent(FastImage);
7
-
8
- export default function ImageCore(props: ImageCoreProps) {
9
- const {
10
- height,
11
- onError,
12
- onLoad,
13
- resizeMode,
14
- source,
15
- width,
16
- } = props;
17
-
18
- const style = { width, height };
19
-
20
- const [opacity] = React.useState(() => new Animated.Value(0));
21
-
22
- const handleLoad = () => {
23
- Animated.timing(opacity, {
24
- toValue: 1,
25
- duration: 200,
26
- useNativeDriver: true,
27
- }).start();
28
-
29
- if (onLoad) {
30
- onLoad();
31
- }
32
- };
33
-
34
- return (
35
- <AnimatedFastImage
36
- onError={onError}
37
- onLoad={handleLoad}
38
- resizeMode={resizeMode}
39
- source={{ uri: source.uri }}
40
- style={[
41
- style,
42
- { opacity },
43
- ]}
44
- />
45
- );
46
- };
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { LayoutChangeEvent, useWindowDimensions, ViewProps } from 'react-native';
3
-
4
- export default function useWidth(): [number, ViewProps['onLayout']] {
5
- const window = useWindowDimensions();
6
- const [width, setWidth] = React.useState(window.width);
7
-
8
- const onLayout = React.useCallback((e: LayoutChangeEvent) => {
9
- const newWidth = e.nativeEvent.layout.width;
10
-
11
- if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {
12
- setWidth(newWidth);
13
- }
14
- }, []);
15
-
16
- return [width, onLayout];
17
- }