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

package/dist/es/components/VideoBanner/VideoBanner.js

@@ -6,13 +6,14 @@ import "core-js/modules/es.string.link";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
-import * as PropTypes from 'prop-types';
-import throttle from 'lodash.throttle';
 import { Button, Header, ContentArea, TextLink, Grid, GridColumn } from '@megafon/ui-core';
 import { breakpoints, cnCreate, filterDataAttrs, convert } from '@megafon/ui-helpers';
-import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
+import throttle from 'lodash.throttle';
+import * as PropTypes from 'prop-types';
 import throttleTime from "../../constants/throttleTime";
+import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
 import "./VideoBanner.css";
+var cn = cnCreate('mfui-beta-video-banner');
 export var ClassName;
 
 (function (ClassName) {
@@ -44,7 +45,6 @@ export var TextColor = {
   BLACK: 'black',
   WHITE: 'white'
 };
-var cn = cnCreate('mfui-beta-video-banner');
 
 var VideoBanner = function VideoBanner(_ref2) {
   var dataAttrs = _ref2.dataAttrs,
@@ -133,7 +133,7 @@ var VideoBanner = function VideoBanner(_ref2) {
       download: linkDownload,
       onClick: onLinkClick
     }, linkTitle)))));
-  }, []);
+  }, [classes.button, classes.link]);
   var renderVideo = React.useCallback(function () {
     switch (videoType) {
       case VideoType.YOUTUBE:
@@ -161,15 +161,19 @@ var VideoBanner = function VideoBanner(_ref2) {
 
       case VideoType.VIDEO:
         {
-          return /*#__PURE__*/React.createElement("video", {
-            className: cn('video'),
-            autoPlay: true,
-            loop: true,
-            muted: isMuted
-          }, /*#__PURE__*/React.createElement("source", {
-            src: videoSrc,
-            type: "video/mp4"
-          }));
+          return (
+            /*#__PURE__*/
+            // eslint-disable-next-line jsx-a11y/media-has-caption
+            React.createElement("video", {
+              className: cn('video'),
+              autoPlay: true,
+              loop: true,
+              muted: isMuted
+            }, /*#__PURE__*/React.createElement("source", {
+              src: videoSrc,
+              type: "video/mp4"
+            }))
+          );
         }
 
       default:
@@ -208,7 +212,7 @@ var VideoBanner = function VideoBanner(_ref2) {
     return function () {
       window.removeEventListener('resize', resizeHandlerThrottled);
     };
-  }, []);
+  }, [imageDesktop, imageDesktopWide, imageMobile, imageTablet]);
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs), {
     className: cn([className, classes.root]),
     ref: rootRef

package/dist/es/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;

package/dist/es/components/VideoBlock/VideoBlock.js

@@ -4,10 +4,10 @@ import "core-js/modules/es.array.concat";
 import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import PropTypes from 'prop-types';
-import "./VideoBlock.css";
 import { Header, Button, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import PropTypes from 'prop-types';
+import "./VideoBlock.css";
 export var VideoTypes = {
   YOUTUBE: 'youtube',
   VIDEO: 'video'
@@ -45,16 +45,20 @@ var VideoBlock = function VideoBlock(_ref) {
 
       case VideoTypes.VIDEO:
         {
-          return /*#__PURE__*/React.createElement("video", {
-            className: cn('video'),
-            autoPlay: isAutoplay,
-            muted: isMuted,
-            controls: !isAutoplay,
-            loop: true
-          }, /*#__PURE__*/React.createElement("source", {
-            src: videoSrc,
-            type: "video/mp4"
-          }));
+          return (
+            /*#__PURE__*/
+            // eslint-disable-next-line jsx-a11y/media-has-caption
+            React.createElement("video", {
+              className: cn('video'),
+              autoPlay: isAutoplay,
+              muted: isMuted,
+              controls: !isAutoplay,
+              loop: true
+            }, /*#__PURE__*/React.createElement("source", {
+              src: videoSrc,
+              type: "video/mp4"
+            }))
+          );
         }
 
       default:
@@ -62,7 +66,7 @@ var VideoBlock = function VideoBlock(_ref) {
           return null;
         }
     }
-  }, [videoType, videoSrc]);
+  }, [isAutoplay, isMuted, videoType, videoSrc]);
   var renderContent = React.useCallback(function (_ref2) {
     var title = _ref2.title,
         description = _ref2.description,
@@ -83,7 +87,7 @@ var VideoBlock = function VideoBlock(_ref) {
       onClick: onButtonClick,
       download: buttonDownload
     }, buttonTitle));
-  }, [content]);
+  }, [classes.button, classes.description]);
   var renderGridColumns = React.useCallback(function () {
     var columns = [];
     var columnWidth = content ? '7' : '10';
@@ -95,7 +99,7 @@ var VideoBlock = function VideoBlock(_ref) {
         mobile: "12",
         orderTablet: "2",
         orderMobile: "2",
-        key: 'column-content'
+        key: "column-content"
       }, renderContent && renderContent(content)));
     }
 
