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

package/dist/lib/components/Instructions/Instructions.js

@@ -5,23 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.pictureMaskTypes = exports.pictureAlignTypes = void 0;
 
-require("core-js/modules/es.array.concat");
-
 require("core-js/modules/es.array.map");
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _uiCore = require("@megafon/ui-core");
 
-var _htmr = _interopRequireDefault(require("htmr"));
+var _uiHelpers = require("@megafon/ui-helpers");
 
-var _react2 = require("swiper/react");
+var _htmr = _interopRequireDefault(require("htmr"));
 
-var _uiCore = require("@megafon/ui-core");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _uiHelpers = require("@megafon/ui-helpers");
+var _react2 = require("swiper/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -77,15 +75,15 @@ var Instructions = function Instructions(_ref) {
   var getSwiperInstance = _react["default"].useCallback(function (swiper) {
     setSwiperInstance(swiper);
     getSwiper && getSwiper(swiper);
-  }, []);
+  }, [getSwiper]);
 
-  var getArticleCustomClasses = _react["default"].useCallback(function (articleIndex, activeIndex) {
-    if (!instructionItem || !activeInstructionItem) {
-      return;
+  var getActiveCustomClass = _react["default"].useCallback(function (articleIndex, activeIndex) {
+    if (articleIndex !== activeIndex) {
+      return undefined;
     }
 
-    return articleIndex === activeIndex ? "".concat(instructionItem, " ").concat(activeInstructionItem) : instructionItem;
-  }, [instructionItem, activeInstructionItem]);
+    return activeInstructionItem;
+  }, [activeInstructionItem]);
 
   var handleArticleClick = _react["default"].useCallback(function (ind) {
     return function () {
@@ -94,34 +92,6 @@ var Instructions = function Instructions(_ref) {
     };
   }, [swiperInstance]);
 
-  var renderTitle = _react["default"].useCallback(function (resolution) {
-    return /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
-      className: cn('title', {
-        resolution: resolution
-      }),
-      as: "h2"
-    }, title);
-  }, []);
-
-  var renderText = _react["default"].useCallback(function () {
-    return /*#__PURE__*/_react["default"].createElement(_uiCore.Paragraph, {
-      className: cn('text', [additionalText]),
-      hasMargin: false
-    }, (0, _htmr["default"])(text));
-  }, [text, additionalText]);
-
-  var renderPicture = _react["default"].useCallback(function () {
-    if (pictureMask === pictureMaskTypes.NONE) {
-      return renderSlider();
-    }
-
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: cn('img-wrapper')
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: cn('device-screen')
-    }), renderSlider());
-  }, [pictureMask]);
-
   var renderVideo = _react["default"].useCallback(function (mediaUrl) {
     return /*#__PURE__*/_react["default"].createElement("video", {
       className: cn('swiper-img'),
@@ -152,7 +122,35 @@ var Instructions = function Instructions(_ref) {
         alt: ""
       }));
     }));
-  }, [instructionItems]);
+  }, [getSwiperInstance, instructionItemImg, instructionItems, renderVideo]);
+
+  var renderTitle = _react["default"].useCallback(function (resolution) {
+    return /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
+      className: cn('title', {
+        resolution: resolution
+      }),
+      as: "h2"
+    }, title);
+  }, [title]);
+
+  var renderText = _react["default"].useCallback(function () {
+    return /*#__PURE__*/_react["default"].createElement(_uiCore.Paragraph, {
+      className: cn('text', [additionalText]),
+      hasMargin: false
+    }, (0, _htmr["default"])(text));
+  }, [text, additionalText]);
+
+  var renderPicture = _react["default"].useCallback(function () {
+    if (pictureMask === pictureMaskTypes.NONE) {
+      return renderSlider();
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('img-wrapper')
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('device-screen')
+    }), renderSlider());
+  }, [pictureMask, renderSlider]);
 
   var renderDesktopArticles = _react["default"].useCallback(function () {
     return /*#__PURE__*/_react["default"].createElement("ul", {
@@ -162,22 +160,26 @@ var Instructions = function Instructions(_ref) {
       })
     }, instructionItems.map(function (_ref3, ind) {
       var itemTitle = _ref3.title;
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        className: cn('articles-item', {
-          active: slideIndex === ind
-        }, [getArticleCustomClasses(ind, slideIndex), desktopInstructionItem]),
-        "data-index": ind,
-        onClick: handleArticleClick(ind),
-        key: ind
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: cn('articles-item-dot')
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: cn('articles-item-dot-number')
-      }, ind + 1)), /*#__PURE__*/_react["default"].createElement("div", {
-        className: cn('articles-item-title', [desktopItemTitle])
-      }, itemTitle));
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+        _react["default"].createElement("li", {
+          className: cn('articles-item', {
+            active: slideIndex === ind
+          }, [getActiveCustomClass(ind, slideIndex), instructionItem, desktopInstructionItem]),
+          "data-index": ind,
+          onClick: handleArticleClick(ind),
+          key: ind
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: cn('articles-item-dot')
+        }, /*#__PURE__*/_react["default"].createElement("span", {
+          className: cn('articles-item-dot-number')
+        }, ind + 1)), /*#__PURE__*/_react["default"].createElement("div", {
+          className: cn('articles-item-title', [desktopItemTitle])
+        }, itemTitle))
+      );
     }));
