@megafon/ui-shared 2.0.0-beta.238 → 2.0.0-beta.241

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 (80) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/es/components/AccordionBox/AccordionBox.js +1 -1
  3. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  4. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +4 -4
  5. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  6. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +2 -2
  7. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  8. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +5 -5
  9. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +1 -1
  10. package/dist/es/components/ButtonBanner/ButtonBanner.js +2 -2
  11. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +1 -1
  12. package/dist/es/components/Card/Card.js +2 -1
  13. package/dist/es/components/CardsBox/CardsBox.js +3 -3
  14. package/dist/es/components/Container/Container.css +22 -0
  15. package/dist/es/components/Container/Container.js +2 -2
  16. package/dist/es/components/DownloadLinks/DownloadLink.js +1 -1
  17. package/dist/es/components/DownloadLinks/DownloadLinks.js +1 -1
  18. package/dist/es/components/Instructions/Instructions.d.ts +1 -1
  19. package/dist/es/components/Instructions/Instructions.js +57 -54
  20. package/dist/es/components/PageTitle/PageTitle.js +2 -2
  21. package/dist/es/components/Partners/Partners.js +4 -4
  22. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +2 -2
  23. package/dist/es/components/Property/Property.js +4 -4
  24. package/dist/es/components/Property/PropertyDescription.js +1 -1
  25. package/dist/es/components/Steps/Steps.js +1 -1
  26. package/dist/es/components/Steps/StepsItem.js +1 -1
  27. package/dist/es/components/StoreBanner/StoreBanner.css +19 -2
  28. package/dist/es/components/StoreBanner/StoreBanner.js +1 -1
  29. package/dist/es/components/StoreButton/StoreButton.js +1 -1
  30. package/dist/es/components/StoreButton/img/app-store.png +0 -0
  31. package/dist/es/components/StoreButton/img/google-play.png +0 -0
  32. package/dist/es/components/StoreButton/img/huawei-store.png +0 -0
  33. package/dist/es/components/Table/Table.js +3 -3
  34. package/dist/es/components/Table/TableRow.js +1 -0
  35. package/dist/es/components/TextBox/TextBox.js +2 -2
  36. package/dist/es/components/TextBox/TextBoxPicture.js +3 -2
  37. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +1 -1
  38. package/dist/es/components/VideoBanner/VideoBanner.js +19 -15
  39. package/dist/es/components/VideoBlock/VideoBlock.d.ts +2 -2
  40. package/dist/es/components/VideoBlock/VideoBlock.js +20 -16
  41. package/dist/lib/components/AccordionBox/AccordionBox.js +2 -2
  42. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  43. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +6 -7
  44. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  45. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +2 -2
  46. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  47. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +6 -6
  48. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +2 -2
  49. package/dist/lib/components/ButtonBanner/ButtonBanner.js +2 -2
  50. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +2 -2
  51. package/dist/lib/components/Card/Card.js +2 -1
  52. package/dist/lib/components/CardsBox/CardsBox.js +5 -5
  53. package/dist/lib/components/Container/Container.css +22 -0
  54. package/dist/lib/components/Container/Container.js +2 -2
  55. package/dist/lib/components/DownloadLinks/DownloadLink.js +2 -2
  56. package/dist/lib/components/DownloadLinks/DownloadLinks.js +2 -2
  57. package/dist/lib/components/Instructions/Instructions.d.ts +1 -1
  58. package/dist/lib/components/Instructions/Instructions.js +61 -59
  59. package/dist/lib/components/PageTitle/PageTitle.js +3 -3
  60. package/dist/lib/components/Partners/Partners.js +5 -5
  61. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +2 -2
  62. package/dist/lib/components/Property/Property.js +5 -5
  63. package/dist/lib/components/Property/PropertyDescription.js +2 -2
  64. package/dist/lib/components/Steps/Steps.js +2 -2
  65. package/dist/lib/components/Steps/StepsItem.js +2 -2
  66. package/dist/lib/components/StoreBanner/StoreBanner.css +19 -2
  67. package/dist/lib/components/StoreBanner/StoreBanner.js +2 -2
  68. package/dist/lib/components/StoreButton/StoreButton.js +2 -2
  69. package/dist/lib/components/StoreButton/img/app-store.png +0 -0
  70. package/dist/lib/components/StoreButton/img/google-play.png +0 -0
  71. package/dist/lib/components/StoreButton/img/huawei-store.png +0 -0
  72. package/dist/lib/components/Table/Table.js +4 -4
  73. package/dist/lib/components/Table/TableRow.js +1 -0
  74. package/dist/lib/components/TextBox/TextBox.js +2 -2
  75. package/dist/lib/components/TextBox/TextBoxPicture.js +4 -3
  76. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +2 -2
  77. package/dist/lib/components/VideoBanner/VideoBanner.js +21 -17
  78. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +2 -2
  79. package/dist/lib/components/VideoBlock/VideoBlock.js +20 -16
  80. package/package.json +3 -3
