@megafon/ui-shared 5.17.0 → 6.0.0-beta.2

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 (283) 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/timerFormatUtil.js +1 -9
  14. package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
  15. package/dist/es/components/BannerBox/BannerBox.js +3 -12
  16. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  17. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +23 -64
  18. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  19. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +9 -36
  20. package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
  21. package/dist/es/components/BenefitsIcons/helpers.js +6 -20
  22. package/dist/es/components/BenefitsIcons/types.d.ts +5 -5
  23. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  24. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +19 -49
  25. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -43
  26. package/dist/es/components/BenefitsPictures/helpers.d.ts +2 -2
  27. package/dist/es/components/BenefitsPictures/helpers.js +0 -14
  28. package/dist/es/components/BenefitsPictures/types.d.ts +3 -3
  29. package/dist/es/components/BenefitsPictures/types.js +1 -0
  30. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +1 -43
  31. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  32. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +10 -39
  33. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  34. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +11 -36
  35. package/dist/es/components/ButtonBanner/ButtonBanner.css +1 -122
  36. package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  37. package/dist/es/components/ButtonBanner/ButtonBanner.js +22 -53
  38. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  39. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  40. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +20 -51
  41. package/dist/es/components/Card/Card.d.ts +4 -4
  42. package/dist/es/components/Card/Card.js +25 -115
  43. package/dist/es/components/Card/types.d.ts +10 -10
  44. package/dist/es/components/Card/types.js +1 -0
  45. package/dist/es/components/CardsBox/CardsBox.js +3 -14
  46. package/dist/es/components/CardsBox/helpers.d.ts +2 -2
  47. package/dist/es/components/CardsBox/helpers.js +0 -4
  48. package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
  49. package/dist/es/components/CarouselBox/CarouselBox.js +11 -24
  50. package/dist/es/components/Container/Container.d.ts +7 -5
  51. package/dist/es/components/Container/Container.js +10 -25
  52. package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
  53. package/dist/es/components/DownloadLinks/DownloadLink.js +13 -44
  54. package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  55. package/dist/es/components/DownloadLinks/DownloadLinks.js +2 -13
  56. package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  57. package/dist/es/components/FaqWrapper/FaqWrapper.js +1 -3
  58. package/dist/es/components/ImageBanner/ImageBanner.d.ts +8 -7
  59. package/dist/es/components/ImageBanner/ImageBanner.js +37 -88
  60. package/dist/es/components/Instructions/Instructions.d.ts +11 -11
  61. package/dist/es/components/Instructions/Instructions.js +41 -94
  62. package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
  63. package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
  64. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
  65. package/dist/es/components/PageTitle/PageTitle.js +12 -37
  66. package/dist/es/components/Partners/Partners.d.ts +2 -2
  67. package/dist/es/components/Partners/Partners.js +17 -48
  68. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  69. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
  70. package/dist/es/components/Property/Property.d.ts +4 -4
  71. package/dist/es/components/Property/Property.js +37 -81
  72. package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
  73. package/dist/es/components/Property/PropertyDescription.js +8 -28
  74. package/dist/es/components/Property/types.d.ts +7 -5
  75. package/dist/es/components/Property/types.js +1 -0
  76. package/dist/es/components/Steps/Steps.d.ts +2 -1
  77. package/dist/es/components/Steps/Steps.js +4 -19
  78. package/dist/es/components/Steps/StepsItem.d.ts +2 -2
  79. package/dist/es/components/Steps/StepsItem.js +2 -9
  80. package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
  81. package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
  82. package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
  83. package/dist/es/components/StoreButton/StoreButton.js +13 -44
  84. package/dist/es/components/Table/Table.d.ts +1 -1
  85. package/dist/es/components/Table/Table.js +31 -51
  86. package/dist/es/components/Table/TableCell.js +0 -6
  87. package/dist/es/components/Table/TableRow.js +1 -10
  88. package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
  89. package/dist/es/components/TabsBox/TabsBox.js +4 -13
  90. package/dist/es/components/TextBox/TextBox.d.ts +2 -1
  91. package/dist/es/components/TextBox/TextBox.js +8 -23
  92. package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
  93. package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
  94. package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  95. package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
  96. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  97. package/dist/es/components/TextWithIcon/TextWithIconItem.js +6 -21
  98. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  99. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
  100. package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
  101. package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
  102. package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
  103. package/dist/es/components/VideoBlock/VideoBlock.js +35 -75
  104. package/dist/es/helpers/getColumnConfig.d.ts +5 -1
  105. package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
  106. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
  107. package/dist/lib/components/AccordionBox/AccordionBox.js +10 -66
  108. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  109. package/dist/lib/components/AudioPlayer/AudioPlayer.js +32 -56
  110. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
  111. package/dist/lib/components/AudioPlayer/AudioProgress.js +12 -43
  112. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
  113. package/dist/lib/components/AudioPlayer/AudioRange.js +9 -17
  114. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
  115. package/dist/lib/components/AudioPlayer/AudioVolume.js +4 -23
  116. package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +5 -16
  117. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
  118. package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
  119. package/dist/lib/components/BannerBox/BannerBox.js +7 -25
  120. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  121. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +26 -86
  122. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  123. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +13 -53
  124. package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
  125. package/dist/lib/components/BenefitsIcons/helpers.js +10 -37
  126. package/dist/lib/components/BenefitsIcons/types.d.ts +5 -5
  127. package/dist/lib/components/BenefitsIcons/types.js +5 -8
  128. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  129. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +24 -71
  130. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
  131. package/dist/lib/components/BenefitsPictures/helpers.d.ts +2 -2
  132. package/dist/lib/components/BenefitsPictures/helpers.js +9 -40
  133. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -3
  134. package/dist/lib/components/BenefitsPictures/types.js +5 -1
  135. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
  136. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  137. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +18 -60
  138. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  139. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +22 -55
  140. package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
  141. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  142. package/dist/lib/components/ButtonBanner/ButtonBanner.js +40 -89
  143. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  144. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  145. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +29 -72
  146. package/dist/lib/components/Card/Card.d.ts +4 -4
  147. package/dist/lib/components/Card/Card.js +67 -164
  148. package/dist/lib/components/Card/types.d.ts +10 -10
  149. package/dist/lib/components/Card/types.js +5 -1
  150. package/dist/lib/components/CardsBox/CardsBox.js +7 -31
  151. package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
  152. package/dist/lib/components/CardsBox/helpers.js +1 -8
  153. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
  154. package/dist/lib/components/CarouselBox/CarouselBox.js +15 -39
  155. package/dist/lib/components/Container/Container.d.ts +7 -5
  156. package/dist/lib/components/Container/Container.js +18 -40
  157. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
  158. package/dist/lib/components/DownloadLinks/DownloadLink.js +17 -60
  159. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  160. package/dist/lib/components/DownloadLinks/DownloadLinks.js +8 -33
  161. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  162. package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
  163. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +8 -7
  164. package/dist/lib/components/ImageBanner/ImageBanner.js +61 -138
  165. package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
  166. package/dist/lib/components/Instructions/Instructions.js +103 -186
  167. package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
  168. package/dist/lib/components/NotificationBox/NotificationBox.js +9 -37
  169. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
  170. package/dist/lib/components/PageTitle/PageTitle.js +15 -52
  171. package/dist/lib/components/Partners/Partners.d.ts +2 -2
  172. package/dist/lib/components/Partners/Partners.js +21 -65
  173. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  174. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
  175. package/dist/lib/components/Property/Property.d.ts +4 -4
  176. package/dist/lib/components/Property/Property.js +60 -120
  177. package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
  178. package/dist/lib/components/Property/PropertyDescription.js +15 -46
  179. package/dist/lib/components/Property/types.d.ts +7 -5
  180. package/dist/lib/components/Property/types.js +5 -1
  181. package/dist/lib/components/Steps/Steps.d.ts +2 -1
  182. package/dist/lib/components/Steps/Steps.js +8 -35
  183. package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
  184. package/dist/lib/components/Steps/StepsItem.js +11 -23
  185. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
  186. package/dist/lib/components/StoreBanner/StoreBanner.js +47 -118
  187. package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
  188. package/dist/lib/components/StoreButton/StoreButton.js +17 -63
  189. package/dist/lib/components/Table/Table.d.ts +1 -1
  190. package/dist/lib/components/Table/Table.js +35 -68
  191. package/dist/lib/components/Table/TableCell.js +4 -16
  192. package/dist/lib/components/Table/TableRow.js +5 -19
  193. package/dist/lib/components/TabsBox/TabBox.js +1 -4
  194. package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
  195. package/dist/lib/components/TabsBox/TabsBox.js +8 -26
  196. package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
  197. package/dist/lib/components/TextBox/TextBox.js +12 -36
  198. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
  199. package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
  200. package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  201. package/dist/lib/components/TextWithIcon/TextWithIcon.js +10 -39
  202. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  203. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +10 -37
  204. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  205. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +10 -40
  206. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
  207. package/dist/lib/components/VideoBanner/VideoBanner.js +83 -176
  208. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
  209. package/dist/lib/components/VideoBlock/VideoBlock.js +58 -114
  210. package/dist/lib/constants/throttleTime.js +2 -3
  211. package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
  212. package/dist/lib/helpers/getColumnConfig.js +2 -5
  213. package/dist/lib/index.js +10 -57
  214. package/package.json +87 -92
  215. package/CHANGELOG.md +0 -4002
  216. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +0 -58
  217. package/dist/es/components/AudioPlayer/style/AudioProgress.css +0 -35
  218. package/dist/es/components/AudioPlayer/style/AudioRange.css +0 -68
  219. package/dist/es/components/AudioPlayer/style/AudioVolume.css +0 -34
  220. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +0 -38
  221. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -90
  222. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +0 -16
  223. package/dist/es/components/Card/Card.css +0 -354
  224. package/dist/es/components/Container/Container.css +0 -3245
  225. package/dist/es/components/DownloadLinks/DownloadLink.css +0 -37
  226. package/dist/es/components/DownloadLinks/DownloadLinks.css +0 -36
  227. package/dist/es/components/ImageBanner/ImageBanner.css +0 -252
  228. package/dist/es/components/Instructions/Instructions.css +0 -790
  229. package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
  230. package/dist/es/components/PageTitle/PageTitle.css +0 -80
  231. package/dist/es/components/Partners/Partners.css +0 -53
  232. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +0 -80
  233. package/dist/es/components/Property/Property.css +0 -156
  234. package/dist/es/components/Property/PropertyDescription.css +0 -17
  235. package/dist/es/components/Steps/Steps.css +0 -41
  236. package/dist/es/components/Steps/StepsItem.css +0 -42
  237. package/dist/es/components/StoreBanner/StoreBanner.css +0 -346
  238. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  239. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  240. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  241. package/dist/es/components/StoreButton/StoreButton.css +0 -327
  242. package/dist/es/components/Table/Table.css +0 -157
  243. package/dist/es/components/TextBox/TextBox.css +0 -25
  244. package/dist/es/components/TextBox/TextBoxPicture.css +0 -27
  245. package/dist/es/components/TextWithIcon/TextWithIcon.css +0 -10
  246. package/dist/es/components/TextWithIcon/TextWithIconItem.css +0 -29
  247. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +0 -31
  248. package/dist/es/components/VideoBanner/VideoBanner.css +0 -225
  249. package/dist/es/components/VideoBlock/VideoBlock.css +0 -106
  250. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +0 -58
  251. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +0 -35
  252. package/dist/lib/components/AudioPlayer/style/AudioRange.css +0 -68
  253. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +0 -34
  254. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +0 -38
  255. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -90
  256. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +0 -16
  257. package/dist/lib/components/Card/Card.css +0 -354
  258. package/dist/lib/components/Container/Container.css +0 -3245
  259. package/dist/lib/components/DownloadLinks/DownloadLink.css +0 -37
  260. package/dist/lib/components/DownloadLinks/DownloadLinks.css +0 -36
  261. package/dist/lib/components/ImageBanner/ImageBanner.css +0 -252
  262. package/dist/lib/components/Instructions/Instructions.css +0 -790
  263. package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
  264. package/dist/lib/components/PageTitle/PageTitle.css +0 -80
  265. package/dist/lib/components/Partners/Partners.css +0 -53
  266. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +0 -80
  267. package/dist/lib/components/Property/Property.css +0 -156
  268. package/dist/lib/components/Property/PropertyDescription.css +0 -17
  269. package/dist/lib/components/Steps/Steps.css +0 -41
  270. package/dist/lib/components/Steps/StepsItem.css +0 -42
  271. package/dist/lib/components/StoreBanner/StoreBanner.css +0 -346
  272. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  273. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  274. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
  275. package/dist/lib/components/StoreButton/StoreButton.css +0 -327
  276. package/dist/lib/components/Table/Table.css +0 -157
  277. package/dist/lib/components/TextBox/TextBox.css +0 -25
  278. package/dist/lib/components/TextBox/TextBoxPicture.css +0 -27
  279. package/dist/lib/components/TextWithIcon/TextWithIcon.css +0 -10
  280. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +0 -29
  281. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +0 -31
  282. package/dist/lib/components/VideoBanner/VideoBanner.css +0 -225
  283. package/dist/lib/components/VideoBlock/VideoBlock.css +0 -106
