@megafon/ui-core 8.17.0 → 8.17.1

package/dist/es/components/Badges/TimerBadge/components/Timer/Timer.js

@@ -1,69 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.math.trunc.js";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import format from 'date-fns/format';
-import ruLocale from 'date-fns/locale/ru';
-var SECONDS_IN_DAY = 86400;
-var SECONDS_IN_HOUR = 3600;
-var SECONDS_IN_MINUTE = 60;
-var formatDate = function formatDate(date, pattern) {
-  return format(date, pattern, {
-    locale: ruLocale
-  });
-};
-export var getCountdownText = function getCountdownText() {
-  var remainingTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  var isMoreHourAndLessDay = remainingTime >= SECONDS_IN_HOUR && remainingTime < SECONDS_IN_DAY;
-  var truncTime = function truncTime() {
-    var divider = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    return Math.trunc(remainingTime / divider);
-  };
-  switch (true) {
-    case remainingTime <= 0:
-      {
-        return '';
-      }
-    case remainingTime < SECONDS_IN_MINUTE:
-      {
-        var seconds = truncTime();
-        return "".concat(seconds, " \u0441\u0435\u043A");
-      }
-    case remainingTime < SECONDS_IN_HOUR:
-      {
-        var minutes = truncTime(SECONDS_IN_MINUTE);
-        return "".concat(minutes, " \u043C\u0438\u043D");
-      }
-    case isMoreHourAndLessDay:
-      {
-        var hours = truncTime(SECONDS_IN_HOUR);
-        var secondsLeft = remainingTime - hours * SECONDS_IN_HOUR;
-        var _minutes = Math.trunc(secondsLeft / SECONDS_IN_MINUTE);
-        return _minutes ? "".concat(hours, " \u0447 ").concat(_minutes, " \u043C\u0438\u043D") : "".concat(hours, " \u0447");
-      }
-    case remainingTime >= SECONDS_IN_DAY:
-      {
-        var days = truncTime(SECONDS_IN_DAY);
-        var _secondsLeft = remainingTime - days * SECONDS_IN_DAY;
-        var _hours = Math.trunc(_secondsLeft / SECONDS_IN_HOUR);
-        return _hours ? "".concat(days, " \u0434\u043D ").concat(_hours, " \u0447") : "".concat(days, " \u0434\u043D");
-      }
-    default:
-      {
-        return '';
-      }
-  }
-};
-var cn = cnCreate('mfui-timer');
-var Timer = function Timer(_ref) {
-  var actualRemainingTime = _ref.actualRemainingTime,
-    expirationDate = _ref.expirationDate,
-    showCountdown = _ref.showCountdown,
-    additionalText = _ref.additionalText,
-    dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn()
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), additionalText && /*#__PURE__*/React.createElement("span", null, additionalText, " "), /*#__PURE__*/React.createElement("span", null, showCountdown ? getCountdownText(actualRemainingTime) : formatDate(expirationDate, 'dd MMMM yyyy')));
-};
-export default Timer;

