@megafon/ui-shared 6.4.0 → 7.0.0
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/components/AccordionBox/AccordionBox.css +1 -15
- package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
- package/dist/es/components/AccordionBox/AccordionBox.js +6 -49
- package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
- package/dist/es/components/AudioPlayer/AudioPlayer.js +11 -27
- package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioProgress.js +10 -22
- package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioRange.js +8 -10
- package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioVolume.js +3 -12
- package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +4 -10
- package/dist/es/components/AudioPlayer/style/AudioPlayer.css +1 -58
- package/dist/es/components/AudioPlayer/style/AudioProgress.css +1 -35
- package/dist/es/components/AudioPlayer/style/AudioRange.css +1 -68
- package/dist/es/components/AudioPlayer/style/AudioVolume.css +1 -34
- package/dist/es/components/AudioPlayer/timerFormatUtil.js +1 -9
- package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
- package/dist/es/components/BannerBox/BannerBox.js +3 -12
- package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIcons.js +23 -64
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +9 -36
- package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
- package/dist/es/components/BenefitsIcons/helpers.js +6 -20
- package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
- package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
- package/dist/es/components/BenefitsIcons/types.d.ts +5 -6
- package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
- package/dist/es/components/BenefitsPictures/BenefitsPictures.js +19 -49
- package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -43
- package/dist/es/components/BenefitsPictures/helpers.js +0 -14
- package/dist/es/components/BenefitsPictures/types.d.ts +3 -4
- package/dist/es/components/BenefitsPictures/types.js +1 -0
- package/dist/es/components/BlogBox/BlogBox.css +1 -92
- package/dist/es/components/BlogBox/BlogBox.d.ts +2 -2
- package/dist/es/components/BlogBox/BlogBox.js +10 -44
- package/dist/es/components/BlogBox/components/BlogBoxTile.css +1 -197
- package/dist/es/components/BlogBox/components/BlogBoxTile.d.ts +4 -4
- package/dist/es/components/BlogBox/components/BlogBoxTile.js +13 -20
- package/dist/es/components/BlogBox/types.d.ts +5 -5
- package/dist/es/components/BlogBox/types.js +1 -0
- package/dist/es/components/Breadcrumbs/Breadcrumbs.css +1 -43
- package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/es/components/Breadcrumbs/Breadcrumbs.js +10 -39
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +11 -36
- package/dist/es/components/ButtonBanner/ButtonBanner.css +1 -122
- package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
- package/dist/es/components/ButtonBanner/ButtonBanner.js +22 -53
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +20 -51
- package/dist/es/components/Card/Card.css +1 -354
- package/dist/es/components/Card/Card.d.ts +4 -4
- package/dist/es/components/Card/Card.js +25 -115
- package/dist/es/components/Card/types.d.ts +10 -11
- package/dist/es/components/Card/types.js +1 -0
- package/dist/es/components/CardsBox/CardsBox.js +3 -14
- package/dist/es/components/CardsBox/helpers.d.ts +2 -2
- package/dist/es/components/CardsBox/helpers.js +0 -4
- package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
- package/dist/es/components/CarouselBox/CarouselBox.js +11 -24
- package/dist/es/components/Container/Container.css +1 -4178
- package/dist/es/components/Container/Container.d.ts +7 -5
- package/dist/es/components/Container/Container.js +10 -25
- package/dist/es/components/DownloadLinks/DownloadLink.css +1 -37
- package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
- package/dist/es/components/DownloadLinks/DownloadLink.js +13 -44
- package/dist/es/components/DownloadLinks/DownloadLinks.css +1 -36
- package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
- package/dist/es/components/DownloadLinks/DownloadLinks.js +2 -13
- package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +5 -2
- package/dist/es/components/FaqWrapper/FaqWrapper.js +1 -3
- package/dist/es/components/ImageBanner/ImageBanner.css +1 -252
- package/dist/es/components/ImageBanner/ImageBanner.d.ts +8 -7
- package/dist/es/components/ImageBanner/ImageBanner.js +37 -88
- package/dist/es/components/InfoCards/InfoCards.css +1 -75
- package/dist/es/components/InfoCards/InfoCards.d.ts +1 -1
- package/dist/es/components/InfoCards/InfoCards.js +10 -37
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +1 -237
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.d.ts +1 -1
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +17 -46
- package/dist/es/components/InfoCards/types.js +1 -0
- package/dist/es/components/Instructions/Instructions.css +1 -827
- package/dist/es/components/Instructions/Instructions.d.ts +11 -11
- package/dist/es/components/Instructions/Instructions.js +56 -96
- package/dist/es/components/NotificationBox/NotificationBox.css +1 -0
- package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
- package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
- package/dist/es/components/PageTitle/PageTitle.css +1 -80
- package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
- package/dist/es/components/PageTitle/PageTitle.js +12 -37
- package/dist/es/components/Partners/Partners.css +1 -53
- package/dist/es/components/Partners/Partners.d.ts +2 -2
- package/dist/es/components/Partners/Partners.js +17 -48
- package/dist/es/components/PictureWithDescription/PictureWithDescription.css +1 -80
- package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
- package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
- package/dist/es/components/Property/Property.css +1 -156
- package/dist/es/components/Property/Property.d.ts +4 -4
- package/dist/es/components/Property/Property.js +37 -81
- package/dist/es/components/Property/PropertyDescription.css +1 -17
- package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
- package/dist/es/components/Property/PropertyDescription.js +8 -28
- package/dist/es/components/Property/types.d.ts +7 -5
- package/dist/es/components/Property/types.js +1 -0
- package/dist/es/components/SidePictureCards/SidePictureCards.d.ts +1 -1
- package/dist/es/components/SidePictureCards/SidePictureCards.js +8 -41
- package/dist/es/components/SidePictureCards/components/SidePictureCard.css +1 -183
- package/dist/es/components/SidePictureCards/components/SidePictureCard.d.ts +2 -2
- package/dist/es/components/SidePictureCards/components/SidePictureCard.js +21 -23
- package/dist/es/components/SidePictureCards/types.d.ts +8 -8
- package/dist/es/components/SidePictureCards/types.js +1 -0
- package/dist/es/components/Steps/Steps.css +1 -41
- package/dist/es/components/Steps/Steps.d.ts +2 -1
- package/dist/es/components/Steps/Steps.js +4 -19
- package/dist/es/components/Steps/StepsItem.css +1 -42
- package/dist/es/components/Steps/StepsItem.d.ts +2 -2
- package/dist/es/components/Steps/StepsItem.js +2 -9
- package/dist/es/components/StoreBanner/StoreBanner.css +1 -346
- package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
- package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
- package/dist/es/components/StoreButton/StoreButton.css +1 -327
- package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
- package/dist/es/components/StoreButton/StoreButton.js +13 -44
- package/dist/es/components/Table/Table.css +1 -157
- package/dist/es/components/Table/Table.d.ts +1 -1
- package/dist/es/components/Table/Table.js +31 -51
- package/dist/es/components/Table/TableCell.js +0 -6
- package/dist/es/components/Table/TableRow.js +1 -10
- package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
- package/dist/es/components/TabsBox/TabsBox.js +4 -13
- package/dist/es/components/TextBox/TextBox.css +1 -25
- package/dist/es/components/TextBox/TextBox.d.ts +2 -1
- package/dist/es/components/TextBox/TextBox.js +8 -23
- package/dist/es/components/TextBox/TextBoxPicture.css +1 -27
- package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
- package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
- package/dist/es/components/TextWithIcon/TextWithIcon.css +1 -10
- package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
- package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
- package/dist/es/components/TextWithIcon/TextWithIconItem.css +1 -38
- package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
- package/dist/es/components/TextWithIcon/TextWithIconItem.js +8 -24
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
- package/dist/es/components/VideoBanner/VideoBanner.css +1 -225
- package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
- package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
- package/dist/es/components/VideoBlock/VideoBlock.css +1 -106
- package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
- package/dist/es/components/VideoBlock/VideoBlock.js +37 -77
- package/dist/es/helpers/getColumnConfig.d.ts +5 -1
- package/dist/es/helpers/setRelAttribute.d.ts +3 -1
- package/dist/es/helpers/setRelAttribute.js +0 -2
- package/dist/es/hooks/useResolutions.d.ts +1 -1
- package/dist/es/hooks/useResolutions.js +13 -21
- package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
- package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
- package/dist/lib/components/AccordionBox/AccordionBox.js +11 -67
- package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
- package/dist/lib/components/AudioPlayer/AudioPlayer.js +33 -57
- package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioProgress.js +13 -44
- package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioRange.js +10 -18
- package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioVolume.js +5 -24
- package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +6 -17
- package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +1 -58
- package/dist/lib/components/AudioPlayer/style/AudioProgress.css +1 -35
- package/dist/lib/components/AudioPlayer/style/AudioRange.css +1 -68
- package/dist/lib/components/AudioPlayer/style/AudioVolume.css +1 -34
- package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
- package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
- package/dist/lib/components/BannerBox/BannerBox.js +7 -25
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +27 -87
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +14 -54
- package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
- package/dist/lib/components/BenefitsIcons/helpers.js +11 -38
- package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
- package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
- package/dist/lib/components/BenefitsIcons/types.d.ts +5 -6
- package/dist/lib/components/BenefitsIcons/types.js +5 -8
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +25 -72
- package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
- package/dist/lib/components/BenefitsPictures/helpers.js +10 -41
- package/dist/lib/components/BenefitsPictures/types.d.ts +3 -4
- package/dist/lib/components/BenefitsPictures/types.js +5 -1
- package/dist/lib/components/BlogBox/BlogBox.css +1 -92
- package/dist/lib/components/BlogBox/BlogBox.d.ts +2 -2
- package/dist/lib/components/BlogBox/BlogBox.js +21 -65
- package/dist/lib/components/BlogBox/components/BlogBoxTile.css +1 -197
- package/dist/lib/components/BlogBox/components/BlogBoxTile.d.ts +4 -4
- package/dist/lib/components/BlogBox/components/BlogBoxTile.js +27 -38
- package/dist/lib/components/BlogBox/types.d.ts +5 -5
- package/dist/lib/components/BlogBox/types.js +5 -1
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +19 -61
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +23 -56
- package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
- package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
- package/dist/lib/components/ButtonBanner/ButtonBanner.js +41 -90
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +30 -73
- package/dist/lib/components/Card/Card.css +1 -354
- package/dist/lib/components/Card/Card.d.ts +4 -4
- package/dist/lib/components/Card/Card.js +68 -165
- package/dist/lib/components/Card/types.d.ts +10 -11
- package/dist/lib/components/Card/types.js +5 -1
- package/dist/lib/components/CardsBox/CardsBox.js +8 -32
- package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
- package/dist/lib/components/CardsBox/helpers.js +2 -9
- package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
- package/dist/lib/components/CarouselBox/CarouselBox.js +16 -40
- package/dist/lib/components/Container/Container.css +1 -4178
- package/dist/lib/components/Container/Container.d.ts +7 -5
- package/dist/lib/components/Container/Container.js +18 -40
- package/dist/lib/components/DownloadLinks/DownloadLink.css +1 -37
- package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
- package/dist/lib/components/DownloadLinks/DownloadLink.js +18 -61
- package/dist/lib/components/DownloadLinks/DownloadLinks.css +1 -36
- package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
- package/dist/lib/components/DownloadLinks/DownloadLinks.js +9 -34
- package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
- package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
- package/dist/lib/components/ImageBanner/ImageBanner.css +1 -252
- package/dist/lib/components/ImageBanner/ImageBanner.d.ts +8 -7
- package/dist/lib/components/ImageBanner/ImageBanner.js +62 -139
- package/dist/lib/components/InfoCards/InfoCards.css +1 -75
- package/dist/lib/components/InfoCards/InfoCards.d.ts +1 -1
- package/dist/lib/components/InfoCards/InfoCards.js +15 -55
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +1 -237
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.d.ts +1 -1
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +22 -63
- package/dist/lib/components/InfoCards/types.js +5 -1
- package/dist/lib/components/Instructions/Instructions.css +1 -827
- package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
- package/dist/lib/components/Instructions/Instructions.js +121 -191
- package/dist/lib/components/NotificationBox/NotificationBox.css +1 -0
- package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
- package/dist/lib/components/NotificationBox/NotificationBox.js +10 -38
- package/dist/lib/components/PageTitle/PageTitle.css +1 -80
- package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
- package/dist/lib/components/PageTitle/PageTitle.js +16 -53
- package/dist/lib/components/Partners/Partners.css +1 -53
- package/dist/lib/components/Partners/Partners.d.ts +2 -2
- package/dist/lib/components/Partners/Partners.js +22 -66
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +1 -80
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
- package/dist/lib/components/Property/Property.css +1 -156
- package/dist/lib/components/Property/Property.d.ts +4 -4
- package/dist/lib/components/Property/Property.js +61 -121
- package/dist/lib/components/Property/PropertyDescription.css +1 -17
- package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
- package/dist/lib/components/Property/PropertyDescription.js +16 -47
- package/dist/lib/components/Property/types.d.ts +7 -5
- package/dist/lib/components/Property/types.js +5 -1
- package/dist/lib/components/SidePictureCards/SidePictureCards.d.ts +1 -1
- package/dist/lib/components/SidePictureCards/SidePictureCards.js +17 -58
- package/dist/lib/components/SidePictureCards/components/SidePictureCard.css +1 -183
- package/dist/lib/components/SidePictureCards/components/SidePictureCard.d.ts +2 -2
- package/dist/lib/components/SidePictureCards/components/SidePictureCard.js +23 -36
- package/dist/lib/components/SidePictureCards/types.d.ts +8 -8
- package/dist/lib/components/SidePictureCards/types.js +5 -1
- package/dist/lib/components/Steps/Steps.css +1 -41
- package/dist/lib/components/Steps/Steps.d.ts +2 -1
- package/dist/lib/components/Steps/Steps.js +8 -35
- package/dist/lib/components/Steps/StepsItem.css +1 -42
- package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
- package/dist/lib/components/Steps/StepsItem.js +11 -23
- package/dist/lib/components/StoreBanner/StoreBanner.css +1 -346
- package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
- package/dist/lib/components/StoreBanner/StoreBanner.js +48 -119
- package/dist/lib/components/StoreButton/StoreButton.css +1 -327
- package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
- package/dist/lib/components/StoreButton/StoreButton.js +18 -64
- package/dist/lib/components/Table/Table.css +1 -157
- package/dist/lib/components/Table/Table.d.ts +1 -1
- package/dist/lib/components/Table/Table.js +36 -69
- package/dist/lib/components/Table/TableCell.js +4 -16
- package/dist/lib/components/Table/TableRow.js +5 -19
- package/dist/lib/components/TabsBox/TabBox.js +1 -4
- package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
- package/dist/lib/components/TabsBox/TabsBox.js +8 -26
- package/dist/lib/components/TextBox/TextBox.css +1 -25
- package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
- package/dist/lib/components/TextBox/TextBox.js +12 -36
- package/dist/lib/components/TextBox/TextBoxPicture.css +1 -27
- package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
- package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
- package/dist/lib/components/TextWithIcon/TextWithIcon.css +1 -10
- package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
- package/dist/lib/components/TextWithIcon/TextWithIcon.js +11 -40
- package/dist/lib/components/TextWithIcon/TextWithIconItem.css +1 -38
- package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
- package/dist/lib/components/TextWithIcon/TextWithIconItem.js +13 -41
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +11 -41
- package/dist/lib/components/VideoBanner/VideoBanner.css +1 -225
- package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
- package/dist/lib/components/VideoBanner/VideoBanner.js +84 -177
- package/dist/lib/components/VideoBlock/VideoBlock.css +1 -106
- package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
- package/dist/lib/components/VideoBlock/VideoBlock.js +59 -115
- package/dist/lib/constants/throttleTime.js +2 -3
- package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
- package/dist/lib/helpers/getColumnConfig.js +2 -5
- package/dist/lib/helpers/setRelAttribute.d.ts +3 -1
- package/dist/lib/helpers/setRelAttribute.js +2 -7
- package/dist/lib/hooks/useResolutions.d.ts +1 -1
- package/dist/lib/hooks/useResolutions.js +15 -31
- package/dist/lib/index.js +11 -64
- package/package.json +87 -92
- package/CHANGELOG.md +0 -4104
- package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
- package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
- package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
- package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
- package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
- package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
- package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
- package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
@@ -1,79 +1,56 @@
|
|
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.ONLY_LEFT_ALIGN_ITEMS_COUNT = 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/es.array.map.js");
|
15
|
-
|
16
11
|
var React = _interopRequireWildcard(require("react"));
|
17
|
-
|
18
12
|
var _uiCore = require("@megafon/ui-core");
|
19
|
-
|
20
13
|
var _uiHelpers = require("@megafon/ui-helpers");
|
21
|
-
|
22
14
|
var _htmr = _interopRequireDefault(require("htmr"));
|
23
|
-
|
24
15
|
var _lodash = _interopRequireDefault(require("lodash.throttle"));
|
25
|
-
|
26
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
27
|
-
|
28
16
|
var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
|
29
|
-
|
30
17
|
var _helpers = _interopRequireWildcard(require("./helpers"));
|
31
|
-
|
32
|
-
function
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
37
|
-
|
38
|
-
var ONLY_LEFT_ALIGN_ITEMS_COUNT = 3;
|
39
|
-
exports.ONLY_LEFT_ALIGN_ITEMS_COUNT = ONLY_LEFT_ALIGN_ITEMS_COUNT;
|
18
|
+
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); }
|
19
|
+
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 && {}.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; }
|
20
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
21
|
+
var ONLY_LEFT_ALIGN_ITEMS_COUNT = exports.ONLY_LEFT_ALIGN_ITEMS_COUNT = 3;
|
40
22
|
var testIdPrefix = 'BenefitsPictures';
|
41
23
|
var cn = (0, _uiHelpers.cnCreate)('mfui-benefits-pictures');
|
42
|
-
|
43
24
|
var BenefitsPictures = function BenefitsPictures(_ref) {
|
44
25
|
var items = _ref.items,
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
26
|
+
_ref$align = _ref.align,
|
27
|
+
align = _ref$align === void 0 ? 'left' : _ref$align,
|
28
|
+
_ref$textAlign = _ref.textAlign,
|
29
|
+
textAlign = _ref$textAlign === void 0 ? 'auto' : _ref$textAlign,
|
30
|
+
_ref$imgAlign = _ref.imgAlign,
|
31
|
+
imgAlign = _ref$imgAlign === void 0 ? 'auto' : _ref$imgAlign,
|
32
|
+
_ref$gridGap = _ref.gridGap,
|
33
|
+
gridGap = _ref$gridGap === void 0 ? 'large' : _ref$gridGap,
|
34
|
+
rootRef = _ref.rootRef,
|
35
|
+
className = _ref.className,
|
36
|
+
_ref$classes = _ref.classes,
|
37
|
+
classes = _ref$classes === void 0 ? {} : _ref$classes;
|
57
38
|
var isLargeGutter = gridGap === 'large';
|
58
39
|
var isGridCenterAlign = align === 'center' && items.length !== ONLY_LEFT_ALIGN_ITEMS_COUNT;
|
59
|
-
|
60
40
|
var _React$useState = React.useState(gridGap),
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
var resizeHandler = (0, React.useCallback)(function () {
|
41
|
+
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
42
|
+
currentGutter = _React$useState2[0],
|
43
|
+
setCurrentGutter = _React$useState2[1];
|
44
|
+
var resizeHandler = React.useCallback(function () {
|
66
45
|
if (!isLargeGutter) {
|
67
46
|
return;
|
68
47
|
}
|
69
|
-
|
70
48
|
if (window.innerWidth < _uiHelpers.breakpoints.DESKTOP_MIDDLE_START) {
|
71
49
|
setCurrentGutter('medium');
|
72
50
|
} else {
|
73
51
|
setCurrentGutter('large');
|
74
52
|
}
|
75
53
|
}, [isLargeGutter]);
|
76
|
-
|
77
54
|
var renderText = function renderText(text) {
|
78
55
|
if (typeof text === 'string') {
|
79
56
|
return /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
|
@@ -84,10 +61,8 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
|
|
84
61
|
}
|
85
62
|
}, (0, _htmr["default"])(text));
|
86
63
|
}
|
87
|
-
|
88
64
|
return text;
|
89
65
|
};
|
90
|
-
|
91
66
|
React.useEffect(function () {
|
92
67
|
var throttledResizeHandler = (0, _lodash["default"])(resizeHandler, _throttleTime["default"].resize);
|
93
68
|
resizeHandler();
|
@@ -111,9 +86,9 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
|
|
111
86
|
}
|
112
87
|
}, items.map(function (_ref2, index) {
|
113
88
|
var img = _ref2.img,
|
114
|
-
|
115
|
-
|
116
|
-
|
89
|
+
title = _ref2.title,
|
90
|
+
text = _ref2.text,
|
91
|
+
alt = _ref2.alt;
|
117
92
|
return /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _extends2["default"])({}, align === 'left' ? (0, _helpers.getLeftConfig)(items.length, index) : (0, _helpers["default"])(items.length, index, gridGap), {
|
118
93
|
key: index
|
119
94
|
}), /*#__PURE__*/React.createElement("div", {
|
@@ -142,26 +117,4 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
|
|
142
117
|
}, (0, _htmr["default"])(title)), !!text && renderText(text))));
|
143
118
|
}))));
|
144
119
|
};
|
145
|
-
|
146
|
-
BenefitsPictures.propTypes = {
|
147
|
-
rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
|
148
|
-
current: _propTypes["default"].elementType
|
149
|
-
}), _propTypes["default"].any])]),
|
150
|
-
items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
151
|
-
title: _propTypes["default"].string,
|
152
|
-
text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
|
153
|
-
img: _propTypes["default"].string.isRequired,
|
154
|
-
alt: _propTypes["default"].string
|
155
|
-
}).isRequired).isRequired,
|
156
|
-
align: _propTypes["default"].oneOf(['left', 'center']),
|
157
|
-
textAlign: _propTypes["default"].oneOf(['left', 'center', 'auto']),
|
158
|
-
imgAlign: _propTypes["default"].oneOf(['left', 'center', 'auto']),
|
159
|
-
gridGap: _propTypes["default"].oneOf(['medium', 'large']),
|
160
|
-
className: _propTypes["default"].string,
|
161
|
-
classes: _propTypes["default"].shape({
|
162
|
-
root: _propTypes["default"].string,
|
163
|
-
item: _propTypes["default"].string
|
164
|
-
})
|
165
|
-
};
|
166
|
-
var _default = BenefitsPictures;
|
167
|
-
exports["default"] = _default;
|
120
|
+
var _default = exports["default"] = BenefitsPictures;
|
@@ -1,43 +1 @@
|
|
1
|
-
h1,
|
2
|
-
h2,
|
3
|
-
h3,
|
4
|
-
h4,
|
5
|
-
h5 {
|
6
|
-
margin: 0;
|
7
|
-
}
|
8
|
-
.mfui-benefits-pictures {
|
9
|
-
overflow: hidden;
|
10
|
-
}
|
11
|
-
.mfui-benefits-pictures__inner {
|
12
|
-
margin-bottom: -40px;
|
13
|
-
}
|
14
|
-
@media screen and (min-width: 768px) {
|
15
|
-
.mfui-benefits-pictures__inner {
|
16
|
-
margin-bottom: -48px;
|
17
|
-
}
|
18
|
-
}
|
19
|
-
.mfui-benefits-pictures__item {
|
20
|
-
margin-bottom: 40px;
|
21
|
-
}
|
22
|
-
@media screen and (min-width: 768px) {
|
23
|
-
.mfui-benefits-pictures__item {
|
24
|
-
margin-bottom: 48px;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
.mfui-benefits-pictures__content_h-align_center {
|
28
|
-
text-align: center;
|
29
|
-
}
|
30
|
-
.mfui-benefits-pictures__img {
|
31
|
-
max-width: 100%;
|
32
|
-
margin-bottom: 32px;
|
33
|
-
border-radius: 12px;
|
34
|
-
vertical-align: top;
|
35
|
-
}
|
36
|
-
.mfui-benefits-pictures__img_h-align_center {
|
37
|
-
display: block;
|
38
|
-
margin-right: auto;
|
39
|
-
margin-left: auto;
|
40
|
-
}
|
41
|
-
.mfui-benefits-pictures__title {
|
42
|
-
margin-bottom: 12px;
|
43
|
-
}
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-benefits-pictures{overflow:hidden}.mfui-benefits-pictures__inner{margin-bottom:-40px}@media screen and (min-width:768px){.mfui-benefits-pictures__inner{margin-bottom:-48px}}.mfui-benefits-pictures__item{margin-bottom:40px}@media screen and (min-width:768px){.mfui-benefits-pictures__item{margin-bottom:48px}}.mfui-benefits-pictures__content_h-align_center{text-align:center}.mfui-benefits-pictures__img{border-radius:12px;margin-bottom:32px;max-width:100%;vertical-align:top}.mfui-benefits-pictures__img_h-align_center{display:block;margin-left:auto;margin-right:auto}.mfui-benefits-pictures__title{margin-bottom:12px}
|
@@ -3,38 +3,24 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
7
|
-
|
6
|
+
exports.isOddIndex = exports.getOddOffset = exports.getLeftConfig = exports.getEvenOffset = exports.getCenterMediumConfig = exports.getCenterLargeConfig = exports["default"] = exports.columnSize = void 0;
|
8
7
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
var columnSize = {
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
9
|
+
var columnSize = exports.columnSize = {
|
13
10
|
wide: '4',
|
14
11
|
desktop: '4',
|
15
12
|
tablet: '5'
|
16
13
|
};
|
17
|
-
exports.
|
18
|
-
|
19
|
-
var isOddIndex = function isOddIndex(index) {
|
14
|
+
var isOddIndex = exports.isOddIndex = function isOddIndex(index) {
|
20
15
|
return !((index + 1) % 2);
|
21
16
|
};
|
22
|
-
|
23
|
-
exports.isOddIndex = isOddIndex;
|
24
|
-
|
25
|
-
var getEvenOffset = function getEvenOffset(index) {
|
17
|
+
var getEvenOffset = exports.getEvenOffset = function getEvenOffset(index) {
|
26
18
|
return isOddIndex(index) ? '1' : undefined;
|
27
19
|
};
|
28
|
-
|
29
|
-
exports.getEvenOffset = getEvenOffset;
|
30
|
-
|
31
|
-
var getOddOffset = function getOddOffset(index) {
|
20
|
+
var getOddOffset = exports.getOddOffset = function getOddOffset(index) {
|
32
21
|
return isOddIndex(index) ? undefined : '1';
|
33
22
|
};
|
34
|
-
|
35
|
-
exports.getOddOffset = getOddOffset;
|
36
|
-
|
37
|
-
var getLeftConfig = function getLeftConfig(count, index) {
|
23
|
+
var getLeftConfig = exports.getLeftConfig = function getLeftConfig(count, index) {
|
38
24
|
switch (count) {
|
39
25
|
case 2:
|
40
26
|
case 4:
|
@@ -43,23 +29,18 @@ var getLeftConfig = function getLeftConfig(count, index) {
|
|
43
29
|
leftOffsetDesktop: getEvenOffset(index),
|
44
30
|
leftOffsetTablet: getEvenOffset(index)
|
45
31
|
});
|
46
|
-
|
47
32
|
default:
|
48
33
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
49
34
|
leftOffsetTablet: getEvenOffset(index)
|
50
35
|
});
|
51
36
|
}
|
52
37
|
};
|
53
|
-
|
54
|
-
exports.getLeftConfig = getLeftConfig;
|
55
|
-
|
56
|
-
var getCenterMediumConfig = function getCenterMediumConfig(count, index) {
|
38
|
+
var getCenterMediumConfig = exports.getCenterMediumConfig = function getCenterMediumConfig(count, index) {
|
57
39
|
switch (count) {
|
58
40
|
case 3:
|
59
41
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
60
42
|
leftOffsetTablet: getOddOffset(index)
|
61
43
|
});
|
62
|
-
|
63
44
|
case 4:
|
64
45
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
65
46
|
rightOffsetWide: getOddOffset(index),
|
@@ -69,7 +50,6 @@ var getCenterMediumConfig = function getCenterMediumConfig(count, index) {
|
|
69
50
|
rightOffsetTablet: getEvenOffset(index),
|
70
51
|
leftOffsetTablet: getOddOffset(index)
|
71
52
|
});
|
72
|
-
|
73
53
|
default:
|
74
54
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
75
55
|
rightOffsetWide: getOddOffset(index),
|
@@ -77,10 +57,7 @@ var getCenterMediumConfig = function getCenterMediumConfig(count, index) {
|
|
77
57
|
});
|
78
58
|
}
|
79
59
|
};
|
80
|
-
|
81
|
-
exports.getCenterMediumConfig = getCenterMediumConfig;
|
82
|
-
|
83
|
-
var getCenterLargeConfig = function getCenterLargeConfig(count, index) {
|
60
|
+
var getCenterLargeConfig = exports.getCenterLargeConfig = function getCenterLargeConfig(count, index) {
|
84
61
|
switch (count) {
|
85
62
|
case 4:
|
86
63
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
@@ -91,32 +68,24 @@ var getCenterLargeConfig = function getCenterLargeConfig(count, index) {
|
|
91
68
|
leftOffsetTablet: getOddOffset(index),
|
92
69
|
rightOffsetTablet: getEvenOffset(index)
|
93
70
|
});
|
94
|
-
|
95
71
|
case 3:
|
96
72
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
97
73
|
leftOffsetTablet: getOddOffset(index)
|
98
74
|
});
|
99
|
-
|
100
75
|
default:
|
101
76
|
return (0, _extends2["default"])({}, columnSize);
|
102
77
|
}
|
103
78
|
};
|
104
|
-
|
105
|
-
exports.getCenterLargeConfig = getCenterLargeConfig;
|
106
|
-
|
107
79
|
var getCenterConfig = function getCenterConfig(count, index, gutterSize) {
|
108
80
|
switch (gutterSize) {
|
109
81
|
case 'medium':
|
110
82
|
{
|
111
83
|
return getCenterMediumConfig(count, index);
|
112
84
|
}
|
113
|
-
|
114
85
|
default:
|
115
86
|
{
|
116
87
|
return getCenterLargeConfig(count, index);
|
117
88
|
}
|
118
89
|
}
|
119
90
|
};
|
120
|
-
|
121
|
-
var _default = getCenterConfig;
|
122
|
-
exports["default"] = _default;
|
91
|
+
var _default = exports["default"] = getCenterConfig;
|
@@ -1,4 +1,3 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
export interface IBenefit {
|
3
2
|
/** Заголовок бенефита */
|
4
3
|
title?: string;
|
@@ -9,8 +8,8 @@ export interface IBenefit {
|
|
9
8
|
/** Значение тега alt для изображения */
|
10
9
|
alt?: string;
|
11
10
|
}
|
12
|
-
|
13
|
-
export
|
11
|
+
type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
|
12
|
+
export type GridConfig = {
|
14
13
|
wide?: TGridSizeValues;
|
15
14
|
desktop?: TGridSizeValues;
|
16
15
|
tablet?: TGridSizeValues;
|
@@ -21,5 +20,5 @@ export declare type GridConfig = {
|
|
21
20
|
rightOffsetTablet?: TGridSizeValues;
|
22
21
|
rightOffsetWide?: TGridSizeValues;
|
23
22
|
};
|
24
|
-
export
|
23
|
+
export type GridGutterSize = 'large' | 'medium';
|
25
24
|
export {};
|
@@ -1,92 +1 @@
|
|
1
|
-
h1,
|
2
|
-
h2,
|
3
|
-
h3,
|
4
|
-
h4,
|
5
|
-
h5 {
|
6
|
-
margin: 0;
|
7
|
-
}
|
8
|
-
.mfui-blog-box {
|
9
|
-
display: -webkit-box;
|
10
|
-
display: -ms-flexbox;
|
11
|
-
display: flex;
|
12
|
-
-webkit-box-orient: vertical;
|
13
|
-
-webkit-box-direction: normal;
|
14
|
-
-ms-flex-direction: column;
|
15
|
-
flex-direction: column;
|
16
|
-
-webkit-box-align: center;
|
17
|
-
-ms-flex-align: center;
|
18
|
-
align-items: center;
|
19
|
-
}
|
20
|
-
@media screen and (min-width: 1024px) {
|
21
|
-
.mfui-blog-box__list {
|
22
|
-
display: grid;
|
23
|
-
grid-template-columns: 1fr 1fr;
|
24
|
-
-webkit-column-gap: 20px;
|
25
|
-
-moz-column-gap: 20px;
|
26
|
-
column-gap: 20px;
|
27
|
-
row-gap: 24px;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
.mfui-blog-box__list_row {
|
31
|
-
grid-template-columns: repeat(6, 1fr);
|
32
|
-
}
|
33
|
-
.mfui-blog-box__list_row .mfui-blog-box__item {
|
34
|
-
grid-column-end: span 2;
|
35
|
-
}
|
36
|
-
.mfui-blog-box__list_row-size_1 .mfui-blog-box__item {
|
37
|
-
grid-column-start: 3;
|
38
|
-
}
|
39
|
-
.mfui-blog-box__list_row-size_2 .mfui-blog-box__item:first-child {
|
40
|
-
grid-column-start: 2;
|
41
|
-
}
|
42
|
-
.mfui-blog-box__item_view_thumbnail {
|
43
|
-
margin-top: 16px;
|
44
|
-
}
|
45
|
-
@media screen and (min-width: 1024px) {
|
46
|
-
.mfui-blog-box__item_view_thumbnail {
|
47
|
-
grid-column-start: 1;
|
48
|
-
grid-column-end: 2;
|
49
|
-
margin-top: 0;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
.mfui-blog-box__item_view_full {
|
53
|
-
margin-bottom: 24px;
|
54
|
-
}
|
55
|
-
@media screen and (min-width: 768px) and (max-width: 1023px) {
|
56
|
-
.mfui-blog-box__item_view_full {
|
57
|
-
margin-bottom: 32px;
|
58
|
-
}
|
59
|
-
}
|
60
|
-
@media screen and (min-width: 1024px) {
|
61
|
-
.mfui-blog-box__item_view_full {
|
62
|
-
grid-row-start: 1;
|
63
|
-
grid-row-end: 4;
|
64
|
-
grid-column-start: 2;
|
65
|
-
grid-column-end: 3;
|
66
|
-
margin-bottom: 0;
|
67
|
-
}
|
68
|
-
}
|
69
|
-
.mfui-blog-box__button-wrapper {
|
70
|
-
margin-top: 32px;
|
71
|
-
}
|
72
|
-
@media screen and (min-width: 768px) and (max-width: 1023px) {
|
73
|
-
.mfui-blog-box__button-wrapper {
|
74
|
-
margin-top: 40px;
|
75
|
-
}
|
76
|
-
}
|
77
|
-
@media screen and (min-width: 1024px) {
|
78
|
-
.mfui-blog-box__button-wrapper {
|
79
|
-
margin-top: 56px;
|
80
|
-
}
|
81
|
-
}
|
82
|
-
.mfui-blog-box__button {
|
83
|
-
min-width: 208px;
|
84
|
-
}
|
85
|
-
.mfui-blog-box_align-left {
|
86
|
-
-webkit-box-align: start;
|
87
|
-
-ms-flex-align: start;
|
88
|
-
align-items: flex-start;
|
89
|
-
}
|
90
|
-
.mfui-blog-box_align-left .mfui-blog-box__item:first-child {
|
91
|
-
grid-column-start: 1;
|
92
|
-
}
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-blog-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:1024px){.mfui-blog-box__list{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;row-gap:24px}}.mfui-blog-box__list_row{grid-template-columns:repeat(6,1fr)}.mfui-blog-box__list_row .mfui-blog-box__item{grid-column-end:span 2}.mfui-blog-box__list_row-size_1 .mfui-blog-box__item{grid-column-start:3}.mfui-blog-box__list_row-size_2 .mfui-blog-box__item:first-child{grid-column-start:2}.mfui-blog-box__item_view_thumbnail{margin-top:16px}@media screen and (min-width:1024px){.mfui-blog-box__item_view_thumbnail{grid-column-end:2;grid-column-start:1;margin-top:0}}.mfui-blog-box__item_view_full{margin-bottom:24px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box__item_view_full{margin-bottom:32px}}@media screen and (min-width:1024px){.mfui-blog-box__item_view_full{grid-column-end:3;grid-column-start:2;grid-row-end:4;grid-row-start:1;margin-bottom:0}}.mfui-blog-box__button-wrapper{margin-top:32px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box__button-wrapper{margin-top:40px}}@media screen and (min-width:1024px){.mfui-blog-box__button-wrapper{margin-top:56px}}.mfui-blog-box__button{min-width:208px}.mfui-blog-box_align-left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-blog-box_align-left .mfui-blog-box__item:first-child{grid-column-start:1}
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import React from 'react';
|
1
|
+
import * as React from 'react';
|
2
2
|
import { ButtonType, TileDataType } from './types';
|
3
|
-
import './BlogBox.
|
3
|
+
import './BlogBox.scss';
|
4
4
|
export interface IBlogBox {
|
5
5
|
/** Статьи (не более 4, остальные будут проигнорированы) */
|
6
6
|
items: TileDataType[];
|
@@ -1,86 +1,69 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
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); }
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
4
5
|
value: true
|
5
6
|
});
|
6
7
|
exports["default"] = void 0;
|
7
|
-
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
-
|
10
|
-
require("core-js/modules/es.array.slice.js");
|
11
|
-
|
12
|
-
require("core-js/modules/es.array.map.js");
|
13
|
-
|
14
9
|
require("core-js/modules/es.array.concat.js");
|
15
|
-
|
16
|
-
|
17
|
-
|
10
|
+
require("core-js/modules/es.array.map.js");
|
11
|
+
require("core-js/modules/es.array.slice.js");
|
12
|
+
var React = _interopRequireWildcard(require("react"));
|
18
13
|
var _uiCore = require("@megafon/ui-core");
|
19
|
-
|
20
14
|
var _uiHelpers = require("@megafon/ui-helpers");
|
21
|
-
|
22
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
23
|
-
|
24
15
|
var _useResolutions2 = _interopRequireDefault(require("../../hooks/useResolutions"));
|
25
|
-
|
26
16
|
var _BlogBoxTile = _interopRequireDefault(require("./components/BlogBoxTile"));
|
27
|
-
|
28
|
-
function
|
29
|
-
|
17
|
+
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); }
|
18
|
+
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 && {}.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; }
|
19
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
30
20
|
var maxItemsCount = 4;
|
31
21
|
var cn = (0, _uiHelpers.cnCreate)('mfui-blog-box');
|
32
|
-
|
33
22
|
var BlogBox = function BlogBox(_ref) {
|
34
23
|
var items = _ref.items,
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
24
|
+
button = _ref.button,
|
25
|
+
_ref$hasAlignLeft = _ref.hasAlignLeft,
|
26
|
+
hasAlignLeft = _ref$hasAlignLeft === void 0 ? false : _ref$hasAlignLeft,
|
27
|
+
className = _ref.className,
|
28
|
+
classes = _ref.classes,
|
29
|
+
dataAttrs = _ref.dataAttrs;
|
42
30
|
var _useResolutions = (0, _useResolutions2["default"])(),
|
43
|
-
|
44
|
-
|
31
|
+
isDesktop = _useResolutions.isDesktop;
|
45
32
|
var visibleItems = items.slice(0, maxItemsCount);
|
46
33
|
var itemsCount = visibleItems.length;
|
47
34
|
var isRow = isDesktop && itemsCount < maxItemsCount;
|
48
35
|
var isAlignLeft = isRow && hasAlignLeft;
|
49
|
-
|
50
36
|
var getView = function getView(isCompact, i) {
|
51
37
|
if (isCompact) {
|
52
38
|
return 'compact';
|
53
39
|
}
|
54
|
-
|
55
40
|
if (i === 0) {
|
56
41
|
return 'full';
|
57
42
|
}
|
58
|
-
|
59
43
|
return 'thumbnail';
|
60
44
|
};
|
61
|
-
|
62
|
-
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
45
|
+
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
63
46
|
className: cn({
|
64
47
|
'align-left': isAlignLeft
|
65
48
|
}, [className, classes === null || classes === void 0 ? void 0 : classes.root])
|
66
|
-
}), /*#__PURE__*/
|
49
|
+
}), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list), {
|
67
50
|
className: cn('list', {
|
68
51
|
row: isRow,
|
69
52
|
'row-size': isRow && "".concat(itemsCount)
|
70
53
|
})
|
71
54
|
}), visibleItems.map(function (item, i) {
|
72
55
|
var view = getView(isRow, i);
|
73
|
-
return /*#__PURE__*/
|
56
|
+
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
|
74
57
|
className: cn('item', {
|
75
58
|
view: view
|
76
59
|
}, [classes === null || classes === void 0 ? void 0 : classes.item]),
|
77
60
|
key: "".concat(item.title, "_").concat(i)
|
78
|
-
}), /*#__PURE__*/
|
61
|
+
}), /*#__PURE__*/React.createElement(_BlogBoxTile["default"], (0, _extends2["default"])({}, item, {
|
79
62
|
view: view
|
80
63
|
})));
|
81
|
-
})), (button === null || button === void 0 ? void 0 : button.title) && /*#__PURE__*/
|
64
|
+
})), (button === null || button === void 0 ? void 0 : button.title) && /*#__PURE__*/React.createElement("div", {
|
82
65
|
className: cn('button-wrapper')
|
83
|
-
}, /*#__PURE__*/
|
66
|
+
}, /*#__PURE__*/React.createElement(_uiCore.Button, {
|
84
67
|
dataAttrs: {
|
85
68
|
root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
|
86
69
|
},
|
@@ -90,31 +73,4 @@ var BlogBox = function BlogBox(_ref) {
|
|
90
73
|
rel: button.rel
|
91
74
|
}, button.title)));
|
92
75
|
};
|
93
|
-
|
94
|
-
BlogBox.propTypes = {
|
95
|
-
className: _propTypes["default"].string,
|
96
|
-
classes: _propTypes["default"].objectOf(_propTypes["default"].string),
|
97
|
-
dataAttrs: _propTypes["default"].objectOf(_propTypes["default"].object),
|
98
|
-
items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
99
|
-
date: _propTypes["default"].string.isRequired,
|
100
|
-
title: _propTypes["default"].string.isRequired,
|
101
|
-
image: _propTypes["default"].shape({
|
102
|
-
srcMobile: _propTypes["default"].string.isRequired,
|
103
|
-
srcDesktop: _propTypes["default"].string.isRequired,
|
104
|
-
srcThumbnail: _propTypes["default"].string.isRequired,
|
105
|
-
alt: _propTypes["default"].string
|
106
|
-
}).isRequired,
|
107
|
-
href: _propTypes["default"].string.isRequired,
|
108
|
-
target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
|
109
|
-
rel: _propTypes["default"].string
|
110
|
-
}).isRequired).isRequired,
|
111
|
-
button: _propTypes["default"].shape({
|
112
|
-
title: _propTypes["default"].string.isRequired,
|
113
|
-
href: _propTypes["default"].string.isRequired,
|
114
|
-
target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
|
115
|
-
rel: _propTypes["default"].string
|
116
|
-
}),
|
117
|
-
hasAlignLeft: _propTypes["default"].bool
|
118
|
-
};
|
119
|
-
var _default = BlogBox;
|
120
|
-
exports["default"] = _default;
|
76
|
+
var _default = exports["default"] = BlogBox;
|