@megafon/ui-core 8.11.0 → 8.12.0

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

@@ -21,6 +21,11 @@ export declare const NavTheme: {
     readonly DARK: "dark";
 };
 type NavThemeType = (typeof NavTheme)[keyof typeof NavTheme];
+export declare const PaginationAlign: {
+    readonly CENTER: "center";
+    readonly LEFT: "left";
+};
+export type PaginationAlignType = (typeof PaginationAlign)[keyof typeof PaginationAlign];
 export declare const PaginationTheme: {
     readonly DEFAULT: "default";
     readonly LIGHT: "light";
@@ -63,8 +68,8 @@ export interface IBannerProps {
         dotSvg?: Record<string, string>;
         dotInner?: Record<string, string>;
     };
-    /** Выравнивание блока пагинации */
-    paginationAlign?: 'center' | 'left';
+    /** Выравнивание блока пагинации. DEPRECATED: 'left' */
+    paginationAlign?: PaginationAlignType;
     /** Цветовая тема пагинации */
     paginationTheme?: PaginationThemeType;
     /** Тип кнопок пагинации */

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

@@ -22,7 +22,7 @@ try {
   Autoplay = Modules.Autoplay;
 } catch (e) {
   // eslint-disable-next-line no-console
-  console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.       \n        For more information about server-side rendering\n        please check the Banner component documentation at:\n        https://ui.megafon.ru/components/banner\n    ");
+  console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.\n        For more information about server-side rendering\n        please check the Banner component documentation at:\n        https://ui.megafon.ru/components/banner\n    ");
 }
 export var BackgroundColor = {
   TRANSPARENT: 'transparent',
@@ -40,6 +40,10 @@ export var NavTheme = {
   LIGHT: 'light',
   DARK: 'dark'
 };
+export var PaginationAlign = {
+  CENTER: 'center',
+  LEFT: 'left'
+};
 export var PaginationTheme = {
   DEFAULT: 'default',
   LIGHT: 'light',
@@ -59,10 +63,9 @@ var Banner = function Banner(_ref) {
     _ref$classes = _ref.classes,
     classes = _ref$classes === void 0 ? {} : _ref$classes,
     dataAttrs = _ref.dataAttrs,
-    paginationAlign = _ref.paginationAlign,
-    paginationTheme = _ref.paginationTheme,
+    _ref$paginationAlign = _ref.paginationAlign,
+    paginationAlign = _ref$paginationAlign === void 0 ? PaginationAlign.CENTER : _ref$paginationAlign,
     paginationType = _ref.paginationType,
-    paginationPosition = _ref.paginationPosition,
     _ref$withPaginationBo = _ref.withPaginationBottomOffset,
     withPaginationBottomOffset = _ref$withPaginationBo === void 0 ? false : _ref$withPaginationBo,
     _ref$autoPlay = _ref.autoPlay,
@@ -73,8 +76,7 @@ var Banner = function Banner(_ref) {
     loop = _ref$loop === void 0 ? false : _ref$loop,
     _ref$pauseOnHover = _ref.pauseOnHover,
     pauseOnHover = _ref$pauseOnHover === void 0 ? false : _ref$pauseOnHover,
-    _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? BackgroundColor.TRANSPARENT : _ref$backgroundColor,
+    backgroundColor = _ref.backgroundColor,
     _ref$radius = _ref.radius,
     radius = _ref$radius === void 0 ? Radius.ROUNDED : _ref$radius,
     _ref$arrowTheme = _ref.arrowTheme,
@@ -130,6 +132,20 @@ var Banner = function Banner(_ref) {
   var dotTimerDelay = delay / 1000;
   var arrowSize = arrowTheme === ArrowTheme.WHITE ? ArrowSize.LARGE : ArrowSize.MIDDLE;
   var rootRef = React.useRef(null);
+  var correctPaginationPosition = paginationType === PaginationButtonType.FLAT ? PaginationPositionType.TOP_IN : PaginationPositionType.BOTTOM_OUT;
+  var correctPaginationAlign = paginationType === PaginationButtonType.FLAT ? paginationAlign : PaginationAlign.CENTER;
+  var getCorrectPaginationTheme = function getCorrectPaginationTheme() {
+    switch (backgroundColor) {
+      case BackgroundColor.GREEN:
+      case BackgroundColor.PURPLE:
+        return PaginationTheme.LIGHT;
+      case BackgroundColor.LIGHT:
+      case BackgroundColor.GRADIENT:
+        return PaginationTheme.DARK;
+      default:
+        return PaginationTheme.DEFAULT;
+    }
+  };
   var increaseAutoplayDelay = React.useCallback(function (_ref2) {
     var params = _ref2.params,
       autoplay = _ref2.autoplay;
@@ -249,8 +265,8 @@ var Banner = function Banner(_ref) {
   var renderPagination = /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.pagination), {
     className: cn('pagination', {
       type: paginationType,
-      align: paginationAlign,
-      position: paginationPosition,
+      align: correctPaginationAlign,
+      position: correctPaginationPosition,
       'bottom-offset': withPaginationBottomOffset
     }, [classes.pagination])
   }), children && React.Children.map(children, function (_, i) {
@@ -267,7 +283,7 @@ var Banner = function Banner(_ref) {
       showTimer: showDotTimer,
       timerDelay: dotTimerDelay,
       type: paginationType,
-      theme: paginationTheme,
+      theme: getCorrectPaginationTheme(),
       onClick: handleDotClick
     });
   }));

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

@@ -1 +1 @@
-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}}
+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;-ms-touch-action:none;touch-action:none}.mfui-modal_bottom-view .mfui-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden;-ms-touch-action:pan-y;touch-action:pan-y}.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/es/components/Modal/_ModalContent/ModalContent.js

@@ -161,7 +161,10 @@ var ModalContent = function ModalContent(_ref) {
     className: cn('container-inner', {
       'native-scroll': isEnabledNativeScroll
     }, classes === null || classes === void 0 ? void 0 : classes.containerInner),
-    ref: containerInnerRef
+    ref: containerInnerRef,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
   }), isStickyHeader && renderHeader, /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.containerBody), {
     className: cn('container-body', {
       'native-scroll': isEnabledNativeScroll

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

@@ -79,7 +79,6 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
     });
   }, [containerWrapRef, scrollBarScrollableRef, initialContainerWrapHeight, initialTouchPosition, onChangeContainerWrapTransform, onChangeTransitionStep]);
   var handleWindowTouchEnd = React.useCallback(function (e) {
-    var _a;
     var containerWrapNode = containerWrapRef.current;
     var scrollableNode = scrollBarScrollableRef.current;
     var isScrollTop = ((scrollableNode === null || scrollableNode === void 0 ? void 0 : scrollableNode.scrollTop) || 0) === 0;
@@ -87,12 +86,28 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
       return;
     }
     window.cancelAnimationFrame(animationFrameId.current);
+    if (!e.changedTouches.length) {
+      setInitialTouchPosition(null);
+      return;
+    }
+    var touchStartY = initialTouchPosition;
+    var touchEndY = e.changedTouches[0].clientY;
+    if (touchStartY === null) {
+      setInitialTouchPosition(null);
+      return;
+    }
+    var deltaY = touchStartY - touchEndY;
+    var absDeltaY = Math.abs(deltaY);
+    if (absDeltaY < 5 || touchStartY > touchEndY) {
+      setInitialTouchPosition(null);
+      return;
+    }
     var containerCenterPosition = containerWrapNode.offsetTop + offsetHeightCenter;
-    var isMoreHalfClosed = ((_a = e.changedTouches[0]) === null || _a === void 0 ? void 0 : _a.clientY) > containerCenterPosition;
+    var isMoreHalfClosed = touchEndY > containerCenterPosition;
     setInitialTouchPosition(null);
     onChangeContainerWrapTransform(isMoreHalfClosed ? 'translateY(100%)' : 'none');
     onChangeTransitionStep(isMoreHalfClosed ? MODAL_TRANSITIONS_STEPS_ENUM.MOVE_END_STEP : MODAL_TRANSITIONS_STEPS_ENUM.INITIAL_STEP);
-  }, [containerWrapRef, scrollBarScrollableRef, isTransitionMoveStep, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
+  }, [containerWrapRef, scrollBarScrollableRef, isTransitionMoveStep, initialTouchPosition, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
   React.useEffect(function () {
     if (isSwipeDisabled) {
       return undefined;

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

@@ -21,6 +21,11 @@ export declare const NavTheme: {
     readonly DARK: "dark";
 };
 type NavThemeType = (typeof NavTheme)[keyof typeof NavTheme];
+export declare const PaginationAlign: {
+    readonly CENTER: "center";
+    readonly LEFT: "left";
+};
+export type PaginationAlignType = (typeof PaginationAlign)[keyof typeof PaginationAlign];
 export declare const PaginationTheme: {
     readonly DEFAULT: "default";
     readonly LIGHT: "light";
@@ -63,8 +68,8 @@ export interface IBannerProps {
         dotSvg?: Record<string, string>;
         dotInner?: Record<string, string>;
     };
-    /** Выравнивание блока пагинации */
-    paginationAlign?: 'center' | 'left';
+    /** Выравнивание блока пагинации. DEPRECATED: 'left' */
+    paginationAlign?: PaginationAlignType;
     /** Цветовая тема пагинации */
     paginationTheme?: PaginationThemeType;
     /** Тип кнопок пагинации */

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

@@ -4,7 +4,7 @@ function _typeof3(o) { "@babel/helpers - typeof"; return _typeof3 = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Radius = exports.PaginationTheme = exports.PaginationPositionType = exports.PaginationButtonType = exports.NavTheme = exports.BackgroundColor = void 0;
+exports["default"] = exports.Radius = exports.PaginationTheme = exports.PaginationPositionType = exports.PaginationButtonType = exports.PaginationAlign = exports.NavTheme = exports.BackgroundColor = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -32,7 +32,7 @@ try {
   Autoplay = Modules.Autoplay;
 } catch (e) {
   // eslint-disable-next-line no-console
-  console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.       \n        For more information about server-side rendering\n        please check the Banner component documentation at:\n        https://ui.megafon.ru/components/banner\n    ");
+  console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.\n        For more information about server-side rendering\n        please check the Banner component documentation at:\n        https://ui.megafon.ru/components/banner\n    ");
 }
 var BackgroundColor = exports.BackgroundColor = {
   TRANSPARENT: 'transparent',
@@ -50,6 +50,10 @@ var NavTheme = exports.NavTheme = {
   LIGHT: 'light',
   DARK: 'dark'
 };
+var PaginationAlign = exports.PaginationAlign = {
+  CENTER: 'center',
+  LEFT: 'left'
+};
 var PaginationTheme = exports.PaginationTheme = {
   DEFAULT: 'default',
   LIGHT: 'light',
@@ -69,10 +73,9 @@ var Banner = function Banner(_ref) {
     _ref$classes = _ref.classes,
     classes = _ref$classes === void 0 ? {} : _ref$classes,
     dataAttrs = _ref.dataAttrs,
-    paginationAlign = _ref.paginationAlign,
-    paginationTheme = _ref.paginationTheme,
+    _ref$paginationAlign = _ref.paginationAlign,
+    paginationAlign = _ref$paginationAlign === void 0 ? PaginationAlign.CENTER : _ref$paginationAlign,
     paginationType = _ref.paginationType,
-    paginationPosition = _ref.paginationPosition,
     _ref$withPaginationBo = _ref.withPaginationBottomOffset,
     withPaginationBottomOffset = _ref$withPaginationBo === void 0 ? false : _ref$withPaginationBo,
     _ref$autoPlay = _ref.autoPlay,
@@ -83,8 +86,7 @@ var Banner = function Banner(_ref) {
     loop = _ref$loop === void 0 ? false : _ref$loop,
     _ref$pauseOnHover = _ref.pauseOnHover,
     pauseOnHover = _ref$pauseOnHover === void 0 ? false : _ref$pauseOnHover,
-    _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? BackgroundColor.TRANSPARENT : _ref$backgroundColor,
+    backgroundColor = _ref.backgroundColor,
     _ref$radius = _ref.radius,
     radius = _ref$radius === void 0 ? Radius.ROUNDED : _ref$radius,
     _ref$arrowTheme = _ref.arrowTheme,
@@ -140,6 +142,20 @@ var Banner = function Banner(_ref) {
   var dotTimerDelay = delay / 1000;
   var arrowSize = arrowTheme === _NavArrow.Theme.WHITE ? _NavArrow.Size.LARGE : _NavArrow.Size.MIDDLE;
   var rootRef = React.useRef(null);
+  var correctPaginationPosition = paginationType === PaginationButtonType.FLAT ? PaginationPositionType.TOP_IN : PaginationPositionType.BOTTOM_OUT;
+  var correctPaginationAlign = paginationType === PaginationButtonType.FLAT ? paginationAlign : PaginationAlign.CENTER;
+  var getCorrectPaginationTheme = function getCorrectPaginationTheme() {
+    switch (backgroundColor) {
+      case BackgroundColor.GREEN:
+      case BackgroundColor.PURPLE:
+        return PaginationTheme.LIGHT;
+      case BackgroundColor.LIGHT:
+      case BackgroundColor.GRADIENT:
+        return PaginationTheme.DARK;
+      default:
+        return PaginationTheme.DEFAULT;
+    }
+  };
   var increaseAutoplayDelay = React.useCallback(function (_ref2) {
     var params = _ref2.params,
       autoplay = _ref2.autoplay;
@@ -259,8 +275,8 @@ var Banner = function Banner(_ref) {
   var renderPagination = /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.pagination), {
     className: cn('pagination', {
       type: paginationType,
-      align: paginationAlign,
-      position: paginationPosition,
+      align: correctPaginationAlign,
+      position: correctPaginationPosition,
       'bottom-offset': withPaginationBottomOffset
     }, [classes.pagination])
   }), children && React.Children.map(children, function (_, i) {
@@ -277,7 +293,7 @@ var Banner = function Banner(_ref) {
       showTimer: showDotTimer,
       timerDelay: dotTimerDelay,
       type: paginationType,
-      theme: paginationTheme,
+      theme: getCorrectPaginationTheme(),
       onClick: handleDotClick
     });
   }));

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

@@ -1 +1 @@
-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}}
+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;-ms-touch-action:none;touch-action:none}.mfui-modal_bottom-view .mfui-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden;-ms-touch-action:pan-y;touch-action:pan-y}.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/_ModalContent/ModalContent.js

@@ -170,7 +170,10 @@ var ModalContent = function ModalContent(_ref) {
     className: cn('container-inner', {
       'native-scroll': isEnabledNativeScroll
     }, classes === null || classes === void 0 ? void 0 : classes.containerInner),
-    ref: containerInnerRef
+    ref: containerInnerRef,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
   }), isStickyHeader && renderHeader, /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.containerBody), {
     className: cn('container-body', {
       'native-scroll': isEnabledNativeScroll

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

@@ -88,7 +88,6 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
     });
   }, [containerWrapRef, scrollBarScrollableRef, initialContainerWrapHeight, initialTouchPosition, onChangeContainerWrapTransform, onChangeTransitionStep]);
   var handleWindowTouchEnd = React.useCallback(function (e) {
-    var _a;
     var containerWrapNode = containerWrapRef.current;
     var scrollableNode = scrollBarScrollableRef.current;
     var isScrollTop = ((scrollableNode === null || scrollableNode === void 0 ? void 0 : scrollableNode.scrollTop) || 0) === 0;
@@ -96,12 +95,28 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
       return;
     }
     window.cancelAnimationFrame(animationFrameId.current);
+    if (!e.changedTouches.length) {
+      setInitialTouchPosition(null);
+      return;
+    }
+    var touchStartY = initialTouchPosition;
+    var touchEndY = e.changedTouches[0].clientY;
+    if (touchStartY === null) {
+      setInitialTouchPosition(null);
+      return;
+    }
+    var deltaY = touchStartY - touchEndY;
+    var absDeltaY = Math.abs(deltaY);
+    if (absDeltaY < 5 || touchStartY > touchEndY) {
+      setInitialTouchPosition(null);
+      return;
+    }
     var containerCenterPosition = containerWrapNode.offsetTop + offsetHeightCenter;
-    var isMoreHalfClosed = ((_a = e.changedTouches[0]) === null || _a === void 0 ? void 0 : _a.clientY) > containerCenterPosition;
+    var isMoreHalfClosed = touchEndY > containerCenterPosition;
     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, scrollBarScrollableRef, isTransitionMoveStep, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
+  }, [containerWrapRef, scrollBarScrollableRef, isTransitionMoveStep, initialTouchPosition, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
   React.useEffect(function () {
     if (isSwipeDisabled) {
       return undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "8.11.0",
+    "version": "8.12.0",
     "files": [
         "dist",
         "styles"
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "8b5230c1f266abd6da16ddc142f60205cc065c42"
+    "gitHead": "554c37f61636b2dfef18178670158d3503a23b33"
 }