@megafon/ui-core 6.0.0-beta.3 → 6.0.0

package/dist/lib/components/Badges/TimerBadge/TimerBadge.js

@@ -1,97 +0,0 @@
-"use strict";
-
-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"] = exports.TIMEOUT = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.date.now.js");
-require("core-js/modules/es.date.to-string.js");
-require("core-js/modules/web.timers.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _Timer = _interopRequireDefault(require("./components/Timer/Timer"));
-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 TimerIcon = function TimerIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
-  }));
-};
-var SECONDS_IN_HOUR = 3600;
-var MS_IN_SECOND = 1000;
-var TIMEOUT = exports.TIMEOUT = 1000;
-var TimerBadgeTheme = {
-  RED: 'red',
-  GREY: 'grey'
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-timer-badge');
-var TimerBadge = function TimerBadge(_ref) {
-  var expirationDate = _ref.expirationDate,
-    _ref$countdownStart = _ref.countdownStart,
-    countdownStart = _ref$countdownStart === void 0 ? 86400 : _ref$countdownStart,
-    _ref$hasPrefix = _ref.hasPrefix,
-    hasPrefix = _ref$hasPrefix === void 0 ? false : _ref$hasPrefix,
-    _ref$countdownText = _ref.countdownText,
-    countdownText = _ref$countdownText === void 0 ? 'Закончится через' : _ref$countdownText,
-    _ref$expirationDateTe = _ref.expirationDateText,
-    expirationDateText = _ref$expirationDateTe === void 0 ? 'Воспользуйтесь до' : _ref$expirationDateTe,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs;
-  var remainingTime = (expirationDate.getTime() - Date.now()) / MS_IN_SECOND;
-  var _React$useState = React.useState(remainingTime),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    actualRemainingTime = _React$useState2[0],
-    setActualRemainingTime = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    showCountdown = _React$useState4[0],
-    setShowCountdown = _React$useState4[1];
-  var isLastHour = actualRemainingTime < SECONDS_IN_HOUR;
-  var isTimeExpired = actualRemainingTime < 1;
-  var theme = showCountdown ? TimerBadgeTheme.RED : TimerBadgeTheme.GREY;
-  var additionalText = showCountdown ? countdownText : expirationDateText;
-  React.useEffect(function () {
-    setShowCountdown(actualRemainingTime < countdownStart);
-  }, [actualRemainingTime, countdownStart]);
-  React.useEffect(function () {
-    if (isTimeExpired) {
-      return undefined;
-    }
-    var timeoutId = window.setTimeout(function () {
-      return setActualRemainingTime(actualRemainingTime - 1);
-    }, TIMEOUT);
-    return function () {
-      return clearTimeout(timeoutId);
-    };
-  }, [isTimeExpired, showCountdown, actualRemainingTime]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      theme: theme
-    }, className)
-  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.iconContainer), {
-    className: cn('icon-container', {
-      shadow: isLastHour && showCountdown
-    })
-  }), /*#__PURE__*/React.createElement(TimerIcon, {
-    className: cn('icon')
-  })), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text), {
-    className: cn('text')
-  }), isTimeExpired ? 'Время действия истекло' : /*#__PURE__*/React.createElement(_Timer["default"], {
-    additionalText: hasPrefix ? additionalText : undefined,
-    showCountdown: showCountdown,
-    expirationDate: expirationDate,
-    actualRemainingTime: actualRemainingTime,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.timer
-    }
-  })));
-};
-var _default = exports["default"] = TimerBadge;

