@megafon/ui-core 5.18.1 → 6.0.0-beta.2

package/dist/lib/components/Banner/Banner.js

@@ -1,47 +1,25 @@
 "use strict";
 
-function _typeof3(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof3 = function _typeof3(obj) { return typeof obj; }; } else { _typeof3 = function _typeof3(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof3(obj); }
-
+function _typeof3(o) { "@babel/helpers - typeof"; return _typeof3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof3(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NavTheme = exports.Radius = exports.BackgroundColor = void 0;
-
+exports["default"] = exports.Radius = exports.NavTheme = exports.BackgroundColor = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.object.values.js");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-var _swiper = _interopRequireWildcard(require("swiper"));
-
+var _modules = require("swiper/modules");
 var _react2 = require("swiper/react");
-
 var _NavArrow = _interopRequireWildcard(require("../NavArrow/NavArrow"));
-
 var _BannerDot = _interopRequireDefault(require("./BannerDot"));
-
 var _slidesSettings = _interopRequireDefault(require("./slidesSettings"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-_swiper["default"].use([_swiper.Autoplay]);
-
-var BackgroundColor = {
+var BackgroundColor = exports.BackgroundColor = {
   TRANSPARENT: 'transparent',
   GREEN: 'green',
   PURPLE: 'purple',
@@ -49,18 +27,14 @@ var BackgroundColor = {
   GRADIENT: 'gradient',
   LIGHT: 'light'
 };
-exports.BackgroundColor = BackgroundColor;
-var Radius = {
+var Radius = exports.Radius = {
   CORNERS: 'corners',
   ROUNDED: 'rounded'
 };
-exports.Radius = Radius;
-var NavTheme = {
+var NavTheme = exports.NavTheme = {
   LIGHT: 'light',
   DARK: 'dark'
 };
-exports.NavTheme = NavTheme;
-
 var getAutoPlayConfig = function getAutoPlayConfig(delay) {
   return {
     delay: delay,
@@ -69,97 +43,84 @@ var getAutoPlayConfig = function getAutoPlayConfig(delay) {
     stopOnLastSlide: true
   };
 };
-
 var cn = (0, _uiHelpers.cnCreate)('mfui-banner');
-
 var Banner = function Banner(_ref) {
   var className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs,
-      _ref$withPaginationBo = _ref.withPaginationBottomOffset,
-      withPaginationBottomOffset = _ref$withPaginationBo === void 0 ? false : _ref$withPaginationBo,
-      _ref$autoPlay = _ref.autoPlay,
-      autoPlay = _ref$autoPlay === void 0 ? false : _ref$autoPlay,
-      _ref$autoPlayDelay = _ref.autoPlayDelay,
-      autoPlayDelay = _ref$autoPlayDelay === void 0 ? 5000 : _ref$autoPlayDelay,
-      _ref$loop = _ref.loop,
-      loop = _ref$loop === void 0 ? false : _ref$loop,
-      _ref$pauseOnHover = _ref.pauseOnHover,
-      pauseOnHover = _ref$pauseOnHover === void 0 ? false : _ref$pauseOnHover,
-      _ref$backgroundColor = _ref.backgroundColor,
-      backgroundColor = _ref$backgroundColor === void 0 ? BackgroundColor.TRANSPARENT : _ref$backgroundColor,
-      _ref$radius = _ref.radius,
-      radius = _ref$radius === void 0 ? Radius.ROUNDED : _ref$radius,
-      _ref$arrowTheme = _ref.arrowTheme,
-      arrowTheme = _ref$arrowTheme === void 0 ? _NavArrow.Theme.DARK : _ref$arrowTheme,
-      _ref$autoHeight = _ref.autoHeight,
-      autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
-      noIncreaseAutoplayDelay = _ref.noIncreaseAutoplayDelay,
-      showNextSlide = _ref.showNextSlide,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? [] : _ref$children,
-      getSwiper = _ref.getSwiper,
-      onNextClick = _ref.onNextClick,
-      onPrevClick = _ref.onPrevClick,
-      onDotClick = _ref.onDotClick,
-      onChange = _ref.onChange;
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs,
+    _ref$withPaginationBo = _ref.withPaginationBottomOffset,
+    withPaginationBottomOffset = _ref$withPaginationBo === void 0 ? false : _ref$withPaginationBo,
+    _ref$autoPlay = _ref.autoPlay,
+    autoPlay = _ref$autoPlay === void 0 ? false : _ref$autoPlay,
+    _ref$autoPlayDelay = _ref.autoPlayDelay,
+    autoPlayDelay = _ref$autoPlayDelay === void 0 ? 5000 : _ref$autoPlayDelay,
+    _ref$loop = _ref.loop,
+    loop = _ref$loop === void 0 ? false : _ref$loop,
+    _ref$pauseOnHover = _ref.pauseOnHover,
+    pauseOnHover = _ref$pauseOnHover === void 0 ? false : _ref$pauseOnHover,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? BackgroundColor.TRANSPARENT : _ref$backgroundColor,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? Radius.ROUNDED : _ref$radius,
+    _ref$arrowTheme = _ref.arrowTheme,
+    arrowTheme = _ref$arrowTheme === void 0 ? _NavArrow.Theme.DARK : _ref$arrowTheme,
+    _ref$autoHeight = _ref.autoHeight,
+    autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
+    noIncreaseAutoplayDelay = _ref.noIncreaseAutoplayDelay,
+    showNextSlide = _ref.showNextSlide,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? [] : _ref$children,
+    getSwiper = _ref.getSwiper,
+    onNextClick = _ref.onNextClick,
+    onPrevClick = _ref.onPrevClick,
+    onDotClick = _ref.onDotClick,
+    onChange = _ref.onChange;
   var isSingleSlide = React.Children.count(children) === 1;
   var canAutoPlay = autoPlay && !isSingleSlide;
-
   var _React$useState = React.useState(false),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      isTouch = _React$useState2[0],
-      setTouch = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    isTouch = _React$useState2[0],
+    setTouch = _React$useState2[1];
   var _React$useState3 = React.useState(),
-      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-      swiperInstance = _React$useState4[0],
-      setSwiperInstance = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    swiperInstance = _React$useState4[0],
+    setSwiperInstance = _React$useState4[1];
   var _React$useState5 = React.useState(true),
-      _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-      isBeginning = _React$useState6[0],
-      setBeginning = _React$useState6[1];
-
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    isBeginning = _React$useState6[0],
+    setBeginning = _React$useState6[1];
   var _React$useState7 = React.useState(false),
-      _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-      isEnd = _React$useState8[0],
-      setEnd = _React$useState8[1];
-
+    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+    isEnd = _React$useState8[0],
+    setEnd = _React$useState8[1];
   var _React$useState9 = React.useState(canAutoPlay),
-      _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
-      isAutoPlaying = _React$useState10[0],
-      setAutoPlaying = _React$useState10[1];
-
+    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+    isAutoPlaying = _React$useState10[0],
+    setAutoPlaying = _React$useState10[1];
   var _React$useState11 = React.useState(0),
-      _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
-      activeIndex = _React$useState12[0],
-      setActiveIndex = _React$useState12[1];
-
+    _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
+    activeIndex = _React$useState12[0],
+    setActiveIndex = _React$useState12[1];
   var _React$useState13 = React.useState(autoPlayDelay),
-      _React$useState14 = (0, _slicedToArray2["default"])(_React$useState13, 2),
-      delay = _React$useState14[0],
-      setDelay = _React$useState14[1];
-
+    _React$useState14 = (0, _slicedToArray2["default"])(_React$useState13, 2),
+    delay = _React$useState14[0],
+    setDelay = _React$useState14[1];
   var _React$useState15 = React.useState(false),
-      _React$useState16 = (0, _slicedToArray2["default"])(_React$useState15, 2),
-      isIncreasedDelay = _React$useState16[0],
-      setIsIncreasedDelay = _React$useState16[1];
-
+    _React$useState16 = (0, _slicedToArray2["default"])(_React$useState15, 2),
+    isIncreasedDelay = _React$useState16[0],
+    setIsIncreasedDelay = _React$useState16[1];
   var showDotTimer = loop ? isAutoPlaying : isAutoPlaying && !isEnd;
   var dotTimerDelay = delay / 1000;
   var rootRef = React.useRef(null);
   var increaseAutoplayDelay = React.useCallback(function (_ref2) {
     var params = _ref2.params,
-        autoplay = _ref2.autoplay;
-
+      autoplay = _ref2.autoplay;
     if ((0, _typeof2["default"])(params.autoplay) !== 'object' || !canAutoPlay || noIncreaseAutoplayDelay) {
       return;
     }
-
-    autoplay.stop(); // eslint-disable-next-line no-param-reassign
-
+    autoplay.stop();
+    // eslint-disable-next-line no-param-reassign
     params.autoplay.delay = autoPlayDelay * 3;
     setDelay(autoPlayDelay * 3);
     setIsIncreasedDelay(true);
@@ -169,7 +130,6 @@ var Banner = function Banner(_ref) {
     if (!swiperInstance) {
       return;
     }
-
     swiperInstance.slidePrev();
     onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick(swiperInstance.realIndex);
     !isIncreasedDelay && increaseAutoplayDelay(swiperInstance);
@@ -178,7 +138,6 @@ var Banner = function Banner(_ref) {
     if (!swiperInstance) {
       return;
     }
-
     swiperInstance.slideNext();
     onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(swiperInstance.realIndex);
     !isIncreasedDelay && increaseAutoplayDelay(swiperInstance);
@@ -187,13 +146,11 @@ var Banner = function Banner(_ref) {
     if (!swiperInstance) {
       return;
     }
-
     if (loop) {
       swiperInstance.slideToLoop(index);
     } else {
       swiperInstance.slideTo(index);
     }
-
     onDotClick === null || onDotClick === void 0 ? void 0 : onDotClick(swiperInstance.realIndex);
     !isIncreasedDelay && increaseAutoplayDelay(swiperInstance);
   }, [swiperInstance, loop, onDotClick, isIncreasedDelay, increaseAutoplayDelay]);
@@ -202,9 +159,8 @@ var Banner = function Banner(_ref) {
   }, []);
   var handleReachEnd = React.useCallback(function (_ref3) {
     var params = _ref3.params,
-        autoplay = _ref3.autoplay;
+      autoplay = _ref3.autoplay;
     setEnd(true);
-
     if (!params.loop && autoplay.running) {
       autoplay.stop();
     }
@@ -227,11 +183,9 @@ var Banner = function Banner(_ref) {
   }, []);
   React.useEffect(function () {
     var rootElement = rootRef.current;
-
     if (!pauseOnHover || !canAutoPlay) {
       return;
     }
-
     rootElement === null || rootElement === void 0 ? void 0 : rootElement.addEventListener('mouseenter', function () {
       swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.stop();
       setAutoPlaying(false);
@@ -243,12 +197,10 @@ var Banner = function Banner(_ref) {
   }, [canAutoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   React.useEffect(function () {
     setAutoPlaying(canAutoPlay);
-
     if (canAutoPlay) {
       swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
       return;
     }
-
     swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.stop();
   }, [canAutoPlay, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   var renderNavArrows = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_NavArrow["default"], {
@@ -308,7 +260,7 @@ var Banner = function Banner(_ref) {
     className: cn('swiper', [classes.swiper]),
     loop: loop,
     autoplay: canAutoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
-    watchSlidesVisibility: true,
+    watchSlidesProgress: true,
     noSwipingClass: classes.noSwiping,
     breakpoints: showNextSlide ? _slidesSettings["default"] : undefined,
     onSwiper: handleSwiper,
@@ -316,7 +268,8 @@ var Banner = function Banner(_ref) {
     onReachEnd: handleReachEnd,
     onFromEdge: handleFromEdge,
     onSlideChange: handleSlideChange,
-    onTouchEnd: increaseAutoplayDelay
+    onTouchEnd: increaseAutoplayDelay,
+    modules: [_modules.Autoplay]
   }), React.Children.map(children, function (child, i) {
     return /*#__PURE__*/React.createElement(_react2.SwiperSlide, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.slide, i + 1), {
       className: cn('slide', [classes.slide]),
@@ -326,45 +279,4 @@ var Banner = function Banner(_ref) {
     }));
   })), !isSingleSlide && renderNavArrows), !isSingleSlide && renderPagination);
 };
-
-Banner.propTypes = {
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    swiper: PropTypes.string,
-    slide: PropTypes.string,
-    arrow: PropTypes.string,
-    arrowPrev: PropTypes.string,
-    arrowNext: PropTypes.string,
-    pagination: PropTypes.string,
-    dot: PropTypes.string,
-    noSwiping: PropTypes.string
-  }),
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    swiper: PropTypes.objectOf(PropTypes.string.isRequired),
-    slide: PropTypes.objectOf(PropTypes.string.isRequired),
-    arrowPrev: PropTypes.objectOf(PropTypes.string.isRequired),
-    arrowNext: PropTypes.objectOf(PropTypes.string.isRequired),
-    pagination: PropTypes.objectOf(PropTypes.string.isRequired),
-    dot: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  withPaginationBottomOffset: PropTypes.bool,
-  autoPlay: PropTypes.bool,
-  autoPlayDelay: PropTypes.number,
-  loop: PropTypes.bool,
-  pauseOnHover: PropTypes.bool,
-  backgroundColor: PropTypes.oneOf(Object.values(BackgroundColor)),
-  radius: PropTypes.oneOf(Object.values(Radius)),
-  navTheme: PropTypes.oneOf(Object.values(NavTheme)),
-  arrowTheme: PropTypes.oneOf(Object.values(_NavArrow.Theme)),
-  autoHeight: PropTypes.bool,
-  noIncreaseAutoplayDelay: PropTypes.bool,
-  showNextSlide: PropTypes.bool,
-  getSwiper: PropTypes.func,
-  onNextClick: PropTypes.func,
-  onPrevClick: PropTypes.func,
-  onDotClick: PropTypes.func,
-  onChange: PropTypes.func
-};
-var _default = Banner;
-exports["default"] = _default;
+var _default = exports["default"] = Banner;

package/dist/lib/components/Banner/BannerDot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './BannerDot.less';
+import './BannerDot.scss';
 export interface IBannerDotProps {
     className?: string;
     index: number;

package/dist/lib/components/Banner/BannerDot.js

@@ -1,36 +1,25 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var cn = (0, _uiHelpers.cnCreate)('mfui-banner-dot');
-
 var BannerDot = function BannerDot(_ref) {
   var className = _ref.className,
-      dataAttrs = _ref.dataAttrs,
-      index = _ref.index,
-      isActive = _ref.isActive,
-      showTimer = _ref.showTimer,
-      timerDelay = _ref.timerDelay,
-      onClick = _ref.onClick;
+    dataAttrs = _ref.dataAttrs,
+    index = _ref.index,
+    isActive = _ref.isActive,
+    showTimer = _ref.showTimer,
+    timerDelay = _ref.timerDelay,
+    onClick = _ref.onClick;
   var handleDotClick = React.useCallback(function () {
     onClick(index);
   }, [onClick, index]);
@@ -56,19 +45,4 @@ var BannerDot = function BannerDot(_ref) {
     ry: "50"
   }))));
 };
-
-BannerDot.propTypes = {
-  className: PropTypes.string,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    svg: PropTypes.objectOf(PropTypes.string.isRequired),
-    inner: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  index: PropTypes.number.isRequired,
-  isActive: PropTypes.bool.isRequired,
-  showTimer: PropTypes.bool.isRequired,
-  timerDelay: PropTypes.number.isRequired,
-  onClick: PropTypes.func.isRequired
-};
-var _default = BannerDot;
-exports["default"] = _default;
+var _default = exports["default"] = BannerDot;

package/dist/lib/components/Banner/slidesSettings.d.ts

@@ -1,5 +1,7 @@
-import type { SwiperOptions } from 'swiper';
 declare const SLIDES_SETTINGS: {
-    [width: number]: SwiperOptions;
+    [x: number]: {
+        slidesPerView: number;
+        spaceBetween: number;
+    };
 };
 export default SLIDES_SETTINGS;

package/dist/lib/components/Banner/slidesSettings.js

@@ -4,21 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _SLIDES_SETTINGS;
-
-var SLIDES_SETTINGS = (_SLIDES_SETTINGS = {}, (0, _defineProperty2["default"])(_SLIDES_SETTINGS, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
+var SLIDES_SETTINGS = (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
   slidesPerView: 1,
   spaceBetween: 16
-}), (0, _defineProperty2["default"])(_SLIDES_SETTINGS, _uiHelpers.breakpoints.MOBILE_BIG_START, {
+}), _uiHelpers.breakpoints.MOBILE_BIG_START, {
   slidesPerView: 1,
   spaceBetween: 0
-}), _SLIDES_SETTINGS);
-var _default = SLIDES_SETTINGS;
-exports["default"] = _default;
+});
+var _default = exports["default"] = SLIDES_SETTINGS;

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

@@ -1,11 +1,11 @@
-import React, { Ref } from 'react';
-import './Button.less';
+import * as React from 'react';
+import './Button.scss';
 export declare const ButtonTypes: {
     readonly PRIMARY: "primary";
     readonly OUTLINE: "outline";
     readonly TEXT: "text";
 };
-declare type ButtonTypesType = typeof ButtonTypes[keyof typeof ButtonTypes];
+type ButtonTypesType = (typeof ButtonTypes)[keyof typeof ButtonTypes];
 export declare const ButtonThemes: {
     readonly GREEN: "green";
     readonly GREEN_SOFT: "green-soft";
@@ -15,14 +15,14 @@ export declare const ButtonThemes: {
     readonly BLACK: "black";
     readonly DANGER: "danger";
 };
-declare type ButtonThemesType = typeof ButtonThemes[keyof typeof ButtonThemes];
+type ButtonThemesType = (typeof ButtonThemes)[keyof typeof ButtonThemes];
 export declare const ButtonSizes: {
     readonly EXTRA_SMALL: "extra-small";
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
     readonly LARGE: "large";
 };
-declare type ButtonSizesType = typeof ButtonSizes[keyof typeof ButtonSizes];
+type ButtonSizesType = (typeof ButtonSizes)[keyof typeof ButtonSizes];
 export interface IButtonProps {
     /** Дополнительный класс корневого элемента */
     className?: string | string[];
@@ -81,9 +81,10 @@ export interface IButtonProps {
     /** Отключение кнопки */
     disabled?: boolean;
     /** Ссылка на элемент */
-    buttonRef?: Ref<HTMLButtonElement | HTMLAnchorElement>;
+    buttonRef?: React.Ref<HTMLButtonElement | HTMLAnchorElement>;
     /** Обрезать текст при недостаточной ширине и добавлять многоточие */
     ellipsis?: boolean;
+    children?: React.ReactNode;
     /** Обработчик клика по кнопке */
     onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
 }