@fountain-ui/core 2.0.0-beta.98 → 3.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/commonjs/Accordion/Accordion.js +0 -1
- package/build/commonjs/Accordion/Accordion.js.map +1 -1
- package/build/commonjs/Accordion/index.js +2 -2
- package/build/commonjs/Accordion/index.js.map +1 -1
- package/build/commonjs/Accordion/useVariantStyleMap.js +4 -2
- package/build/commonjs/Accordion/useVariantStyleMap.js.map +1 -1
- package/build/commonjs/AppBar/AppBar.js +8 -8
- package/build/commonjs/AppBar/AppBar.js.map +1 -1
- package/build/commonjs/AppBar/AppBarProps.js +7 -0
- package/build/commonjs/AppBar/AppBarProps.js.map +1 -1
- package/build/commonjs/AppBar/index.js.map +1 -1
- package/build/commonjs/Badge/index.js +2 -2
- package/build/commonjs/Badge/index.js.map +1 -1
- package/build/commonjs/Badge/useVariantStyleMap.js +15 -6
- package/build/commonjs/Badge/useVariantStyleMap.js.map +1 -1
- package/build/commonjs/{PaginationItem/LegacyPaginationItem.js → BottomSheetActions/BottomSheetActions.js} +10 -23
- package/build/commonjs/BottomSheetActions/BottomSheetActions.js.map +1 -0
- package/build/commonjs/BottomSheetActions/BottomSheetActionsProps.js +2 -0
- package/build/commonjs/BottomSheetActions/BottomSheetActionsProps.js.map +1 -0
- package/build/commonjs/BottomSheetActions/index.js +16 -0
- package/build/commonjs/BottomSheetActions/index.js.map +1 -0
- package/build/commonjs/{SvgIcon/LegacySvgIcon.js → BottomSheetContent/BottomSheetContent.js} +23 -23
- package/build/commonjs/BottomSheetContent/BottomSheetContent.js.map +1 -0
- package/build/commonjs/BottomSheetContent/BottomSheetContentProps.js +2 -0
- package/build/commonjs/BottomSheetContent/BottomSheetContentProps.js.map +1 -0
- package/build/commonjs/BottomSheetContent/index.js +16 -0
- package/build/commonjs/BottomSheetContent/index.js.map +1 -0
- package/build/commonjs/BottomSheetTitle/BottomSheetTitle.js +73 -0
- package/build/commonjs/BottomSheetTitle/BottomSheetTitle.js.map +1 -0
- package/build/commonjs/BottomSheetTitle/BottomSheetTitleProps.js +2 -0
- package/build/commonjs/BottomSheetTitle/BottomSheetTitleProps.js.map +1 -0
- package/build/commonjs/{CheckboxGroup → BottomSheetTitle}/index.js +2 -2
- package/build/commonjs/BottomSheetTitle/index.js.map +1 -0
- package/build/commonjs/Button/Button.js +5 -8
- package/build/commonjs/Button/Button.js.map +1 -1
- package/build/commonjs/Button/index.js +2 -2
- package/build/commonjs/Button/index.js.map +1 -1
- package/build/commonjs/Button/useVariantStyleMap.js +10 -2
- package/build/commonjs/Button/useVariantStyleMap.js.map +1 -1
- package/build/commonjs/Checkbox/Checkbox.js +0 -1
- package/build/commonjs/Checkbox/Checkbox.js.map +1 -1
- package/build/commonjs/Checkbox/index.js +2 -2
- package/build/commonjs/Checkbox/index.js.map +1 -1
- package/build/commonjs/Checkbox/useVariantStyleMap.js +4 -1
- package/build/commonjs/Checkbox/useVariantStyleMap.js.map +1 -1
- package/build/commonjs/Chip/index.js +2 -2
- package/build/commonjs/Chip/index.js.map +1 -1
- package/build/commonjs/Chip/useChipStyle.js +15 -3
- package/build/commonjs/Chip/useChipStyle.js.map +1 -1
- package/build/commonjs/Dialog/Dialog.js +10 -21
- package/build/commonjs/Dialog/Dialog.js.map +1 -1
- package/build/commonjs/Dialog/DialogContext.js +19 -0
- package/build/commonjs/Dialog/DialogContext.js.map +1 -0
- package/build/commonjs/Dialog/index.js +24 -2
- package/build/commonjs/Dialog/index.js.map +1 -1
- package/build/commonjs/Dialog/useDialogSectionStyle.js +40 -0
- package/build/commonjs/Dialog/useDialogSectionStyle.js.map +1 -0
- package/build/commonjs/Dialog/useDialogStyle.js +16 -18
- package/build/commonjs/Dialog/useDialogStyle.js.map +1 -1
- package/build/commonjs/DialogActions/DialogActions.js +17 -2
- package/build/commonjs/DialogActions/DialogActions.js.map +1 -1
- package/build/commonjs/DialogActions/index.js +2 -2
- package/build/commonjs/DialogActions/index.js.map +1 -1
- package/build/commonjs/DialogContent/DialogContent.js +5 -1
- package/build/commonjs/DialogContent/DialogContent.js.map +1 -1
- package/build/commonjs/DialogContent/index.js +2 -2
- package/build/commonjs/DialogContent/index.js.map +1 -1
- package/build/commonjs/DialogMedia/DialogMedia.js +1 -0
- package/build/commonjs/DialogMedia/DialogMedia.js.map +1 -1
- package/build/commonjs/DialogMedia/index.js +2 -2
- package/build/commonjs/DialogMedia/index.js.map +1 -1
- package/build/commonjs/DialogTitle/DialogTitle.js +4 -1
- package/build/commonjs/DialogTitle/DialogTitle.js.map +1 -1
- package/build/commonjs/DialogTitle/index.js +2 -2
- package/build/commonjs/DialogTitle/index.js.map +1 -1
- package/build/commonjs/Divider/index.js +2 -2
- package/build/commonjs/Divider/index.js.map +1 -1
- package/build/commonjs/Empty/Empty.js +2 -2
- package/build/commonjs/Empty/Empty.js.map +1 -1
- package/build/commonjs/IconButton/IconButton.js +26 -2
- package/build/commonjs/IconButton/IconButton.js.map +1 -1
- package/build/commonjs/IconButton/IconButtonProps.js.map +1 -1
- package/build/commonjs/IconButton/index.js +2 -2
- package/build/commonjs/IconButton/index.js.map +1 -1
- package/build/commonjs/ListItemText/ListItemText.js +4 -4
- package/build/commonjs/ListItemText/ListItemText.js.map +1 -1
- package/build/commonjs/ListSubheader/ListSubheader.js +2 -2
- package/build/commonjs/ListSubheader/ListSubheader.js.map +1 -1
- package/build/commonjs/Pagination/Pagination.js +0 -4
- package/build/commonjs/Pagination/Pagination.js.map +1 -1
- package/build/commonjs/Pagination/index.js +2 -2
- package/build/commonjs/Pagination/index.js.map +1 -1
- package/build/commonjs/Radio/Radio.js +1 -2
- package/build/commonjs/Radio/Radio.js.map +1 -1
- package/build/commonjs/Radio/index.js +2 -2
- package/build/commonjs/Radio/index.js.map +1 -1
- package/build/commonjs/RadioGroup/index.js +2 -2
- package/build/commonjs/RadioGroup/index.js.map +1 -1
- package/build/commonjs/ShadowView/ShadowView.native.js +17 -5
- package/build/commonjs/ShadowView/ShadowView.native.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/index.js +2 -2
- package/build/commonjs/Snackbar/index.js.map +1 -1
- package/build/commonjs/SnackbarContent/SnackbarContent.js +15 -5
- package/build/commonjs/SnackbarContent/SnackbarContent.js.map +1 -1
- package/build/commonjs/SnackbarContent/StatusIcon.js +0 -2
- package/build/commonjs/SnackbarContent/StatusIcon.js.map +1 -1
- package/build/commonjs/SnackbarContent/index.js +2 -2
- package/build/commonjs/SnackbarContent/index.js.map +1 -1
- package/build/commonjs/SvgIcon/index.js +2 -2
- package/build/commonjs/SvgIcon/index.js.map +1 -1
- package/build/commonjs/Tab/Tab.js +1 -1
- package/build/commonjs/Tab/Tab.js.map +1 -1
- package/build/commonjs/Tab/index.js +2 -2
- package/build/commonjs/Tab/index.js.map +1 -1
- package/build/commonjs/TabBase/index.js +2 -2
- package/build/commonjs/TabBase/index.js.map +1 -1
- package/build/commonjs/Tabs/Tabs.js +15 -3
- package/build/commonjs/Tabs/Tabs.js.map +1 -1
- package/build/commonjs/Tabs/TabsProps.js +3 -1
- package/build/commonjs/Tabs/TabsProps.js.map +1 -1
- package/build/commonjs/Tabs/index.js +2 -2
- package/build/commonjs/Tabs/index.js.map +1 -1
- package/build/commonjs/TextField/TextField.js +0 -1
- package/build/commonjs/TextField/TextField.js.map +1 -1
- package/build/commonjs/TextField/index.js +2 -2
- package/build/commonjs/TextField/index.js.map +1 -1
- package/build/commonjs/Toggle/Toggle.js +5 -3
- package/build/commonjs/Toggle/Toggle.js.map +1 -1
- package/build/commonjs/Toolbar/Toolbar.js +17 -6
- package/build/commonjs/Toolbar/Toolbar.js.map +1 -1
- package/build/commonjs/Toolbar/ToolbarProps.js +7 -0
- package/build/commonjs/Toolbar/ToolbarProps.js.map +1 -1
- package/build/commonjs/Toolbar/index.js.map +1 -1
- package/build/commonjs/Tooltip/Tooltip.js +6 -1
- package/build/commonjs/Tooltip/Tooltip.js.map +1 -1
- package/build/commonjs/Tooltip/index.js +2 -2
- package/build/commonjs/Tooltip/index.js.map +1 -1
- package/build/commonjs/Typography/index.js +2 -2
- package/build/commonjs/Typography/index.js.map +1 -1
- package/build/commonjs/index.js +63 -21
- package/build/commonjs/index.js.map +1 -1
- package/build/commonjs/internal/icons/LoadingSpinner/index.js +14 -4
- package/build/commonjs/internal/icons/LoadingSpinner/index.js.map +1 -1
- package/build/commonjs/internal/icons/LoadingSpinner/index.native.js +14 -4
- package/build/commonjs/internal/icons/LoadingSpinner/index.native.js.map +1 -1
- package/build/commonjs/utils/createSvgIcon.js +2 -10
- package/build/commonjs/utils/createSvgIcon.js.map +1 -1
- package/build/module/Accordion/Accordion.js +0 -1
- package/build/module/Accordion/Accordion.js.map +1 -1
- package/build/module/Accordion/index.js +1 -1
- package/build/module/Accordion/index.js.map +1 -1
- package/build/module/Accordion/useVariantStyleMap.js +4 -2
- package/build/module/Accordion/useVariantStyleMap.js.map +1 -1
- package/build/module/AppBar/AppBar.js +8 -8
- package/build/module/AppBar/AppBar.js.map +1 -1
- package/build/module/AppBar/AppBarProps.js +1 -1
- package/build/module/AppBar/AppBarProps.js.map +1 -1
- package/build/module/AppBar/index.js.map +1 -1
- package/build/module/Badge/index.js +1 -1
- package/build/module/Badge/index.js.map +1 -1
- package/build/module/Badge/useVariantStyleMap.js +15 -6
- package/build/module/Badge/useVariantStyleMap.js.map +1 -1
- package/build/module/{PaginationItem/LegacyPaginationItem.js → BottomSheetActions/BottomSheetActions.js} +9 -20
- package/build/module/BottomSheetActions/BottomSheetActions.js.map +1 -0
- package/build/module/BottomSheetActions/BottomSheetActionsProps.js +2 -0
- package/build/module/BottomSheetActions/BottomSheetActionsProps.js.map +1 -0
- package/build/module/BottomSheetActions/index.js +2 -0
- package/build/module/BottomSheetActions/index.js.map +1 -0
- package/build/module/BottomSheetContent/BottomSheetContent.js +32 -0
- package/build/module/BottomSheetContent/BottomSheetContent.js.map +1 -0
- package/build/module/BottomSheetContent/BottomSheetContentProps.js +2 -0
- package/build/module/BottomSheetContent/BottomSheetContentProps.js.map +1 -0
- package/build/module/BottomSheetContent/index.js +2 -0
- package/build/module/BottomSheetContent/index.js.map +1 -0
- package/build/module/BottomSheetTitle/BottomSheetTitle.js +60 -0
- package/build/module/BottomSheetTitle/BottomSheetTitle.js.map +1 -0
- package/build/module/BottomSheetTitle/BottomSheetTitleProps.js +2 -0
- package/build/module/BottomSheetTitle/BottomSheetTitleProps.js.map +1 -0
- package/build/module/BottomSheetTitle/index.js +2 -0
- package/build/module/BottomSheetTitle/index.js.map +1 -0
- package/build/module/Button/Button.js +6 -9
- package/build/module/Button/Button.js.map +1 -1
- package/build/module/Button/index.js +1 -1
- package/build/module/Button/index.js.map +1 -1
- package/build/module/Button/useVariantStyleMap.js +10 -2
- package/build/module/Button/useVariantStyleMap.js.map +1 -1
- package/build/module/Checkbox/Checkbox.js +0 -1
- package/build/module/Checkbox/Checkbox.js.map +1 -1
- package/build/module/Checkbox/index.js +1 -1
- package/build/module/Checkbox/index.js.map +1 -1
- package/build/module/Checkbox/useVariantStyleMap.js +4 -1
- package/build/module/Checkbox/useVariantStyleMap.js.map +1 -1
- package/build/module/Chip/index.js +1 -1
- package/build/module/Chip/index.js.map +1 -1
- package/build/module/Chip/useChipStyle.js +14 -3
- package/build/module/Chip/useChipStyle.js.map +1 -1
- package/build/module/Dialog/Dialog.js +11 -19
- package/build/module/Dialog/Dialog.js.map +1 -1
- package/build/module/Dialog/DialogContext.js +7 -0
- package/build/module/Dialog/DialogContext.js.map +1 -0
- package/build/module/Dialog/index.js +3 -1
- package/build/module/Dialog/index.js.map +1 -1
- package/build/module/Dialog/useDialogSectionStyle.js +29 -0
- package/build/module/Dialog/useDialogSectionStyle.js.map +1 -0
- package/build/module/Dialog/useDialogStyle.js +16 -18
- package/build/module/Dialog/useDialogStyle.js.map +1 -1
- package/build/module/DialogActions/DialogActions.js +18 -3
- package/build/module/DialogActions/DialogActions.js.map +1 -1
- package/build/module/DialogActions/index.js +1 -1
- package/build/module/DialogActions/index.js.map +1 -1
- package/build/module/DialogContent/DialogContent.js +4 -1
- package/build/module/DialogContent/DialogContent.js.map +1 -1
- package/build/module/DialogContent/index.js +1 -1
- package/build/module/DialogContent/index.js.map +1 -1
- package/build/module/DialogMedia/DialogMedia.js +1 -0
- package/build/module/DialogMedia/DialogMedia.js.map +1 -1
- package/build/module/DialogMedia/index.js +1 -1
- package/build/module/DialogMedia/index.js.map +1 -1
- package/build/module/DialogTitle/DialogTitle.js +3 -1
- package/build/module/DialogTitle/DialogTitle.js.map +1 -1
- package/build/module/DialogTitle/index.js +1 -1
- package/build/module/DialogTitle/index.js.map +1 -1
- package/build/module/Divider/index.js +1 -1
- package/build/module/Divider/index.js.map +1 -1
- package/build/module/Empty/Empty.js +2 -2
- package/build/module/Empty/Empty.js.map +1 -1
- package/build/module/IconButton/IconButton.js +25 -3
- package/build/module/IconButton/IconButton.js.map +1 -1
- package/build/module/IconButton/IconButtonProps.js.map +1 -1
- package/build/module/IconButton/index.js +1 -1
- package/build/module/IconButton/index.js.map +1 -1
- package/build/module/ListItemText/ListItemText.js +4 -4
- package/build/module/ListItemText/ListItemText.js.map +1 -1
- package/build/module/ListSubheader/ListSubheader.js +2 -2
- package/build/module/ListSubheader/ListSubheader.js.map +1 -1
- package/build/module/Pagination/Pagination.js +0 -4
- package/build/module/Pagination/Pagination.js.map +1 -1
- package/build/module/Pagination/index.js +1 -1
- package/build/module/Pagination/index.js.map +1 -1
- package/build/module/Radio/Radio.js +1 -2
- package/build/module/Radio/Radio.js.map +1 -1
- package/build/module/Radio/index.js +1 -1
- package/build/module/Radio/index.js.map +1 -1
- package/build/module/RadioGroup/index.js +1 -1
- package/build/module/RadioGroup/index.js.map +1 -1
- package/build/module/ShadowView/ShadowView.native.js +17 -5
- package/build/module/ShadowView/ShadowView.native.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/index.js +1 -1
- package/build/module/Snackbar/index.js.map +1 -1
- package/build/module/SnackbarContent/SnackbarContent.js +16 -6
- package/build/module/SnackbarContent/SnackbarContent.js.map +1 -1
- package/build/module/SnackbarContent/StatusIcon.js +0 -2
- package/build/module/SnackbarContent/StatusIcon.js.map +1 -1
- package/build/module/SnackbarContent/index.js +1 -1
- package/build/module/SnackbarContent/index.js.map +1 -1
- package/build/module/SvgIcon/index.js +1 -1
- package/build/module/SvgIcon/index.js.map +1 -1
- package/build/module/Tab/Tab.js +1 -1
- package/build/module/Tab/Tab.js.map +1 -1
- package/build/module/Tab/index.js +1 -1
- package/build/module/Tab/index.js.map +1 -1
- package/build/module/TabBase/index.js +1 -1
- package/build/module/TabBase/index.js.map +1 -1
- package/build/module/Tabs/Tabs.js +15 -3
- package/build/module/Tabs/Tabs.js.map +1 -1
- package/build/module/Tabs/TabsProps.js +1 -0
- package/build/module/Tabs/TabsProps.js.map +1 -1
- package/build/module/Tabs/index.js +1 -1
- package/build/module/Tabs/index.js.map +1 -1
- package/build/module/TextField/TextField.js +0 -1
- package/build/module/TextField/TextField.js.map +1 -1
- package/build/module/TextField/index.js +1 -1
- package/build/module/TextField/index.js.map +1 -1
- package/build/module/Toggle/Toggle.js +5 -3
- package/build/module/Toggle/Toggle.js.map +1 -1
- package/build/module/Toolbar/Toolbar.js +16 -6
- package/build/module/Toolbar/Toolbar.js.map +1 -1
- package/build/module/Toolbar/ToolbarProps.js +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 +6 -1
- package/build/module/Tooltip/Tooltip.js.map +1 -1
- package/build/module/Tooltip/index.js +1 -1
- package/build/module/Tooltip/index.js.map +1 -1
- package/build/module/Typography/index.js +1 -1
- package/build/module/Typography/index.js.map +1 -1
- package/build/module/index.js +6 -2
- package/build/module/index.js.map +1 -1
- package/build/module/internal/icons/LoadingSpinner/index.js +13 -4
- package/build/module/internal/icons/LoadingSpinner/index.js.map +1 -1
- package/build/module/internal/icons/LoadingSpinner/index.native.js +13 -4
- package/build/module/internal/icons/LoadingSpinner/index.native.js.map +1 -1
- package/build/module/utils/createSvgIcon.js +2 -9
- package/build/module/utils/createSvgIcon.js.map +1 -1
- package/build/typescript/Accordion/index.d.ts +2 -2
- package/build/typescript/AppBar/AppBarProps.d.ts +2 -1
- package/build/typescript/Badge/index.d.ts +2 -2
- package/build/typescript/BottomSheetActions/BottomSheetActions.d.ts +3 -0
- package/build/typescript/BottomSheetActions/BottomSheetActionsProps.d.ts +4 -0
- package/build/typescript/BottomSheetActions/index.d.ts +2 -0
- package/build/typescript/BottomSheetContent/BottomSheetContent.d.ts +3 -0
- package/build/typescript/BottomSheetContent/BottomSheetContentProps.d.ts +4 -0
- package/build/typescript/BottomSheetContent/index.d.ts +2 -0
- package/build/typescript/BottomSheetTitle/BottomSheetTitle.d.ts +3 -0
- package/build/typescript/BottomSheetTitle/BottomSheetTitleProps.d.ts +12 -0
- package/build/typescript/BottomSheetTitle/index.d.ts +2 -0
- package/build/typescript/Button/index.d.ts +2 -2
- package/build/typescript/Checkbox/index.d.ts +2 -2
- package/build/typescript/Chip/index.d.ts +2 -2
- package/build/typescript/Dialog/DialogContext.d.ts +7 -0
- package/build/typescript/Dialog/index.d.ts +4 -2
- package/build/typescript/Dialog/useDialogSectionStyle.d.ts +2 -0
- package/build/typescript/Dialog/useDialogStyle.d.ts +1 -1
- package/build/typescript/DialogActions/index.d.ts +1 -1
- package/build/typescript/DialogContent/index.d.ts +2 -2
- package/build/typescript/DialogMedia/index.d.ts +2 -2
- package/build/typescript/DialogTitle/index.d.ts +2 -2
- package/build/typescript/Divider/index.d.ts +2 -2
- package/build/typescript/IconButton/IconButtonProps.d.ts +5 -0
- package/build/typescript/IconButton/index.d.ts +2 -2
- package/build/typescript/Pagination/index.d.ts +2 -2
- package/build/typescript/Radio/index.d.ts +2 -2
- package/build/typescript/RadioGroup/index.d.ts +1 -1
- package/build/typescript/Snackbar/index.d.ts +2 -2
- package/build/typescript/SnackbarContent/index.d.ts +2 -2
- package/build/typescript/SvgIcon/index.d.ts +2 -2
- package/build/typescript/Tab/index.d.ts +2 -2
- package/build/typescript/TabBase/index.d.ts +1 -1
- package/build/typescript/Tabs/Tabs.d.ts +1 -1
- package/build/typescript/Tabs/TabsProps.d.ts +8 -1
- package/build/typescript/Tabs/index.d.ts +2 -2
- package/build/typescript/TextField/index.d.ts +2 -2
- package/build/typescript/Toolbar/ToolbarProps.d.ts +9 -2
- package/build/typescript/Tooltip/index.d.ts +2 -2
- package/build/typescript/Typography/index.d.ts +2 -2
- package/build/typescript/index.d.ts +6 -2
- package/build/typescript/internal/icons/Check.d.ts +125 -2
- package/build/typescript/internal/icons/CheckCircle.d.ts +125 -2
- package/build/typescript/internal/icons/Checkbox.d.ts +125 -2
- package/build/typescript/internal/icons/CheckboxChecked.d.ts +125 -2
- package/build/typescript/internal/icons/CheckboxOn.d.ts +125 -2
- package/build/typescript/internal/icons/ChevronDown.d.ts +125 -2
- package/build/typescript/internal/icons/ChevronLeft.d.ts +125 -2
- package/build/typescript/internal/icons/ChevronRight.d.ts +125 -2
- package/build/typescript/internal/icons/Clear.d.ts +125 -2
- package/build/typescript/internal/icons/Close.d.ts +125 -2
- package/build/typescript/internal/icons/EyeOff.d.ts +125 -2
- package/build/typescript/internal/icons/EyeOn.d.ts +125 -2
- package/build/typescript/internal/icons/InfoCircle.d.ts +125 -2
- package/build/typescript/internal/icons/Radio.d.ts +125 -2
- package/build/typescript/internal/icons/RadioChecked.d.ts +125 -2
- package/build/typescript/internal/icons/Search.d.ts +125 -2
- package/build/typescript/utils/createSvgIcon.d.ts +1 -5
- package/package.json +4 -4
- package/src/Accordion/Accordion.tsx +0 -1
- package/src/Accordion/index.ts +2 -2
- package/src/Accordion/useVariantStyleMap.ts +2 -0
- package/src/AppBar/AppBar.tsx +7 -13
- package/src/AppBar/AppBarProps.ts +2 -1
- package/src/AppBar/index.ts +1 -1
- package/src/Badge/index.ts +2 -2
- package/src/Badge/useVariantStyleMap.ts +17 -7
- package/src/BottomSheetActions/BottomSheetActions.tsx +42 -0
- package/src/BottomSheetActions/BottomSheetActionsProps.ts +4 -0
- package/src/BottomSheetActions/index.ts +2 -0
- package/src/BottomSheetContent/BottomSheetContent.tsx +45 -0
- package/src/BottomSheetContent/BottomSheetContentProps.ts +4 -0
- package/src/BottomSheetContent/index.ts +2 -0
- package/src/BottomSheetTitle/BottomSheetTitle.tsx +83 -0
- package/src/BottomSheetTitle/BottomSheetTitleProps.ts +12 -0
- package/src/BottomSheetTitle/index.ts +2 -0
- package/src/Button/Button.tsx +11 -13
- package/src/Button/index.ts +2 -2
- package/src/Button/useVariantStyleMap.ts +10 -2
- package/src/Checkbox/Checkbox.tsx +0 -1
- package/src/Checkbox/index.ts +2 -2
- package/src/Checkbox/useVariantStyleMap.ts +3 -0
- package/src/Chip/index.ts +2 -2
- package/src/Chip/useChipStyle.ts +13 -2
- package/src/Dialog/Dialog.tsx +9 -19
- package/src/Dialog/DialogContext.tsx +14 -0
- package/src/Dialog/index.ts +4 -2
- package/src/Dialog/useDialogSectionStyle.ts +31 -0
- package/src/Dialog/useDialogStyle.ts +14 -22
- package/src/DialogActions/DialogActions.tsx +28 -3
- package/src/DialogActions/index.ts +1 -1
- package/src/DialogContent/DialogContent.tsx +5 -0
- package/src/DialogContent/index.ts +2 -2
- package/src/DialogMedia/DialogMedia.tsx +1 -0
- package/src/DialogMedia/index.ts +2 -2
- package/src/DialogTitle/DialogTitle.tsx +4 -0
- package/src/DialogTitle/index.ts +2 -2
- package/src/Divider/index.ts +2 -2
- package/src/Empty/Empty.tsx +2 -3
- package/src/IconButton/IconButton.tsx +33 -3
- package/src/IconButton/IconButtonProps.ts +6 -0
- package/src/IconButton/index.ts +2 -2
- package/src/ListItemText/ListItemText.tsx +4 -4
- package/src/ListSubheader/ListSubheader.tsx +2 -2
- package/src/Pagination/Pagination.tsx +0 -4
- package/src/Pagination/index.ts +2 -2
- package/src/Radio/Radio.tsx +1 -4
- package/src/Radio/index.ts +2 -2
- package/src/RadioGroup/index.ts +1 -1
- package/src/ShadowView/ShadowView.native.tsx +21 -10
- package/src/Snackbar/Snackbar.tsx +1 -1
- package/src/Snackbar/index.ts +2 -2
- package/src/SnackbarContent/SnackbarContent.tsx +21 -11
- package/src/SnackbarContent/StatusIcon.tsx +0 -2
- package/src/SnackbarContent/index.ts +2 -2
- package/src/SvgIcon/index.ts +2 -2
- package/src/Tab/Tab.tsx +1 -1
- package/src/Tab/index.ts +2 -2
- package/src/TabBase/index.ts +1 -1
- package/src/Tabs/Tabs.tsx +17 -3
- package/src/Tabs/TabsProps.ts +10 -1
- package/src/Tabs/index.ts +2 -2
- package/src/TextField/TextField.tsx +0 -1
- package/src/TextField/index.tsx +2 -2
- package/src/Toggle/Toggle.tsx +7 -5
- package/src/Toolbar/Toolbar.tsx +13 -6
- package/src/Toolbar/ToolbarProps.ts +11 -2
- package/src/Toolbar/index.ts +1 -1
- package/src/Tooltip/Tooltip.tsx +6 -1
- package/src/Tooltip/index.ts +2 -2
- package/src/Typography/index.ts +2 -2
- package/src/index.ts +9 -3
- package/src/internal/icons/LoadingSpinner/index.native.tsx +17 -7
- package/src/internal/icons/LoadingSpinner/index.tsx +17 -7
- package/src/utils/createSvgIcon.tsx +3 -21
- package/build/commonjs/Accordion/LegacyAccordion.js +0 -171
- package/build/commonjs/Accordion/LegacyAccordion.js.map +0 -1
- package/build/commonjs/Accordion/LegacyAccordionProps.js +0 -2
- package/build/commonjs/Accordion/LegacyAccordionProps.js.map +0 -1
- package/build/commonjs/Badge/LegacyBadge.js +0 -61
- package/build/commonjs/Badge/LegacyBadge.js.map +0 -1
- package/build/commonjs/Badge/LegacyBadgeProps.js +0 -2
- package/build/commonjs/Badge/LegacyBadgeProps.js.map +0 -1
- package/build/commonjs/Button/LegacyButton.js +0 -144
- package/build/commonjs/Button/LegacyButton.js.map +0 -1
- package/build/commonjs/Button/LegacyButtonProps.js +0 -2
- package/build/commonjs/Button/LegacyButtonProps.js.map +0 -1
- package/build/commonjs/Checkbox/LegacyCheckbox.js +0 -65
- package/build/commonjs/Checkbox/LegacyCheckbox.js.map +0 -1
- package/build/commonjs/Checkbox/LegacyCheckboxProps.js +0 -2
- package/build/commonjs/Checkbox/LegacyCheckboxProps.js.map +0 -1
- package/build/commonjs/CheckboxGroup/CheckboxGroup.js +0 -50
- package/build/commonjs/CheckboxGroup/CheckboxGroup.js.map +0 -1
- package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js +0 -2
- package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js.map +0 -1
- package/build/commonjs/CheckboxGroup/index.js.map +0 -1
- package/build/commonjs/Chip/LegacyChip.js +0 -98
- package/build/commonjs/Chip/LegacyChip.js.map +0 -1
- package/build/commonjs/Chip/LegacyChipProps.js +0 -2
- package/build/commonjs/Chip/LegacyChipProps.js.map +0 -1
- package/build/commonjs/Dialog/LegacyDialog.js +0 -181
- package/build/commonjs/Dialog/LegacyDialog.js.map +0 -1
- package/build/commonjs/Dialog/LegacyDialogProps.js +0 -2
- package/build/commonjs/Dialog/LegacyDialogProps.js.map +0 -1
- package/build/commonjs/DialogActions/LegacyDialogActions.js +0 -30
- package/build/commonjs/DialogActions/LegacyDialogActions.js.map +0 -1
- package/build/commonjs/DialogContent/LegacyDialogContent.js +0 -36
- package/build/commonjs/DialogContent/LegacyDialogContent.js.map +0 -1
- package/build/commonjs/DialogContent/LegacyDialogContentProps.js +0 -2
- package/build/commonjs/DialogContent/LegacyDialogContentProps.js.map +0 -1
- package/build/commonjs/DialogMedia/LegacyDialogMedia.js +0 -33
- package/build/commonjs/DialogMedia/LegacyDialogMedia.js.map +0 -1
- package/build/commonjs/DialogMedia/LegacyDialogMediaProps.js +0 -2
- package/build/commonjs/DialogMedia/LegacyDialogMediaProps.js.map +0 -1
- package/build/commonjs/DialogTitle/LegacyDialogTitle.js +0 -36
- package/build/commonjs/DialogTitle/LegacyDialogTitle.js.map +0 -1
- package/build/commonjs/DialogTitle/LegacyDialogTitleProps.js +0 -2
- package/build/commonjs/DialogTitle/LegacyDialogTitleProps.js.map +0 -1
- package/build/commonjs/Divider/LegacyDivider.js +0 -114
- package/build/commonjs/Divider/LegacyDivider.js.map +0 -1
- package/build/commonjs/Divider/LegacyDividerProps.js +0 -2
- package/build/commonjs/Divider/LegacyDividerProps.js.map +0 -1
- package/build/commonjs/IconButton/LegacyIconButton.js +0 -89
- package/build/commonjs/IconButton/LegacyIconButton.js.map +0 -1
- package/build/commonjs/IconButton/LegacyIconButtonProps.js +0 -2
- package/build/commonjs/IconButton/LegacyIconButtonProps.js.map +0 -1
- package/build/commonjs/Pagination/LegacyPagination.js +0 -145
- package/build/commonjs/Pagination/LegacyPagination.js.map +0 -1
- package/build/commonjs/Pagination/LegacyPaginationProps.js +0 -2
- package/build/commonjs/Pagination/LegacyPaginationProps.js.map +0 -1
- package/build/commonjs/PaginationItem/LegacyPaginationItem.js.map +0 -1
- package/build/commonjs/Radio/LegacyRadio.js +0 -82
- package/build/commonjs/Radio/LegacyRadio.js.map +0 -1
- package/build/commonjs/Radio/LegacyRadioProps.js +0 -2
- package/build/commonjs/Radio/LegacyRadioProps.js.map +0 -1
- package/build/commonjs/RadioGroup/LegacyRadioGroup.js +0 -31
- package/build/commonjs/RadioGroup/LegacyRadioGroup.js.map +0 -1
- package/build/commonjs/Snackbar/LegacySnackbar.js +0 -134
- package/build/commonjs/Snackbar/LegacySnackbar.js.map +0 -1
- package/build/commonjs/Snackbar/LegacySnackbarProps.js +0 -2
- package/build/commonjs/Snackbar/LegacySnackbarProps.js.map +0 -1
- package/build/commonjs/SnackbarContent/LegacySnackbarContent.js +0 -105
- package/build/commonjs/SnackbarContent/LegacySnackbarContent.js.map +0 -1
- package/build/commonjs/SnackbarContent/LegacySnackbarContentProps.js +0 -2
- package/build/commonjs/SnackbarContent/LegacySnackbarContentProps.js.map +0 -1
- package/build/commonjs/SvgIcon/LegacySvgIcon.js.map +0 -1
- package/build/commonjs/SvgIcon/LegacySvgIconProps.js +0 -2
- package/build/commonjs/SvgIcon/LegacySvgIconProps.js.map +0 -1
- package/build/commonjs/Tab/LegacyTab.js +0 -126
- package/build/commonjs/Tab/LegacyTab.js.map +0 -1
- package/build/commonjs/Tab/LegacyTabProps.js +0 -2
- package/build/commonjs/Tab/LegacyTabProps.js.map +0 -1
- package/build/commonjs/Tab/TabIndicator.js +0 -44
- package/build/commonjs/Tab/TabIndicator.js.map +0 -1
- package/build/commonjs/TabBase/LegacyTabBase.js +0 -57
- package/build/commonjs/TabBase/LegacyTabBase.js.map +0 -1
- package/build/commonjs/Tabs/LegacyTabIndicator.js +0 -120
- package/build/commonjs/Tabs/LegacyTabIndicator.js.map +0 -1
- package/build/commonjs/Tabs/LegacyTabIndicatorProps.js +0 -2
- package/build/commonjs/Tabs/LegacyTabIndicatorProps.js.map +0 -1
- package/build/commonjs/Tabs/LegacyTabs.js +0 -207
- package/build/commonjs/Tabs/LegacyTabs.js.map +0 -1
- package/build/commonjs/Tabs/LegacyTabsProps.js +0 -2
- package/build/commonjs/Tabs/LegacyTabsProps.js.map +0 -1
- package/build/commonjs/TextField/LegacyTextField.js +0 -195
- package/build/commonjs/TextField/LegacyTextField.js.map +0 -1
- package/build/commonjs/TextField/LegacyTextFieldProps.js +0 -2
- package/build/commonjs/TextField/LegacyTextFieldProps.js.map +0 -1
- package/build/commonjs/TextField/OutlinedTextField.js +0 -190
- package/build/commonjs/TextField/OutlinedTextField.js.map +0 -1
- package/build/commonjs/Tooltip/LegacyTooltip.js +0 -147
- package/build/commonjs/Tooltip/LegacyTooltip.js.map +0 -1
- package/build/commonjs/Tooltip/LegacyTooltipProps.js +0 -2
- package/build/commonjs/Tooltip/LegacyTooltipProps.js.map +0 -1
- package/build/commonjs/Tooltip/UpArrow.js +0 -34
- package/build/commonjs/Tooltip/UpArrow.js.map +0 -1
- package/build/commonjs/Tooltip/UpArrowProps.js +0 -2
- package/build/commonjs/Tooltip/UpArrowProps.js.map +0 -1
- package/build/commonjs/Typography/LegacyTypography.js +0 -142
- package/build/commonjs/Typography/LegacyTypography.js.map +0 -1
- package/build/commonjs/Typography/LegacyTypographyProps.js +0 -2
- package/build/commonjs/Typography/LegacyTypographyProps.js.map +0 -1
- package/build/module/Accordion/LegacyAccordion.js +0 -148
- package/build/module/Accordion/LegacyAccordion.js.map +0 -1
- package/build/module/Accordion/LegacyAccordionProps.js +0 -2
- package/build/module/Accordion/LegacyAccordionProps.js.map +0 -1
- package/build/module/Badge/LegacyBadge.js +0 -48
- package/build/module/Badge/LegacyBadge.js.map +0 -1
- package/build/module/Badge/LegacyBadgeProps.js +0 -2
- package/build/module/Badge/LegacyBadgeProps.js.map +0 -1
- package/build/module/Button/LegacyButton.js +0 -127
- package/build/module/Button/LegacyButton.js.map +0 -1
- package/build/module/Button/LegacyButtonProps.js +0 -2
- package/build/module/Button/LegacyButtonProps.js.map +0 -1
- package/build/module/Checkbox/LegacyCheckbox.js +0 -52
- package/build/module/Checkbox/LegacyCheckbox.js.map +0 -1
- package/build/module/Checkbox/LegacyCheckboxProps.js +0 -2
- package/build/module/Checkbox/LegacyCheckboxProps.js.map +0 -1
- package/build/module/CheckboxGroup/CheckboxGroup.js +0 -34
- package/build/module/CheckboxGroup/CheckboxGroup.js.map +0 -1
- package/build/module/CheckboxGroup/CheckboxGroupProps.js +0 -2
- package/build/module/CheckboxGroup/CheckboxGroupProps.js.map +0 -1
- package/build/module/CheckboxGroup/index.js +0 -2
- package/build/module/CheckboxGroup/index.js.map +0 -1
- package/build/module/Chip/LegacyChip.js +0 -84
- package/build/module/Chip/LegacyChip.js.map +0 -1
- package/build/module/Chip/LegacyChipProps.js +0 -2
- package/build/module/Chip/LegacyChipProps.js.map +0 -1
- package/build/module/Dialog/LegacyDialog.js +0 -160
- package/build/module/Dialog/LegacyDialog.js.map +0 -1
- package/build/module/Dialog/LegacyDialogProps.js +0 -2
- package/build/module/Dialog/LegacyDialogProps.js.map +0 -1
- package/build/module/DialogActions/LegacyDialogActions.js +0 -17
- package/build/module/DialogActions/LegacyDialogActions.js.map +0 -1
- package/build/module/DialogContent/LegacyDialogContent.js +0 -22
- package/build/module/DialogContent/LegacyDialogContent.js.map +0 -1
- package/build/module/DialogContent/LegacyDialogContentProps.js +0 -2
- package/build/module/DialogContent/LegacyDialogContentProps.js.map +0 -1
- package/build/module/DialogMedia/LegacyDialogMedia.js +0 -21
- package/build/module/DialogMedia/LegacyDialogMedia.js.map +0 -1
- package/build/module/DialogMedia/LegacyDialogMediaProps.js +0 -2
- package/build/module/DialogMedia/LegacyDialogMediaProps.js.map +0 -1
- package/build/module/DialogTitle/LegacyDialogTitle.js +0 -22
- package/build/module/DialogTitle/LegacyDialogTitle.js.map +0 -1
- package/build/module/DialogTitle/LegacyDialogTitleProps.js +0 -2
- package/build/module/DialogTitle/LegacyDialogTitleProps.js.map +0 -1
- package/build/module/Divider/LegacyDivider.js +0 -100
- package/build/module/Divider/LegacyDivider.js.map +0 -1
- package/build/module/Divider/LegacyDividerProps.js +0 -2
- package/build/module/Divider/LegacyDividerProps.js.map +0 -1
- package/build/module/IconButton/LegacyIconButton.js +0 -74
- package/build/module/IconButton/LegacyIconButton.js.map +0 -1
- package/build/module/IconButton/LegacyIconButtonProps.js +0 -2
- package/build/module/IconButton/LegacyIconButtonProps.js.map +0 -1
- package/build/module/Pagination/LegacyPagination.js +0 -129
- package/build/module/Pagination/LegacyPagination.js.map +0 -1
- package/build/module/Pagination/LegacyPaginationProps.js +0 -2
- package/build/module/Pagination/LegacyPaginationProps.js.map +0 -1
- package/build/module/PaginationItem/LegacyPaginationItem.js.map +0 -1
- package/build/module/Radio/LegacyRadio.js +0 -63
- package/build/module/Radio/LegacyRadio.js.map +0 -1
- package/build/module/Radio/LegacyRadioProps.js +0 -2
- package/build/module/Radio/LegacyRadioProps.js.map +0 -1
- package/build/module/RadioGroup/LegacyRadioGroup.js +0 -18
- package/build/module/RadioGroup/LegacyRadioGroup.js.map +0 -1
- package/build/module/Snackbar/LegacySnackbar.js +0 -107
- package/build/module/Snackbar/LegacySnackbar.js.map +0 -1
- package/build/module/Snackbar/LegacySnackbarProps.js +0 -2
- package/build/module/Snackbar/LegacySnackbarProps.js.map +0 -1
- package/build/module/SnackbarContent/LegacySnackbarContent.js +0 -84
- package/build/module/SnackbarContent/LegacySnackbarContent.js.map +0 -1
- package/build/module/SnackbarContent/LegacySnackbarContentProps.js +0 -2
- package/build/module/SnackbarContent/LegacySnackbarContentProps.js.map +0 -1
- package/build/module/SvgIcon/LegacySvgIcon.js +0 -30
- package/build/module/SvgIcon/LegacySvgIcon.js.map +0 -1
- package/build/module/SvgIcon/LegacySvgIconProps.js +0 -2
- package/build/module/SvgIcon/LegacySvgIconProps.js.map +0 -1
- package/build/module/Tab/LegacyTab.js +0 -105
- package/build/module/Tab/LegacyTab.js.map +0 -1
- package/build/module/Tab/LegacyTabProps.js +0 -2
- package/build/module/Tab/LegacyTabProps.js.map +0 -1
- package/build/module/Tab/TabIndicator.js +0 -31
- package/build/module/Tab/TabIndicator.js.map +0 -1
- package/build/module/TabBase/LegacyTabBase.js +0 -44
- package/build/module/TabBase/LegacyTabBase.js.map +0 -1
- package/build/module/Tabs/LegacyTabIndicator.js +0 -99
- package/build/module/Tabs/LegacyTabIndicator.js.map +0 -1
- package/build/module/Tabs/LegacyTabIndicatorProps.js +0 -2
- package/build/module/Tabs/LegacyTabIndicatorProps.js.map +0 -1
- package/build/module/Tabs/LegacyTabs.js +0 -182
- package/build/module/Tabs/LegacyTabs.js.map +0 -1
- package/build/module/Tabs/LegacyTabsProps.js +0 -2
- package/build/module/Tabs/LegacyTabsProps.js.map +0 -1
- package/build/module/TextField/LegacyTextField.js +0 -169
- package/build/module/TextField/LegacyTextField.js.map +0 -1
- package/build/module/TextField/LegacyTextFieldProps.js +0 -2
- package/build/module/TextField/LegacyTextFieldProps.js.map +0 -1
- package/build/module/TextField/OutlinedTextField.js +0 -174
- package/build/module/TextField/OutlinedTextField.js.map +0 -1
- package/build/module/Tooltip/LegacyTooltip.js +0 -121
- package/build/module/Tooltip/LegacyTooltip.js.map +0 -1
- package/build/module/Tooltip/LegacyTooltipProps.js +0 -2
- package/build/module/Tooltip/LegacyTooltipProps.js.map +0 -1
- package/build/module/Tooltip/UpArrow.js +0 -22
- package/build/module/Tooltip/UpArrow.js.map +0 -1
- package/build/module/Tooltip/UpArrowProps.js +0 -2
- package/build/module/Tooltip/UpArrowProps.js.map +0 -1
- package/build/module/Typography/LegacyTypography.js +0 -126
- package/build/module/Typography/LegacyTypography.js.map +0 -1
- package/build/module/Typography/LegacyTypographyProps.js +0 -2
- package/build/module/Typography/LegacyTypographyProps.js.map +0 -1
- package/build/typescript/Accordion/LegacyAccordion.d.ts +0 -3
- package/build/typescript/Accordion/LegacyAccordionProps.d.ts +0 -28
- package/build/typescript/Badge/LegacyBadge.d.ts +0 -3
- package/build/typescript/Badge/LegacyBadgeProps.d.ts +0 -34
- package/build/typescript/Button/LegacyButton.d.ts +0 -3
- package/build/typescript/Button/LegacyButtonProps.d.ts +0 -51
- package/build/typescript/Checkbox/LegacyCheckbox.d.ts +0 -3
- package/build/typescript/Checkbox/LegacyCheckboxProps.d.ts +0 -36
- package/build/typescript/CheckboxGroup/CheckboxGroup.d.ts +0 -3
- package/build/typescript/CheckboxGroup/CheckboxGroupProps.d.ts +0 -11
- package/build/typescript/CheckboxGroup/index.d.ts +0 -2
- package/build/typescript/Chip/LegacyChip.d.ts +0 -3
- package/build/typescript/Chip/LegacyChipProps.d.ts +0 -28
- package/build/typescript/Dialog/LegacyDialog.d.ts +0 -3
- package/build/typescript/Dialog/LegacyDialogProps.d.ts +0 -25
- package/build/typescript/DialogActions/LegacyDialogActions.d.ts +0 -3
- package/build/typescript/DialogContent/LegacyDialogContent.d.ts +0 -3
- package/build/typescript/DialogContent/LegacyDialogContentProps.d.ts +0 -10
- package/build/typescript/DialogMedia/LegacyDialogMedia.d.ts +0 -3
- package/build/typescript/DialogMedia/LegacyDialogMediaProps.d.ts +0 -15
- package/build/typescript/DialogTitle/LegacyDialogTitle.d.ts +0 -3
- package/build/typescript/DialogTitle/LegacyDialogTitleProps.d.ts +0 -15
- package/build/typescript/Divider/LegacyDivider.d.ts +0 -3
- package/build/typescript/Divider/LegacyDividerProps.d.ts +0 -41
- package/build/typescript/IconButton/LegacyIconButton.d.ts +0 -3
- package/build/typescript/IconButton/LegacyIconButtonProps.d.ts +0 -30
- package/build/typescript/Pagination/LegacyPagination.d.ts +0 -3
- package/build/typescript/Pagination/LegacyPaginationProps.d.ts +0 -71
- package/build/typescript/PaginationItem/LegacyPaginationItem.d.ts +0 -5
- package/build/typescript/Radio/LegacyRadio.d.ts +0 -3
- package/build/typescript/Radio/LegacyRadioProps.d.ts +0 -43
- package/build/typescript/RadioGroup/LegacyRadioGroup.d.ts +0 -3
- package/build/typescript/Snackbar/LegacySnackbar.d.ts +0 -3
- package/build/typescript/Snackbar/LegacySnackbarProps.d.ts +0 -51
- package/build/typescript/SnackbarContent/LegacySnackbarContent.d.ts +0 -3
- package/build/typescript/SnackbarContent/LegacySnackbarContentProps.d.ts +0 -26
- package/build/typescript/SvgIcon/LegacySvgIcon.d.ts +0 -3
- package/build/typescript/SvgIcon/LegacySvgIconProps.d.ts +0 -35
- package/build/typescript/Tab/LegacyTab.d.ts +0 -3
- package/build/typescript/Tab/LegacyTabProps.d.ts +0 -58
- package/build/typescript/Tab/TabIndicator.d.ts +0 -7
- package/build/typescript/TabBase/LegacyTabBase.d.ts +0 -3
- package/build/typescript/Tabs/LegacyTabIndicator.d.ts +0 -3
- package/build/typescript/Tabs/LegacyTabIndicatorProps.d.ts +0 -32
- package/build/typescript/Tabs/LegacyTabs.d.ts +0 -5
- package/build/typescript/Tabs/LegacyTabsProps.d.ts +0 -79
- package/build/typescript/TextField/LegacyTextField.d.ts +0 -5
- package/build/typescript/TextField/LegacyTextFieldProps.d.ts +0 -67
- package/build/typescript/TextField/OutlinedTextField.d.ts +0 -17
- package/build/typescript/Tooltip/LegacyTooltip.d.ts +0 -3
- package/build/typescript/Tooltip/LegacyTooltipProps.d.ts +0 -72
- package/build/typescript/Tooltip/UpArrow.d.ts +0 -5
- package/build/typescript/Tooltip/UpArrowProps.d.ts +0 -17
- package/build/typescript/Typography/LegacyTypography.d.ts +0 -5
- package/build/typescript/Typography/LegacyTypographyProps.d.ts +0 -81
- package/src/Accordion/LegacyAccordion.tsx +0 -188
- package/src/Accordion/LegacyAccordionProps.ts +0 -34
- package/src/Badge/LegacyBadge.tsx +0 -66
- package/src/Badge/LegacyBadgeProps.ts +0 -40
- package/src/Button/LegacyButton.tsx +0 -157
- package/src/Button/LegacyButtonProps.ts +0 -62
- package/src/Checkbox/LegacyCheckbox.tsx +0 -62
- package/src/Checkbox/LegacyCheckboxProps.ts +0 -42
- package/src/CheckboxGroup/CheckboxGroup.tsx +0 -47
- package/src/CheckboxGroup/CheckboxGroupProps.ts +0 -11
- package/src/CheckboxGroup/index.ts +0 -2
- package/src/Chip/LegacyChip.tsx +0 -116
- package/src/Chip/LegacyChipProps.ts +0 -33
- package/src/Dialog/LegacyDialog.tsx +0 -198
- package/src/Dialog/LegacyDialogProps.ts +0 -28
- package/src/DialogActions/LegacyDialogActions.tsx +0 -23
- package/src/DialogContent/LegacyDialogContent.tsx +0 -30
- package/src/DialogContent/LegacyDialogContentProps.ts +0 -10
- package/src/DialogMedia/LegacyDialogMedia.tsx +0 -21
- package/src/DialogMedia/LegacyDialogMediaProps.ts +0 -16
- package/src/DialogTitle/LegacyDialogTitle.tsx +0 -30
- package/src/DialogTitle/LegacyDialogTitleProps.ts +0 -16
- package/src/Divider/LegacyDivider.tsx +0 -114
- package/src/Divider/LegacyDividerProps.ts +0 -48
- package/src/IconButton/LegacyIconButton.tsx +0 -97
- package/src/IconButton/LegacyIconButtonProps.ts +0 -36
- package/src/Pagination/LegacyPagination.tsx +0 -168
- package/src/Pagination/LegacyPaginationProps.ts +0 -85
- package/src/PaginationItem/LegacyPaginationItem.tsx +0 -52
- package/src/Radio/LegacyRadio.tsx +0 -72
- package/src/Radio/LegacyRadioProps.ts +0 -50
- package/src/RadioGroup/LegacyRadioGroup.tsx +0 -20
- package/src/Snackbar/LegacySnackbar.tsx +0 -130
- package/src/Snackbar/LegacySnackbarProps.ts +0 -61
- package/src/SnackbarContent/LegacySnackbarContent.tsx +0 -129
- package/src/SnackbarContent/LegacySnackbarContentProps.ts +0 -30
- package/src/SvgIcon/LegacySvgIcon.tsx +0 -36
- package/src/SvgIcon/LegacySvgIconProps.ts +0 -41
- package/src/Tab/LegacyTab.tsx +0 -141
- package/src/Tab/LegacyTabProps.ts +0 -68
- package/src/Tab/TabIndicator.tsx +0 -38
- package/src/TabBase/LegacyTabBase.tsx +0 -55
- package/src/Tabs/LegacyTabIndicator.tsx +0 -112
- package/src/Tabs/LegacyTabIndicatorProps.ts +0 -37
- package/src/Tabs/LegacyTabs.tsx +0 -227
- package/src/Tabs/LegacyTabsProps.ts +0 -93
- package/src/TextField/LegacyTextField.tsx +0 -168
- package/src/TextField/LegacyTextFieldProps.ts +0 -80
- package/src/TextField/OutlinedTextField.tsx +0 -234
- package/src/Tooltip/LegacyTooltip.tsx +0 -167
- package/src/Tooltip/LegacyTooltipProps.ts +0 -86
- package/src/Tooltip/UpArrow.tsx +0 -21
- package/src/Tooltip/UpArrowProps.ts +0 -19
- package/src/Typography/LegacyTypography.tsx +0 -107
- package/src/Typography/LegacyTypographyProps.ts +0 -122
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { Text, View } from 'react-native';
|
|
5
|
-
import { createFontStyle, css, StyleSheet, useTheme } from '../styles';
|
|
6
|
-
const styles = StyleSheet.create({
|
|
7
|
-
container: {
|
|
8
|
-
alignSelf: 'stretch',
|
|
9
|
-
alignItems: 'center'
|
|
10
|
-
},
|
|
11
|
-
row: {
|
|
12
|
-
flexDirection: 'row'
|
|
13
|
-
},
|
|
14
|
-
column: {
|
|
15
|
-
flexDirection: 'column'
|
|
16
|
-
},
|
|
17
|
-
divider: {
|
|
18
|
-
flexGrow: 1
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
export default function Divider(props) {
|
|
22
|
-
const {
|
|
23
|
-
borderWidth = 1,
|
|
24
|
-
children: childrenProp,
|
|
25
|
-
color = 'divider',
|
|
26
|
-
elementAlign = 'center',
|
|
27
|
-
inset = 0,
|
|
28
|
-
marginBetweenChildren = 2,
|
|
29
|
-
style,
|
|
30
|
-
vertical = false,
|
|
31
|
-
...otherProps
|
|
32
|
-
} = props;
|
|
33
|
-
const theme = useTheme();
|
|
34
|
-
const fontColor = theme.palette.text.secondary;
|
|
35
|
-
const borderColor = color === 'divider' ? theme.palette.divider : color === 'border' ? theme.palette.border.default : theme.palette[color].main;
|
|
36
|
-
const marginSize = theme.spacing(1);
|
|
37
|
-
const insetSize = theme.spacing(inset);
|
|
38
|
-
const marginLeft = marginSize;
|
|
39
|
-
const marginRight = marginSize;
|
|
40
|
-
const marginTop = marginSize;
|
|
41
|
-
const marginBottom = marginSize;
|
|
42
|
-
const marginStyle = vertical ? {
|
|
43
|
-
marginLeft,
|
|
44
|
-
marginRight
|
|
45
|
-
} : {
|
|
46
|
-
marginTop,
|
|
47
|
-
marginBottom
|
|
48
|
-
};
|
|
49
|
-
const insetStyle = vertical ? {
|
|
50
|
-
marginTop: insetSize,
|
|
51
|
-
marginBottom: insetSize
|
|
52
|
-
} : {
|
|
53
|
-
marginLeft: insetSize,
|
|
54
|
-
marginRight: insetSize
|
|
55
|
-
};
|
|
56
|
-
const borderColorStyle = {
|
|
57
|
-
borderColor
|
|
58
|
-
};
|
|
59
|
-
const borderWidthStyle = vertical ? {
|
|
60
|
-
borderRightWidth: borderWidth
|
|
61
|
-
} : {
|
|
62
|
-
borderBottomWidth: borderWidth
|
|
63
|
-
};
|
|
64
|
-
const containerStyle = css([insetStyle, marginStyle, styles.container, vertical ? styles.column : styles.row, childrenProp ? undefined : borderColorStyle, childrenProp ? undefined : borderWidthStyle, style]);
|
|
65
|
-
const dividerStyle = css([borderColorStyle, borderWidthStyle, styles.divider]);
|
|
66
|
-
const dividerMarginSize = theme.spacing(marginBetweenChildren);
|
|
67
|
-
const startDividerStyle = {
|
|
68
|
-
display: elementAlign !== 'start' ? 'flex' : 'none',
|
|
69
|
-
...(vertical ? {
|
|
70
|
-
marginBottom: dividerMarginSize
|
|
71
|
-
} : {
|
|
72
|
-
marginRight: dividerMarginSize
|
|
73
|
-
})
|
|
74
|
-
};
|
|
75
|
-
const endDividerStyle = {
|
|
76
|
-
display: elementAlign !== 'end' ? 'flex' : 'none',
|
|
77
|
-
...(vertical ? {
|
|
78
|
-
marginTop: dividerMarginSize
|
|
79
|
-
} : {
|
|
80
|
-
marginLeft: dividerMarginSize
|
|
81
|
-
})
|
|
82
|
-
};
|
|
83
|
-
const fontStyle = createFontStyle(theme, {
|
|
84
|
-
selector: typo => typo.caption2,
|
|
85
|
-
color: fontColor
|
|
86
|
-
});
|
|
87
|
-
const element = typeof childrenProp === 'string' ? /*#__PURE__*/React.createElement(Text, {
|
|
88
|
-
style: css(fontStyle)
|
|
89
|
-
}, childrenProp) : childrenProp;
|
|
90
|
-
const children = childrenProp ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
91
|
-
style: css([dividerStyle, startDividerStyle])
|
|
92
|
-
}), element, /*#__PURE__*/React.createElement(View, {
|
|
93
|
-
style: css([dividerStyle, endDividerStyle])
|
|
94
|
-
})) : null;
|
|
95
|
-
return /*#__PURE__*/React.createElement(View, _extends({
|
|
96
|
-
style: containerStyle
|
|
97
|
-
}, otherProps), children);
|
|
98
|
-
}
|
|
99
|
-
;
|
|
100
|
-
//# sourceMappingURL=LegacyDivider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","View","createFontStyle","css","StyleSheet","useTheme","styles","create","container","alignSelf","alignItems","row","flexDirection","column","divider","flexGrow","Divider","props","borderWidth","children","childrenProp","color","elementAlign","inset","marginBetweenChildren","style","vertical","otherProps","theme","fontColor","palette","text","secondary","borderColor","border","default","main","marginSize","spacing","insetSize","marginLeft","marginRight","marginTop","marginBottom","marginStyle","insetStyle","borderColorStyle","borderWidthStyle","borderRightWidth","borderBottomWidth","containerStyle","undefined","dividerStyle","dividerMarginSize","startDividerStyle","display","endDividerStyle","fontStyle","selector","typo","caption2","element"],"sources":["LegacyDivider.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { ExtendedStyle } from '../types';\nimport type DividerProps from './LegacyDividerProps';\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: 'stretch',\n alignItems: 'center',\n },\n row: {\n flexDirection: 'row',\n },\n column: {\n flexDirection: 'column',\n },\n divider: {\n flexGrow: 1,\n },\n});\n\nexport default function Divider(props: DividerProps) {\n const {\n borderWidth = 1,\n children: childrenProp,\n color = 'divider',\n elementAlign = 'center',\n inset = 0,\n marginBetweenChildren = 2,\n style,\n vertical = false,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const fontColor = theme.palette.text.secondary;\n const borderColor = color === 'divider'\n ? theme.palette.divider\n : color === 'border'\n ? theme.palette.border.default\n : theme.palette[color].main;\n const marginSize = theme.spacing(1);\n const insetSize = theme.spacing(inset);\n\n const marginLeft = marginSize;\n const marginRight = marginSize;\n const marginTop = marginSize;\n const marginBottom = marginSize;\n\n const marginStyle = vertical\n ? { marginLeft, marginRight }\n : { marginTop, marginBottom };\n\n const insetStyle = vertical\n ? { marginTop: insetSize, marginBottom: insetSize }\n : { marginLeft: insetSize, marginRight: insetSize };\n\n const borderColorStyle = { borderColor };\n const borderWidthStyle = (vertical ? { borderRightWidth: borderWidth } : { borderBottomWidth: borderWidth });\n\n const containerStyle = css([\n insetStyle,\n marginStyle,\n styles.container,\n vertical ? styles.column : styles.row,\n childrenProp ? undefined : borderColorStyle,\n childrenProp ? undefined : borderWidthStyle,\n style,\n ]);\n\n const dividerStyle = css([\n borderColorStyle,\n borderWidthStyle,\n styles.divider,\n ]);\n\n const dividerMarginSize = theme.spacing(marginBetweenChildren);\n const startDividerStyle: ExtendedStyle = {\n display: elementAlign !== 'start' ? 'flex' : 'none',\n ...(vertical ? { marginBottom: dividerMarginSize } : { marginRight: dividerMarginSize }),\n };\n const endDividerStyle: ExtendedStyle = {\n display: elementAlign !== 'end' ? 'flex' : 'none',\n ...(vertical ? { marginTop: dividerMarginSize } : { marginLeft: dividerMarginSize }),\n };\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => typo.caption2,\n color: fontColor,\n });\n\n const element = typeof childrenProp === 'string'\n ? <Text style={css(fontStyle)}>{childrenProp}</Text>\n : childrenProp;\n\n const children = childrenProp ? (\n <React.Fragment>\n <View style={css([dividerStyle, startDividerStyle])}/>\n {element}\n <View style={css([dividerStyle, endDividerStyle])}/>\n </React.Fragment>\n ) : null;\n\n return (\n <View\n style={containerStyle}\n {...otherProps}\n >\n {children}\n </View>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacyDividerProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type DividerColor = 'divider' | 'border' | CommonComponentColor;\n\nexport default interface DividerProps extends OverridableComponentProps<ViewProps, {\n /**\n * The content of the component.\n */\n children?: React.ReactNode;\n\n /**\n * The size of the inset. It works as a multiplier factor based on spacing system.\n * @default 0\n */\n inset?: number;\n\n /**\n * If `true`, the divider orientation is set to vertical.\n * @default false\n */\n vertical?: boolean;\n\n /**\n * The color of divider. It supports default divider color and those theme colors that make sense for this component.\n * @default 'divider'\n */\n color?: DividerColor;\n\n /**\n * The size of margin between child element and the divider. It works as a multiplier factor based on spacing system.\n * @default 2\n */\n marginBetweenChildren?: number;\n\n /**\n * The size of border width. It works as an actual pixel-based border width value of a divider.\n * @default 1\n */\n borderWidth?: number;\n\n /**\n * Set position of children.\n * @default center\n */\n elementAlign?: 'start' | 'center' | 'end';\n}> {}\n"],"mappings":""}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { Text } from 'react-native';
|
|
5
|
-
import ButtonBase from '../ButtonBase';
|
|
6
|
-
import { createFontStyle, css, useTheme } from '../styles';
|
|
7
|
-
import { cloneElementSafely } from '../utils';
|
|
8
|
-
const iconSizes = {
|
|
9
|
-
tiny: 16,
|
|
10
|
-
small: 20,
|
|
11
|
-
medium: 24,
|
|
12
|
-
large: 28
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const useStyles = function () {
|
|
16
|
-
const theme = useTheme();
|
|
17
|
-
return {
|
|
18
|
-
root: {
|
|
19
|
-
flexDirection: 'column',
|
|
20
|
-
justifyContent: 'center',
|
|
21
|
-
alignItems: 'center',
|
|
22
|
-
padding: theme.spacing(1)
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export default function IconButton(props) {
|
|
28
|
-
const {
|
|
29
|
-
children,
|
|
30
|
-
color = 'primary',
|
|
31
|
-
disabled = false,
|
|
32
|
-
label,
|
|
33
|
-
onPress,
|
|
34
|
-
size = 'medium',
|
|
35
|
-
style,
|
|
36
|
-
iconSize,
|
|
37
|
-
...otherProps
|
|
38
|
-
} = props;
|
|
39
|
-
const theme = useTheme();
|
|
40
|
-
const styles = useStyles();
|
|
41
|
-
const icon = cloneElementSafely(children, {
|
|
42
|
-
width: iconSize ?? iconSizes[size],
|
|
43
|
-
height: iconSize ?? iconSizes[size],
|
|
44
|
-
color: color
|
|
45
|
-
});
|
|
46
|
-
const fontStyle = createFontStyle(theme, {
|
|
47
|
-
selector: typo => typo.caption1,
|
|
48
|
-
color: theme.palette[color].main
|
|
49
|
-
});
|
|
50
|
-
const labelStyle = css([fontStyle]);
|
|
51
|
-
const rootStyle = css([styles.root, style]);
|
|
52
|
-
|
|
53
|
-
const handlePress = async () => {
|
|
54
|
-
if (disabled) {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
if (onPress) {
|
|
59
|
-
onPress();
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
return /*#__PURE__*/React.createElement(ButtonBase, _extends({
|
|
65
|
-
disabled: disabled,
|
|
66
|
-
onPress: handlePress,
|
|
67
|
-
style: rootStyle
|
|
68
|
-
}, otherProps), icon, label ? /*#__PURE__*/React.createElement(Text, {
|
|
69
|
-
children: label,
|
|
70
|
-
style: labelStyle
|
|
71
|
-
}) : null);
|
|
72
|
-
}
|
|
73
|
-
;
|
|
74
|
-
//# sourceMappingURL=LegacyIconButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","ButtonBase","createFontStyle","css","useTheme","cloneElementSafely","iconSizes","tiny","small","medium","large","useStyles","theme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","iconSize","otherProps","styles","icon","width","height","fontStyle","selector","typo","caption1","palette","main","labelStyle","rootStyle","handlePress"],"sources":["LegacyIconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './LegacyIconButtonProps';\nimport type { IconButtonSize } from './LegacyIconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n tiny: 16,\n small: 20,\n medium: 24,\n large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n const theme = useTheme();\n\n return {\n root: {\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n padding: theme.spacing(1),\n },\n };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n const {\n children,\n color = 'primary',\n disabled = false,\n label,\n onPress,\n size = 'medium',\n style,\n iconSize,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n const styles = useStyles();\n\n const icon = cloneElementSafely(children, {\n width: iconSize ?? iconSizes[size],\n height: iconSize ?? iconSizes[size],\n color: color,\n });\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => typo.caption1,\n color: theme.palette[color].main,\n });\n\n const labelStyle = css([\n fontStyle,\n ]);\n\n const rootStyle = css([\n styles.root,\n style,\n ]);\n\n const handlePress = async () => {\n if (disabled) {\n return;\n }\n if (onPress) {\n onPress();\n return;\n }\n };\n\n return (\n <ButtonBase\n disabled={disabled}\n onPress={handlePress}\n style={rootStyle}\n {...otherProps}\n >\n {icon}\n\n {label ? (\n <Text\n children={label}\n style={labelStyle}\n />\n ) : null}\n </ButtonBase>\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AACA,SAASC,kBAAT,QAAmC,UAAnC;AAQA,MAAMC,SAAoB,GAAG;EACzBC,IAAI,EAAE,EADmB;EAEzBC,KAAK,EAAE,EAFkB;EAGzBC,MAAM,EAAE,EAHiB;EAIzBC,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAGR,QAAQ,EAAtB;EAEA,OAAO;IACHS,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,cAAc,EAAE,QAFd;MAGFC,UAAU,EAAE,QAHV;MAIFC,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;IAJP;EADH,CAAP;AAQH,CAXD;;AAaA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,SAFN;IAGFC,QAAQ,GAAG,KAHT;IAIFC,KAJE;IAKFC,OALE;IAMFC,IAAI,GAAG,QANL;IAOFC,KAPE;IAQFC,QARE;IASF,GAAGC;EATD,IAUFT,KAVJ;EAYA,MAAMR,KAAK,GAAGR,QAAQ,EAAtB;EACA,MAAM0B,MAAM,GAAGnB,SAAS,EAAxB;EAEA,MAAMoB,IAAI,GAAG1B,kBAAkB,CAACgB,QAAD,EAAW;IACtCW,KAAK,EAAEJ,QAAQ,IAAItB,SAAS,CAACoB,IAAD,CADU;IAEtCO,MAAM,EAAEL,QAAQ,IAAItB,SAAS,CAACoB,IAAD,CAFS;IAGtCJ,KAAK,EAAEA;EAH+B,CAAX,CAA/B;EAMA,MAAMY,SAAS,GAAGhC,eAAe,CAACU,KAAD,EAAQ;IACrCuB,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;IAErCf,KAAK,EAAEV,KAAK,CAAC0B,OAAN,CAAchB,KAAd,EAAqBiB;EAFS,CAAR,CAAjC;EAKA,MAAMC,UAAU,GAAGrC,GAAG,CAAC,CACnB+B,SADmB,CAAD,CAAtB;EAIA,MAAMO,SAAS,GAAGtC,GAAG,CAAC,CAClB2B,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAD,CAArB;;EAKA,MAAMe,WAAW,GAAG,YAAY;IAC5B,IAAInB,QAAJ,EAAc;MACV;IACH;;IACD,IAAIE,OAAJ,EAAa;MACTA,OAAO;MACP;IACH;EACJ,CARD;;EAUA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEF,QADd;IAEI,OAAO,EAAEmB,WAFb;IAGI,KAAK,EAAED;EAHX,GAIQZ,UAJR,GAMKE,IANL,EAQKP,KAAK,gBACF,oBAAC,IAAD;IACI,QAAQ,EAAEA,KADd;IAEI,KAAK,EAAEgB;EAFX,EADE,GAKF,IAbR,CADJ;AAiBH;AAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacyIconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type IconButtonColor = CommonComponentColor;\n\nexport type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';\n\nexport default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n /**\n * The icon element.\n */\n children: React.ReactElement;\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * @default 'primary'\n */\n color?: IconButtonColor;\n\n /**\n * If present, this is typography displayed at the bottom of the icon.\n */\n label?: string;\n\n /**\n * The size of the button.\n * @default 'medium'\n */\n size?: IconButtonSize;\n\n /**\n * The custom size of the Icon. Not preDefined.\n */\n iconSize?: number;\n}> {}\n"],"mappings":""}
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { View } from 'react-native';
|
|
5
|
-
import { times } from '@fountain-ui/utils';
|
|
6
|
-
import { ChevronLeft, ChevronRight } from '../internal/icons';
|
|
7
|
-
import { css, useTheme } from '../styles';
|
|
8
|
-
import IconButton from '../IconButton';
|
|
9
|
-
import PaginationItem from '../PaginationItem/LegacyPaginationItem';
|
|
10
|
-
|
|
11
|
-
const useStyles = function () {
|
|
12
|
-
const theme = useTheme();
|
|
13
|
-
return {
|
|
14
|
-
root: {},
|
|
15
|
-
rootInline: {
|
|
16
|
-
flexDirection: 'row',
|
|
17
|
-
alignItems: 'center'
|
|
18
|
-
},
|
|
19
|
-
rootAnchor: {
|
|
20
|
-
flexDirection: 'column'
|
|
21
|
-
},
|
|
22
|
-
items: {
|
|
23
|
-
flexDirection: 'row',
|
|
24
|
-
justifyContent: 'center',
|
|
25
|
-
marginTop: theme.spacing(2)
|
|
26
|
-
},
|
|
27
|
-
arrowContainer: {
|
|
28
|
-
flexDirection: 'column',
|
|
29
|
-
justifyContent: 'center'
|
|
30
|
-
},
|
|
31
|
-
prevInline: {
|
|
32
|
-
marginRight: theme.spacing(1)
|
|
33
|
-
},
|
|
34
|
-
prevAnchor: {
|
|
35
|
-
position: 'absolute',
|
|
36
|
-
left: -24
|
|
37
|
-
},
|
|
38
|
-
nextInline: {
|
|
39
|
-
marginLeft: theme.spacing(1)
|
|
40
|
-
},
|
|
41
|
-
nextAnchor: {
|
|
42
|
-
position: 'absolute',
|
|
43
|
-
right: -24
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
export default function Pagination(props) {
|
|
49
|
-
const {
|
|
50
|
-
bundleSize = 1,
|
|
51
|
-
children,
|
|
52
|
-
count,
|
|
53
|
-
disabled = false,
|
|
54
|
-
hideIndicator = false,
|
|
55
|
-
hideNextButton = false,
|
|
56
|
-
hidePrevButton = false,
|
|
57
|
-
infinite = false,
|
|
58
|
-
onChange,
|
|
59
|
-
page,
|
|
60
|
-
renderItem = _ref => {
|
|
61
|
-
let {
|
|
62
|
-
index,
|
|
63
|
-
...rest
|
|
64
|
-
} = _ref;
|
|
65
|
-
return /*#__PURE__*/React.createElement(PaginationItem, _extends({
|
|
66
|
-
key: `${index}`
|
|
67
|
-
}, rest));
|
|
68
|
-
},
|
|
69
|
-
style,
|
|
70
|
-
...otherProps
|
|
71
|
-
} = props;
|
|
72
|
-
const styles = useStyles();
|
|
73
|
-
const firstPage = 0;
|
|
74
|
-
const lastPage = count - 1;
|
|
75
|
-
|
|
76
|
-
const handleChange = nextPage => {
|
|
77
|
-
if (nextPage >= firstPage && nextPage <= lastPage) {
|
|
78
|
-
if (onChange) {
|
|
79
|
-
onChange(nextPage);
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
const handlePrevPress = () => {
|
|
85
|
-
const prevPage = page - bundleSize >= firstPage ? page - bundleSize : infinite ? count - bundleSize + page : firstPage;
|
|
86
|
-
handleChange(prevPage);
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
const handleNextPress = () => {
|
|
90
|
-
const nextPage = page + bundleSize <= lastPage ? page + bundleSize : infinite ? page + bundleSize - count : lastPage;
|
|
91
|
-
handleChange(nextPage);
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
const prevButton = !hidePrevButton ? /*#__PURE__*/React.createElement(IconButton, {
|
|
95
|
-
color: 'tertiary',
|
|
96
|
-
disabled: disabled || !infinite && page <= firstPage,
|
|
97
|
-
onPress: handlePrevPress,
|
|
98
|
-
size: 'small',
|
|
99
|
-
style: children ? styles.prevAnchor : styles.prevInline
|
|
100
|
-
}, /*#__PURE__*/React.createElement(ChevronLeft, null)) : null;
|
|
101
|
-
const nextButton = !hideNextButton ? /*#__PURE__*/React.createElement(IconButton, {
|
|
102
|
-
color: 'tertiary',
|
|
103
|
-
disabled: disabled || !infinite && page + bundleSize > lastPage,
|
|
104
|
-
onPress: handleNextPress,
|
|
105
|
-
size: 'small',
|
|
106
|
-
style: children ? styles.nextAnchor : styles.nextInline
|
|
107
|
-
}, /*#__PURE__*/React.createElement(ChevronRight, null)) : null;
|
|
108
|
-
const items = !hideIndicator ? times(i => renderItem({
|
|
109
|
-
index: i,
|
|
110
|
-
disabled,
|
|
111
|
-
selected: i === page
|
|
112
|
-
}), count) : null;
|
|
113
|
-
const containerProps = {
|
|
114
|
-
style: css([styles.root, children ? styles.rootAnchor : styles.rootInline, style]),
|
|
115
|
-
...otherProps
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
if (children) {
|
|
119
|
-
return /*#__PURE__*/React.createElement(View, containerProps, /*#__PURE__*/React.createElement(View, {
|
|
120
|
-
style: css(styles.arrowContainer)
|
|
121
|
-
}, children, prevButton, nextButton), /*#__PURE__*/React.createElement(View, {
|
|
122
|
-
style: css(styles.items)
|
|
123
|
-
}, items));
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
return /*#__PURE__*/React.createElement(View, containerProps, prevButton, items, nextButton);
|
|
127
|
-
}
|
|
128
|
-
;
|
|
129
|
-
//# sourceMappingURL=LegacyPagination.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","times","ChevronLeft","ChevronRight","css","useTheme","IconButton","PaginationItem","useStyles","theme","root","rootInline","flexDirection","alignItems","rootAnchor","items","justifyContent","marginTop","spacing","arrowContainer","prevInline","marginRight","prevAnchor","position","left","nextInline","marginLeft","nextAnchor","right","Pagination","props","bundleSize","children","count","disabled","hideIndicator","hideNextButton","hidePrevButton","infinite","onChange","page","renderItem","index","rest","style","otherProps","styles","firstPage","lastPage","handleChange","nextPage","handlePrevPress","prevPage","handleNextPress","prevButton","nextButton","i","selected","containerProps"],"sources":["LegacyPagination.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { times } from '@fountain-ui/utils';\nimport { ChevronLeft, ChevronRight } from '../internal/icons';\nimport { css, useTheme } from '../styles';\nimport IconButton from '../IconButton';\nimport PaginationItem from '../PaginationItem/LegacyPaginationItem';\nimport type PaginationProps from './LegacyPaginationProps';\n\ntype PaginationStyleKeys =\n | 'root'\n | 'rootInline'\n | 'rootAnchor'\n | 'items'\n | 'arrowContainer'\n | 'prevInline'\n | 'prevAnchor'\n | 'nextInline'\n | 'nextAnchor';\n\ntype PaginationStyles = NamedStylesStringUnion<PaginationStyleKeys>;\n\nconst useStyles: UseStyles<PaginationStyles> = function (): PaginationStyles {\n const theme = useTheme();\n\n return {\n root: {},\n rootInline: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n rootAnchor: {\n flexDirection: 'column',\n },\n items: {\n flexDirection: 'row',\n justifyContent: 'center',\n marginTop: theme.spacing(2),\n },\n arrowContainer: {\n flexDirection: 'column',\n justifyContent: 'center',\n },\n prevInline: {\n marginRight: theme.spacing(1),\n },\n prevAnchor: {\n position: 'absolute',\n left: -24,\n },\n nextInline: {\n marginLeft: theme.spacing(1),\n },\n nextAnchor: {\n position: 'absolute',\n right: -24,\n },\n };\n};\n\nexport default function Pagination(props: PaginationProps) {\n const {\n bundleSize = 1,\n children,\n count,\n disabled = false,\n hideIndicator = false,\n hideNextButton = false,\n hidePrevButton = false,\n infinite = false,\n onChange,\n page,\n renderItem = ({ index, ...rest }) => <PaginationItem key={`${index}`} {...rest}/>,\n style,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n const firstPage = 0;\n const lastPage = count - 1;\n\n const handleChange = (nextPage: number) => {\n if (nextPage >= firstPage && nextPage <= lastPage) {\n if (onChange) {\n onChange(nextPage);\n }\n }\n };\n\n const handlePrevPress = () => {\n const prevPage = page - bundleSize >= firstPage\n ? page - bundleSize\n : (infinite ? count - bundleSize + page : firstPage);\n\n handleChange(prevPage);\n };\n\n const handleNextPress = () => {\n const nextPage = page + bundleSize <= lastPage\n ? page + bundleSize\n : (infinite ? page + bundleSize - count : lastPage);\n\n handleChange(nextPage);\n };\n\n const prevButton = !hidePrevButton ? (\n <IconButton\n color={'tertiary'}\n disabled={disabled || (!infinite && page <= firstPage)}\n onPress={handlePrevPress}\n size={'small'}\n style={children ? styles.prevAnchor : styles.prevInline}\n >\n <ChevronLeft/>\n </IconButton>\n ) : null;\n\n const nextButton = !hideNextButton ? (\n <IconButton\n color={'tertiary'}\n disabled={disabled || (!infinite && page + bundleSize > lastPage)}\n onPress={handleNextPress}\n size={'small'}\n style={children ? styles.nextAnchor : styles.nextInline}\n >\n <ChevronRight/>\n </IconButton>\n ) : null;\n\n const items = !hideIndicator ? (\n times(i => renderItem({ index: i, disabled, selected: i === page }), count)\n ) : null;\n\n const containerProps = {\n style: css([\n styles.root,\n children ? styles.rootAnchor : styles.rootInline,\n style,\n ]),\n ...otherProps,\n };\n\n if (children) {\n return (\n <View {...containerProps}>\n <View style={css(styles.arrowContainer)}>\n {children}\n {prevButton}\n {nextButton}\n </View>\n\n <View style={css(styles.items)}>\n {items}\n </View>\n </View>\n );\n }\n\n return (\n <View {...containerProps}>\n {prevButton}\n {items}\n {nextButton}\n </View>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacyPaginationProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport interface PaginationRenderItemParams {\n /**\n * Index of the pagination item.\n */\n index: number;\n\n /**\n * If `true`, the pagination item is disabled.\n */\n disabled: boolean;\n\n /**\n * If `true` the pagination item is selected.\n */\n selected: boolean;\n}\n\nexport default interface PaginationProps extends OverridableComponentProps<ViewProps, {\n /**\n * The Number of pages that change when the button is pressed\n * @default 1\n */\n bundleSize?: number,\n\n /**\n * The pagination will be added relative to this node.\n */\n children?: React.ReactNode;\n\n /**\n * The total number of pages.\n */\n count: number,\n\n /**\n * If `true`, the pagination is disabled.\n * @default false\n */\n disabled?: boolean;\n\n\n /**\n * If `true`, hide the page indicator.\n * @default false\n */\n hideIndicator?: boolean,\n\n /**\n * If `true`, hide the next-page button.\n * @default false\n */\n hideNextButton?: boolean,\n\n /**\n * If `true`, hide the previous-page button.\n * @default false\n */\n hidePrevButton?: boolean,\n\n /**\n * If `true`, pagination is infinite.\n * @default false\n */\n infinite?: boolean,\n\n /**\n * Callback fired when the page is changed.\n */\n onChange?: (page: number) => void,\n\n /**\n * The current page number.\n */\n page: number;\n\n /**\n * Render the item.\n * @default (item) => <PaginationItem {...item} />\n */\n renderItem?: (params: PaginationRenderItemParams) => React.ReactNode;\n}> {}\n"],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","css","useTheme","useStyles","theme","size","root","width","height","borderRadius","marginHorizontal","spacing","selected","backgroundColor","palette","secondary","main","unselected","PaginationItem","props","disabled","style","otherProps","styles","memo"],"sources":["LegacyPaginationItem.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type PaginationItemProps from './PaginationItemProps';\n\ntype PaginationItemStyles = NamedStylesStringUnion<'root' | 'selected' | 'unselected'>;\n\nconst useStyles: UseStyles<PaginationItemStyles> = function (): PaginationItemStyles {\n const theme = useTheme();\n\n const size = 6;\n\n return {\n root: {\n width: size,\n height: size,\n borderRadius: size * 0.5,\n marginHorizontal: theme.spacing(1),\n },\n selected: {\n backgroundColor: theme.palette.secondary.main,\n },\n unselected: {\n backgroundColor: '#D1D1D1',\n },\n };\n};\n\nfunction PaginationItem(props: PaginationItemProps) {\n const {\n disabled,\n selected,\n style,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n return (\n <View\n style={css([\n styles.root,\n selected ? styles.selected : styles.unselected,\n style,\n ])}\n {...otherProps}\n />\n );\n}\n\nexport default React.memo(PaginationItem);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAA0C,GAAG,YAAkC;EACjF,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMG,IAAI,GAAG,CAAb;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,KAAK,EAAEF,IADL;MAEFG,MAAM,EAAEH,IAFN;MAGFI,YAAY,EAAEJ,IAAI,GAAG,GAHnB;MAIFK,gBAAgB,EAAEN,KAAK,CAACO,OAAN,CAAc,CAAd;IAJhB,CADH;IAOHC,QAAQ,EAAE;MACNC,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,SAAd,CAAwBC;IADnC,CAPP;IAUHC,UAAU,EAAE;MACRJ,eAAe,EAAE;IADT;EAVT,CAAP;AAcH,CAnBD;;AAqBA,SAASK,cAAT,CAAwBC,KAAxB,EAAoD;EAChD,MAAM;IACFC,QADE;IAEFR,QAFE;IAGFS,KAHE;IAIF,GAAGC;EAJD,IAKFH,KALJ;EAOA,MAAMI,MAAM,GAAGpB,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEF,GAAG,CAAC,CACPsB,MAAM,CAACjB,IADA,EAEPM,QAAQ,GAAGW,MAAM,CAACX,QAAV,GAAqBW,MAAM,CAACN,UAF7B,EAGPI,KAHO,CAAD;EADd,GAMQC,UANR,EADJ;AAUH;;AAED,4BAAevB,KAAK,CAACyB,IAAN,CAAWN,cAAX,CAAf"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ButtonBase from '../ButtonBase';
|
|
5
|
-
import { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';
|
|
6
|
-
import { css } from '../styles';
|
|
7
|
-
import { RadioContext } from '../RadioGroup/RadioContextProvider';
|
|
8
|
-
const ICON_SIZE = 20;
|
|
9
|
-
|
|
10
|
-
const useStyles = function () {
|
|
11
|
-
return {
|
|
12
|
-
root: {
|
|
13
|
-
alignItems: 'center',
|
|
14
|
-
flexDirection: 'row'
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export default function Radio(props) {
|
|
20
|
-
const {
|
|
21
|
-
checked = false,
|
|
22
|
-
children,
|
|
23
|
-
checkedIcon: checkIconProp,
|
|
24
|
-
uncheckedIcon: uncheckedIconProp,
|
|
25
|
-
disabled = false,
|
|
26
|
-
iconPlacement = 'left',
|
|
27
|
-
onChange: onChangeProp,
|
|
28
|
-
style,
|
|
29
|
-
value,
|
|
30
|
-
...otherProps
|
|
31
|
-
} = props;
|
|
32
|
-
const styles = useStyles();
|
|
33
|
-
const context = React.useContext(RadioContext);
|
|
34
|
-
|
|
35
|
-
const handlePress = () => {
|
|
36
|
-
const onChange = (context === null || context === void 0 ? void 0 : context.onChange) ?? onChangeProp;
|
|
37
|
-
|
|
38
|
-
if (onChange) {
|
|
39
|
-
onChange(value);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
const isChecked = (context === null || context === void 0 ? void 0 : context.value) === value ?? checked;
|
|
44
|
-
const checkedIcon = checkIconProp ?? /*#__PURE__*/React.createElement(RadioCheckedIcon, {
|
|
45
|
-
width: ICON_SIZE,
|
|
46
|
-
height: ICON_SIZE,
|
|
47
|
-
color: 'primary'
|
|
48
|
-
});
|
|
49
|
-
const uncheckedIcon = uncheckedIconProp ?? /*#__PURE__*/React.createElement(RadioIcon, {
|
|
50
|
-
width: ICON_SIZE,
|
|
51
|
-
height: ICON_SIZE,
|
|
52
|
-
color: 'tertiary'
|
|
53
|
-
});
|
|
54
|
-
const icon = isChecked ? checkedIcon : uncheckedIcon;
|
|
55
|
-
const rootStyle = css([styles.root, style]);
|
|
56
|
-
return /*#__PURE__*/React.createElement(ButtonBase, _extends({
|
|
57
|
-
disabled: disabled,
|
|
58
|
-
onPress: handlePress,
|
|
59
|
-
style: rootStyle
|
|
60
|
-
}, otherProps), iconPlacement === 'left' ? icon : null, children ? children : null, iconPlacement === 'right' ? icon : null);
|
|
61
|
-
}
|
|
62
|
-
;
|
|
63
|
-
//# sourceMappingURL=LegacyRadio.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","ButtonBase","Radio","RadioIcon","RadioChecked","RadioCheckedIcon","css","RadioContext","ICON_SIZE","useStyles","root","alignItems","flexDirection","props","checked","children","checkedIcon","checkIconProp","uncheckedIcon","uncheckedIconProp","disabled","iconPlacement","onChange","onChangeProp","style","value","otherProps","styles","context","useContext","handlePress","isChecked","icon","rootStyle"],"sources":["LegacyRadio.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';\nimport { css } from '../styles';\nimport { RadioContext } from '../RadioGroup/RadioContextProvider';\nimport type RadioProps from './LegacyRadioProps';\n\ntype RadioStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<RadioStyles> = function (): RadioStyles {\n return {\n root: {\n alignItems: 'center',\n flexDirection: 'row',\n },\n };\n};\n\nexport default function Radio(props: RadioProps) {\n const {\n checked = false,\n children,\n checkedIcon: checkIconProp,\n uncheckedIcon: uncheckedIconProp,\n disabled = false,\n iconPlacement = 'left',\n onChange: onChangeProp,\n style,\n value,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n const context = React.useContext(RadioContext);\n\n const handlePress = () => {\n const onChange = context?.onChange ?? onChangeProp;\n if (onChange) {\n onChange(value);\n }\n };\n\n const isChecked = context?.value === value ?? checked;\n\n const checkedIcon = checkIconProp ?? <RadioCheckedIcon width={ICON_SIZE} height={ICON_SIZE} color={'primary'}/>;\n const uncheckedIcon = uncheckedIconProp ?? <RadioIcon width={ICON_SIZE} height={ICON_SIZE} color={'tertiary'}/>;\n const icon = isChecked ? checkedIcon : uncheckedIcon;\n\n const rootStyle = css([\n styles.root,\n style,\n ]);\n\n return (\n <ButtonBase\n disabled={disabled}\n onPress={handlePress}\n style={rootStyle}\n {...otherProps}\n >\n {iconPlacement === 'left' ? icon : null}\n\n {children ? children : null}\n\n {iconPlacement === 'right' ? icon : null}\n </ButtonBase>\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,KAAK,IAAIC,SAAlB,EAA6BC,YAAY,IAAIC,gBAA7C,QAAqE,aAArE;AACA,SAASC,GAAT,QAAoB,WAApB;AACA,SAASC,YAAT,QAA6B,oCAA7B;AAKA,MAAMC,SAAS,GAAG,EAAlB;;AAEA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,aAAa,EAAE;IAFb;EADH,CAAP;AAMH,CAPD;;AASA,eAAe,SAASV,KAAT,CAAeW,KAAf,EAAkC;EAC7C,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,QAFE;IAGFC,WAAW,EAAEC,aAHX;IAIFC,aAAa,EAAEC,iBAJb;IAKFC,QAAQ,GAAG,KALT;IAMFC,aAAa,GAAG,MANd;IAOFC,QAAQ,EAAEC,YAPR;IAQFC,KARE;IASFC,KATE;IAUF,GAAGC;EAVD,IAWFb,KAXJ;EAaA,MAAMc,MAAM,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,OAAO,GAAG5B,KAAK,CAAC6B,UAAN,CAAiBtB,YAAjB,CAAhB;;EAEA,MAAMuB,WAAW,GAAG,MAAM;IACtB,MAAMR,QAAQ,GAAG,CAAAM,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEN,QAAT,KAAqBC,YAAtC;;IACA,IAAID,QAAJ,EAAc;MACVA,QAAQ,CAACG,KAAD,CAAR;IACH;EACJ,CALD;;EAOA,MAAMM,SAAS,GAAG,CAAAH,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEH,KAAT,MAAmBA,KAAnB,IAA4BX,OAA9C;EAEA,MAAME,WAAW,GAAGC,aAAa,iBAAI,oBAAC,gBAAD;IAAkB,KAAK,EAAET,SAAzB;IAAoC,MAAM,EAAEA,SAA5C;IAAuD,KAAK,EAAE;EAA9D,EAArC;EACA,MAAMU,aAAa,GAAGC,iBAAiB,iBAAI,oBAAC,SAAD;IAAW,KAAK,EAAEX,SAAlB;IAA6B,MAAM,EAAEA,SAArC;IAAgD,KAAK,EAAE;EAAvD,EAA3C;EACA,MAAMwB,IAAI,GAAGD,SAAS,GAAGf,WAAH,GAAiBE,aAAvC;EAEA,MAAMe,SAAS,GAAG3B,GAAG,CAAC,CAClBqB,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAD,CAArB;EAKA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEU,WAFb;IAGI,KAAK,EAAEG;EAHX,GAIQP,UAJR,GAMKL,aAAa,KAAK,MAAlB,GAA2BW,IAA3B,GAAkC,IANvC,EAQKjB,QAAQ,GAAGA,QAAH,GAAc,IAR3B,EAUKM,aAAa,KAAK,OAAlB,GAA4BW,IAA5B,GAAmC,IAVxC,CADJ;AAcH;AAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacyRadioProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport default interface RadioProps extends OverridableComponentProps<BaseProps, {\n /**\n * If `true`, the component is checked.\n * @default false\n */\n checked?: boolean;\n\n /**\n * Content which is sharing pressable next to radio.\n */\n children?: React.ReactNode;\n\n /**\n * If `true`, the radio is disabled.\n * @default false\n */\n disabled?: boolean;\n\n /**\n * Callback fired when the component is pressed.\n */\n onChange?: (newValue: string) => void;\n\n /**\n * Value of the component.\n */\n value: string;\n\n /**\n * Determines the placement of the icon relative to the children.\n * @default 'left'\n */\n iconPlacement?: 'right' | 'left';\n\n /**\n * Custom icon element to display when the radio is unchecked.\n */\n uncheckedIcon?: React.ReactNode;\n\n /**\n * Custom icon element to display when the radio is checked.\n */\n checkedIcon?: React.ReactNode;\n}> {}\n"],"mappings":""}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import RadioContextProvider from './RadioContextProvider';
|
|
4
|
-
export default function RadioGroup(props) {
|
|
5
|
-
const {
|
|
6
|
-
value,
|
|
7
|
-
onChange,
|
|
8
|
-
...otherProps
|
|
9
|
-
} = props;
|
|
10
|
-
return /*#__PURE__*/React.createElement(RadioContextProvider, {
|
|
11
|
-
value: {
|
|
12
|
-
value,
|
|
13
|
-
onChange
|
|
14
|
-
}
|
|
15
|
-
}, /*#__PURE__*/React.createElement(View, otherProps));
|
|
16
|
-
}
|
|
17
|
-
;
|
|
18
|
-
//# sourceMappingURL=LegacyRadioGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","RadioContextProvider","RadioGroup","props","value","onChange","otherProps"],"sources":["LegacyRadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport RadioContextProvider from './RadioContextProvider';\nimport type RadioGroupProps from './RadioGroupProps';\n\nexport default function RadioGroup(props: RadioGroupProps) {\n const {\n value,\n onChange,\n ...otherProps\n } = props;\n\n return (\n <RadioContextProvider value={{ value, onChange }}>\n <View\n {...otherProps}\n />\n </RadioContextProvider>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,oBAAP,MAAiC,wBAAjC;AAGA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,KADE;IAEFC,QAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,oBAAC,oBAAD;IAAsB,KAAK,EAAE;MAAEC,KAAF;MAASC;IAAT;EAA7B,gBACI,oBAAC,IAAD,EACQC,UADR,CADJ,CADJ;AAOH;AAAA"}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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, { useEffect } from 'react';
|
|
4
|
-
import { Animated, Easing } from 'react-native';
|
|
5
|
-
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
6
|
-
import Slide from '../Slide';
|
|
7
|
-
import SnackbarContent from '../SnackbarContent';
|
|
8
|
-
import { useAnimatedValue } from '../hooks';
|
|
9
|
-
import { useTheme } from '../styles';
|
|
10
|
-
import { isNotAndroid12 } from '../utils';
|
|
11
|
-
const fadeDuration = 300;
|
|
12
|
-
const fadeAnimationDelay = 100;
|
|
13
|
-
|
|
14
|
-
const useStyles = function () {
|
|
15
|
-
const theme = useTheme();
|
|
16
|
-
const insets = useSafeAreaInsets();
|
|
17
|
-
return {
|
|
18
|
-
root: {
|
|
19
|
-
alignSelf: 'center',
|
|
20
|
-
bottom: theme.spacing(2),
|
|
21
|
-
maxWidth: 480,
|
|
22
|
-
paddingBottom: insets.bottom,
|
|
23
|
-
paddingHorizontal: theme.spacing(2),
|
|
24
|
-
position: 'absolute',
|
|
25
|
-
width: '100%',
|
|
26
|
-
// TODO: Need to remove zIndex.
|
|
27
|
-
zIndex: 32
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
export default function Snackbar(props) {
|
|
33
|
-
const {
|
|
34
|
-
actionLabel,
|
|
35
|
-
animatedY,
|
|
36
|
-
autoHideDuration = null,
|
|
37
|
-
children,
|
|
38
|
-
message,
|
|
39
|
-
title,
|
|
40
|
-
startIcon,
|
|
41
|
-
onActionPress,
|
|
42
|
-
onClose,
|
|
43
|
-
style,
|
|
44
|
-
visible = false,
|
|
45
|
-
...otherProps
|
|
46
|
-
} = props;
|
|
47
|
-
const autoHideTimer = React.useRef(null);
|
|
48
|
-
|
|
49
|
-
const clearAutoHideTimeout = () => {
|
|
50
|
-
if (autoHideTimer.current !== null) {
|
|
51
|
-
clearTimeout(autoHideTimer.current);
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
React.useEffect(() => {
|
|
56
|
-
return () => {
|
|
57
|
-
clearAutoHideTimeout();
|
|
58
|
-
};
|
|
59
|
-
}, []);
|
|
60
|
-
React.useEffect(() => {
|
|
61
|
-
if (visible && autoHideDuration !== null) {
|
|
62
|
-
clearAutoHideTimeout(); // @ts-ignore
|
|
63
|
-
|
|
64
|
-
autoHideTimer.current = setTimeout(() => {
|
|
65
|
-
if (onClose) {
|
|
66
|
-
onClose();
|
|
67
|
-
}
|
|
68
|
-
}, autoHideDuration);
|
|
69
|
-
}
|
|
70
|
-
}, [visible, autoHideDuration, onClose]);
|
|
71
|
-
const styles = useStyles();
|
|
72
|
-
const [exited, setExited] = React.useState(true);
|
|
73
|
-
const animatedOpacity = useAnimatedValue(0);
|
|
74
|
-
const animatedStyle = {
|
|
75
|
-
opacity: animatedOpacity
|
|
76
|
-
};
|
|
77
|
-
useEffect(() => {
|
|
78
|
-
Animated.timing(animatedOpacity, {
|
|
79
|
-
toValue: visible ? 1 : 0,
|
|
80
|
-
duration: fadeDuration,
|
|
81
|
-
delay: visible ? fadeAnimationDelay : 0,
|
|
82
|
-
easing: Easing.out(Easing.exp),
|
|
83
|
-
useNativeDriver: isNotAndroid12
|
|
84
|
-
}).start();
|
|
85
|
-
}, [visible]);
|
|
86
|
-
|
|
87
|
-
if (!visible && exited) {
|
|
88
|
-
return null;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
return /*#__PURE__*/React.createElement(Animated.View, _extends({
|
|
92
|
-
style: [animatedStyle, styles.root, style]
|
|
93
|
-
}, otherProps), /*#__PURE__*/React.createElement(Slide, {
|
|
94
|
-
animatedY: animatedY,
|
|
95
|
-
appear: visible,
|
|
96
|
-
onEnter: () => setExited(false),
|
|
97
|
-
onExited: () => setExited(true)
|
|
98
|
-
}, children ? children : /*#__PURE__*/React.createElement(SnackbarContent, {
|
|
99
|
-
title: title,
|
|
100
|
-
startIcon: startIcon,
|
|
101
|
-
actionLabel: actionLabel,
|
|
102
|
-
message: message,
|
|
103
|
-
onActionPress: onActionPress
|
|
104
|
-
})));
|
|
105
|
-
}
|
|
106
|
-
;
|
|
107
|
-
//# sourceMappingURL=LegacySnackbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Animated","Easing","useSafeAreaInsets","Slide","SnackbarContent","useAnimatedValue","useTheme","isNotAndroid12","fadeDuration","fadeAnimationDelay","useStyles","theme","insets","root","alignSelf","bottom","spacing","maxWidth","paddingBottom","paddingHorizontal","position","width","zIndex","Snackbar","props","actionLabel","animatedY","autoHideDuration","children","message","title","startIcon","onActionPress","onClose","style","visible","otherProps","autoHideTimer","useRef","clearAutoHideTimeout","current","clearTimeout","setTimeout","styles","exited","setExited","useState","animatedOpacity","animatedStyle","opacity","timing","toValue","duration","delay","easing","out","exp","useNativeDriver","start"],"sources":["LegacySnackbar.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Slide from '../Slide';\nimport SnackbarContent from '../SnackbarContent';\nimport { useAnimatedValue } from '../hooks';\nimport { useTheme } from '../styles';\nimport { isNotAndroid12 } from '../utils';\nimport type SnackbarProps from './LegacySnackbarProps';\n\ntype SnackBarStyles = NamedStylesStringUnion<'root'>;\n\nconst fadeDuration = 300;\nconst fadeAnimationDelay = 100;\n\nconst useStyles: UseStyles<SnackBarStyles> = function (): SnackBarStyles {\n const theme = useTheme();\n const insets = useSafeAreaInsets();\n\n return {\n root: {\n alignSelf: 'center',\n bottom: theme.spacing(2),\n maxWidth: 480,\n paddingBottom: insets.bottom,\n paddingHorizontal: theme.spacing(2),\n position: 'absolute',\n width: '100%',\n // TODO: Need to remove zIndex.\n zIndex: 32,\n },\n };\n};\n\nexport default function Snackbar(props: SnackbarProps) {\n const {\n actionLabel,\n animatedY,\n autoHideDuration = null,\n children,\n message,\n title,\n startIcon,\n onActionPress,\n onClose,\n style,\n visible = false,\n ...otherProps\n } = props;\n\n const autoHideTimer = React.useRef<number | null>(null);\n\n const clearAutoHideTimeout = () => {\n if (autoHideTimer.current !== null) {\n clearTimeout(autoHideTimer.current);\n }\n };\n\n React.useEffect(() => {\n return () => {\n clearAutoHideTimeout();\n };\n }, []);\n\n React.useEffect(() => {\n if (visible && autoHideDuration !== null) {\n clearAutoHideTimeout();\n\n // @ts-ignore\n autoHideTimer.current = setTimeout(() => {\n if (onClose) {\n onClose();\n }\n }, autoHideDuration);\n }\n }, [visible, autoHideDuration, onClose]);\n\n const styles = useStyles();\n\n const [exited, setExited] = React.useState(true);\n\n const animatedOpacity = useAnimatedValue(0);\n\n const animatedStyle = {\n opacity: animatedOpacity,\n };\n\n useEffect(() => {\n Animated.timing(animatedOpacity, {\n toValue: visible ? 1 : 0,\n duration: fadeDuration,\n delay: visible ? fadeAnimationDelay : 0,\n easing: Easing.out(Easing.exp),\n useNativeDriver: isNotAndroid12,\n }).start();\n }, [visible]);\n\n if (!visible && exited) {\n return null;\n }\n\n return (\n <Animated.View\n style={[\n animatedStyle,\n styles.root,\n style,\n ]}\n {...otherProps}\n >\n <Slide\n animatedY={animatedY}\n appear={visible}\n onEnter={() => setExited(false)}\n onExited={() => setExited(true)}\n >\n {children ? children : (\n <SnackbarContent\n title={title}\n startIcon={startIcon}\n actionLabel={actionLabel}\n message={message}\n onActionPress={onActionPress}\n />\n )}\n </Slide>\n </Animated.View>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacySnackbarProps.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Animated, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface SnackbarProps extends OverridableComponentProps<ViewProps, {\n /**\n * The text to use for the action component.\n */\n actionLabel?: string;\n\n /**\n * y value for animating.\n */\n animatedY?: Animated.Value;\n\n /**\n * The number of milliseconds to wait before automatically calling the\n * `onDismiss` function. `onDismiss` should then set the state of the `visible`\n * prop to hide the `Snackbar`. This behavior is disabled by default with\n * the `null` value.\n * @default null\n */\n autoHideDuration?: number | null;\n\n /**\n * Replace the `SnackbarContent` component.\n */\n children?: React.ReactNode;\n\n /**\n * The message to display.\n */\n message?: string;\n\n /**\n * Callback fired when the action component pressed.\n */\n onActionPress?: () => void;\n\n /**\n * Callback fired when the component requests to be closed.\n */\n onClose?: () => void;\n\n /**\n * Element placed before the title and message.\n */\n startIcon?: React.ReactElement;\n\n /**\n * The title to display.\n */\n title?: string;\n\n /**\n * If `true`, `Snackbar` is shown.\n * @default false\n */\n visible?: boolean;\n}> {}\n"],"mappings":""}
|