package/dist/lib/components/Calendar/components/_Day/Day.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--content);cursor:pointer;height:32px;line-height:24px;outline:none;padding:0 10px 8px 0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;line-height:18px}.mfui-day:last-child{padding-right:0}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day:not(:disabled):not(.mfui-day_active):hover:after,.mfui-day_active:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.mfui-day:not(:disabled):not(.mfui-day_active):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day_active:after{background-color:var(--brandGreen)}.mfui-day_disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-day:not(:disabled):not(.mfui-day_active):focus,.mfui-day_active{color:var(--stcWhite)}.mfui-day_active+.mfui-day_active:before,.mfui-day_between:hover+.mfui-day:not(.mfui-day_monday).mfui-day_active:before{background-color:var(--spbSky1);content:"";display:block;height:32px;left:-22px;position:absolute;top:0;width:32px;z-index:-1}.mfui-day_between{border-radius:0;position:relative}.mfui-day_between:before{left:-22px;padding:0 20px}.mfui-day_between:after,.mfui-day_between:before{background-color:var(--spbSky1);content:"";display:block;height:32px;position:absolute;top:0;z-index:-1}.mfui-day_between:after{right:-16px;width:40px}.mfui-day_last,.mfui-day_sunday{border-radius:50%}.mfui-day_last:after,.mfui-day_sunday:after{border-radius:50%;right:10px;width:32px}.mfui-day_last:after{right:0}.mfui-day_first,.mfui-day_monday{border-radius:50%}.mfui-day_first:before,.mfui-day_monday:before{border-radius:50%;left:0;padding:0;width:32px}.mfui-day_sunday.mfui-day_first{border-radius:50%}.mfui-day__label{position:relative;z-index:99}

package/dist/lib/components/Calendar/components/_Day/Day.js

@@ -1,75 +0,0 @@
-"use strict";
-
-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"));
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.index-of.js");
-var React = _interopRequireWildcard(require("react"));
-var _hooks = require("@datepicker-react/hooks");
-var _uiHelpers = require("@megafon/ui-helpers");
-var _isFirstDayOfMonth = _interopRequireDefault(require("date-fns/isFirstDayOfMonth"));
-var _isLastDayOfMonth = _interopRequireDefault(require("date-fns/isLastDayOfMonth"));
-var _isMonday = _interopRequireDefault(require("date-fns/isMonday"));
-var _isSunday = _interopRequireDefault(require("date-fns/isSunday"));
-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 __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-day');
-var Day = function Day(_a) {
-  var dataAttrs = _a.dataAttrs,
-    _a$isBetween = _a.isBetween,
-    isBetween = _a$isBetween === void 0 ? false : _a$isBetween,
-    dayLabel = _a.dayLabel,
-    date = _a.date,
-    onMouseLeave = _a.onMouseLeave,
-    pickerProps = __rest(_a, ["dataAttrs", "isBetween", "dayLabel", "date", "onMouseLeave"]);
-  var dayRef = React.useRef(null);
-  var _useDay = (0, _hooks.useDay)((0, _extends2["default"])({
-      date: date,
-      dayRef: dayRef
-    }, pickerProps)),
-    isSelected = _useDay.isSelected,
-    isSelectedStartOrEnd = _useDay.isSelectedStartOrEnd,
-    isDateDisabled = _useDay.disabledDate,
-    onClick = _useDay.onClick,
-    onKeyDown = _useDay.onKeyDown,
-    onMouseEnter = _useDay.onMouseEnter,
-    tabIndex = _useDay.tabIndex;
-  var modClasses = {
-    active: isSelectedStartOrEnd,
-    disabled: isDateDisabled,
-    between: isBetween || isSelected && !isSelectedStartOrEnd,
-    sunday: (0, _isSunday["default"])(date),
-    monday: (0, _isMonday["default"])(date),
-    first: !isSelectedStartOrEnd && (0, _isFirstDayOfMonth["default"])(date),
-    last: !isSelectedStartOrEnd && (0, _isLastDayOfMonth["default"])(date)
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
-  };
-  return /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    tabIndex: tabIndex,
-    type: "button",
-    ref: dayRef,
-    className: cn(modClasses)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn('label')
-  }, dayLabel));
-};
-var _default = exports["default"] = Day;

package/dist/lib/components/Calendar/components/_Month/Month.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-month{position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:28px 0;width:284px}.mfui-month,.mfui-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-month__header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;text-transform:capitalize;width:282px}.mfui-month__header svg{cursor:pointer;height:24.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--content)}.mfui-month__title{font-size:15px;font-weight:500;line-height:24px;text-align:center;width:224px}.mfui-month__weekday-labels{border-bottom:1px solid var(--spbSky1);-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:13px;width:272px}.mfui-month__weekday{color:var(--content);font-size:12px;font-weight:600;height:16px;line-height:18px;line-height:24px;text-align:center;text-transform:capitalize;width:20px}.mfui-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:8px;row-gap:0;width:284px}.mfui-month svg.mfui-month__arrow_disabled{cursor:default;opacity:.5}