@@ -1,9 +1,9 @@
1
1
  import "core-js/modules/es.object.values";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
- import PropTypes from 'prop-types';
5
4
  import { Button, Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
6
5
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
6
+ import PropTypes from 'prop-types';
7
7
  import StoreButton, { Theme as StoreButtonTheme } from "../StoreButton/StoreButton";
8
8
  import "./StoreBanner.css";
9
9
  export var Theme = {
@@ -1,8 +1,8 @@
1
1
  import "core-js/modules/es.object.values";
2
2
  import * as React from 'react';
3
- import PropTypes from 'prop-types';
4
3
  import { Link } from '@megafon/ui-core';
5
4
  import { cnCreate } from '@megafon/ui-helpers';
5
+ import PropTypes from 'prop-types';
6
6
  import "./StoreButton.css";
7
7
  export var Theme;
8
8
 
@@ -1,10 +1,10 @@
1
1
  import "core-js/modules/es.array.map";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import * as React from 'react';
4
- import * as PropTypes from 'prop-types';
5
- import throttle from 'lodash.throttle';
6
- import convert from 'htmr';
7
4
  import { cnCreate, detectTouch } from '@megafon/ui-helpers';
5
+ import convert from 'htmr';
6
+ import throttle from 'lodash.throttle';
7
+ import * as PropTypes from 'prop-types';
8
8
  import "./Table.css";
9
9
  var cn = cnCreate('mfui-beta-table');
10
10
 
@@ -7,6 +7,7 @@ var TableRow = function TableRow(_ref) {
7
7
  };
8
8
 
9
9
  TableRow.propTypes = {
10
+ // eslint-disable-next-line react/no-unused-prop-types
10
11
  head: PropTypes.bool,
11
12
  children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
12
13
  };
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
- import { cnCreate } from '@megafon/ui-helpers';
4
2
  import { Grid, GridColumn } from '@megafon/ui-core';
3
+ import { cnCreate } from '@megafon/ui-helpers';
4
+ import * as PropTypes from 'prop-types';
5
5
  import "./TextBox.css";
6
6
  var cn = cnCreate('mfui-beta-text-box');
7
7
 
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
2
  import { cnCreate } from '@megafon/ui-helpers';
3
+ import * as PropTypes from 'prop-types';
4
4
  import "./TextBoxPicture.css";
5
5
  export var pictureMarginTypes = {
6
6
  DEFAULT: 'default',
@@ -20,7 +20,8 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
20
20
  })
21
21
  }, /*#__PURE__*/React.createElement("img", {
22
22
  className: cn('img'),
23
- src: url
23
+ src: url,
24
+ alt: ""
24
25
  }));
25
26
  };
26
27
 
@@ -2,9 +2,9 @@ import "core-js/modules/es.symbol";
2
2
  import "core-js/modules/es.symbol.description";
3
3
  import _extends from "@babel/runtime/helpers/extends";
4
4
  import * as React from 'react';
5
- import * as PropTypes from 'prop-types';
6
5
  import { Header, Paragraph, Grid, GridColumn } from '@megafon/ui-core';
7
6
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
7
+ import * as PropTypes from 'prop-types';
8
8
  import "./TitleDescriptionBox.css";
9
9
  var cn = cnCreate('mfui-beta-title-description-box');
10
10
 
@@ -6,13 +6,14 @@ import "core-js/modules/es.string.link";
6
6
  import _extends from "@babel/runtime/helpers/extends";
7
7
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
8
8
  import React from 'react';
9
- import * as PropTypes from 'prop-types';
10
- import throttle from 'lodash.throttle';
11
9
  import { Button, Header, ContentArea, TextLink, Grid, GridColumn } from '@megafon/ui-core';
12
10
  import { breakpoints, cnCreate, filterDataAttrs, convert } from '@megafon/ui-helpers';
