@megafon/ui-shared 6.0.0-beta.5 → 6.1.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 (312) hide show
  1. package/CHANGELOG.md +4043 -0
  2. package/dist/es/components/AccordionBox/AccordionBox.css +15 -1
  3. package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
  4. package/dist/es/components/AccordionBox/AccordionBox.js +49 -6
  5. package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  6. package/dist/es/components/AudioPlayer/AudioPlayer.js +27 -11
  7. package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
  8. package/dist/es/components/AudioPlayer/AudioProgress.js +22 -10
  9. package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
  10. package/dist/es/components/AudioPlayer/AudioRange.js +10 -8
  11. package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
  12. package/dist/es/components/AudioPlayer/AudioVolume.js +12 -3
  13. package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +10 -4
  14. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +58 -1
  15. package/dist/es/components/AudioPlayer/style/AudioProgress.css +35 -1
  16. package/dist/es/components/AudioPlayer/style/AudioRange.css +68 -1
  17. package/dist/es/components/AudioPlayer/style/AudioVolume.css +34 -1
  18. package/dist/es/components/AudioPlayer/timerFormatUtil.js +9 -1
  19. package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
  20. package/dist/es/components/BannerBox/BannerBox.js +12 -3
  21. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  22. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +64 -23
  23. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  24. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +36 -9
  25. package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
  26. package/dist/es/components/BenefitsIcons/helpers.js +20 -6
  27. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +38 -1
  28. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +90 -1
  29. package/dist/es/components/BenefitsIcons/types.d.ts +5 -5
  30. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  31. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +49 -19
  32. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +43 -1
  33. package/dist/es/components/BenefitsPictures/helpers.d.ts +2 -2
  34. package/dist/es/components/BenefitsPictures/helpers.js +14 -0
  35. package/dist/es/components/BenefitsPictures/types.d.ts +3 -3
  36. package/dist/es/components/BenefitsPictures/types.js +0 -1
  37. package/dist/es/components/BlogBox/BlogBox.css +92 -0
  38. package/dist/es/components/BlogBox/BlogBox.d.ts +28 -0
  39. package/dist/es/components/BlogBox/BlogBox.js +101 -0
  40. package/dist/es/components/BlogBox/components/BlogBoxTile.css +197 -0
  41. package/dist/es/components/BlogBox/components/BlogBoxTile.d.ts +9 -0
  42. package/dist/es/components/BlogBox/components/BlogBoxTile.js +67 -0
  43. package/dist/es/components/BlogBox/types.d.ts +37 -0
  44. package/dist/es/components/BlogBox/types.js +0 -0
  45. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +43 -1
  46. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  47. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +39 -10
  48. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -1
  49. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  50. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +36 -11
  51. package/dist/es/components/ButtonBanner/ButtonBanner.css +122 -1
  52. package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  53. package/dist/es/components/ButtonBanner/ButtonBanner.js +53 -22
  54. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +19 -1
  55. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  56. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +51 -20
  57. package/dist/es/components/Card/Card.css +354 -1
  58. package/dist/es/components/Card/Card.d.ts +4 -4
  59. package/dist/es/components/Card/Card.js +115 -25
  60. package/dist/es/components/Card/types.d.ts +10 -10
  61. package/dist/es/components/Card/types.js +0 -1
  62. package/dist/es/components/CardsBox/CardsBox.js +14 -3
  63. package/dist/es/components/CardsBox/helpers.d.ts +2 -2
  64. package/dist/es/components/CardsBox/helpers.js +4 -0
  65. package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
  66. package/dist/es/components/CarouselBox/CarouselBox.js +24 -11
  67. package/dist/es/components/Container/Container.css +3287 -1
  68. package/dist/es/components/Container/Container.d.ts +5 -7
  69. package/dist/es/components/Container/Container.js +25 -10
  70. package/dist/es/components/DownloadLinks/DownloadLink.css +37 -1
  71. package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
  72. package/dist/es/components/DownloadLinks/DownloadLink.js +44 -13
  73. package/dist/es/components/DownloadLinks/DownloadLinks.css +36 -1
  74. package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  75. package/dist/es/components/DownloadLinks/DownloadLinks.js +13 -2
  76. package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +2 -5
  77. package/dist/es/components/FaqWrapper/FaqWrapper.js +3 -1
  78. package/dist/es/components/ImageBanner/ImageBanner.css +252 -1
  79. package/dist/es/components/ImageBanner/ImageBanner.d.ts +7 -8
  80. package/dist/es/components/ImageBanner/ImageBanner.js +88 -37
  81. package/dist/es/components/Instructions/Instructions.css +827 -1
  82. package/dist/es/components/Instructions/Instructions.d.ts +13 -11
  83. package/dist/es/components/Instructions/Instructions.js +101 -44
  84. package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
  85. package/dist/es/components/NotificationBox/NotificationBox.js +19 -5
  86. package/dist/es/components/NotificationBox/style/NotificationBox.css +28 -0
  87. package/dist/es/components/PageTitle/PageTitle.css +80 -1
  88. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
  89. package/dist/es/components/PageTitle/PageTitle.js +37 -12
  90. package/dist/es/components/Partners/Partners.css +53 -1
  91. package/dist/es/components/Partners/Partners.d.ts +2 -2
  92. package/dist/es/components/Partners/Partners.js +48 -17
  93. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +80 -1
  94. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +2 -4
  95. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +28 -10
  96. package/dist/es/components/Property/Property.css +156 -1
  97. package/dist/es/components/Property/Property.d.ts +4 -4
  98. package/dist/es/components/Property/Property.js +81 -37
  99. package/dist/es/components/Property/PropertyDescription.css +17 -1
  100. package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
  101. package/dist/es/components/Property/PropertyDescription.js +28 -8
  102. package/dist/es/components/Property/types.d.ts +5 -7
  103. package/dist/es/components/Property/types.js +0 -1
  104. package/dist/es/components/Steps/Steps.css +41 -1
  105. package/dist/es/components/Steps/Steps.d.ts +1 -2
  106. package/dist/es/components/Steps/Steps.js +19 -4
  107. package/dist/es/components/Steps/StepsItem.css +42 -1
  108. package/dist/es/components/Steps/StepsItem.d.ts +2 -2
  109. package/dist/es/components/Steps/StepsItem.js +9 -2
  110. package/dist/es/components/StoreBanner/StoreBanner.css +346 -1
  111. package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
  112. package/dist/es/components/StoreBanner/StoreBanner.js +97 -41
  113. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  114. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  115. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  116. package/dist/es/components/StoreButton/StoreButton.css +327 -1
  117. package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
  118. package/dist/es/components/StoreButton/StoreButton.js +44 -13
  119. package/dist/es/components/Table/Table.css +157 -1
  120. package/dist/es/components/Table/Table.d.ts +1 -1
  121. package/dist/es/components/Table/Table.js +51 -31
  122. package/dist/es/components/Table/TableCell.js +6 -0
  123. package/dist/es/components/Table/TableRow.js +10 -1
  124. package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
  125. package/dist/es/components/TabsBox/TabsBox.js +13 -4
  126. package/dist/es/components/TextBox/TextBox.css +25 -1
  127. package/dist/es/components/TextBox/TextBox.d.ts +1 -2
  128. package/dist/es/components/TextBox/TextBox.js +23 -8
  129. package/dist/es/components/TextBox/TextBoxPicture.css +27 -1
  130. package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
  131. package/dist/es/components/TextBox/TextBoxPicture.js +14 -5
  132. package/dist/es/components/TextWithIcon/TextWithIcon.css +10 -1
  133. package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  134. package/dist/es/components/TextWithIcon/TextWithIcon.js +24 -6
  135. package/dist/es/components/TextWithIcon/TextWithIconItem.css +29 -1
  136. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  137. package/dist/es/components/TextWithIcon/TextWithIconItem.js +21 -6
  138. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +31 -1
  139. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  140. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +23 -6
  141. package/dist/es/components/VideoBanner/VideoBanner.css +225 -1
  142. package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
  143. package/dist/es/components/VideoBanner/VideoBanner.js +110 -47
  144. package/dist/es/components/VideoBlock/VideoBlock.css +106 -1
  145. package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
  146. package/dist/es/components/VideoBlock/VideoBlock.js +75 -35
  147. package/dist/es/helpers/getColumnConfig.d.ts +1 -5
  148. package/dist/es/helpers/setRelAttribute.d.ts +1 -0
  149. package/dist/es/helpers/setRelAttribute.js +11 -0
  150. package/dist/es/hooks/useResolutions.d.ts +7 -0
  151. package/dist/es/hooks/useResolutions.js +60 -0
  152. package/dist/es/index.d.ts +2 -0
  153. package/dist/es/index.js +2 -0
  154. package/dist/lib/components/AccordionBox/AccordionBox.css +15 -1
  155. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
  156. package/dist/lib/components/AccordionBox/AccordionBox.js +66 -10
  157. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  158. package/dist/lib/components/AudioPlayer/AudioPlayer.js +56 -32
  159. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
  160. package/dist/lib/components/AudioPlayer/AudioProgress.js +43 -12
  161. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
  162. package/dist/lib/components/AudioPlayer/AudioRange.js +17 -9
  163. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
  164. package/dist/lib/components/AudioPlayer/AudioVolume.js +23 -4
  165. package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +16 -5
  166. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +58 -1
  167. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +35 -1
  168. package/dist/lib/components/AudioPlayer/style/AudioRange.css +68 -1
  169. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +34 -1
  170. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +13 -2
  171. package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
  172. package/dist/lib/components/BannerBox/BannerBox.js +25 -7
  173. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  174. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +86 -26
  175. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  176. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +53 -13
  177. package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
  178. package/dist/lib/components/BenefitsIcons/helpers.js +37 -10
  179. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +38 -1
  180. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +90 -1
  181. package/dist/lib/components/BenefitsIcons/types.d.ts +5 -5
  182. package/dist/lib/components/BenefitsIcons/types.js +8 -5
  183. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  184. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +71 -24
  185. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +43 -1
  186. package/dist/lib/components/BenefitsPictures/helpers.d.ts +2 -2
  187. package/dist/lib/components/BenefitsPictures/helpers.js +40 -9
  188. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -3
  189. package/dist/lib/components/BenefitsPictures/types.js +1 -5
  190. package/dist/lib/components/BlogBox/BlogBox.css +92 -0
  191. package/dist/lib/components/BlogBox/BlogBox.d.ts +28 -0
  192. package/dist/lib/components/BlogBox/BlogBox.js +120 -0
  193. package/dist/lib/components/BlogBox/components/BlogBoxTile.css +197 -0
  194. package/dist/lib/components/BlogBox/components/BlogBoxTile.d.ts +9 -0
  195. package/dist/lib/components/BlogBox/components/BlogBoxTile.js +80 -0
  196. package/dist/lib/components/BlogBox/types.d.ts +37 -0
  197. package/dist/lib/components/BlogBox/types.js +1 -0
  198. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +43 -1
  199. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  200. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +60 -18
  201. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -1
  202. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  203. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +55 -22
  204. package/dist/lib/components/ButtonBanner/ButtonBanner.css +122 -1
  205. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  206. package/dist/lib/components/ButtonBanner/ButtonBanner.js +89 -40
  207. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +19 -1
  208. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  209. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +72 -29
  210. package/dist/lib/components/Card/Card.css +354 -1
  211. package/dist/lib/components/Card/Card.d.ts +4 -4
  212. package/dist/lib/components/Card/Card.js +164 -67
  213. package/dist/lib/components/Card/types.d.ts +10 -10
  214. package/dist/lib/components/Card/types.js +1 -5
  215. package/dist/lib/components/CardsBox/CardsBox.js +31 -7
  216. package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
  217. package/dist/lib/components/CardsBox/helpers.js +8 -1
  218. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
  219. package/dist/lib/components/CarouselBox/CarouselBox.js +39 -15
  220. package/dist/lib/components/Container/Container.css +3287 -1
  221. package/dist/lib/components/Container/Container.d.ts +5 -7
  222. package/dist/lib/components/Container/Container.js +40 -18
  223. package/dist/lib/components/DownloadLinks/DownloadLink.css +37 -1
  224. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
  225. package/dist/lib/components/DownloadLinks/DownloadLink.js +60 -17
  226. package/dist/lib/components/DownloadLinks/DownloadLinks.css +36 -1
  227. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  228. package/dist/lib/components/DownloadLinks/DownloadLinks.js +33 -8
  229. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +2 -5
  230. package/dist/lib/components/FaqWrapper/FaqWrapper.js +9 -6
  231. package/dist/lib/components/ImageBanner/ImageBanner.css +252 -1
  232. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +7 -8
  233. package/dist/lib/components/ImageBanner/ImageBanner.js +138 -61
  234. package/dist/lib/components/Instructions/Instructions.css +827 -1
  235. package/dist/lib/components/Instructions/Instructions.d.ts +13 -11
  236. package/dist/lib/components/Instructions/Instructions.js +193 -106
  237. package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
  238. package/dist/lib/components/NotificationBox/NotificationBox.js +37 -9
  239. package/dist/lib/components/NotificationBox/style/NotificationBox.css +28 -0
  240. package/dist/lib/components/PageTitle/PageTitle.css +80 -1
  241. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
  242. package/dist/lib/components/PageTitle/PageTitle.js +52 -15
  243. package/dist/lib/components/Partners/Partners.css +53 -1
  244. package/dist/lib/components/Partners/Partners.d.ts +2 -2
  245. package/dist/lib/components/Partners/Partners.js +65 -21
  246. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +80 -1
  247. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +2 -4
  248. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +46 -16
  249. package/dist/lib/components/Property/Property.css +156 -1
  250. package/dist/lib/components/Property/Property.d.ts +4 -4
  251. package/dist/lib/components/Property/Property.js +120 -60
  252. package/dist/lib/components/Property/PropertyDescription.css +17 -1
  253. package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
  254. package/dist/lib/components/Property/PropertyDescription.js +46 -15
  255. package/dist/lib/components/Property/types.d.ts +5 -7
  256. package/dist/lib/components/Property/types.js +1 -5
  257. package/dist/lib/components/Steps/Steps.css +41 -1
  258. package/dist/lib/components/Steps/Steps.d.ts +1 -2
  259. package/dist/lib/components/Steps/Steps.js +35 -8
  260. package/dist/lib/components/Steps/StepsItem.css +42 -1
  261. package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
  262. package/dist/lib/components/Steps/StepsItem.js +23 -11
  263. package/dist/lib/components/StoreBanner/StoreBanner.css +346 -1
  264. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
  265. package/dist/lib/components/StoreBanner/StoreBanner.js +118 -47
  266. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  267. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  268. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
  269. package/dist/lib/components/StoreButton/StoreButton.css +327 -1
  270. package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
  271. package/dist/lib/components/StoreButton/StoreButton.js +63 -17
  272. package/dist/lib/components/Table/Table.css +157 -1
  273. package/dist/lib/components/Table/Table.d.ts +1 -1
  274. package/dist/lib/components/Table/Table.js +68 -35
  275. package/dist/lib/components/Table/TableCell.js +16 -4
  276. package/dist/lib/components/Table/TableRow.js +19 -5
  277. package/dist/lib/components/TabsBox/TabBox.js +4 -1
  278. package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
  279. package/dist/lib/components/TabsBox/TabsBox.js +26 -8
  280. package/dist/lib/components/TextBox/TextBox.css +25 -1
  281. package/dist/lib/components/TextBox/TextBox.d.ts +1 -2
  282. package/dist/lib/components/TextBox/TextBox.js +36 -12
  283. package/dist/lib/components/TextBox/TextBoxPicture.css +27 -1
  284. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
  285. package/dist/lib/components/TextBox/TextBoxPicture.js +29 -11
  286. package/dist/lib/components/TextWithIcon/TextWithIcon.css +10 -1
  287. package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  288. package/dist/lib/components/TextWithIcon/TextWithIcon.js +39 -10
  289. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +29 -1
  290. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  291. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +37 -10
  292. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +31 -1
  293. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  294. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +40 -10
  295. package/dist/lib/components/VideoBanner/VideoBanner.css +225 -1
  296. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
  297. package/dist/lib/components/VideoBanner/VideoBanner.js +176 -83
  298. package/dist/lib/components/VideoBlock/VideoBlock.css +106 -1
  299. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
  300. package/dist/lib/components/VideoBlock/VideoBlock.js +114 -58
  301. package/dist/lib/constants/throttleTime.js +3 -2
  302. package/dist/lib/helpers/getColumnConfig.d.ts +1 -5
  303. package/dist/lib/helpers/getColumnConfig.js +5 -2
  304. package/dist/lib/helpers/setRelAttribute.d.ts +1 -0
  305. package/dist/lib/helpers/setRelAttribute.js +20 -0
  306. package/dist/lib/hooks/useResolutions.d.ts +7 -0
  307. package/dist/lib/hooks/useResolutions.js +75 -0
  308. package/dist/lib/index.d.ts +2 -0
  309. package/dist/lib/index.js +73 -10
  310. package/package.json +92 -87
  311. package/dist/es/components/NotificationBox/NotificationBox.css +0 -1
  312. package/dist/lib/components/NotificationBox/NotificationBox.css +0 -1