@@ -1,13 +1,13 @@
1
1
  import * as React from 'react';
2
2
  import { Props as StoreButtonPropsType } from '../StoreButton/StoreButton';
3
- import './StoreBanner.less';
3
+ import './StoreBanner.scss';
4
4
  export declare const Theme: {
5
5
  readonly DEFAULT: "default";
6
6
  readonly GREEN: "green";
7
7
  readonly SPB_SKY_1: "spbSky1";
8
8
  readonly SPB_SKY_0: "spbSky0";
9
9
  };
10
- declare type ThemeType = typeof Theme[keyof typeof Theme];
10
+ type ThemeType = (typeof Theme)[keyof typeof Theme];
11
11
  export declare const DeviceMask: {
12
12
  readonly ANDROID: "android";
13
13
  readonly NEW_IPHONE: "new-iphone";
@@ -16,9 +16,9 @@ export declare const DeviceMask: {
16
16
  readonly WHITE_IPHONE: "white-iphone";
17
17
  readonly IPHONE_12: "iphone-12";
18
18
  };
19
- declare type DeviceMaskType = typeof DeviceMask[keyof typeof DeviceMask];
20
- declare type LinkHrefType = StoreButtonPropsType['href'];
21
- declare type LinkOnClickType = StoreButtonPropsType['onClick'];
19
+ type DeviceMaskType = (typeof DeviceMask)[keyof typeof DeviceMask];
20
+ type LinkHrefType = StoreButtonPropsType['href'];
21
+ type LinkOnClickType = StoreButtonPropsType['onClick'];
22
22
  export interface IStoreBannerProps {
23
23
  /** Заголовок */
24
24
  title: string;
@@ -1,9 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import "core-js/modules/es.object.values.js";
3
2
  import * as React from 'react';
4
- import { Button, Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
3
+ import { Button, Grid, GridColumn, Header } from '@megafon/ui-core';
5
4
  import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
6
- import PropTypes from 'prop-types';
7
5
  import StoreButton, { Theme as StoreButtonTheme } from "../StoreButton/StoreButton";
8
6
  import "./StoreBanner.css";
9
7
  export var Theme = {
@@ -15,7 +13,6 @@ export var Theme = {
15
13
  export var DeviceMask = {
16
14
  ANDROID: 'android',
17
15
  NEW_IPHONE: 'new-iphone',
18
-
19
16
  /** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
20
17
  BLACK_IPHONE: 'black-iphone',
21
18
  WHITE_IPHONE: 'white-iphone',
@@ -23,48 +20,47 @@ export var DeviceMask = {
23
20
  };
24
21
  var testIdPrefix = 'StoreBanner';
25
22
  var cn = cnCreate('mfui-store-banner');
26
-
27
23
  var StoreBanner = function StoreBanner(_ref) {
28
24
  var className = _ref.className,
29
- _ref$classes = _ref.classes;
30
- _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
31
- var rootClassName = _ref$classes.root,
32
- appleLinkClassName = _ref$classes.appleLink,
33
- galaxyStoreLinkClassName = _ref$classes.galaxyStoreLink,
34
- googleLinkClassName = _ref$classes.googleLink,
35
- huaweiLinkClassName = _ref$classes.huaweiLink,
36
- miStoreLinkClassName = _ref$classes.miStoreLink,
37
- ruStoreLinkClassName = _ref$classes.ruStoreLink,
38
- vAppstoreLinkClassName = _ref$classes.vAppstoreLink,
39
- buttonClassName = _ref$classes.button,
40
- title = _ref.title,
41
- text = _ref.text,
42
- linkApple = _ref.linkApple,
43
- linkGalaxyStore = _ref.linkGalaxyStore,
44
- linkGoogle = _ref.linkGoogle,
45
- linkHuawei = _ref.linkHuawei,
46
- linkMiStore = _ref.linkMiStore,
47
- linkRuStore = _ref.linkRuStore,
48
- linkVAppstore = _ref.linkVAppstore,
49
- linkButton = _ref.linkButton,
50
- _ref$textButton = _ref.textButton,
51
- textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
52
- rel = _ref.rel,
53
- qrCode = _ref.qrCode,
54
- imageSrc = _ref.imageSrc,
55
- _ref$theme = _ref.theme,
56
- theme = _ref$theme === void 0 ? 'default' : _ref$theme,
57
- deviceMask = _ref.deviceMask,
58
- isContentLeftMobile = _ref.isContentLeftMobile,
59
- rootRef = _ref.rootRef,
60
- dataAttrs = _ref.dataAttrs,
61
- onClickApple = _ref.onClickApple,
62
- onClickGalaxyStore = _ref.onClickGalaxyStore,
63
- onClickGoogle = _ref.onClickGoogle,
64
- onClickHuawei = _ref.onClickHuawei,
65
- onClickMiStore = _ref.onClickMiStore,
66
- onClickRuStore = _ref.onClickRuStore,
67
- onClickVAppstore = _ref.onClickVAppstore;
25
+ _ref$classes = _ref.classes,
26
+ _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
27
+ rootClassName = _ref$classes2.root,
28
+ appleLinkClassName = _ref$classes2.appleLink,
29
+ galaxyStoreLinkClassName = _ref$classes2.galaxyStoreLink,
30
+ googleLinkClassName = _ref$classes2.googleLink,
31
+ huaweiLinkClassName = _ref$classes2.huaweiLink,
32
+ miStoreLinkClassName = _ref$classes2.miStoreLink,
33
+ ruStoreLinkClassName = _ref$classes2.ruStoreLink,
34
+ vAppstoreLinkClassName = _ref$classes2.vAppstoreLink,
35
+ buttonClassName = _ref$classes2.button,
36
+ title = _ref.title,
37
+ text = _ref.text,
38
+ linkApple = _ref.linkApple,
39
+ linkGalaxyStore = _ref.linkGalaxyStore,
40
+ linkGoogle = _ref.linkGoogle,
41
+ linkHuawei = _ref.linkHuawei,
42
+ linkMiStore = _ref.linkMiStore,
43
+ linkRuStore = _ref.linkRuStore,
44
+ linkVAppstore = _ref.linkVAppstore,
45
+ linkButton = _ref.linkButton,
46
+ _ref$textButton = _ref.textButton,
47
+ textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
48
+ rel = _ref.rel,
49
+ qrCode = _ref.qrCode,
50
+ imageSrc = _ref.imageSrc,
51
+ _ref$theme = _ref.theme,
52
+ theme = _ref$theme === void 0 ? 'default' : _ref$theme,
53
+ deviceMask = _ref.deviceMask,
54
+ isContentLeftMobile = _ref.isContentLeftMobile,
55
+ rootRef = _ref.rootRef,
56
+ dataAttrs = _ref.dataAttrs,
57
+ onClickApple = _ref.onClickApple,
58
+ onClickGalaxyStore = _ref.onClickGalaxyStore,
59
+ onClickGoogle = _ref.onClickGoogle,
60
+ onClickHuawei = _ref.onClickHuawei,
61
+ onClickMiStore = _ref.onClickMiStore,
62
+ onClickRuStore = _ref.onClickRuStore,
63
+ onClickVAppstore = _ref.onClickVAppstore;
68
64
  return /*#__PURE__*/React.createElement("div", _extends({
69
65
  className: cn({
70
66
  theme: theme,
@@ -86,9 +82,8 @@ var StoreBanner = function StoreBanner(_ref) {
86
82
  as: "h2",
87
83
  className: cn('title'),
88
84
  color: "inherit"
89
- }, convert(title, titleConvertConfig)), /*#__PURE__*/React.createElement(Paragraph, {
85
+ }, convert(title, titleConvertConfig)), /*#__PURE__*/React.createElement("div", {
90
86
  className: cn('text'),
91
- hasMargin: false,
92
87
  color: "inherit"
93
88
  }, convert(text, textConvertConfig)), /*#__PURE__*/React.createElement("div", {
94
89
  className: cn('links', {
@@ -202,55 +197,4 @@ var StoreBanner = function StoreBanner(_ref) {
202
197
  alt: "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u043D\u0430 \u044D\u043A\u0440\u0430\u043D\u0435 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430"
203
198
  })))))));
204
199
  };
205
-
206
- StoreBanner.propTypes = {
207
- title: PropTypes.string.isRequired,
208
- text: PropTypes.string.isRequired,
209
- linkApple: PropTypes.string,
210
- onClickApple: PropTypes.func,
211
- linkGalaxyStore: PropTypes.string,
212
- onClickGalaxyStore: PropTypes.func,
213
- linkGoogle: PropTypes.string,
214
- onClickGoogle: PropTypes.func,
215
- linkHuawei: PropTypes.string,
216
- onClickHuawei: PropTypes.func,
217
- linkMiStore: PropTypes.string,
218
- onClickMiStore: PropTypes.func,
219
- linkRuStore: PropTypes.string,
220
- onClickRuStore: PropTypes.func,
221
- linkVAppstore: PropTypes.string,
222
- onClickVAppstore: PropTypes.func,
223
- textButton: PropTypes.string,
224
- linkButton: PropTypes.string,
225
- rel: PropTypes.string,
226
- qrCode: PropTypes.string,
227
- deviceMask: PropTypes.oneOf(Object.values(DeviceMask)).isRequired,
228
- imageSrc: PropTypes.string.isRequired,
229
- className: PropTypes.string,
230
- classes: PropTypes.shape({
231
- appleLink: PropTypes.string,
232
- galaxyStoreLink: PropTypes.string,
233
- googleLink: PropTypes.string,
234
- huaweiLink: PropTypes.string,
235
- miStoreLink: PropTypes.string,
236
- ruStoreLink: PropTypes.string,
237
- vAppstoreLink: PropTypes.string,
238
- button: PropTypes.string
239
- }),
240
- rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
241
- current: PropTypes.elementType
242
- }), PropTypes.any])]),
243
- theme: PropTypes.oneOf(Object.values(Theme)),
244
- dataAttrs: PropTypes.shape({
245
- root: PropTypes.objectOf(PropTypes.string.isRequired),
246
- button: PropTypes.objectOf(PropTypes.string.isRequired),
247
- linkApple: PropTypes.objectOf(PropTypes.string.isRequired),
248
- linkGalaxyStore: PropTypes.objectOf(PropTypes.string.isRequired),
249
- linkGoogle: PropTypes.objectOf(PropTypes.string.isRequired),
250
- linkHuawei: PropTypes.objectOf(PropTypes.string.isRequired),
251
- linkMiStore: PropTypes.objectOf(PropTypes.string.isRequired),
252
- linkRuStore: PropTypes.objectOf(PropTypes.string.isRequired),
253
- linkVAppstore: PropTypes.objectOf(PropTypes.string.isRequired)
254
- })
255
- };
256
200
  export default StoreBanner;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { Link } from '@megafon/ui-core';
