@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.
- package/CHANGELOG.md +41 -0
- package/dist/es/components/AccordionBox/AccordionBox.js +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIcons.js +4 -4
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +2 -2
- package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
- package/dist/es/components/BenefitsPictures/BenefitsPictures.js +5 -5
- package/dist/es/components/Breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/es/components/ButtonBanner/ButtonBanner.js +2 -2
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +1 -1
- package/dist/es/components/Card/Card.js +2 -1
- package/dist/es/components/CardsBox/CardsBox.js +3 -3
- package/dist/es/components/Container/Container.css +22 -0
- package/dist/es/components/Container/Container.js +2 -2
- package/dist/es/components/DownloadLinks/DownloadLink.js +1 -1
- package/dist/es/components/DownloadLinks/DownloadLinks.js +1 -1
- package/dist/es/components/Instructions/Instructions.d.ts +1 -1
- package/dist/es/components/Instructions/Instructions.js +57 -54
- package/dist/es/components/PageTitle/PageTitle.js +2 -2
- package/dist/es/components/Partners/Partners.js +4 -4
- package/dist/es/components/PictureWithDescription/PictureWithDescription.js +2 -2
- package/dist/es/components/Property/Property.js +4 -4
- package/dist/es/components/Property/PropertyDescription.js +1 -1
- package/dist/es/components/Steps/Steps.js +1 -1
- package/dist/es/components/Steps/StepsItem.js +1 -1
- package/dist/es/components/StoreBanner/StoreBanner.css +19 -2
- package/dist/es/components/StoreBanner/StoreBanner.js +1 -1
- package/dist/es/components/StoreButton/StoreButton.js +1 -1
- package/dist/es/components/StoreButton/img/app-store.png +0 -0
- package/dist/es/components/StoreButton/img/google-play.png +0 -0
- package/dist/es/components/StoreButton/img/huawei-store.png +0 -0
- package/dist/es/components/Table/Table.js +3 -3
- package/dist/es/components/Table/TableRow.js +1 -0
- package/dist/es/components/TextBox/TextBox.js +2 -2
- package/dist/es/components/TextBox/TextBoxPicture.js +3 -2
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +1 -1
- package/dist/es/components/VideoBanner/VideoBanner.js +19 -15
- package/dist/es/components/VideoBlock/VideoBlock.d.ts +2 -2
- package/dist/es/components/VideoBlock/VideoBlock.js +20 -16
- package/dist/lib/components/AccordionBox/AccordionBox.js +2 -2
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +6 -7
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +2 -2
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +6 -6
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/lib/components/ButtonBanner/ButtonBanner.js +2 -2
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +2 -2
- package/dist/lib/components/Card/Card.js +2 -1
- package/dist/lib/components/CardsBox/CardsBox.js +5 -5
- package/dist/lib/components/Container/Container.css +22 -0
- package/dist/lib/components/Container/Container.js +2 -2
- package/dist/lib/components/DownloadLinks/DownloadLink.js +2 -2
- package/dist/lib/components/DownloadLinks/DownloadLinks.js +2 -2
- package/dist/lib/components/Instructions/Instructions.d.ts +1 -1
- package/dist/lib/components/Instructions/Instructions.js +61 -59
- package/dist/lib/components/PageTitle/PageTitle.js +3 -3
- package/dist/lib/components/Partners/Partners.js +5 -5
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +2 -2
- package/dist/lib/components/Property/Property.js +5 -5
- package/dist/lib/components/Property/PropertyDescription.js +2 -2
- package/dist/lib/components/Steps/Steps.js +2 -2
- package/dist/lib/components/Steps/StepsItem.js +2 -2
- package/dist/lib/components/StoreBanner/StoreBanner.css +19 -2
- package/dist/lib/components/StoreBanner/StoreBanner.js +2 -2
- package/dist/lib/components/StoreButton/StoreButton.js +2 -2
- package/dist/lib/components/StoreButton/img/app-store.png +0 -0
- package/dist/lib/components/StoreButton/img/google-play.png +0 -0
- package/dist/lib/components/StoreButton/img/huawei-store.png +0 -0
- package/dist/lib/components/Table/Table.js +4 -4
- package/dist/lib/components/Table/TableRow.js +1 -0
- package/dist/lib/components/TextBox/TextBox.js +2 -2
- package/dist/lib/components/TextBox/TextBoxPicture.js +4 -3
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +2 -2
- package/dist/lib/components/VideoBanner/VideoBanner.js +21 -17
- package/dist/lib/components/VideoBlock/VideoBlock.d.ts +2 -2
- package/dist/lib/components/VideoBlock/VideoBlock.js +20 -16
- 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
|
|
Binary file
|
Binary file
|
Binary file
|
@@ -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
|
|
@@ -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
|
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
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
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
|
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<
|
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
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
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
|
-
}, [
|
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:
|
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:
|
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; }
|
@@ -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; }
|