@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.
- package/CHANGELOG.md +32 -0
- package/build/commonjs/Accordion/Accordion.js +6 -8
- package/build/commonjs/Accordion/Accordion.js.map +1 -1
- package/build/commonjs/Accordion/AccordionProps.js.map +1 -1
- package/build/commonjs/Accordion/index.js.map +1 -1
- package/build/commonjs/AppBar/AppBar.js +1 -1
- package/build/commonjs/AppBar/AppBar.js.map +1 -1
- package/build/commonjs/AppBar/AppBarProps.js.map +1 -1
- package/build/commonjs/AppBar/index.js.map +1 -1
- package/build/commonjs/AspectRatio/AspectRatioNative.js +1 -1
- package/build/commonjs/AspectRatio/AspectRatioNative.js.map +1 -1
- package/build/commonjs/AspectRatio/AspectRatioProps.js.map +1 -1
- package/build/commonjs/AspectRatio/AspectRatioWeb.js +1 -1
- package/build/commonjs/AspectRatio/AspectRatioWeb.js.map +1 -1
- package/build/commonjs/AspectRatio/index.js.map +1 -1
- package/build/commonjs/AspectRatio/index.native.js.map +1 -1
- package/build/commonjs/AspectRatio/utils.js +1 -1
- package/build/commonjs/AspectRatio/utils.js.map +1 -1
- package/build/commonjs/Avatar/Avatar.js.map +1 -1
- package/build/commonjs/Avatar/AvatarProps.js.map +1 -1
- package/build/commonjs/Avatar/index.js.map +1 -1
- package/build/commonjs/Badge/Badge.js +6 -15
- package/build/commonjs/Badge/Badge.js.map +1 -1
- package/build/commonjs/Badge/BadgeProps.js.map +1 -1
- package/build/commonjs/Badge/index.js.map +1 -1
- package/build/commonjs/Button/Button.js +5 -2
- package/build/commonjs/Button/Button.js.map +1 -1
- package/build/commonjs/Button/ButtonProps.js.map +1 -1
- package/build/commonjs/Button/index.js.map +1 -1
- package/build/commonjs/ButtonBase/ButtonBase.js +71 -59
- package/build/commonjs/ButtonBase/ButtonBase.js.map +1 -1
- package/build/commonjs/ButtonBase/ButtonBaseProps.js.map +1 -1
- package/build/commonjs/ButtonBase/index.js.map +1 -1
- package/build/commonjs/Card/Card.js +1 -1
- package/build/commonjs/Card/Card.js.map +1 -1
- package/build/commonjs/Card/CardProps.js.map +1 -1
- package/build/commonjs/Card/index.js.map +1 -1
- package/build/commonjs/CardActions/CardActions.js +1 -1
- package/build/commonjs/CardActions/CardActions.js.map +1 -1
- package/build/commonjs/CardActions/CardActionsProps.js.map +1 -1
- package/build/commonjs/CardActions/index.js.map +1 -1
- package/build/commonjs/CardContent/CardContent.js +1 -1
- package/build/commonjs/CardContent/CardContent.js.map +1 -1
- package/build/commonjs/CardContent/CardContentProps.js.map +1 -1
- package/build/commonjs/CardContent/index.js.map +1 -1
- package/build/commonjs/CardMedia/CardMedia.js +1 -1
- package/build/commonjs/CardMedia/CardMedia.js.map +1 -1
- package/build/commonjs/CardMedia/CardMediaProps.js.map +1 -1
- package/build/commonjs/CardMedia/index.js.map +1 -1
- package/build/commonjs/Checkbox/Checkbox.js +1 -1
- package/build/commonjs/Checkbox/Checkbox.js.map +1 -1
- package/build/commonjs/Checkbox/CheckboxProps.js.map +1 -1
- package/build/commonjs/Checkbox/index.js.map +1 -1
- package/build/commonjs/Chip/Chip.js +10 -8
- package/build/commonjs/Chip/Chip.js.map +1 -1
- package/build/commonjs/Chip/ChipProps.js.map +1 -1
- package/build/commonjs/Chip/index.js.map +1 -1
- package/build/commonjs/CircularProgress/CircularProgress.js +27 -27
- package/build/commonjs/CircularProgress/CircularProgress.js.map +1 -1
- package/build/commonjs/CircularProgress/index.js.map +1 -1
- package/build/commonjs/Column/Column.js.map +1 -1
- package/build/commonjs/Column/ColumnProps.js.map +1 -1
- package/build/commonjs/Column/index.js.map +1 -1
- package/build/commonjs/Dialog/Dialog.js +24 -8
- package/build/commonjs/Dialog/Dialog.js.map +1 -1
- package/build/commonjs/Dialog/DialogProps.js.map +1 -1
- package/build/commonjs/Dialog/index.js.map +1 -1
- package/build/commonjs/DialogActions/DialogActions.js +1 -1
- package/build/commonjs/DialogActions/DialogActions.js.map +1 -1
- package/build/commonjs/DialogActions/DialogActionsProps.js.map +1 -1
- package/build/commonjs/DialogActions/index.js.map +1 -1
- package/build/commonjs/DialogContent/DialogContent.js +1 -1
- package/build/commonjs/DialogContent/DialogContent.js.map +1 -1
- package/build/commonjs/DialogContent/DialogContentProps.js.map +1 -1
- package/build/commonjs/DialogContent/index.js.map +1 -1
- package/build/commonjs/DialogMedia/DialogMedia.js +1 -1
- package/build/commonjs/DialogMedia/DialogMedia.js.map +1 -1
- package/build/commonjs/DialogMedia/DialogMediaProps.js.map +1 -1
- package/build/commonjs/DialogMedia/index.js.map +1 -1
- package/build/commonjs/DialogTitle/DialogTitle.js +1 -1
- package/build/commonjs/DialogTitle/DialogTitle.js.map +1 -1
- package/build/commonjs/DialogTitle/DialogTitleProps.js.map +1 -1
- package/build/commonjs/DialogTitle/index.js.map +1 -1
- package/build/commonjs/Divider/Divider.js +27 -19
- package/build/commonjs/Divider/Divider.js.map +1 -1
- package/build/commonjs/Divider/DividerProps.js.map +1 -1
- package/build/commonjs/Divider/index.js.map +1 -1
- package/build/commonjs/Fab/Fab.js +1 -1
- package/build/commonjs/Fab/Fab.js.map +1 -1
- package/build/commonjs/Fab/FabProps.js.map +1 -1
- package/build/commonjs/Fab/index.js.map +1 -1
- package/build/commonjs/Flexbox/Flexbox.js +1 -1
- package/build/commonjs/Flexbox/Flexbox.js.map +1 -1
- package/build/commonjs/Flexbox/FlexboxProps.js.map +1 -1
- package/build/commonjs/Flexbox/index.js.map +1 -1
- package/build/commonjs/IconButton/IconButton.js +1 -1
- package/build/commonjs/IconButton/IconButton.js.map +1 -1
- package/build/commonjs/IconButton/IconButtonProps.js.map +1 -1
- package/build/commonjs/IconButton/index.js.map +1 -1
- package/build/commonjs/Image/Image.js +60 -16
- package/build/commonjs/Image/Image.js.map +1 -1
- package/build/commonjs/Image/ImageProps.js.map +1 -1
- package/build/commonjs/Image/index.js.map +1 -1
- package/build/commonjs/ImageCore/ImageCoreNative.js +38 -26
- package/build/commonjs/ImageCore/ImageCoreNative.js.map +1 -1
- package/build/commonjs/ImageCore/ImageCoreProps.js.map +1 -1
- package/build/commonjs/ImageCore/ImageCoreWeb.js +19 -1
- package/build/commonjs/ImageCore/ImageCoreWeb.js.map +1 -1
- package/build/commonjs/ImageCore/ImageFileExtensionContext.js +14 -0
- package/build/commonjs/ImageCore/ImageFileExtensionContext.js.map +1 -0
- package/build/commonjs/ImageCore/ImageFileExtensionProvider.js +42 -0
- package/build/commonjs/ImageCore/ImageFileExtensionProvider.js.map +1 -0
- package/build/commonjs/ImageCore/index.js +17 -5
- package/build/commonjs/ImageCore/index.js.map +1 -1
- package/build/commonjs/ImageCore/index.native.js +27 -0
- package/build/commonjs/ImageCore/index.native.js.map +1 -1
- package/build/commonjs/Link/Link.js +5 -4
- package/build/commonjs/Link/Link.js.map +1 -1
- package/build/commonjs/Link/LinkProps.js.map +1 -1
- package/build/commonjs/Link/index.js.map +1 -1
- package/build/commonjs/List/List.js +1 -1
- package/build/commonjs/List/List.js.map +1 -1
- package/build/commonjs/List/ListProps.js.map +1 -1
- package/build/commonjs/List/index.js.map +1 -1
- package/build/commonjs/ListItem/ListItem.js +1 -1
- package/build/commonjs/ListItem/ListItem.js.map +1 -1
- package/build/commonjs/ListItem/ListItemProps.js.map +1 -1
- package/build/commonjs/ListItem/index.js.map +1 -1
- package/build/commonjs/ListItemIcon/ListItemIcon.js +1 -1
- package/build/commonjs/ListItemIcon/ListItemIcon.js.map +1 -1
- package/build/commonjs/ListItemIcon/ListItemIconProps.js.map +1 -1
- package/build/commonjs/ListItemIcon/index.js.map +1 -1
- package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
- package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryAction.js.map +1 -1
- package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryActionProps.js.map +1 -1
- package/build/commonjs/ListItemSecondaryAction/index.js.map +1 -1
- package/build/commonjs/ListItemText/ListItemText.js +1 -1
- package/build/commonjs/ListItemText/ListItemText.js.map +1 -1
- package/build/commonjs/ListItemText/ListItemTextProps.js.map +1 -1
- package/build/commonjs/ListItemText/index.js.map +1 -1
- package/build/commonjs/ListSubheader/ListSubheader.js +1 -1
- package/build/commonjs/ListSubheader/ListSubheader.js.map +1 -1
- package/build/commonjs/ListSubheader/ListSubheaderProps.js.map +1 -1
- package/build/commonjs/ListSubheader/index.js.map +1 -1
- package/build/commonjs/Menu/Menu.js.map +1 -1
- package/build/commonjs/Menu/MenuProps.js.map +1 -1
- package/build/commonjs/Menu/index.js.map +1 -1
- package/build/commonjs/MenuItem/MenuItem.js.map +1 -1
- package/build/commonjs/MenuItem/MenuItemProps.js.map +1 -1
- package/build/commonjs/MenuItem/index.js.map +1 -1
- package/build/commonjs/Modal/Modal.js +2 -2
- package/build/commonjs/Modal/Modal.js.map +1 -1
- package/build/commonjs/Modal/ModalProps.js.map +1 -1
- package/build/commonjs/Modal/SimpleBackdrop.js +1 -1
- package/build/commonjs/Modal/SimpleBackdrop.js.map +1 -1
- package/build/commonjs/Modal/SimpleBackdropProps.js.map +1 -1
- package/build/commonjs/Modal/index.js +4 -4
- package/build/commonjs/Modal/index.js.map +1 -1
- package/build/commonjs/Pagination/Pagination.js +10 -7
- package/build/commonjs/Pagination/Pagination.js.map +1 -1
- package/build/commonjs/Pagination/PaginationProps.js.map +1 -1
- package/build/commonjs/Pagination/index.js.map +1 -1
- package/build/commonjs/PaginationItem/PaginationItem.js +1 -1
- package/build/commonjs/PaginationItem/PaginationItem.js.map +1 -1
- package/build/commonjs/PaginationItem/PaginationItemProps.js.map +1 -1
- package/build/commonjs/PaginationItem/index.js.map +1 -1
- package/build/commonjs/Paper/Paper.js +2 -2
- package/build/commonjs/Paper/Paper.js.map +1 -1
- package/build/commonjs/Paper/PaperProps.js.map +1 -1
- package/build/commonjs/Paper/PaperStylesProvider.js.map +1 -1
- package/build/commonjs/Paper/index.js.map +1 -1
- package/build/commonjs/Paper/usePaperStyles.js.map +1 -1
- package/build/commonjs/Portal/Portal.js.map +1 -1
- package/build/commonjs/Portal/PortalConsumer.js +2 -2
- package/build/commonjs/Portal/PortalConsumer.js.map +1 -1
- package/build/commonjs/Portal/PortalHost.js +2 -2
- package/build/commonjs/Portal/PortalHost.js.map +1 -1
- package/build/commonjs/Portal/PortalManager.js +11 -8
- package/build/commonjs/Portal/PortalManager.js.map +1 -1
- package/build/commonjs/Portal/PortalProps.js.map +1 -1
- package/build/commonjs/Portal/index.js.map +1 -1
- package/build/commonjs/Pressable/index.js.map +1 -1
- package/build/commonjs/Radio/Radio.js +3 -8
- package/build/commonjs/Radio/Radio.js.map +1 -1
- package/build/commonjs/Radio/RadioProps.js.map +1 -1
- package/build/commonjs/Radio/index.js.map +1 -1
- package/build/commonjs/RadioGroup/RadioContextProvider.js.map +1 -1
- package/build/commonjs/RadioGroup/RadioGroup.js.map +1 -1
- package/build/commonjs/RadioGroup/RadioGroupProps.js.map +1 -1
- package/build/commonjs/RadioGroup/index.js.map +1 -1
- package/build/commonjs/Row/Row.js.map +1 -1
- package/build/commonjs/Row/RowProps.js.map +1 -1
- package/build/commonjs/Row/index.js.map +1 -1
- package/build/commonjs/Slide/Slide.js +42 -31
- package/build/commonjs/Slide/Slide.js.map +1 -1
- package/build/commonjs/Slide/SlideProps.js.map +1 -1
- package/build/commonjs/Slide/index.js.map +1 -1
- package/build/commonjs/Slider/Slider.js +1 -1
- package/build/commonjs/Slider/Slider.js.map +1 -1
- package/build/commonjs/Slider/SliderProps.js.map +1 -1
- package/build/commonjs/Slider/index.js.map +1 -1
- package/build/commonjs/Snackbar/Snackbar.js +1 -1
- package/build/commonjs/Snackbar/Snackbar.js.map +1 -1
- package/build/commonjs/Snackbar/SnackbarProps.js.map +1 -1
- package/build/commonjs/Snackbar/index.js.map +1 -1
- package/build/commonjs/SnackbarContent/SnackbarContent.js +1 -1
- package/build/commonjs/SnackbarContent/SnackbarContent.js.map +1 -1
- package/build/commonjs/SnackbarContent/SnackbarContentProps.js.map +1 -1
- package/build/commonjs/SnackbarContent/index.js.map +1 -1
- package/build/commonjs/Spacer/Spacer.js +1 -1
- package/build/commonjs/Spacer/Spacer.js.map +1 -1
- package/build/commonjs/Spacer/SpacerProps.js.map +1 -1
- package/build/commonjs/Spacer/index.js.map +1 -1
- package/build/commonjs/SvgIcon/SvgIcon.js +2 -2
- package/build/commonjs/SvgIcon/SvgIcon.js.map +1 -1
- package/build/commonjs/SvgIcon/SvgIconProps.js.map +1 -1
- package/build/commonjs/SvgIcon/index.js.map +1 -1
- package/build/commonjs/Switch/Switch.js +1 -1
- package/build/commonjs/Switch/Switch.js.map +1 -1
- package/build/commonjs/Switch/SwitchProps.js.map +1 -1
- package/build/commonjs/Switch/index.js.map +1 -1
- package/build/commonjs/Tab/Tab.js +15 -8
- package/build/commonjs/Tab/Tab.js.map +1 -1
- package/build/commonjs/Tab/TabIndicator.js +8 -5
- package/build/commonjs/Tab/TabIndicator.js.map +1 -1
- package/build/commonjs/Tab/TabProps.js.map +1 -1
- package/build/commonjs/Tab/index.js.map +1 -1
- package/build/commonjs/TabBase/TabBase.js +1 -1
- package/build/commonjs/TabBase/TabBase.js.map +1 -1
- package/build/commonjs/TabBase/TabBaseProps.js.map +1 -1
- package/build/commonjs/TabBase/index.js.map +1 -1
- package/build/commonjs/Tabs/IndexAwareTab.js +35 -0
- package/build/commonjs/Tabs/IndexAwareTab.js.map +1 -0
- package/build/commonjs/Tabs/InternalContext.js +17 -0
- package/build/commonjs/Tabs/InternalContext.js.map +1 -0
- package/build/commonjs/Tabs/ScrollableTabsView.js +35 -0
- package/build/commonjs/Tabs/ScrollableTabsView.js.map +1 -0
- package/build/commonjs/Tabs/TabCoordinate.js.map +1 -1
- package/build/commonjs/Tabs/TabIndicator.js +75 -31
- package/build/commonjs/Tabs/TabIndicator.js.map +1 -1
- package/build/commonjs/Tabs/TabIndicatorProps.js.map +1 -1
- package/build/commonjs/Tabs/Tabs.js +73 -84
- package/build/commonjs/Tabs/Tabs.js.map +1 -1
- package/build/commonjs/Tabs/TabsProps.js.map +1 -1
- package/build/commonjs/Tabs/index.js.map +1 -1
- package/build/commonjs/Tabs/types.js +2 -0
- package/build/commonjs/Tabs/types.js.map +1 -0
- package/build/commonjs/Tabs/useIndexStore.js +35 -0
- package/build/commonjs/Tabs/useIndexStore.js.map +1 -0
- package/build/commonjs/Tabs/useScrollViewReaction.js +69 -0
- package/build/commonjs/Tabs/useScrollViewReaction.js.map +1 -0
- package/build/commonjs/Tabs/useTabCoordinates.js +30 -0
- package/build/commonjs/Tabs/useTabCoordinates.js.map +1 -0
- package/build/commonjs/Tabs/utils.js +19 -0
- package/build/commonjs/Tabs/utils.js.map +1 -0
- package/build/commonjs/TextField/InputLabel.js +7 -6
- package/build/commonjs/TextField/InputLabel.js.map +1 -1
- package/build/commonjs/TextField/OutlinedTextField.js +6 -2
- package/build/commonjs/TextField/OutlinedTextField.js.map +1 -1
- package/build/commonjs/TextField/TextField.js +15 -8
- package/build/commonjs/TextField/TextField.js.map +1 -1
- package/build/commonjs/TextField/TextFieldProps.js.map +1 -1
- package/build/commonjs/TextField/index.js.map +1 -1
- package/build/commonjs/TextField/utils.js +1 -1
- package/build/commonjs/TextField/utils.js.map +1 -1
- package/build/commonjs/Toolbar/Toolbar.js +1 -1
- package/build/commonjs/Toolbar/Toolbar.js.map +1 -1
- package/build/commonjs/Toolbar/ToolbarProps.js.map +1 -1
- package/build/commonjs/Toolbar/index.js.map +1 -1
- package/build/commonjs/Tooltip/Tooltip.js +47 -32
- package/build/commonjs/Tooltip/Tooltip.js.map +1 -1
- package/build/commonjs/Tooltip/TooltipProps.js.map +1 -1
- package/build/commonjs/Tooltip/UpArrow.js +6 -5
- package/build/commonjs/Tooltip/UpArrow.js.map +1 -1
- package/build/commonjs/Tooltip/UpArrowProps.js.map +1 -1
- package/build/commonjs/Tooltip/index.js.map +1 -1
- package/build/commonjs/Typography/Typography.js +14 -5
- package/build/commonjs/Typography/Typography.js.map +1 -1
- package/build/commonjs/Typography/TypographyProps.js.map +1 -1
- package/build/commonjs/Typography/index.js.map +1 -1
- package/build/commonjs/animated/AnimatedAppBar.js.map +1 -1
- package/build/commonjs/animated/AnimatedFlatList.js.map +1 -1
- package/build/commonjs/animated/AnimatedPressable.js +2 -3
- package/build/commonjs/animated/AnimatedPressable.js.map +1 -1
- package/build/commonjs/animated/AnimatedTypography.js.map +1 -1
- package/build/commonjs/animated/index.js.map +1 -1
- package/build/commonjs/hooks/index.js +32 -0
- package/build/commonjs/hooks/index.js.map +1 -1
- package/build/commonjs/hooks/useAnimatedValue.js +31 -0
- package/build/commonjs/hooks/useAnimatedValue.js.map +1 -0
- package/build/commonjs/hooks/useAppbarStyles.js.map +1 -1
- package/build/commonjs/hooks/useBreakpointUp.js.map +1 -1
- package/build/commonjs/hooks/useCollapsibleAppBar.js +51 -73
- package/build/commonjs/hooks/useCollapsibleAppBar.js.map +1 -1
- package/build/commonjs/hooks/useContentContainerStyle.js +2 -1
- package/build/commonjs/hooks/useContentContainerStyle.js.map +1 -1
- package/build/commonjs/hooks/useDebounce.js +33 -0
- package/build/commonjs/hooks/useDebounce.js.map +1 -0
- package/build/commonjs/hooks/useElevationStyle.js.map +1 -1
- package/build/commonjs/hooks/useFadeInAppBar.js +29 -36
- package/build/commonjs/hooks/useFadeInAppBar.js.map +1 -1
- package/build/commonjs/hooks/useImperativeState.js +26 -0
- package/build/commonjs/hooks/useImperativeState.js.map +1 -0
- package/build/commonjs/hooks/useSyncAnimatedValue.js +40 -0
- package/build/commonjs/hooks/useSyncAnimatedValue.js.map +1 -0
- package/build/commonjs/hooks/useThrottle.js +4 -8
- package/build/commonjs/hooks/useThrottle.js.map +1 -1
- package/build/commonjs/hooks/useValidWindowDimensions/index.ios.js +14 -7
- package/build/commonjs/hooks/useValidWindowDimensions/index.ios.js.map +1 -1
- package/build/commonjs/hooks/useValidWindowDimensions/index.js.map +1 -1
- package/build/commonjs/index.js +34 -6
- package/build/commonjs/index.js.map +1 -1
- package/build/commonjs/internal/hooks/index.js +0 -8
- package/build/commonjs/internal/hooks/index.js.map +1 -1
- package/build/commonjs/internal/hooks/useHeight.js +5 -10
- package/build/commonjs/internal/hooks/useHeight.js.map +1 -1
- package/build/commonjs/internal/icons/Checkbox.js +1 -1
- package/build/commonjs/internal/icons/Checkbox.js.map +1 -1
- package/build/commonjs/internal/icons/CheckboxChecked.js +1 -1
- package/build/commonjs/internal/icons/CheckboxChecked.js.map +1 -1
- package/build/commonjs/internal/icons/ChevronDown.js +1 -1
- package/build/commonjs/internal/icons/ChevronDown.js.map +1 -1
- package/build/commonjs/internal/icons/ChevronLeft.js +1 -1
- package/build/commonjs/internal/icons/ChevronLeft.js.map +1 -1
- package/build/commonjs/internal/icons/ChevronRight.js +1 -1
- package/build/commonjs/internal/icons/ChevronRight.js.map +1 -1
- package/build/commonjs/internal/icons/CircularProgress.js.map +1 -1
- package/build/commonjs/internal/icons/Close.js +1 -1
- package/build/commonjs/internal/icons/Close.js.map +1 -1
- package/build/commonjs/internal/icons/Radio.js +1 -1
- package/build/commonjs/internal/icons/Radio.js.map +1 -1
- package/build/commonjs/internal/icons/RadioChecked.js +1 -1
- package/build/commonjs/internal/icons/RadioChecked.js.map +1 -1
- package/build/commonjs/internal/icons/index.js.map +1 -1
- package/build/commonjs/internal/index.js.map +1 -1
- package/build/commonjs/store/MockStore.js +27 -0
- package/build/commonjs/store/MockStore.js.map +1 -0
- package/build/commonjs/store/SimpleStore.js +59 -0
- package/build/commonjs/store/SimpleStore.js.map +1 -0
- package/build/commonjs/store/index.js +24 -0
- package/build/commonjs/store/index.js.map +1 -0
- package/build/commonjs/store/types.js +2 -0
- package/build/commonjs/store/types.js.map +1 -0
- package/build/commonjs/styles/EdgeInsets.js +9 -6
- package/build/commonjs/styles/EdgeInsets.js.map +1 -1
- package/build/commonjs/styles/PredefinedStyles.js.map +1 -1
- package/build/commonjs/styles/StyleSheet.js.map +1 -1
- package/build/commonjs/styles/ThemeProvider.js.map +1 -1
- package/build/commonjs/styles/createFontStyle.js +2 -2
- package/build/commonjs/styles/createFontStyle.js.map +1 -1
- package/build/commonjs/styles/index.js +14 -14
- package/build/commonjs/styles/index.js.map +1 -1
- package/build/commonjs/styles/styled.js +4 -4
- package/build/commonjs/styles/styled.js.map +1 -1
- package/build/commonjs/styles/useTheme.js.map +1 -1
- package/build/commonjs/types/index.js.map +1 -1
- package/build/commonjs/utils/cloneElementSafely.js.map +1 -1
- package/build/commonjs/utils/createSvgIcon.js.map +1 -1
- package/build/commonjs/utils/index.js +8 -0
- package/build/commonjs/utils/index.js.map +1 -1
- package/build/commonjs/utils/isNotAndroid12.js +20 -0
- package/build/commonjs/utils/isNotAndroid12.js.map +1 -0
- package/build/module/Accordion/Accordion.js +6 -6
- package/build/module/Accordion/Accordion.js.map +1 -1
- package/build/module/Accordion/AccordionProps.js.map +1 -1
- package/build/module/Accordion/index.js.map +1 -1
- package/build/module/AppBar/AppBar.js +1 -1
- package/build/module/AppBar/AppBar.js.map +1 -1
- package/build/module/AppBar/AppBarProps.js.map +1 -1
- package/build/module/AppBar/index.js.map +1 -1
- package/build/module/AspectRatio/AspectRatioNative.js +1 -1
- package/build/module/AspectRatio/AspectRatioNative.js.map +1 -1
- package/build/module/AspectRatio/AspectRatioProps.js.map +1 -1
- package/build/module/AspectRatio/AspectRatioWeb.js +1 -1
- package/build/module/AspectRatio/AspectRatioWeb.js.map +1 -1
- package/build/module/AspectRatio/index.js.map +1 -1
- package/build/module/AspectRatio/index.native.js.map +1 -1
- package/build/module/AspectRatio/utils.js.map +1 -1
- package/build/module/Avatar/Avatar.js.map +1 -1
- package/build/module/Avatar/AvatarProps.js.map +1 -1
- package/build/module/Avatar/index.js.map +1 -1
- package/build/module/Badge/Badge.js +6 -15
- package/build/module/Badge/Badge.js.map +1 -1
- package/build/module/Badge/BadgeProps.js.map +1 -1
- package/build/module/Badge/index.js.map +1 -1
- package/build/module/Button/Button.js +5 -2
- package/build/module/Button/Button.js.map +1 -1
- package/build/module/Button/ButtonProps.js.map +1 -1
- package/build/module/Button/index.js.map +1 -1
- package/build/module/ButtonBase/ButtonBase.js +68 -51
- package/build/module/ButtonBase/ButtonBase.js.map +1 -1
- package/build/module/ButtonBase/ButtonBaseProps.js.map +1 -1
- package/build/module/ButtonBase/index.js.map +1 -1
- package/build/module/Card/Card.js +1 -1
- package/build/module/Card/Card.js.map +1 -1
- package/build/module/Card/CardProps.js.map +1 -1
- package/build/module/Card/index.js.map +1 -1
- package/build/module/CardActions/CardActions.js +1 -1
- package/build/module/CardActions/CardActions.js.map +1 -1
- package/build/module/CardActions/CardActionsProps.js.map +1 -1
- package/build/module/CardActions/index.js.map +1 -1
- package/build/module/CardContent/CardContent.js +1 -1
- package/build/module/CardContent/CardContent.js.map +1 -1
- package/build/module/CardContent/CardContentProps.js.map +1 -1
- package/build/module/CardContent/index.js.map +1 -1
- package/build/module/CardMedia/CardMedia.js +1 -1
- package/build/module/CardMedia/CardMedia.js.map +1 -1
- package/build/module/CardMedia/CardMediaProps.js.map +1 -1
- package/build/module/CardMedia/index.js.map +1 -1
- package/build/module/Checkbox/Checkbox.js +1 -1
- package/build/module/Checkbox/Checkbox.js.map +1 -1
- package/build/module/Checkbox/CheckboxProps.js.map +1 -1
- package/build/module/Checkbox/index.js.map +1 -1
- package/build/module/Chip/Chip.js +10 -8
- package/build/module/Chip/Chip.js.map +1 -1
- package/build/module/Chip/ChipProps.js.map +1 -1
- package/build/module/Chip/index.js.map +1 -1
- package/build/module/CircularProgress/CircularProgress.js +25 -20
- package/build/module/CircularProgress/CircularProgress.js.map +1 -1
- package/build/module/CircularProgress/index.js.map +1 -1
- package/build/module/Column/Column.js.map +1 -1
- package/build/module/Column/ColumnProps.js.map +1 -1
- package/build/module/Column/index.js.map +1 -1
- package/build/module/Dialog/Dialog.js +19 -6
- package/build/module/Dialog/Dialog.js.map +1 -1
- package/build/module/Dialog/DialogProps.js.map +1 -1
- package/build/module/Dialog/index.js.map +1 -1
- package/build/module/DialogActions/DialogActions.js +1 -1
- package/build/module/DialogActions/DialogActions.js.map +1 -1
- package/build/module/DialogActions/DialogActionsProps.js.map +1 -1
- package/build/module/DialogActions/index.js.map +1 -1
- package/build/module/DialogContent/DialogContent.js +1 -1
- package/build/module/DialogContent/DialogContent.js.map +1 -1
- package/build/module/DialogContent/DialogContentProps.js.map +1 -1
- package/build/module/DialogContent/index.js.map +1 -1
- package/build/module/DialogMedia/DialogMedia.js +1 -1
- package/build/module/DialogMedia/DialogMedia.js.map +1 -1
- package/build/module/DialogMedia/DialogMediaProps.js.map +1 -1
- package/build/module/DialogMedia/index.js.map +1 -1
- package/build/module/DialogTitle/DialogTitle.js +1 -1
- package/build/module/DialogTitle/DialogTitle.js.map +1 -1
- package/build/module/DialogTitle/DialogTitleProps.js.map +1 -1
- package/build/module/DialogTitle/index.js.map +1 -1
- package/build/module/Divider/Divider.js +27 -19
- package/build/module/Divider/Divider.js.map +1 -1
- package/build/module/Divider/DividerProps.js.map +1 -1
- package/build/module/Divider/index.js.map +1 -1
- package/build/module/Fab/Fab.js +1 -1
- package/build/module/Fab/Fab.js.map +1 -1
- package/build/module/Fab/FabProps.js.map +1 -1
- package/build/module/Fab/index.js.map +1 -1
- package/build/module/Flexbox/Flexbox.js +1 -1
- package/build/module/Flexbox/Flexbox.js.map +1 -1
- package/build/module/Flexbox/FlexboxProps.js.map +1 -1
- package/build/module/Flexbox/index.js.map +1 -1
- package/build/module/IconButton/IconButton.js +1 -1
- package/build/module/IconButton/IconButton.js.map +1 -1
- package/build/module/IconButton/IconButtonProps.js.map +1 -1
- package/build/module/IconButton/index.js.map +1 -1
- package/build/module/Image/Image.js +56 -14
- package/build/module/Image/Image.js.map +1 -1
- package/build/module/Image/ImageProps.js.map +1 -1
- package/build/module/Image/index.js.map +1 -1
- package/build/module/ImageCore/ImageCoreNative.js +31 -25
- package/build/module/ImageCore/ImageCoreNative.js.map +1 -1
- package/build/module/ImageCore/ImageCoreProps.js.map +1 -1
- package/build/module/ImageCore/ImageCoreWeb.js +19 -1
- package/build/module/ImageCore/ImageCoreWeb.js.map +1 -1
- package/build/module/ImageCore/ImageFileExtensionContext.js +5 -0
- package/build/module/ImageCore/ImageFileExtensionContext.js.map +1 -0
- package/build/module/ImageCore/ImageFileExtensionProvider.js +24 -0
- package/build/module/ImageCore/ImageFileExtensionProvider.js.map +1 -0
- package/build/module/ImageCore/index.js +2 -1
- package/build/module/ImageCore/index.js.map +1 -1
- package/build/module/ImageCore/index.native.js +2 -0
- package/build/module/ImageCore/index.native.js.map +1 -1
- package/build/module/Link/Link.js +5 -4
- package/build/module/Link/Link.js.map +1 -1
- package/build/module/Link/LinkProps.js.map +1 -1
- package/build/module/Link/index.js.map +1 -1
- package/build/module/List/List.js +1 -1
- package/build/module/List/List.js.map +1 -1
- package/build/module/List/ListProps.js.map +1 -1
- package/build/module/List/index.js.map +1 -1
- package/build/module/ListItem/ListItem.js +1 -1
- package/build/module/ListItem/ListItem.js.map +1 -1
- package/build/module/ListItem/ListItemProps.js.map +1 -1
- package/build/module/ListItem/index.js.map +1 -1
- package/build/module/ListItemIcon/ListItemIcon.js +1 -1
- package/build/module/ListItemIcon/ListItemIcon.js.map +1 -1
- package/build/module/ListItemIcon/ListItemIconProps.js.map +1 -1
- package/build/module/ListItemIcon/index.js.map +1 -1
- package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
- package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js.map +1 -1
- package/build/module/ListItemSecondaryAction/ListItemSecondaryActionProps.js.map +1 -1
- package/build/module/ListItemSecondaryAction/index.js.map +1 -1
- package/build/module/ListItemText/ListItemText.js +1 -1
- package/build/module/ListItemText/ListItemText.js.map +1 -1
- package/build/module/ListItemText/ListItemTextProps.js.map +1 -1
- package/build/module/ListItemText/index.js.map +1 -1
- package/build/module/ListSubheader/ListSubheader.js +1 -1
- package/build/module/ListSubheader/ListSubheader.js.map +1 -1
- package/build/module/ListSubheader/ListSubheaderProps.js.map +1 -1
- package/build/module/ListSubheader/index.js.map +1 -1
- package/build/module/Menu/Menu.js.map +1 -1
- package/build/module/Menu/MenuProps.js.map +1 -1
- package/build/module/Menu/index.js.map +1 -1
- package/build/module/MenuItem/MenuItem.js.map +1 -1
- package/build/module/MenuItem/MenuItemProps.js.map +1 -1
- package/build/module/MenuItem/index.js.map +1 -1
- package/build/module/Modal/Modal.js +1 -1
- package/build/module/Modal/Modal.js.map +1 -1
- package/build/module/Modal/ModalProps.js.map +1 -1
- package/build/module/Modal/SimpleBackdrop.js +1 -1
- package/build/module/Modal/SimpleBackdrop.js.map +1 -1
- package/build/module/Modal/SimpleBackdropProps.js.map +1 -1
- package/build/module/Modal/index.js.map +1 -1
- package/build/module/Pagination/Pagination.js +10 -7
- package/build/module/Pagination/Pagination.js.map +1 -1
- package/build/module/Pagination/PaginationProps.js.map +1 -1
- package/build/module/Pagination/index.js.map +1 -1
- package/build/module/PaginationItem/PaginationItem.js +1 -1
- package/build/module/PaginationItem/PaginationItem.js.map +1 -1
- package/build/module/PaginationItem/PaginationItemProps.js.map +1 -1
- package/build/module/PaginationItem/index.js.map +1 -1
- package/build/module/Paper/Paper.js +2 -2
- package/build/module/Paper/Paper.js.map +1 -1
- package/build/module/Paper/PaperProps.js.map +1 -1
- package/build/module/Paper/PaperStylesProvider.js.map +1 -1
- package/build/module/Paper/index.js.map +1 -1
- package/build/module/Paper/usePaperStyles.js.map +1 -1
- package/build/module/Portal/Portal.js.map +1 -1
- package/build/module/Portal/PortalConsumer.js +2 -2
- package/build/module/Portal/PortalConsumer.js.map +1 -1
- package/build/module/Portal/PortalHost.js +2 -2
- package/build/module/Portal/PortalHost.js.map +1 -1
- package/build/module/Portal/PortalManager.js +11 -8
- package/build/module/Portal/PortalManager.js.map +1 -1
- package/build/module/Portal/PortalProps.js.map +1 -1
- package/build/module/Portal/index.js.map +1 -1
- package/build/module/Pressable/index.js.map +1 -1
- package/build/module/Radio/Radio.js +4 -9
- package/build/module/Radio/Radio.js.map +1 -1
- package/build/module/Radio/RadioProps.js.map +1 -1
- package/build/module/Radio/index.js.map +1 -1
- package/build/module/RadioGroup/RadioContextProvider.js.map +1 -1
- package/build/module/RadioGroup/RadioGroup.js.map +1 -1
- package/build/module/RadioGroup/RadioGroupProps.js.map +1 -1
- package/build/module/RadioGroup/index.js.map +1 -1
- package/build/module/Row/Row.js.map +1 -1
- package/build/module/Row/RowProps.js.map +1 -1
- package/build/module/Row/index.js.map +1 -1
- package/build/module/Slide/Slide.js +40 -24
- package/build/module/Slide/Slide.js.map +1 -1
- package/build/module/Slide/SlideProps.js.map +1 -1
- package/build/module/Slide/index.js.map +1 -1
- package/build/module/Slider/Slider.js +1 -1
- package/build/module/Slider/Slider.js.map +1 -1
- package/build/module/Slider/SliderProps.js.map +1 -1
- package/build/module/Slider/index.js.map +1 -1
- package/build/module/Snackbar/Snackbar.js +1 -1
- package/build/module/Snackbar/Snackbar.js.map +1 -1
- package/build/module/Snackbar/SnackbarProps.js.map +1 -1
- package/build/module/Snackbar/index.js.map +1 -1
- package/build/module/SnackbarContent/SnackbarContent.js +1 -1
- package/build/module/SnackbarContent/SnackbarContent.js.map +1 -1
- package/build/module/SnackbarContent/SnackbarContentProps.js.map +1 -1
- package/build/module/SnackbarContent/index.js.map +1 -1
- package/build/module/Spacer/Spacer.js +1 -1
- package/build/module/Spacer/Spacer.js.map +1 -1
- package/build/module/Spacer/SpacerProps.js.map +1 -1
- package/build/module/Spacer/index.js.map +1 -1
- package/build/module/SvgIcon/SvgIcon.js +2 -2
- package/build/module/SvgIcon/SvgIcon.js.map +1 -1
- package/build/module/SvgIcon/SvgIconProps.js.map +1 -1
- package/build/module/SvgIcon/index.js.map +1 -1
- package/build/module/Switch/Switch.js +1 -1
- package/build/module/Switch/Switch.js.map +1 -1
- package/build/module/Switch/SwitchProps.js.map +1 -1
- package/build/module/Switch/index.js.map +1 -1
- package/build/module/Tab/Tab.js +11 -8
- package/build/module/Tab/Tab.js.map +1 -1
- package/build/module/Tab/TabIndicator.js +8 -5
- package/build/module/Tab/TabIndicator.js.map +1 -1
- package/build/module/Tab/TabProps.js.map +1 -1
- package/build/module/Tab/index.js.map +1 -1
- package/build/module/TabBase/TabBase.js +1 -1
- package/build/module/TabBase/TabBase.js.map +1 -1
- package/build/module/TabBase/TabBaseProps.js.map +1 -1
- package/build/module/TabBase/index.js.map +1 -1
- package/build/module/Tabs/IndexAwareTab.js +23 -0
- package/build/module/Tabs/IndexAwareTab.js.map +1 -0
- package/build/module/Tabs/InternalContext.js +7 -0
- package/build/module/Tabs/InternalContext.js.map +1 -0
- package/build/module/Tabs/ScrollableTabsView.js +22 -0
- package/build/module/Tabs/ScrollableTabsView.js.map +1 -0
- package/build/module/Tabs/TabCoordinate.js.map +1 -1
- package/build/module/Tabs/TabIndicator.js +67 -28
- package/build/module/Tabs/TabIndicator.js.map +1 -1
- package/build/module/Tabs/TabIndicatorProps.js.map +1 -1
- package/build/module/Tabs/Tabs.js +66 -72
- package/build/module/Tabs/Tabs.js.map +1 -1
- package/build/module/Tabs/TabsProps.js.map +1 -1
- package/build/module/Tabs/index.js.map +1 -1
- package/build/module/Tabs/types.js +2 -0
- package/build/module/Tabs/types.js.map +1 -0
- package/build/module/Tabs/useIndexStore.js +25 -0
- package/build/module/Tabs/useIndexStore.js.map +1 -0
- package/build/module/Tabs/useScrollViewReaction.js +57 -0
- package/build/module/Tabs/useScrollViewReaction.js.map +1 -0
- package/build/module/Tabs/useTabCoordinates.js +21 -0
- package/build/module/Tabs/useTabCoordinates.js.map +1 -0
- package/build/module/Tabs/utils.js +9 -0
- package/build/module/Tabs/utils.js.map +1 -0
- package/build/module/TextField/InputLabel.js +8 -7
- package/build/module/TextField/InputLabel.js.map +1 -1
- package/build/module/TextField/OutlinedTextField.js +7 -3
- package/build/module/TextField/OutlinedTextField.js.map +1 -1
- package/build/module/TextField/TextField.js +13 -5
- package/build/module/TextField/TextField.js.map +1 -1
- package/build/module/TextField/TextFieldProps.js.map +1 -1
- package/build/module/TextField/index.js.map +1 -1
- package/build/module/TextField/utils.js.map +1 -1
- package/build/module/Toolbar/Toolbar.js +1 -1
- package/build/module/Toolbar/Toolbar.js.map +1 -1
- package/build/module/Toolbar/ToolbarProps.js.map +1 -1
- package/build/module/Toolbar/index.js.map +1 -1
- package/build/module/Tooltip/Tooltip.js +42 -25
- package/build/module/Tooltip/Tooltip.js.map +1 -1
- package/build/module/Tooltip/TooltipProps.js.map +1 -1
- package/build/module/Tooltip/UpArrow.js +6 -5
- package/build/module/Tooltip/UpArrow.js.map +1 -1
- package/build/module/Tooltip/UpArrowProps.js.map +1 -1
- package/build/module/Tooltip/index.js.map +1 -1
- package/build/module/Typography/Typography.js +14 -5
- package/build/module/Typography/Typography.js.map +1 -1
- package/build/module/Typography/TypographyProps.js.map +1 -1
- package/build/module/Typography/index.js.map +1 -1
- package/build/module/animated/AnimatedAppBar.js.map +1 -1
- package/build/module/animated/AnimatedFlatList.js.map +1 -1
- package/build/module/animated/AnimatedPressable.js +2 -3
- package/build/module/animated/AnimatedPressable.js.map +1 -1
- package/build/module/animated/AnimatedTypography.js.map +1 -1
- package/build/module/animated/index.js.map +1 -1
- package/build/module/hooks/index.js +4 -0
- package/build/module/hooks/index.js.map +1 -1
- package/build/module/hooks/useAnimatedValue.js +22 -0
- package/build/module/hooks/useAnimatedValue.js.map +1 -0
- package/build/module/hooks/useAppbarStyles.js.map +1 -1
- package/build/module/hooks/useBreakpointUp.js.map +1 -1
- package/build/module/hooks/useCollapsibleAppBar.js +52 -63
- package/build/module/hooks/useCollapsibleAppBar.js.map +1 -1
- package/build/module/hooks/useContentContainerStyle.js +2 -1
- package/build/module/hooks/useContentContainerStyle.js.map +1 -1
- package/build/module/hooks/useDebounce.js +25 -0
- package/build/module/hooks/useDebounce.js.map +1 -0
- package/build/module/hooks/useElevationStyle.js.map +1 -1
- package/build/module/hooks/useFadeInAppBar.js +31 -27
- package/build/module/hooks/useFadeInAppBar.js.map +1 -1
- package/build/module/hooks/useImperativeState.js +17 -0
- package/build/module/hooks/useImperativeState.js.map +1 -0
- package/build/module/hooks/useSyncAnimatedValue.js +28 -0
- package/build/module/hooks/useSyncAnimatedValue.js.map +1 -0
- package/build/module/hooks/useThrottle.js +4 -4
- package/build/module/hooks/useThrottle.js.map +1 -1
- package/build/module/hooks/useValidWindowDimensions/index.ios.js +15 -9
- package/build/module/hooks/useValidWindowDimensions/index.ios.js.map +1 -1
- package/build/module/hooks/useValidWindowDimensions/index.js.map +1 -1
- package/build/module/index.js +2 -0
- package/build/module/index.js.map +1 -1
- package/build/module/internal/hooks/index.js +0 -1
- package/build/module/internal/hooks/index.js.map +1 -1
- package/build/module/internal/hooks/useHeight.js +5 -5
- package/build/module/internal/hooks/useHeight.js.map +1 -1
- package/build/module/internal/icons/Checkbox.js +1 -1
- package/build/module/internal/icons/Checkbox.js.map +1 -1
- package/build/module/internal/icons/CheckboxChecked.js +1 -1
- package/build/module/internal/icons/CheckboxChecked.js.map +1 -1
- package/build/module/internal/icons/ChevronDown.js +1 -1
- package/build/module/internal/icons/ChevronDown.js.map +1 -1
- package/build/module/internal/icons/ChevronLeft.js +1 -1
- package/build/module/internal/icons/ChevronLeft.js.map +1 -1
- package/build/module/internal/icons/ChevronRight.js +1 -1
- package/build/module/internal/icons/ChevronRight.js.map +1 -1
- package/build/module/internal/icons/CircularProgress.js.map +1 -1
- package/build/module/internal/icons/Close.js +1 -1
- package/build/module/internal/icons/Close.js.map +1 -1
- package/build/module/internal/icons/Radio.js +1 -1
- package/build/module/internal/icons/Radio.js.map +1 -1
- package/build/module/internal/icons/RadioChecked.js +1 -1
- package/build/module/internal/icons/RadioChecked.js.map +1 -1
- package/build/module/internal/icons/index.js.map +1 -1
- package/build/module/internal/index.js.map +1 -1
- package/build/module/store/MockStore.js +18 -0
- package/build/module/store/MockStore.js.map +1 -0
- package/build/module/store/SimpleStore.js +50 -0
- package/build/module/store/SimpleStore.js.map +1 -0
- package/build/module/store/index.js +3 -0
- package/build/module/store/index.js.map +1 -0
- package/build/module/store/types.js +2 -0
- package/build/module/store/types.js.map +1 -0
- package/build/module/styles/EdgeInsets.js +9 -6
- package/build/module/styles/EdgeInsets.js.map +1 -1
- package/build/module/styles/PredefinedStyles.js.map +1 -1
- package/build/module/styles/StyleSheet.js.map +1 -1
- package/build/module/styles/ThemeProvider.js.map +1 -1
- package/build/module/styles/createFontStyle.js +2 -2
- package/build/module/styles/createFontStyle.js.map +1 -1
- package/build/module/styles/index.js.map +1 -1
- package/build/module/styles/styled.js.map +1 -1
- package/build/module/styles/useTheme.js.map +1 -1
- package/build/module/types/index.js.map +1 -1
- package/build/module/utils/cloneElementSafely.js.map +1 -1
- package/build/module/utils/createSvgIcon.js.map +1 -1
- package/build/module/utils/index.js +1 -0
- package/build/module/utils/index.js.map +1 -1
- package/build/module/utils/isNotAndroid12.js +6 -0
- package/build/module/utils/isNotAndroid12.js.map +1 -0
- package/build/typescript/Badge/BadgeProps.d.ts +5 -0
- package/build/typescript/ButtonBase/ButtonBaseProps.d.ts +8 -0
- package/build/typescript/Checkbox/CheckboxProps.d.ts +1 -1
- package/build/typescript/Chip/ChipProps.d.ts +4 -0
- package/build/typescript/CircularProgress/CircularProgress.d.ts +2 -2
- package/build/typescript/Dialog/DialogProps.d.ts +4 -0
- package/build/typescript/Divider/DividerProps.d.ts +22 -1
- package/build/typescript/Image/ImageProps.d.ts +30 -2
- package/build/typescript/Image/index.d.ts +1 -1
- package/build/typescript/ImageCore/ImageCoreProps.d.ts +5 -1
- package/build/typescript/ImageCore/ImageFileExtensionContext.d.ts +3 -0
- package/build/typescript/ImageCore/ImageFileExtensionProvider.d.ts +13 -0
- package/build/typescript/ImageCore/index.d.ts +3 -1
- package/build/typescript/ImageCore/index.native.d.ts +2 -0
- package/build/typescript/Slide/SlideProps.d.ts +2 -3
- package/build/typescript/Slider/Slider.d.ts +1 -1
- package/build/typescript/Snackbar/SnackbarProps.d.ts +2 -3
- package/build/typescript/Tab/TabIndicator.d.ts +4 -1
- package/build/typescript/Tab/TabProps.d.ts +6 -0
- package/build/typescript/Tabs/IndexAwareTab.d.ts +8 -0
- package/build/typescript/Tabs/InternalContext.d.ts +7 -0
- package/build/typescript/Tabs/ScrollableTabsView.d.ts +8 -0
- package/build/typescript/Tabs/TabIndicatorProps.d.ts +10 -5
- package/build/typescript/Tabs/Tabs.d.ts +4 -2
- package/build/typescript/Tabs/TabsProps.d.ts +18 -12
- package/build/typescript/Tabs/index.d.ts +1 -0
- package/build/typescript/Tabs/types.d.ts +9 -0
- package/build/typescript/Tabs/useIndexStore.d.ts +3 -0
- package/build/typescript/Tabs/useScrollViewReaction.d.ts +8 -0
- package/build/typescript/Tabs/useTabCoordinates.d.ts +6 -0
- package/build/typescript/Tabs/utils.d.ts +3 -0
- package/build/typescript/TextField/TextFieldProps.d.ts +3 -0
- package/build/typescript/Tooltip/TooltipProps.d.ts +26 -1
- package/build/typescript/Typography/TypographyProps.d.ts +21 -0
- package/build/typescript/animated/AnimatedPressable.d.ts +2 -2
- package/build/typescript/hooks/index.d.ts +5 -0
- package/build/typescript/hooks/useAnimatedValue.d.ts +2 -0
- package/build/typescript/hooks/useCollapsibleAppBar.d.ts +2 -0
- package/build/typescript/hooks/useDebounce.d.ts +1 -0
- package/build/typescript/hooks/useFadeInAppBar.d.ts +4 -3
- package/build/typescript/hooks/useImperativeState.d.ts +6 -0
- package/build/typescript/hooks/useSyncAnimatedValue.d.ts +6 -0
- package/build/typescript/hooks/useValidWindowDimensions/index.ios.d.ts +2 -1
- package/build/typescript/index.d.ts +2 -0
- package/build/typescript/internal/hooks/index.d.ts +0 -1
- package/build/typescript/internal/icons/Checkbox.d.ts +27 -10
- package/build/typescript/internal/icons/CheckboxChecked.d.ts +27 -10
- package/build/typescript/internal/icons/ChevronDown.d.ts +27 -10
- package/build/typescript/internal/icons/ChevronLeft.d.ts +27 -10
- package/build/typescript/internal/icons/ChevronRight.d.ts +27 -10
- package/build/typescript/internal/icons/Close.d.ts +27 -10
- package/build/typescript/internal/icons/Radio.d.ts +27 -10
- package/build/typescript/internal/icons/RadioChecked.d.ts +27 -10
- package/build/typescript/store/MockStore.d.ts +7 -0
- package/build/typescript/store/SimpleStore.d.ts +10 -0
- package/build/typescript/store/index.d.ts +3 -0
- package/build/typescript/store/types.d.ts +10 -0
- package/build/typescript/types/index.d.ts +6 -0
- package/build/typescript/utils/index.d.ts +1 -0
- package/build/typescript/utils/isNotAndroid12.d.ts +2 -0
- package/package.json +9 -9
- package/src/Accordion/Accordion.tsx +8 -6
- package/src/Badge/Badge.tsx +6 -16
- package/src/Badge/BadgeProps.ts +6 -0
- package/src/Button/Button.tsx +6 -0
- package/src/ButtonBase/ButtonBase.tsx +77 -43
- package/src/ButtonBase/ButtonBaseProps.ts +10 -0
- package/src/Checkbox/CheckboxProps.ts +1 -1
- package/src/Chip/Chip.tsx +11 -7
- package/src/Chip/ChipProps.ts +5 -0
- package/src/CircularProgress/CircularProgress.tsx +39 -28
- package/src/Dialog/Dialog.tsx +32 -11
- package/src/Dialog/DialogProps.ts +5 -0
- package/src/Divider/Divider.tsx +21 -14
- package/src/Divider/DividerProps.ts +27 -1
- package/src/Image/Image.tsx +79 -17
- package/src/Image/ImageProps.ts +36 -2
- package/src/Image/index.ts +1 -1
- package/src/ImageCore/ImageCoreNative.tsx +29 -18
- package/src/ImageCore/ImageCoreProps.ts +6 -1
- package/src/ImageCore/ImageCoreWeb.tsx +22 -2
- package/src/ImageCore/ImageFileExtensionContext.ts +7 -0
- package/src/ImageCore/ImageFileExtensionProvider.tsx +33 -0
- package/src/ImageCore/index.native.ts +3 -1
- package/src/ImageCore/index.ts +4 -1
- package/src/Radio/Radio.tsx +1 -3
- package/src/Slide/Slide.tsx +31 -26
- package/src/Slide/SlideProps.ts +2 -3
- package/src/Snackbar/SnackbarProps.ts +3 -3
- package/src/SvgIcon/SvgIcon.tsx +1 -1
- package/src/Tab/Tab.tsx +8 -7
- package/src/Tab/TabIndicator.tsx +17 -15
- package/src/Tab/TabProps.ts +7 -0
- package/src/Tabs/IndexAwareTab.tsx +29 -0
- package/src/Tabs/InternalContext.ts +13 -0
- package/src/Tabs/ScrollableTabsView.tsx +28 -0
- package/src/Tabs/TabIndicator.tsx +74 -37
- package/src/Tabs/TabIndicatorProps.ts +12 -5
- package/src/Tabs/Tabs.tsx +96 -97
- package/src/Tabs/TabsProps.ts +21 -22
- package/src/Tabs/index.ts +2 -1
- package/src/Tabs/types.ts +18 -0
- package/src/Tabs/useIndexStore.ts +31 -0
- package/src/Tabs/useScrollViewReaction.ts +62 -0
- package/src/Tabs/useTabCoordinates.ts +25 -0
- package/src/Tabs/utils.ts +14 -0
- package/src/TextField/InputLabel.tsx +6 -1
- package/src/TextField/OutlinedTextField.tsx +7 -1
- package/src/TextField/TextField.tsx +10 -4
- package/src/TextField/TextFieldProps.ts +4 -0
- package/src/Tooltip/Tooltip.tsx +53 -27
- package/src/Tooltip/TooltipProps.ts +26 -1
- package/src/Typography/Typography.tsx +12 -3
- package/src/Typography/TypographyProps.ts +27 -0
- package/src/animated/AnimatedPressable.tsx +1 -2
- package/src/hooks/index.ts +6 -0
- package/src/hooks/useAnimatedValue.ts +21 -0
- package/src/hooks/useCollapsibleAppBar.ts +80 -56
- package/src/hooks/useDebounce.ts +23 -0
- package/src/hooks/useFadeInAppBar.ts +32 -25
- package/src/hooks/useImperativeState.ts +24 -0
- package/src/hooks/useSyncAnimatedValue.ts +38 -0
- package/src/hooks/useThrottle.ts +3 -3
- package/src/hooks/useValidWindowDimensions/index.ios.ts +16 -10
- package/src/index.ts +4 -0
- package/src/internal/hooks/index.ts +0 -1
- package/src/internal/hooks/useHeight.ts +4 -5
- package/src/internal/icons/Checkbox.tsx +1 -1
- package/src/internal/icons/CheckboxChecked.tsx +1 -1
- package/src/internal/icons/ChevronDown.tsx +1 -1
- package/src/internal/icons/ChevronLeft.tsx +1 -1
- package/src/internal/icons/ChevronRight.tsx +1 -1
- package/src/internal/icons/Close.tsx +1 -1
- package/src/internal/icons/Radio.tsx +1 -1
- package/src/internal/icons/RadioChecked.tsx +1 -1
- package/src/store/MockStore.ts +21 -0
- package/src/store/SimpleStore.ts +50 -0
- package/src/store/index.ts +3 -0
- package/src/store/types.ts +12 -0
- package/src/types/index.ts +7 -0
- package/src/utils/index.ts +1 -0
- package/src/utils/isNotAndroid12.ts +7 -0
- package/build/commonjs/ButtonBase/ButtonBase.ios.js +0 -99
- package/build/commonjs/ButtonBase/ButtonBase.ios.js.map +0 -1
- package/build/commonjs/ButtonBase/useDisabledReaction/index.js +0 -23
- package/build/commonjs/ButtonBase/useDisabledReaction/index.js.map +0 -1
- package/build/commonjs/ButtonBase/useDisabledReaction/index.native.js +0 -9
- package/build/commonjs/ButtonBase/useDisabledReaction/index.native.js.map +0 -1
- package/build/commonjs/ImageCore/ImageCoreNative.ios.js +0 -60
- package/build/commonjs/ImageCore/ImageCoreNative.ios.js.map +0 -1
- package/build/commonjs/internal/hooks/useWidth.js +0 -29
- package/build/commonjs/internal/hooks/useWidth.js.map +0 -1
- package/build/module/ButtonBase/ButtonBase.ios.js +0 -80
- package/build/module/ButtonBase/ButtonBase.ios.js.map +0 -1
- package/build/module/ButtonBase/useDisabledReaction/index.js +0 -12
- package/build/module/ButtonBase/useDisabledReaction/index.js.map +0 -1
- package/build/module/ButtonBase/useDisabledReaction/index.native.js +0 -2
- package/build/module/ButtonBase/useDisabledReaction/index.native.js.map +0 -1
- package/build/module/ImageCore/ImageCoreNative.ios.js +0 -45
- package/build/module/ImageCore/ImageCoreNative.ios.js.map +0 -1
- package/build/module/internal/hooks/useWidth.js +0 -15
- package/build/module/internal/hooks/useWidth.js.map +0 -1
- package/build/typescript/ButtonBase/ButtonBase.ios.d.ts +0 -3
- package/build/typescript/ButtonBase/useDisabledReaction/index.d.ts +0 -2
- package/build/typescript/ButtonBase/useDisabledReaction/index.native.d.ts +0 -2
- package/build/typescript/ImageCore/ImageCoreNative.ios.d.ts +0 -3
- package/build/typescript/internal/hooks/useWidth.d.ts +0 -2
- package/src/ButtonBase/ButtonBase.ios.tsx +0 -95
- package/src/ButtonBase/useDisabledReaction/index.native.ts +0 -4
- package/src/ButtonBase/useDisabledReaction/index.ts +0 -15
- package/src/ImageCore/ImageCoreNative.ios.tsx +0 -46
- 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 +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,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,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
|
-
}
|