@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.
Files changed (40) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/es/components/Card/Card.css +39 -8
  3. package/dist/es/components/Card/Card.js +8 -6
  4. package/dist/es/components/StoreBanner/StoreBanner.d.ts +6 -0
  5. package/dist/es/components/StoreBanner/StoreBanner.js +20 -2
  6. package/dist/es/components/StoreButton/StoreButton.css +248 -6
  7. package/dist/es/components/StoreButton/StoreButton.d.ts +17 -1
  8. package/dist/es/components/StoreButton/StoreButton.js +27 -2
  9. package/dist/es/components/StoreButton/img/app-store-large.png +0 -0
  10. package/dist/es/components/StoreButton/img/galaxy-store-large.png +0 -0
  11. package/dist/es/components/StoreButton/img/google-play-large.png +0 -0
  12. package/dist/es/components/StoreButton/img/huawei-store-large.png +0 -0
  13. package/dist/es/components/StoreButton/img/mi-store-large.png +0 -0
  14. package/dist/es/components/StoreButton/img/ru-store-large.png +0 -0
  15. package/dist/es/components/StoreButton/img/v-appstore-large.png +0 -0
  16. package/dist/es/components/StoreButton/img/v-appstore.png +0 -0
  17. package/dist/es/components/VideoBanner/VideoBanner.d.ts +3 -2
  18. package/dist/es/components/VideoBanner/VideoBanner.js +10 -4
  19. package/dist/es/components/VideoBlock/VideoBlock.d.ts +1 -0
  20. package/dist/es/components/VideoBlock/VideoBlock.js +7 -3
  21. package/dist/lib/components/Card/Card.css +39 -8
  22. package/dist/lib/components/Card/Card.js +8 -6
  23. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +6 -0
  24. package/dist/lib/components/StoreBanner/StoreBanner.js +20 -2
  25. package/dist/lib/components/StoreButton/StoreButton.css +248 -6
  26. package/dist/lib/components/StoreButton/StoreButton.d.ts +17 -1
  27. package/dist/lib/components/StoreButton/StoreButton.js +29 -3
  28. package/dist/lib/components/StoreButton/img/app-store-large.png +0 -0
  29. package/dist/lib/components/StoreButton/img/galaxy-store-large.png +0 -0
  30. package/dist/lib/components/StoreButton/img/google-play-large.png +0 -0
  31. package/dist/lib/components/StoreButton/img/huawei-store-large.png +0 -0
  32. package/dist/lib/components/StoreButton/img/mi-store-large.png +0 -0
  33. package/dist/lib/components/StoreButton/img/ru-store-large.png +0 -0
  34. package/dist/lib/components/StoreButton/img/v-appstore-large.png +0 -0
  35. package/dist/lib/components/StoreButton/img/v-appstore.png +0 -0
  36. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +3 -2
  37. package/dist/lib/components/VideoBanner/VideoBanner.js +12 -5
  38. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +1 -0
  39. package/dist/lib/components/VideoBlock/VideoBlock.js +9 -4
  40. package/package.json +4 -4
@@ -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", null, /*#__PURE__*/_react["default"].createElement("source", {
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", {
@@ -56,5 +56,6 @@ export interface IVideoBlockProps {
56
56
  /** Фикс для белого фона */
57
57
  fixWhiteVideoBackground?: boolean;
58
58
  }
59
+ export declare const testIdPrefix = "VideoBlock";
59
60
  declare const VideoBlock: React.FC<IVideoBlockProps>;
60
61
  export default VideoBlock;
@@ -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.4.1",
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.18.0",
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.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": "471b8bdf93ee77158913a50f2650c9a954949a93"
93
+ "gitHead": "8eb28e98ee097039cd4e24d7ae88b521704fb92e"
94
94
  }