3
- import './StoreButton.less';
3
+ import './StoreButton.scss';
4
4
  export declare enum ButtonSizes {
5
5
  SMALL = "small",
6
6
  MEDIUM = "medium",
@@ -15,8 +15,8 @@ export declare enum Theme {
15
15
  RU_STORE = "ru-store",
16
16
  V_APPSTORE = "v-appstore"
17
17
  }
18
- declare type LinkPropTypes = React.ComponentProps<typeof Link>;
19
- export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
18
+ type LinkPropTypes = React.ComponentProps<typeof Link>;
19
+ export type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
20
20
  /** Тема кнопки */
21
21
  theme: Theme;
22
22
  /** Дополнительный класс */
@@ -1,36 +1,25 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import "core-js/modules/es.array.index-of.js";
3
2
  import "core-js/modules/es.symbol.js";
4
- import "core-js/modules/es.object.values.js";
5
-
3
+ import "core-js/modules/es.array.index-of.js";
6
4
  var __rest = this && this.__rest || function (s, e) {
7
5
  var t = {};
8
-
9
- for (var p in s) {
10
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
11
- }
12
-
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
13
7
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
14
8
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
15
9
  }
16
10
  return t;
17
11
  };
18
-
19
12
  import * as React from 'react';
20
13
  import { Link } from '@megafon/ui-core';
