@megafon/ui-shared 5.4.1 → 5.5.0

package/dist/lib/components/VideoBanner/VideoBanner.d.ts

@@ -1,7 +1,8 @@
 import React, { Ref } from 'react';
 import { Props as BreadcrumbsPropsType } from '../Breadcrumbs/Breadcrumbs';
 import './VideoBanner.less';
-declare type BreadCrumbsItemsType = BreadcrumbsPropsType['items'];
+export declare type BreadCrumbsItemsType = BreadcrumbsPropsType['items'];
+export declare const testIdPrefix = "VideoBanner";
 export declare enum ClassName {
     BUTTON = "button",
     LINK = "link"
@@ -59,7 +60,7 @@ export interface IContent {
     /** Строка со стоимостью услуги */
     cost?: string;
 }
-interface IVideoBannerProps {
+export interface IVideoBannerProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;

package/dist/lib/components/VideoBanner/VideoBanner.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.TextColor = exports.ButtonColor = exports.VideoType = exports.ClassName = void 0;
+exports["default"] = exports.TextColor = exports.ButtonColor = exports.VideoType = exports.ClassName = exports.testIdPrefix = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -41,6 +41,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var testIdPrefix = 'VideoBanner';
+exports.testIdPrefix = testIdPrefix;
 var cn = (0, _uiHelpers.cnCreate)('mfui-video-banner');
 var ClassName;
 exports.ClassName = ClassName;
@@ -145,7 +147,8 @@ var VideoBanner = function VideoBanner(_ref2) {
       className: cn('content', {
         'text-color': textColor,
         'text-color-mobile': textColorMobile
-      })
+      }),
+      "data-testid": "".concat(testIdPrefix, "-content")
     }, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
       className: cn('title'),
       as: "h1",
@@ -205,7 +208,8 @@ var VideoBanner = function VideoBanner(_ref2) {
             width: "100%",
             height: "100%",
             frameBorder: "0",
-            allow: "autoplay"
+            allow: "autoplay",
+            "data-testid": "".concat(testIdPrefix, "-iframe-video")
           });
         }
 
@@ -218,7 +222,8 @@ var VideoBanner = function VideoBanner(_ref2) {
               className: cn('video', [classes.video]),
               autoPlay: true,
               loop: true,
-              muted: isMuted
+              muted: isMuted,
+              "data-testid": "".concat(testIdPrefix, "-video")
             }, /*#__PURE__*/_react["default"].createElement("source", {
               src: videoSrc,
               type: "video/mp4"
@@ -266,7 +271,9 @@ var VideoBanner = function VideoBanner(_ref2) {
     classes: {
       item: classes.breadcrumbs
     }
-  }), content && renderContent(content), isRenderVideo && renderVideo(), !isRenderVideo && /*#__PURE__*/_react["default"].createElement("picture", null, /*#__PURE__*/_react["default"].createElement("source", {
+  }), content && renderContent(content), isRenderVideo && renderVideo(), !isRenderVideo && /*#__PURE__*/_react["default"].createElement("picture", {
+    "data-testid": "".concat(testIdPrefix, "-picture")
+  }, /*#__PURE__*/_react["default"].createElement("source", {
     media: "(min-width: ".concat(_uiHelpers.breakpoints.DESKTOP_MIDDLE_START, "px)"),
     srcSet: imageDesktopWide
   }), /*#__PURE__*/_react["default"].createElement("source", {

package/dist/lib/components/VideoBlock/VideoBlock.d.ts

@@ -56,5 +56,6 @@ export interface IVideoBlockProps {
     /** Фикс для белого фона */
     fixWhiteVideoBackground?: boolean;
 }
+export declare const testIdPrefix = "VideoBlock";
 declare const VideoBlock: React.FC<IVideoBlockProps>;
 export default VideoBlock;

package/dist/lib/components/VideoBlock/VideoBlock.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.VideoTypes = void 0;
+exports["default"] = exports.testIdPrefix = exports.VideoTypes = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -30,6 +30,8 @@ var VideoTypes = {
   VIDEO: 'video'
 };
 exports.VideoTypes = VideoTypes;
+var testIdPrefix = 'VideoBlock';
+exports.testIdPrefix = testIdPrefix;
 var cn = (0, _uiHelpers.cnCreate)('mfui-video-block');
 
 var VideoBlock = function VideoBlock(_ref) {
@@ -79,7 +81,8 @@ var VideoBlock = function VideoBlock(_ref) {
             frameBorder: "0",
             allow: "autoplay",
             title: "iframe",
-            allowFullScreen: true
+            allowFullScreen: true,
+            "data-testid": "".concat(testIdPrefix, "-iframe-video")
           }));
         }
 
@@ -97,7 +100,8 @@ var VideoBlock = function VideoBlock(_ref) {
               controls: !isAutoplay,
               loop: true,
               poster: poster,
-              playsInline: playsinline
+              playsInline: playsinline,
+              "data-testid": "".concat(testIdPrefix, "-video")
             }, /*#__PURE__*/_react["default"].createElement("source", {
               src: videoSrc,
               type: "video/mp4"
@@ -123,7 +127,8 @@ var VideoBlock = function VideoBlock(_ref) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('content', {
         'position-right': contentPositionRight
-      })
+      }),
+      "data-testid": "".concat(testIdPrefix, "-content")
     }, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
       as: "h2",
       className: cn('header')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "5.4.1",
+  "version": "5.5.0",
   "files": [
     "dist"
   ],
@@ -48,7 +48,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.18.0",
+    "@megafon/ui-icons": "^2.19.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^5.4.4",
+    "@megafon/ui-core": "^5.4.6",
     "@megafon/ui-helpers": "^2.5.4",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "471b8bdf93ee77158913a50f2650c9a954949a93"
+  "gitHead": "8eb28e98ee097039cd4e24d7ae88b521704fb92e"
 }