13
- import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
11
+ import throttle from 'lodash.throttle';
12
+ import * as PropTypes from 'prop-types';
14
13
  import throttleTime from "../../constants/throttleTime";
14
+ import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
15
15
  import "./VideoBanner.css";
16
+ var cn = cnCreate('mfui-beta-video-banner');
16
17
  export var ClassName;
17
18
 
18
19
  (function (ClassName) {
@@ -44,7 +45,6 @@ export var TextColor = {
44
45
  BLACK: 'black',
45
46
  WHITE: 'white'
46
47
  };
47
- var cn = cnCreate('mfui-beta-video-banner');
48
48
 
49
49
  var VideoBanner = function VideoBanner(_ref2) {
50
50
  var dataAttrs = _ref2.dataAttrs,
@@ -133,7 +133,7 @@ var VideoBanner = function VideoBanner(_ref2) {
133
133
  download: linkDownload,
134
134
  onClick: onLinkClick
135
135
  }, linkTitle)))));
136
- }, []);
136
+ }, [classes.button, classes.link]);
137
137
  var renderVideo = React.useCallback(function () {
138
138
  switch (videoType) {
139
139
  case VideoType.YOUTUBE:
@@ -161,15 +161,19 @@ var VideoBanner = function VideoBanner(_ref2) {
161
161
 
162
162
  case VideoType.VIDEO:
163
163
  {
164
- return /*#__PURE__*/React.createElement("video", {
165
- className: cn('video'),
166
- autoPlay: true,
167
- loop: true,
168
- muted: isMuted
169
- }, /*#__PURE__*/React.createElement("source", {
170
- src: videoSrc,
171
- type: "video/mp4"
172
- }));
164
+ return (
165
+ /*#__PURE__*/
166
+ // eslint-disable-next-line jsx-a11y/media-has-caption
167
+ React.createElement("video", {
168
+ className: cn('video'),
169
+ autoPlay: true,
170
+ loop: true,
171
+ muted: isMuted
172
+ }, /*#__PURE__*/React.createElement("source", {
173
+ src: videoSrc,
174
+ type: "video/mp4"
175
+ }))
176
+ );
173
177
  }
174
178
 
175
179
  default:
@@ -208,7 +212,7 @@ var VideoBanner = function VideoBanner(_ref2) {
208
212
  return function () {
209
213
  window.removeEventListener('resize', resizeHandlerThrottled);
210
214
  };
211
- }, []);
215
+ }, [imageDesktop, imageDesktopWide, imageMobile, imageTablet]);
212
216
  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs), {
213
217
  className: cn([className, classes.root]),
214
218
  ref: rootRef
@@ -19,7 +19,7 @@ export declare const VideoTypes: {
19
19
  readonly VIDEO: "video";
20
20
  };
21
21
  declare type VideoType = typeof VideoTypes[keyof typeof VideoTypes];
22
- export interface Props {
22
+ export interface IVideoBlockProps {
23
23
  /** Дата атрибуты для корневого элемента */
24
24
  dataAttrs?: {
25
25
  [key: string]: string;
@@ -45,5 +45,5 @@ export interface Props {
45
45
  /** Автоматическое проигрывание видео */
46
46
  isAutoplay?: boolean;
47
47
  }
48
- declare const VideoBlock: React.FC<Props>;
48
+ declare const VideoBlock: React.FC<IVideoBlockProps>;
49
49
  export default VideoBlock;
@@ -4,10 +4,10 @@ import "core-js/modules/es.array.concat";
4
4
  import "core-js/modules/es.object.values";
5
5
  import _extends from "@babel/runtime/helpers/extends";
6
6
  import React from 'react';
7
- import PropTypes from 'prop-types';
8
- import "./VideoBlock.css";
9
7
  import { Header, Button, Grid, GridColumn } from '@megafon/ui-core';
10
8
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
9
+ import PropTypes from 'prop-types';
10
+ import "./VideoBlock.css";
11
11
  export var VideoTypes = {
12
12
  YOUTUBE: 'youtube',
13
13
  VIDEO: 'video'
@@ -45,16 +45,20 @@ var VideoBlock = function VideoBlock(_ref) {
45
45
 
46
46
  case VideoTypes.VIDEO:
47
47
  {
48
- return /*#__PURE__*/React.createElement("video", {
49
- className: cn('video'),
50
- autoPlay: isAutoplay,
51
- muted: isMuted,
52
- controls: !isAutoplay,
53
- loop: true
54
- }, /*#__PURE__*/React.createElement("source", {
55
- src: videoSrc,
56
- type: "video/mp4"
57
- }));
48
+ return (
49
+ /*#__PURE__*/
50
+ // eslint-disable-next-line jsx-a11y/media-has-caption
51
+ React.createElement("video", {
52
+ className: cn('video'),
53
+ autoPlay: isAutoplay,
54
+ muted: isMuted,
55
+ controls: !isAutoplay,
56
+ loop: true
57
+ }, /*#__PURE__*/React.createElement("source", {
58
+ src: videoSrc,
59
+ type: "video/mp4"
60
+ }))
61
+ );
58
62
  }
59
63
 
60
64
  default:
@@ -62,7 +66,7 @@ var VideoBlock = function VideoBlock(_ref) {
62
66
  return null;
63
67
  }
64
68
  }
65
- }, [videoType, videoSrc]);
69
+ }, [isAutoplay, isMuted, videoType, videoSrc]);
66
70
  var renderContent = React.useCallback(function (_ref2) {
67
71
  var title = _ref2.title,
68
72
  description = _ref2.description,
@@ -83,7 +87,7 @@ var VideoBlock = function VideoBlock(_ref) {
83
87
  onClick: onButtonClick,
84
88
  download: buttonDownload
85
89
  }, buttonTitle));
86
- }, [content]);
90
+ }, [classes.button, classes.description]);
87
91
  var renderGridColumns = React.useCallback(function () {
88
92
  var columns = [];
89
93
  var columnWidth = content ? '7' : '10';
@@ -95,7 +99,7 @@ var VideoBlock = function VideoBlock(_ref) {
95
99
  mobile: "12",
96
100
  orderTablet: "2",
97
101
  orderMobile: "2",
98
- key: 'column-content'
102
+ key: "column-content"
99
103
  }, renderContent && renderContent(content)));