21
14
  import { cnCreate } from '@megafon/ui-helpers';
22
- import PropTypes from 'prop-types';
23
15
  import "./StoreButton.css";
24
16
  export var ButtonSizes;
25
-
26
17
  (function (ButtonSizes) {
27
18
  ButtonSizes["SMALL"] = "small";
28
19
  ButtonSizes["MEDIUM"] = "medium";
29
20
  ButtonSizes["LARGE"] = "large";
30
21
  })(ButtonSizes || (ButtonSizes = {}));
31
-
32
22
  export var Theme;
33
-
34
23
  (function (Theme) {
35
24
  Theme["APP_STORE"] = "app-store";
36
25
  Theme["GALAXY_STORE"] = "galaxy-store";
@@ -40,23 +29,20 @@ export var Theme;
40
29
  Theme["RU_STORE"] = "ru-store";
41
30
  Theme["V_APPSTORE"] = "v-appstore";
42
31
  })(Theme || (Theme = {}));
43
-
44
32
  var cn = cnCreate('mfui-store-button');
45
-
46
33
  var StoreButton = function StoreButton(_a) {
47
34
  var href = _a.href,
48
- rel = _a.rel,
49
- onClick = _a.onClick,
50
- theme = _a.theme,
51
- className = _a.className,
52
- _a$sizeAll = _a.sizeAll,
53
- sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
54
- sizeWide = _a.sizeWide,
55
- sizeDesktop = _a.sizeDesktop,
56
- sizeTablet = _a.sizeTablet,
57
- sizeMobile = _a.sizeMobile,
58
- rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
59
-
35
+ rel = _a.rel,
36
+ onClick = _a.onClick,
37
+ theme = _a.theme,
38
+ className = _a.className,
39
+ _a$sizeAll = _a.sizeAll,
40
+ sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
41
+ sizeWide = _a.sizeWide,
42
+ sizeDesktop = _a.sizeDesktop,
43
+ sizeTablet = _a.sizeTablet,
44
+ sizeMobile = _a.sizeMobile,
45
+ rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
60
46
  return /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
61
47
  href: href,
62
48
  rel: rel,
@@ -71,21 +57,4 @@ var StoreButton = function StoreButton(_a) {
71
57
  }, className)