-  }, [instructionItems, slideIndex, handleArticleClick, text]);
+  }, [desktopInstructionItem, desktopItemTitle, getActiveCustomClass, handleArticleClick, instructionItem, instructionItems, slideIndex, text]);
 
   var renderMobileArticles = _react["default"].useCallback(function () {
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -202,13 +204,13 @@ var Instructions = function Instructions(_ref) {
         key: ind,
         className: cn('articles-dot', {
           active: slideIndex === ind
-        }, [getArticleCustomClasses(ind, slideIndex), mobileInstructionItem]),
+        }, [getActiveCustomClass(ind, slideIndex), instructionItem, mobileInstructionItem]),
         onClick: handleArticleClick(ind)
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: cn('articles-dot-number')
       }, ind + 1));
     })));
-  }, [instructionItems, slideIndex, handleArticleClick, text]);
+  }, [getActiveCustomClass, handleArticleClick, instructionItem, instructionItems, mobileInstructionItem, mobileItemTitle, slideIndex, text]);
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn({

package/dist/lib/components/PageTitle/PageTitle.js

@@ -9,12 +9,12 @@ exports["default"] = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _Breadcrumbs = _interopRequireDefault(require("../Breadcrumbs/Breadcrumbs"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -47,7 +47,7 @@ var PageTitle = function PageTitle(_ref) {
       }),
       as: "h1"
     }, title));
-  }, [breadcrumbs, classes, badge, title]);
+  }, [badge, title, isBreadcrumbs]);
   var renderPageTitleWithGrid = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(_uiCore.Grid, null, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
       wide: "8",

package/dist/lib/components/Partners/Partners.js

@@ -17,12 +17,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var React = _interopRequireWildcard(require("react"));
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 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; }
@@ -78,7 +78,7 @@ var Partners = function Partners(_ref) {
       alt: alt,
       className: cn('tile-img')
     }))));
-  }, []);
+  }, [itemClass]);
   var renderGrid = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(_uiCore.Grid, {
       guttersLeft: "medium",
@@ -90,7 +90,7 @@ var Partners = function Partners(_ref) {
         mobile: "6"
       }, renderItem(item));
     }));
-  }, [items]);
+  }, [items, renderItem]);
   var renderCarousel = React.useCallback(function () {
     var halfItemsLength = Math.ceil(items.length / 2);
     var topRow = items.slice(0, halfItemsLength);
@@ -106,7 +106,7 @@ var Partners = function Partners(_ref) {
         className: cn('slide')
       }, renderItem(item), renderItem(bottomRow[i]));
     }));
-  }, [items]);
+  }, [items, onChange, onNextClick, onPrevClick, renderItem]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     ref: rootRef,
     className: cn([root, className])

package/dist/lib/components/PictureWithDescription/PictureWithDescription.js

@@ -9,11 +9,11 @@ exports["default"] = exports.pictureAlignTypes = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
-var _uiCore = require("@megafon/ui-core");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/dist/lib/components/Property/Property.js

@@ -15,12 +15,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _PropertyDescription = _interopRequireDefault(require("./PropertyDescription"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -47,14 +47,14 @@ var Property = function Property(_ref) {
   var renderTitle = _react["default"].useCallback(function (title) {
     return title && title.map(function (titleItem, i) {
       return /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
-        as: 'h5',
+        as: "h5",
         key: i,
         className: classes.title
       }, icon && i === 0 && /*#__PURE__*/_react["default"].createElement("div", {
         className: cn('icon')
       }, icon), titleItem);
     });
-  }, []);
+  }, [classes.title, icon]);
 
   var renderDescription = _react["default"].useCallback(function (description) {
     return description && description.map(function (_ref2, j) {
@@ -72,7 +72,7 @@ var Property = function Property(_ref) {
         }
       }));
     });
