@megafon/ui-shared 5.16.0 → 6.0.0-beta.1

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 (285) hide show
  1. package/dist/es/components/AccordionBox/AccordionBox.css +1 -15
  2. package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
  3. package/dist/es/components/AccordionBox/AccordionBox.js +6 -49
  4. package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  5. package/dist/es/components/AudioPlayer/AudioPlayer.js +11 -27
  6. package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
  7. package/dist/es/components/AudioPlayer/AudioProgress.js +10 -22
  8. package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
  9. package/dist/es/components/AudioPlayer/AudioRange.js +8 -10
  10. package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
  11. package/dist/es/components/AudioPlayer/AudioVolume.js +3 -12
  12. package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +4 -10
  13. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +1 -58
  14. package/dist/es/components/AudioPlayer/style/AudioProgress.css +1 -35
  15. package/dist/es/components/AudioPlayer/style/AudioRange.css +1 -68
  16. package/dist/es/components/AudioPlayer/style/AudioVolume.css +1 -34
  17. package/dist/es/components/AudioPlayer/timerFormatUtil.js +1 -9
  18. package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
  19. package/dist/es/components/BannerBox/BannerBox.js +3 -12
  20. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  21. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +23 -64
  22. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  23. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +9 -36
  24. package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
  25. package/dist/es/components/BenefitsIcons/helpers.js +6 -20
  26. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
  27. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
  28. package/dist/es/components/BenefitsIcons/types.d.ts +5 -5
  29. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  30. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +19 -49
  31. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -43
  32. package/dist/es/components/BenefitsPictures/helpers.d.ts +2 -2
  33. package/dist/es/components/BenefitsPictures/helpers.js +0 -14
  34. package/dist/es/components/BenefitsPictures/types.d.ts +3 -3
  35. package/dist/es/components/BenefitsPictures/types.js +1 -0
  36. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +1 -43
  37. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  38. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +10 -39
  39. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
  40. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  41. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +11 -36
  42. package/dist/es/components/ButtonBanner/ButtonBanner.css +1 -122
  43. package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  44. package/dist/es/components/ButtonBanner/ButtonBanner.js +22 -53
  45. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  46. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  47. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +20 -51
  48. package/dist/es/components/Card/Card.css +1 -354
  49. package/dist/es/components/Card/Card.d.ts +5 -9
  50. package/dist/es/components/Card/Card.js +26 -136
  51. package/dist/es/components/Card/types.d.ts +9 -15
  52. package/dist/es/components/Card/types.js +1 -0
  53. package/dist/es/components/CardsBox/CardsBox.js +3 -14
  54. package/dist/es/components/CardsBox/helpers.d.ts +2 -2
  55. package/dist/es/components/CardsBox/helpers.js +0 -4
  56. package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
  57. package/dist/es/components/CarouselBox/CarouselBox.js +11 -24
  58. package/dist/es/components/Container/Container.css +1 -3230
  59. package/dist/es/components/Container/Container.d.ts +7 -5
  60. package/dist/es/components/Container/Container.js +10 -25
  61. package/dist/es/components/DownloadLinks/DownloadLink.css +1 -37
  62. package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
  63. package/dist/es/components/DownloadLinks/DownloadLink.js +13 -44
  64. package/dist/es/components/DownloadLinks/DownloadLinks.css +1 -36
  65. package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  66. package/dist/es/components/DownloadLinks/DownloadLinks.js +2 -13
  67. package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  68. package/dist/es/components/FaqWrapper/FaqWrapper.js +1 -3
  69. package/dist/es/components/ImageBanner/ImageBanner.css +1 -248
  70. package/dist/es/components/ImageBanner/ImageBanner.d.ts +21 -17
  71. package/dist/es/components/ImageBanner/ImageBanner.js +51 -109
  72. package/dist/es/components/Instructions/Instructions.css +1 -790
  73. package/dist/es/components/Instructions/Instructions.d.ts +11 -11
  74. package/dist/es/components/Instructions/Instructions.js +41 -94
  75. package/dist/es/components/NotificationBox/NotificationBox.css +1 -0
  76. package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
  77. package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
  78. package/dist/es/components/PageTitle/PageTitle.css +1 -80
  79. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
  80. package/dist/es/components/PageTitle/PageTitle.js +12 -37
  81. package/dist/es/components/Partners/Partners.css +1 -53
  82. package/dist/es/components/Partners/Partners.d.ts +2 -2
  83. package/dist/es/components/Partners/Partners.js +17 -48
  84. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +1 -80
  85. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  86. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
  87. package/dist/es/components/Property/Property.css +1 -156
  88. package/dist/es/components/Property/Property.d.ts +4 -4
  89. package/dist/es/components/Property/Property.js +37 -81
  90. package/dist/es/components/Property/PropertyDescription.css +1 -17
  91. package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
  92. package/dist/es/components/Property/PropertyDescription.js +8 -28
  93. package/dist/es/components/Property/types.d.ts +7 -5
  94. package/dist/es/components/Property/types.js +1 -0
  95. package/dist/es/components/Steps/Steps.css +1 -41
  96. package/dist/es/components/Steps/Steps.d.ts +2 -1
  97. package/dist/es/components/Steps/Steps.js +4 -19
  98. package/dist/es/components/Steps/StepsItem.css +1 -42
  99. package/dist/es/components/Steps/StepsItem.d.ts +2 -2
  100. package/dist/es/components/Steps/StepsItem.js +2 -9
  101. package/dist/es/components/StoreBanner/StoreBanner.css +1 -346
  102. package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
  103. package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
  104. package/dist/es/components/StoreButton/StoreButton.css +1 -327
  105. package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
  106. package/dist/es/components/StoreButton/StoreButton.js +13 -44
  107. package/dist/es/components/Table/Table.css +1 -157
  108. package/dist/es/components/Table/Table.d.ts +1 -1
  109. package/dist/es/components/Table/Table.js +31 -51
  110. package/dist/es/components/Table/TableCell.js +0 -6
  111. package/dist/es/components/Table/TableRow.js +1 -10
  112. package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
  113. package/dist/es/components/TabsBox/TabsBox.js +4 -13
  114. package/dist/es/components/TextBox/TextBox.css +1 -25
  115. package/dist/es/components/TextBox/TextBox.d.ts +2 -1
  116. package/dist/es/components/TextBox/TextBox.js +8 -23
  117. package/dist/es/components/TextBox/TextBoxPicture.css +1 -27
  118. package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
  119. package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
  120. package/dist/es/components/TextWithIcon/TextWithIcon.css +1 -10
  121. package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  122. package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
  123. package/dist/es/components/TextWithIcon/TextWithIconItem.css +1 -29
  124. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  125. package/dist/es/components/TextWithIcon/TextWithIconItem.js +6 -21
  126. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
  127. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  128. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
  129. package/dist/es/components/VideoBanner/VideoBanner.css +1 -225
  130. package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
  131. package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
  132. package/dist/es/components/VideoBlock/VideoBlock.css +1 -106
  133. package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
  134. package/dist/es/components/VideoBlock/VideoBlock.js +35 -75
  135. package/dist/es/helpers/getColumnConfig.d.ts +5 -1
  136. package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
  137. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
  138. package/dist/lib/components/AccordionBox/AccordionBox.js +10 -66
  139. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  140. package/dist/lib/components/AudioPlayer/AudioPlayer.js +32 -56
  141. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
  142. package/dist/lib/components/AudioPlayer/AudioProgress.js +12 -43
  143. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
  144. package/dist/lib/components/AudioPlayer/AudioRange.js +9 -17
  145. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
  146. package/dist/lib/components/AudioPlayer/AudioVolume.js +4 -23
  147. package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +5 -16
  148. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +1 -58
  149. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +1 -35
  150. package/dist/lib/components/AudioPlayer/style/AudioRange.css +1 -68
  151. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +1 -34
  152. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
  153. package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
  154. package/dist/lib/components/BannerBox/BannerBox.js +7 -25
  155. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  156. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +26 -86
  157. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  158. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +13 -53
  159. package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
  160. package/dist/lib/components/BenefitsIcons/helpers.js +10 -37
  161. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
  162. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
  163. package/dist/lib/components/BenefitsIcons/types.d.ts +5 -5
  164. package/dist/lib/components/BenefitsIcons/types.js +5 -8
  165. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  166. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +24 -71
  167. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
  168. package/dist/lib/components/BenefitsPictures/helpers.d.ts +2 -2
  169. package/dist/lib/components/BenefitsPictures/helpers.js +9 -40
  170. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -3
  171. package/dist/lib/components/BenefitsPictures/types.js +5 -1
  172. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
  173. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  174. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +18 -60
  175. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
  176. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  177. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +22 -55
  178. package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
  179. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  180. package/dist/lib/components/ButtonBanner/ButtonBanner.js +40 -89
  181. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  182. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  183. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +29 -72
  184. package/dist/lib/components/Card/Card.css +1 -354
  185. package/dist/lib/components/Card/Card.d.ts +5 -9
  186. package/dist/lib/components/Card/Card.js +63 -180
  187. package/dist/lib/components/Card/types.d.ts +9 -15
  188. package/dist/lib/components/Card/types.js +5 -1
  189. package/dist/lib/components/CardsBox/CardsBox.js +7 -31
  190. package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
  191. package/dist/lib/components/CardsBox/helpers.js +1 -8
  192. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
  193. package/dist/lib/components/CarouselBox/CarouselBox.js +15 -39
  194. package/dist/lib/components/Container/Container.css +1 -3230
  195. package/dist/lib/components/Container/Container.d.ts +7 -5
  196. package/dist/lib/components/Container/Container.js +17 -39
  197. package/dist/lib/components/DownloadLinks/DownloadLink.css +1 -37
  198. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
  199. package/dist/lib/components/DownloadLinks/DownloadLink.js +17 -60
  200. package/dist/lib/components/DownloadLinks/DownloadLinks.css +1 -36
  201. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  202. package/dist/lib/components/DownloadLinks/DownloadLinks.js +8 -33
  203. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  204. package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
  205. package/dist/lib/components/ImageBanner/ImageBanner.css +1 -248
  206. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +21 -17
  207. package/dist/lib/components/ImageBanner/ImageBanner.js +71 -155
  208. package/dist/lib/components/Instructions/Instructions.css +1 -790
  209. package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
  210. package/dist/lib/components/Instructions/Instructions.js +103 -186
  211. package/dist/lib/components/NotificationBox/NotificationBox.css +1 -0
  212. package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
  213. package/dist/lib/components/NotificationBox/NotificationBox.js +9 -37
  214. package/dist/lib/components/PageTitle/PageTitle.css +1 -80
  215. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
  216. package/dist/lib/components/PageTitle/PageTitle.js +15 -52
  217. package/dist/lib/components/Partners/Partners.css +1 -53
  218. package/dist/lib/components/Partners/Partners.d.ts +2 -2
  219. package/dist/lib/components/Partners/Partners.js +21 -65
  220. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +1 -80
  221. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  222. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
  223. package/dist/lib/components/Property/Property.css +1 -156
  224. package/dist/lib/components/Property/Property.d.ts +4 -4
  225. package/dist/lib/components/Property/Property.js +60 -120
  226. package/dist/lib/components/Property/PropertyDescription.css +1 -17
  227. package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
  228. package/dist/lib/components/Property/PropertyDescription.js +15 -46
  229. package/dist/lib/components/Property/types.d.ts +7 -5
  230. package/dist/lib/components/Property/types.js +5 -1
  231. package/dist/lib/components/Steps/Steps.css +1 -41
  232. package/dist/lib/components/Steps/Steps.d.ts +2 -1
  233. package/dist/lib/components/Steps/Steps.js +8 -35
  234. package/dist/lib/components/Steps/StepsItem.css +1 -42
  235. package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
  236. package/dist/lib/components/Steps/StepsItem.js +11 -23
  237. package/dist/lib/components/StoreBanner/StoreBanner.css +1 -346
  238. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
  239. package/dist/lib/components/StoreBanner/StoreBanner.js +47 -118
  240. package/dist/lib/components/StoreButton/StoreButton.css +1 -327
  241. package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
  242. package/dist/lib/components/StoreButton/StoreButton.js +17 -63
  243. package/dist/lib/components/Table/Table.css +1 -157
  244. package/dist/lib/components/Table/Table.d.ts +1 -1
  245. package/dist/lib/components/Table/Table.js +35 -68
  246. package/dist/lib/components/Table/TableCell.js +4 -16
  247. package/dist/lib/components/Table/TableRow.js +5 -19
  248. package/dist/lib/components/TabsBox/TabBox.js +1 -4
  249. package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
  250. package/dist/lib/components/TabsBox/TabsBox.js +8 -26
  251. package/dist/lib/components/TextBox/TextBox.css +1 -25
  252. package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
  253. package/dist/lib/components/TextBox/TextBox.js +12 -36
  254. package/dist/lib/components/TextBox/TextBoxPicture.css +1 -27
  255. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
  256. package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
  257. package/dist/lib/components/TextWithIcon/TextWithIcon.css +1 -10
  258. package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  259. package/dist/lib/components/TextWithIcon/TextWithIcon.js +10 -39
  260. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +1 -29
  261. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  262. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +10 -37
  263. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
  264. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  265. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +10 -40
  266. package/dist/lib/components/VideoBanner/VideoBanner.css +1 -225
  267. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
  268. package/dist/lib/components/VideoBanner/VideoBanner.js +83 -176
  269. package/dist/lib/components/VideoBlock/VideoBlock.css +1 -106
  270. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
  271. package/dist/lib/components/VideoBlock/VideoBlock.js +58 -114
  272. package/dist/lib/constants/throttleTime.js +2 -3
  273. package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
  274. package/dist/lib/helpers/getColumnConfig.js +2 -5
  275. package/dist/lib/index.js +10 -57
  276. package/package.json +89 -92
  277. package/CHANGELOG.md +0 -3984
  278. package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
  279. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  280. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  281. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  282. package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
  283. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  284. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  285. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './TextWithIconItem.less';