@@ -1,36 +1,59 @@
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
+ 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
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = exports.Align = void 0;
9
+
8
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- require("core-js/modules/es.symbol.js");
11
+
10
12
  require("core-js/modules/es.array.index-of.js");
13
+
14
+ require("core-js/modules/es.symbol.js");
15
+
16
+ require("core-js/modules/es.object.values.js");
17
+
11
18
  var React = _interopRequireWildcard(require("react"));
19
+
12
20
  var _uiCore = require("@megafon/ui-core");
21
+
13
22
  var _uiHelpers = require("@megafon/ui-helpers");
14
- 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); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
23
+
24
+ var _propTypes = _interopRequireDefault(require("prop-types"));
25
+
26
+ 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); }
27
+
28
+ 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; }
29
+
16
30
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
31
+
17
32
  var __rest = void 0 && (void 0).__rest || function (s, e) {
18
33
  var t = {};
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
34
+
35
+ for (var p in s) {
36
+ if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
37
+ }
38
+
20
39
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
21
40
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
22
41
  }
23
42
  return t;
24
43
  };
25
- var Align = exports.Align = {
44
+
45
+ var Align = {
26
46
  LEFT: 'left',
27
47
  CENTER: 'center'
28
48
  };
49
+ exports.Align = Align;
29
50
  var cn = (0, _uiHelpers.cnCreate)('mfui-notification-box');
51
+
30
52
  var NotificationBox = function NotificationBox(_a) {
31
53
  var _a$align = _a.align,
32
- align = _a$align === void 0 ? 'left' : _a$align,
33
- restProps = __rest(_a, ["align"]);
54
+ align = _a$align === void 0 ? 'left' : _a$align,
55
+ restProps = __rest(_a, ["align"]);
56
+
34
57
  return /*#__PURE__*/React.createElement("div", {
35
58
  className: cn({
36
59
  align: align
@@ -41,4 +64,9 @@ var NotificationBox = function NotificationBox(_a) {
41
64
  isColored: false
42
65
  }))));
43
66
  };
44
- var _default = exports["default"] = NotificationBox;
67
+
68
+ NotificationBox.propTypes = {
69
+ align: _propTypes["default"].oneOf(Object.values(Align))
70
+ };
71
+ var _default = NotificationBox;
72
+ exports["default"] = _default;
@@ -0,0 +1,28 @@
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-notification-box {
9
+ display: -webkit-box;
10
+ display: -ms-flexbox;
11
+ display: flex;
12
+ }
13
+ .mfui-notification-box:not(:first-child) {
14
+ margin-top: 24px;
15
+ }
16
+ .mfui-notification-box__notification {
17
+ max-width: 740px;
18
+ }
19
+ .mfui-notification-box_align_left {
20
+ -webkit-box-pack: start;
21
+ -ms-flex-pack: start;
22
+ justify-content: flex-start;
23
+ }
24
+ .mfui-notification-box_align_center {
25
+ -webkit-box-pack: center;
26
+ -ms-flex-pack: center;
27
+ justify-content: center;
28
+ }
@@ -1 +1,80 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-page-title{display:inline-block;width:100%}.mfui-page-title__breadcrumbs{margin-top:32px}@media screen and (max-width:767px){.mfui-page-title__breadcrumbs{display:none}}.mfui-page-title__title{margin-top:110px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-page-title__title{margin-top:100px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-page-title__title{margin-top:90px}}@media screen and (max-width:767px){.mfui-page-title__title{margin-top:45px}}.mfui-page-title__badge{background-color:var(--brandPurple);color:var(--stcWhite);display:inline-block;font-size:12px;font-weight:500;line-height:18px;margin-top:16px;padding:2px 14px}@media screen and (min-width:1280px){.mfui-page-title__badge_under-breadcrumbs{margin-top:32px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-page-title__badge_under-breadcrumbs{margin-top:24px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-page-title__badge_under-breadcrumbs{margin-top:16px}}@media screen and (min-width:1280px){.mfui-page-title__title_under-breadcrumbs{margin-top:60px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-page-title__title_under-breadcrumbs{margin-top:50px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-page-title__title_under-breadcrumbs{margin-top:45px}}.mfui-page-title__badge+.mfui-page-title__title{margin-top:8px}
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-page-title {
9
+ display: inline-block;
10
+ width: 100%;
11
+ }
12
+ .mfui-page-title__breadcrumbs {
13
+ margin-top: 32px;
14
+ }
15
+ @media screen and (max-width: 767px) {
16
+ .mfui-page-title__breadcrumbs {
17
+ display: none;
18
+ }
19
+ }
20
+ .mfui-page-title__title {
21
+ margin-top: 110px;
22
+ }
23
+ @media screen and (min-width: 1024px) and (max-width: 1279px) {
24
+ .mfui-page-title__title {
25
+ margin-top: 100px;
26
+ }
27
+ }
28
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
29
+ .mfui-page-title__title {
30
+ margin-top: 90px;
31
+ }
32
+ }
33
+ @media screen and (max-width: 767px) {
34
+ .mfui-page-title__title {
35
+ margin-top: 45px;
36
+ }
37
+ }
38
+ .mfui-page-title__badge {
39
+ font-size: 12px;
40
+ line-height: 18px;
41
+ display: inline-block;
42
+ margin-top: 16px;
43
+ padding: 2px 14px;
44
+ color: var(--stcWhite);
45
+ font-weight: 500;
46
+ background-color: var(--brandPurple);
47
+ }
48
+ @media screen and (min-width: 1280px) {
49
+ .mfui-page-title__badge_under-breadcrumbs {
50
+ margin-top: 32px;
51
+ }
52
+ }
53
+ @media screen and (min-width: 1024px) and (max-width: 1279px) {
54
+ .mfui-page-title__badge_under-breadcrumbs {
55
+ margin-top: 24px;
56
+ }
57
+ }
58
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
59
+ .mfui-page-title__badge_under-breadcrumbs {
60
+ margin-top: 16px;
61
+ }
62
+ }
63
+ @media screen and (min-width: 1280px) {
64
+ .mfui-page-title__title_under-breadcrumbs {
65
+ margin-top: 60px;
66
+ }
67
+ }
68
+ @media screen and (min-width: 1024px) and (max-width: 1279px) {
69
+ .mfui-page-title__title_under-breadcrumbs {
70
+ margin-top: 50px;
71
+ }
72
+ }
73
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
74
+ .mfui-page-title__title_under-breadcrumbs {
75
+ margin-top: 45px;
76
+ }
77
+ }
78
+ .mfui-page-title__badge + .mfui-page-title__title {
79
+ margin-top: 8px;
80
+ }
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
+ import './PageTitle.less';
2
3
  import { Props as BreadcrumbsType } from '../Breadcrumbs/Breadcrumbs';
3
- import './PageTitle.scss';
4
- export type PageTitleProps = {
4
+ export declare type PageTitleProps = {
5
5
  /** Дополнительные data атрибуты к внутренним элементам */
6
6
  dataAttrs?: {
7
7
  root?: Record<string, string>;
@@ -1,33 +1,46 @@
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
+ 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
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
9
12
  var React = _interopRequireWildcard(require("react"));
13
+
10
14
  var _uiCore = require("@megafon/ui-core");
15
+
11
16
  var _uiHelpers = require("@megafon/ui-helpers");
17
+
18
+ var _propTypes = _interopRequireDefault(require("prop-types"));
19
+
12
20
  var _Breadcrumbs = _interopRequireDefault(require("../Breadcrumbs/Breadcrumbs"));
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
21
+
22
+ 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); }
23
+
24
+ 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; }
25
+
15
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
+
16
28
  var testIdPrefix = 'PageTitle';
17
29
  var cn = (0, _uiHelpers.cnCreate)('mfui-page-title');
30
+
18
31
  var PageTitle = function PageTitle(_ref) {
19
32
  var dataAttrs = _ref.dataAttrs,
20
- title = _ref.title,
21
- breadcrumbs = _ref.breadcrumbs,
22
- badge = _ref.badge,
23
- _ref$isFullWidth = _ref.isFullWidth,
24
- isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
25
- _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
26
- hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
27
- className = _ref.className,
28
- _ref$classes = _ref.classes,
29
- classes = _ref$classes === void 0 ? {} : _ref$classes,
30
- rootRef = _ref.rootRef;
33
+ title = _ref.title,
34
+ breadcrumbs = _ref.breadcrumbs,
35
+ badge = _ref.badge,
36
+ _ref$isFullWidth = _ref.isFullWidth,
37
+ isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
38
+ _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
39
+ hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
40
+ className = _ref.className,
41
+ _ref$classes = _ref.classes,
42
+ classes = _ref$classes === void 0 ? {} : _ref$classes,
43
+ rootRef = _ref.rootRef;
31
44
  var isBreadcrumbs = !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length);
32
45
  var renderPageTitle = React.useCallback(function () {
33
46
  return /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
@@ -68,4 +81,28 @@ var PageTitle = function PageTitle(_ref) {
68
81
  className: cn('breadcrumbs', [classes.breadcrumbs])
69
82
  }), isFullWidth ? renderPageTitle() : renderPageTitleWithGrid());
70
83
  };
71
- var _default = exports["default"] = PageTitle;
84
+
85
+ PageTitle.propTypes = {
86
+ dataAttrs: _propTypes["default"].shape({
87
+ root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
88
+ breadcrumbs: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
89
+ breadcrumbsLink: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
90
+ }),
91
+ title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired,
92
+ breadcrumbs: _propTypes["default"].arrayOf(_propTypes["default"].shape({
93
+ title: _propTypes["default"].string.isRequired,
94
+ href: _propTypes["default"].string
95
+ }).isRequired),
96
+ badge: _propTypes["default"].string,
97
+ isFullWidth: _propTypes["default"].bool,
98
+ hasBreadcrumbsMicrodata: _propTypes["default"].bool,
99
+ className: _propTypes["default"].string,
100
+ classes: _propTypes["default"].shape({
101
+ breadcrumbs: _propTypes["default"].string
102
+ }),
103
+ rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
104
+ current: _propTypes["default"].elementType
105
+ }), _propTypes["default"].any])])
106
+ };
107
+ var _default = PageTitle;
108
+ exports["default"] = _default;
@@ -1 +1,53 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-partners__tile:not(:last-child){margin-bottom:20px}@media screen and (max-width:767px){.mfui-partners__tile:not(:last-child){margin-bottom:16px}}.mfui-partners__tile-inner{-webkit-box-sizing:border-box;box-sizing:border-box;height:132px;padding:28px 48px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-partners__tile-inner{height:104px;padding:22px 37px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-partners__tile-inner{height:77px;padding:10px}}@media screen and (max-width:767px){.mfui-partners__tile-inner{height:60px;padding:8px}}.mfui-partners__img-wrapper{height:100%;position:relative;width:100%}.mfui-partners__tile-img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-partners__tile:not(:last-child) {
9
+ margin-bottom: 20px;
10
+ }
11
+ @media screen and (max-width: 767px) {
12
+ .mfui-partners__tile:not(:last-child) {
13
+ margin-bottom: 16px;
14
+ }
15
+ }
16
+ .mfui-partners__tile-inner {
17
+ -webkit-box-sizing: border-box;
18
+ box-sizing: border-box;
19
+ height: 132px;
20
+ padding: 28px 48px;
21
+ }
22
+ @media screen and (min-width: 1024px) and (max-width: 1279px) {
23
+ .mfui-partners__tile-inner {
24
+ height: 104px;
25
+ padding: 22px 37px;
26
+ }
27
+ }
28
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
29
+ .mfui-partners__tile-inner {
30
+ height: 77px;
31
+ padding: 10px;
32
+ }
33
+ }
34
+ @media screen and (max-width: 767px) {
35
+ .mfui-partners__tile-inner {
36
+ height: 60px;
37
+ padding: 8px;
38
+ }
39
+ }
40
+ .mfui-partners__img-wrapper {
41
+ position: relative;
42
+ width: 100%;
43
+ height: 100%;
44
+ }
45
+ .mfui-partners__tile-img {
46
+ position: absolute;
47
+ top: 50%;
48
+ left: 50%;
49
+ max-width: 100%;
50
+ max-height: 100%;
51
+ -webkit-transform: translate(-50%, -50%);
52
+ transform: translate(-50%, -50%);
53
+ }
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import './Partners.scss';
3
- export type ItemType = {
2
+ import './Partners.less';
3
+ export declare type ItemType = {
4
4
  src: string;
5
5
  href?: string;
6
6
  alt: string;
@@ -1,54 +1,73 @@
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
+ 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
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
9
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
+
10
14
  require("core-js/modules/es.array.map.js");
15
+
11
16
  require("core-js/modules/es.array.slice.js");
17
+
12
18
  var React = _interopRequireWildcard(require("react"));
19
+
13
20
  var _uiCore = require("@megafon/ui-core");
21
+
14
22
  var _uiHelpers = require("@megafon/ui-helpers");
15
- 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); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
23
+
24
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
25
+
26
+ 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); }
27
+
28
+ 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; }
29
+
17
30
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
31
+
32
+ var _slidesSettings;
33
+
18
34
  var MAX_GRID_ITEMS_LENGTH = 8;