-  }, []);
+  }, [classes.openedDescription, classes.toggleDescription]);
 
   var getColumnConfig = _react["default"].useCallback(function () {
     return fullWidth ? {

package/dist/lib/components/Property/PropertyDescription.js

@@ -11,12 +11,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 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; }

package/dist/lib/components/Steps/Steps.js

@@ -11,12 +11,12 @@ require("core-js/modules/es.array.map");
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

package/dist/lib/components/Steps/StepsItem.js

@@ -7,12 +7,12 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var cn = (0, _uiHelpers.cnCreate)('mfui-beta-steps-item');

package/dist/lib/components/StoreBanner/StoreBanner.css

@@ -220,6 +220,9 @@ h5 {
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
 }
+.mfui-beta-store-banner__button {
+  margin: 0 auto;
+}
 .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code {
   -o-object-fit: contain;
      object-fit: contain;
@@ -262,8 +265,22 @@ h5 {
   margin-right: 0;
 }
 .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link {
-  width: 119px;
-  height: 35px;
+  width: 136px;
+  height: 40px;
+}
+@media screen and (max-width: 1023px) {
+  .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link {
+    width: 119px;
+    height: 35px;
+  }
+}
+.mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link:not(:last-child) {
+  margin-bottom: 8px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link:not(:last-child) {
+    margin-bottom: 16px;
+  }
 }
 @media screen and (max-width: 1023px) {
   .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link:not(:first-child) {

package/dist/lib/components/StoreBanner/StoreBanner.js

@@ -13,12 +13,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _StoreButton = _interopRequireWildcard(require("../StoreButton/StoreButton"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

package/dist/lib/components/StoreButton/StoreButton.js

@@ -11,12 +11,12 @@ require("core-js/modules/es.object.values");
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

package/dist/lib/components/Table/Table.js

@@ -13,13 +13,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var React = _interopRequireWildcard(require("react"));
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-var _lodash = _interopRequireDefault(require("lodash.throttle"));
+var _uiHelpers = require("@megafon/ui-helpers");
 
 var _htmr = _interopRequireDefault(require("htmr"));
 
-var _uiHelpers = require("@megafon/ui-helpers");
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 

package/dist/lib/components/Table/TableRow.js

@@ -21,6 +21,7 @@ var TableRow = function TableRow(_ref) {
 };
 
 TableRow.propTypes = {
+  // eslint-disable-next-line react/no-unused-prop-types
   head: PropTypes.bool,
   children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
 };

package/dist/lib/components/TextBox/TextBox.js

@@ -9,11 +9,11 @@ exports["default"] = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
-var _uiCore = require("@megafon/ui-core");
+var PropTypes = _interopRequireWildcard(require("prop-types"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 

package/dist/lib/components/TextBox/TextBoxPicture.js

@@ -9,10 +9,10 @@ exports["default"] = exports.pictureMarginTypes = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 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; }
@@ -36,7 +36,8 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
     })
   }, /*#__PURE__*/React.createElement("img", {
     className: cn('img'),
-    src: url
+    src: url,
+    alt: ""
   }));
 };
 

package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -15,12 +15,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var React = _interopRequireWildcard(require("react"));
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 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; }

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

@@ -23,24 +23,25 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireDefault(require("react"));
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
-var _Breadcrumbs = _interopRequireDefault(require("../Breadcrumbs/Breadcrumbs"));
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
 
 var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
 
+var _Breadcrumbs = _interopRequireDefault(require("../Breadcrumbs/Breadcrumbs"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 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; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var cn = (0, _uiHelpers.cnCreate)('mfui-beta-video-banner');
 var ClassName;
 exports.ClassName = ClassName;
 
@@ -76,7 +77,6 @@ var TextColor = {
   WHITE: 'white'
 };
 exports.TextColor = TextColor;
-var cn = (0, _uiHelpers.cnCreate)('mfui-beta-video-banner');
 
 var VideoBanner = function VideoBanner(_ref2) {
   var dataAttrs = _ref2.dataAttrs,
@@ -166,7 +166,7 @@ var VideoBanner = function VideoBanner(_ref2) {
       download: linkDownload,
       onClick: onLinkClick
     }, linkTitle)))));
-  }, []);
+  }, [classes.button, classes.link]);
 
   var renderVideo = _react["default"].useCallback(function () {
     switch (videoType) {
@@ -195,15 +195,19 @@ var VideoBanner = function VideoBanner(_ref2) {
 
       case VideoType.VIDEO:
         {
-          return /*#__PURE__*/_react["default"].createElement("video", {
-            className: cn('video'),
-            autoPlay: true,
-            loop: true,
-            muted: isMuted
-          }, /*#__PURE__*/_react["default"].createElement("source", {
-            src: videoSrc,
-            type: "video/mp4"
-          }));
+          return (
+            /*#__PURE__*/
+            // eslint-disable-next-line jsx-a11y/media-has-caption
+            _react["default"].createElement("video", {
+              className: cn('video'),
+              autoPlay: true,
+              loop: true,
+              muted: isMuted
+            }, /*#__PURE__*/_react["default"].createElement("source", {
+              src: videoSrc,
+              type: "video/mp4"
+            }))
+          );
         }
 
       default:
@@ -243,7 +247,7 @@ var VideoBanner = function VideoBanner(_ref2) {
     return function () {
       window.removeEventListener('resize', resizeHandlerThrottled);
     };
-  }, []);
+  }, [imageDesktop, imageDesktopWide, imageMobile, imageTablet]);
 
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs), {
     className: cn([className, classes.root]),

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

@@ -19,7 +19,7 @@ export declare const VideoTypes: {
     readonly VIDEO: "video";
 };
 declare type VideoType = typeof VideoTypes[keyof typeof VideoTypes];
-export interface Props {
+export interface IVideoBlockProps {
     /** Дата атрибуты для корневого элемента */
     dataAttrs?: {
         [key: string]: string;
@@ -45,5 +45,5 @@ export interface Props {
     /** Автоматическое проигрывание видео */
     isAutoplay?: boolean;
 }
-declare const VideoBlock: React.FC<Props>;
+declare const VideoBlock: React.FC<IVideoBlockProps>;
 export default VideoBlock;