2
+ import './TextWithIconItem.scss';
3
3
  export interface ITextWithIconItem {
4
4
  /** Дополнительные классы для внутренних элементов */
5
5
  classes?: {
@@ -3,26 +3,23 @@ import "core-js/modules/es.array.is-array.js";
3
3
  import "core-js/modules/es.array.map.js";
4
4
  import * as React from 'react';
5
5
  import { cnCreate, convert, filterDataAttrs, textConvertConfig } from '@megafon/ui-helpers';
6
- import * as PropTypes from 'prop-types';
7
6
  import "./TextWithIconItem.css";
8
7
  var testIdPrefix = 'TextWithIconItem';
9
8
  var cn = cnCreate('mfui-text-with-icon-item');
10
-
11
9
  var TextWithIconItem = function TextWithIconItem(_ref) {
12
10
  var className = _ref.className,
13
- _ref$classes = _ref.classes,
14
- classes = _ref$classes === void 0 ? {} : _ref$classes,
15
- text = _ref.text,
16
- icon = _ref.icon,
17
- rootRef = _ref.rootRef,
18
- dataAttrs = _ref.dataAttrs;
11
+ _ref$classes = _ref.classes,
12
+ classes = _ref$classes === void 0 ? {} : _ref$classes,
13
+ text = _ref.text,
14
+ icon = _ref.icon,
15
+ rootRef = _ref.rootRef,
16
+ dataAttrs = _ref.dataAttrs;
19
17
  var renderText = React.useMemo(function () {
20
18
  if (Array.isArray(text)) {
21
19
  return text.map(function (item) {
22
20
  return convert(item, textConvertConfig);
23
21
  });
24
22
  }
25
-
26
23
  return convert(text, textConvertConfig);
27
24
  }, [text]);
28
25
  return /*#__PURE__*/React.createElement("div", _extends({
@@ -36,16 +33,4 @@ var TextWithIconItem = function TextWithIconItem(_ref) {
36
33
  "data-testid": "".concat(testIdPrefix, "-text")
37
34
  }, renderText));
38
35
  };
39
-
40
- TextWithIconItem.propTypes = {
41
- text: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.arrayOf(PropTypes.string.isRequired)]).isRequired,
42
- icon: PropTypes.node.isRequired,
43
- rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
44
- current: PropTypes.elementType
45
- }), PropTypes.any])]),
46
- dataAttrs: PropTypes.shape({
47
- root: PropTypes.objectOf(PropTypes.string.isRequired)
48
- }),
49
- className: PropTypes.string
50
- };
51
36
  export default TextWithIconItem;