72
58
  }));
73
59
  };
74
-
75
- StoreButton.propTypes = {
76
- href: PropTypes.string.isRequired,
77
- rel: PropTypes.string,
78
- theme: PropTypes.oneOf(Object.values(Theme)).isRequired,
79
- onClick: PropTypes.func,
80
- className: PropTypes.string,
81
- target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
82
- sizeAll: PropTypes.oneOf(Object.values(ButtonSizes)),
83
- sizeWide: PropTypes.oneOf(Object.values(ButtonSizes)),
84
- sizeDesktop: PropTypes.oneOf(Object.values(ButtonSizes)),
85
- sizeTablet: PropTypes.oneOf(Object.values(ButtonSizes)),
86
- sizeMobile: PropTypes.oneOf(Object.values(ButtonSizes)),
87
- dataAttrs: PropTypes.shape({
88
- root: PropTypes.objectOf(PropTypes.string.isRequired)
89
- })
90
- };
91
60
  export default StoreButton;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './Table.less';
2
+ import './Table.scss';
3
3
  import { ITableRow } from './TableRow';
4
4
  export interface ITable {
5
5
  /** Дополнительный класс корневого элемента */
@@ -4,59 +4,49 @@ import * as React from 'react';
4
4
  import { cnCreate, detectTouch } from '@megafon/ui-helpers';
5
5
  import convert from 'htmr';
6
6
  import throttle from 'lodash.throttle';
7
- import * as PropTypes from 'prop-types';
8
7
  import "./Table.css";
9
8
  var cn = cnCreate('mfui-table');
10
-
11
9
  var Table = function Table(_ref) {
12
10
  var className = _ref.className,
13
- _ref$fixColumn = _ref.fixColumn,
14
- fixColumn = _ref$fixColumn === void 0 ? true : _ref$fixColumn,
15
- _ref$minCellSize = _ref.minCellSize,
16
- minCellSize = _ref$minCellSize === void 0 ? 'large' : _ref$minCellSize,
17
- _ref$disableHeightLim = _ref.disableHeightLimit,
18
- disableHeightLimit = _ref$disableHeightLim === void 0 ? false : _ref$disableHeightLim,
19
- children = _ref.children;
11
+ _ref$fixColumn = _ref.fixColumn,
12
+ fixColumn = _ref$fixColumn === void 0 ? true : _ref$fixColumn,
13
+ _ref$minCellSize = _ref.minCellSize,
14
+ minCellSize = _ref$minCellSize === void 0 ? 'large' : _ref$minCellSize,
15
+ _ref$disableHeightLim = _ref.disableHeightLimit,
16
+ disableHeightLimit = _ref$disableHeightLim === void 0 ? false : _ref$disableHeightLim,
17
+ children = _ref.children;
20
18
  var scrollRef = React.useRef(null);
21
-
22
19
  var _React$useState = React.useState(false),
23
- _React$useState2 = _slicedToArray(_React$useState, 2),
24
- isTopShadow = _React$useState2[0],
25
- setTopShadow = _React$useState2[1];
26
-
20
+ _React$useState2 = _slicedToArray(_React$useState, 2),
21
+ isTopShadow = _React$useState2[0],
22
+ setTopShadow = _React$useState2[1];
27
23
  var _React$useState3 = React.useState(false),
28
- _React$useState4 = _slicedToArray(_React$useState3, 2),
29
- isLeftShadow = _React$useState4[0],
30
- setLeftShadow = _React$useState4[1];
31
-
24
+ _React$useState4 = _slicedToArray(_React$useState3, 2),
25
+ isLeftShadow = _React$useState4[0],
26
+ setLeftShadow = _React$useState4[1];
32
27
  var _React$useState5 = React.useState(false),
33
- _React$useState6 = _slicedToArray(_React$useState5, 2),
34
- isRightGradient = _React$useState6[0],
35
- setRightGradient = _React$useState6[1];
36
-
28
+ _React$useState6 = _slicedToArray(_React$useState5, 2),
29
+ isRightGradient = _React$useState6[0],
30
+ setRightGradient = _React$useState6[1];
37
31
  var _React$useState7 = React.useState(false),
38
- _React$useState8 = _slicedToArray(_React$useState7, 2),
39
- isBottomGradient = _React$useState8[0],
40
- setBottomGradient = _React$useState8[1];
41
-
32
+ _React$useState8 = _slicedToArray(_React$useState7, 2),
33
+ isBottomGradient = _React$useState8[0],
34
+ setBottomGradient = _React$useState8[1];
42
35
  var _React$useState9 = React.useState(false),
43
- _React$useState10 = _slicedToArray(_React$useState9, 2),
44
- isTouchDevice = _React$useState10[0],
45
- setTouchDevice = _React$useState10[1];
46
-
36
+ _React$useState10 = _slicedToArray(_React$useState9, 2),
37
+ isTouchDevice = _React$useState10[0],
38
+ setTouchDevice = _React$useState10[1];
47
39
  var handleTableScroll = React.useCallback(function () {
48
40
  var scrollNode = scrollRef.current;
49
-
50
41
  if (!scrollNode) {
51
42
  return;
52
43
  }
53
-
54
44
  var scrollHeight = scrollNode.scrollHeight,
55
- clientHeight = scrollNode.clientHeight,
56
- scrollTop = scrollNode.scrollTop,
57
- scrollWidth = scrollNode.scrollWidth,
58
- clientWidth = scrollNode.clientWidth,
59
- scrollLeft = scrollNode.scrollLeft;
45
+ clientHeight = scrollNode.clientHeight,
46
+ scrollTop = scrollNode.scrollTop,
47
+ scrollWidth = scrollNode.scrollWidth,
48
+ clientWidth = scrollNode.clientWidth,
49
+ scrollLeft = scrollNode.scrollLeft;
60
50
  var deltaHeight = scrollHeight - clientHeight;
61
51
  var deltaWidth = scrollWidth - clientWidth;
62
52
  setRightGradient(deltaWidth !== Math.floor(scrollLeft));
@@ -75,14 +65,13 @@ var Table = function Table(_ref) {
75
65
  React.useEffect(function () {
76
66
  setTouchDevice(detectTouch());
77
67
  }, []);
78
-
79
68
  var renderRows = function renderRows() {
80
69
  return React.Children.map(children, function (_ref2, index) {
81
70
  var _ref2$props = _ref2.props,
82
- cells = _ref2$props.children,
83
- head = _ref2$props.head,
84
- _ref2$props$vAlign = _ref2$props.vAlign,
85
- vAlign = _ref2$props$vAlign === void 0 ? 'default' : _ref2$props$vAlign;
71
+ cells = _ref2$props.children,
72
+ head = _ref2$props.head,
73
+ _ref2$props$vAlign = _ref2$props.vAlign,
74
+ vAlign = _ref2$props$vAlign === void 0 ? 'default' : _ref2$props$vAlign;
86
75
  return /*#__PURE__*/React.createElement("tr", {
87
76
  key: index,
88
77
  className: cn('row', {
@@ -99,7 +88,6 @@ var Table = function Table(_ref) {
99
88
  }));
100
89
  });
101
90
  };
102
-
103
91
  return /*#__PURE__*/React.createElement("div", {
104
92
  className: cn({
105
93
  'fix-column': fixColumn,
@@ -124,12 +112,4 @@ var Table = function Table(_ref) {
124
112
  className: cn('bottom-gradient')
125
113
  })));
126
114
  };
127
-
128
- Table.propTypes = {
129
- className: PropTypes.string,
130
- fixColumn: PropTypes.bool,
131
- minCellSize: PropTypes.oneOf(['small', 'large']),
132
- disableHeightLimit: PropTypes.bool,
133
- children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
134
- };
135
115
  export default Table;
@@ -1,12 +1,6 @@
1
1
  import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
-
4
2
  var TableCell = function TableCell(_ref) {
5
3
  var children = _ref.children;
6
4
  return /*#__PURE__*/React.createElement(React.Fragment, null, children && children);
7
5
  };
8
-
9
- TableCell.propTypes = {
10
- children: PropTypes.node
11
- };
12
6
  export default TableCell;
@@ -1,16 +1,7 @@
1
+ /* eslint-disable react/no-unused-prop-types */
1
2
  import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
-
4
3
  var TableRow = function TableRow(_ref) {
5
4
  var children = _ref.children;
6
5
  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
7
6
  };
8
-
9
- TableRow.propTypes = {
10
- // eslint-disable-next-line react/no-unused-prop-types
11
- head: PropTypes.bool,
12
- // eslint-disable-next-line react/no-unused-prop-types
13
- vAlign: PropTypes.oneOf(['default', 'bottom', 'top']),
14
- children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
15
- };
16
7
  export default TableRow;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { Tabs } from '@megafon/ui-core';
3
- export declare type TabsPropsType = React.ComponentProps<typeof Tabs> & {
3
+ export type TabsPropsType = React.ComponentProps<typeof Tabs> & {
4
4
  /** Ссылка на корневой элемент */
5
5
  rootRef?: React.Ref<HTMLDivElement>;
6
6
  };
@@ -1,33 +1,24 @@
1
- import "core-js/modules/es.array.index-of.js";
2
1
  import "core-js/modules/es.symbol.js";
3
-
2
+ import "core-js/modules/es.array.index-of.js";
4
3
  var __rest = this && this.__rest || function (s, e) {
5
4
  var t = {};
6
-
7
- for (var p in s) {
8
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
9
- }
10
-
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
11
6
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
12
7
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
13
8
  }
14
9
  return t;
15
10
  };
16
-
17
11
  import * as React from 'react';
18
12
  import { Tabs } from '@megafon/ui-core';
19
13
  import { cnCreate } from '@megafon/ui-helpers';
20
14
  var cn = cnCreate('mfui-tabs-box');
21
-
22
15
  var TabsBox = function TabsBox(_a) {
23
16
  var rootRef = _a.rootRef,
24
- children = _a.children,
25
- props = __rest(_a, ["rootRef", "children"]);
26
-
17
+ children = _a.children,
18
+ props = __rest(_a, ["rootRef", "children"]);
27
19
  return /*#__PURE__*/React.createElement("div", {
28
20
  ref: rootRef,
29
21
  className: cn()
30
22
  }, /*#__PURE__*/React.createElement(Tabs, props, children));
31
23
  };
32
-
33
24
  export default TabsBox;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './TextBox.less';
2
+ import './TextBox.scss';
3
3
  export interface ITextBoxProps {
4
4
  /** Центрирование текста по горизонтали */
5
5
  textCenter?: boolean;
@@ -11,6 +11,7 @@ export interface ITextBoxProps {
11
11
  rootRef?: React.Ref<HTMLDivElement>;
12
12
  /** Дополнительный класс для корневого элемента */
13
13
  className?: string;
14
+ children?: React.ReactNode;
14
15
  }
15
16
  declare const TextBox: React.FC<ITextBoxProps>;
16
17
  export default TextBox;
@@ -1,27 +1,23 @@
1
1
  import * as React from 'react';
2
2
  import { Grid, GridColumn } from '@megafon/ui-core';
3
3
  import { cnCreate } from '@megafon/ui-helpers';
4
- import * as PropTypes from 'prop-types';
5
4
  import "./TextBox.css";
6
5
  var cn = cnCreate('mfui-text-box');
7
-
8
6
  var TextBox = function TextBox(_ref) {
9
7
  var _ref$textCenter = _ref.textCenter,
10
- textCenter = _ref$textCenter === void 0 ? false : _ref$textCenter,
11
- _ref$centeringWithLim = _ref.centeringWithLimitedWidth,
12
- centeringWithLimitedWidth = _ref$centeringWithLim === void 0 ? false : _ref$centeringWithLim,
13
- _ref$isFullWidth = _ref.isFullWidth,
14
- isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
15
- rootRef = _ref.rootRef,
16
- className = _ref.className,
17
- children = _ref.children;
18
-
8
+ textCenter = _ref$textCenter === void 0 ? false : _ref$textCenter,
9
+ _ref$centeringWithLim = _ref.centeringWithLimitedWidth,
10
+ centeringWithLimitedWidth = _ref$centeringWithLim === void 0 ? false : _ref$centeringWithLim,
11
+ _ref$isFullWidth = _ref.isFullWidth,
12
+ isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
13
+ rootRef = _ref.rootRef,
14
+ className = _ref.className,
15
+ children = _ref.children;
19
16
  var renderContent = function renderContent() {
20
17
  return /*#__PURE__*/React.createElement("div", {
21
18
  className: cn('content')
22
19
  }, children);
23
20
  };
24
-
25
21
  var renderTextBoxWithGrid = function renderTextBoxWithGrid() {
26
22
  return /*#__PURE__*/React.createElement(Grid, {
27
23
  hAlign: centeringWithLimitedWidth ? 'center' : 'left',
@@ -37,7 +33,6 @@ var TextBox = function TextBox(_ref) {
37
33
  mobile: "12"
38
34
  }, renderContent()));
39
35
  };
40
-
41
36
  return /*#__PURE__*/React.createElement("div", {
42
37
  className: cn({
43
38
  'text-center': textCenter
@@ -45,14 +40,4 @@ var TextBox = function TextBox(_ref) {
45
40
  ref: rootRef
46
41
  }, isFullWidth ? renderContent() : renderTextBoxWithGrid());
47
42
  };
48
-
49
- TextBox.propTypes = {
50
- textCenter: PropTypes.bool,
51
- centeringWithLimitedWidth: PropTypes.bool,
52
- isFullWidth: PropTypes.bool,
53
- rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
54
- current: PropTypes.elementType
55
- }), PropTypes.any])]),
56
- className: PropTypes.string
57
- };
58
43
  export default TextBox;
@@ -1,12 +1,12 @@
1
1
  import * as React from 'react';
2
- import './TextBoxPicture.less';
2
+ import './TextBoxPicture.scss';
3
3
  export declare const pictureMarginTypes: {
4
4
  readonly DEFAULT: "default";
5
5
  readonly BIG_TOP: "big-top";
6
6
  readonly BIG_BOTTOM: "big-bottom";
7
7
  readonly BIG_VERTICAL: "big-vertical";
8
8
  };
9
- declare type PictureMarginTypesType = typeof pictureMarginTypes[keyof typeof pictureMarginTypes];
9
+ type PictureMarginTypesType = (typeof pictureMarginTypes)[keyof typeof pictureMarginTypes];
10
10
  export interface ITextBoxPictureProps {
11
11
  /** URL картинки */
12
12
  url: string;
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import { cnCreate } from '@megafon/ui-helpers';
3
- import * as PropTypes from 'prop-types';
4
3
  import "./TextBoxPicture.css";
5
4
  export var pictureMarginTypes = {
6
5
  DEFAULT: 'default',
@@ -9,14 +8,13 @@ export var pictureMarginTypes = {
9
8
  BIG_VERTICAL: 'big-vertical'
10
9
  };
11
10
  var cn = cnCreate('mfui-text-box-picture');
12
-
13
11
  var TextBoxPicture = function TextBoxPicture(_ref) {
14
12
  var url = _ref.url,
15
- _ref$margin = _ref.margin,
16
- margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
17
- alt = _ref.alt,
18
- _ref$disableBorder = _ref.disableBorder,
19
- disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
13
+ _ref$margin = _ref.margin,
14
+ margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
15
+ alt = _ref.alt,
16
+ _ref$disableBorder = _ref.disableBorder,
17
+ disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
20
18
  return /*#__PURE__*/React.createElement("div", {
21
19
  className: cn({
22
20
  margin: margin
@@ -29,11 +27,4 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
29
27
  alt: alt
30
28
  }));
31
29
  };
32
-
33
- TextBoxPicture.propTypes = {
34
- url: PropTypes.string.isRequired,
35
- margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL]),
36
- alt: PropTypes.string,
37
- disableBorder: PropTypes.bool
38
- };
39
30
  export default TextBoxPicture;