100
104
  }
101
105
 
@@ -103,7 +107,7 @@ var VideoBlock = function VideoBlock(_ref) {
103
107
  all: columnWidth,
104
108
  tablet: "12",
105
109
  mobile: "12",
106
- key: 'column-video'
110
+ key: "column-video"
107
111
  }, /*#__PURE__*/React.createElement("div", {
108
112
  className: cn('video-wrapper', {
109
113
  'with-content': !!content
@@ -13,12 +13,12 @@ require("core-js/modules/es.array.index-of");
13
13
 
14
14
  var React = _interopRequireWildcard(require("react"));
15
15
 
16
- var PropTypes = _interopRequireWildcard(require("prop-types"));
17
-
18
16
  var _uiCore = require("@megafon/ui-core");
19
17
 
20
18
  var _uiHelpers = require("@megafon/ui-helpers");
21
19
 
20
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
21
+
22
22
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
23
23
 
24
24
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import './style/BenefitsIcons.less';
3
2
  import { IconPosition, IBenefit } from './types';
3
+ import './style/BenefitsIcons.less';
4
4
  export interface IBenefitsIcons {
5
5
  /** Ссылка на корневой элемент */
6
6
  rootRef?: React.Ref<HTMLDivElement>;
@@ -17,27 +17,26 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
17
17
 
18
18
  var React = _interopRequireWildcard(require("react"));
19
19
 
20
- var _propTypes = _interopRequireDefault(require("prop-types"));
21
-
22
20
  var _uiCore = require("@megafon/ui-core");
23
21
 
24
22
  var _uiHelpers = require("@megafon/ui-helpers");
25
23
 
26
- var _BenefitsIconsTile = _interopRequireDefault(require("./BenefitsIconsTile"));
27
-
28
- var _types = require("./types");
29
-
30
24
  var _lodash = _interopRequireDefault(require("lodash.throttle"));
31
25
 
26
+ var _propTypes = _interopRequireDefault(require("prop-types"));
27
+
32
28
  var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
33
29
 
30
+ var _BenefitsIconsTile = _interopRequireDefault(require("./BenefitsIconsTile"));
31
+
32
+ var _types = require("./types");
33
+
34
34
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
35
35
 
36
36
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
37
37
 
38
38
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
39
39
 
40
- // left-aligned column with left side icon,
41
40
  var getLeftSideConfig = function getLeftSideConfig(count, index) {
42
41
  var everySecondWithoutOffset = index % 2 ? '1' : undefined;
43
42
  var columnSize = {
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import './style/BenefitsIconsTile.less';
3
2
  import { IBenefit, IconPosition } from './types';
3
+ import './style/BenefitsIconsTile.less';
4
4
  export interface IBenefitsIconsTile extends IBenefit {
5
5
  iconPosition?: IconPosition;
6
6
  className?: string;
@@ -11,12 +11,12 @@ require("core-js/modules/es.object.values");
11
11
 
12
12
  var React = _interopRequireWildcard(require("react"));
13
13
 
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
14
  var _uiCore = require("@megafon/ui-core");
17
15
 
18
16
  var _uiHelpers = require("@megafon/ui-helpers");
19
17
 
18
+ var _propTypes = _interopRequireDefault(require("prop-types"));
19
+
20
20
  var _types = require("./types");
21
21
 
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import './BenfitsPictures.less';
3
2
  import { IBenefit, GridGutterSize } from './types';
3
+ import './BenfitsPictures.less';
4
4
  export interface IBenefitsPicturesProps {
5
5
  /** Ссылка на корневой элемент */
6
6
  rootRef?: React.Ref<HTMLDivElement>;
@@ -15,16 +15,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
15
15
 
16
16
  var React = _interopRequireWildcard(require("react"));
17
17
 
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
- var _lodash = _interopRequireDefault(require("lodash.throttle"));
21
-
22
18
  var _uiCore = require("@megafon/ui-core");
23
19
 
24
20
  var _uiHelpers = require("@megafon/ui-helpers");
25
21
 
26
22
  var _htmr = _interopRequireDefault(require("htmr"));
27
23
 
24
+ var _lodash = _interopRequireDefault(require("lodash.throttle"));
25
+
26
+ var _propTypes = _interopRequireDefault(require("prop-types"));
27
+
28
28
  var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
29
29
 
30
30
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -162,7 +162,7 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
162
162
  } else {
163
163
  setCurrentGutter('large');
164
164
  }
165
- }, []);
165
+ }, [isLargeGutter]);
166
166
  React.useEffect(function () {
167
167
  var throttledResizeHandler = (0, _lodash["default"])(resizeHandler, _throttleTime["default"].resize);
168
168
  resizeHandler();
@@ -170,7 +170,7 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
170
170
  return function () {
171
171
  return window.removeEventListener('resize', throttledResizeHandler);
172
172
  };
173
- }, []);
173
+ }, [resizeHandler]);
174
174
  return /*#__PURE__*/React.createElement("div", {
175
175
  className: cn([className, classes.root]),
176
176
  ref: rootRef
@@ -11,12 +11,12 @@ require("core-js/modules/es.object.values");
11
11
 
12
12
  var _react = _interopRequireDefault(require("react"));
13
13
 
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
14
  var _uiCore = require("@megafon/ui-core");
17
15
 
18
16
  var _uiHelpers = require("@megafon/ui-helpers");
19
17
 
18
+ var _propTypes = _interopRequireDefault(require("prop-types"));
19
+
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
21
 
22
22
  var TextColor = {
@@ -13,12 +13,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
13
13
 
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
 
16
- var PropTypes = _interopRequireWildcard(require("prop-types"));
17
-
18
16
  var _uiCore = require("@megafon/ui-core");
19
17
 
20
18
  var _uiHelpers = require("@megafon/ui-helpers");
21
19
 
20
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
21
+
22
22
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
23
23
 
24
24
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -13,12 +13,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
13
13
 
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
 
16
- var PropTypes = _interopRequireWildcard(require("prop-types"));
17
-
18
16
  var _uiCore = require("@megafon/ui-core");
19
17
 
20
18
  var _uiHelpers = require("@megafon/ui-helpers");
21
19
 
20
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
21
+
22
22
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
23
23
 
24
24
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -69,7 +69,8 @@ var Card = function Card(_ref) {
69
69
  })
70
70
  }, /*#__PURE__*/_react["default"].createElement("img", {
71
71
  className: cn('img'),
72
- src: imageSrc
72
+ src: imageSrc,
73
+ alt: ""
73
74
  }));
74
75
  }
75
76
 
@@ -17,14 +17,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
17
17
 
18
18
  var React = _interopRequireWildcard(require("react"));
19
19
 
20
- var PropTypes = _interopRequireWildcard(require("prop-types"));
21
-
22
- var _lodash = _interopRequireDefault(require("lodash.throttle"));
23
-
24
20
  var _uiCore = require("@megafon/ui-core");
25
21
 
26
22
  var _uiHelpers = require("@megafon/ui-helpers");
27
23
 
24
+ var _lodash = _interopRequireDefault(require("lodash.throttle"));
25
+
26
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
27
+
28
28
  var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
29
29
 
30
30
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -74,7 +74,7 @@ var CardsBox = function CardsBox(_ref) {
74
74
  slidesSettings: SlidesSettings,
75
75
  onChange: onChange
76
76
  }, children);