@@ -103,7 +107,7 @@ var VideoBlock = function VideoBlock(_ref) {
       all: columnWidth,
       tablet: "12",
       mobile: "12",
-      key: 'column-video'
+      key: "column-video"
     }, /*#__PURE__*/React.createElement("div", {
       className: cn('video-wrapper', {
         'with-content': !!content

package/dist/lib/components/AccordionBox/AccordionBox.js

@@ -13,12 +13,12 @@ require("core-js/modules/es.array.index-of");
 
 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/BenefitsIcons/BenefitsIcons.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import './style/BenefitsIcons.less';
 import { IconPosition, IBenefit } from './types';
+import './style/BenefitsIcons.less';
 export interface IBenefitsIcons {
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;

package/dist/lib/components/BenefitsIcons/BenefitsIcons.js

@@ -17,27 +17,26 @@ 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 _BenefitsIconsTile = _interopRequireDefault(require("./BenefitsIconsTile"));
-
-var _types = require("./types");
-
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
 
+var _BenefitsIconsTile = _interopRequireDefault(require("./BenefitsIconsTile"));
+
+var _types = require("./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; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-// left-aligned column with left side icon,
 var getLeftSideConfig = function getLeftSideConfig(count, index) {
   var everySecondWithoutOffset = index % 2 ? '1' : undefined;
   var columnSize = {

package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import './style/BenefitsIconsTile.less';
 import { IBenefit, IconPosition } from './types';
+import './style/BenefitsIconsTile.less';
 export interface IBenefitsIconsTile extends IBenefit {
     iconPosition?: IconPosition;
     className?: string;

package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.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"));
+
 var _types = require("./types");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import './BenfitsPictures.less';
 import { IBenefit, GridGutterSize } from './types';
+import './BenfitsPictures.less';
 export interface IBenefitsPicturesProps {
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;

package/dist/lib/components/BenefitsPictures/BenefitsPictures.js

@@ -15,16 +15,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
 var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
 var _htmr = _interopRequireDefault(require("htmr"));
 
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
 
 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) {
     } else {
       setCurrentGutter('large');
     }
-  }, []);
+  }, [isLargeGutter]);
   React.useEffect(function () {
     var throttledResizeHandler = (0, _lodash["default"])(resizeHandler, _throttleTime["default"].resize);
     resizeHandler();
@@ -170,7 +170,7 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
     return function () {
       return window.removeEventListener('resize', throttledResizeHandler);
     };
-  }, []);
+  }, [resizeHandler]);
   return /*#__PURE__*/React.createElement("div", {
     className: cn([className, classes.root]),
     ref: rootRef

package/dist/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -11,12 +11,12 @@ require("core-js/modules/es.object.values");
 
 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 TextColor = {

package/dist/lib/components/ButtonBanner/ButtonBanner.js

@@ -13,12 +13,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(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/ButtonLinkBox/ButtonLinkBox.js

@@ -13,12 +13,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(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/Card/Card.js

@@ -69,7 +69,8 @@ var Card = function Card(_ref) {
             })
           }, /*#__PURE__*/_react["default"].createElement("img", {
             className: cn('img'),
-            src: imageSrc
+            src: imageSrc,
+            alt: ""
           }));
         }
 

package/dist/lib/components/CardsBox/CardsBox.js

@@ -17,14 +17,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var React = _interopRequireWildcard(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 _lodash = _interopRequireDefault(require("lodash.throttle"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
 var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
 
 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) {
       slidesSettings: SlidesSettings,
       onChange: onChange
     }, children);
-  }, [children]);
+  }, [children, onChange]);
   React.useEffect(function () {
     var resizeHandler = function resizeHandler() {
       return window.innerWidth <= _uiHelpers.breakpoints.MOBILE_BIG_END ? setIsMobile(true) : setIsMobile(false);

package/dist/lib/components/Container/Container.js

@@ -9,12 +9,12 @@ require("core-js/modules/es.object.values");
 
 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 BackgroundColors = {

package/dist/lib/components/DownloadLinks/DownloadLink.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/DownloadLinks/DownloadLinks.js

@@ -13,12 +13,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/Instructions/Instructions.d.ts

@@ -1,6 +1,6 @@
 import React, { Ref } from 'react';
-import './Instructions.less';
 import SwiperCore from 'swiper';
+import './Instructions.less';
 export declare const pictureAlignTypes: {
     readonly LEFT: "left";
     readonly RIGHT: "right";

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

@@ -11,15 +11,15 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 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 }; }
 
@@ -75,11 +75,11 @@ var Instructions = function Instructions(_ref) {
   var getSwiperInstance = _react["default"].useCallback(function (swiper) {
     setSwiperInstance(swiper);
     getSwiper && getSwiper(swiper);
-  }, []);
+  }, [getSwiper]);
 
   var getActiveCustomClass = _react["default"].useCallback(function (articleIndex, activeIndex) {
     if (articleIndex !== activeIndex) {
-      return;
+      return undefined;
     }
 
     return activeInstructionItem;
@@ -92,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'),
@@ -150,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", {
@@ -160,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
-        }, [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));
+      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", {
@@ -206,7 +210,7 @@ var Instructions = function Instructions(_ref) {
         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",