package/dist/es/components/Banner/Banner.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-banner{position:relative}.mfui-banner .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-banner .mfui-banner__swiper-container{position:relative}.mfui-banner__swiper{overflow:hidden}.mfui-banner__slide{-ms-flex-negative:0;flex-shrink:0;height:500px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-banner__slide{height:420px}}@media screen and (min-width:1280px){.mfui-banner__slide{height:400px}}.mfui-banner__slide-content{border-right:1px solid transparent;margin-right:-1px}@media screen and (max-width:1023px){.mfui-banner__slide-content{height:100%}}.mfui-banner_auto-height .mfui-banner__slide{height:auto}.mfui-banner .mfui-banner__arrow{position:absolute;top:50%;-webkit-transition:scale .2s linear;transition:scale .2s linear;translate:0 -50%;z-index:10}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow{display:none}}@media screen and (max-width:1023px){.mfui-banner .mfui-banner__arrow_theme_white{display:none}}.mfui-banner .mfui-banner__arrow_prev{left:12px}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow_prev{left:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner .mfui-banner__arrow_prev{left:16px}}@media screen and (min-width:1280px){.mfui-banner .mfui-banner__arrow_prev{left:20px}}.mfui-banner .mfui-banner__arrow_next{right:12px}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow_next{right:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner .mfui-banner__arrow_next{right:16px}}@media screen and (min-width:1280px){.mfui-banner .mfui-banner__arrow_next{right:20px}}.mfui-banner .mfui-banner__arrow_prev.mfui-banner__arrow_theme_white{left:0;translate:-50% -50%}.mfui-banner .mfui-banner__arrow_next.mfui-banner__arrow_theme_white{right:0;translate:50% -50%}.mfui-banner_no-touch .mfui-banner__arrow_theme_white:hover{scale:1.25}.mfui-banner_no-touch .mfui-banner__arrow_theme_white:active{scale:1.125}.mfui-banner__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;left:50%;z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center;margin-top:32px}.mfui-banner__pagination_position_top-in{left:0;margin-top:0;padding:0 24px;position:absolute;top:16px;width:100%}@media screen and (min-width:1280px){.mfui-banner__pagination_position_top-in{padding:0 80px}}.mfui-banner__pagination_type_flat{gap:4px}@media screen and (min-width:1280px){.mfui-banner__pagination_type_flat{gap:10px}}.mfui-banner__pagination_align_left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mfui-banner__pagination_bottom-offset{bottom:60px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner__pagination_bottom-offset{bottom:89px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-banner__pagination_bottom-offset{bottom:90px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-banner__pagination_bottom-offset{bottom:65px}}@media screen and (min-width:1440px){.mfui-banner__pagination_bottom-offset{bottom:72px}}.mfui-banner_margin-top{margin-top:24px}.mfui-banner_radius_rounded .mfui-banner__swiper{border-radius:24px}@media screen and (max-width:767px){.mfui-banner_show-next-slide .mfui-banner__swiper{border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:32px}.mfui-banner_show-next-slide .mfui-banner__slide-content{border-right:none;margin-right:0}.mfui-banner_show-next-slide.mfui-banner_radius_rounded .mfui-banner__slide-content{border-radius:24px}}.mfui-banner_background-color_green .mfui-banner__swiper{background-color:var(--brandGreen)}.mfui-banner_background-color_purple .mfui-banner__swiper{background-color:var(--brandPurple)}.mfui-banner_background-color_gradient .mfui-banner__swiper{background:-webkit-gradient(linear,right top,left top,from(#ada6ba),to(#f6f2f9));background:linear-gradient(270deg,#ada6ba,#f6f2f9)}.mfui-banner_background-color_light .mfui-banner__swiper{background-color:#f6f2f9}.mfui-banner_background-color_spbSky0 .mfui-banner__swiper{background-color:var(--spbSky0)}

package/dist/es/components/Banner/Banner.d.ts

@@ -1,118 +0,0 @@
-import * as React from 'react';
-import SwiperCore from 'swiper';
-import { ThemeType as ArrowThemeType } from '../NavArrow/NavArrow';
-import './Banner.scss';
-export declare const BackgroundColor: {
-    readonly TRANSPARENT: "transparent";
-    readonly GREEN: "green";
-    readonly PURPLE: "purple";
-    readonly SPB_SKY_0: "spbSky0";
-    readonly GRADIENT: "gradient";
-    readonly LIGHT: "light";
-};
-type BackgroundColorType = (typeof BackgroundColor)[keyof typeof BackgroundColor];
-export declare const Radius: {
-    readonly CORNERS: "corners";
-    readonly ROUNDED: "rounded";
-};
-export type RadiusType = (typeof Radius)[keyof typeof Radius];
-export declare const NavTheme: {
-    readonly LIGHT: "light";
-    readonly DARK: "dark";
-};
-type NavThemeType = (typeof NavTheme)[keyof typeof NavTheme];
-export declare const PaginationAlign: {
-    readonly CENTER: "center";
-    readonly LEFT: "left";
-};
-export type PaginationAlignType = (typeof PaginationAlign)[keyof typeof PaginationAlign];
-export declare const PaginationTheme: {
-    readonly DEFAULT: "default";
-    readonly LIGHT: "light";
-    readonly DARK: "dark";
-};
-export type PaginationThemeType = (typeof PaginationTheme)[keyof typeof PaginationTheme];
-export declare const PaginationButtonType: {
-    readonly DOT: "dot";
-    readonly FLAT: "flat";
-};
-export type PaginationType = (typeof PaginationButtonType)[keyof typeof PaginationButtonType];
-export declare const PaginationPositionType: {
-    readonly BOTTOM_OUT: "bottom-out";
-    readonly TOP_IN: "top-in";
-};
-type PaginationPositionType = (typeof PaginationPositionType)[keyof typeof PaginationPositionType];
-export interface IBannerProps {
-    /** Сss класс для внешнего контейнера */
-    className?: string;
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        swiper?: string;
-        slide?: string;
-        arrow?: string;
-        arrowPrev?: string;
-        arrowNext?: string;
-        pagination?: string;
-        dot?: string;
-        noSwiping?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        swiper?: Record<string, string>;
-        slide?: Record<string, string>;
-        arrowPrev?: Record<string, string>;
-        arrowNext?: Record<string, string>;
-        pagination?: Record<string, string>;
-        dot?: Record<string, string>;
-        dotSvg?: Record<string, string>;
-        dotInner?: Record<string, string>;
-    };
-    /** Выравнивание блока пагинации. DEPRECATED: 'left' */
-    paginationAlign?: PaginationAlignType;
-    /** Цветовая тема пагинации */
-    paginationTheme?: PaginationThemeType;
-    /** Тип кнопок пагинации */
-    paginationType?: PaginationType;
-    /** Расположение пагинации */
-    paginationPosition?: PaginationPositionType;
-    /** Предполагается использование с наезжанием на баннер следующего за баннером элемента */
-    withPaginationBottomOffset?: boolean;
-    /** Автоматическая прокрутка */
-    autoPlay?: boolean;
-    /** Задержка автоматической прокрутки */
-    autoPlayDelay?: number;
-    /** Прокрутка с зацикливанием */
-    loop?: boolean;
-    /** Пауза автоматической прокрутки при наведении курсора на компонент */
-    pauseOnHover?: boolean;
-    /** Фоновый цвет */
-    backgroundColor?: BackgroundColorType;
-    /** Радиус границы */
-    radius?: RadiusType;
-    /** Цветовая тема навигации (не используется) */
-    navTheme?: NavThemeType;
-    /** Цветовая тема стрелок */
-    arrowTheme?: ArrowThemeType;
-    /** Автоматическая высота слайдов */
-    autoHeight?: boolean;
-    /** Не увеличивать время прокрутки при взаимодействии с баннером */
-    noIncreaseAutoplayDelay?: boolean;
-    /** Показать часть следующего слайда */
-    showNextSlide?: boolean;
-    /** Отступ сверху */
-    hasMarginTop?: boolean;
-    children?: React.ReactNode;
-    /** Ref на swiper */
-    getSwiper?: (instance: SwiperCore) => void;
-    /** Обработчик клика по стрелке "вперед" (должен быть обернут в useCallback) */
-    onNextClick?: (index: number) => void;
-    /** Обработчик клика по стрелке "назад" (должен быть обернут в useCallback) */
-    onPrevClick?: (index: number) => void;
-    /** Обработчик клика по точке навигации (должен быть обернут в useCallback) */
-    onDotClick?: (index: number) => void;
-    /** Обработчик смены слайда (должен быть обернут в useCallback) */
-    onChange?: (index: number) => void;
-}
-declare const Banner: React.FC<IBannerProps>;
-export default Banner;

package/dist/es/components/Banner/Banner.js

@@ -1,333 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _typeof from "@babel/runtime/helpers/typeof";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.array.map.js";
-/* eslint-disable global-require */
-import * as React from 'react';
-import { cnCreate, detectTouch, filterDataAttrs } from '@megafon/ui-helpers';
-import NavArrow, { Theme as ArrowTheme, Size as ArrowSize } from "../NavArrow/NavArrow";
-import BannerDot from "./BannerDot";
-import SLIDES_SETTINGS from "./slidesSettings";
-import "./Banner.css";
-var Autoplay = null;
-var Swiper = null;
-var SwiperSlide = null;
-try {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  var SwiperAll = require('swiper/react');
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  var Modules = require('swiper/modules');
-  Swiper = SwiperAll.Swiper;
-  SwiperSlide = SwiperAll.SwiperSlide;
-  Autoplay = Modules.Autoplay;
-} catch (e) {
-  // eslint-disable-next-line no-console
-  console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.\n        For more information about server-side rendering\n        please check the Banner component documentation at:\n        https://ui.megafon.ru/components/banner\n    ");
-}
-export var BackgroundColor = {
-  TRANSPARENT: 'transparent',
-  GREEN: 'green',
-  PURPLE: 'purple',
-  SPB_SKY_0: 'spbSky0',
-  GRADIENT: 'gradient',
-  LIGHT: 'light'
-};
-export var Radius = {
-  CORNERS: 'corners',
-  ROUNDED: 'rounded'
-};
-export var NavTheme = {
-  LIGHT: 'light',
-  DARK: 'dark'
-};
-export var PaginationAlign = {
-  CENTER: 'center',
-  LEFT: 'left'
-};
-export var PaginationTheme = {
-  DEFAULT: 'default',
-  LIGHT: 'light',
-  DARK: 'dark'
-};
-export var PaginationButtonType = {
-  DOT: 'dot',
-  FLAT: 'flat'
-};
-export var PaginationPositionType = {
-  BOTTOM_OUT: 'bottom-out',
-  TOP_IN: 'top-in'
-};
-var cn = 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$paginationAlign = _ref.paginationAlign,
-    paginationAlign = _ref$paginationAlign === void 0 ? PaginationAlign.CENTER : _ref$paginationAlign,
-    paginationType = _ref.paginationType,
-    _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,
-    backgroundColor = _ref.backgroundColor,
-    _ref$radius = _ref.radius,
-    radius = _ref$radius === void 0 ? Radius.ROUNDED : _ref$radius,
-    _ref$arrowTheme = _ref.arrowTheme,
-    arrowTheme = _ref$arrowTheme === void 0 ? ArrowTheme.DARK : _ref$arrowTheme,
-    _ref$autoHeight = _ref.autoHeight,
-    autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
-    noIncreaseAutoplayDelay = _ref.noIncreaseAutoplayDelay,
-    showNextSlide = _ref.showNextSlide,
-    _ref$hasMarginTop = _ref.hasMarginTop,
-    hasMarginTop = _ref$hasMarginTop === void 0 ? false : _ref$hasMarginTop,
-    _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 = _slicedToArray(_React$useState, 2),
-    isTouch = _React$useState2[0],
-    setTouch = _React$useState2[1];
-  var _React$useState3 = React.useState(),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    swiperInstance = _React$useState4[0],
-    setSwiperInstance = _React$useState4[1];
-  var _React$useState5 = React.useState(true),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    isBeginning = _React$useState6[0],
-    setBeginning = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    isEnd = _React$useState8[0],
-    setEnd = _React$useState8[1];
-  var _React$useState9 = React.useState(canAutoPlay),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    isAutoPlaying = _React$useState10[0],
-    setAutoPlaying = _React$useState10[1];
-  var _React$useState11 = React.useState(0),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    activeIndex = _React$useState12[0],
-    setActiveIndex = _React$useState12[1];
-  var _React$useState13 = React.useState(autoPlayDelay),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    delay = _React$useState14[0],
-    setDelay = _React$useState14[1];
-  var _React$useState15 = React.useState(false),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    isIncreasedDelay = _React$useState16[0],
-    setIsIncreasedDelay = _React$useState16[1];
-  var showDotTimer = loop ? isAutoPlaying : isAutoPlaying && !isEnd;
-  var dotTimerDelay = delay / 1000;
-  var arrowSize = arrowTheme === ArrowTheme.WHITE ? ArrowSize.LARGE : ArrowSize.MIDDLE;
-  var rootRef = React.useRef(null);
-  var correctPaginationPosition = paginationType === PaginationButtonType.FLAT ? PaginationPositionType.TOP_IN : PaginationPositionType.BOTTOM_OUT;
-  var correctPaginationAlign = paginationType === PaginationButtonType.FLAT ? paginationAlign : PaginationAlign.CENTER;
-  var getCorrectPaginationTheme = function getCorrectPaginationTheme() {
-    switch (backgroundColor) {
-      case BackgroundColor.GREEN:
-      case BackgroundColor.PURPLE:
-        return PaginationTheme.LIGHT;
-      case BackgroundColor.LIGHT:
-      case BackgroundColor.GRADIENT:
-        return PaginationTheme.DARK;
-      default:
-        return PaginationTheme.DEFAULT;
-    }
-  };
-  var increaseAutoplayDelay = React.useCallback(function (_ref2) {
-    var params = _ref2.params,
-      autoplay = _ref2.autoplay;
-    if (_typeof(params.autoplay) !== 'object' || !canAutoPlay || noIncreaseAutoplayDelay) {
-      return;
-    }
-    autoplay.stop();
-    // eslint-disable-next-line no-param-reassign
-    params.autoplay.delay = autoPlayDelay * 3;
-    setDelay(autoPlayDelay * 3);
-    setIsIncreasedDelay(true);
-    autoplay.start();
-  }, [canAutoPlay, autoPlayDelay, noIncreaseAutoplayDelay]);
-  var handlePrevClick = React.useCallback(function () {
-    if (!swiperInstance) {
-      return;
-    }
-    swiperInstance.slidePrev();
-    onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick(swiperInstance.realIndex);
-    !isIncreasedDelay && increaseAutoplayDelay(swiperInstance);
-  }, [swiperInstance, onPrevClick, isIncreasedDelay, increaseAutoplayDelay]);
-  var handleNextClick = React.useCallback(function () {
-    if (!swiperInstance) {
-      return;
-    }
-    swiperInstance.slideNext();
-    onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(swiperInstance.realIndex);
-    !isIncreasedDelay && increaseAutoplayDelay(swiperInstance);
-  }, [swiperInstance, onNextClick, isIncreasedDelay, increaseAutoplayDelay]);
-  var handleDotClick = React.useCallback(function (index) {
-    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]);
-  var handleReachBeginning = React.useCallback(function () {
-    setBeginning(true);
-  }, []);
-  var handleReachEnd = React.useCallback(function (_ref3) {
-    var params = _ref3.params,
-      autoplay = _ref3.autoplay;
-    setEnd(true);
-    if (!params.loop && autoplay.running) {
-      autoplay.stop();
-    }
-  }, []);
-  var handleFromEdge = React.useCallback(function (swiper) {
-    setBeginning(swiper.isBeginning);
-    setEnd(swiper.isEnd);
-  }, []);
-  var handleSlideChange = React.useCallback(function (_ref4) {
-    var realIndex = _ref4.realIndex;
-    setActiveIndex(realIndex);
-    onChange === null || onChange === void 0 ? void 0 : onChange(realIndex);
-  }, [onChange]);
-  var handleSwiper = React.useCallback(function (swiper) {
-    setSwiperInstance(swiper);
-    getSwiper === null || getSwiper === void 0 ? void 0 : getSwiper(swiper);
-  }, [getSwiper]);
-  React.useEffect(function () {
-    setTouch(detectTouch());
-  }, []);
-  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);
-    });
-    rootElement === null || rootElement === void 0 ? void 0 : rootElement.addEventListener('mouseleave', function () {
-      swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
-      setAutoPlaying(true);
-    });
-  }, [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, {
-    className: cn('arrow', {
-      prev: true,
-      theme: arrowTheme
-    }, [classes.arrow, classes.arrowPrev]),
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowPrev
-    },
-    onClick: handlePrevClick,
-    disabled: !loop && isBeginning,
-    theme: arrowTheme,
-    size: arrowSize
-  }), /*#__PURE__*/React.createElement(NavArrow, {
-    className: cn('arrow', {
-      next: true,
-      theme: arrowTheme
-    }, [classes.arrow, classes.arrowNext]),
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowNext
-    },
-    view: "next",
-    onClick: handleNextClick,
-    disabled: !loop && isEnd,
-    theme: arrowTheme,
-    size: arrowSize
-  }));
-  var renderPagination = /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.pagination), {
-    className: cn('pagination', {
-      type: paginationType,
-      align: correctPaginationAlign,
-      position: correctPaginationPosition,
-      'bottom-offset': withPaginationBottomOffset
-    }, [classes.pagination])
-  }), children && React.Children.map(children, function (_, i) {
-    return /*#__PURE__*/React.createElement(BannerDot, {
-      className: cn('dot', [classes.dot]),
-      dataAttrs: {
-        root: _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.dot, i + 1)),
-        svg: _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.dotSvg, i + 1)),
-        inner: _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.dotInner, i + 1))
-      },
-      key: i,
-      index: i,
-      isActive: i === activeIndex,
-      showTimer: showDotTimer,
-      timerDelay: dotTimerDelay,
-      type: paginationType,
-      theme: getCorrectPaginationTheme(),
-      onClick: handleDotClick
-    });
-  }));
-  if (!Swiper || !Autoplay || !SwiperSlide) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      'auto-height': autoHeight,
-      'background-color': backgroundColor,
-      'no-touch': !isTouch,
-      radius: radius,
-      'show-next-slide': showNextSlide,
-      'margin-top': hasMarginTop
-    }, className),
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('swiper-container')
-  }, /*#__PURE__*/React.createElement(Swiper, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
-    className: cn('swiper', [classes.swiper]),
-    loop: loop,
-    autoplay: {
-      delay: delay,
-      waitForTransition: false,
-      disableOnInteraction: false,
-      stopOnLastSlide: true
-    },
-    watchSlidesProgress: true,
-    noSwipingClass: classes.noSwiping,
-    breakpoints: showNextSlide ? SLIDES_SETTINGS : undefined,
-    onSwiper: handleSwiper,
-    onReachBeginning: handleReachBeginning,
-    onReachEnd: handleReachEnd,
-    onFromEdge: handleFromEdge,
-    onSlideChange: handleSlideChange,
-    onTouchEnd: increaseAutoplayDelay,
-    modules: [Autoplay]
-  }), children && React.Children.map(children, function (child, i) {
-    return /*#__PURE__*/React.createElement(SwiperSlide, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.slide, i + 1), {
-      className: cn('slide', [classes.slide]),
-      key: i
-    }), /*#__PURE__*/React.isValidElement(child) && /*#__PURE__*/React.cloneElement(child, {
-      className: cn('slide-content', [child === null || child === void 0 ? void 0 : child.props.className])
-    }));
-  })), !isSingleSlide && renderNavArrows), !isSingleSlide && renderPagination);
-};
-export default Banner;