77
- }, [children]);
77
+ }, [children, onChange]);
78
78
  React.useEffect(function () {
79
79
  var resizeHandler = function resizeHandler() {
80
80
  return window.innerWidth <= _uiHelpers.breakpoints.MOBILE_BIG_END ? setIsMobile(true) : setIsMobile(false);
@@ -2104,19 +2104,41 @@ h5 {
2104
2104
  margin-top: 40px;
2105
2105
  }
2106
2106
  }
2107
+ .mfui-beta-container .mfui-beta-button-link-box + .mfui-beta-download-links {
2108
+ margin-top: 56px;
2109
+ }
2107
2110
  .mfui-beta-container .mfui-beta-button-link-box + .mfui-beta-text-box {
2108
2111
  margin-top: 56px;
2109
2112
  }
2110
2113
  @media screen and (min-width: 768px) and (max-width: 1023px) {
2114
+ .mfui-beta-container .mfui-beta-button-link-box + .mfui-beta-download-links {
2115
+ margin-top: 48px;
2116
+ }
2111
2117
  .mfui-beta-container .mfui-beta-button-link-box + .mfui-beta-text-box {
2112
2118
  margin-top: 48px;
2113
2119
  }
2114
2120
  }
2115
2121
  @media screen and (max-width: 767px) {
2122
+ .mfui-beta-container .mfui-beta-button-link-box + .mfui-beta-download-links {
2123
+ margin-top: 40px;
2124
+ }
2116
2125
  .mfui-beta-container .mfui-beta-button-link-box + .mfui-beta-text-box {
2117
2126
  margin-top: 40px;
2118
2127
  }
2119
2128
  }
2129
+ .mfui-beta-container .mfui-beta-download-links + .mfui-beta-text-box {
2130
+ margin-top: 56px;
2131
+ }
2132
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
2133
+ .mfui-beta-container .mfui-beta-download-links + .mfui-beta-text-box {
2134
+ margin-top: 48px;
2135
+ }
2136
+ }
2137
+ @media screen and (max-width: 767px) {
2138
+ .mfui-beta-container .mfui-beta-download-links + .mfui-beta-text-box {
2139
+ margin-top: 40px;
2140
+ }
2141
+ }
2120
2142
  .mfui-beta-container .mfui-beta-text-box + .mfui-beta-benefits-icons {
2121
2143
  margin-top: 56px;
2122
2144
  }
@@ -9,12 +9,12 @@ require("core-js/modules/es.object.values");
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
12
  var _uiCore = require("@megafon/ui-core");
15
13
 
16
14
  var _uiHelpers = require("@megafon/ui-helpers");
17
15
 
16
+ var _propTypes = _interopRequireDefault(require("prop-types"));
17
+
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
19
 
20
20
  var BackgroundColors = {
@@ -15,12 +15,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
15
15
 
16
16
  var React = _interopRequireWildcard(require("react"));
17
17
 
18
- var PropTypes = _interopRequireWildcard(require("prop-types"));
19
-
20
18
  var _uiCore = require("@megafon/ui-core");
21
19
 
22
20
  var _uiHelpers = require("@megafon/ui-helpers");
23
21
 
22
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
23
+
24
24
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
25
25
 
26
26
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -13,12 +13,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
13
13
 
14
14
  var React = _interopRequireWildcard(require("react"));
15
15
 
16
- var PropTypes = _interopRequireWildcard(require("prop-types"));
17
-
18
16
  var _uiCore = require("@megafon/ui-core");
19
17
 
20
18
  var _uiHelpers = require("@megafon/ui-helpers");
21
19
 
20
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
21
+
22
22
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
23
23
 
24
24
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,6 +1,6 @@
1
1
  import React, { Ref } from 'react';
2
- import './Instructions.less';
3
2
  import SwiperCore from 'swiper';
3
+ import './Instructions.less';
4
4
  export declare const pictureAlignTypes: {
5
5
  readonly LEFT: "left";
6
6
  readonly RIGHT: "right";