@@ -1,31 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-title-description-box {
9
- font-family: inherit;
10
- color: var(--content);
11
- }
12
- .mfui-title-description-box__item_header {
13
- white-space: pre-wrap;
14
- }
15
- .mfui-title-description-box__item:not(:last-child) {
16
- margin-bottom: 16px;
17
- }
18
- .mfui-title-description-box_text-color_white {
19
- color: var(--stcWhite);
20
- }
21
- .mfui-title-description-box_h-align_center {
22
- text-align: center;
23
- }
24
- .mfui-title-description-box__description {
25
- font-size: 15px;
26
- line-height: 24px;
27
- font-weight: 400;
28
- }
29
- .mfui-title-description-box__description :last-child {
30
- margin-bottom: 0 !important;
31
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-title-description-box{color:var(--content),.mfui-title-description-box __item_header;font-family:inherit;color-white-space:pre-wrap}.mfui-title-description-box__item:not(:last-child){margin-bottom:16px}.mfui-title-description-box_text-color_white{color:var(--stcWhite)}.mfui-title-description-box_h-align_center{text-align:center}.mfui-title-description-box__description{font-size:15px;font-weight:400;line-height:24px}.mfui-title-description-box__description :last-child{margin-bottom:0!important}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './TitleDescriptionBox.less';
2
+ import './TitleDescriptionBox.scss';
3
3
  export interface ITitleDescriptionBoxProps {
4
4
  /** Дополнительные data атрибуты к внутренним элементам */
5
5
  dataAttrs?: {
@@ -4,19 +4,17 @@ import "core-js/modules/es.symbol.description.js";
4
4
  import * as React from 'react';
5
5
  import { Header, Paragraph, Grid, GridColumn } from '@megafon/ui-core';
6
6
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
7
- import * as PropTypes from 'prop-types';
8
7
  import "./TitleDescriptionBox.css";
9
8
  var testIdPrefix = 'TitleDescriptionBox';
10
9
  var cn = cnCreate('mfui-title-description-box');
11
-
12
10
  var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
13
11
  var dataAttrs = _ref.dataAttrs,
14
- title = _ref.title,
15
- description = _ref.description,
16
- textColor = _ref.textColor,
17
- align = _ref.align,
18
- rootRef = _ref.rootRef,
19
- className = _ref.className;
12
+ title = _ref.title,
13
+ description = _ref.description,
14
+ textColor = _ref.textColor,
15
+ align = _ref.align,
16
+ rootRef = _ref.rootRef,
17
+ className = _ref.className;
20
18
  var renderDescription = React.useCallback(function () {
21
19
  if (typeof description === 'string') {
22
20
  return /*#__PURE__*/React.createElement(Paragraph, {
@@ -30,7 +28,6 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
30
28
  }
31
29
  }, description);
32
30
  }
33
-
34
31
  return /*#__PURE__*/React.createElement("div", {
35
32
  className: cn('description'),
36
33
  "data-testid": "".concat(testIdPrefix, "-description-node")
@@ -60,18 +57,4 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
60
57
  color: "inherit"
61
58
  }, title), description && renderDescription())));
62
59
  };
