@megafon/ui-core 7.7.0 → 7.9.0

package/dist/es/components/ErrorLoad/ErrorLoad.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-error-load{background:inherit}.mfui-error-load_cardinal_vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-align:center;-ms-flex-item-align:stretch;align-self:stretch}.mfui-error-load_cardinal_horizontal,.mfui-error-load_cardinal_vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.mfui-error-load_cardinal_horizontal{gap:8px;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-error-load__header{text-align:center}.mfui-error-load__text .mfui-error-load__caption_background_on-color,.mfui-error-load__text .mfui-error-load__header_background_on-color{color:var(--stcWhite)}.mfui-error-load__text .mfui-error-load__caption_background_on-base{color:var(--spbSky3)}.mfui-error-load__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.mfui-error-load__text_cardinal_vertical{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IButtonProps } from '../Button/Button';
+import './ErrorLoad.scss';
+type ButtonProps = Pick<IButtonProps, 'disabled' | 'showLoader' | 'onClick'>;
+export interface IErrorLoadProps {
+    /** Размер блока */
+    big?: boolean;
+    /** Цветовая тема */
+    background?: 'on-base' | 'on-color';
+    /** Ориентация блока */
+    cardinalDirection?: 'vertical' | 'horizontal';
+    /** Параметры кнопки */
+    buttonParams?: ButtonProps;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        button?: Record<string, string>;
+    };
+}
+declare const ErrorLoad: React.FC<IErrorLoadProps>;
+export default ErrorLoad;

package/dist/es/components/ErrorLoad/ErrorLoad.js

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.string.big.js";
+import * as React from 'react';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import Button from "../Button/Button";
+import Caption from "../Caption/Caption";
+import Header from "../Header/Header";
+import "./ErrorLoad.css";
+var RefreshIcon24 = function RefreshIcon24(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.064 8C11.604 8 8 11.588 8 16s3.604 8 8.064 8c4.1 0 7.478-3.033 7.995-6.948l1.983.262C25.393 22.223 21.17 26 16.064 26 10.513 26 6 21.53 6 16S10.513 6 16.064 6c3.456 0 6.507 1.731 8.32 4.371l.704-2.345 1.915.575-1.419 4.726a1 1 0 01-1.228.675l-4.855-1.364.541-1.925 2.664.748A8.074 8.074 0 0016.064 8z"
+  }));
+};
+var cn = cnCreate('mfui-error-load');
+var ErrorLoad = function ErrorLoad(_ref) {
+  var _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'on-base' : _ref$background,
+    _ref$big = _ref.big,
+    big = _ref$big === void 0 ? true : _ref$big,
+    _ref$cardinalDirectio = _ref.cardinalDirection,
+    cardinalDirection = _ref$cardinalDirectio === void 0 ? 'horizontal' : _ref$cardinalDirectio,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs,
+    buttonParams = _ref.buttonParams;
+  var isBaseBackground = background === 'on-base';
+  var isSmallIconSize = cardinalDirection === 'horizontal' || !big;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: cn({
+      cardinal: cardinalDirection
+    }, className)
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
+    className: cn('text', {
+      cardinal: cardinalDirection
+    })
+  }, /*#__PURE__*/React.createElement(Header, {
+    as: big ? 'h3' : 'h5',
+    className: cn('header', {
+      background: background
+    })
+  }, "\u0414\u0430\u043D\u043D\u044B\u0435 \u043D\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043B\u0438\u0441\u044C"), big && /*#__PURE__*/React.createElement(Caption, {
+    hasMargin: false,
+    className: cn('caption', {
+      background: background
+    })
+  }, "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u0439\u0434\u0438\u0442\u0435 \u043F\u043E\u0437\u0436\u0435")), /*#__PURE__*/React.createElement(Button, _extends({
+    icon: /*#__PURE__*/React.createElement(RefreshIcon24, null),
+    theme: isBaseBackground ? 'green' : 'white',
+    sizeAll: isSmallIconSize ? 'small' : 'medium'
+  }, buttonParams, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    }
+  })));
+};
+export default ErrorLoad;

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

