@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 +1,106 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-video-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-video-block,.mfui-video-block__content{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-video-block__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){.mfui-video-block__content{margin-top:24px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-video-block__content{margin-top:32px}}@media screen and (min-width:1024px){.mfui-video-block__content{height:100%;margin-right:20px;padding-right:20px}.mfui-video-block__content_position-right{margin:0 0 0 20px;padding:0 0 0 20px}}.mfui-video-block__header{margin-bottom:24px}@media screen and (max-width:1023px){.mfui-video-block__header{margin-bottom:16px}}.mfui-video-block__description{font-size:15px;font-weight:400;line-height:24px}.mfui-video-block__button{-ms-flex-item-align:start;align-self:flex-start;margin-top:32px;max-width:100%}@media screen and (max-width:767px){.mfui-video-block__button{-ms-flex-item-align:center;align-self:center}}.mfui-video-block__video{-o-object-fit:contain;object-fit:contain;width:100%}.mfui-video-block__video_fix-background{-webkit-filter:brightness(108.5%);filter:brightness(108.5%)}.mfui-video-block__youtube{padding-bottom:56.25%;position:relative}.mfui-video-block__iframe{left:0;position:absolute;top:0}.mfui-video-block__grid{width:100%}
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-video-block {
9
+ display: -webkit-box;
10
+ display: -ms-flexbox;
11
+ display: flex;
12
+ -webkit-box-align: center;
13
+ -ms-flex-align: center;
14
+ align-items: center;
15
+ }
16
+ .mfui-video-block__content {
17
+ display: -webkit-box;
18
+ display: -ms-flexbox;
19
+ display: flex;
20
+ -webkit-box-orient: vertical;
21
+ -webkit-box-direction: normal;
22
+ -ms-flex-direction: column;
23
+ flex-direction: column;
24
+ -webkit-box-pack: center;
25
+ -ms-flex-pack: center;
26
+ justify-content: center;
27
+ }
28
+ @media screen and (max-width: 767px) {
29
+ .mfui-video-block__content {
30
+ margin-top: 24px;
31
+ }
32
+ }
33
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
34
+ .mfui-video-block__content {
35
+ margin-top: 32px;
36
+ }
37
+ }
38
+ @media screen and (min-width: 1024px) {
39
+ .mfui-video-block__content {
40
+ height: 100%;
41
+ margin-right: 20px;
42
+ padding-right: 20px;
43
+ }
44
+ }
45
+ @media screen and (min-width: 1024px) {
46
+ .mfui-video-block__content_position-right {
47
+ margin: 0 0 0 20px;
48
+ padding: 0 0 0 20px;
49
+ }
50
+ }
51
+ .mfui-video-block__header {
52
+ margin-bottom: 24px;
53
+ }
54
+ @media screen and (max-width: 1023px) {
55
+ .mfui-video-block__header {
56
+ margin-bottom: 16px;
57
+ }
58
+ }
59
+ .mfui-video-block__description {
60
+ font-size: 15px;
61
+ line-height: 24px;
62
+ font-weight: 400;
63
+ }
64
+ .mfui-video-block__button {
65
+ -ms-flex-item-align: start;
66
+ align-self: flex-start;
67
+ max-width: 100%;
68
+ margin-top: 32px;
69
+ }
70
+ @media screen and (max-width: 767px) {
71
+ .mfui-video-block__button {
72
+ -ms-flex-item-align: center;
73
+ align-self: center;
74
+ }
75
+ }
76
+ .mfui-video-block__video {
77
+ width: 100%;
78
+ -o-object-fit: contain;
79
+ object-fit: contain;
80
+ }
81
+ .mfui-video-block__video_fix-background {
82
+ -webkit-filter: brightness(108.5%);
83
+ filter: brightness(108.5%);
84
+ }
85
+ .mfui-video-block__youtube {
86
+ position: relative;
87
+ padding-bottom: 56.25%;
88
+ }
89
+ .mfui-video-block__iframe {
90
+ position: absolute;
91
+ top: 0;
92
+ left: 0;
93
+ }
94
+ .mfui-video-block__grid {
95
+ width: 100%;
96
+ }
97
+ .mfui-video-block__content-column_position-right {
98
+ -webkit-box-ordinal-group: 3;
99
+ -ms-flex-order: 2;
100
+ order: 2;
101
+ }
102
+ .mfui-video-block__video-column_position-left {
103
+ -webkit-box-ordinal-group: 2;
104
+ -ms-flex-order: 1;
105
+ order: 1;
106
+ }
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
2
- import './VideoBlock.scss';
1
+ import React, { Ref } from 'react';
2
+ import './VideoBlock.less';
3
3
  export interface IContent {
4
4
  /** Заголовок */
5
5
  title: string;
@@ -20,7 +20,7 @@ export declare const VideoTypes: {
20
20
  readonly YOUTUBE: "youtube";
21
21
  readonly VIDEO: "video";
22
22
  };
23
- type VideoType = (typeof VideoTypes)[keyof typeof VideoTypes];
23
+ declare type VideoType = typeof VideoTypes[keyof typeof VideoTypes];
24
24
  export interface IVideoBlockProps {
25
25
  /** Дополнительные data атрибуты к внутренним элементам */
26
26
  dataAttrs?: {
@@ -36,7 +36,7 @@ export interface IVideoBlockProps {
36
36
  description?: string;
37
37
  };
38
38
  /** Ссылка на корневой элемент */
39
- rootRef?: React.Ref<HTMLDivElement>;
39
+ rootRef?: Ref<HTMLDivElement>;
40
40
  /** Данные для блока с контентом */
41
41
  content?: IContent;
42
42
  /** Тип видео */
@@ -1,10 +1,12 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
+ import "core-js/modules/es.array.concat.js";
2
3
  import "core-js/modules/es.symbol.js";
3
4
  import "core-js/modules/es.symbol.description.js";
4
- import "core-js/modules/es.array.concat.js";
5
- import * as React from 'react';
5
+ import "core-js/modules/es.object.values.js";
6
+ import React from 'react';
6
7
  import { Header, Button, Grid, GridColumn } from '@megafon/ui-core';
7
8
  import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
9
+ import PropTypes from 'prop-types';
8
10
  import "./VideoBlock.css";
9
11
  export var VideoTypes = {
10
12
  YOUTUBE: 'youtube',
@@ -12,27 +14,28 @@ export var VideoTypes = {
12
14
  };
13
15
  export var testIdPrefix = 'VideoBlock';
14
16
  var cn = cnCreate('mfui-video-block');
17
+
15
18
  var VideoBlock = function VideoBlock(_ref) {
16
19
  var dataAttrs = _ref.dataAttrs,
17
- className = _ref.className,
18
- _ref$classes = _ref.classes,
19
- classes = _ref$classes === void 0 ? {} : _ref$classes,
20
- rootRef = _ref.rootRef,
21
- content = _ref.content,
22
- _ref$videoType = _ref.videoType,
23
- videoType = _ref$videoType === void 0 ? 'video' : _ref$videoType,
24
- videoSrc = _ref.videoSrc,
25
- _ref$isMuted = _ref.isMuted,
26
- isMuted = _ref$isMuted === void 0 ? true : _ref$isMuted,
27
- _ref$isAutoplay = _ref.isAutoplay,
28
- isAutoplay = _ref$isAutoplay === void 0 ? false : _ref$isAutoplay,
29
- _ref$contentPositionR = _ref.contentPositionRight,
30
- contentPositionRight = _ref$contentPositionR === void 0 ? false : _ref$contentPositionR,
31
- poster = _ref.poster,
32
- _ref$playsinline = _ref.playsinline,
33
- playsinline = _ref$playsinline === void 0 ? false : _ref$playsinline,
34
- _ref$fixWhiteVideoBac = _ref.fixWhiteVideoBackground,
35
- fixWhiteVideoBackground = _ref$fixWhiteVideoBac === void 0 ? false : _ref$fixWhiteVideoBac;
20
+ className = _ref.className,
21
+ _ref$classes = _ref.classes,
22
+ classes = _ref$classes === void 0 ? {} : _ref$classes,
23
+ rootRef = _ref.rootRef,
24
+ content = _ref.content,
25
+ _ref$videoType = _ref.videoType,
26
+ videoType = _ref$videoType === void 0 ? 'video' : _ref$videoType,
27
+ videoSrc = _ref.videoSrc,
28
+ _ref$isMuted = _ref.isMuted,
29
+ isMuted = _ref$isMuted === void 0 ? true : _ref$isMuted,
30
+ _ref$isAutoplay = _ref.isAutoplay,
31
+ isAutoplay = _ref$isAutoplay === void 0 ? false : _ref$isAutoplay,
32
+ _ref$contentPositionR = _ref.contentPositionRight,
33
+ contentPositionRight = _ref$contentPositionR === void 0 ? false : _ref$contentPositionR,
34
+ poster = _ref.poster,
35
+ _ref$playsinline = _ref.playsinline,
36
+ playsinline = _ref$playsinline === void 0 ? false : _ref$playsinline,
37
+ _ref$fixWhiteVideoBac = _ref.fixWhiteVideoBackground,
38
+ fixWhiteVideoBackground = _ref$fixWhiteVideoBac === void 0 ? false : _ref$fixWhiteVideoBac;
36
39
  var renderVideo = React.useCallback(function () {
37
40
  switch (videoType) {
38
41
  case VideoTypes.YOUTUBE:
@@ -62,6 +65,7 @@ var VideoBlock = function VideoBlock(_ref) {
62
65
  "data-testid": "".concat(testIdPrefix, "-iframe-video")
63
66
  }));
64
67
  }
68
+
65
69
  case VideoTypes.VIDEO:
66
70
  {
67
71
  return (
@@ -84,6 +88,7 @@ var VideoBlock = function VideoBlock(_ref) {
84
88
  }))
85
89
  );
86
90
  }
91
+
87
92
  default:
88
93
  {
89
94
  return null;
@@ -92,12 +97,12 @@ var VideoBlock = function VideoBlock(_ref) {
92
97
  }, [videoType, videoSrc, isAutoplay, isMuted, poster, playsinline, fixWhiteVideoBackground]);
93
98
  var renderContent = React.useCallback(function (_ref2) {
94
99
  var title = _ref2.title,
95
- description = _ref2.description,
96
- href = _ref2.href,
97
- buttonDownload = _ref2.buttonDownload,
98
- buttonTitle = _ref2.buttonTitle,
99
- buttonRel = _ref2.buttonRel,
100
- onButtonClick = _ref2.onButtonClick;
100
+ description = _ref2.description,
101
+ href = _ref2.href,
102
+ buttonDownload = _ref2.buttonDownload,
103
+ buttonTitle = _ref2.buttonTitle,
104
+ buttonRel = _ref2.buttonRel,
105
+ onButtonClick = _ref2.onButtonClick;
101
106
  return /*#__PURE__*/React.createElement("div", {
102
107
  className: cn('content', {
103
108
  'position-right': contentPositionRight
@@ -122,27 +127,29 @@ var VideoBlock = function VideoBlock(_ref) {
122
127
  var renderGridColumns = React.useCallback(function () {
123
128
  var columns = [];
124
129
  var columnWidth = content ? '7' : '10';
130
+
125
131
  if (content) {
126
132
  columns.push( /*#__PURE__*/React.createElement(GridColumn, {
127
133
  all: "5",
128
134
  tablet: "12",
129
135
  mobile: "12",
130
- orderTablet: "1",
131
- orderMobile: "1",
132
- orderWide: contentPositionRight ? '1' : '0',
133
- orderDesktop: contentPositionRight ? '1' : '0',
136
+ orderTablet: "2",
137
+ orderMobile: "2",
134
138
  key: "column-content",
135
- className: cn('content-column')
139
+ className: cn('content-column', {
140
+ 'position-right': contentPositionRight
141
+ })
136
142
  }, renderContent(content)));
137
143
  }
144
+
138
145
  columns.push( /*#__PURE__*/React.createElement(GridColumn, {
139
146
  all: columnWidth,
140
147
  tablet: "12",
141
148
  mobile: "12",
142
149
  key: "column-video",
143
- orderDesktop: contentPositionRight ? '0' : '1',
144
- orderWide: contentPositionRight ? '0' : '1',
145
- className: cn('video-column')
150
+ className: cn('video-column', {
151
+ 'position-left': contentPositionRight
152
+ })
146
153
  }, renderVideo()));
147
154
  return columns;
148
155
  }, [renderContent, renderVideo, content, contentPositionRight]);
@@ -154,4 +161,37 @@ var VideoBlock = function VideoBlock(_ref) {
154
161
  className: cn('grid')
155
162
  }, renderGridColumns()));
156
163
  };
164
+
165
+ VideoBlock.propTypes = {
166
+ dataAttrs: PropTypes.shape({
167
+ root: PropTypes.objectOf(PropTypes.string.isRequired),
168
+ button: PropTypes.objectOf(PropTypes.string.isRequired)
169
+ }),
170
+ className: PropTypes.string,
171
+ classes: PropTypes.shape({
172
+ root: PropTypes.string,
173
+ button: PropTypes.string,
174
+ description: PropTypes.string
175
+ }),
176
+ rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
177
+ current: PropTypes.elementType
178
+ }), PropTypes.any])]),
179
+ content: PropTypes.shape({
180
+ title: PropTypes.string.isRequired,
181
+ description: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
182
+ href: PropTypes.string,
183
+ buttonTitle: PropTypes.string,
184
+ buttonDownload: PropTypes.bool,
185
+ buttonRel: PropTypes.string,
186
+ onButtonClick: PropTypes.func
187
+ }),
188
+ videoType: PropTypes.oneOf(Object.values(VideoTypes)),
189
+ videoSrc: PropTypes.string.isRequired,
190
+ isMuted: PropTypes.bool,
191
+ isAutoplay: PropTypes.bool,
192
+ poster: PropTypes.string,
193
+ playsinline: PropTypes.bool,
194
+ contentPositionRight: PropTypes.bool,
195
+ fixWhiteVideoBackground: PropTypes.bool
196
+ };
157
197
  export default VideoBlock;
@@ -1,6 +1,2 @@
1
1
  import React from 'react';
2
- import { GridColumn } from '@megafon/ui-core';
3
- type GridColumnPropsType = React.ComponentProps<typeof GridColumn>;
4
- type GridColumnConfigType = Partial<Pick<GridColumnPropsType, 'all' | 'wide' | 'desktop' | 'tablet' | 'mobile'>>;
5
- export declare const getColumnConfig: (isFullWidth: boolean) => GridColumnConfigType;
6
- export {};
2
+ export declare const getColumnConfig: (isFullWidth: boolean) => Pick<React.PropsWithChildren<import("@megafon/ui-core/dist/lib/components/Grid/GridColumn").IGridColumn>, "all" | "wide" | "mobile" | "desktop" | "tablet">;
@@ -0,0 +1 @@
1
+ export declare const setRelAttribute: (rel?: string | undefined, target?: "_self" | "_blank" | "_parent" | "_top" | undefined) => string | undefined;
@@ -0,0 +1,11 @@
1
+ export var setRelAttribute = function setRelAttribute(rel, target) {
2
+ if (rel) {
3
+ return rel;
4
+ }
5
+
6
+ if (target !== '_self') {
7
+ return 'noreferrer noopener';
8
+ }
9
+
10
+ return undefined;
11
+ };
@@ -0,0 +1,7 @@
1
+ export declare type useResolutionsReturnType = {
2
+ isDesktop: boolean;
3
+ isMobile: boolean;
4
+ isTablet: boolean;
5
+ };
6
+ declare const useResolutions: () => useResolutionsReturnType;
7
+ export default useResolutions;
@@ -0,0 +1,60 @@
1
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
+ import "core-js/modules/es.array.concat.js";
3
+ import React from 'react';
4
+ import { breakpoints } from '@megafon/ui-helpers';
5
+ var MOBILE_MIDDLE_END = breakpoints.MOBILE_MIDDLE_END,
6
+ MOBILE_BIG_START = breakpoints.MOBILE_BIG_START,
7
+ MOBILE_BIG_END = breakpoints.MOBILE_BIG_END,
8
+ DESKTOP_SMALL_START = breakpoints.DESKTOP_SMALL_START;
9
+
10
+ var useResolutions = function useResolutions() {
11
+ var _React$useState = React.useState(false),
12
+ _React$useState2 = _slicedToArray(_React$useState, 2),
13
+ isMobile = _React$useState2[0],
14
+ setIsMobile = _React$useState2[1];
15
+
16
+ var _React$useState3 = React.useState(false),
17
+ _React$useState4 = _slicedToArray(_React$useState3, 2),
18
+ isTablet = _React$useState4[0],
19
+ setIsTablet = _React$useState4[1];
20
+
21
+ var _React$useState5 = React.useState(false),
22
+ _React$useState6 = _slicedToArray(_React$useState5, 2),
23
+ isDesktop = _React$useState6[0],
24
+ setIsDesktop = _React$useState6[1];
25
+
26
+ React.useEffect(function () {
27
+ if (typeof window === 'undefined') {
28
+ return undefined;
29
+ }
30
+
31
+ var _window = window,
32
+ matchMedia = _window.matchMedia;
33
+ var mobileQuery = matchMedia("(max-width: ".concat(MOBILE_MIDDLE_END, "px)"));
34
+ var tabletQuery = matchMedia("(min-width: ".concat(MOBILE_BIG_START, "px) and (max-width: ").concat(MOBILE_BIG_END, "px)"));
35
+ var desktopQuery = matchMedia("(min-width: ".concat(DESKTOP_SMALL_START, "px)"));
36
+
37
+ var handleResize = function handleResize() {
38
+ setIsMobile(mobileQuery.matches);
39
+ setIsTablet(tabletQuery.matches);
40
+ setIsDesktop(desktopQuery.matches);
41
+ };
42
+
43
+ handleResize();
44
+ mobileQuery.addEventListener('change', handleResize);
45
+ tabletQuery.addEventListener('change', handleResize);
46
+ desktopQuery.addEventListener('change', handleResize);
47
+ return function () {
48
+ mobileQuery.removeEventListener('change', handleResize);
49
+ tabletQuery.removeEventListener('change', handleResize);
50
+ desktopQuery.removeEventListener('change', handleResize);
51
+ };
52
+ }, []);
53
+ return {
54
+ isDesktop: isDesktop,
55
+ isMobile: isMobile,
56
+ isTablet: isTablet
57
+ };
58
+ };
59
+
60
+ export default useResolutions;
@@ -7,6 +7,8 @@ export { default as BannerBox } from './components/BannerBox/BannerBox';
7
7
  export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIcons';
8
8
  export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
9
9
  export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
10
+ export { default as BlogBox } from './components/BlogBox/BlogBox';
11
+ export { default as BlogBoxTile } from './components/BlogBox/components/BlogBoxTile';
10
12
  export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
11
13
  export { default as BreadcrumbsItem } from './components/Breadcrumbs/components/BreadcrumbsItem';
12
14
  export { default as ButtonBanner } from './components/ButtonBanner/ButtonBanner';
package/dist/es/index.js CHANGED
@@ -7,6 +7,8 @@ export { default as BannerBox } from "./components/BannerBox/BannerBox";
7
7
  export { default as BenefitsIcons } from "./components/BenefitsIcons/BenefitsIcons";
8
8
  export { default as BenefitsIconsTile } from "./components/BenefitsIcons/BenefitsIconsTile";
9
9
  export { default as BenefitsPictures } from "./components/BenefitsPictures/BenefitsPictures";
10
+ export { default as BlogBox } from "./components/BlogBox/BlogBox";
11
+ export { default as BlogBoxTile } from "./components/BlogBox/components/BlogBoxTile";
10
12
  export { default as Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
11
13
  export { default as BreadcrumbsItem } from "./components/Breadcrumbs/components/BreadcrumbsItem";
12
14
  export { default as ButtonBanner } from "./components/ButtonBanner/ButtonBanner";
@@ -1 +1,15 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-accordion-box+.mfui-accordion-box{margin-top:8px}@media screen and (min-width:768px){.mfui-accordion-box+.mfui-accordion-box{margin-top:12px}}
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-accordion-box + .mfui-accordion-box {
9
+ margin-top: 8px;
10
+ }
11
+ @media screen and (min-width: 768px) {
12
+ .mfui-accordion-box + .mfui-accordion-box {
13
+ margin-top: 12px;
14
+ }
15
+ }
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { IHeaderProps } from '@megafon/ui-core/dist/lib/components/Header/Header';
3
- import './AccordionBox.scss';
3
+ import './AccordionBox.less';
4
4
  export interface IAccordionBox {
5
5
  /** Дополнительные data атрибуты к внутренним элементам */
6
6
  dataAttrs?: {
@@ -43,5 +43,5 @@ export interface IAccordionBox {
43
43
  /** Обработчик клика */
44
44
  onClickAccordion?: (isOpened: boolean) => void;
45
45
  }
46
- declare const AccordionBox: React.FC<React.PropsWithChildren<IAccordionBox>>;
46
+ declare const AccordionBox: React.FC<IAccordionBox>;
47
47
  export default AccordionBox;
@@ -1,36 +1,57 @@
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"));
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
+
11
16
  var React = _interopRequireWildcard(require("react"));
17
+
12
18
  var _uiCore = require("@megafon/ui-core");
19
+
13
20
  var _uiHelpers = require("@megafon/ui-helpers");
21
+
22
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
23
+
14
24
  var _getColumnConfig = require("../../helpers/getColumnConfig");
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; }
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
+
18
32
  var __rest = void 0 && (void 0).__rest || function (s, e) {
19
33
  var t = {};
20
- 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
+
21
39
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
40
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
23
41
  }
24
42
  return t;
25
43
  };
44
+
26
45
  var testIdPrefix = 'AccordionBox';
27
46
  var cn = (0, _uiHelpers.cnCreate)('mfui-accordion-box');
47
+
28
48
  var AccordionBox = function AccordionBox(_a) {
29
49
  var _a$hCenterAlignWide = _a.hCenterAlignWide,
30
- hCenterAlignWide = _a$hCenterAlignWide === void 0 ? false : _a$hCenterAlignWide,
31
- _a$isFullWidth = _a.isFullWidth,
32
- isFullWidth = _a$isFullWidth === void 0 ? false : _a$isFullWidth,
33
- restProps = __rest(_a, ["hCenterAlignWide", "isFullWidth"]);
50
+ hCenterAlignWide = _a$hCenterAlignWide === void 0 ? false : _a$hCenterAlignWide,
51
+ _a$isFullWidth = _a.isFullWidth,
52
+ isFullWidth = _a$isFullWidth === void 0 ? false : _a$isFullWidth,
53
+ restProps = __rest(_a, ["hCenterAlignWide", "isFullWidth"]);
54
+
34
55
  return /*#__PURE__*/React.createElement("div", {
35
56
  className: cn()
36
57
  }, /*#__PURE__*/React.createElement(_uiCore.Grid, {
@@ -48,4 +69,39 @@ var AccordionBox = function AccordionBox(_a) {
48
69
  }
49
70
  }), /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps))));
