@megafon/ui-core 5.18.1 → 6.0.0-beta.2
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/dist/es/colors/ColorItem/ColorItem.css +1 -45
- package/dist/es/colors/ColorItem/ColorItem.d.ts +2 -2
- package/dist/es/colors/ColorItem/ColorItem.js +5 -7
- package/dist/es/colors/Colors.css +1 -233
- package/dist/es/colors/Colors.d.ts +1 -1
- package/dist/es/colors/Colors.js +33 -55
- package/dist/es/colors/colorsData.d.ts +4 -4
- package/dist/es/components/Accordion/Accordion.css +1 -89
- package/dist/es/components/Accordion/Accordion.d.ts +2 -1
- package/dist/es/components/Accordion/Accordion.js +22 -65
- package/dist/es/components/Avatar/Avatar.css +1 -52
- package/dist/es/components/Avatar/Avatar.d.ts +1 -1
- package/dist/es/components/Avatar/Avatar.js +9 -27
- package/dist/{lib/components/Badges/components → es/components/Badges}/CounterBadge/CounterBadge.d.ts +2 -2
- package/dist/es/components/Badges/{components/CounterBadge → CounterBadge}/CounterBadge.js +10 -28
- package/dist/{lib/components/Badges/components → es/components/Badges}/NotificationBadge/NotificationBadge.d.ts +3 -3
- package/dist/es/components/Badges/{components/NotificationBadge → NotificationBadge}/NotificationBadge.js +8 -22
- package/dist/es/components/Badges/{components/PriceBadge → PriceBadge}/PriceBadge.d.ts +4 -4
- package/dist/es/components/Badges/{components/PriceBadge → PriceBadge}/PriceBadge.js +11 -54
- package/dist/es/components/Badges/{components/PromoBadge → PromoBadge}/PromoBadge.d.ts +3 -3
- package/dist/es/components/Badges/{components/PromoBadge → PromoBadge}/PromoBadge.js +7 -21
- package/dist/es/components/Badges/{components/TimerBadge → TimerBadge}/TimerBadge.d.ts +2 -2
- package/dist/es/components/Badges/{components/TimerBadge → TimerBadge}/TimerBadge.js +22 -45
- package/dist/es/components/Badges/{components/TimerBadge → TimerBadge/components}/Timer/Timer.js +5 -32
- package/dist/es/components/Banner/Banner.d.ts +5 -4
- package/dist/es/components/Banner/Banner.js +62 -127
- package/dist/es/components/Banner/BannerDot.d.ts +1 -1
- package/dist/es/components/Banner/BannerDot.js +6 -22
- package/dist/es/components/Banner/slidesSettings.d.ts +4 -2
- package/dist/es/components/Banner/slidesSettings.js +3 -6
- package/dist/es/components/Button/Button.d.ts +7 -6
- package/dist/es/components/Button/Button.js +44 -104
- package/dist/es/components/Calendar/Calendar.d.ts +2 -2
- package/dist/es/components/Calendar/Calendar.js +60 -114
- package/dist/{lib/components/Calendar/components/Day → es/components/Calendar/components/_Day}/Day.d.ts +4 -4
- package/dist/es/components/Calendar/components/{Day → _Day}/Day.js +19 -50
- package/dist/es/components/Calendar/components/{Month → _Month}/Month.d.ts +3 -2
- package/dist/es/components/Calendar/components/{Month → _Month}/Month.js +9 -33
- package/dist/es/components/Caption/Caption.d.ts +4 -2
- package/dist/es/components/Caption/Caption.js +11 -25
- package/dist/es/components/Carousel/Carousel.d.ts +11 -10
- package/dist/es/components/Carousel/Carousel.js +104 -161
- package/dist/es/components/Carousel/checkBreakpointsPropTypes.d.ts +1 -1
- package/dist/es/components/Carousel/checkBreakpointsPropTypes.js +1 -4
- package/dist/es/components/Carousel/useGradient.d.ts +1 -1
- package/dist/es/components/Carousel/useGradient.js +9 -13
- package/dist/es/components/Checkbox/Checkbox.d.ts +4 -4
- package/dist/es/components/Checkbox/Checkbox.js +21 -50
- package/dist/es/components/Chips/Chip.d.ts +6 -26
- package/dist/es/components/Chips/Chip.js +17 -42
- package/dist/es/components/Chips/Chips.d.ts +2 -2
- package/dist/es/components/Chips/Chips.js +32 -56
- package/dist/es/components/Chips/components/ChipsDropdown.d.ts +2 -2
- package/dist/es/components/Chips/components/ChipsDropdown.js +12 -27
- package/dist/es/components/ContentArea/ContentArea.d.ts +5 -4
- package/dist/es/components/ContentArea/ContentArea.js +9 -28
- package/dist/es/components/ContentView/ContentView.d.ts +3 -2
- package/dist/es/components/ContentView/ContentView.js +12 -46
- package/dist/es/components/Counter/Counter.d.ts +1 -1
- package/dist/es/components/Counter/Counter.js +20 -55
- package/dist/es/components/Grid/Grid.d.ts +1 -1
- package/dist/es/components/Grid/Grid.js +8 -24
- package/dist/es/components/Grid/GridColumn.d.ts +2 -2
- package/dist/es/components/Grid/GridColumn.js +33 -62
- package/dist/es/components/Header/Header.d.ts +3 -1
- package/dist/es/components/Header/Header.js +13 -28
- package/dist/es/components/Link/Link.d.ts +2 -2
- package/dist/es/components/Link/Link.js +9 -25
- package/dist/es/components/List/List.d.ts +2 -1
- package/dist/es/components/List/List.js +8 -18
- package/dist/es/components/List/ListItem.d.ts +2 -1
- package/dist/es/components/List/ListItem.js +1 -7
- package/dist/es/components/ListData/ListData.d.ts +6 -34
- package/dist/es/components/ListData/ListData.js +22 -65
- package/dist/es/components/ListData/ListDataGroup.d.ts +4 -4
- package/dist/es/components/ListData/ListDataGroup.js +29 -74
- package/dist/es/components/ListData/components/ListDataSortable.d.ts +4 -4
- package/dist/es/components/ListData/components/ListDataSortable.js +21 -42
- package/dist/es/components/ListData/helpers.js +1 -8
- package/dist/es/components/Logo/Logo.d.ts +1 -1
- package/dist/es/components/Logo/Logo.js +9 -25
- package/dist/es/components/Modal/Modal.d.ts +104 -0
- package/dist/es/components/Modal/Modal.js +289 -0
- package/dist/es/components/Modal/_ModalContent/ModalContent.d.ts +8 -0
- package/dist/es/components/Modal/_ModalContent/ModalContent.js +166 -0
- package/dist/es/components/Modal/_ModalDesktop/ModalDesktop.d.ts +8 -0
- package/dist/es/components/Modal/_ModalDesktop/ModalDesktop.js +32 -0
- package/dist/es/components/Modal/_ModalMobileBottom/ModalMobileBottom.d.ts +12 -0
- package/dist/es/components/Modal/_ModalMobileBottom/ModalMobileBottom.js +114 -0
- package/dist/es/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.d.ts +8 -0
- package/dist/es/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.js +58 -0
- package/dist/es/components/Modal/mocks.d.ts +3 -0
- package/dist/es/components/Modal/mocks.js +75 -0
- package/dist/es/components/Modal/types.d.ts +28 -0
- package/dist/es/components/Modal/types.js +1 -0
- package/dist/es/components/Modal/utils/utils.d.ts +18 -0
- package/dist/es/components/Modal/utils/utils.js +66 -0
- package/dist/es/components/NavArrow/NavArrow.d.ts +3 -3
- package/dist/es/components/NavArrow/NavArrow.js +8 -28
- package/dist/es/components/Notification/Notification.d.ts +5 -4
- package/dist/es/components/Notification/Notification.js +61 -131
- package/dist/es/components/Pagination/Pagination.d.ts +4 -3
- package/dist/es/components/Pagination/Pagination.js +7 -22
- package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.d.ts +5 -4
- package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.js +10 -26
- package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.d.ts +3 -2
- package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.js +5 -22
- package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts +3 -2
- package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +7 -23
- package/dist/es/components/Pagination/helpers.js +0 -3
- package/dist/es/components/Pagination/usePagination.d.ts +2 -1
- package/dist/es/components/Pagination/usePagination.js +6 -18
- package/dist/es/components/Paragraph/Paragraph.d.ts +4 -2
- package/dist/es/components/Paragraph/Paragraph.js +9 -22
- package/dist/es/components/Preloader/Preloader.d.ts +3 -3
- package/dist/es/components/Preloader/Preloader.js +16 -36
- package/dist/es/components/RadioButton/RadioButton.d.ts +1 -1
- package/dist/es/components/RadioButton/RadioButton.js +18 -50
- package/dist/es/components/Row/Row.d.ts +2 -2
- package/dist/es/components/Row/Row.js +23 -48
- package/dist/es/components/ScrollBar/ScrollBar.d.ts +34 -0
- package/dist/es/components/ScrollBar/ScrollBar.js +86 -0
- package/dist/es/components/Search/Search.d.ts +7 -8
- package/dist/es/components/Search/Search.js +54 -149
- package/dist/es/components/Select/Select.d.ts +8 -84
- package/dist/es/components/Select/Select.js +52 -142
- package/dist/es/components/Select/reducer/selectReducer.d.ts +1 -1
- package/dist/es/components/Select/reducer/selectReducer.js +18 -32
- package/dist/es/components/Selector/Selector.d.ts +1 -1
- package/dist/es/components/Selector/Selector.js +23 -50
- package/dist/es/components/Sliders/Slider/Slider.d.ts +1 -1
- package/dist/es/components/Sliders/Slider/Slider.js +25 -56
- package/dist/es/components/Sliders/SliderRange/SliderRange.d.ts +1 -1
- package/dist/es/components/Sliders/SliderRange/SliderRange.js +33 -80
- package/dist/es/components/Sliders/SliderRange/helpers.js +0 -2
- package/dist/es/components/Sliders/SliderRatio/SliderRatio.d.ts +1 -1
- package/dist/es/components/Sliders/SliderRatio/SliderRatio.js +36 -85
- package/dist/es/components/Sliders/SliderRatio/helpers.js +1 -1
- package/dist/es/components/Sliders/SliderRatio/types.d.ts +1 -1
- package/dist/es/components/Sliders/SliderRatio/types.js +0 -1
- package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.d.ts +2 -2
- package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.js +11 -35
- package/dist/es/components/Sliders/components/SliderScale/SliderScale.d.ts +2 -2
- package/dist/es/components/Sliders/components/SliderScale/SliderScale.js +6 -20
- package/dist/es/components/Sliders/components/SliderScale/helpers.js +12 -16
- package/dist/es/components/Sliders/helpers.js +1 -5
- package/dist/es/components/Snackbar/Snackbar.d.ts +3 -3
- package/dist/es/components/Snackbar/Snackbar.js +44 -82
- package/dist/es/components/Snackbar/SnackbarTimer/SnackbarTimer.d.ts +3 -3
- package/dist/es/components/Snackbar/SnackbarTimer/SnackbarTimer.js +9 -17
- package/dist/es/components/Switcher/Switcher.d.ts +2 -1
- package/dist/es/components/Switcher/Switcher.js +17 -39
- package/dist/es/components/Tabs/Tab.js +0 -14
- package/dist/es/components/Tabs/Tabs.d.ts +6 -5
- package/dist/es/components/Tabs/Tabs.js +85 -158
- package/dist/es/components/TextField/TextField.d.ts +3 -3
- package/dist/es/components/TextField/TextField.js +80 -188
- package/dist/es/components/TextField/utils/countGraphemes.js +10 -18
- package/dist/es/components/TextLink/TextLink.d.ts +2 -2
- package/dist/es/components/TextLink/TextLink.js +14 -27
- package/dist/es/components/Tile/Tile.d.ts +7 -5
- package/dist/es/components/Tile/Tile.js +16 -36
- package/dist/es/components/Tooltip/Tooltip.d.ts +9 -8
- package/dist/es/components/Tooltip/Tooltip.js +58 -139
- package/dist/{lib/components/Collapse → es/components/_Collapse}/Collapse.d.ts +3 -3
- package/dist/es/components/{Collapse → _Collapse}/Collapse.js +25 -62
- package/dist/es/hooks/usePrevious.js +0 -2
- package/dist/es/hooks/useResolution.d.ts +1 -1
- package/dist/es/hooks/useResolution.js +4 -10
- package/dist/es/hooks/useSwipe.d.ts +1 -1
- package/dist/es/hooks/useSwipe.js +17 -44
- package/dist/es/index.d.ts +16 -9
- package/dist/es/index.js +17 -10
- package/dist/es/styles/base.css +1 -0
- package/dist/lib/colors/ColorItem/ColorItem.css +1 -45
- package/dist/lib/colors/ColorItem/ColorItem.d.ts +2 -2
- package/dist/lib/colors/ColorItem/ColorItem.js +9 -18
- package/dist/lib/colors/Colors.css +1 -233
- package/dist/lib/colors/Colors.d.ts +1 -1
- package/dist/lib/colors/Colors.js +37 -79
- package/dist/lib/colors/colorsData.d.ts +4 -4
- package/dist/lib/colors/colorsData.js +1 -2
- package/dist/lib/components/Accordion/Accordion.css +1 -89
- package/dist/lib/components/Accordion/Accordion.d.ts +2 -1
- package/dist/lib/components/Accordion/Accordion.js +26 -81
- package/dist/lib/components/Avatar/Avatar.css +1 -52
- package/dist/lib/components/Avatar/Avatar.d.ts +1 -1
- package/dist/lib/components/Avatar/Avatar.js +13 -41
- package/dist/{es/components/Badges/components → lib/components/Badges}/CounterBadge/CounterBadge.d.ts +2 -2
- package/dist/lib/components/Badges/CounterBadge/CounterBadge.js +52 -0
- package/dist/{es/components/Badges/components → lib/components/Badges}/NotificationBadge/NotificationBadge.d.ts +3 -3
- package/dist/lib/components/Badges/NotificationBadge/NotificationBadge.js +43 -0
- package/dist/lib/components/Badges/{components/PriceBadge → PriceBadge}/PriceBadge.d.ts +4 -4
- package/dist/lib/components/Badges/{components/PriceBadge → PriceBadge}/PriceBadge.js +19 -75
- package/dist/lib/components/Badges/{components/PromoBadge → PromoBadge}/PromoBadge.d.ts +3 -3
- package/dist/lib/components/Badges/PromoBadge/PromoBadge.js +49 -0
- package/dist/lib/components/Badges/{components/TimerBadge → TimerBadge}/TimerBadge.d.ts +2 -2
- package/dist/lib/components/Badges/TimerBadge/TimerBadge.js +97 -0
- package/dist/lib/components/Badges/{components/TimerBadge → TimerBadge/components}/Timer/Timer.js +11 -55
- package/dist/lib/components/Banner/Banner.d.ts +5 -4
- package/dist/lib/components/Banner/Banner.js +70 -158
- package/dist/lib/components/Banner/BannerDot.d.ts +1 -1
- package/dist/lib/components/Banner/BannerDot.js +10 -36
- package/dist/lib/components/Banner/slidesSettings.d.ts +4 -2
- package/dist/lib/components/Banner/slidesSettings.js +4 -11
- package/dist/lib/components/Button/Button.d.ts +7 -6
- package/dist/lib/components/Button/Button.js +70 -157
- package/dist/lib/components/Calendar/Calendar.d.ts +2 -2
- package/dist/lib/components/Calendar/Calendar.js +70 -148
- package/dist/{es/components/Calendar/components/Day → lib/components/Calendar/components/_Day}/Day.d.ts +4 -4
- package/dist/lib/components/Calendar/components/_Day/Day.js +75 -0
- package/dist/lib/components/Calendar/components/{Month → _Month}/Month.d.ts +3 -2
- package/dist/lib/components/Calendar/components/_Month/Month.js +93 -0
- package/dist/lib/components/Caption/Caption.d.ts +4 -2
- package/dist/lib/components/Caption/Caption.js +15 -40
- package/dist/lib/components/Carousel/Carousel.d.ts +11 -10
- package/dist/lib/components/Carousel/Carousel.js +195 -226
- package/dist/lib/components/Carousel/checkBreakpointsPropTypes.d.ts +1 -1
- package/dist/lib/components/Carousel/checkBreakpointsPropTypes.js +5 -17
- package/dist/lib/components/Carousel/useGradient.d.ts +1 -1
- package/dist/lib/components/Carousel/useGradient.js +11 -24
- package/dist/lib/components/Checkbox/Checkbox.d.ts +4 -4
- package/dist/lib/components/Checkbox/Checkbox.js +34 -74
- package/dist/lib/components/Chips/Chip.d.ts +6 -26
- package/dist/lib/components/Chips/Chip.js +35 -75
- package/dist/lib/components/Chips/Chips.d.ts +2 -2
- package/dist/lib/components/Chips/Chips.js +46 -91
- package/dist/lib/components/Chips/components/ChipsDropdown.d.ts +2 -2
- package/dist/lib/components/Chips/components/ChipsDropdown.js +30 -66
- package/dist/lib/components/ContentArea/ContentArea.d.ts +5 -4
- package/dist/lib/components/ContentArea/ContentArea.js +13 -43
- package/dist/lib/components/ContentView/ContentView.d.ts +3 -2
- package/dist/lib/components/ContentView/ContentView.js +16 -62
- package/dist/lib/components/Counter/Counter.d.ts +1 -1
- package/dist/lib/components/Counter/Counter.js +24 -70
- package/dist/lib/components/Grid/Grid.d.ts +1 -1
- package/dist/lib/components/Grid/Grid.js +12 -39
- package/dist/lib/components/Grid/GridColumn.d.ts +2 -2
- package/dist/lib/components/Grid/GridColumn.js +37 -76
- package/dist/lib/components/Header/Header.d.ts +3 -1
- package/dist/lib/components/Header/Header.js +17 -42
- package/dist/lib/components/Link/Link.d.ts +2 -2
- package/dist/lib/components/Link/Link.js +14 -33
- package/dist/lib/components/List/List.d.ts +2 -1
- package/dist/lib/components/List/List.js +12 -30
- package/dist/lib/components/List/ListItem.d.ts +2 -1
- package/dist/lib/components/List/ListItem.js +5 -19
- package/dist/lib/components/ListData/ListData.d.ts +6 -34
- package/dist/lib/components/ListData/ListData.js +50 -110
- package/dist/lib/components/ListData/ListDataGroup.d.ts +4 -4
- package/dist/lib/components/ListData/ListDataGroup.js +47 -117
- package/dist/lib/components/ListData/components/ListDataSortable.d.ts +4 -4
- package/dist/lib/components/ListData/components/ListDataSortable.js +34 -73
- package/dist/lib/components/ListData/helpers.js +6 -24
- package/dist/lib/components/Logo/Logo.d.ts +1 -1
- package/dist/lib/components/Logo/Logo.js +13 -40
- package/dist/lib/components/Modal/Modal.d.ts +104 -0
- package/dist/lib/components/Modal/Modal.js +298 -0
- package/dist/lib/components/Modal/_ModalContent/ModalContent.d.ts +8 -0
- package/dist/lib/components/Modal/_ModalContent/ModalContent.js +175 -0
- package/dist/lib/components/Modal/_ModalDesktop/ModalDesktop.d.ts +8 -0
- package/dist/lib/components/Modal/_ModalDesktop/ModalDesktop.js +41 -0
- package/dist/lib/components/Modal/_ModalMobileBottom/ModalMobileBottom.d.ts +12 -0
- package/dist/lib/components/Modal/_ModalMobileBottom/ModalMobileBottom.js +123 -0
- package/dist/lib/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.d.ts +8 -0
- package/dist/lib/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.js +67 -0
- package/dist/lib/components/Modal/mocks.d.ts +3 -0
- package/dist/lib/components/Modal/mocks.js +81 -0
- package/dist/lib/components/Modal/types.d.ts +28 -0
- package/dist/lib/components/Modal/types.js +5 -0
- package/dist/lib/components/Modal/utils/utils.d.ts +18 -0
- package/dist/lib/components/Modal/utils/utils.js +72 -0
- package/dist/lib/components/NavArrow/NavArrow.d.ts +3 -3
- package/dist/lib/components/NavArrow/NavArrow.js +14 -46
- package/dist/lib/components/Notification/Notification.d.ts +5 -4
- package/dist/lib/components/Notification/Notification.js +113 -200
- package/dist/lib/components/Pagination/Pagination.d.ts +4 -3
- package/dist/lib/components/Pagination/Pagination.js +18 -50
- package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.d.ts +5 -4
- package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.js +11 -34
- package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.d.ts +3 -2
- package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.js +6 -31
- package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts +3 -2
- package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +8 -31
- package/dist/lib/components/Pagination/helpers.js +1 -6
- package/dist/lib/components/Pagination/usePagination.d.ts +2 -1
- package/dist/lib/components/Pagination/usePagination.js +9 -35
- package/dist/lib/components/Paragraph/Paragraph.d.ts +4 -2
- package/dist/lib/components/Paragraph/Paragraph.js +13 -37
- package/dist/lib/components/Preloader/Preloader.d.ts +3 -3
- package/dist/lib/components/Preloader/Preloader.js +22 -57
- package/dist/lib/components/RadioButton/RadioButton.d.ts +1 -1
- package/dist/lib/components/RadioButton/RadioButton.js +22 -69
- package/dist/lib/components/Row/Row.d.ts +2 -2
- package/dist/lib/components/Row/Row.js +39 -75
- package/dist/lib/components/ScrollBar/ScrollBar.d.ts +34 -0
- package/dist/lib/components/ScrollBar/ScrollBar.js +94 -0
- package/dist/lib/components/Search/Search.d.ts +7 -8
- package/dist/lib/components/Search/Search.js +121 -261
- package/dist/lib/components/Select/Select.d.ts +8 -84
- package/dist/lib/components/Select/Select.js +69 -186
- package/dist/lib/components/Select/reducer/selectReducer.d.ts +1 -1
- package/dist/lib/components/Select/reducer/selectReducer.js +21 -41
- package/dist/lib/components/Selector/Selector.d.ts +1 -1
- package/dist/lib/components/Selector/Selector.js +27 -70
- package/dist/lib/components/Sliders/Slider/Slider.d.ts +1 -1
- package/dist/lib/components/Sliders/Slider/Slider.js +29 -75
- package/dist/lib/components/Sliders/SliderRange/SliderRange.d.ts +1 -1
- package/dist/lib/components/Sliders/SliderRange/SliderRange.js +37 -100
- package/dist/lib/components/Sliders/SliderRange/helpers.js +5 -18
- package/dist/lib/components/Sliders/SliderRatio/SliderRatio.d.ts +1 -1
- package/dist/lib/components/Sliders/SliderRatio/SliderRatio.js +40 -111
- package/dist/lib/components/Sliders/SliderRatio/helpers.js +8 -27
- package/dist/lib/components/Sliders/SliderRatio/types.d.ts +1 -1
- package/dist/lib/components/Sliders/SliderRatio/types.js +0 -2
- package/dist/lib/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.d.ts +2 -2
- package/dist/lib/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.js +17 -56
- package/dist/lib/components/Sliders/components/SliderScale/SliderScale.d.ts +2 -2
- package/dist/lib/components/Sliders/components/SliderScale/SliderScale.js +11 -39
- package/dist/lib/components/Sliders/components/SliderScale/helpers.js +15 -33
- package/dist/lib/components/Sliders/helpers.js +5 -22
- package/dist/lib/components/Snackbar/Snackbar.d.ts +3 -3
- package/dist/lib/components/Snackbar/Snackbar.js +81 -138
- package/dist/lib/components/Snackbar/SnackbarTimer/SnackbarTimer.d.ts +3 -3
- package/dist/lib/components/Snackbar/SnackbarTimer/SnackbarTimer.js +17 -36
- package/dist/lib/components/Switcher/Switcher.d.ts +2 -1
- package/dist/lib/components/Switcher/Switcher.js +21 -52
- package/dist/lib/components/Tabs/Tab.js +5 -26
- package/dist/lib/components/Tabs/Tabs.d.ts +6 -5
- package/dist/lib/components/Tabs/Tabs.js +93 -189
- package/dist/lib/components/TextField/TextField.d.ts +3 -3
- package/dist/lib/components/TextField/TextField.js +113 -238
- package/dist/lib/components/TextField/utils/countGraphemes.js +11 -28
- package/dist/lib/components/TextLink/TextLink.d.ts +2 -2
- package/dist/lib/components/TextLink/TextLink.js +18 -41
- package/dist/lib/components/Tile/Tile.d.ts +7 -5
- package/dist/lib/components/Tile/Tile.js +26 -54
- package/dist/lib/components/Tooltip/Tooltip.d.ts +9 -8
- package/dist/lib/components/Tooltip/Tooltip.js +110 -218
- package/dist/{es/components/Collapse → lib/components/_Collapse}/Collapse.d.ts +3 -3
- package/dist/lib/components/_Collapse/Collapse.js +95 -0
- package/dist/lib/constants/throttleTime.js +2 -3
- package/dist/lib/hooks/usePrevious.js +4 -11
- package/dist/lib/hooks/useResolution.d.ts +1 -1
- package/dist/lib/hooks/useResolution.js +8 -22
- package/dist/lib/hooks/useSwipe.d.ts +1 -1
- package/dist/lib/hooks/useSwipe.js +21 -63
- package/dist/lib/index.d.ts +16 -9
- package/dist/lib/index.js +82 -101
- package/dist/lib/styles/base.css +1 -0
- package/package.json +106 -101
- package/styles/base.scss +150 -0
- package/styles/colors.css +53 -0
- package/CHANGELOG.md +0 -3987
- package/dist/es/components/Avatar/doc/i/img.png +0 -0
- package/dist/es/components/Badges/components/CounterBadge/CounterBadge.css +0 -54
- package/dist/es/components/Badges/components/NotificationBadge/NotificationBadge.css +0 -49
- package/dist/es/components/Badges/components/PriceBadge/PriceBadge.css +0 -119
- package/dist/es/components/Badges/components/PromoBadge/PromoBadge.css +0 -64
- package/dist/es/components/Badges/components/TimerBadge/TimerBadge.css +0 -60
- package/dist/es/components/Banner/Banner.css +0 -195
- package/dist/es/components/Banner/BannerDot.css +0 -69
- package/dist/es/components/Button/Button.css +0 -814
- package/dist/es/components/Calendar/Calendar.css +0 -5
- package/dist/es/components/Calendar/components/Day/Day.css +0 -128
- package/dist/es/components/Calendar/components/Month/Month.css +0 -81
- package/dist/es/components/Caption/Caption.css +0 -48
- package/dist/es/components/Carousel/Carousel.css +0 -215
- package/dist/es/components/Checkbox/Checkbox.css +0 -150
- package/dist/es/components/Chips/Chip.css +0 -132
- package/dist/es/components/Chips/Chips.css +0 -19
- package/dist/es/components/Chips/components/ChipsDropdown.css +0 -106
- package/dist/es/components/Collapse/Collapse.css +0 -3
- package/dist/es/components/ContentArea/ContentArea.css +0 -109
- package/dist/es/components/ContentView/ContentView.css +0 -103
- package/dist/es/components/Counter/Counter.css +0 -123
- package/dist/es/components/Grid/Grid.css +0 -102
- package/dist/es/components/Grid/GridColumn.css +0 -3102
- package/dist/es/components/Header/Header.css +0 -122
- package/dist/es/components/List/List.css +0 -66
- package/dist/es/components/List/ListItem.css +0 -6
- package/dist/es/components/ListData/ListData.css +0 -162
- package/dist/es/components/ListData/ListDataGroup.css +0 -15
- package/dist/es/components/ListData/components/ListDataSortable.css +0 -79
- package/dist/es/components/ListData/doc/i/img.png +0 -0
- package/dist/es/components/Logo/Logo.css +0 -43
- package/dist/es/components/NavArrow/NavArrow.css +0 -63
- package/dist/es/components/Notification/Notification.css +0 -350
- package/dist/es/components/Pagination/Pagination.css +0 -5
- package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.css +0 -62
- package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.css +0 -10
- package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.css +0 -17
- package/dist/es/components/Paragraph/Paragraph.css +0 -43
- package/dist/es/components/Preloader/Preloader.css +0 -224
- package/dist/es/components/RadioButton/RadioButton.css +0 -120
- package/dist/es/components/Row/Row.css +0 -238
- package/dist/es/components/Search/Search.css +0 -453
- package/dist/es/components/Select/Select.css +0 -389
- package/dist/es/components/Selector/Selector.css +0 -132
- package/dist/es/components/Selector/doc/Selector.example.css +0 -17
- package/dist/es/components/Sliders/Slider/Slider.css +0 -128
- package/dist/es/components/Sliders/SliderRange/SliderRange.css +0 -169
- package/dist/es/components/Sliders/SliderRatio/SliderRatio.css +0 -219
- package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.css +0 -84
- package/dist/es/components/Sliders/components/SliderScale/SliderScale.css +0 -15
- package/dist/es/components/Snackbar/Snackbar.css +0 -220
- package/dist/es/components/Snackbar/SnackbarTimer/SnackbarTimer.css +0 -66
- package/dist/es/components/Switcher/Switcher.css +0 -160
- package/dist/es/components/Tabs/Tabs.css +0 -297
- package/dist/es/components/TextField/TextField.css +0 -343
- package/dist/es/components/TextLink/TextLink.css +0 -50
- package/dist/es/components/Tile/Tile.css +0 -43
- package/dist/es/components/Tooltip/Tooltip.css +0 -335
- package/dist/lib/components/Avatar/doc/i/img.png +0 -0
- package/dist/lib/components/Badges/components/CounterBadge/CounterBadge.css +0 -54
- package/dist/lib/components/Badges/components/CounterBadge/CounterBadge.js +0 -81
- package/dist/lib/components/Badges/components/NotificationBadge/NotificationBadge.css +0 -49
- package/dist/lib/components/Badges/components/NotificationBadge/NotificationBadge.js +0 -70
- package/dist/lib/components/Badges/components/PriceBadge/PriceBadge.css +0 -119
- package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.css +0 -64
- package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.js +0 -76
- package/dist/lib/components/Badges/components/TimerBadge/TimerBadge.css +0 -60
- package/dist/lib/components/Badges/components/TimerBadge/TimerBadge.js +0 -135
- package/dist/lib/components/Banner/Banner.css +0 -195
- package/dist/lib/components/Banner/BannerDot.css +0 -69
- package/dist/lib/components/Button/Button.css +0 -814
- package/dist/lib/components/Calendar/Calendar.css +0 -5
- package/dist/lib/components/Calendar/components/Day/Day.css +0 -128
- package/dist/lib/components/Calendar/components/Day/Day.js +0 -117
- package/dist/lib/components/Calendar/components/Month/Month.css +0 -81
- package/dist/lib/components/Calendar/components/Month/Month.js +0 -122
- package/dist/lib/components/Caption/Caption.css +0 -48
- package/dist/lib/components/Carousel/Carousel.css +0 -215
- package/dist/lib/components/Checkbox/Checkbox.css +0 -150
- package/dist/lib/components/Chips/Chip.css +0 -132
- package/dist/lib/components/Chips/Chips.css +0 -19
- package/dist/lib/components/Chips/components/ChipsDropdown.css +0 -106
- package/dist/lib/components/Collapse/Collapse.css +0 -3
- package/dist/lib/components/Collapse/Collapse.js +0 -141
- package/dist/lib/components/ContentArea/ContentArea.css +0 -109
- package/dist/lib/components/ContentView/ContentView.css +0 -103
- package/dist/lib/components/Counter/Counter.css +0 -123
- package/dist/lib/components/Grid/Grid.css +0 -102
- package/dist/lib/components/Grid/GridColumn.css +0 -3102
- package/dist/lib/components/Header/Header.css +0 -122
- package/dist/lib/components/List/List.css +0 -66
- package/dist/lib/components/List/ListItem.css +0 -6
- package/dist/lib/components/ListData/ListData.css +0 -162
- package/dist/lib/components/ListData/ListDataGroup.css +0 -15
- package/dist/lib/components/ListData/components/ListDataSortable.css +0 -79
- package/dist/lib/components/ListData/doc/i/img.png +0 -0
- package/dist/lib/components/Logo/Logo.css +0 -43
- package/dist/lib/components/NavArrow/NavArrow.css +0 -63
- package/dist/lib/components/Notification/Notification.css +0 -350
- package/dist/lib/components/Pagination/Pagination.css +0 -5
- package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.css +0 -62
- package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.css +0 -10
- package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.css +0 -17
- package/dist/lib/components/Paragraph/Paragraph.css +0 -43
- package/dist/lib/components/Preloader/Preloader.css +0 -224
- package/dist/lib/components/RadioButton/RadioButton.css +0 -120
- package/dist/lib/components/Row/Row.css +0 -238
- package/dist/lib/components/Search/Search.css +0 -453
- package/dist/lib/components/Select/Select.css +0 -389
- package/dist/lib/components/Selector/Selector.css +0 -132
- package/dist/lib/components/Selector/doc/Selector.example.css +0 -17
- package/dist/lib/components/Sliders/Slider/Slider.css +0 -128
- package/dist/lib/components/Sliders/SliderRange/SliderRange.css +0 -169
- package/dist/lib/components/Sliders/SliderRatio/SliderRatio.css +0 -219
- package/dist/lib/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.css +0 -84
- package/dist/lib/components/Sliders/components/SliderScale/SliderScale.css +0 -15
- package/dist/lib/components/Snackbar/Snackbar.css +0 -220
- package/dist/lib/components/Snackbar/SnackbarTimer/SnackbarTimer.css +0 -66
- package/dist/lib/components/Switcher/Switcher.css +0 -160
- package/dist/lib/components/Tabs/Tabs.css +0 -297
- package/dist/lib/components/TextField/TextField.css +0 -343
- package/dist/lib/components/TextLink/TextLink.css +0 -50
- package/dist/lib/components/Tile/Tile.css +0 -43
- package/dist/lib/components/Tooltip/Tooltip.css +0 -335
- package/styles/base.less +0 -171
- /package/dist/es/components/Badges/{components/TimerBadge → TimerBadge/components}/Timer/Timer.d.ts +0 -0
- /package/dist/lib/components/Badges/{components/TimerBadge → TimerBadge/components}/Timer/Timer.d.ts +0 -0
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import './PaginationButton.
|
|
3
|
-
|
|
2
|
+
import './PaginationButton.scss';
|
|
3
|
+
export type PaginationValueType = string | number;
|
|
4
4
|
export interface IPaginationButtonProps {
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
isActive?: boolean;
|
|
7
7
|
theme?: 'default' | 'light';
|
|
8
|
-
value?:
|
|
8
|
+
value?: PaginationValueType;
|
|
9
9
|
className?: string;
|
|
10
10
|
dataAttrs?: {
|
|
11
11
|
root?: Record<string, string>;
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
onClick?: (value?: PaginationValueType) => void;
|
|
14
15
|
}
|
|
15
16
|
declare const PaginationButton: React.FC<IPaginationButtonProps>;
|
|
16
17
|
export default PaginationButton;
|
|
@@ -4,36 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _uiHelpers = require("@megafon/ui-helpers");
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
11
|
var cn = (0, _uiHelpers.cnCreate)('mfui-pagination-button');
|
|
19
|
-
|
|
20
12
|
var PaginationButton = function PaginationButton(_ref) {
|
|
21
13
|
var _ref$disabled = _ref.disabled,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
14
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
15
|
+
_ref$isActive = _ref.isActive,
|
|
16
|
+
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
17
|
+
_ref$theme = _ref.theme,
|
|
18
|
+
theme = _ref$theme === void 0 ? 'default' : _ref$theme,
|
|
19
|
+
className = _ref.className,
|
|
20
|
+
children = _ref.children,
|
|
21
|
+
onClick = _ref.onClick,
|
|
22
|
+
value = _ref.value,
|
|
23
|
+
dataAttrs = _ref.dataAttrs;
|
|
33
24
|
var handleClick = function handleClick() {
|
|
34
25
|
onClick === null || onClick === void 0 ? void 0 : onClick(value);
|
|
35
26
|
};
|
|
36
|
-
|
|
37
27
|
return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
38
28
|
className: cn({
|
|
39
29
|
active: isActive,
|
|
@@ -44,17 +34,4 @@ var PaginationButton = function PaginationButton(_ref) {
|
|
|
44
34
|
type: "button"
|
|
45
35
|
}), children);
|
|
46
36
|
};
|
|
47
|
-
|
|
48
|
-
PaginationButton.propTypes = {
|
|
49
|
-
disabled: _propTypes["default"].bool,
|
|
50
|
-
isActive: _propTypes["default"].bool,
|
|
51
|
-
theme: _propTypes["default"].oneOf(['default', 'light']),
|
|
52
|
-
className: _propTypes["default"].string,
|
|
53
|
-
value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
|
54
|
-
dataAttrs: _propTypes["default"].shape({
|
|
55
|
-
root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
|
|
56
|
-
}),
|
|
57
|
-
onClick: _propTypes["default"].func
|
|
58
|
-
};
|
|
59
|
-
var _default = PaginationButton;
|
|
60
|
-
exports["default"] = _default;
|
|
37
|
+
var _default = exports["default"] = PaginationButton;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import '
|
|
2
|
+
import { PaginationValueType } from '../PaginationButton/PaginationButton';
|
|
3
|
+
import './PaginationButtons.scss';
|
|
3
4
|
interface IPaginationButtonsProps {
|
|
4
5
|
items: Array<string | number>;
|
|
5
6
|
theme?: 'default' | 'light';
|
|
@@ -8,7 +9,7 @@ interface IPaginationButtonsProps {
|
|
|
8
9
|
dataAttrs?: {
|
|
9
10
|
root?: Record<string, string>;
|
|
10
11
|
};
|
|
11
|
-
onClick: (value?:
|
|
12
|
+
onClick: (value?: PaginationValueType) => void;
|
|
12
13
|
}
|
|
13
14
|
declare const PaginationButtons: React.FC<IPaginationButtonsProps>;
|
|
14
15
|
export default PaginationButtons;
|
|
@@ -4,21 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
8
|
require("core-js/modules/es.array.map.js");
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _uiHelpers = require("@megafon/ui-helpers");
|
|
15
|
-
|
|
16
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
|
|
18
11
|
var _PaginationButton = _interopRequireDefault(require("../PaginationButton/PaginationButton"));
|
|
19
|
-
|
|
20
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
13
|
var NothingIcon = function NothingIcon(props) {
|
|
23
14
|
return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
|
|
24
15
|
viewBox: "0 0 20 20"
|
|
@@ -26,22 +17,19 @@ var NothingIcon = function NothingIcon(props) {
|
|
|
26
17
|
d: "M7 9a1 1 0 11-1 1 1 1 0 011-1zm2 1a1 1 0 101-1 1 1 0 00-1 1zm3 0a1 1 0 101-1 1 1 0 00-1 1z"
|
|
27
18
|
}));
|
|
28
19
|
};
|
|
29
|
-
|
|
30
20
|
var cn = (0, _uiHelpers.cnCreate)('mfui-pagination-buttons');
|
|
31
|
-
|
|
32
21
|
var PaginationButtons = function PaginationButtons(_ref) {
|
|
33
22
|
var items = _ref.items,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
23
|
+
theme = _ref.theme,
|
|
24
|
+
onClick = _ref.onClick,
|
|
25
|
+
activeButton = _ref.activeButton,
|
|
26
|
+
hiddenButton = _ref.hiddenButton,
|
|
27
|
+
dataAttrs = _ref.dataAttrs;
|
|
39
28
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
40
29
|
className: cn()
|
|
41
30
|
}, items.map(function (pageNumber, index) {
|
|
42
31
|
var isHiddenButton = hiddenButton === pageNumber;
|
|
43
32
|
var dataIndex = typeof pageNumber === 'number' ? pageNumber : undefined;
|
|
44
|
-
|
|
45
33
|
if (isHiddenButton) {
|
|
46
34
|
return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
|
|
47
35
|
disabled: true,
|
|
@@ -55,7 +43,6 @@ var PaginationButtons = function PaginationButtons(_ref) {
|
|
|
55
43
|
}
|
|
56
44
|
}, /*#__PURE__*/_react["default"].createElement(NothingIcon, null));
|
|
57
45
|
}
|
|
58
|
-
|
|
59
46
|
var isActive = pageNumber === activeButton;
|
|
60
47
|
return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
|
|
61
48
|
dataAttrs: {
|
|
@@ -70,16 +57,4 @@ var PaginationButtons = function PaginationButtons(_ref) {
|
|
|
70
57
|
}, pageNumber);
|
|
71
58
|
}));
|
|
72
59
|
};
|
|
73
|
-
|
|
74
|
-
PaginationButtons.propTypes = {
|
|
75
|
-
items: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired).isRequired,
|
|
76
|
-
theme: _propTypes["default"].oneOf(['default', 'light']),
|
|
77
|
-
activeButton: _propTypes["default"].number.isRequired,
|
|
78
|
-
hiddenButton: _propTypes["default"].string.isRequired,
|
|
79
|
-
dataAttrs: _propTypes["default"].shape({
|
|
80
|
-
root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
|
|
81
|
-
}),
|
|
82
|
-
onClick: _propTypes["default"].func.isRequired
|
|
83
|
-
};
|
|
84
|
-
var _default = PaginationButtons;
|
|
85
|
-
exports["default"] = _default;
|
|
60
|
+
var _default = exports["default"] = PaginationButtons;
|
package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import '
|
|
2
|
+
import { PaginationValueType } from '../PaginationButton/PaginationButton';
|
|
3
|
+
import './PaginationNavigation.scss';
|
|
3
4
|
interface IPaginationNavigationProps {
|
|
4
5
|
direction?: 'left' | 'right';
|
|
5
6
|
theme?: 'default' | 'light';
|
|
@@ -9,7 +10,7 @@ interface IPaginationNavigationProps {
|
|
|
9
10
|
dataAttrs?: {
|
|
10
11
|
root?: Record<string, string>;
|
|
11
12
|
};
|
|
12
|
-
onClick?: (value?:
|
|
13
|
+
onClick?: (value?: PaginationValueType) => void;
|
|
13
14
|
}
|
|
14
15
|
declare const PaginationNavigation: React.FC<IPaginationNavigationProps>;
|
|
15
16
|
export default PaginationNavigation;
|
package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js
CHANGED
|
@@ -4,19 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _uiHelpers = require("@megafon/ui-helpers");
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
10
|
var _PaginationButton = _interopRequireDefault(require("../PaginationButton/PaginationButton"));
|
|
17
|
-
|
|
18
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
12
|
var ArrowRightIcon = function ArrowRightIcon(props) {
|
|
21
13
|
return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
|
|
22
14
|
viewBox: "0 0 32 32"
|
|
@@ -24,18 +16,16 @@ var ArrowRightIcon = function ArrowRightIcon(props) {
|
|
|
24
16
|
d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
|
|
25
17
|
}));
|
|
26
18
|
};
|
|
27
|
-
|
|
28
19
|
var cn = (0, _uiHelpers.cnCreate)('mfui-pagination-navigation');
|
|
29
|
-
|
|
30
20
|
var PaginationNavigation = function PaginationNavigation(_ref) {
|
|
31
21
|
var _ref$direction = _ref.direction,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
22
|
+
direction = _ref$direction === void 0 ? 'right' : _ref$direction,
|
|
23
|
+
theme = _ref.theme,
|
|
24
|
+
disabled = _ref.disabled,
|
|
25
|
+
isActive = _ref.isActive,
|
|
26
|
+
onClick = _ref.onClick,
|
|
27
|
+
className = _ref.className,
|
|
28
|
+
dataAttrs = _ref.dataAttrs;
|
|
39
29
|
return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
|
|
40
30
|
dataAttrs: dataAttrs,
|
|
41
31
|
className: cn({
|
|
@@ -49,17 +39,4 @@ var PaginationNavigation = function PaginationNavigation(_ref) {
|
|
|
49
39
|
className: cn('icon')
|
|
50
40
|
}));
|
|
51
41
|
};
|
|
52
|
-
|
|
53
|
-
PaginationNavigation.propTypes = {
|
|
54
|
-
direction: _propTypes["default"].oneOf(['left', 'right']),
|
|
55
|
-
theme: _propTypes["default"].oneOf(['default', 'light']),
|
|
56
|
-
disabled: _propTypes["default"].bool,
|
|
57
|
-
isActive: _propTypes["default"].bool,
|
|
58
|
-
className: _propTypes["default"].string,
|
|
59
|
-
dataAttrs: _propTypes["default"].shape({
|
|
60
|
-
root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
|
|
61
|
-
}),
|
|
62
|
-
onClick: _propTypes["default"].func
|
|
63
|
-
};
|
|
64
|
-
var _default = PaginationNavigation;
|
|
65
|
-
exports["default"] = _default;
|
|
42
|
+
var _default = exports["default"] = PaginationNavigation;
|
|
@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var getRange = function getRange(from, to) {
|
|
9
8
|
var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
10
9
|
var i = from;
|
|
11
10
|
var range = [];
|
|
12
|
-
|
|
13
11
|
while (i <= to) {
|
|
14
12
|
range.push(i);
|
|
15
13
|
i += step;
|
|
16
14
|
}
|
|
17
|
-
|
|
18
15
|
return range;
|
|
19
16
|
};
|
|
20
|
-
|
|
21
|
-
var _default = getRange;
|
|
22
|
-
exports["default"] = _default;
|
|
17
|
+
var _default = exports["default"] = getRange;
|
|
@@ -3,5 +3,6 @@ export declare const Button: {
|
|
|
3
3
|
FIRST: number;
|
|
4
4
|
};
|
|
5
5
|
export declare const MOBILE_RESOLUTION = 360;
|
|
6
|
-
|
|
6
|
+
type PaginationItem = string | number;
|
|
7
|
+
declare const usePagination: (totalPages: number, activePage: number) => PaginationItem[];
|
|
7
8
|
export default usePagination;
|
|
@@ -4,80 +4,59 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.MOBILE_RESOLUTION = exports.Button = void 0;
|
|
7
|
-
|
|
8
7
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
|
-
|
|
10
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
|
|
12
9
|
require("core-js/modules/es.array.concat.js");
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _lodash = _interopRequireDefault(require("lodash.throttle"));
|
|
17
|
-
|
|
18
12
|
var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
|
|
19
|
-
|
|
20
13
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
|
-
var Button = {
|
|
15
|
+
var Button = exports.Button = {
|
|
25
16
|
HIDDEN: 'HIDDEN',
|
|
26
17
|
FIRST: 1
|
|
27
18
|
};
|
|
28
|
-
exports.Button = Button;
|
|
29
19
|
var NeighbourCount = {
|
|
30
20
|
MOBILE: 0,
|
|
31
21
|
MAIN: 1
|
|
32
22
|
};
|
|
33
23
|
var BUTTON_RATIO = 5;
|
|
34
|
-
var MOBILE_RESOLUTION = 360;
|
|
35
|
-
exports.MOBILE_RESOLUTION = MOBILE_RESOLUTION;
|
|
36
|
-
|
|
24
|
+
var MOBILE_RESOLUTION = exports.MOBILE_RESOLUTION = 360;
|
|
37
25
|
var getItems = function getItems(_ref) {
|
|
38
26
|
var totalPages = _ref.totalPages,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
27
|
+
activePage = _ref.activePage,
|
|
28
|
+
maxButtonsCount = _ref.maxButtonsCount,
|
|
29
|
+
neighbourCount = _ref.neighbourCount;
|
|
42
30
|
var isMoreThenMaxBtnsCount = totalPages > maxButtonsCount;
|
|
43
31
|
var lastPage = totalPages;
|
|
44
|
-
|
|
45
32
|
if (!isMoreThenMaxBtnsCount) {
|
|
46
33
|
return (0, _helpers["default"])(Button.FIRST, lastPage);
|
|
47
34
|
}
|
|
48
|
-
|
|
49
35
|
var hasLeftHiddenBtns = activePage > Math.ceil(maxButtonsCount / 2);
|
|
50
36
|
var hasRightHiddenBtns = lastPage > activePage + neighbourCount + 2;
|
|
51
|
-
|
|
52
37
|
switch (true) {
|
|
53
38
|
case !hasLeftHiddenBtns && hasRightHiddenBtns:
|
|
54
39
|
{
|
|
55
40
|
var range = (0, _helpers["default"])(Button.FIRST, maxButtonsCount - 2);
|
|
56
41
|
return [].concat((0, _toConsumableArray2["default"])(range), [Button.HIDDEN, lastPage]);
|
|
57
42
|
}
|
|
58
|
-
|
|
59
43
|
case hasLeftHiddenBtns && !hasRightHiddenBtns:
|
|
60
44
|
{
|
|
61
45
|
var _range = (0, _helpers["default"])(totalPages - (2 + 2 * neighbourCount), totalPages);
|
|
62
|
-
|
|
63
46
|
return [Button.FIRST, Button.HIDDEN].concat((0, _toConsumableArray2["default"])(_range));
|
|
64
47
|
}
|
|
65
|
-
|
|
66
48
|
default:
|
|
67
49
|
{
|
|
68
50
|
var _range2 = (0, _helpers["default"])(activePage - neighbourCount, activePage + neighbourCount);
|
|
69
|
-
|
|
70
51
|
return [Button.FIRST, Button.HIDDEN].concat((0, _toConsumableArray2["default"])(_range2), [Button.HIDDEN, lastPage]);
|
|
71
52
|
}
|
|
72
53
|
}
|
|
73
54
|
};
|
|
74
|
-
|
|
75
55
|
var usePagination = function usePagination(totalPages, activePage) {
|
|
76
56
|
var _React$useState = _react["default"].useState(NeighbourCount.MAIN),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
57
|
+
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
58
|
+
neighbourCount = _React$useState2[0],
|
|
59
|
+
setNeighbourCount = _React$useState2[1];
|
|
81
60
|
var maxButtonsCount = 2 * neighbourCount + BUTTON_RATIO;
|
|
82
61
|
var paginationItems = getItems({
|
|
83
62
|
totalPages: totalPages,
|
|
@@ -85,14 +64,12 @@ var usePagination = function usePagination(totalPages, activePage) {
|
|
|
85
64
|
maxButtonsCount: maxButtonsCount,
|
|
86
65
|
neighbourCount: neighbourCount
|
|
87
66
|
});
|
|
88
|
-
|
|
89
67
|
_react["default"].useEffect(function () {
|
|
90
68
|
var handleResize = function handleResize() {
|
|
91
69
|
var isMobile = window.innerWidth <= MOBILE_RESOLUTION;
|
|
92
70
|
var value = isMobile ? NeighbourCount.MOBILE : NeighbourCount.MAIN;
|
|
93
71
|
setNeighbourCount(value);
|
|
94
72
|
};
|
|
95
|
-
|
|
96
73
|
handleResize();
|
|
97
74
|
var handleResizeThrottled = (0, _lodash["default"])(handleResize, _throttleTime["default"].resize);
|
|
98
75
|
window.addEventListener('resize', handleResizeThrottled);
|
|
@@ -100,9 +77,6 @@ var usePagination = function usePagination(totalPages, activePage) {
|
|
|
100
77
|
window.removeEventListener('resize', handleResizeThrottled);
|
|
101
78
|
};
|
|
102
79
|
}, []);
|
|
103
|
-
|
|
104
80
|
return paginationItems;
|
|
105
81
|
};
|
|
106
|
-
|
|
107
|
-
var _default = usePagination;
|
|
108
|
-
exports["default"] = _default;
|
|
82
|
+
var _default = exports["default"] = usePagination;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import './Paragraph.
|
|
2
|
+
import './Paragraph.scss';
|
|
3
3
|
declare const COLORS: {
|
|
4
4
|
readonly INHERIT: "inherit";
|
|
5
5
|
readonly DEFAULT: "default";
|
|
@@ -8,7 +8,7 @@ declare const COLORS: {
|
|
|
8
8
|
readonly GREEN: "green";
|
|
9
9
|
readonly PURPLE: "purple";
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
type ColorType = (typeof COLORS)[keyof typeof COLORS];
|
|
12
12
|
export interface IParagraphProps {
|
|
13
13
|
/** Выравнивание по горизонтали */
|
|
14
14
|
align?: 'left' | 'center' | 'right';
|
|
@@ -24,6 +24,8 @@ export interface IParagraphProps {
|
|
|
24
24
|
dataAttrs?: {
|
|
25
25
|
root?: Record<string, string>;
|
|
26
26
|
};
|
|
27
|
+
/** Дочерний элемент компонента */
|
|
28
|
+
children: React.ReactNode;
|
|
27
29
|
}
|
|
28
30
|
declare const Paragraph: React.FC<IParagraphProps>;
|
|
29
31
|
export default Paragraph;
|
|
@@ -1,28 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
4
|
-
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
require("core-js/modules/es.object.values.js");
|
|
13
|
-
|
|
14
9
|
var React = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
10
|
var _uiHelpers = require("@megafon/ui-helpers");
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
24
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
14
|
var COLORS = {
|
|
27
15
|
INHERIT: 'inherit',
|
|
28
16
|
DEFAULT: 'default',
|
|
@@ -32,18 +20,17 @@ var COLORS = {
|
|
|
32
20
|
PURPLE: 'purple'
|
|
33
21
|
};
|
|
34
22
|
var cn = (0, _uiHelpers.cnCreate)('mfui-paragraph');
|
|
35
|
-
|
|
36
23
|
var Paragraph = function Paragraph(_ref) {
|
|
37
24
|
var align = _ref.align,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
25
|
+
_ref$color = _ref.color,
|
|
26
|
+
color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
27
|
+
_ref$space = _ref.space,
|
|
28
|
+
space = _ref$space === void 0 ? 'wide' : _ref$space,
|
|
29
|
+
className = _ref.className,
|
|
30
|
+
_ref$hasMargin = _ref.hasMargin,
|
|
31
|
+
hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,
|
|
32
|
+
dataAttrs = _ref.dataAttrs,
|
|
33
|
+
children = _ref.children;
|
|
47
34
|
return /*#__PURE__*/React.createElement("p", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
48
35
|
className: cn({
|
|
49
36
|
align: align,
|
|
@@ -53,15 +40,4 @@ var Paragraph = function Paragraph(_ref) {
|
|
|
53
40
|
}, className)
|
|
54
41
|
}), children);
|
|
55
42
|
};
|
|
56
|
-
|
|
57
|
-
Paragraph.propTypes = {
|
|
58
|
-
dataAttrs: PropTypes.shape({
|
|
59
|
-
root: PropTypes.objectOf(PropTypes.string.isRequired)
|
|
60
|
-
}),
|
|
61
|
-
align: PropTypes.oneOf(['left', 'center', 'right']),
|
|
62
|
-
space: PropTypes.oneOf(['wide', 'tight']),
|
|
63
|
-
hasMargin: PropTypes.bool,
|
|
64
|
-
color: PropTypes.oneOf(Object.values(COLORS))
|
|
65
|
-
};
|
|
66
|
-
var _default = Paragraph;
|
|
67
|
-
exports["default"] = _default;
|
|
43
|
+
var _default = exports["default"] = Paragraph;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import './Preloader.
|
|
2
|
+
import './Preloader.scss';
|
|
3
3
|
export declare const PreloaderColors: {
|
|
4
4
|
readonly DEFAULT: "default";
|
|
5
5
|
readonly WHITE: "white";
|
|
6
6
|
readonly BLACK: "black";
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type PreloaderColorsType = (typeof PreloaderColors)[keyof typeof PreloaderColors];
|
|
9
9
|
export declare const PreloaderSizes: {
|
|
10
10
|
readonly SMALL: "small";
|
|
11
11
|
readonly MEDIUM: "medium";
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type PreloaderSizesType = (typeof PreloaderSizes)[keyof typeof PreloaderSizes];
|
|
14
14
|
export interface IPreloaderProps {
|
|
15
15
|
/** Задержка отрисовки */
|
|
16
16
|
delay?: boolean;
|
|
@@ -1,71 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
4
|
-
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = exports.PreloaderSizes = exports.PreloaderColors = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
require("core-js/modules/web.timers.js");
|
|
15
|
-
|
|
16
|
-
require("core-js/modules/es.object.values.js");
|
|
17
|
-
|
|
18
11
|
var React = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
12
|
var _uiHelpers = require("@megafon/ui-helpers");
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
28
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
-
|
|
30
|
-
var PreloaderColors = {
|
|
16
|
+
var PreloaderColors = exports.PreloaderColors = {
|
|
31
17
|
DEFAULT: 'default',
|
|
32
18
|
WHITE: 'white',
|
|
33
19
|
BLACK: 'black'
|
|
34
20
|
};
|
|
35
|
-
exports.
|
|
36
|
-
var PreloaderSizes = {
|
|
21
|
+
var PreloaderSizes = exports.PreloaderSizes = {
|
|
37
22
|
SMALL: 'small',
|
|
38
23
|
MEDIUM: 'medium'
|
|
39
24
|
};
|
|
40
|
-
exports.PreloaderSizes = PreloaderSizes;
|
|
41
25
|
var cn = (0, _uiHelpers.cnCreate)('mfui-preloader');
|
|
42
|
-
|
|
43
26
|
var Preloader = function Preloader(_ref) {
|
|
44
27
|
var _ref$color = _ref.color,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
28
|
+
color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
29
|
+
_ref$sizeAll = _ref.sizeAll,
|
|
30
|
+
sizeAll = _ref$sizeAll === void 0 ? 'medium' : _ref$sizeAll,
|
|
31
|
+
_ref$delay = _ref.delay,
|
|
32
|
+
delay = _ref$delay === void 0 ? true : _ref$delay,
|
|
33
|
+
_ref$disableAnimate = _ref.disableAnimate,
|
|
34
|
+
disableAnimate = _ref$disableAnimate === void 0 ? false : _ref$disableAnimate,
|
|
35
|
+
sizeWide = _ref.sizeWide,
|
|
36
|
+
sizeDesktop = _ref.sizeDesktop,
|
|
37
|
+
sizeTablet = _ref.sizeTablet,
|
|
38
|
+
sizeMobile = _ref.sizeMobile,
|
|
39
|
+
className = _ref.className,
|
|
40
|
+
dataAttrs = _ref.dataAttrs;
|
|
59
41
|
var _React$useState = React.useState(!delay),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
42
|
+
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
43
|
+
isShowed = _React$useState2[0],
|
|
44
|
+
setIsShowed = _React$useState2[1];
|
|
64
45
|
React.useEffect(function () {
|
|
65
46
|
if (isShowed) {
|
|
66
47
|
return undefined;
|
|
67
48
|
}
|
|
68
|
-
|
|
69
49
|
var timerId = setTimeout(function () {
|
|
70
50
|
setIsShowed(true);
|
|
71
51
|
}, 250);
|
|
@@ -97,19 +77,4 @@ var Preloader = function Preloader(_ref) {
|
|
|
97
77
|
})
|
|
98
78
|
})) : null;
|
|
99
79
|
};
|
|
100
|
-
|
|
101
|
-
Preloader.propTypes = {
|
|
102
|
-
color: PropTypes.oneOf(Object.values(PreloaderColors)),
|
|
103
|
-
sizeAll: PropTypes.oneOf(Object.values(PreloaderSizes)),
|
|
104
|
-
sizeWide: PropTypes.oneOf(Object.values(PreloaderSizes)),
|
|
105
|
-
sizeDesktop: PropTypes.oneOf(Object.values(PreloaderSizes)),
|
|
106
|
-
sizeTablet: PropTypes.oneOf(Object.values(PreloaderSizes)),
|
|
107
|
-
sizeMobile: PropTypes.oneOf(Object.values(PreloaderSizes)),
|
|
108
|
-
disableAnimate: PropTypes.bool,
|
|
109
|
-
className: PropTypes.string,
|
|
110
|
-
dataAttrs: PropTypes.shape({
|
|
111
|
-
root: PropTypes.objectOf(PropTypes.string.isRequired)
|
|
112
|
-
})
|
|
113
|
-
};
|
|
114
|
-
var _default = Preloader;
|
|
115
|
-
exports["default"] = _default;
|
|
80
|
+
var _default = exports["default"] = Preloader;
|