package/dist/es/components/Banner/BannerDot.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-banner-dot{background-color:var(--spbSky2);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:8px;position:relative;width:8px}.mfui-banner-dot_active{background-color:var(--brandGreen);cursor:default;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;width:24px}.mfui-banner-dot_active .mfui-banner-dot__timer-inner{fill:var(--brandGreen)}.mfui-banner-dot_active.mfui-banner-dot_has-timer{background-color:var(--spbSky2)}.mfui-banner-dot_type_flat{-webkit-box-flex:1;border-radius:24px;-ms-flex:1 1 auto;flex:1 1 auto;height:2px;width:auto}.mfui-banner-dot_type_flat .mfui-banner-dot__timer{height:100%;width:100%}.mfui-banner-dot_type_flat .mfui-banner-dot__timer-inner{-webkit-animation:timer-reversed linear;animation:timer-reversed linear;height:100%;-webkit-transform:scale(1);transform:scale(1);width:100%}.mfui-banner-dot_theme_light,.mfui-banner-dot_theme_light .mfui-banner-dot__timer{background-color:var(--stcWhite50)}.mfui-banner-dot_theme_light .mfui-banner-dot__timer-inner{fill:var(--stcWhite)}.mfui-banner-dot_theme_light.mfui-banner-dot_active{background-color:var(--stcWhite)}.mfui-banner-dot_theme_light.mfui-banner-dot_has-timer{background-color:transparent}.mfui-banner-dot_theme_dark,.mfui-banner-dot_theme_dark .mfui-banner-dot__timer{background-color:var(--stcBlack10)}.mfui-banner-dot_theme_dark .mfui-banner-dot__timer-inner{fill:var(--stcBlack)}.mfui-banner-dot_theme_dark.mfui-banner-dot_active{background-color:var(--stcBlack)}.mfui-banner-dot_theme_dark.mfui-banner-dot_has-timer{background-color:transparent}.mfui-banner-dot__timer{border-radius:4px;display:block;height:8px;left:0;position:absolute;top:0;width:24px}.mfui-banner-dot__timer-inner{-webkit-animation:timer linear;animation:timer linear;-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes timer{0%{width:100%}to{width:0}}@keyframes timer{0%{width:100%}to{width:0}}@-webkit-keyframes timer-reversed{0%{width:0}to{width:100%}}@keyframes timer-reversed{0%{width:0}to{width:100%}}

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { type PaginationThemeType, type PaginationType } from './Banner';
-import './BannerDot.scss';
-export interface IBannerDotProps {
-    className?: string;
-    index: number;
-    isActive: boolean;
-    showTimer: boolean;
-    timerDelay: number;
-    dataAttrs?: {
-        root?: Record<string, string>;
-        svg?: Record<string, string>;
-        inner?: Record<string, string>;
-    };
-    type?: PaginationType;
-    theme?: PaginationThemeType;
-    onClick: (index: number) => void;
-}
-declare const BannerDot: React.FC<IBannerDotProps>;
-export default BannerDot;

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

@@ -1,51 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import { PaginationButtonType } from "./Banner";
-import "./BannerDot.css";
-var DOT_VIEW_BOX = '0 0 250 100';
-var DOT_RECT_PROPS = {
-  x: '0',
-  y: '0',
-  width: '250',
-  height: '100',
-  rx: '50',
-  ry: '50'
-};
-var cn = 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,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? PaginationButtonType.DOT : _ref$type,
-    theme = _ref.theme,
-    onClick = _ref.onClick;
-  var viewBox = type === PaginationButtonType.DOT ? DOT_VIEW_BOX : undefined;
-  var rectProps = type === PaginationButtonType.DOT ? DOT_RECT_PROPS : {};
-  var hasTimer = showTimer && isActive;
-  var handleDotClick = React.useCallback(function () {
-    onClick(index);
-  }, [onClick, index]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      active: isActive,
-      type: type,
-      theme: theme,
-      'has-timer': hasTimer
-    }, className),
-    onClick: handleDotClick
-  }), hasTimer && /*#__PURE__*/React.createElement("svg", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.svg), {
-    className: cn('timer'),
-    viewBox: viewBox
-  }), /*#__PURE__*/React.createElement("rect", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner), rectProps, {
-    className: cn('timer-inner'),
-    style: {
-      animationDuration: "".concat(timerDelay, "s")
-    }
-  }))));
-};
-export default BannerDot;

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

@@ -1,7 +0,0 @@
-declare const SLIDES_SETTINGS: {
-    [x: number]: {
-        slidesPerView: number;
-        spaceBetween: number;
-    };
-};
-export default SLIDES_SETTINGS;

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

@@ -1,10 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { breakpoints } from '@megafon/ui-helpers';
-var SLIDES_SETTINGS = _defineProperty(_defineProperty({}, breakpoints.MOBILE_SMALL_START, {
-  slidesPerView: 1,
-  spaceBetween: 16
-}), breakpoints.MOBILE_BIG_START, {
-  slidesPerView: 1,
-  spaceBetween: 0
-});
-export default SLIDES_SETTINGS;