@alfalab/core-components 45.8.0-beta.0 → 45.8.0-beta.1

package/bottom-sheet/component.js

@@ -11,6 +11,7 @@ var coreComponentsShared = require('../shared');
 var components_footer_Component = require('./components/footer/Component.js');
 var components_header_Component = require('./components/header/Component.js');
 var components_swipeableBackdrop_Component = require('./components/swipeable-backdrop/Component.js');
+var consts_swipeConsts = require('./consts/swipeConsts.js');
 var utils = require('./utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -185,8 +186,9 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
      * Если контент внутри шторки скроллится - то шторка не должна свайпаться
      * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки
      */
-    var shouldSkipSwiping = function (deltaY, startY, event) {
+    var shouldSkipSwiping = function (swipeParams) {
         var _a;
+        var deltaY = swipeParams.deltaY, startY = swipeParams.startY, event = swipeParams.event, dir = swipeParams.dir;
         if (scrollLockedProp || swipingInProgress)
             return false;
         if (!swipeableContent && ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
@@ -211,18 +213,24 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         if (!scrollOccurred.current && shouldScroll) {
             scrollOccurred.current = true;
         }
+        // Если контент внутри шторки скроллится горизонально - то шторка не должна закрываться
+        if (consts_swipeConsts.horizontalDirections.includes(dir)) {
+            return true;
+        }
         return shouldScroll;
     };
-    var handleSheetSwipe = function (_a) {
-        var initial = _a.initial, velocity = _a.velocity, deltaY = _a.deltaY, event = _a.event;
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeEnd = function (swipeParams) {
+        var initial = swipeParams.initial, velocity = swipeParams.velocity, deltaY = swipeParams.deltaY, event = swipeParams.event, dir = swipeParams.dir;
+        var shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir });
+        if (shouldPreventSwipe) {
             return;
         }
         magnetize(velocity, deltaY);
     };
-    var handleSheetSwipeStart = function (_a) {
-        var deltaY = _a.deltaY, initial = _a.initial, event = _a.event;
-        if (shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeStart = function (swipeParams) {
+        var deltaY = swipeParams.deltaY, initial = swipeParams.initial, event = swipeParams.event, dir = swipeParams.dir;
+        if (shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir })) {
             return;
         }
         startSwiping(event);
@@ -231,9 +239,11 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         var event = _a.event;
         return stopSwiping(event);
     };
-    var handleSheetSwiping = function (_a) {
-        var initial = _a.initial, deltaY = _a.deltaY, event = _a.event;
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeMove = function (swipeParams) {
+        var initial = swipeParams.initial, deltaY = swipeParams.deltaY, event = swipeParams.event, dir = swipeParams.dir;
+        var shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir });
+        if (shouldPreventSwipe) {
             return;
         }
         if (!swipingInProgress) {
@@ -246,8 +256,8 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     };
     var sheetSwipeableHandlers = reactSwipeable.useSwipeable({
         onSwipeStart: handleSheetSwipeStart,
-        onSwiping: handleSheetSwiping,
-        onSwiped: handleSheetSwipe,
+        onSwiping: handleSheetSwipeMove,
+        onSwiped: handleSheetSwipeEnd,
         onTouchEndOrOnMouseUp: handleTouchEnd,
         trackMouse: swipeable,
         trackTouch: swipeable,

package/bottom-sheet/consts/swipeConsts.d.ts

@@ -0,0 +1,2 @@
+declare const horizontalDirections: [string, string];
+export { horizontalDirections };

package/bottom-sheet/consts/swipeConsts.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var enums_swipeEnums = require('../enums/swipeEnums.js');
+
+var horizontalDirections = [enums_swipeEnums.SwipeDirection.Left, enums_swipeEnums.SwipeDirection.Right];
+
+exports.horizontalDirections = horizontalDirections;

package/bottom-sheet/cssm/component.js

@@ -11,6 +11,7 @@ var coreComponentsShared = require('../../shared/cssm');
 var components_footer_Component = require('./components/footer/Component.js');
 var components_header_Component = require('./components/header/Component.js');
 var components_swipeableBackdrop_Component = require('./components/swipeable-backdrop/Component.js');
+var consts_swipeConsts = require('./consts/swipeConsts.js');
 var utils = require('./utils.js');
 var styles = require('./index.module.css');
 
@@ -184,8 +185,9 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
      * Если контент внутри шторки скроллится - то шторка не должна свайпаться
      * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки
      */
-    var shouldSkipSwiping = function (deltaY, startY, event) {
+    var shouldSkipSwiping = function (swipeParams) {
         var _a;
+        var deltaY = swipeParams.deltaY, startY = swipeParams.startY, event = swipeParams.event, dir = swipeParams.dir;
         if (scrollLockedProp || swipingInProgress)
             return false;
         if (!swipeableContent && ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
@@ -210,18 +212,24 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         if (!scrollOccurred.current && shouldScroll) {
             scrollOccurred.current = true;
         }
+        // Если контент внутри шторки скроллится горизонально - то шторка не должна закрываться
+        if (consts_swipeConsts.horizontalDirections.includes(dir)) {
+            return true;
+        }
         return shouldScroll;
     };
-    var handleSheetSwipe = function (_a) {
-        var initial = _a.initial, velocity = _a.velocity, deltaY = _a.deltaY, event = _a.event;
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeEnd = function (swipeParams) {
+        var initial = swipeParams.initial, velocity = swipeParams.velocity, deltaY = swipeParams.deltaY, event = swipeParams.event, dir = swipeParams.dir;
+        var shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir });
+        if (shouldPreventSwipe) {
             return;
         }
         magnetize(velocity, deltaY);
     };
-    var handleSheetSwipeStart = function (_a) {
-        var deltaY = _a.deltaY, initial = _a.initial, event = _a.event;
-        if (shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeStart = function (swipeParams) {
+        var deltaY = swipeParams.deltaY, initial = swipeParams.initial, event = swipeParams.event, dir = swipeParams.dir;
+        if (shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir })) {
             return;
         }
         startSwiping(event);
@@ -230,9 +238,11 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         var event = _a.event;
         return stopSwiping(event);
     };
-    var handleSheetSwiping = function (_a) {
-        var initial = _a.initial, deltaY = _a.deltaY, event = _a.event;
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeMove = function (swipeParams) {
+        var initial = swipeParams.initial, deltaY = swipeParams.deltaY, event = swipeParams.event, dir = swipeParams.dir;
+        var shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir });
+        if (shouldPreventSwipe) {
             return;
         }
         if (!swipingInProgress) {
@@ -245,8 +255,8 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     };
     var sheetSwipeableHandlers = reactSwipeable.useSwipeable({
         onSwipeStart: handleSheetSwipeStart,
-        onSwiping: handleSheetSwiping,
-        onSwiped: handleSheetSwipe,
+        onSwiping: handleSheetSwipeMove,
+        onSwiped: handleSheetSwipeEnd,
         onTouchEndOrOnMouseUp: handleTouchEnd,
         trackMouse: swipeable,
         trackTouch: swipeable,

package/bottom-sheet/cssm/consts/swipeConsts.d.ts

@@ -0,0 +1,2 @@
+declare const horizontalDirections: [string, string];
+export { horizontalDirections };

package/bottom-sheet/cssm/consts/swipeConsts.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var enums_swipeEnums = require('../enums/swipeEnums.js');
+
+var horizontalDirections = [enums_swipeEnums.SwipeDirection.Left, enums_swipeEnums.SwipeDirection.Right];
+
+exports.horizontalDirections = horizontalDirections;

package/bottom-sheet/cssm/enums/swipeEnums.d.ts

@@ -0,0 +1,7 @@
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
+export { SwipeDirection };

package/bottom-sheet/cssm/enums/swipeEnums.js

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.SwipeDirection = void 0;
+(function (SwipeDirection) {
+    SwipeDirection["Left"] = "Left";
+    SwipeDirection["Right"] = "Right";
+    SwipeDirection["Up"] = "Up";
+    SwipeDirection["Down"] = "Down";
+})(exports.SwipeDirection || (exports.SwipeDirection = {}));

package/bottom-sheet/cssm/types/swipeTypes.d.ts

@@ -0,0 +1,9 @@
+import { SwipeDirections } from 'react-swipeable';
+import { HandledEvents } from 'react-swipeable/es/types';
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
+export { ShouldSkipSwipingParams };

package/bottom-sheet/cssm/types/swipeTypes.js

@@ -0,0 +1 @@
+

package/bottom-sheet/enums/swipeEnums.d.ts

@@ -0,0 +1,7 @@
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
+export { SwipeDirection };

package/bottom-sheet/enums/swipeEnums.js

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.SwipeDirection = void 0;
+(function (SwipeDirection) {
+    SwipeDirection["Left"] = "Left";
+    SwipeDirection["Right"] = "Right";
+    SwipeDirection["Up"] = "Up";
+    SwipeDirection["Down"] = "Down";
+})(exports.SwipeDirection || (exports.SwipeDirection = {}));

package/bottom-sheet/esm/component.js

@@ -9,9 +9,11 @@ import { fnUtils, getDataTestId } from '../../shared/esm';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
+import { horizontalDirections } from './consts/swipeConsts.js';
 import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
 import '../../navigation-bar/esm';
 import '../../backdrop/esm';
+import './enums/swipeEnums.js';
 
 var styles = {"modal":"bottom-sheet__modal_tmbtb","wrapper":"bottom-sheet__wrapper_tmbtb","fullscreen":"bottom-sheet__fullscreen_tmbtb","component":"bottom-sheet__component_tmbtb","withTransition":"bottom-sheet__withTransition_tmbtb","scrollableContainer":"bottom-sheet__scrollableContainer_tmbtb","marker":"bottom-sheet__marker_tmbtb","defaultMarker":"bottom-sheet__defaultMarker_tmbtb","content":"bottom-sheet__content_tmbtb","noHeader":"bottom-sheet__noHeader_tmbtb","noFooter":"bottom-sheet__noFooter_tmbtb","scrollLocked":"bottom-sheet__scrollLocked_tmbtb","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_tmbtb","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_tmbtb","appear":"bottom-sheet__appear_tmbtb","enter":"bottom-sheet__enter_tmbtb","appearActive":"bottom-sheet__appearActive_tmbtb","enterActive":"bottom-sheet__enterActive_tmbtb","enterDone":"bottom-sheet__enterDone_tmbtb","appearDone":"bottom-sheet__appearDone_tmbtb","exit":"bottom-sheet__exit_tmbtb","exitActive":"bottom-sheet__exitActive_tmbtb","background-accent":"bottom-sheet__background-accent_tmbtb","background-info":"bottom-sheet__background-info_tmbtb","background-attention-muted":"bottom-sheet__background-attention-muted_tmbtb","background-positive-muted":"bottom-sheet__background-positive-muted_tmbtb","background-negative-muted":"bottom-sheet__background-negative-muted_tmbtb","background-primary":"bottom-sheet__background-primary_tmbtb","background-primary-inverted":"bottom-sheet__background-primary-inverted_tmbtb","background-secondary":"bottom-sheet__background-secondary_tmbtb","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_tmbtb","background-tertiary":"bottom-sheet__background-tertiary_tmbtb","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_tmbtb","background-quaternary":"bottom-sheet__background-quaternary_tmbtb","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_tmbtb","background-specialbg-component":"bottom-sheet__background-specialbg-component_tmbtb","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_tmbtb","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_tmbtb","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_tmbtb","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_tmbtb","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_tmbtb","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_tmbtb","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_tmbtb","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_tmbtb"};
 require('./index.css');
@@ -179,8 +181,9 @@ var BottomSheet = forwardRef(function (_a, ref) {
      * Если контент внутри шторки скроллится - то шторка не должна свайпаться
      * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки
      */
-    var shouldSkipSwiping = function (deltaY, startY, event) {
+    var shouldSkipSwiping = function (swipeParams) {
         var _a;
+        var deltaY = swipeParams.deltaY, startY = swipeParams.startY, event = swipeParams.event, dir = swipeParams.dir;
         if (scrollLockedProp || swipingInProgress)
             return false;
         if (!swipeableContent && ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
@@ -205,18 +208,24 @@ var BottomSheet = forwardRef(function (_a, ref) {
         if (!scrollOccurred.current && shouldScroll) {
             scrollOccurred.current = true;
         }
+        // Если контент внутри шторки скроллится горизонально - то шторка не должна закрываться
+        if (horizontalDirections.includes(dir)) {
+            return true;
+        }
         return shouldScroll;
     };
-    var handleSheetSwipe = function (_a) {
-        var initial = _a.initial, velocity = _a.velocity, deltaY = _a.deltaY, event = _a.event;
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeEnd = function (swipeParams) {
+        var initial = swipeParams.initial, velocity = swipeParams.velocity, deltaY = swipeParams.deltaY, event = swipeParams.event, dir = swipeParams.dir;
+        var shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir });
+        if (shouldPreventSwipe) {
             return;
         }
         magnetize(velocity, deltaY);
     };
-    var handleSheetSwipeStart = function (_a) {
-        var deltaY = _a.deltaY, initial = _a.initial, event = _a.event;
-        if (shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeStart = function (swipeParams) {
+        var deltaY = swipeParams.deltaY, initial = swipeParams.initial, event = swipeParams.event, dir = swipeParams.dir;
+        if (shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir })) {
             return;
         }
         startSwiping(event);
@@ -225,9 +234,11 @@ var BottomSheet = forwardRef(function (_a, ref) {
         var event = _a.event;
         return stopSwiping(event);
     };
-    var handleSheetSwiping = function (_a) {
-        var initial = _a.initial, deltaY = _a.deltaY, event = _a.event;
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeMove = function (swipeParams) {
+        var initial = swipeParams.initial, deltaY = swipeParams.deltaY, event = swipeParams.event, dir = swipeParams.dir;
+        var shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir });
+        if (shouldPreventSwipe) {
             return;
         }
         if (!swipingInProgress) {
@@ -240,8 +251,8 @@ var BottomSheet = forwardRef(function (_a, ref) {
     };
     var sheetSwipeableHandlers = useSwipeable({
         onSwipeStart: handleSheetSwipeStart,
-        onSwiping: handleSheetSwiping,
-        onSwiped: handleSheetSwipe,
+        onSwiping: handleSheetSwipeMove,
+        onSwiped: handleSheetSwipeEnd,
         onTouchEndOrOnMouseUp: handleTouchEnd,
         trackMouse: swipeable,
         trackTouch: swipeable,

package/bottom-sheet/esm/consts/swipeConsts.d.ts

@@ -0,0 +1,2 @@
+declare const horizontalDirections: [string, string];
+export { horizontalDirections };

package/bottom-sheet/esm/consts/swipeConsts.js

@@ -0,0 +1,5 @@
+import { SwipeDirection } from '../enums/swipeEnums.js';
+
+var horizontalDirections = [SwipeDirection.Left, SwipeDirection.Right];
+
+export { horizontalDirections };

package/bottom-sheet/esm/enums/swipeEnums.d.ts

@@ -0,0 +1,7 @@
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
+export { SwipeDirection };

package/bottom-sheet/esm/enums/swipeEnums.js

@@ -0,0 +1,9 @@
+var SwipeDirection;
+(function (SwipeDirection) {
+    SwipeDirection["Left"] = "Left";
+    SwipeDirection["Right"] = "Right";
+    SwipeDirection["Up"] = "Up";
+    SwipeDirection["Down"] = "Down";
+})(SwipeDirection || (SwipeDirection = {}));
+
+export { SwipeDirection };

package/bottom-sheet/esm/index.js

@@ -13,3 +13,5 @@ import './components/header/Component.js';
 import '../../navigation-bar/esm';
 import './components/swipeable-backdrop/Component.js';
 import '../../backdrop/esm';
+import './consts/swipeConsts.js';
+import './enums/swipeEnums.js';

package/bottom-sheet/esm/types/swipeTypes.d.ts

@@ -0,0 +1,9 @@
+import { SwipeDirections } from 'react-swipeable';
+import { HandledEvents } from 'react-swipeable/es/types';
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
+export { ShouldSkipSwipingParams };

package/bottom-sheet/esm/types/swipeTypes.js

@@ -0,0 +1 @@
+

package/bottom-sheet/modern/component.js

@@ -8,9 +8,11 @@ import { getDataTestId, fnUtils } from '../../shared/modern';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
+import { horizontalDirections } from './consts/swipeConsts.js';
 import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
 import '../../navigation-bar/modern';
 import '../../backdrop/modern';
+import './enums/swipeEnums.js';
 
 const styles = {"modal":"bottom-sheet__modal_tmbtb","wrapper":"bottom-sheet__wrapper_tmbtb","fullscreen":"bottom-sheet__fullscreen_tmbtb","component":"bottom-sheet__component_tmbtb","withTransition":"bottom-sheet__withTransition_tmbtb","scrollableContainer":"bottom-sheet__scrollableContainer_tmbtb","marker":"bottom-sheet__marker_tmbtb","defaultMarker":"bottom-sheet__defaultMarker_tmbtb","content":"bottom-sheet__content_tmbtb","noHeader":"bottom-sheet__noHeader_tmbtb","noFooter":"bottom-sheet__noFooter_tmbtb","scrollLocked":"bottom-sheet__scrollLocked_tmbtb","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_tmbtb","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_tmbtb","appear":"bottom-sheet__appear_tmbtb","enter":"bottom-sheet__enter_tmbtb","appearActive":"bottom-sheet__appearActive_tmbtb","enterActive":"bottom-sheet__enterActive_tmbtb","enterDone":"bottom-sheet__enterDone_tmbtb","appearDone":"bottom-sheet__appearDone_tmbtb","exit":"bottom-sheet__exit_tmbtb","exitActive":"bottom-sheet__exitActive_tmbtb","background-accent":"bottom-sheet__background-accent_tmbtb","background-info":"bottom-sheet__background-info_tmbtb","background-attention-muted":"bottom-sheet__background-attention-muted_tmbtb","background-positive-muted":"bottom-sheet__background-positive-muted_tmbtb","background-negative-muted":"bottom-sheet__background-negative-muted_tmbtb","background-primary":"bottom-sheet__background-primary_tmbtb","background-primary-inverted":"bottom-sheet__background-primary-inverted_tmbtb","background-secondary":"bottom-sheet__background-secondary_tmbtb","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_tmbtb","background-tertiary":"bottom-sheet__background-tertiary_tmbtb","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_tmbtb","background-quaternary":"bottom-sheet__background-quaternary_tmbtb","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_tmbtb","background-specialbg-component":"bottom-sheet__background-specialbg-component_tmbtb","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_tmbtb","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_tmbtb","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_tmbtb","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_tmbtb","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_tmbtb","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_tmbtb","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_tmbtb","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_tmbtb"};
 require('./index.css');
@@ -197,7 +199,8 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
      * Если контент внутри шторки скроллится - то шторка не должна свайпаться
      * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки
      */
-    const shouldSkipSwiping = (deltaY, startY, event) => {
+    const shouldSkipSwiping = (swipeParams) => {
+        const { deltaY, startY, event, dir } = swipeParams;
         if (scrollLockedProp || swipingInProgress)
             return false;
         if (!swipeableContent && contentRef.current?.contains(event.target)) {
@@ -222,23 +225,34 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
         if (!scrollOccurred.current && shouldScroll) {
             scrollOccurred.current = true;
         }
+        // Если контент внутри шторки скроллится горизонально - то шторка не должна закрываться
+        if (horizontalDirections.includes(dir)) {
+            return true;
+        }
         return shouldScroll;
     };
-    const handleSheetSwipe = ({ initial, velocity, deltaY, event }) => {
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    const handleSheetSwipeEnd = (swipeParams) => {
+        const { initial, velocity, deltaY, event, dir } = swipeParams;
+        const shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY, startY: initial[1], event, dir });
+        if (shouldPreventSwipe) {
             return;
         }
         magnetize(velocity, deltaY);
     };
-    const handleSheetSwipeStart = ({ deltaY, initial, event }) => {
-        if (shouldSkipSwiping(deltaY, initial[1], event)) {
+    const handleSheetSwipeStart = (swipeParams) => {
+        const { deltaY, initial, event, dir } = swipeParams;
+        if (shouldSkipSwiping({ deltaY, startY: initial[1], event, dir })) {
             return;
         }
         startSwiping(event);
     };
     const handleTouchEnd = ({ event }) => stopSwiping(event);
-    const handleSheetSwiping = ({ initial, deltaY, event }) => {
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    const handleSheetSwipeMove = (swipeParams) => {
+        const { initial, deltaY, event, dir } = swipeParams;
+        const shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY, startY: initial[1], event, dir });
+        if (shouldPreventSwipe) {
             return;
         }
         if (!swipingInProgress) {
@@ -251,8 +265,8 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
     };
     const sheetSwipeableHandlers = useSwipeable({
         onSwipeStart: handleSheetSwipeStart,
-        onSwiping: handleSheetSwiping,
-        onSwiped: handleSheetSwipe,
+        onSwiping: handleSheetSwipeMove,
+        onSwiped: handleSheetSwipeEnd,
         onTouchEndOrOnMouseUp: handleTouchEnd,
         trackMouse: swipeable,
         trackTouch: swipeable,

package/bottom-sheet/modern/consts/swipeConsts.d.ts

@@ -0,0 +1,2 @@
+declare const horizontalDirections: [string, string];
+export { horizontalDirections };

package/bottom-sheet/modern/consts/swipeConsts.js

@@ -0,0 +1,5 @@
+import { SwipeDirection } from '../enums/swipeEnums.js';
+
+const horizontalDirections = [SwipeDirection.Left, SwipeDirection.Right];
+
+export { horizontalDirections };

package/bottom-sheet/modern/enums/swipeEnums.d.ts

@@ -0,0 +1,7 @@
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
+export { SwipeDirection };

package/bottom-sheet/modern/enums/swipeEnums.js

@@ -0,0 +1,9 @@
+var SwipeDirection;
+(function (SwipeDirection) {
+    SwipeDirection["Left"] = "Left";
+    SwipeDirection["Right"] = "Right";
+    SwipeDirection["Up"] = "Up";
+    SwipeDirection["Down"] = "Down";
+})(SwipeDirection || (SwipeDirection = {}));
+
+export { SwipeDirection };

package/bottom-sheet/modern/index.js

@@ -12,3 +12,5 @@ import './components/header/Component.js';
 import '../../navigation-bar/modern';
 import './components/swipeable-backdrop/Component.js';
 import '../../backdrop/modern';
+import './consts/swipeConsts.js';
+import './enums/swipeEnums.js';

package/bottom-sheet/modern/types/swipeTypes.d.ts

@@ -0,0 +1,9 @@
+import { SwipeDirections } from 'react-swipeable';
+import { HandledEvents } from 'react-swipeable/es/types';
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
+export { ShouldSkipSwipingParams };

package/bottom-sheet/modern/types/swipeTypes.js

@@ -0,0 +1 @@
+

package/bottom-sheet/types/swipeTypes.d.ts

@@ -0,0 +1,9 @@
+import { SwipeDirections } from 'react-swipeable';
+import { HandledEvents } from 'react-swipeable/es/types';
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
+export { ShouldSkipSwipingParams };

package/bottom-sheet/types/swipeTypes.js

@@ -0,0 +1 @@
+

package/confirmation/components/screens/initial/component.js

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-ea52770e.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-b30d5212.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../spinner');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-ea52770e.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-b30d5212.js');
 
 
 

package/confirmation/esm/component.responsive.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-95b6b929.js';
+import './countdown-section-c4f73a77.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/components/base-confirmation/component.js

@@ -15,7 +15,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-95b6b929.js';
+import '../../countdown-section-c4f73a77.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/base-confirmation/index.js

@@ -13,7 +13,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-95b6b929.js';
+import '../../countdown-section-c4f73a77.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../screens/hint/component.js';

package/confirmation/esm/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-95b6b929.js';
+import '../countdown-section-c4f73a77.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/esm/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-95b6b929.js';
+import '../../countdown-section-c4f73a77.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-95b6b929.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-c4f73a77.js';
 import '../../../utils.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-95b6b929.js';
+export { C as CountdownSection } from '../../../countdown-section-c4f73a77.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-95b6b929.js';
+import '../../../countdown-section-c4f73a77.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';