package/dist/lib/components/Calendar/components/_Month/Month.js

@@ -1,93 +0,0 @@
-"use strict";
-
-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"));
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.map.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-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 ArrowLeft = function ArrowLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12 6v8l-5-4z",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-};
-var ArrowRight = function ArrowRight(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M8 14V6l5 4z",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-month');
-var Month = function Month(_ref) {
-  var dataAttrs = _ref.dataAttrs,
-    isPrevMonthDisabled = _ref.isPrevMonthDisabled,
-    isNextMonthDisabled = _ref.isNextMonthDisabled,
-    year = _ref.year,
-    monthLabel = _ref.monthLabel,
-    weekdayLabels = _ref.weekdayLabels,
-    goToPreviousMonth = _ref.goToPreviousMonth,
-    goToNextMonth = _ref.goToNextMonth,
-    children = _ref.children;
-  var handleArrowLeftClick = function handleArrowLeftClick(e) {
-    if ((0, _uiHelpers.checkEventIsClickOrEnterPress)(e)) {
-      !isPrevMonthDisabled && goToPreviousMonth();
-    }
-  };
-  var handleArrowRightClick = function handleArrowRightClick(e) {
-    if ((0, _uiHelpers.checkEventIsClickOrEnterPress)(e)) {
-      !isNextMonthDisabled && goToNextMonth();
-    }
-  };
-  var getTabIndex = function getTabIndex(hasFocus) {
-    var tabIndexWithFocus = 0;
-    var tabIndexWithoutFocus = -1;
-    return hasFocus ? tabIndexWithFocus : tabIndexWithoutFocus;
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn()
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('header')
-  }, /*#__PURE__*/React.createElement(ArrowLeft, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowLeft), {
-    role: "button",
-    tabIndex: getTabIndex(!isPrevMonthDisabled),
-    className: cn('arrow', {
-      disabled: isPrevMonthDisabled
-    }),
-    onKeyDown: handleArrowLeftClick,
-    onClick: handleArrowLeftClick
-  })), /*#__PURE__*/React.createElement("span", {
-    className: cn('title')
-  }, "".concat(monthLabel, " ").concat(year)), /*#__PURE__*/React.createElement(ArrowRight, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowRight), {
-    role: "button",
-    tabIndex: getTabIndex(!isNextMonthDisabled),
-    className: cn('arrow', {
-      disabled: isNextMonthDisabled
-    }),
-    onKeyDown: handleArrowRightClick,
-    onClick: handleArrowRightClick
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: cn('weekday-labels')
-  }, weekdayLabels.map(function (dayLabel, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('weekday'),
-      key: dayLabel + index
-    }, dayLabel);
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('days')
-  }, children));
-};
-var _default = exports["default"] = Month;

