@megafon/ui-shared 5.4.1 → 5.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/dist/es/components/Card/Card.css +39 -8
- package/dist/es/components/Card/Card.js +8 -6
- package/dist/es/components/StoreBanner/StoreBanner.d.ts +6 -0
- package/dist/es/components/StoreBanner/StoreBanner.js +20 -2
- package/dist/es/components/StoreButton/StoreButton.css +248 -6
- package/dist/es/components/StoreButton/StoreButton.d.ts +17 -1
- package/dist/es/components/StoreButton/StoreButton.js +27 -2
- package/dist/es/components/StoreButton/img/app-store-large.png +0 -0
- package/dist/es/components/StoreButton/img/galaxy-store-large.png +0 -0
- package/dist/es/components/StoreButton/img/google-play-large.png +0 -0
- package/dist/es/components/StoreButton/img/huawei-store-large.png +0 -0
- package/dist/es/components/StoreButton/img/mi-store-large.png +0 -0
- package/dist/es/components/StoreButton/img/ru-store-large.png +0 -0
- package/dist/es/components/StoreButton/img/v-appstore-large.png +0 -0
- package/dist/es/components/StoreButton/img/v-appstore.png +0 -0
- package/dist/es/components/VideoBanner/VideoBanner.d.ts +3 -2
- package/dist/es/components/VideoBanner/VideoBanner.js +10 -4
- package/dist/es/components/VideoBlock/VideoBlock.d.ts +1 -0
- package/dist/es/components/VideoBlock/VideoBlock.js +7 -3
- package/dist/lib/components/Card/Card.css +39 -8
- package/dist/lib/components/Card/Card.js +8 -6
- package/dist/lib/components/StoreBanner/StoreBanner.d.ts +6 -0
- package/dist/lib/components/StoreBanner/StoreBanner.js +20 -2
- package/dist/lib/components/StoreButton/StoreButton.css +248 -6
- package/dist/lib/components/StoreButton/StoreButton.d.ts +17 -1
- package/dist/lib/components/StoreButton/StoreButton.js +29 -3
- package/dist/lib/components/StoreButton/img/app-store-large.png +0 -0
- package/dist/lib/components/StoreButton/img/galaxy-store-large.png +0 -0
- package/dist/lib/components/StoreButton/img/google-play-large.png +0 -0
- package/dist/lib/components/StoreButton/img/huawei-store-large.png +0 -0
- package/dist/lib/components/StoreButton/img/mi-store-large.png +0 -0
- package/dist/lib/components/StoreButton/img/ru-store-large.png +0 -0
- package/dist/lib/components/StoreButton/img/v-appstore-large.png +0 -0
- package/dist/lib/components/StoreButton/img/v-appstore.png +0 -0
- package/dist/lib/components/VideoBanner/VideoBanner.d.ts +3 -2
- package/dist/lib/components/VideoBanner/VideoBanner.js +12 -5
- package/dist/lib/components/VideoBlock/VideoBlock.d.ts +1 -0
- package/dist/lib/components/VideoBlock/VideoBlock.js +9 -4
- package/package.json +4 -4
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,7 +1,8 @@
|
|
1
1
|
import React, { Ref } from 'react';
|
2
2
|
import { Props as BreadcrumbsPropsType } from '../Breadcrumbs/Breadcrumbs';
|
3
3
|
import './VideoBanner.less';
|
4
|
-
declare type BreadCrumbsItemsType = BreadcrumbsPropsType['items'];
|
4
|
+
export declare type BreadCrumbsItemsType = BreadcrumbsPropsType['items'];
|
5
|
+
export declare const testIdPrefix = "VideoBanner";
|
5
6
|
export declare enum ClassName {
|
6
7
|
BUTTON = "button",
|
7
8
|
LINK = "link"
|
@@ -59,7 +60,7 @@ export interface IContent {
|
|
59
60
|
/** Строка со стоимостью услуги */
|
60
61
|
cost?: string;
|
61
62
|
}
|
62
|
-
interface IVideoBannerProps {
|
63
|
+
export interface IVideoBannerProps {
|
63
64
|
/** Дополнительные data атрибуты к внутренним элементам */
|
64
65
|
dataAttrs?: {
|
65
66
|
root?: Record<string, string>;
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
6
6
|
value: true
|
7
7
|
});
|
8
|
-
exports["default"] = exports.TextColor = exports.ButtonColor = exports.VideoType = exports.ClassName = void 0;
|
8
|
+
exports["default"] = exports.TextColor = exports.ButtonColor = exports.VideoType = exports.ClassName = exports.testIdPrefix = void 0;
|
9
9
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
11
|
|
@@ -41,6 +41,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
41
41
|
|
42
42
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
43
43
|
|
44
|
+
var testIdPrefix = 'VideoBanner';
|
45
|
+
exports.testIdPrefix = testIdPrefix;
|
44
46
|
var cn = (0, _uiHelpers.cnCreate)('mfui-video-banner');
|
45
47
|
var ClassName;
|
46
48
|
exports.ClassName = ClassName;
|
@@ -145,7 +147,8 @@ var VideoBanner = function VideoBanner(_ref2) {
|
|
145
147
|
className: cn('content', {
|
146
148
|
'text-color': textColor,
|
147
149
|
'text-color-mobile': textColorMobile
|
148
|
-
})
|
150
|
+
}),
|
151
|
+
"data-testid": "".concat(testIdPrefix, "-content")
|
149
152
|
}, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
|
150
153
|
className: cn('title'),
|
151
154
|
as: "h1",
|
@@ -205,7 +208,8 @@ var VideoBanner = function VideoBanner(_ref2) {
|
|
205
208
|
width: "100%",
|
206
209
|
height: "100%",
|
207
210
|
frameBorder: "0",
|
208
|
-
allow: "autoplay"
|
211
|
+
allow: "autoplay",
|
212
|
+
"data-testid": "".concat(testIdPrefix, "-iframe-video")
|
209
213
|
});
|
210
214
|
}
|
211
215
|
|
@@ -218,7 +222,8 @@ var VideoBanner = function VideoBanner(_ref2) {
|
|
218
222
|
className: cn('video', [classes.video]),
|
219
223
|
autoPlay: true,
|
220
224
|
loop: true,
|
221
|
-
muted: isMuted
|
225
|
+
muted: isMuted,
|
226
|
+
"data-testid": "".concat(testIdPrefix, "-video")
|
222
227
|
}, /*#__PURE__*/_react["default"].createElement("source", {
|
223
228
|
src: videoSrc,
|
224
229
|
type: "video/mp4"
|
@@ -266,7 +271,9 @@ var VideoBanner = function VideoBanner(_ref2) {
|
|
266
271
|
classes: {
|
267
272
|
item: classes.breadcrumbs
|
268
273
|
}
|
269
|
-
}), content && renderContent(content), isRenderVideo && renderVideo(), !isRenderVideo && /*#__PURE__*/_react["default"].createElement("picture",
|
274
|
+
}), content && renderContent(content), isRenderVideo && renderVideo(), !isRenderVideo && /*#__PURE__*/_react["default"].createElement("picture", {
|
275
|
+
"data-testid": "".concat(testIdPrefix, "-picture")
|
276
|
+
}, /*#__PURE__*/_react["default"].createElement("source", {
|
270
277
|
media: "(min-width: ".concat(_uiHelpers.breakpoints.DESKTOP_MIDDLE_START, "px)"),
|
271
278
|
srcSet: imageDesktopWide
|
272
279
|
}), /*#__PURE__*/_react["default"].createElement("source", {
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports["default"] = exports.VideoTypes = void 0;
|
6
|
+
exports["default"] = exports.testIdPrefix = exports.VideoTypes = void 0;
|
7
7
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
9
|
|
@@ -30,6 +30,8 @@ var VideoTypes = {
|
|
30
30
|
VIDEO: 'video'
|
31
31
|
};
|
32
32
|
exports.VideoTypes = VideoTypes;
|
33
|
+
var testIdPrefix = 'VideoBlock';
|
34
|
+
exports.testIdPrefix = testIdPrefix;
|
33
35
|
var cn = (0, _uiHelpers.cnCreate)('mfui-video-block');
|
34
36
|
|
35
37
|
var VideoBlock = function VideoBlock(_ref) {
|
@@ -79,7 +81,8 @@ var VideoBlock = function VideoBlock(_ref) {
|
|
79
81
|
frameBorder: "0",
|
80
82
|
allow: "autoplay",
|
81
83
|
title: "iframe",
|
82
|
-
allowFullScreen: true
|
84
|
+
allowFullScreen: true,
|
85
|
+
"data-testid": "".concat(testIdPrefix, "-iframe-video")
|
83
86
|
}));
|
84
87
|
}
|
85
88
|
|
@@ -97,7 +100,8 @@ var VideoBlock = function VideoBlock(_ref) {
|
|
97
100
|
controls: !isAutoplay,
|
98
101
|
loop: true,
|
99
102
|
poster: poster,
|
100
|
-
playsInline: playsinline
|
103
|
+
playsInline: playsinline,
|
104
|
+
"data-testid": "".concat(testIdPrefix, "-video")
|
101
105
|
}, /*#__PURE__*/_react["default"].createElement("source", {
|
102
106
|
src: videoSrc,
|
103
107
|
type: "video/mp4"
|
@@ -123,7 +127,8 @@ var VideoBlock = function VideoBlock(_ref) {
|
|
123
127
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
124
128
|
className: cn('content', {
|
125
129
|
'position-right': contentPositionRight
|
126
|
-
})
|
130
|
+
}),
|
131
|
+
"data-testid": "".concat(testIdPrefix, "-content")
|
127
132
|
}, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
|
128
133
|
as: "h2",
|
129
134
|
className: cn('header')
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@megafon/ui-shared",
|
3
|
-
"version": "5.
|
3
|
+
"version": "5.5.0",
|
4
4
|
"files": [
|
5
5
|
"dist"
|
6
6
|
],
|
@@ -48,7 +48,7 @@
|
|
48
48
|
"@babel/preset-env": "^7.8.6",
|
49
49
|
"@babel/preset-react": "^7.8.3",
|
50
50
|
"@babel/preset-typescript": "^7.8.3",
|
51
|
-
"@megafon/ui-icons": "^2.
|
51
|
+
"@megafon/ui-icons": "^2.19.0",
|
52
52
|
"@svgr/core": "^2.4.1",
|
53
53
|
"@testing-library/jest-dom": "5.16.2",
|
54
54
|
"@testing-library/react": "12.1.2",
|
@@ -82,7 +82,7 @@
|
|
82
82
|
},
|
83
83
|
"dependencies": {
|
84
84
|
"@babel/runtime": "^7.8.4",
|
85
|
-
"@megafon/ui-core": "^5.4.
|
85
|
+
"@megafon/ui-core": "^5.4.6",
|
86
86
|
"@megafon/ui-helpers": "^2.5.4",
|
87
87
|
"core-js": "^3.6.4",
|
88
88
|
"htmr": "^0.9.2",
|
@@ -90,5 +90,5 @@
|
|
90
90
|
"prop-types": "^15.7.2",
|
91
91
|
"swiper": "^6.5.6"
|
92
92
|
},
|
93
|
-
"gitHead": "
|
93
|
+
"gitHead": "8eb28e98ee097039cd4e24d7ae88b521704fb92e"
|
94
94
|
}
|