19
- var slidesSettings = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
35
+ var slidesSettings = (_slidesSettings = {}, (0, _defineProperty2["default"])(_slidesSettings, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
20
36
  slidesPerView: 2,
21
37
  spaceBetween: 16
22
- }), _uiHelpers.breakpoints.MOBILE_MIDDLE_START, {
38
+ }), (0, _defineProperty2["default"])(_slidesSettings, _uiHelpers.breakpoints.MOBILE_MIDDLE_START, {
23
39
  slidesPerView: 3,
24
40
  spaceBetween: 20
25
- }), _uiHelpers.breakpoints.DESKTOP_SMALL_START, {
41
+ }), (0, _defineProperty2["default"])(_slidesSettings, _uiHelpers.breakpoints.DESKTOP_SMALL_START, {
26
42
  slidesPerView: 4,
27
43
  spaceBetween: 20
28
- });
44
+ }), _slidesSettings);
29
45
  var testIdPrefix = 'Partners';
30
46
  var cn = (0, _uiHelpers.cnCreate)('mfui-partners');
47
+
31
48
  var Partners = function Partners(_ref) {
32
49
  var rootRef = _ref.rootRef,
33
- _ref$classes = _ref.classes,
34
- _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
35
- root = _ref$classes2.root,
36
- itemClass = _ref$classes2.itemClass,
37
- dataAttrs = _ref.dataAttrs,
38
- className = _ref.className,
39
- items = _ref.items,
40
- onChange = _ref.onChange,
41
- onNextClick = _ref.onNextClick,
42
- onPrevClick = _ref.onPrevClick;
50
+ _ref$classes = _ref.classes;
51
+ _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
52
+ var root = _ref$classes.root,
53
+ itemClass = _ref$classes.itemClass,
54
+ dataAttrs = _ref.dataAttrs,
55
+ className = _ref.className,
56
+ items = _ref.items,
57
+ onChange = _ref.onChange,
58
+ onNextClick = _ref.onNextClick,
59
+ onPrevClick = _ref.onPrevClick;
43
60
  var renderItem = React.useCallback(function (item) {
44
61
  var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
62
+
45
63
  if (!item) {
46
64
  return null;
47
65
  }
66
+
48
67
  var src = item.src,
49
- href = item.href,
50
- alt = item.alt,
51
- rel = item.rel;
68
+ href = item.href,
69
+ alt = item.alt,
70
+ rel = item.rel;
52
71
  return /*#__PURE__*/React.createElement(_uiCore.Tile, {
53
72
  href: href,
54
73
  rel: rel,
@@ -110,4 +129,29 @@ var Partners = function Partners(_ref) {
110
129
  className: cn([root, className])
111
130
  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), items.length > MAX_GRID_ITEMS_LENGTH ? renderCarousel() : renderGrid());
112
131
  };
113
- var _default = exports["default"] = Partners;
132
+
133
+ Partners.propTypes = {
134
+ rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
135
+ current: PropTypes.elementType
136
+ }), PropTypes.any])]),
137
+ classes: PropTypes.shape({
138
+ root: PropTypes.string,
139
+ itemClass: PropTypes.string
140
+ }),
141
+ dataAttrs: PropTypes.shape({
142
+ root: PropTypes.objectOf(PropTypes.string.isRequired),
143
+ item: PropTypes.objectOf(PropTypes.string.isRequired)
144
+ }),
145
+ className: PropTypes.string,
146
+ items: PropTypes.arrayOf(PropTypes.shape({
147
+ href: PropTypes.string,
148
+ rel: PropTypes.string,
149
+ src: PropTypes.string.isRequired,
150
+ alt: PropTypes.string.isRequired
151
+ }).isRequired).isRequired,
152
+ onChange: PropTypes.func,
153
+ onNextClick: PropTypes.func,
154
+ onPrevClick: PropTypes.func
155
+ };
156
+ var _default = Partners;
157
+ exports["default"] = _default;
@@ -1 +1,80 @@
1
- h1,h2,h3,h4,h5{margin:0}@media screen and (min-width:1024px){.mfui-picture-with-description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.mfui-picture-with-description__title{margin-bottom:24px}.mfui-picture-with-description__picture{-ms-flex-item-align:start;align-self:flex-start;overflow:hidden;text-align:center}@media screen and (max-width:1023px){.mfui-picture-with-description__picture{margin:0 auto 32px}}@media screen and (min-width:1024px){.mfui-picture-with-description__picture{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:50%}.mfui-picture-with-description__picture_align_left{-webkit-box-ordinal-group:1;-ms-flex-order:0;margin-right:20px;order:0}}.mfui-picture-with-description__img{height:100%;max-width:550px;width:100%}.mfui-picture-with-description__content>:first-child{margin-top:0!important}.mfui-picture-with-description__content>:last-child{margin-bottom:0!important}@media screen and (min-width:1024px){.mfui-picture-with-description__articles{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:50%}.mfui-picture-with-description__articles_text-top-align{-ms-flex-item-align:start;align-self:flex-start}.mfui-picture-with-description__articles_align_right{margin-right:20px}}
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ @media screen and (min-width: 1024px) {
9
+ .mfui-picture-with-description {
10
+ display: -webkit-box;
11
+ display: -ms-flexbox;
12
+ display: flex;
13
+ -webkit-box-align: center;
14
+ -ms-flex-align: center;
15
+ align-items: center;
16
+ -webkit-box-pack: center;
17
+ -ms-flex-pack: center;
18
+ justify-content: center;
19
+ }
20
+ }
21
+ .mfui-picture-with-description__title {
22
+ margin-bottom: 24px;
23
+ }
24
+ .mfui-picture-with-description__picture {
25
+ -ms-flex-item-align: start;
26
+ align-self: flex-start;
27
+ overflow: hidden;
28
+ text-align: center;
29
+ }
30
+ @media screen and (max-width: 1023px) {
31
+ .mfui-picture-with-description__picture {
32
+ margin: 0 auto 32px;
33
+ }
34
+ }
35
+ @media screen and (min-width: 1024px) {
36
+ .mfui-picture-with-description__picture {
37
+ -webkit-box-ordinal-group: 3;
38
+ -ms-flex-order: 2;
39
+ order: 2;
40
+ width: 50%;
41
+ }
42
+ }
43
+ @media screen and (min-width: 1024px) {
44
+ .mfui-picture-with-description__picture_align_left {
45
+ -webkit-box-ordinal-group: 1;
46
+ -ms-flex-order: 0;
47
+ order: 0;
48
+ margin-right: 20px;
49
+ }
50
+ }
51
+ .mfui-picture-with-description__img {
52
+ width: 100%;
53
+ max-width: 550px;
54
+ height: 100%;
55
+ }
56
+ .mfui-picture-with-description__content > :first-child {
57
+ margin-top: 0 !important;
58
+ }
59
+ .mfui-picture-with-description__content > :last-child {
60
+ margin-bottom: 0 !important;
61
+ }
62
+ @media screen and (min-width: 1024px) {
63
+ .mfui-picture-with-description__articles {
64
+ -webkit-box-ordinal-group: 2;
65
+ -ms-flex-order: 1;
66
+ order: 1;
67
+ width: 50%;
68
+ }
69
+ }
70
+ @media screen and (min-width: 1024px) {
71
+ .mfui-picture-with-description__articles_text-top-align {
72
+ -ms-flex-item-align: start;
73
+ align-self: flex-start;
74
+ }
75
+ }
76
+ @media screen and (min-width: 1024px) {
77
+ .mfui-picture-with-description__articles_align_right {
78
+ margin-right: 20px;
79
+ }
80
+ }
@@ -1,10 +1,10 @@
1
1
  import * as React from 'react';
2
- import './PictureWithDescription.scss';
2
+ import './PictureWithDescription.less';
3
3
  export declare const pictureAlignTypes: {
4
4
  readonly LEFT: "left";
5
5
  readonly RIGHT: "right";
6
6
  };
7
- type PictureAlignTypesType = (typeof pictureAlignTypes)[keyof typeof pictureAlignTypes];
7
+ declare type PictureAlignTypesType = typeof pictureAlignTypes[keyof typeof pictureAlignTypes];
8
8
  export interface IPictureWithDescriptionProps {
9
9
  /** Ссылка на корневой элемент */
10
10
  rootRef?: React.Ref<HTMLDivElement>;
@@ -25,8 +25,6 @@ export interface IPictureWithDescriptionProps {
25
25
  pictureAlt?: string;
26
26
  /** Выравнивание текста по верхнему краю */
27
27
  isTextTopAlign?: boolean;
28
- /** Дочерний элемент компонента */
29
- children?: React.ReactNode;
30
28
  }
31
29
  declare const PictureWithDescription: React.FC<IPictureWithDescriptionProps>;
32
30
  export default PictureWithDescription;