@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.
Files changed (335) hide show
  1. package/dist/es/components/AccordionBox/AccordionBox.css +1 -15
  2. package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
  3. package/dist/es/components/AccordionBox/AccordionBox.js +6 -49
  4. package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  5. package/dist/es/components/AudioPlayer/AudioPlayer.js +11 -27
  6. package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
  7. package/dist/es/components/AudioPlayer/AudioProgress.js +10 -22
  8. package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
  9. package/dist/es/components/AudioPlayer/AudioRange.js +8 -10
  10. package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
  11. package/dist/es/components/AudioPlayer/AudioVolume.js +3 -12
  12. package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +4 -10
  13. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +1 -58
  14. package/dist/es/components/AudioPlayer/style/AudioProgress.css +1 -35
  15. package/dist/es/components/AudioPlayer/style/AudioRange.css +1 -68
  16. package/dist/es/components/AudioPlayer/style/AudioVolume.css +1 -34
  17. package/dist/es/components/AudioPlayer/timerFormatUtil.js +1 -9
  18. package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
  19. package/dist/es/components/BannerBox/BannerBox.js +3 -12
  20. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  21. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +23 -64
  22. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  23. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +9 -36
  24. package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
  25. package/dist/es/components/BenefitsIcons/helpers.js +6 -20
  26. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
  27. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
  28. package/dist/es/components/BenefitsIcons/types.d.ts +5 -6
  29. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  30. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +19 -49
  31. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -43
  32. package/dist/es/components/BenefitsPictures/helpers.js +0 -14
  33. package/dist/es/components/BenefitsPictures/types.d.ts +3 -4
  34. package/dist/es/components/BenefitsPictures/types.js +1 -0
  35. package/dist/es/components/BlogBox/BlogBox.css +1 -92
  36. package/dist/es/components/BlogBox/BlogBox.d.ts +2 -2
  37. package/dist/es/components/BlogBox/BlogBox.js +10 -44
  38. package/dist/es/components/BlogBox/components/BlogBoxTile.css +1 -197
  39. package/dist/es/components/BlogBox/components/BlogBoxTile.d.ts +4 -4
  40. package/dist/es/components/BlogBox/components/BlogBoxTile.js +13 -20
  41. package/dist/es/components/BlogBox/types.d.ts +5 -5
  42. package/dist/es/components/BlogBox/types.js +1 -0
  43. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +1 -43
  44. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  45. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +10 -39
  46. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
  47. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  48. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +11 -36
  49. package/dist/es/components/ButtonBanner/ButtonBanner.css +1 -122
  50. package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  51. package/dist/es/components/ButtonBanner/ButtonBanner.js +22 -53
  52. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  53. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  54. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +20 -51
  55. package/dist/es/components/Card/Card.css +1 -354
  56. package/dist/es/components/Card/Card.d.ts +4 -4
  57. package/dist/es/components/Card/Card.js +25 -115
  58. package/dist/es/components/Card/types.d.ts +10 -11
  59. package/dist/es/components/Card/types.js +1 -0
  60. package/dist/es/components/CardsBox/CardsBox.js +3 -14
  61. package/dist/es/components/CardsBox/helpers.d.ts +2 -2
  62. package/dist/es/components/CardsBox/helpers.js +0 -4
  63. package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
  64. package/dist/es/components/CarouselBox/CarouselBox.js +11 -24
  65. package/dist/es/components/Container/Container.css +1 -4178
  66. package/dist/es/components/Container/Container.d.ts +7 -5
  67. package/dist/es/components/Container/Container.js +10 -25
  68. package/dist/es/components/DownloadLinks/DownloadLink.css +1 -37
  69. package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
  70. package/dist/es/components/DownloadLinks/DownloadLink.js +13 -44
  71. package/dist/es/components/DownloadLinks/DownloadLinks.css +1 -36
  72. package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  73. package/dist/es/components/DownloadLinks/DownloadLinks.js +2 -13
  74. package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  75. package/dist/es/components/FaqWrapper/FaqWrapper.js +1 -3
  76. package/dist/es/components/ImageBanner/ImageBanner.css +1 -252
  77. package/dist/es/components/ImageBanner/ImageBanner.d.ts +8 -7
  78. package/dist/es/components/ImageBanner/ImageBanner.js +37 -88
  79. package/dist/es/components/InfoCards/InfoCards.css +1 -75
  80. package/dist/es/components/InfoCards/InfoCards.d.ts +1 -1
  81. package/dist/es/components/InfoCards/InfoCards.js +10 -37
  82. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +1 -237
  83. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.d.ts +1 -1
  84. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +17 -46
  85. package/dist/es/components/InfoCards/types.js +1 -0
  86. package/dist/es/components/Instructions/Instructions.css +1 -827
  87. package/dist/es/components/Instructions/Instructions.d.ts +11 -11
  88. package/dist/es/components/Instructions/Instructions.js +56 -96
  89. package/dist/es/components/NotificationBox/NotificationBox.css +1 -0
  90. package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
  91. package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
  92. package/dist/es/components/PageTitle/PageTitle.css +1 -80
  93. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
  94. package/dist/es/components/PageTitle/PageTitle.js +12 -37
  95. package/dist/es/components/Partners/Partners.css +1 -53
  96. package/dist/es/components/Partners/Partners.d.ts +2 -2
  97. package/dist/es/components/Partners/Partners.js +17 -48
  98. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +1 -80
  99. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  100. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
  101. package/dist/es/components/Property/Property.css +1 -156
  102. package/dist/es/components/Property/Property.d.ts +4 -4
  103. package/dist/es/components/Property/Property.js +37 -81
  104. package/dist/es/components/Property/PropertyDescription.css +1 -17
  105. package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
  106. package/dist/es/components/Property/PropertyDescription.js +8 -28
  107. package/dist/es/components/Property/types.d.ts +7 -5
  108. package/dist/es/components/Property/types.js +1 -0
  109. package/dist/es/components/SidePictureCards/SidePictureCards.d.ts +1 -1
  110. package/dist/es/components/SidePictureCards/SidePictureCards.js +8 -41
  111. package/dist/es/components/SidePictureCards/components/SidePictureCard.css +1 -183
  112. package/dist/es/components/SidePictureCards/components/SidePictureCard.d.ts +2 -2
  113. package/dist/es/components/SidePictureCards/components/SidePictureCard.js +21 -23
  114. package/dist/es/components/SidePictureCards/types.d.ts +8 -8
  115. package/dist/es/components/SidePictureCards/types.js +1 -0
  116. package/dist/es/components/Steps/Steps.css +1 -41
  117. package/dist/es/components/Steps/Steps.d.ts +2 -1
  118. package/dist/es/components/Steps/Steps.js +4 -19
  119. package/dist/es/components/Steps/StepsItem.css +1 -42
  120. package/dist/es/components/Steps/StepsItem.d.ts +2 -2
  121. package/dist/es/components/Steps/StepsItem.js +2 -9
  122. package/dist/es/components/StoreBanner/StoreBanner.css +1 -346
  123. package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
  124. package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
  125. package/dist/es/components/StoreButton/StoreButton.css +1 -327
  126. package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
  127. package/dist/es/components/StoreButton/StoreButton.js +13 -44
  128. package/dist/es/components/Table/Table.css +1 -157
  129. package/dist/es/components/Table/Table.d.ts +1 -1
  130. package/dist/es/components/Table/Table.js +31 -51
  131. package/dist/es/components/Table/TableCell.js +0 -6
  132. package/dist/es/components/Table/TableRow.js +1 -10
  133. package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
  134. package/dist/es/components/TabsBox/TabsBox.js +4 -13
  135. package/dist/es/components/TextBox/TextBox.css +1 -25
  136. package/dist/es/components/TextBox/TextBox.d.ts +2 -1
  137. package/dist/es/components/TextBox/TextBox.js +8 -23
  138. package/dist/es/components/TextBox/TextBoxPicture.css +1 -27
  139. package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
  140. package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
  141. package/dist/es/components/TextWithIcon/TextWithIcon.css +1 -10
  142. package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  143. package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
  144. package/dist/es/components/TextWithIcon/TextWithIconItem.css +1 -38
  145. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  146. package/dist/es/components/TextWithIcon/TextWithIconItem.js +8 -24
  147. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
  148. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  149. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
  150. package/dist/es/components/VideoBanner/VideoBanner.css +1 -225
  151. package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
  152. package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
  153. package/dist/es/components/VideoBlock/VideoBlock.css +1 -106
  154. package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
  155. package/dist/es/components/VideoBlock/VideoBlock.js +37 -77
  156. package/dist/es/helpers/getColumnConfig.d.ts +5 -1
  157. package/dist/es/helpers/setRelAttribute.d.ts +3 -1
  158. package/dist/es/helpers/setRelAttribute.js +0 -2
  159. package/dist/es/hooks/useResolutions.d.ts +1 -1
  160. package/dist/es/hooks/useResolutions.js +13 -21
  161. package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
  162. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
  163. package/dist/lib/components/AccordionBox/AccordionBox.js +11 -67
  164. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  165. package/dist/lib/components/AudioPlayer/AudioPlayer.js +33 -57
  166. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
  167. package/dist/lib/components/AudioPlayer/AudioProgress.js +13 -44
  168. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
  169. package/dist/lib/components/AudioPlayer/AudioRange.js +10 -18
  170. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
  171. package/dist/lib/components/AudioPlayer/AudioVolume.js +5 -24
  172. package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +6 -17
  173. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +1 -58
  174. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +1 -35
  175. package/dist/lib/components/AudioPlayer/style/AudioRange.css +1 -68
  176. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +1 -34
  177. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
  178. package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
  179. package/dist/lib/components/BannerBox/BannerBox.js +7 -25
  180. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  181. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +27 -87
  182. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  183. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +14 -54
  184. package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
  185. package/dist/lib/components/BenefitsIcons/helpers.js +11 -38
  186. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
  187. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
  188. package/dist/lib/components/BenefitsIcons/types.d.ts +5 -6
  189. package/dist/lib/components/BenefitsIcons/types.js +5 -8
  190. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  191. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +25 -72
  192. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
  193. package/dist/lib/components/BenefitsPictures/helpers.js +10 -41
  194. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -4
  195. package/dist/lib/components/BenefitsPictures/types.js +5 -1
  196. package/dist/lib/components/BlogBox/BlogBox.css +1 -92
  197. package/dist/lib/components/BlogBox/BlogBox.d.ts +2 -2
  198. package/dist/lib/components/BlogBox/BlogBox.js +21 -65
  199. package/dist/lib/components/BlogBox/components/BlogBoxTile.css +1 -197
  200. package/dist/lib/components/BlogBox/components/BlogBoxTile.d.ts +4 -4
  201. package/dist/lib/components/BlogBox/components/BlogBoxTile.js +27 -38
  202. package/dist/lib/components/BlogBox/types.d.ts +5 -5
  203. package/dist/lib/components/BlogBox/types.js +5 -1
  204. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
  205. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  206. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +19 -61
  207. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
  208. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  209. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +23 -56
  210. package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
  211. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  212. package/dist/lib/components/ButtonBanner/ButtonBanner.js +41 -90
  213. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  214. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  215. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +30 -73
  216. package/dist/lib/components/Card/Card.css +1 -354
  217. package/dist/lib/components/Card/Card.d.ts +4 -4
  218. package/dist/lib/components/Card/Card.js +68 -165
  219. package/dist/lib/components/Card/types.d.ts +10 -11
  220. package/dist/lib/components/Card/types.js +5 -1
  221. package/dist/lib/components/CardsBox/CardsBox.js +8 -32
  222. package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
  223. package/dist/lib/components/CardsBox/helpers.js +2 -9
  224. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
  225. package/dist/lib/components/CarouselBox/CarouselBox.js +16 -40
  226. package/dist/lib/components/Container/Container.css +1 -4178
  227. package/dist/lib/components/Container/Container.d.ts +7 -5
  228. package/dist/lib/components/Container/Container.js +18 -40
  229. package/dist/lib/components/DownloadLinks/DownloadLink.css +1 -37
  230. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
  231. package/dist/lib/components/DownloadLinks/DownloadLink.js +18 -61
  232. package/dist/lib/components/DownloadLinks/DownloadLinks.css +1 -36
  233. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  234. package/dist/lib/components/DownloadLinks/DownloadLinks.js +9 -34
  235. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  236. package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
  237. package/dist/lib/components/ImageBanner/ImageBanner.css +1 -252
  238. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +8 -7
  239. package/dist/lib/components/ImageBanner/ImageBanner.js +62 -139
  240. package/dist/lib/components/InfoCards/InfoCards.css +1 -75
  241. package/dist/lib/components/InfoCards/InfoCards.d.ts +1 -1
  242. package/dist/lib/components/InfoCards/InfoCards.js +15 -55
  243. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +1 -237
  244. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.d.ts +1 -1
  245. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +22 -63
  246. package/dist/lib/components/InfoCards/types.js +5 -1
  247. package/dist/lib/components/Instructions/Instructions.css +1 -827
  248. package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
  249. package/dist/lib/components/Instructions/Instructions.js +121 -191
  250. package/dist/lib/components/NotificationBox/NotificationBox.css +1 -0
  251. package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
  252. package/dist/lib/components/NotificationBox/NotificationBox.js +10 -38
  253. package/dist/lib/components/PageTitle/PageTitle.css +1 -80
  254. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
  255. package/dist/lib/components/PageTitle/PageTitle.js +16 -53
  256. package/dist/lib/components/Partners/Partners.css +1 -53
  257. package/dist/lib/components/Partners/Partners.d.ts +2 -2
  258. package/dist/lib/components/Partners/Partners.js +22 -66
  259. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +1 -80
  260. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  261. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
  262. package/dist/lib/components/Property/Property.css +1 -156
  263. package/dist/lib/components/Property/Property.d.ts +4 -4
  264. package/dist/lib/components/Property/Property.js +61 -121
  265. package/dist/lib/components/Property/PropertyDescription.css +1 -17
  266. package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
  267. package/dist/lib/components/Property/PropertyDescription.js +16 -47
  268. package/dist/lib/components/Property/types.d.ts +7 -5
  269. package/dist/lib/components/Property/types.js +5 -1
  270. package/dist/lib/components/SidePictureCards/SidePictureCards.d.ts +1 -1
  271. package/dist/lib/components/SidePictureCards/SidePictureCards.js +17 -58
  272. package/dist/lib/components/SidePictureCards/components/SidePictureCard.css +1 -183
  273. package/dist/lib/components/SidePictureCards/components/SidePictureCard.d.ts +2 -2
  274. package/dist/lib/components/SidePictureCards/components/SidePictureCard.js +23 -36
  275. package/dist/lib/components/SidePictureCards/types.d.ts +8 -8
  276. package/dist/lib/components/SidePictureCards/types.js +5 -1
  277. package/dist/lib/components/Steps/Steps.css +1 -41
  278. package/dist/lib/components/Steps/Steps.d.ts +2 -1
  279. package/dist/lib/components/Steps/Steps.js +8 -35
  280. package/dist/lib/components/Steps/StepsItem.css +1 -42
  281. package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
  282. package/dist/lib/components/Steps/StepsItem.js +11 -23
  283. package/dist/lib/components/StoreBanner/StoreBanner.css +1 -346
  284. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
  285. package/dist/lib/components/StoreBanner/StoreBanner.js +48 -119
  286. package/dist/lib/components/StoreButton/StoreButton.css +1 -327
  287. package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
  288. package/dist/lib/components/StoreButton/StoreButton.js +18 -64
  289. package/dist/lib/components/Table/Table.css +1 -157
  290. package/dist/lib/components/Table/Table.d.ts +1 -1
  291. package/dist/lib/components/Table/Table.js +36 -69
  292. package/dist/lib/components/Table/TableCell.js +4 -16
  293. package/dist/lib/components/Table/TableRow.js +5 -19
  294. package/dist/lib/components/TabsBox/TabBox.js +1 -4
  295. package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
  296. package/dist/lib/components/TabsBox/TabsBox.js +8 -26
  297. package/dist/lib/components/TextBox/TextBox.css +1 -25
  298. package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
  299. package/dist/lib/components/TextBox/TextBox.js +12 -36
  300. package/dist/lib/components/TextBox/TextBoxPicture.css +1 -27
  301. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
  302. package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
  303. package/dist/lib/components/TextWithIcon/TextWithIcon.css +1 -10
  304. package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  305. package/dist/lib/components/TextWithIcon/TextWithIcon.js +11 -40
  306. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +1 -38
  307. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  308. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +13 -41
  309. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
  310. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  311. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +11 -41
  312. package/dist/lib/components/VideoBanner/VideoBanner.css +1 -225
  313. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
  314. package/dist/lib/components/VideoBanner/VideoBanner.js +84 -177
  315. package/dist/lib/components/VideoBlock/VideoBlock.css +1 -106
  316. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
  317. package/dist/lib/components/VideoBlock/VideoBlock.js +59 -115
  318. package/dist/lib/constants/throttleTime.js +2 -3
  319. package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
  320. package/dist/lib/helpers/getColumnConfig.js +2 -5
  321. package/dist/lib/helpers/setRelAttribute.d.ts +3 -1
  322. package/dist/lib/helpers/setRelAttribute.js +2 -7
  323. package/dist/lib/hooks/useResolutions.d.ts +1 -1
  324. package/dist/lib/hooks/useResolutions.js +15 -31
  325. package/dist/lib/index.js +11 -64
  326. package/package.json +87 -92
  327. package/CHANGELOG.md +0 -4104
  328. package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
  329. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  330. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  331. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  332. package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
  333. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  334. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  335. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