package/dist/lib/components/Modal/Modal.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-modal-open-body{height:100%;overflow:hidden}.mfui-modal__overlay{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;top:0;z-index:1000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-animation:show-popup-overlay .3s ease-out forwards;animation:show-popup-overlay .3s ease-out forwards;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;justify-content:flex-start;opacity:0;padding:72px 0;width:100%}.mfui-modal__modal-content{margin:auto;position:relative}.mfui-modal_full-view .mfui-modal__overlay{display:block;padding:0}.mfui-modal_full-view .mfui-modal__modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;width:100%}.mfui-modal_bottom-view .mfui-modal__overlay{bottom:0;display:block;height:auto;overflow:hidden;padding-bottom:0}.mfui-modal_bottom-view .mfui-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden}.mfui-modal_native-scroll .mfui-modal__overlay{overflow-x:hidden;overflow-y:scroll}@media screen and (hover:hover){.mfui-modal_native-scroll .mfui-modal__overlay{width:calc(100% + 15px)}}.mfui-modal_transition-end .mfui-modal__overlay{-webkit-animation:hide-popup-overlay .2s ease-in;animation:hide-popup-overlay .2s ease-in}@-webkit-keyframes show-popup-overlay{0%{opacity:0}to{opacity:1}}@keyframes show-popup-overlay{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-popup-overlay{0%{opacity:1}to{opacity:0}}@keyframes hide-popup-overlay{0%{opacity:1}to{opacity:0}}

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

@@ -1,106 +0,0 @@
-import * as React from 'react';
-import type { IScrollBarProps } from '../ScrollBar/ScrollBar';
-import './Modal.scss';
-export declare enum MODAL_MOBILE_VIEWS_ENUM {
-    FULL_SCREEN = "full-screen",
-    BOTTOM = "bottom"
-}
-export declare enum MODAL_TRANSITIONS_STEPS_ENUM {
-    INITIAL_STEP = "initial-step",
-    MOVE_STEP = "move-step",
-    MOVE_END_STEP = "move-end-step",
-    END_STEP = "end-step"
-}
-export type ModalClassesType = {
-    bodyOpen?: string;
-    modalContent?: string;
-    overlay?: string;
-    background?: string;
-    containerWrap?: string;
-    containerInner?: string;
-    containerBody?: string;
-    header?: string;
-    headerCloseButton?: string;
-    titleArea?: string;
-    title?: string;
-    children?: string;
-    childrenContent?: string;
-    footer?: string;
-};
-export type ModalDataAttrsType = {
-    background?: Record<string, string>;
-    headerBackButton?: Record<string, string>;
-    headerCloseButton?: Record<string, string>;
-    containerWrap?: Record<string, string>;
-    containerInner?: Record<string, string>;
-    containerBody?: Record<string, string>;
-};
-export type ModalHeaderPropsType = {
-    /** Заголовок */
-    headerTitle?: string | JSX.Element | null;
-    /** Отобразить стрелку назад */
-    showBackButton?: boolean;
-    /** Скрыть крестик */
-    hideCloseButton?: boolean;
-    /** Отобразить дополнительный контент в шапке */
-    headerAdditionalContent?: JSX.Element | JSX.Element[] | string | null;
-    /** Отобразить тень у шапки */
-    hasHeaderShadow?: boolean;
-    /** Отобразить кнопки с подложкой */
-    hasHeaderButtonsShadow?: boolean;
-    /** Не закрепленная шапка */
-    isStaticHeader?: boolean;
-    /** Кнопки находятся вне основной шапке */
-    isOutSideHeaderButtons?: boolean;
-    /** Обработчик для стрелки назад */
-    onBackButtonClick?: () => void;
-};
-export type ModalFooterPropsType = {
-    /** Футер */
-    footer?: JSX.Element | JSX.Element[] | string | null;
-    /** Закрепить футер */
-    isStickyFooter?: boolean;
-    /** Отобразить тень у футера */
-    hasFooterShadow?: boolean;
-};
-export interface IModalProps {
-    /** Дополнительные классы для корневого элемента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: ModalClassesType;
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: ModalDataAttrsType;
-    /** Состояние открытости */
-    isOpened: boolean;
-    /** Настройки для кастомного компонента скролла */
-    scrollBarParams?: Omit<IScrollBarProps, 'maxHeight'>;
-    /** Настройки для шапки модального окна */
-    headerProps?: ModalHeaderPropsType;
-    /** Настройки для футера модального окна */
-    footerProps?: ModalFooterPropsType;
-    /** Вид модального окна на разрешении 767- */
-    mobileView?: MODAL_MOBILE_VIEWS_ENUM;
-    /** Включить дефолтный скролл (отключает кастомный компонент скролла) */
-    isEnabledNativeScroll?: boolean;
-    /** Отключить закрытие шторки свайпом */
-    isSwipeDisabled?: boolean;
-    /** Отключить закрытие модального окна при клике на фон */
-    isDisabledBackgroundClick?: boolean;
-    /** Восстанавливает фокус на элементе, который был сфокусирован до открытия модального окна */
-    isReturnFocusAfterClose?: boolean;
-    /** Должен ли root-элемент приложения быть скрыт */
-    hideAriaApp?: boolean;
-    /** Устанавливает aria-label */
-    contentLabel?: string;
-    /** Обработчик закрытия модального окна */
-    onClose?: () => void;
-    /** Обработчик после открытия модального окна */
-    onAfterModalOpen?: () => void;
-    /** Ref обработчик для Content */
-    getModalContentRef?: (node: HTMLDivElement) => void;
-    /** Ref обработчик для Overlay */
-    getModalOverlayRef?: (node: HTMLDivElement) => void;
-    children?: React.ReactNode;
-}
-declare const Modal: React.FC<IModalProps>;
-export default Modal;