@@ -2,7 +2,7 @@ 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",
+    FULL_SCREEN = "fullScreen",// use camelCase for simple using in props from backend
     BOTTOM = "bottom"
 }
 export declare enum MODAL_TRANSITIONS_STEPS_ENUM {
@@ -20,6 +20,7 @@ export type ModalClassesType = {
     containerInner?: string;
     containerBody?: string;
     header?: string;
+    headerBackButton?: string;
     headerCloseButton?: string;
     titleArea?: string;
     title?: string;
@@ -88,6 +89,8 @@ export interface IModalProps {
     isDisabledBackgroundClick?: boolean;
     /** Восстанавливает фокус на элементе, который был сфокусирован до открытия модального окна */
     isReturnFocusAfterClose?: boolean;
+    /** Пересчитывать максимальную высоту скролла */
+    isRecalculateHeight?: boolean;
     /** Должен ли root-элемент приложения быть скрыт */
     hideAriaApp?: boolean;
     /** Устанавливает aria-label */

package/dist/es/components/Modal/Modal.js

@@ -5,6 +5,7 @@ import { cnCreate, breakpoints } from '@megafon/ui-helpers';
 import throttle from 'lodash.throttle';
 import ReactModal from 'react-modal';
 import THROTTLE_TIME from "../../constants/throttleTime";
+import usePrevious from "../../hooks/usePrevious";
 import useResolution from "../../hooks/useResolution";
 import ModalDesktop from "./_ModalDesktop/ModalDesktop";
 import ModalMobileBottom from "./_ModalMobileBottom/ModalMobileBottom";
@@ -15,7 +16,7 @@ var MOBILE_BIG_START = breakpoints.MOBILE_BIG_START;
 var HEIGHT_TRANSITION_PROPERTY = 'height';
 export var MODAL_MOBILE_VIEWS_ENUM;
 (function (MODAL_MOBILE_VIEWS_ENUM) {
-  MODAL_MOBILE_VIEWS_ENUM["FULL_SCREEN"] = "full-screen";
+  MODAL_MOBILE_VIEWS_ENUM["FULL_SCREEN"] = "fullScreen";
   MODAL_MOBILE_VIEWS_ENUM["BOTTOM"] = "bottom";
 })(MODAL_MOBILE_VIEWS_ENUM || (MODAL_MOBILE_VIEWS_ENUM = {}));
 export var MODAL_TRANSITIONS_STEPS_ENUM;
@@ -40,6 +41,7 @@ var Modal = function Modal(_ref) {
     isEnabledNativeScroll = _ref.isEnabledNativeScroll,
     isSwipeDisabled = _ref.isSwipeDisabled,
     isDisabledBackgroundClick = _ref.isDisabledBackgroundClick,
+    isRecalculateHeight = _ref.isRecalculateHeight,
     _ref$hideAriaApp = _ref.hideAriaApp,
     hideAriaApp = _ref$hideAriaApp === void 0 ? false : _ref$hideAriaApp,
     contentLabel = _ref.contentLabel,
@@ -85,6 +87,7 @@ var Modal = function Modal(_ref) {
   var containerWrapRef = React.useRef(null);
   var containerInnerRef = React.useRef(null);
   var containerBodyRef = React.useRef(null);
+  var scrollBarScrollableRef = React.useRef(null);
   var resizeObserver = React.useRef(null);
   var _useResolution = useResolution(),
     isMobile = _useResolution.isMobile;
@@ -93,6 +96,15 @@ var Modal = function Modal(_ref) {
   var isBottomTransitionIn = transitionStep !== MODAL_TRANSITIONS_STEPS_ENUM.END_STEP && transitionStep !== MODAL_TRANSITIONS_STEPS_ENUM.MOVE_END_STEP;
   var isTransitionMoveStep = transitionStep === MODAL_TRANSITIONS_STEPS_ENUM.MOVE_STEP;
   var isTransitionEndStep = transitionStep === MODAL_TRANSITIONS_STEPS_ENUM.END_STEP;
+  var prevMobileView = usePrevious(mobileView);
+  var isChangeMobileView = mobileView !== prevMobileView;
+  var prevHeaderProps = usePrevious(headerProps);
+  var prevFooterProps = usePrevious(footerProps);
+  var isHeaderPropsDiff = headerProps !== prevHeaderProps;
+  var isFooterPropsDiff = footerProps !== prevFooterProps;
+  var handleGetScrollBarScrollableRef = function handleGetScrollBarScrollableRef(node) {
+    scrollBarScrollableRef.current = node;
+  };
   var handleChangeTransitionStep = function handleChangeTransitionStep(value) {
     setTransitionStep(value);
   };
@@ -201,6 +213,18 @@ var Modal = function Modal(_ref) {
       window.removeEventListener('resize', handleThrottleResize);
     };
   }, [isEnabledNativeScroll, handleSetScrollContentMaxHeight]);
+  React.useEffect(function () {
+    if (!isMobile || !isChangeMobileView) {
+      return;
+    }
+    handleSetScrollContentMaxHeight();
+  }, [isMobile, isChangeMobileView, handleSetScrollContentMaxHeight]);
+  React.useEffect(function () {
+    if (isEnabledNativeScroll || !(isRecalculateHeight && (isHeaderPropsDiff || isFooterPropsDiff))) {
+      return;
+    }
+    handleSetScrollContentMaxHeight();
+  }, [isEnabledNativeScroll, isFooterPropsDiff, isRecalculateHeight, isHeaderPropsDiff, handleSetScrollContentMaxHeight]);
   React.useEffect(function () {
     return function () {
       setIsPopupOpened(false);
@@ -215,7 +239,8 @@ var Modal = function Modal(_ref) {
     classes: classes,
     dataAttrs: dataAttrs,
     scrollBarParams: _extends(_extends({}, scrollBarParams), {
-      maxHeight: scrollMaxHeight
+      maxHeight: scrollMaxHeight,
+      getScrollable: handleGetScrollBarScrollableRef
     }),
     headerProps: headerProps,
     footerProps: footerProps,
@@ -225,7 +250,8 @@ var Modal = function Modal(_ref) {
       footerRef: footerRef,
       containerWrapRef: containerWrapRef,
       containerInnerRef: containerInnerRef,
-      containerBodyRef: containerBodyRef
+      containerBodyRef: containerBodyRef,
+      scrollBarScrollableRef: scrollBarScrollableRef
     },
     isEnabledNativeScroll: isEnabledNativeScroll,
     isDisabledBackgroundClick: isDisabledBackgroundClick,

package/dist/es/components/Modal/_ModalContent/ModalContent.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-modal-content__background{background-color:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0}.mfui-modal-content__container-wrap{-webkit-animation:show-popup .3s ease-out;animation:show-popup .3s ease-out;position:relative;width:100%}@media screen and (min-width:768px){.mfui-modal-content__container-wrap{-webkit-transition:height .1s;transition:height .1s;width:740px}}.mfui-modal-content__container-inner{background-color:var(--background);font-family:inherit;width:100%}.mfui-modal-content__header{position:relative}.mfui-modal-content__header_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__header-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:52px}@media screen and (min-width:768px){.mfui-modal-content__header-main{min-height:64px}}.mfui-modal-content__header-button{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:12px;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:transparent;border:none;cursor:pointer;height:32px;justify-content:center;outline:none;width:32px}@media screen and (min-width:768px){.mfui-modal-content__header-button{height:40px;width:40px}}.mfui-modal-content__header-button_back{left:16px}.mfui-modal-content__header-button_close{right:16px}.mfui-modal-content__header-button_shadow{background:var(--base);border-radius:50%;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__header-button svg{fill:var(--content)}.mfui-modal-content__title-area{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 48px;padding:12px}@media screen and (min-width:768px){.mfui-modal-content__title-area{margin:0 56px;padding:16px}}.mfui-modal-content__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px;text-align:center}@media screen and (min-width:1280px){.mfui-modal-content__title{font-size:20px;line-height:28px}}@media screen and (min-width:768px){.mfui-modal-content__title{font-size:20px;font-weight:500;letter-spacing:.5px;line-height:28px}}.mfui-modal-content__header-additional{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 16px;text-align:center}@media screen and (min-width:768px){.mfui-modal-content__header-additional{padding-left:32px;padding-right:32px}}.mfui-modal-content__container-body{-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-right:6px}@media screen and (min-width:768px){.mfui-modal-content__container-body{padding-bottom:32px;padding-right:12px}}.mfui-modal-content__children{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;padding-right:4px;padding-top:24px}@media screen and (min-width:768px){.mfui-modal-content__children{padding-left:32px;padding-right:14px}}.mfui-modal-content__footer{padding-left:16px;padding-right:16px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__children{padding-top:0}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header{margin-bottom:24px;margin-left:-16px;margin-right:-16px}@media screen and (min-width:768px){.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header{margin-left:-32px;margin-right:-32px}}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header-main{min-height:40px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header-button{top:0}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__title-area{padding-bottom:4px;padding-top:4px}.mfui-modal-content__container-wrap_hide-header .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_hide-header .mfui-modal-content__children{padding-top:0}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__container-body{padding-bottom:0}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__footer_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__container-wrap_out-side-buttons .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_native-scroll .mfui-modal-content__children,.mfui-modal-content__container-wrap_native-scroll .mfui-modal-content__container-body{padding:0}.mfui-modal-content__container-wrap_transition-end{-webkit-animation:hide-popup .2s ease-in;animation:hide-popup .2s ease-in}@-webkit-keyframes show-popup{0%{-webkit-transform:scale(95%);transform:scale(95%);-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes show-popup{0%{-webkit-transform:scale(95%);transform:scale(95%);-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes hide-popup{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(95%);transform:scale(95%)}}@keyframes hide-popup{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(95%);transform:scale(95%)}}
+h1,h2,h3,h4,h5{margin:0}.mfui-modal-content__background{background-color:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0}.mfui-modal-content__container-wrap{-webkit-animation:show-popup .3s ease-out;animation:show-popup .3s ease-out;position:relative;width:100%}@media screen and (min-width:768px){.mfui-modal-content__container-wrap{-webkit-transition:height .1s;transition:height .1s;width:740px}}.mfui-modal-content__container-inner{background-color:var(--background);font-family:inherit;width:100%}.mfui-modal-content__header{position:relative}.mfui-modal-content__header_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__header-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:52px}@media screen and (min-width:768px){.mfui-modal-content__header-main{min-height:64px}}.mfui-modal-content__header-button{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:12px;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:transparent;border:none;cursor:pointer;height:32px;justify-content:center;outline:none;width:32px}@media screen and (min-width:768px){.mfui-modal-content__header-button{height:40px;width:40px}}.mfui-modal-content__header-button_back{left:16px}.mfui-modal-content__header-button_close{right:16px}.mfui-modal-content__header-button_shadow{background:var(--base);border-radius:50%;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__header-button svg{fill:var(--content)}.mfui-modal-content__title-area{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 48px;padding:12px}@media screen and (min-width:768px){.mfui-modal-content__title-area{margin:0 56px;padding:16px}}.mfui-modal-content__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px;text-align:center}@media screen and (min-width:1280px){.mfui-modal-content__title{font-size:20px;line-height:28px}}@media screen and (min-width:768px){.mfui-modal-content__title{font-size:20px;font-weight:500;letter-spacing:.5px;line-height:28px}}.mfui-modal-content__header-additional{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 16px;text-align:center}@media screen and (min-width:768px){.mfui-modal-content__header-additional{padding-left:32px;padding-right:32px}}.mfui-modal-content__container-body{-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-right:6px}@media screen and (min-width:768px){.mfui-modal-content__container-body{padding-bottom:32px;padding-right:12px}}.mfui-modal-content__children{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;padding-right:4px;padding-top:24px}@media screen and (min-width:768px){.mfui-modal-content__children{padding-left:32px;padding-right:14px}}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__children{padding-top:0}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header{margin-bottom:24px;margin-left:-16px;margin-right:-16px}@media screen and (min-width:768px){.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header{margin-left:-32px;margin-right:-32px}}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header-main{min-height:40px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header-button{top:0}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__title-area{padding-bottom:4px;padding-top:4px}.mfui-modal-content__container-wrap_hide-header .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_hide-header .mfui-modal-content__children{padding-top:0}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__container-body{padding-bottom:0}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__footer{padding-left:16px;padding-right:16px}@media screen and (min-width:768px){.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__footer{padding-left:32px;padding-right:32px}}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__footer_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__container-wrap_out-side-buttons .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_native-scroll .mfui-modal-content__children,.mfui-modal-content__container-wrap_native-scroll .mfui-modal-content__container-body{padding:0}.mfui-modal-content__container-wrap_transition-end{-webkit-animation:hide-popup .2s ease-in;animation:hide-popup .2s ease-in}@-webkit-keyframes show-popup{0%{-webkit-transform:scale(95%);transform:scale(95%);-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes show-popup{0%{-webkit-transform:scale(95%);transform:scale(95%);-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes hide-popup{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(95%);transform:scale(95%)}}@keyframes hide-popup{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(95%);transform:scale(95%)}}

package/dist/es/components/Modal/_ModalContent/ModalContent.js

@@ -94,7 +94,7 @@ var ModalContent = function ModalContent(_ref) {
     className: cn('header-button', {
       back: true,
       shadow: hasHeaderButtonsShadow
-    }),
+    }, classes === null || classes === void 0 ? void 0 : classes.headerBackButton),
     type: "button",
     onClick: onBackButtonClick
   }), isSmallIcon ? /*#__PURE__*/React.createElement(ArrowLeft24, null) : /*#__PURE__*/React.createElement(ArrowLeft32, null));

package/dist/es/components/Modal/_ModalMobileBottom/ModalMobileBottom.js

@@ -31,6 +31,7 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
   var _restProps$refs = restProps.refs,
     containerWrapRef = _restProps$refs.containerWrapRef,
     containerInnerRef = _restProps$refs.containerInnerRef,
+    scrollBarScrollableRef = _restProps$refs.scrollBarScrollableRef,
     isTransitionMoveStep = restProps.isTransitionMoveStep,
     isTransitionEndStep = restProps.isTransitionEndStep;
   var _React$useState = React.useState(null),
@@ -51,9 +52,11 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
       window.cancelAnimationFrame(animationFrameId.current);
     }
     var containerWrapNode = containerWrapRef.current;
+    var scrollableNode = scrollBarScrollableRef.current;
     animationFrameId.current = window.requestAnimationFrame(function () {
       onChangeTransitionStep(MODAL_TRANSITIONS_STEPS_ENUM.MOVE_STEP);
-      if (!containerWrapNode || e.target !== containerWrapNode) {
+      var isScrollTop = ((scrollableNode === null || scrollableNode === void 0 ? void 0 : scrollableNode.scrollTop) || 0) === 0;
+      if (!containerWrapNode || !isScrollTop) {
         return;
       }
       if (!initialContainerWrapHeight) {
@@ -74,11 +77,13 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
       onChangeContainerWrapTransform("translateY(".concat(positionsDiffAbs, "px)"));
       animationFrameId.current = 0;
     });
-  }, [containerWrapRef, initialContainerWrapHeight, initialTouchPosition, onChangeContainerWrapTransform, onChangeTransitionStep]);
+  }, [containerWrapRef, scrollBarScrollableRef, initialContainerWrapHeight, initialTouchPosition, onChangeContainerWrapTransform, onChangeTransitionStep]);
   var handleWindowTouchEnd = React.useCallback(function (e) {
     var _a;
     var containerWrapNode = containerWrapRef.current;
-    if (!containerWrapNode || !isTransitionMoveStep || e.target !== containerWrapNode) {
+    var scrollableNode = scrollBarScrollableRef.current;
+    var isScrollTop = ((scrollableNode === null || scrollableNode === void 0 ? void 0 : scrollableNode.scrollTop) || 0) === 0;
+    if (!containerWrapNode || !isTransitionMoveStep || !isScrollTop) {
       return;
     }
     window.cancelAnimationFrame(animationFrameId.current);
@@ -87,7 +92,7 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
     setInitialTouchPosition(null);
     onChangeContainerWrapTransform(isMoreHalfClosed ? 'translateY(100%)' : 'none');
     onChangeTransitionStep(isMoreHalfClosed ? MODAL_TRANSITIONS_STEPS_ENUM.MOVE_END_STEP : MODAL_TRANSITIONS_STEPS_ENUM.INITIAL_STEP);
-  }, [containerWrapRef, isTransitionMoveStep, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
+  }, [containerWrapRef, scrollBarScrollableRef, isTransitionMoveStep, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
   React.useEffect(function () {
     if (isSwipeDisabled) {
       return undefined;

package/dist/es/components/Modal/mocks.js

@@ -8,6 +8,7 @@ var mockModalContextProps = {
     containerInner: 'containerInner-class',
     containerBody: 'containerBody-class',
     header: 'header-class',
+    headerBackButton: 'headerBackButton-class',
     headerCloseButton: 'headerCloseButton-class',
     titleArea: 'titleArea-class',
     title: 'title-class',
@@ -62,6 +63,9 @@ var mockModalContextProps = {
     },
     containerBodyRef: {
       current: null
+    },
+    scrollBarScrollableRef: {
+      current: null
     }
   },
   isMobile: false,

package/dist/es/components/Modal/types.d.ts

@@ -11,6 +11,7 @@ type ModalContextPropsType = ModalComponentPropsType & {
         containerWrapRef: RefType;
         containerInnerRef: RefType;
         containerBodyRef: RefType;
+        scrollBarScrollableRef: React.MutableRefObject<HTMLElement | null>;
     };
     isMobile: boolean;
     isTransitionMoveStep: boolean;

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

@@ -30,6 +30,8 @@ export interface IScrollBarProps {
     showAlways?: boolean;
     /** Ref обработчик */
     getScrollBar?: (node: HTMLElement) => void;
+    /** Ref обработчик для Scrollable element */
+    getScrollable?: (node: HTMLElement) => void;
     children?: React.ReactNode;
 }
 declare const ScrollBar: React.FC<IScrollBarProps>;

package/dist/es/components/ScrollBar/ScrollBar.js

@@ -17,12 +17,14 @@ var ScrollBar = function ScrollBar(_ref) {
     hideMobile = _ref.hideMobile,
     showAlways = _ref.showAlways,
     getScrollBar = _ref.getScrollBar,
+    getScrollable = _ref.getScrollable,
     children = _ref.children;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isInitialHide = _React$useState2[0],
     setIsInitialHide = _React$useState2[1];
   var scrollBarInitNode = React.useRef(null);
+  var scrollableNode = React.useRef(null);
   var resizeObserver = React.useRef(null);
   function handleGetScrollBarRef(node) {
     if (!node) {
@@ -32,6 +34,10 @@ var ScrollBar = function ScrollBar(_ref) {
     scrollBarInitNode.current = scrollInitEl;
     getScrollBar === null || getScrollBar === void 0 ? void 0 : getScrollBar(scrollInitEl);
   }
+  function handleGetScrollableRef(node) {
+    scrollableNode.current = node;
+    getScrollable === null || getScrollable === void 0 ? void 0 : getScrollable(node);
+  }
   var handleSetInitialHide = React.useCallback(function () {
     if (!scrollBarInitNode.current || !maxHeight) {
       setIsInitialHide(false);
@@ -57,7 +63,7 @@ var ScrollBar = function ScrollBar(_ref) {
       }
     };
   }, [handleSetInitialHide, maxHeight]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'initial-hide': isInitialHide,
       'hide-all': hideAll,
@@ -67,7 +73,7 @@ var ScrollBar = function ScrollBar(_ref) {
       'hide-mobile': hideMobile,
       'show-always': showAlways
     }, [classes === null || classes === void 0 ? void 0 : classes.root])
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(SimpleBar, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.init), {
+  }), /*#__PURE__*/React.createElement(SimpleBar, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.init), {
     className: cn('init', [classes === null || classes === void 0 ? void 0 : classes.init]),
     classNames: {
       track: cn('scroll-track'),
@@ -80,7 +86,10 @@ var ScrollBar = function ScrollBar(_ref) {
       maxHeight: "".concat(maxHeight, "px")
     },
     forceVisible: "y",
-    ref: handleGetScrollBarRef
+    ref: handleGetScrollBarRef,
+    scrollableNodeProps: {
+      ref: handleGetScrollableRef
+    }
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('children-wrap', [classes === null || classes === void 0 ? void 0 : classes.childrenWrap])
   }, children)));

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

@@ -68,6 +68,8 @@ export interface ISearchProps {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string | JSX.Element;
+    /** Максимальное вводимое количество текста */
+    maxLength?: number;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

package/dist/es/components/Search/Search.js

@@ -85,6 +85,7 @@ var Search = function Search(_ref) {
     disabled = _ref.disabled,
     required = _ref.required,
     noticeText = _ref.noticeText,
+    maxLength = _ref.maxLength,
     className = _ref.className,
     classes = _ref.classes,
     _ref$type = _ref.type,
@@ -500,6 +501,7 @@ var Search = function Search(_ref) {
     }, [classes === null || classes === void 0 ? void 0 : classes.input]),
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -526,6 +528,7 @@ var Search = function Search(_ref) {
     },
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,

package/dist/es/index.d.ts

@@ -18,6 +18,7 @@ export { default as Counter } from './components/Counter/Counter';
 export { default as CounterBadge } from './components/Badges/CounterBadge/CounterBadge';
 export { default as countGraphemes } from './components/TextField/utils/countGraphemes';
 export { default as Day } from './components/Calendar/components/_Day/Day';
+export { default as ErrorLoad } from './components/ErrorLoad/ErrorLoad';
 export { default as Grid } from './components/Grid/Grid';
 export { default as GridColumn } from './components/Grid/GridColumn';
 export { default as Header } from './components/Header/Header';

package/dist/es/index.js

@@ -18,6 +18,7 @@ export { default as Counter } from "./components/Counter/Counter";
 export { default as CounterBadge } from "./components/Badges/CounterBadge/CounterBadge";
 export { default as countGraphemes } from "./components/TextField/utils/countGraphemes";
 export { default as Day } from "./components/Calendar/components/_Day/Day";
+export { default as ErrorLoad } from "./components/ErrorLoad/ErrorLoad";
 export { default as Grid } from "./components/Grid/Grid";
 export { default as GridColumn } from "./components/Grid/GridColumn";
 export { default as Header } from "./components/Header/Header";

package/dist/lib/components/ErrorLoad/ErrorLoad.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-error-load{background:inherit}.mfui-error-load_cardinal_vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-align:center;-ms-flex-item-align:stretch;align-self:stretch}.mfui-error-load_cardinal_horizontal,.mfui-error-load_cardinal_vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.mfui-error-load_cardinal_horizontal{gap:8px;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-error-load__header{text-align:center}.mfui-error-load__text .mfui-error-load__caption_background_on-color,.mfui-error-load__text .mfui-error-load__header_background_on-color{color:var(--stcWhite)}.mfui-error-load__text .mfui-error-load__caption_background_on-base{color:var(--spbSky3)}.mfui-error-load__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.mfui-error-load__text_cardinal_vertical{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IButtonProps } from '../Button/Button';
+import './ErrorLoad.scss';
+type ButtonProps = Pick<IButtonProps, 'disabled' | 'showLoader' | 'onClick'>;
+export interface IErrorLoadProps {
+    /** Размер блока */
+    big?: boolean;
+    /** Цветовая тема */
+    background?: 'on-base' | 'on-color';
+    /** Ориентация блока */
+    cardinalDirection?: 'vertical' | 'horizontal';
+    /** Параметры кнопки */
+    buttonParams?: ButtonProps;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        button?: Record<string, string>;
+    };
+}
+declare const ErrorLoad: React.FC<IErrorLoadProps>;
+export default ErrorLoad;

package/dist/lib/components/ErrorLoad/ErrorLoad.js

@@ -0,0 +1,68 @@
+"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.string.big.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+var _Button = _interopRequireDefault(require("../Button/Button"));
+var _Caption = _interopRequireDefault(require("../Caption/Caption"));
+var _Header = _interopRequireDefault(require("../Header/Header"));
+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 && {}.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(e) { return e && e.__esModule ? e : { "default": e }; }
+var RefreshIcon24 = function RefreshIcon24(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.064 8C11.604 8 8 11.588 8 16s3.604 8 8.064 8c4.1 0 7.478-3.033 7.995-6.948l1.983.262C25.393 22.223 21.17 26 16.064 26 10.513 26 6 21.53 6 16S10.513 6 16.064 6c3.456 0 6.507 1.731 8.32 4.371l.704-2.345 1.915.575-1.419 4.726a1 1 0 01-1.228.675l-4.855-1.364.541-1.925 2.664.748A8.074 8.074 0 0016.064 8z"
+  }));
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-error-load');
+var ErrorLoad = function ErrorLoad(_ref) {
+  var _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'on-base' : _ref$background,
+    _ref$big = _ref.big,
+    big = _ref$big === void 0 ? true : _ref$big,
+    _ref$cardinalDirectio = _ref.cardinalDirection,
+    cardinalDirection = _ref$cardinalDirectio === void 0 ? 'horizontal' : _ref$cardinalDirectio,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs,
+    buttonParams = _ref.buttonParams;
+  var isBaseBackground = background === 'on-base';
+  var isSmallIconSize = cardinalDirection === 'horizontal' || !big;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn({
+      cardinal: cardinalDirection
+    }, className)
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
+    className: cn('text', {
+      cardinal: cardinalDirection
+    })
+  }, /*#__PURE__*/React.createElement(_Header["default"], {
+    as: big ? 'h3' : 'h5',
+    className: cn('header', {
+      background: background
+    })
+  }, "\u0414\u0430\u043D\u043D\u044B\u0435 \u043D\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043B\u0438\u0441\u044C"), big && /*#__PURE__*/React.createElement(_Caption["default"], {
+    hasMargin: false,
+    className: cn('caption', {
+      background: background
+    })
+  }, "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u0439\u0434\u0438\u0442\u0435 \u043F\u043E\u0437\u0436\u0435")), /*#__PURE__*/React.createElement(_Button["default"], (0, _extends2["default"])({
+    icon: /*#__PURE__*/React.createElement(RefreshIcon24, null),
+    theme: isBaseBackground ? 'green' : 'white',
+    sizeAll: isSmallIconSize ? 'small' : 'medium'
+  }, buttonParams, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    }
+  })));
+};
+var _default = exports["default"] = ErrorLoad;

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

@@ -2,7 +2,7 @@ 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",
+    FULL_SCREEN = "fullScreen",// use camelCase for simple using in props from backend
     BOTTOM = "bottom"
 }
 export declare enum MODAL_TRANSITIONS_STEPS_ENUM {
@@ -20,6 +20,7 @@ export type ModalClassesType = {
     containerInner?: string;
     containerBody?: string;
     header?: string;
+    headerBackButton?: string;
     headerCloseButton?: string;
     titleArea?: string;
     title?: string;
@@ -88,6 +89,8 @@ export interface IModalProps {
     isDisabledBackgroundClick?: boolean;
     /** Восстанавливает фокус на элементе, который был сфокусирован до открытия модального окна */
     isReturnFocusAfterClose?: boolean;
+    /** Пересчитывать максимальную высоту скролла */
+    isRecalculateHeight?: boolean;
     /** Должен ли root-элемент приложения быть скрыт */
     hideAriaApp?: boolean;
     /** Устанавливает aria-label */

package/dist/lib/components/Modal/Modal.js

@@ -12,6 +12,7 @@ var _uiHelpers = require("@megafon/ui-helpers");
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _reactModal = _interopRequireDefault(require("react-modal"));
 var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
+var _usePrevious = _interopRequireDefault(require("../../hooks/usePrevious"));
 var _useResolution2 = _interopRequireDefault(require("../../hooks/useResolution"));
 var _ModalDesktop = _interopRequireDefault(require("./_ModalDesktop/ModalDesktop"));
 var _ModalMobileBottom = _interopRequireDefault(require("./_ModalMobileBottom/ModalMobileBottom"));
@@ -24,7 +25,7 @@ var MOBILE_BIG_START = _uiHelpers.breakpoints.MOBILE_BIG_START;
 var HEIGHT_TRANSITION_PROPERTY = 'height';
 var MODAL_MOBILE_VIEWS_ENUM;
 (function (MODAL_MOBILE_VIEWS_ENUM) {
-  MODAL_MOBILE_VIEWS_ENUM["FULL_SCREEN"] = "full-screen";
+  MODAL_MOBILE_VIEWS_ENUM["FULL_SCREEN"] = "fullScreen";
   MODAL_MOBILE_VIEWS_ENUM["BOTTOM"] = "bottom";
 })(MODAL_MOBILE_VIEWS_ENUM || (exports.MODAL_MOBILE_VIEWS_ENUM = MODAL_MOBILE_VIEWS_ENUM = {}));
 var MODAL_TRANSITIONS_STEPS_ENUM;
@@ -49,6 +50,7 @@ var Modal = function Modal(_ref) {
     isEnabledNativeScroll = _ref.isEnabledNativeScroll,
     isSwipeDisabled = _ref.isSwipeDisabled,
     isDisabledBackgroundClick = _ref.isDisabledBackgroundClick,
+    isRecalculateHeight = _ref.isRecalculateHeight,
     _ref$hideAriaApp = _ref.hideAriaApp,
     hideAriaApp = _ref$hideAriaApp === void 0 ? false : _ref$hideAriaApp,
     contentLabel = _ref.contentLabel,
@@ -94,6 +96,7 @@ var Modal = function Modal(_ref) {
   var containerWrapRef = React.useRef(null);
   var containerInnerRef = React.useRef(null);
   var containerBodyRef = React.useRef(null);
+  var scrollBarScrollableRef = React.useRef(null);
   var resizeObserver = React.useRef(null);
   var _useResolution = (0, _useResolution2["default"])(),
     isMobile = _useResolution.isMobile;
@@ -102,6 +105,15 @@ var Modal = function Modal(_ref) {
   var isBottomTransitionIn = transitionStep !== MODAL_TRANSITIONS_STEPS_ENUM.END_STEP && transitionStep !== MODAL_TRANSITIONS_STEPS_ENUM.MOVE_END_STEP;
   var isTransitionMoveStep = transitionStep === MODAL_TRANSITIONS_STEPS_ENUM.MOVE_STEP;
   var isTransitionEndStep = transitionStep === MODAL_TRANSITIONS_STEPS_ENUM.END_STEP;
+  var prevMobileView = (0, _usePrevious["default"])(mobileView);
+  var isChangeMobileView = mobileView !== prevMobileView;
+  var prevHeaderProps = (0, _usePrevious["default"])(headerProps);
+  var prevFooterProps = (0, _usePrevious["default"])(footerProps);
+  var isHeaderPropsDiff = headerProps !== prevHeaderProps;
+  var isFooterPropsDiff = footerProps !== prevFooterProps;
+  var handleGetScrollBarScrollableRef = function handleGetScrollBarScrollableRef(node) {
+    scrollBarScrollableRef.current = node;
+  };
   var handleChangeTransitionStep = function handleChangeTransitionStep(value) {
     setTransitionStep(value);
   };
@@ -210,6 +222,18 @@ var Modal = function Modal(_ref) {
       window.removeEventListener('resize', handleThrottleResize);
     };
   }, [isEnabledNativeScroll, handleSetScrollContentMaxHeight]);
+  React.useEffect(function () {
+    if (!isMobile || !isChangeMobileView) {
+      return;
+    }
+    handleSetScrollContentMaxHeight();
+  }, [isMobile, isChangeMobileView, handleSetScrollContentMaxHeight]);
+  React.useEffect(function () {
+    if (isEnabledNativeScroll || !(isRecalculateHeight && (isHeaderPropsDiff || isFooterPropsDiff))) {
+      return;
+    }
+    handleSetScrollContentMaxHeight();
+  }, [isEnabledNativeScroll, isFooterPropsDiff, isRecalculateHeight, isHeaderPropsDiff, handleSetScrollContentMaxHeight]);
   React.useEffect(function () {
     return function () {
       setIsPopupOpened(false);
@@ -224,7 +248,8 @@ var Modal = function Modal(_ref) {
     classes: classes,
     dataAttrs: dataAttrs,
     scrollBarParams: (0, _extends2["default"])((0, _extends2["default"])({}, scrollBarParams), {
-      maxHeight: scrollMaxHeight
+      maxHeight: scrollMaxHeight,
+      getScrollable: handleGetScrollBarScrollableRef
     }),
     headerProps: headerProps,
     footerProps: footerProps,
@@ -234,7 +259,8 @@ var Modal = function Modal(_ref) {
       footerRef: footerRef,
       containerWrapRef: containerWrapRef,
       containerInnerRef: containerInnerRef,
-      containerBodyRef: containerBodyRef
+      containerBodyRef: containerBodyRef,
+      scrollBarScrollableRef: scrollBarScrollableRef
     },
     isEnabledNativeScroll: isEnabledNativeScroll,
     isDisabledBackgroundClick: isDisabledBackgroundClick,

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-modal-content__background{background-color:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0}.mfui-modal-content__container-wrap{-webkit-animation:show-popup .3s ease-out;animation:show-popup .3s ease-out;position:relative;width:100%}@media screen and (min-width:768px){.mfui-modal-content__container-wrap{-webkit-transition:height .1s;transition:height .1s;width:740px}}.mfui-modal-content__container-inner{background-color:var(--background);font-family:inherit;width:100%}.mfui-modal-content__header{position:relative}.mfui-modal-content__header_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__header-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:52px}@media screen and (min-width:768px){.mfui-modal-content__header-main{min-height:64px}}.mfui-modal-content__header-button{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:12px;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:transparent;border:none;cursor:pointer;height:32px;justify-content:center;outline:none;width:32px}@media screen and (min-width:768px){.mfui-modal-content__header-button{height:40px;width:40px}}.mfui-modal-content__header-button_back{left:16px}.mfui-modal-content__header-button_close{right:16px}.mfui-modal-content__header-button_shadow{background:var(--base);border-radius:50%;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__header-button svg{fill:var(--content)}.mfui-modal-content__title-area{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 48px;padding:12px}@media screen and (min-width:768px){.mfui-modal-content__title-area{margin:0 56px;padding:16px}}.mfui-modal-content__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px;text-align:center}@media screen and (min-width:1280px){.mfui-modal-content__title{font-size:20px;line-height:28px}}@media screen and (min-width:768px){.mfui-modal-content__title{font-size:20px;font-weight:500;letter-spacing:.5px;line-height:28px}}.mfui-modal-content__header-additional{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 16px;text-align:center}@media screen and (min-width:768px){.mfui-modal-content__header-additional{padding-left:32px;padding-right:32px}}.mfui-modal-content__container-body{-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-right:6px}@media screen and (min-width:768px){.mfui-modal-content__container-body{padding-bottom:32px;padding-right:12px}}.mfui-modal-content__children{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;padding-right:4px;padding-top:24px}@media screen and (min-width:768px){.mfui-modal-content__children{padding-left:32px;padding-right:14px}}.mfui-modal-content__footer{padding-left:16px;padding-right:16px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__children{padding-top:0}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header{margin-bottom:24px;margin-left:-16px;margin-right:-16px}@media screen and (min-width:768px){.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header{margin-left:-32px;margin-right:-32px}}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header-main{min-height:40px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header-button{top:0}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__title-area{padding-bottom:4px;padding-top:4px}.mfui-modal-content__container-wrap_hide-header .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_hide-header .mfui-modal-content__children{padding-top:0}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__container-body{padding-bottom:0}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__footer_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__container-wrap_out-side-buttons .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_native-scroll .mfui-modal-content__children,.mfui-modal-content__container-wrap_native-scroll .mfui-modal-content__container-body{padding:0}.mfui-modal-content__container-wrap_transition-end{-webkit-animation:hide-popup .2s ease-in;animation:hide-popup .2s ease-in}@-webkit-keyframes show-popup{0%{-webkit-transform:scale(95%);transform:scale(95%);-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes show-popup{0%{-webkit-transform:scale(95%);transform:scale(95%);-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes hide-popup{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(95%);transform:scale(95%)}}@keyframes hide-popup{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(95%);transform:scale(95%)}}
+h1,h2,h3,h4,h5{margin:0}.mfui-modal-content__background{background-color:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0}.mfui-modal-content__container-wrap{-webkit-animation:show-popup .3s ease-out;animation:show-popup .3s ease-out;position:relative;width:100%}@media screen and (min-width:768px){.mfui-modal-content__container-wrap{-webkit-transition:height .1s;transition:height .1s;width:740px}}.mfui-modal-content__container-inner{background-color:var(--background);font-family:inherit;width:100%}.mfui-modal-content__header{position:relative}.mfui-modal-content__header_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__header-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:52px}@media screen and (min-width:768px){.mfui-modal-content__header-main{min-height:64px}}.mfui-modal-content__header-button{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:12px;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:transparent;border:none;cursor:pointer;height:32px;justify-content:center;outline:none;width:32px}@media screen and (min-width:768px){.mfui-modal-content__header-button{height:40px;width:40px}}.mfui-modal-content__header-button_back{left:16px}.mfui-modal-content__header-button_close{right:16px}.mfui-modal-content__header-button_shadow{background:var(--base);border-radius:50%;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__header-button svg{fill:var(--content)}.mfui-modal-content__title-area{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 48px;padding:12px}@media screen and (min-width:768px){.mfui-modal-content__title-area{margin:0 56px;padding:16px}}.mfui-modal-content__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px;text-align:center}@media screen and (min-width:1280px){.mfui-modal-content__title{font-size:20px;line-height:28px}}@media screen and (min-width:768px){.mfui-modal-content__title{font-size:20px;font-weight:500;letter-spacing:.5px;line-height:28px}}.mfui-modal-content__header-additional{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 16px;text-align:center}@media screen and (min-width:768px){.mfui-modal-content__header-additional{padding-left:32px;padding-right:32px}}.mfui-modal-content__container-body{-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-right:6px}@media screen and (min-width:768px){.mfui-modal-content__container-body{padding-bottom:32px;padding-right:12px}}.mfui-modal-content__children{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;padding-right:4px;padding-top:24px}@media screen and (min-width:768px){.mfui-modal-content__children{padding-left:32px;padding-right:14px}}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__children{padding-top:0}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header{margin-bottom:24px;margin-left:-16px;margin-right:-16px}@media screen and (min-width:768px){.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header{margin-left:-32px;margin-right:-32px}}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header-main{min-height:40px}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__header-button{top:0}.mfui-modal-content__container-wrap_static-header .mfui-modal-content__title-area{padding-bottom:4px;padding-top:4px}.mfui-modal-content__container-wrap_hide-header .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_hide-header .mfui-modal-content__children{padding-top:0}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__container-body{padding-bottom:0}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__footer{padding-left:16px;padding-right:16px}@media screen and (min-width:768px){.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__footer{padding-left:32px;padding-right:32px}}.mfui-modal-content__container-wrap_sticky-footer .mfui-modal-content__footer_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-modal-content__container-wrap_out-side-buttons .mfui-modal-content__container-body{padding-top:24px}.mfui-modal-content__container-wrap_native-scroll .mfui-modal-content__children,.mfui-modal-content__container-wrap_native-scroll .mfui-modal-content__container-body{padding:0}.mfui-modal-content__container-wrap_transition-end{-webkit-animation:hide-popup .2s ease-in;animation:hide-popup .2s ease-in}@-webkit-keyframes show-popup{0%{-webkit-transform:scale(95%);transform:scale(95%);-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes show-popup{0%{-webkit-transform:scale(95%);transform:scale(95%);-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes hide-popup{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(95%);transform:scale(95%)}}@keyframes hide-popup{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(95%);transform:scale(95%)}}

package/dist/lib/components/Modal/_ModalContent/ModalContent.js

@@ -103,7 +103,7 @@ var ModalContent = function ModalContent(_ref) {
     className: cn('header-button', {
       back: true,
       shadow: hasHeaderButtonsShadow
-    }),
+    }, classes === null || classes === void 0 ? void 0 : classes.headerBackButton),
     type: "button",
     onClick: onBackButtonClick
   }), isSmallIcon ? /*#__PURE__*/React.createElement(ArrowLeft24, null) : /*#__PURE__*/React.createElement(ArrowLeft32, null));

package/dist/lib/components/Modal/_ModalMobileBottom/ModalMobileBottom.js

@@ -40,6 +40,7 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
   var _restProps$refs = restProps.refs,
     containerWrapRef = _restProps$refs.containerWrapRef,
     containerInnerRef = _restProps$refs.containerInnerRef,
+    scrollBarScrollableRef = _restProps$refs.scrollBarScrollableRef,
     isTransitionMoveStep = restProps.isTransitionMoveStep,
     isTransitionEndStep = restProps.isTransitionEndStep;
   var _React$useState = React.useState(null),
@@ -60,9 +61,11 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
       window.cancelAnimationFrame(animationFrameId.current);
     }
     var containerWrapNode = containerWrapRef.current;
+    var scrollableNode = scrollBarScrollableRef.current;
     animationFrameId.current = window.requestAnimationFrame(function () {
       onChangeTransitionStep(_Modal.MODAL_TRANSITIONS_STEPS_ENUM.MOVE_STEP);
-      if (!containerWrapNode || e.target !== containerWrapNode) {
+      var isScrollTop = ((scrollableNode === null || scrollableNode === void 0 ? void 0 : scrollableNode.scrollTop) || 0) === 0;
+      if (!containerWrapNode || !isScrollTop) {
         return;
       }
       if (!initialContainerWrapHeight) {
@@ -83,11 +86,13 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
       onChangeContainerWrapTransform("translateY(".concat(positionsDiffAbs, "px)"));
       animationFrameId.current = 0;
     });
-  }, [containerWrapRef, initialContainerWrapHeight, initialTouchPosition, onChangeContainerWrapTransform, onChangeTransitionStep]);
+  }, [containerWrapRef, scrollBarScrollableRef, initialContainerWrapHeight, initialTouchPosition, onChangeContainerWrapTransform, onChangeTransitionStep]);
   var handleWindowTouchEnd = React.useCallback(function (e) {
     var _a;
     var containerWrapNode = containerWrapRef.current;
-    if (!containerWrapNode || !isTransitionMoveStep || e.target !== containerWrapNode) {
+    var scrollableNode = scrollBarScrollableRef.current;
+    var isScrollTop = ((scrollableNode === null || scrollableNode === void 0 ? void 0 : scrollableNode.scrollTop) || 0) === 0;
+    if (!containerWrapNode || !isTransitionMoveStep || !isScrollTop) {
       return;
     }
     window.cancelAnimationFrame(animationFrameId.current);
@@ -96,7 +101,7 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
     setInitialTouchPosition(null);
     onChangeContainerWrapTransform(isMoreHalfClosed ? 'translateY(100%)' : 'none');
     onChangeTransitionStep(isMoreHalfClosed ? _Modal.MODAL_TRANSITIONS_STEPS_ENUM.MOVE_END_STEP : _Modal.MODAL_TRANSITIONS_STEPS_ENUM.INITIAL_STEP);
-  }, [containerWrapRef, isTransitionMoveStep, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
+  }, [containerWrapRef, scrollBarScrollableRef, isTransitionMoveStep, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
   React.useEffect(function () {
     if (isSwipeDisabled) {
       return undefined;

package/dist/lib/components/Modal/mocks.js

@@ -14,6 +14,7 @@ var mockModalContextProps = {
     containerInner: 'containerInner-class',
     containerBody: 'containerBody-class',
     header: 'header-class',
+    headerBackButton: 'headerBackButton-class',
     headerCloseButton: 'headerCloseButton-class',
     titleArea: 'titleArea-class',
     title: 'title-class',
@@ -68,6 +69,9 @@ var mockModalContextProps = {
     },
     containerBodyRef: {
       current: null
+    },
+    scrollBarScrollableRef: {
+      current: null
     }
   },
   isMobile: false,

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

@@ -11,6 +11,7 @@ type ModalContextPropsType = ModalComponentPropsType & {
         containerWrapRef: RefType;
         containerInnerRef: RefType;
         containerBodyRef: RefType;
+        scrollBarScrollableRef: React.MutableRefObject<HTMLElement | null>;
     };
     isMobile: boolean;
     isTransitionMoveStep: boolean;

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

@@ -30,6 +30,8 @@ export interface IScrollBarProps {
     showAlways?: boolean;
     /** Ref обработчик */
     getScrollBar?: (node: HTMLElement) => void;
+    /** Ref обработчик для Scrollable element */
+    getScrollable?: (node: HTMLElement) => void;
     children?: React.ReactNode;
 }
 declare const ScrollBar: React.FC<IScrollBarProps>;

package/dist/lib/components/ScrollBar/ScrollBar.js

@@ -25,12 +25,14 @@ var ScrollBar = function ScrollBar(_ref) {
     hideMobile = _ref.hideMobile,
     showAlways = _ref.showAlways,
     getScrollBar = _ref.getScrollBar,
+    getScrollable = _ref.getScrollable,
     children = _ref.children;
   var _React$useState = React.useState(false),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     isInitialHide = _React$useState2[0],
     setIsInitialHide = _React$useState2[1];
   var scrollBarInitNode = React.useRef(null);
+  var scrollableNode = React.useRef(null);
   var resizeObserver = React.useRef(null);
   function handleGetScrollBarRef(node) {
     if (!node) {
@@ -40,6 +42,10 @@ var ScrollBar = function ScrollBar(_ref) {
     scrollBarInitNode.current = scrollInitEl;
     getScrollBar === null || getScrollBar === void 0 ? void 0 : getScrollBar(scrollInitEl);
   }
+  function handleGetScrollableRef(node) {
+    scrollableNode.current = node;
+    getScrollable === null || getScrollable === void 0 ? void 0 : getScrollable(node);
+  }
   var handleSetInitialHide = React.useCallback(function () {
     if (!scrollBarInitNode.current || !maxHeight) {
       setIsInitialHide(false);
@@ -65,7 +71,7 @@ var ScrollBar = function ScrollBar(_ref) {
       }
     };
   }, [handleSetInitialHide, maxHeight]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'initial-hide': isInitialHide,
       'hide-all': hideAll,
@@ -75,7 +81,7 @@ var ScrollBar = function ScrollBar(_ref) {
       'hide-mobile': hideMobile,
       'show-always': showAlways
     }, [classes === null || classes === void 0 ? void 0 : classes.root])
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(_simplebarReact["default"], (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.init), {
+  }), /*#__PURE__*/React.createElement(_simplebarReact["default"], (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.init), {
     className: cn('init', [classes === null || classes === void 0 ? void 0 : classes.init]),
     classNames: {
       track: cn('scroll-track'),
@@ -88,7 +94,10 @@ var ScrollBar = function ScrollBar(_ref) {
       maxHeight: "".concat(maxHeight, "px")
     },
     forceVisible: "y",
-    ref: handleGetScrollBarRef
+    ref: handleGetScrollBarRef,
+    scrollableNodeProps: {
+      ref: handleGetScrollableRef
+    }
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('children-wrap', [classes === null || classes === void 0 ? void 0 : classes.childrenWrap])
   }, children)));

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

@@ -68,6 +68,8 @@ export interface ISearchProps {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string | JSX.Element;
+    /** Максимальное вводимое количество текста */
+    maxLength?: number;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

package/dist/lib/components/Search/Search.js

@@ -94,6 +94,7 @@ var Search = function Search(_ref) {
     disabled = _ref.disabled,
     required = _ref.required,
     noticeText = _ref.noticeText,
+    maxLength = _ref.maxLength,
     className = _ref.className,
     classes = _ref.classes,
     _ref$type = _ref.type,
@@ -509,6 +510,7 @@ var Search = function Search(_ref) {
     }, [classes === null || classes === void 0 ? void 0 : classes.input]),
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -535,6 +537,7 @@ var Search = function Search(_ref) {
     },
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,

package/dist/lib/index.d.ts

@@ -18,6 +18,7 @@ export { default as Counter } from './components/Counter/Counter';
 export { default as CounterBadge } from './components/Badges/CounterBadge/CounterBadge';
 export { default as countGraphemes } from './components/TextField/utils/countGraphemes';
 export { default as Day } from './components/Calendar/components/_Day/Day';
+export { default as ErrorLoad } from './components/ErrorLoad/ErrorLoad';
 export { default as Grid } from './components/Grid/Grid';
 export { default as GridColumn } from './components/Grid/GridColumn';
 export { default as Header } from './components/Header/Header';

package/dist/lib/index.js

@@ -111,6 +111,12 @@ Object.defineProperty(exports, "Day", {
     return _Day["default"];
   }
 });
+Object.defineProperty(exports, "ErrorLoad", {
+  enumerable: true,
+  get: function get() {
+    return _ErrorLoad["default"];
+  }
+});
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
   get: function get() {
@@ -497,6 +503,7 @@ var _Counter = _interopRequireDefault(require("./components/Counter/Counter"));
 var _CounterBadge = _interopRequireDefault(require("./components/Badges/CounterBadge/CounterBadge"));
 var _countGraphemes = _interopRequireDefault(require("./components/TextField/utils/countGraphemes"));
 var _Day = _interopRequireDefault(require("./components/Calendar/components/_Day/Day"));
+var _ErrorLoad = _interopRequireDefault(require("./components/ErrorLoad/ErrorLoad"));
 var _Grid = _interopRequireDefault(require("./components/Grid/Grid"));
 var _GridColumn = _interopRequireDefault(require("./components/Grid/GridColumn"));
 var _Header = _interopRequireDefault(require("./components/Header/Header"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "7.7.0",
+    "version": "7.9.0",
     "files": [
         "dist",
         "styles"
@@ -50,7 +50,7 @@
         "@babel/preset-env": "^7.8.6",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^3.5.0",
+        "@megafon/ui-icons": "^3.5.1",
         "@svgr/core": "^2.4.1",
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.1",
@@ -89,7 +89,7 @@
         "@datepicker-react/hooks": "^2.7.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",
-        "@megafon/ui-helpers": "^3.1.1",
+        "@megafon/ui-helpers": "^3.1.2",
         "@mona-health/react-input-mask": "^3.0.3",
         "@popperjs/core": "^2.11.8",
         "core-js": "^3.6.4",
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "a573f87db1256b45a663aa9acc352edc61a58004"
+    "gitHead": "a981889514af3bc91afd05caf40ffe989995abcf"
 }