@@ -1,79 +1,56 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
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 _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); }
33
-
34
- 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; }
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
- _ref$align = _ref.align,
46
- align = _ref$align === void 0 ? 'left' : _ref$align,
47
- _ref$textAlign = _ref.textAlign,
48
- textAlign = _ref$textAlign === void 0 ? 'auto' : _ref$textAlign,
49
- _ref$imgAlign = _ref.imgAlign,
50
- imgAlign = _ref$imgAlign === void 0 ? 'auto' : _ref$imgAlign,
51
- _ref$gridGap = _ref.gridGap,
52
- gridGap = _ref$gridGap === void 0 ? 'large' : _ref$gridGap,
53
- rootRef = _ref.rootRef,
54
- className = _ref.className,
55
- _ref$classes = _ref.classes,
56
- classes = _ref$classes === void 0 ? {} : _ref$classes;
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
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
62
- currentGutter = _React$useState2[0],
63
- setCurrentGutter = _React$useState2[1];
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
- title = _ref2.title,
115
- text = _ref2.text,
116
- alt = _ref2.alt;
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.getCenterLargeConfig = exports.getCenterMediumConfig = exports.getLeftConfig = exports.getOddOffset = exports.getEvenOffset = exports.isOddIndex = exports.columnSize = exports["default"] = void 0;
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
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
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.columnSize = columnSize;
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
- declare type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
13
- export declare type GridConfig = {
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 declare type GridGutterSize = 'large' | 'medium';
23
+ export type GridGutterSize = 'large' | 'medium';
25
24
  export {};
@@ -1 +1,5 @@
1
- "use strict";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -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.less';
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
- var _react = _interopRequireDefault(require("react"));
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
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
- button = _ref.button,
36
- _ref$hasAlignLeft = _ref.hasAlignLeft,
37
- hasAlignLeft = _ref$hasAlignLeft === void 0 ? false : _ref$hasAlignLeft,
38
- className = _ref.className,
39
- classes = _ref.classes,
40
- dataAttrs = _ref.dataAttrs;
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
- isDesktop = _useResolutions.isDesktop;
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__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list), {
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__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
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__*/_react["default"].createElement(_BlogBoxTile["default"], (0, _extends2["default"])({}, item, {
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__*/_react["default"].createElement("div", {
64
+ })), (button === null || button === void 0 ? void 0 : button.title) && /*#__PURE__*/React.createElement("div", {
82
65
  className: cn('button-wrapper')
83
- }, /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
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;