63
-
64
- TitleDescriptionBox.propTypes = {
65
- dataAttrs: PropTypes.shape({
66
- root: PropTypes.objectOf(PropTypes.string.isRequired)
67
- }),
68
- rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
69
- current: PropTypes.elementType
70
- }), PropTypes.any])]),
71
- className: PropTypes.string,
72
- title: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
73
- description: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
74
- align: PropTypes.oneOf(['center']),
75
- textColor: PropTypes.oneOf(['white'])
76
- };
77
60
  export default TitleDescriptionBox;
@@ -1,225 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-video-banner {
9
- position: relative;
10
- overflow: hidden;
11
- }
12
- @media screen and (min-width: 1280px) {
13
- .mfui-video-banner {
14
- margin-right: -80px;
15
- margin-left: -80px;
16
- }
17
- }
18
- @media screen and (min-width: 1024px) and (max-width: 1279px) {
19
- .mfui-video-banner {
20
- margin-right: -64px;
21
- margin-left: -64px;
22
- }
23
- }
24
- @media screen and (min-width: 768px) and (max-width: 1023px) {
25
- .mfui-video-banner {
26
- margin-right: -48px;
27
- margin-left: -48px;
28
- }
29
- }
30
- @media screen and (max-width: 767px) {
31
- .mfui-video-banner {
32
- margin-right: -16px;
33
- margin-left: -16px;
34
- }
35
- }
36
- .mfui-video-banner_bottom-shadow:after {
37
- content: '';
38
- position: absolute;
39
- right: 0;
40
- bottom: 0;
41
- width: 100%;
42
- height: 100%;
43
- background: -webkit-gradient(linear, left top, left bottom, color-stop(95.25%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.024)));
44
- background: linear-gradient(180deg, rgba(255, 255, 255, 0) 95.25%, rgba(0, 0, 0, 0.024) 100%);
45
- }
46
- .mfui-video-banner__wrapper {
47
- display: -webkit-box;
48
- display: -ms-flexbox;
49
- display: flex;
50
- -webkit-box-align: center;
51
- -ms-flex-align: center;
52
- align-items: center;
53
- min-height: 400px;
54
- }
55
- @media screen and (min-width: 1440px) {
56
- .mfui-video-banner__wrapper {
57
- height: 562px;
58
- }
59
- }
60
- @media screen and (min-width: 1280px) and (max-width: 1439px) {
61
- .mfui-video-banner__wrapper {
62
- height: 500px;
63
- }
64
- }
65
- @media screen and (min-width: 1024px) and (max-width: 1279px) {
66
- .mfui-video-banner__wrapper {
67
- max-height: 440px;
68
- padding-top: 52px;
69
- padding-bottom: 52px;
70
- }
71
- }
72
- @media screen and (min-width: 768px) and (max-width: 1023px) {
73
- .mfui-video-banner__wrapper {
74
- max-height: 440px;
75
- padding-top: 64px;
76
- padding-bottom: 64px;
77
- }
78
- }
79
- @media screen and (max-width: 767px) {
80
- .mfui-video-banner__wrapper {
81
- max-height: 488px;
82
- padding-top: 42px;
83
- padding-bottom: 42px;
84
- }
85
- }
86
- .mfui-video-banner__background-image,
87
- .mfui-video-banner__video {
88
- position: absolute;
89
- top: 50%;
90
- left: 50%;
91
- -webkit-transform: translate(-50%, -50%);
92
- transform: translate(-50%, -50%);
93
- }
94
- .mfui-video-banner__background-image {
95
- width: 100%;
96
- height: 100%;
97
- -o-object-fit: cover;
98
- object-fit: cover;
99
- }
100
- .mfui-video-banner__content {
101
- position: relative;
102
- -webkit-box-sizing: border-box;
103
- box-sizing: border-box;
104
- }
105
- @media screen and (min-width: 1440px) {
106
- .mfui-video-banner__content {
107
- max-height: calc(562px - 2 * 70px);
108
- }
109
- }
110
- @media screen and (min-width: 1280px) and (max-width: 1439px) {
111
- .mfui-video-banner__content {
112
- max-height: calc(500px - 2 * 70px);
113
- }
114
- }
115
- @media screen and (min-width: 1024px) and (max-width: 1279px) {
116
- .mfui-video-banner__content {
117
- max-height: calc(440px - 2 * 52px);
118
- }
119
- }
120
- @media screen and (min-width: 768px) and (max-width: 1023px) {
121
- .mfui-video-banner__content {
122
- max-height: calc(440px - 2 * 64px);
123
- }
124
- }
125
- @media screen and (max-width: 767px) {
126
- .mfui-video-banner__content {
127
- max-height: calc(488px - 2 * 42px);
128
- }
129
- }
130
- .mfui-video-banner__content_text-color_black {
131
- color: var(--stcBlack);
132
- }
133
- .mfui-video-banner__content_text-color_white {
134
- color: var(--stcWhite);
135
- }
136
- @media screen and (max-width: 767px) {
137
- .mfui-video-banner__content_text-color-mobile_black {
138
- color: var(--stcBlack);
139
- }
140
- }
141
- @media screen and (max-width: 767px) {
142
- .mfui-video-banner__content_text-color-mobile_white {
143
- color: var(--stcWhite);
144
- }
145
- }
146
- .mfui-video-banner__description {
147
- margin-bottom: 32px;
148
- white-space: pre-wrap;
149
- }
150
- .mfui-video-banner__title {
151
- margin-bottom: 24px;
152
- }
153
- @media screen and (max-width: 767px) {
154
- .mfui-video-banner__title {
155
- margin-bottom: 20px;
156
- }
157
- }
158
- .mfui-video-banner__title,
159
- .mfui-video-banner__text {
160
- white-space: pre-wrap;
161
- }
162
- @media screen and (max-width: 767px) {
163
- .mfui-video-banner__title,
164
- .mfui-video-banner__text {
165
- text-align: center;
166
- }
167
- }
168
- .mfui-video-banner__btns-wrapper {
169
- display: -webkit-box;
170
- display: -ms-flexbox;
171
- display: flex;
172
- -ms-flex-wrap: wrap;
173
- flex-wrap: wrap;
174
- -webkit-box-align: center;
175
- -ms-flex-align: center;
176
- align-items: center;
177
- -webkit-box-pack: start;
178
- -ms-flex-pack: start;
179
- justify-content: flex-start;
180
- margin: -24px -10px 0;
181
- }
182
- @media screen and (max-width: 767px) {
183
- .mfui-video-banner__btns-wrapper {
184
- -webkit-box-pack: center;
185
- -ms-flex-pack: center;
186
- justify-content: center;
187
- }
188
- }
189
- @media screen and (max-width: 479px) {
190
- .mfui-video-banner__btns-wrapper {
191
- -webkit-box-orient: vertical;
192
- -webkit-box-direction: normal;
193
- -ms-flex-direction: column;
194
- flex-direction: column;
195
- }
196
- }
197
- .mfui-video-banner__link,
198
- .mfui-video-banner__button {
199
- margin: 24px 10px 0;
200
- }
201
- .mfui-video-banner__cost {
202
- font-size: 12px;
203
- line-height: 18px;
204
- margin-bottom: 18px;
205
- }
206
- .mfui-video-banner__value {
207
- display: inline;
208
- margin: 0 3px;
209
- }
210
- .mfui-video-banner__content,
211
- .mfui-video-banner__breadcrumbs {
212
- z-index: 1;
213
- }
214
- .mfui-video-banner__breadcrumbs {
215
- position: absolute;
216
- top: 32px;
217
- }
218
- @media screen and (max-width: 767px) {
219
- .mfui-video-banner__breadcrumbs {
220
- display: none;
221
- }
222
- }
223
- .mfui-video-banner__grid {
224
- width: 100%;
225
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-video-banner{overflow:hidden;position:relative}@media screen and (min-width:1280px){.mfui-video-banner{margin-left:-80px;margin-right:-80px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-video-banner{margin-left:-64px;margin-right:-64px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-video-banner{margin-left:-48px;margin-right:-48px}}@media screen and (max-width:767px){.mfui-video-banner{margin-left:-16px;margin-right:-16px}}.mfui-video-banner_bottom-shadow:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(95.25%,hsla(0,0%,100%,0)),to(rgba(0,0,0,.024)));background:linear-gradient(180deg,hsla(0,0%,100%,0) 95.25%,rgba(0,0,0,.024));bottom:0;content:"";height:100%;position:absolute;right:0;width:100%}.mfui-video-banner__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:400px}@media screen and (min-width:1440px){.mfui-video-banner__wrapper{height:562px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-video-banner__wrapper{height:500px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-video-banner__wrapper{max-height:440px;padding-bottom:52px;padding-top:52px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-video-banner__wrapper{max-height:440px;padding-bottom:64px;padding-top:64px}}@media screen and (max-width:767px){.mfui-video-banner__wrapper{max-height:488px;padding-bottom:42px;padding-top:42px}}.mfui-video-banner__background-image,.mfui-video-banner__video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mfui-video-banner__background-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mfui-video-banner__content{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}@media screen and (min-width:1440px){.mfui-video-banner__content{max-height:422px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-video-banner__content{max-height:360px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-video-banner__content{max-height:336px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-video-banner__content{max-height:312px}}@media screen and (max-width:767px){.mfui-video-banner__content{max-height:404px}}.mfui-video-banner__content_text-color_black{color:var(--stcBlack)}.mfui-video-banner__content_text-color_white{color:var(--stcWhite)}@media screen and (max-width:767px){.mfui-video-banner__content_text-color-mobile_black{color:var(--stcBlack)}.mfui-video-banner__content_text-color-mobile_white{color:var(--stcWhite)}}.mfui-video-banner__description{margin-bottom:32px;white-space:pre-wrap}.mfui-video-banner__title{margin-bottom:24px}@media screen and (max-width:767px){.mfui-video-banner__title{margin-bottom:20px}}.mfui-video-banner__text,.mfui-video-banner__title{white-space:pre-wrap}@media screen and (max-width:767px){.mfui-video-banner__text,.mfui-video-banner__title{text-align:center}}.mfui-video-banner__btns-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:-24px -10px 0}@media screen and (max-width:767px){.mfui-video-banner__btns-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:479px){.mfui-video-banner__btns-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mfui-video-banner__button,.mfui-video-banner__link{margin:24px 10px 0}.mfui-video-banner__cost{font-size:12px;line-height:18px;margin-bottom:18px}.mfui-video-banner__value{display:inline;margin:0 3px}.mfui-video-banner__breadcrumbs,.mfui-video-banner__content{z-index:1}.mfui-video-banner__breadcrumbs{position:absolute;top:32px}@media screen and (max-width:767px){.mfui-video-banner__breadcrumbs{display:none}}.mfui-video-banner__grid{width:100%}
@@ -1,7 +1,7 @@
1
- import React, { Ref } from 'react';
1
+ import * as React from 'react';
2
2
  import { Props as BreadcrumbsPropsType } from '../Breadcrumbs/Breadcrumbs';
3
- import './VideoBanner.less';
4
- export declare type BreadCrumbsItemsType = BreadcrumbsPropsType['items'];
3
+ import './VideoBanner.scss';
4
+ export type BreadCrumbsItemsType = BreadcrumbsPropsType['items'];
5
5
  export declare const testIdPrefix = "VideoBanner";
6
6
  export declare enum ClassName {
7
7
  BUTTON = "button",
@@ -11,17 +11,17 @@ export declare const VideoType: {
11
11
  readonly YOUTUBE: "youtube";
12
12
  readonly VIDEO: "video";
13
13
  };
14
- declare type VideoType = typeof VideoType[keyof typeof VideoType];
14
+ type VideoType = (typeof VideoType)[keyof typeof VideoType];
15
15
  export declare const ButtonColor: {
16
16
  readonly GREEN: "green";
17
17
  readonly PURPLE: "purple";
18
18
  };
19
- export declare type ButtonColorType = typeof ButtonColor[keyof typeof ButtonColor];
19
+ export type ButtonColorType = (typeof ButtonColor)[keyof typeof ButtonColor];
20
20
  export declare const TextColor: {
21
21
  readonly BLACK: "black";
22
22
  readonly WHITE: "white";
23
23
  };
24
- declare type TextColorType = typeof TextColor[keyof typeof TextColor];
24
+ type TextColorType = (typeof TextColor)[keyof typeof TextColor];
25
25
  export interface IContent {
26
26
  /** Заголовок */
27
27
  title: string;
@@ -80,7 +80,7 @@ export interface IVideoBannerProps {
80
80
  video?: string;
81
81
  };
82
82
  /** Ссылка на корневой элемент */
83
- rootRef?: Ref<HTMLDivElement>;
83
+ rootRef?: React.Ref<HTMLDivElement>;
84
84
  /** Данные для блока с контентом */
85
85
  content?: IContent;
86
86
  /** Источник видео. */
@@ -2,26 +2,22 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import "core-js/modules/es.symbol.js";
4
4
  import "core-js/modules/es.symbol.description.js";
5
- import "core-js/modules/es.string.link.js";
6
5
  import "core-js/modules/es.array.concat.js";
7
- import "core-js/modules/es.object.values.js";
8
- import React from 'react';
6
+ import "core-js/modules/es.string.link.js";
7
+ import * as React from 'react';
9
8
  import { Button, Header, ContentArea, TextLink, Grid, GridColumn } from '@megafon/ui-core';
10
9
  import { breakpoints, cnCreate, filterDataAttrs, convert, titleConvertConfig } from '@megafon/ui-helpers';
11
10
  import throttle from 'lodash.throttle';
12
- import * as PropTypes from 'prop-types';
13
11
  import throttleTime from "../../constants/throttleTime";
14
12
  import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
15
13
  import "./VideoBanner.css";
16
14
  export var testIdPrefix = 'VideoBanner';
17
15
  var cn = cnCreate('mfui-video-banner');
18
16
  export var ClassName;
19
-
20
17
  (function (ClassName) {
21
18
  ClassName["BUTTON"] = "button";
22
19
  ClassName["LINK"] = "link";
23
20
  })(ClassName || (ClassName = {}));
24
-
25
21
  var typographyConfig = {
26
22
  b: {
27
23
  component: function component(_ref) {
@@ -46,61 +42,58 @@ export var TextColor = {
46
42
  BLACK: 'black',
47
43
  WHITE: 'white'
48
44
  };
49
-
50
45
  var VideoBanner = function VideoBanner(_ref2) {
51
46
  var dataAttrs = _ref2.dataAttrs,
52
- className = _ref2.className,
53
- _ref2$classes = _ref2.classes,
54
- classes = _ref2$classes === void 0 ? {} : _ref2$classes,
55
- rootRef = _ref2.rootRef,
56
- videoSrc = _ref2.videoSrc,
57
- videoType = _ref2.videoType,
58
- imageMobile = _ref2.imageMobile,
59
- imageTablet = _ref2.imageTablet,
60
- _ref2$imageDesktop = _ref2.imageDesktop,
61
- imageDesktop = _ref2$imageDesktop === void 0 ? '' : _ref2$imageDesktop,
62
- _ref2$imageDesktopWid = _ref2.imageDesktopWide,
63
- imageDesktopWide = _ref2$imageDesktopWid === void 0 ? '' : _ref2$imageDesktopWid,
64
- imageAlt = _ref2.imageAlt,
65
- content = _ref2.content,
66
- _ref2$isMuted = _ref2.isMuted,
67
- isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
68
- breadcrumbs = _ref2.breadcrumbs,
69
- _ref2$videoMobile = _ref2.videoMobile,
70
- videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile,
71
- _ref2$hasBreadcrumbsM = _ref2.hasBreadcrumbsMicrodata,
72
- hasBreadcrumbsMicrodata = _ref2$hasBreadcrumbsM === void 0 ? false : _ref2$hasBreadcrumbsM,
73
- _ref2$bottomShadow = _ref2.bottomShadow,
74
- bottomShadow = _ref2$bottomShadow === void 0 ? false : _ref2$bottomShadow;
75
-
47
+ className = _ref2.className,
48
+ _ref2$classes = _ref2.classes,
49
+ classes = _ref2$classes === void 0 ? {} : _ref2$classes,
50
+ rootRef = _ref2.rootRef,
51
+ videoSrc = _ref2.videoSrc,
52
+ videoType = _ref2.videoType,
53
+ imageMobile = _ref2.imageMobile,
54
+ imageTablet = _ref2.imageTablet,
55
+ _ref2$imageDesktop = _ref2.imageDesktop,
56
+ imageDesktop = _ref2$imageDesktop === void 0 ? '' : _ref2$imageDesktop,
57
+ _ref2$imageDesktopWid = _ref2.imageDesktopWide,
58
+ imageDesktopWide = _ref2$imageDesktopWid === void 0 ? '' : _ref2$imageDesktopWid,
59
+ imageAlt = _ref2.imageAlt,
60
+ content = _ref2.content,
61
+ _ref2$isMuted = _ref2.isMuted,
62
+ isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
63
+ breadcrumbs = _ref2.breadcrumbs,
64
+ _ref2$videoMobile = _ref2.videoMobile,
65
+ videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile,
66
+ _ref2$hasBreadcrumbsM = _ref2.hasBreadcrumbsMicrodata,
67
+ hasBreadcrumbsMicrodata = _ref2$hasBreadcrumbsM === void 0 ? false : _ref2$hasBreadcrumbsM,
68
+ _ref2$bottomShadow = _ref2.bottomShadow,
69
+ bottomShadow = _ref2$bottomShadow === void 0 ? false : _ref2$bottomShadow;
76
70
  var _React$useState = React.useState(true),
77
- _React$useState2 = _slicedToArray(_React$useState, 2),
78
- isMobile = _React$useState2[0],
79
- setIsMobile = _React$useState2[1];
80
-
71
+ _React$useState2 = _slicedToArray(_React$useState, 2),
72
+ isMobile = _React$useState2[0],
73
+ setIsMobile = _React$useState2[1];
81
74
  var isVideoData = !!videoSrc && !!videoType;
82
75
  var isRenderVideo = (!isMobile || videoMobile) && isVideoData;
83
76
  var renderContent = React.useCallback(function (_ref3) {
84
77
  var title = _ref3.title,
85
- description = _ref3.description,
86
- buttonTitle = _ref3.buttonTitle,
87
- buttonHref = _ref3.buttonHref,
88
- buttonTarget = _ref3.buttonTarget,
89
- buttonDownload = _ref3.buttonDownload,
90
- _ref3$buttonColor = _ref3.buttonColor,
91
- buttonColor = _ref3$buttonColor === void 0 ? ButtonColor.GREEN : _ref3$buttonColor,
92
- buttonRel = _ref3.buttonRel,
93
- onButtonClick = _ref3.onButtonClick,
94
- onLinkClick = _ref3.onLinkClick,
95
- _ref3$textColor = _ref3.textColor,
96
- textColor = _ref3$textColor === void 0 ? TextColor.BLACK : _ref3$textColor,
97
- textColorMobile = _ref3.textColorMobile,
98
- linkTitle = _ref3.linkTitle,
99
- linkUrl = _ref3.linkUrl,
100
- linkTarget = _ref3.linkTarget,
101
- linkDownload = _ref3.linkDownload,
102
- linkRel = _ref3.linkRel,
103
- cost = _ref3.cost;
78
+ description = _ref3.description,
79
+ buttonTitle = _ref3.buttonTitle,
80
+ buttonHref = _ref3.buttonHref,
81
+ buttonTarget = _ref3.buttonTarget,
82
+ buttonDownload = _ref3.buttonDownload,
83
+ _ref3$buttonColor = _ref3.buttonColor,
84
+ buttonColor = _ref3$buttonColor === void 0 ? ButtonColor.GREEN : _ref3$buttonColor,
85
+ buttonRel = _ref3.buttonRel,
86
+ onButtonClick = _ref3.onButtonClick,
87
+ onLinkClick = _ref3.onLinkClick,
88
+ _ref3$textColor = _ref3.textColor,
89
+ textColor = _ref3$textColor === void 0 ? TextColor.BLACK : _ref3$textColor,
90
+ textColorMobile = _ref3.textColorMobile,
91
+ linkTitle = _ref3.linkTitle,
92
+ linkUrl = _ref3.linkUrl,
93
+ linkTarget = _ref3.linkTarget,
94
+ linkDownload = _ref3.linkDownload,
95
+ linkRel = _ref3.linkRel,
96
+ cost = _ref3.cost;
104
97
  return /*#__PURE__*/React.createElement(Grid, {
105
98
  className: cn('grid'),
106
99
  guttersLeft: "medium"
@@ -177,7 +170,6 @@ var VideoBanner = function VideoBanner(_ref2) {
177
170
  "data-testid": "".concat(testIdPrefix, "-iframe-video")
178
171
  });
179
172
  }
180
-
181
173
  case VideoType.VIDEO:
182
174
  {
183
175
  return (
@@ -195,7 +187,6 @@ var VideoBanner = function VideoBanner(_ref2) {
195
187
  }))
196
188
  );
197
189
  }
198
-
199
190
  default:
200
191
  {
201
192
  return null;
@@ -206,7 +197,6 @@ var VideoBanner = function VideoBanner(_ref2) {
206
197
  var resizeHandler = function resizeHandler() {
207
198
  setIsMobile(window.innerWidth < breakpoints.DESKTOP_SMALL_START);
208
199
  };
209
-
210
200
  var resizeHandlerThrottled = throttle(resizeHandler, throttleTime.resize);
211
201
  resizeHandler();
212
202
  window.addEventListener('resize', resizeHandlerThrottled);
@@ -251,57 +241,4 @@ var VideoBanner = function VideoBanner(_ref2) {
251
241
  alt: imageAlt
252
242
  })))));
253
243
  };
254
-
255
- VideoBanner.propTypes = {
256
- dataAttrs: PropTypes.shape({
257
- root: PropTypes.objectOf(PropTypes.string.isRequired),
258
- breadcrumbs: PropTypes.objectOf(PropTypes.string.isRequired),
259
- breadcrumbsLink: PropTypes.objectOf(PropTypes.string.isRequired),
260
- button: PropTypes.objectOf(PropTypes.string.isRequired),
261
- link: PropTypes.objectOf(PropTypes.string.isRequired)
262
- }),
263
- className: PropTypes.string,
264
- classes: PropTypes.shape({
265
- root: PropTypes.string,
266
- button: PropTypes.string,
267
- link: PropTypes.string,
268
- breadcrumbs: PropTypes.string
269
- }),
270
- rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
271
- current: PropTypes.elementType
272
- }), PropTypes.any])]),
273
- videoSrc: PropTypes.string,
274
- videoType: PropTypes.oneOf(Object.values(VideoType)),
275
- videoMobile: PropTypes.bool,
276
- content: PropTypes.shape({
277
- title: PropTypes.string.isRequired,
278
- description: PropTypes.string.isRequired,
279
- buttonTitle: PropTypes.string,
280
- buttonHref: PropTypes.string,
281
- buttonDownload: PropTypes.bool,
282
- buttonColor: PropTypes.oneOf(Object.values(ButtonColor)),
283
- buttonRel: PropTypes.string,
284
- onButtonClick: PropTypes.func,
285
- onLinkClick: PropTypes.func,
286
- textColor: PropTypes.oneOf(Object.values(TextColor)),
287
- textColorMobile: PropTypes.oneOf(Object.values(TextColor)),
288
- linkTitle: PropTypes.string,
289
- linkUrl: PropTypes.string,
290
- linkDownload: PropTypes.bool,
291
- linkRel: PropTypes.string,
292
- cost: PropTypes.string
293
- }),
294
- isMuted: PropTypes.bool,
295
- imageMobile: PropTypes.string.isRequired,
296
- imageTablet: PropTypes.string.isRequired,
297
- imageDesktop: PropTypes.string,
298
- imageDesktopWide: PropTypes.string,
299
- imageAlt: PropTypes.string,
300
- breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
301
- title: PropTypes.string.isRequired,
302
- href: PropTypes.string
303
- }).isRequired),
304
- hasBreadcrumbsMicrodata: PropTypes.bool,
305
- bottomShadow: PropTypes.bool
306
- };
307
244
  export default VideoBanner;