50
71
  };
51
- var _default = exports["default"] = AccordionBox;
72
+
73
+ AccordionBox.propTypes = {
74
+ dataAttrs: PropTypes.shape({
75
+ root: PropTypes.objectOf(PropTypes.string.isRequired),
76
+ header: PropTypes.shape({
77
+ root: PropTypes.objectOf(PropTypes.string.isRequired)
78
+ }),
79
+ collapse: PropTypes.shape({
80
+ root: PropTypes.objectOf(PropTypes.string.isRequired),
81
+ inner: PropTypes.objectOf(PropTypes.string.isRequired)
82
+ }),
83
+ titleWrap: PropTypes.objectOf(PropTypes.string.isRequired),
84
+ arrowUp: PropTypes.objectOf(PropTypes.string.isRequired),
85
+ arrowDown: PropTypes.objectOf(PropTypes.string.isRequired)
86
+ }),
87
+ rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
88
+ current: PropTypes.elementType
89
+ }), PropTypes.any])]),
90
+ title: PropTypes.string.isRequired,
91
+ titleTag: PropTypes.oneOf(['h1', 'h2', 'h3', 'h5']),
92
+ isFullWidth: PropTypes.bool,
93
+ isOpened: PropTypes.bool,
94
+ hasMicrodata: PropTypes.bool,
95
+ hCenterAlignWide: PropTypes.bool,
96
+ className: PropTypes.string,
97
+ classes: PropTypes.shape({
98
+ openedClass: PropTypes.string,
99
+ root: PropTypes.string,
100
+ collapse: PropTypes.string,
101
+ titleWrap: PropTypes.string,
102
+ title: PropTypes.string
103
+ }),
104
+ onClickAccordion: PropTypes.func
105
+ };
106
+ var _default = AccordionBox;
107
+ exports["default"] = _default;
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
2
- import './style/AudioPlayer.scss';
1
+ import React from 'react';
2
+ import './style/AudioPlayer.less';
3
3
  export interface IAudioPlayerProps {
4
4
  audioSrc: string;
5
5
  audioTitle: string;