New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More

@alfalab/core-components-bottom-sheet

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@alfalab/core-components-bottom-sheet - npm Package Compare versions

Comparing version

to
6.15.4

@@ -25,3 +25,3 @@ 'use strict';

var styles = {"modal":"bottom-sheet__modal_fs0bn","wrapper":"bottom-sheet__wrapper_fs0bn","fullscreen":"bottom-sheet__fullscreen_fs0bn","component":"bottom-sheet__component_fs0bn","withTransition":"bottom-sheet__withTransition_fs0bn","scrollableContainer":"bottom-sheet__scrollableContainer_fs0bn","marker":"bottom-sheet__marker_fs0bn","defaultMarker":"bottom-sheet__defaultMarker_fs0bn","content":"bottom-sheet__content_fs0bn","noHeader":"bottom-sheet__noHeader_fs0bn","noFooter":"bottom-sheet__noFooter_fs0bn","scrollLocked":"bottom-sheet__scrollLocked_fs0bn","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_fs0bn","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_fs0bn","appear":"bottom-sheet__appear_fs0bn","enter":"bottom-sheet__enter_fs0bn","appearActive":"bottom-sheet__appearActive_fs0bn","enterActive":"bottom-sheet__enterActive_fs0bn","enterDone":"bottom-sheet__enterDone_fs0bn","appearDone":"bottom-sheet__appearDone_fs0bn","exit":"bottom-sheet__exit_fs0bn","exitActive":"bottom-sheet__exitActive_fs0bn","safeAreaBottom":"bottom-sheet__safeAreaBottom_fs0bn","background-accent":"bottom-sheet__background-accent_fs0bn","background-info":"bottom-sheet__background-info_fs0bn","background-attention-muted":"bottom-sheet__background-attention-muted_fs0bn","background-positive-muted":"bottom-sheet__background-positive-muted_fs0bn","background-negative-muted":"bottom-sheet__background-negative-muted_fs0bn","background-primary":"bottom-sheet__background-primary_fs0bn","background-primary-inverted":"bottom-sheet__background-primary-inverted_fs0bn","background-secondary":"bottom-sheet__background-secondary_fs0bn","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_fs0bn","background-tertiary":"bottom-sheet__background-tertiary_fs0bn","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_fs0bn","background-quaternary":"bottom-sheet__background-quaternary_fs0bn","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_fs0bn","background-specialbg-component":"bottom-sheet__background-specialbg-component_fs0bn","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_fs0bn","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_fs0bn","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_fs0bn","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_fs0bn","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_fs0bn","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_fs0bn","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_fs0bn","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_fs0bn"};
var styles = {"modal":"bottom-sheet__modal_1jca8","wrapper":"bottom-sheet__wrapper_1jca8","fullscreen":"bottom-sheet__fullscreen_1jca8","component":"bottom-sheet__component_1jca8","withTransition":"bottom-sheet__withTransition_1jca8","scrollableContainer":"bottom-sheet__scrollableContainer_1jca8","marker":"bottom-sheet__marker_1jca8","defaultMarker":"bottom-sheet__defaultMarker_1jca8","content":"bottom-sheet__content_1jca8","noHeader":"bottom-sheet__noHeader_1jca8","noFooter":"bottom-sheet__noFooter_1jca8","scrollLocked":"bottom-sheet__scrollLocked_1jca8","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1jca8","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1jca8","appear":"bottom-sheet__appear_1jca8","enter":"bottom-sheet__enter_1jca8","appearActive":"bottom-sheet__appearActive_1jca8","enterActive":"bottom-sheet__enterActive_1jca8","enterDone":"bottom-sheet__enterDone_1jca8","appearDone":"bottom-sheet__appearDone_1jca8","exit":"bottom-sheet__exit_1jca8","exitActive":"bottom-sheet__exitActive_1jca8","safeAreaBottom":"bottom-sheet__safeAreaBottom_1jca8","background-accent":"bottom-sheet__background-accent_1jca8","background-info":"bottom-sheet__background-info_1jca8","background-attention-muted":"bottom-sheet__background-attention-muted_1jca8","background-positive-muted":"bottom-sheet__background-positive-muted_1jca8","background-negative-muted":"bottom-sheet__background-negative-muted_1jca8","background-primary":"bottom-sheet__background-primary_1jca8","background-primary-inverted":"bottom-sheet__background-primary-inverted_1jca8","background-secondary":"bottom-sheet__background-secondary_1jca8","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1jca8","background-tertiary":"bottom-sheet__background-tertiary_1jca8","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1jca8","background-quaternary":"bottom-sheet__background-quaternary_1jca8","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1jca8","background-specialbg-component":"bottom-sheet__background-specialbg-component_1jca8","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1jca8","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1jca8","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1jca8","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1jca8","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1jca8","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1jca8","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1jca8","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1jca8"};
require('./index.css')

@@ -32,3 +32,3 @@

var _b, _c, _d, _e, _f;
var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _h = _a.titleAlign, titleAlign = _h === void 0 ? 'left' : _h, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _j = _a.stickyFooter, stickyFooter = _j === void 0 ? true : _j, _k = _a.initialHeight, initialHeight = _k === void 0 ? 'default' : _k, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _l = _a.transitionProps, transitionProps = _l === void 0 ? {} : _l, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _m = _a.swipeable, swipeable = _m === void 0 ? true : _m, _o = _a.swipeableContent, swipeableContent = _o === void 0 ? true : _o, _p = _a.swipeThreshold, swipeThreshold = _p === void 0 ? 5 : _p, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _q = _a.scrollableContainerRef, scrollableContainerRef = _q === void 0 ? function () { return null; } : _q, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _r = _a.sheetContainerRef, sheetContainerRef = _r === void 0 ? function () { return null; } : _r, _s = _a.headerOffset, headerOffset = _s === void 0 ? 24 : _s, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps;
var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _h = _a.titleAlign, titleAlign = _h === void 0 ? 'left' : _h, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _j = _a.stickyFooter, stickyFooter = _j === void 0 ? true : _j, _k = _a.initialHeight, initialHeight = _k === void 0 ? 'default' : _k, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _l = _a.transitionProps, transitionProps = _l === void 0 ? {} : _l, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _m = _a.swipeable, swipeable = _m === void 0 ? true : _m, _o = _a.swipeableContent, swipeableContent = _o === void 0 ? true : _o, _p = _a.swipeThreshold, swipeThreshold = _p === void 0 ? 5 : _p, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _q = _a.scrollableContainerRef, scrollableContainerRef = _q === void 0 ? function () { return null; } : _q, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _r = _a.sheetContainerRef, sheetContainerRef = _r === void 0 ? function () { return null; } : _r, _s = _a.headerOffset, headerOffset = _s === void 0 ? 24 : _s, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _t = _a.iOSLock, iOSLock = _t === void 0 ? false : _t;
var fullHeight = reactDiv100vh.use100vh() || 0;

@@ -52,6 +52,6 @@ // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.

var lastMagneticArea = magneticAreas[magneticAreas.length - 1];
var _t = React.useState(0), sheetOffset = _t[0], setSheetOffset = _t[1];
var _u = React.useState(1), backdropOpacity = _u[0], setBackdropOpacity = _u[1];
var _v = React.useState(-1), activeAreaIdx = _v[0], setActiveAreaIdx = _v[1];
var _w = React.useState(null), swipingInProgress = _w[0], setSwipingInProgress = _w[1];
var _u = React.useState(0), sheetOffset = _u[0], setSheetOffset = _u[1];
var _v = React.useState(1), backdropOpacity = _v[0], setBackdropOpacity = _v[1];
var _w = React.useState(-1), activeAreaIdx = _w[0], setActiveAreaIdx = _w[1];
var _x = React.useState(null), swipingInProgress = _x[0], setSwipingInProgress = _x[1];
var scrollOccurred = React.useRef(false);

@@ -123,2 +123,5 @@ var headerRef = React.useRef(null);

if (nextArea === 0) {
if (iOSLock) {
coreComponentsBaseModal.unlockScroll();
}
onClose();

@@ -154,2 +157,5 @@ return;

if (nextArea === 0) {
if (iOSLock) {
coreComponentsBaseModal.unlockScroll();
}
onClose();

@@ -179,2 +185,5 @@ return;

if (shouldCloseByOffset) {
if (iOSLock) {
coreComponentsBaseModal.unlockScroll();
}
onClose();

@@ -194,2 +203,5 @@ return;

if (nearestArea === 0) {
if (iOSLock) {
coreComponentsBaseModal.unlockScroll();
}
onClose();

@@ -364,3 +376,3 @@ }

_b[styles.disabledPointerEvents] = hideOverlay,
_b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered, onEnter: handleEnter, onExit: handleExit }), disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted },
_b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered, onEnter: handleEnter, onExit: handleExit }), disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted, iOSLock: iOSLock },
React__default.default.createElement("div", { className: cn__default.default(styles.wrapper, (_c = {},

@@ -367,0 +379,0 @@ _c[styles.fullscreen] = headerOffset === 0 && sheetOffset === 0,

@@ -14,3 +14,3 @@ 'use strict';

var styles = {"footer":"bottom-sheet__footer_olkl1","sticky":"bottom-sheet__sticky_olkl1","highlighted":"bottom-sheet__highlighted_olkl1","background-accent":"bottom-sheet__background-accent_olkl1","background-info":"bottom-sheet__background-info_olkl1","background-attention-muted":"bottom-sheet__background-attention-muted_olkl1","background-positive-muted":"bottom-sheet__background-positive-muted_olkl1","background-negative-muted":"bottom-sheet__background-negative-muted_olkl1","background-primary":"bottom-sheet__background-primary_olkl1","background-primary-inverted":"bottom-sheet__background-primary-inverted_olkl1","background-secondary":"bottom-sheet__background-secondary_olkl1","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_olkl1","background-tertiary":"bottom-sheet__background-tertiary_olkl1","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_olkl1","background-quaternary":"bottom-sheet__background-quaternary_olkl1","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_olkl1","background-specialbg-component":"bottom-sheet__background-specialbg-component_olkl1","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_olkl1","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_olkl1","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_olkl1","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_olkl1","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_olkl1","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_olkl1","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_olkl1","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_olkl1"};
var styles = {"footer":"bottom-sheet__footer_lgkb6","sticky":"bottom-sheet__sticky_lgkb6","highlighted":"bottom-sheet__highlighted_lgkb6","background-accent":"bottom-sheet__background-accent_lgkb6","background-info":"bottom-sheet__background-info_lgkb6","background-attention-muted":"bottom-sheet__background-attention-muted_lgkb6","background-positive-muted":"bottom-sheet__background-positive-muted_lgkb6","background-negative-muted":"bottom-sheet__background-negative-muted_lgkb6","background-primary":"bottom-sheet__background-primary_lgkb6","background-primary-inverted":"bottom-sheet__background-primary-inverted_lgkb6","background-secondary":"bottom-sheet__background-secondary_lgkb6","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_lgkb6","background-tertiary":"bottom-sheet__background-tertiary_lgkb6","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_lgkb6","background-quaternary":"bottom-sheet__background-quaternary_lgkb6","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_lgkb6","background-specialbg-component":"bottom-sheet__background-specialbg-component_lgkb6","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_lgkb6","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_lgkb6","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_lgkb6","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_lgkb6","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_lgkb6","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_lgkb6","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_lgkb6","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_lgkb6"};
require('./index.css')

@@ -17,0 +17,0 @@

@@ -16,3 +16,3 @@ 'use strict';

var styles = {"headerWrapper":"bottom-sheet__headerWrapper_kll8d","hasContent":"bottom-sheet__hasContent_kll8d","header":"bottom-sheet__header_kll8d","sticky":"bottom-sheet__sticky_kll8d","highlighted":"bottom-sheet__highlighted_kll8d","justifyEnd":"bottom-sheet__justifyEnd_kll8d","addon":"bottom-sheet__addon_kll8d","addonFixed":"bottom-sheet__addonFixed_kll8d","title":"bottom-sheet__title_kll8d","titleCenter":"bottom-sheet__titleCenter_kll8d","titleLeft":"bottom-sheet__titleLeft_kll8d","trimTitle":"bottom-sheet__trimTitle_kll8d"};
var styles = {"headerWrapper":"bottom-sheet__headerWrapper_rg42m","hasContent":"bottom-sheet__hasContent_rg42m","header":"bottom-sheet__header_rg42m","sticky":"bottom-sheet__sticky_rg42m","highlighted":"bottom-sheet__highlighted_rg42m","justifyEnd":"bottom-sheet__justifyEnd_rg42m","addon":"bottom-sheet__addon_rg42m","addonFixed":"bottom-sheet__addonFixed_rg42m","title":"bottom-sheet__title_rg42m","titleCenter":"bottom-sheet__titleCenter_rg42m","titleLeft":"bottom-sheet__titleLeft_rg42m","trimTitle":"bottom-sheet__trimTitle_rg42m"};
require('./index.css')

@@ -19,0 +19,0 @@

@@ -30,3 +30,3 @@ 'use strict';

var _b, _c, _d, _e, _f;
var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _h = _a.titleAlign, titleAlign = _h === void 0 ? 'left' : _h, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _j = _a.stickyFooter, stickyFooter = _j === void 0 ? true : _j, _k = _a.initialHeight, initialHeight = _k === void 0 ? 'default' : _k, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _l = _a.transitionProps, transitionProps = _l === void 0 ? {} : _l, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _m = _a.swipeable, swipeable = _m === void 0 ? true : _m, _o = _a.swipeableContent, swipeableContent = _o === void 0 ? true : _o, _p = _a.swipeThreshold, swipeThreshold = _p === void 0 ? 5 : _p, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _q = _a.scrollableContainerRef, scrollableContainerRef = _q === void 0 ? function () { return null; } : _q, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _r = _a.sheetContainerRef, sheetContainerRef = _r === void 0 ? function () { return null; } : _r, _s = _a.headerOffset, headerOffset = _s === void 0 ? 24 : _s, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps;
var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _h = _a.titleAlign, titleAlign = _h === void 0 ? 'left' : _h, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _j = _a.stickyFooter, stickyFooter = _j === void 0 ? true : _j, _k = _a.initialHeight, initialHeight = _k === void 0 ? 'default' : _k, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _l = _a.transitionProps, transitionProps = _l === void 0 ? {} : _l, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _m = _a.swipeable, swipeable = _m === void 0 ? true : _m, _o = _a.swipeableContent, swipeableContent = _o === void 0 ? true : _o, _p = _a.swipeThreshold, swipeThreshold = _p === void 0 ? 5 : _p, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _q = _a.scrollableContainerRef, scrollableContainerRef = _q === void 0 ? function () { return null; } : _q, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _r = _a.sheetContainerRef, sheetContainerRef = _r === void 0 ? function () { return null; } : _r, _s = _a.headerOffset, headerOffset = _s === void 0 ? 24 : _s, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _t = _a.iOSLock, iOSLock = _t === void 0 ? false : _t;
var fullHeight = reactDiv100vh.use100vh() || 0;

@@ -50,6 +50,6 @@ // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.

var lastMagneticArea = magneticAreas[magneticAreas.length - 1];
var _t = React.useState(0), sheetOffset = _t[0], setSheetOffset = _t[1];
var _u = React.useState(1), backdropOpacity = _u[0], setBackdropOpacity = _u[1];
var _v = React.useState(-1), activeAreaIdx = _v[0], setActiveAreaIdx = _v[1];
var _w = React.useState(null), swipingInProgress = _w[0], setSwipingInProgress = _w[1];
var _u = React.useState(0), sheetOffset = _u[0], setSheetOffset = _u[1];
var _v = React.useState(1), backdropOpacity = _v[0], setBackdropOpacity = _v[1];
var _w = React.useState(-1), activeAreaIdx = _w[0], setActiveAreaIdx = _w[1];
var _x = React.useState(null), swipingInProgress = _x[0], setSwipingInProgress = _x[1];
var scrollOccurred = React.useRef(false);

@@ -121,2 +121,5 @@ var headerRef = React.useRef(null);

if (nextArea === 0) {
if (iOSLock) {
coreComponentsBaseModal.unlockScroll();
}
onClose();

@@ -152,2 +155,5 @@ return;

if (nextArea === 0) {
if (iOSLock) {
coreComponentsBaseModal.unlockScroll();
}
onClose();

@@ -177,2 +183,5 @@ return;

if (shouldCloseByOffset) {
if (iOSLock) {
coreComponentsBaseModal.unlockScroll();
}
onClose();

@@ -192,2 +201,5 @@ return;

if (nearestArea === 0) {
if (iOSLock) {
coreComponentsBaseModal.unlockScroll();
}
onClose();

@@ -362,3 +374,3 @@ }

_b[styles__default.default.disabledPointerEvents] = hideOverlay,
_b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles__default.default }, transitionProps), { onExited: handleExited, onEntered: handleEntered, onEnter: handleEnter, onExit: handleExit }), disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted },
_b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles__default.default }, transitionProps), { onExited: handleExited, onEntered: handleEntered, onEnter: handleEnter, onExit: handleExit }), disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted, iOSLock: iOSLock },
React__default.default.createElement("div", { className: cn__default.default(styles__default.default.wrapper, (_c = {},

@@ -365,0 +377,0 @@ _c[styles__default.default.fullscreen] = headerOffset === 0 && sheetOffset === 0,

@@ -280,3 +280,7 @@ /// <reference types="react-transition-group" />

onSwipeEnd?: (event: HandledEvents | null) => void;
/**
* Блокирует скролл когда модальное окно открыто. Работает только на iOS
*/
iOSLock?: boolean;
};
export { BottomSheetTitleAlign, BottomSheetProps };

@@ -7,3 +7,3 @@ import { __assign } from 'tslib';

import cn from 'classnames';
import { BaseModal } from '@alfalab/core-components-base-modal/esm';
import { BaseModal, unlockScroll } from '@alfalab/core-components-base-modal/esm';
import { fnUtils, isClient, os, getDataTestId } from '@alfalab/core-components-shared/esm';

@@ -16,3 +16,3 @@ import { Footer } from './components/footer/Component.js';

var styles = {"modal":"bottom-sheet__modal_fs0bn","wrapper":"bottom-sheet__wrapper_fs0bn","fullscreen":"bottom-sheet__fullscreen_fs0bn","component":"bottom-sheet__component_fs0bn","withTransition":"bottom-sheet__withTransition_fs0bn","scrollableContainer":"bottom-sheet__scrollableContainer_fs0bn","marker":"bottom-sheet__marker_fs0bn","defaultMarker":"bottom-sheet__defaultMarker_fs0bn","content":"bottom-sheet__content_fs0bn","noHeader":"bottom-sheet__noHeader_fs0bn","noFooter":"bottom-sheet__noFooter_fs0bn","scrollLocked":"bottom-sheet__scrollLocked_fs0bn","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_fs0bn","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_fs0bn","appear":"bottom-sheet__appear_fs0bn","enter":"bottom-sheet__enter_fs0bn","appearActive":"bottom-sheet__appearActive_fs0bn","enterActive":"bottom-sheet__enterActive_fs0bn","enterDone":"bottom-sheet__enterDone_fs0bn","appearDone":"bottom-sheet__appearDone_fs0bn","exit":"bottom-sheet__exit_fs0bn","exitActive":"bottom-sheet__exitActive_fs0bn","safeAreaBottom":"bottom-sheet__safeAreaBottom_fs0bn","background-accent":"bottom-sheet__background-accent_fs0bn","background-info":"bottom-sheet__background-info_fs0bn","background-attention-muted":"bottom-sheet__background-attention-muted_fs0bn","background-positive-muted":"bottom-sheet__background-positive-muted_fs0bn","background-negative-muted":"bottom-sheet__background-negative-muted_fs0bn","background-primary":"bottom-sheet__background-primary_fs0bn","background-primary-inverted":"bottom-sheet__background-primary-inverted_fs0bn","background-secondary":"bottom-sheet__background-secondary_fs0bn","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_fs0bn","background-tertiary":"bottom-sheet__background-tertiary_fs0bn","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_fs0bn","background-quaternary":"bottom-sheet__background-quaternary_fs0bn","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_fs0bn","background-specialbg-component":"bottom-sheet__background-specialbg-component_fs0bn","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_fs0bn","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_fs0bn","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_fs0bn","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_fs0bn","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_fs0bn","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_fs0bn","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_fs0bn","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_fs0bn"};
var styles = {"modal":"bottom-sheet__modal_1jca8","wrapper":"bottom-sheet__wrapper_1jca8","fullscreen":"bottom-sheet__fullscreen_1jca8","component":"bottom-sheet__component_1jca8","withTransition":"bottom-sheet__withTransition_1jca8","scrollableContainer":"bottom-sheet__scrollableContainer_1jca8","marker":"bottom-sheet__marker_1jca8","defaultMarker":"bottom-sheet__defaultMarker_1jca8","content":"bottom-sheet__content_1jca8","noHeader":"bottom-sheet__noHeader_1jca8","noFooter":"bottom-sheet__noFooter_1jca8","scrollLocked":"bottom-sheet__scrollLocked_1jca8","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1jca8","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1jca8","appear":"bottom-sheet__appear_1jca8","enter":"bottom-sheet__enter_1jca8","appearActive":"bottom-sheet__appearActive_1jca8","enterActive":"bottom-sheet__enterActive_1jca8","enterDone":"bottom-sheet__enterDone_1jca8","appearDone":"bottom-sheet__appearDone_1jca8","exit":"bottom-sheet__exit_1jca8","exitActive":"bottom-sheet__exitActive_1jca8","safeAreaBottom":"bottom-sheet__safeAreaBottom_1jca8","background-accent":"bottom-sheet__background-accent_1jca8","background-info":"bottom-sheet__background-info_1jca8","background-attention-muted":"bottom-sheet__background-attention-muted_1jca8","background-positive-muted":"bottom-sheet__background-positive-muted_1jca8","background-negative-muted":"bottom-sheet__background-negative-muted_1jca8","background-primary":"bottom-sheet__background-primary_1jca8","background-primary-inverted":"bottom-sheet__background-primary-inverted_1jca8","background-secondary":"bottom-sheet__background-secondary_1jca8","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1jca8","background-tertiary":"bottom-sheet__background-tertiary_1jca8","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1jca8","background-quaternary":"bottom-sheet__background-quaternary_1jca8","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1jca8","background-specialbg-component":"bottom-sheet__background-specialbg-component_1jca8","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1jca8","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1jca8","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1jca8","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1jca8","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1jca8","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1jca8","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1jca8","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1jca8"};
require('./index.css')

@@ -23,3 +23,3 @@

var _b, _c, _d, _e, _f;
var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _h = _a.titleAlign, titleAlign = _h === void 0 ? 'left' : _h, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _j = _a.stickyFooter, stickyFooter = _j === void 0 ? true : _j, _k = _a.initialHeight, initialHeight = _k === void 0 ? 'default' : _k, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _l = _a.transitionProps, transitionProps = _l === void 0 ? {} : _l, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _m = _a.swipeable, swipeable = _m === void 0 ? true : _m, _o = _a.swipeableContent, swipeableContent = _o === void 0 ? true : _o, _p = _a.swipeThreshold, swipeThreshold = _p === void 0 ? 5 : _p, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _q = _a.scrollableContainerRef, scrollableContainerRef = _q === void 0 ? function () { return null; } : _q, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _r = _a.sheetContainerRef, sheetContainerRef = _r === void 0 ? function () { return null; } : _r, _s = _a.headerOffset, headerOffset = _s === void 0 ? 24 : _s, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps;
var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _h = _a.titleAlign, titleAlign = _h === void 0 ? 'left' : _h, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _j = _a.stickyFooter, stickyFooter = _j === void 0 ? true : _j, _k = _a.initialHeight, initialHeight = _k === void 0 ? 'default' : _k, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _l = _a.transitionProps, transitionProps = _l === void 0 ? {} : _l, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _m = _a.swipeable, swipeable = _m === void 0 ? true : _m, _o = _a.swipeableContent, swipeableContent = _o === void 0 ? true : _o, _p = _a.swipeThreshold, swipeThreshold = _p === void 0 ? 5 : _p, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _q = _a.scrollableContainerRef, scrollableContainerRef = _q === void 0 ? function () { return null; } : _q, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _r = _a.sheetContainerRef, sheetContainerRef = _r === void 0 ? function () { return null; } : _r, _s = _a.headerOffset, headerOffset = _s === void 0 ? 24 : _s, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _t = _a.iOSLock, iOSLock = _t === void 0 ? false : _t;
var fullHeight = use100vh() || 0;

@@ -43,6 +43,6 @@ // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.

var lastMagneticArea = magneticAreas[magneticAreas.length - 1];
var _t = useState(0), sheetOffset = _t[0], setSheetOffset = _t[1];
var _u = useState(1), backdropOpacity = _u[0], setBackdropOpacity = _u[1];
var _v = useState(-1), activeAreaIdx = _v[0], setActiveAreaIdx = _v[1];
var _w = useState(null), swipingInProgress = _w[0], setSwipingInProgress = _w[1];
var _u = useState(0), sheetOffset = _u[0], setSheetOffset = _u[1];
var _v = useState(1), backdropOpacity = _v[0], setBackdropOpacity = _v[1];
var _w = useState(-1), activeAreaIdx = _w[0], setActiveAreaIdx = _w[1];
var _x = useState(null), swipingInProgress = _x[0], setSwipingInProgress = _x[1];
var scrollOccurred = useRef(false);

@@ -114,2 +114,5 @@ var headerRef = useRef(null);

if (nextArea === 0) {
if (iOSLock) {
unlockScroll();
}
onClose();

@@ -145,2 +148,5 @@ return;

if (nextArea === 0) {
if (iOSLock) {
unlockScroll();
}
onClose();

@@ -170,2 +176,5 @@ return;

if (shouldCloseByOffset) {
if (iOSLock) {
unlockScroll();
}
onClose();

@@ -185,2 +194,5 @@ return;

if (nearestArea === 0) {
if (iOSLock) {
unlockScroll();
}
onClose();

@@ -355,3 +367,3 @@ }

_b[styles.disabledPointerEvents] = hideOverlay,
_b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: __assign(__assign({ appear: true, timeout: TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered, onEnter: handleEnter, onExit: handleExit }), disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted },
_b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: __assign(__assign({ appear: true, timeout: TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered, onEnter: handleEnter, onExit: handleExit }), disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted, iOSLock: iOSLock },
React.createElement("div", { className: cn(styles.wrapper, (_c = {},

@@ -358,0 +370,0 @@ _c[styles.fullscreen] = headerOffset === 0 && sheetOffset === 0,

@@ -5,3 +5,3 @@ import React, { useContext, useEffect } from 'react';

var styles = {"footer":"bottom-sheet__footer_olkl1","sticky":"bottom-sheet__sticky_olkl1","highlighted":"bottom-sheet__highlighted_olkl1","background-accent":"bottom-sheet__background-accent_olkl1","background-info":"bottom-sheet__background-info_olkl1","background-attention-muted":"bottom-sheet__background-attention-muted_olkl1","background-positive-muted":"bottom-sheet__background-positive-muted_olkl1","background-negative-muted":"bottom-sheet__background-negative-muted_olkl1","background-primary":"bottom-sheet__background-primary_olkl1","background-primary-inverted":"bottom-sheet__background-primary-inverted_olkl1","background-secondary":"bottom-sheet__background-secondary_olkl1","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_olkl1","background-tertiary":"bottom-sheet__background-tertiary_olkl1","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_olkl1","background-quaternary":"bottom-sheet__background-quaternary_olkl1","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_olkl1","background-specialbg-component":"bottom-sheet__background-specialbg-component_olkl1","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_olkl1","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_olkl1","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_olkl1","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_olkl1","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_olkl1","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_olkl1","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_olkl1","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_olkl1"};
var styles = {"footer":"bottom-sheet__footer_lgkb6","sticky":"bottom-sheet__sticky_lgkb6","highlighted":"bottom-sheet__highlighted_lgkb6","background-accent":"bottom-sheet__background-accent_lgkb6","background-info":"bottom-sheet__background-info_lgkb6","background-attention-muted":"bottom-sheet__background-attention-muted_lgkb6","background-positive-muted":"bottom-sheet__background-positive-muted_lgkb6","background-negative-muted":"bottom-sheet__background-negative-muted_lgkb6","background-primary":"bottom-sheet__background-primary_lgkb6","background-primary-inverted":"bottom-sheet__background-primary-inverted_lgkb6","background-secondary":"bottom-sheet__background-secondary_lgkb6","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_lgkb6","background-tertiary":"bottom-sheet__background-tertiary_lgkb6","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_lgkb6","background-quaternary":"bottom-sheet__background-quaternary_lgkb6","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_lgkb6","background-specialbg-component":"bottom-sheet__background-specialbg-component_lgkb6","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_lgkb6","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_lgkb6","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_lgkb6","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_lgkb6","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_lgkb6","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_lgkb6","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_lgkb6","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_lgkb6"};
require('./index.css')

@@ -8,0 +8,0 @@

@@ -7,3 +7,3 @@ import { __rest, __assign } from 'tslib';

var styles = {"headerWrapper":"bottom-sheet__headerWrapper_kll8d","hasContent":"bottom-sheet__hasContent_kll8d","header":"bottom-sheet__header_kll8d","sticky":"bottom-sheet__sticky_kll8d","highlighted":"bottom-sheet__highlighted_kll8d","justifyEnd":"bottom-sheet__justifyEnd_kll8d","addon":"bottom-sheet__addon_kll8d","addonFixed":"bottom-sheet__addonFixed_kll8d","title":"bottom-sheet__title_kll8d","titleCenter":"bottom-sheet__titleCenter_kll8d","titleLeft":"bottom-sheet__titleLeft_kll8d","trimTitle":"bottom-sheet__trimTitle_kll8d"};
var styles = {"headerWrapper":"bottom-sheet__headerWrapper_rg42m","hasContent":"bottom-sheet__hasContent_rg42m","header":"bottom-sheet__header_rg42m","sticky":"bottom-sheet__sticky_rg42m","highlighted":"bottom-sheet__highlighted_rg42m","justifyEnd":"bottom-sheet__justifyEnd_rg42m","addon":"bottom-sheet__addon_rg42m","addonFixed":"bottom-sheet__addonFixed_rg42m","title":"bottom-sheet__title_rg42m","titleCenter":"bottom-sheet__titleCenter_rg42m","titleLeft":"bottom-sheet__titleLeft_rg42m","trimTitle":"bottom-sheet__trimTitle_rg42m"};
require('./index.css')

@@ -10,0 +10,0 @@

@@ -280,3 +280,7 @@ /// <reference types="react-transition-group" />

onSwipeEnd?: (event: HandledEvents | null) => void;
/**
* Блокирует скролл когда модальное окно открыто. Работает только на iOS
*/
iOSLock?: boolean;
};
export { BottomSheetTitleAlign, BottomSheetProps };

@@ -6,3 +6,3 @@ import React, { forwardRef, useRef, useMemo, useState, useEffect, useImperativeHandle } from 'react';

import cn from 'classnames';
import { BaseModal } from '@alfalab/core-components-base-modal/modern';
import { BaseModal, unlockScroll } from '@alfalab/core-components-base-modal/modern';
import { isClient, os, getDataTestId, fnUtils } from '@alfalab/core-components-shared/modern';

@@ -15,7 +15,7 @@ import { Footer } from './components/footer/Component.js';

const styles = {"modal":"bottom-sheet__modal_fs0bn","wrapper":"bottom-sheet__wrapper_fs0bn","fullscreen":"bottom-sheet__fullscreen_fs0bn","component":"bottom-sheet__component_fs0bn","withTransition":"bottom-sheet__withTransition_fs0bn","scrollableContainer":"bottom-sheet__scrollableContainer_fs0bn","marker":"bottom-sheet__marker_fs0bn","defaultMarker":"bottom-sheet__defaultMarker_fs0bn","content":"bottom-sheet__content_fs0bn","noHeader":"bottom-sheet__noHeader_fs0bn","noFooter":"bottom-sheet__noFooter_fs0bn","scrollLocked":"bottom-sheet__scrollLocked_fs0bn","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_fs0bn","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_fs0bn","appear":"bottom-sheet__appear_fs0bn","enter":"bottom-sheet__enter_fs0bn","appearActive":"bottom-sheet__appearActive_fs0bn","enterActive":"bottom-sheet__enterActive_fs0bn","enterDone":"bottom-sheet__enterDone_fs0bn","appearDone":"bottom-sheet__appearDone_fs0bn","exit":"bottom-sheet__exit_fs0bn","exitActive":"bottom-sheet__exitActive_fs0bn","safeAreaBottom":"bottom-sheet__safeAreaBottom_fs0bn","background-accent":"bottom-sheet__background-accent_fs0bn","background-info":"bottom-sheet__background-info_fs0bn","background-attention-muted":"bottom-sheet__background-attention-muted_fs0bn","background-positive-muted":"bottom-sheet__background-positive-muted_fs0bn","background-negative-muted":"bottom-sheet__background-negative-muted_fs0bn","background-primary":"bottom-sheet__background-primary_fs0bn","background-primary-inverted":"bottom-sheet__background-primary-inverted_fs0bn","background-secondary":"bottom-sheet__background-secondary_fs0bn","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_fs0bn","background-tertiary":"bottom-sheet__background-tertiary_fs0bn","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_fs0bn","background-quaternary":"bottom-sheet__background-quaternary_fs0bn","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_fs0bn","background-specialbg-component":"bottom-sheet__background-specialbg-component_fs0bn","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_fs0bn","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_fs0bn","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_fs0bn","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_fs0bn","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_fs0bn","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_fs0bn","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_fs0bn","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_fs0bn"};
const styles = {"modal":"bottom-sheet__modal_1jca8","wrapper":"bottom-sheet__wrapper_1jca8","fullscreen":"bottom-sheet__fullscreen_1jca8","component":"bottom-sheet__component_1jca8","withTransition":"bottom-sheet__withTransition_1jca8","scrollableContainer":"bottom-sheet__scrollableContainer_1jca8","marker":"bottom-sheet__marker_1jca8","defaultMarker":"bottom-sheet__defaultMarker_1jca8","content":"bottom-sheet__content_1jca8","noHeader":"bottom-sheet__noHeader_1jca8","noFooter":"bottom-sheet__noFooter_1jca8","scrollLocked":"bottom-sheet__scrollLocked_1jca8","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1jca8","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1jca8","appear":"bottom-sheet__appear_1jca8","enter":"bottom-sheet__enter_1jca8","appearActive":"bottom-sheet__appearActive_1jca8","enterActive":"bottom-sheet__enterActive_1jca8","enterDone":"bottom-sheet__enterDone_1jca8","appearDone":"bottom-sheet__appearDone_1jca8","exit":"bottom-sheet__exit_1jca8","exitActive":"bottom-sheet__exitActive_1jca8","safeAreaBottom":"bottom-sheet__safeAreaBottom_1jca8","background-accent":"bottom-sheet__background-accent_1jca8","background-info":"bottom-sheet__background-info_1jca8","background-attention-muted":"bottom-sheet__background-attention-muted_1jca8","background-positive-muted":"bottom-sheet__background-positive-muted_1jca8","background-negative-muted":"bottom-sheet__background-negative-muted_1jca8","background-primary":"bottom-sheet__background-primary_1jca8","background-primary-inverted":"bottom-sheet__background-primary-inverted_1jca8","background-secondary":"bottom-sheet__background-secondary_1jca8","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1jca8","background-tertiary":"bottom-sheet__background-tertiary_1jca8","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1jca8","background-quaternary":"bottom-sheet__background-quaternary_1jca8","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1jca8","background-specialbg-component":"bottom-sheet__background-specialbg-component_1jca8","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1jca8","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1jca8","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1jca8","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1jca8","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1jca8","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1jca8","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1jca8","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1jca8"};
require('./index.css')
const { isNil } = fnUtils;
const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, onClose, onBack, onMagnetize, onSwipeStart, onSwipeEnd, disableRestoreFocus, disableAutoFocus, disableEscapeKeyDown, keepMounted, onMagnetizeEnd, onOffsetChange, swipeableMarker, swipeableMarkerClassName, backButtonProps, }, ref) => {
const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, onClose, onBack, onMagnetize, onSwipeStart, onSwipeEnd, disableRestoreFocus, disableAutoFocus, disableEscapeKeyDown, keepMounted, onMagnetizeEnd, onOffsetChange, swipeableMarker, swipeableMarkerClassName, backButtonProps, iOSLock = false, }, ref) => {
const fullHeight = use100vh() || 0;

@@ -129,2 +129,5 @@ // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.

if (nextArea === 0) {
if (iOSLock) {
unlockScroll();
}
onClose();

@@ -160,2 +163,5 @@ return;

if (nextArea === 0) {
if (iOSLock) {
unlockScroll();
}
onClose();

@@ -185,2 +191,5 @@ return;

if (shouldCloseByOffset) {
if (iOSLock) {
unlockScroll();
}
onClose();

@@ -200,2 +209,5 @@ return;

if (nearestArea === 0) {
if (iOSLock) {
unlockScroll();
}
onClose();

@@ -378,3 +390,3 @@ }

onExit: handleExit,
}, disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted },
}, disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted, iOSLock: iOSLock },
React.createElement("div", { className: cn(styles.wrapper, {

@@ -381,0 +393,0 @@ [styles.fullscreen]: headerOffset === 0 && sheetOffset === 0,

@@ -5,3 +5,3 @@ import React, { useContext, useEffect } from 'react';

const styles = {"footer":"bottom-sheet__footer_olkl1","sticky":"bottom-sheet__sticky_olkl1","highlighted":"bottom-sheet__highlighted_olkl1","background-accent":"bottom-sheet__background-accent_olkl1","background-info":"bottom-sheet__background-info_olkl1","background-attention-muted":"bottom-sheet__background-attention-muted_olkl1","background-positive-muted":"bottom-sheet__background-positive-muted_olkl1","background-negative-muted":"bottom-sheet__background-negative-muted_olkl1","background-primary":"bottom-sheet__background-primary_olkl1","background-primary-inverted":"bottom-sheet__background-primary-inverted_olkl1","background-secondary":"bottom-sheet__background-secondary_olkl1","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_olkl1","background-tertiary":"bottom-sheet__background-tertiary_olkl1","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_olkl1","background-quaternary":"bottom-sheet__background-quaternary_olkl1","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_olkl1","background-specialbg-component":"bottom-sheet__background-specialbg-component_olkl1","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_olkl1","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_olkl1","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_olkl1","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_olkl1","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_olkl1","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_olkl1","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_olkl1","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_olkl1"};
const styles = {"footer":"bottom-sheet__footer_lgkb6","sticky":"bottom-sheet__sticky_lgkb6","highlighted":"bottom-sheet__highlighted_lgkb6","background-accent":"bottom-sheet__background-accent_lgkb6","background-info":"bottom-sheet__background-info_lgkb6","background-attention-muted":"bottom-sheet__background-attention-muted_lgkb6","background-positive-muted":"bottom-sheet__background-positive-muted_lgkb6","background-negative-muted":"bottom-sheet__background-negative-muted_lgkb6","background-primary":"bottom-sheet__background-primary_lgkb6","background-primary-inverted":"bottom-sheet__background-primary-inverted_lgkb6","background-secondary":"bottom-sheet__background-secondary_lgkb6","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_lgkb6","background-tertiary":"bottom-sheet__background-tertiary_lgkb6","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_lgkb6","background-quaternary":"bottom-sheet__background-quaternary_lgkb6","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_lgkb6","background-specialbg-component":"bottom-sheet__background-specialbg-component_lgkb6","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_lgkb6","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_lgkb6","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_lgkb6","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_lgkb6","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_lgkb6","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_lgkb6","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_lgkb6","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_lgkb6"};
require('./index.css')

@@ -8,0 +8,0 @@

@@ -6,3 +6,3 @@ import React, { useContext, useEffect } from 'react';

const styles = {"headerWrapper":"bottom-sheet__headerWrapper_kll8d","hasContent":"bottom-sheet__hasContent_kll8d","header":"bottom-sheet__header_kll8d","sticky":"bottom-sheet__sticky_kll8d","highlighted":"bottom-sheet__highlighted_kll8d","justifyEnd":"bottom-sheet__justifyEnd_kll8d","addon":"bottom-sheet__addon_kll8d","addonFixed":"bottom-sheet__addonFixed_kll8d","title":"bottom-sheet__title_kll8d","titleCenter":"bottom-sheet__titleCenter_kll8d","titleLeft":"bottom-sheet__titleLeft_kll8d","trimTitle":"bottom-sheet__trimTitle_kll8d"};
const styles = {"headerWrapper":"bottom-sheet__headerWrapper_rg42m","hasContent":"bottom-sheet__hasContent_rg42m","header":"bottom-sheet__header_rg42m","sticky":"bottom-sheet__sticky_rg42m","highlighted":"bottom-sheet__highlighted_rg42m","justifyEnd":"bottom-sheet__justifyEnd_rg42m","addon":"bottom-sheet__addon_rg42m","addonFixed":"bottom-sheet__addonFixed_rg42m","title":"bottom-sheet__title_rg42m","titleCenter":"bottom-sheet__titleCenter_rg42m","titleLeft":"bottom-sheet__titleLeft_rg42m","trimTitle":"bottom-sheet__trimTitle_rg42m"};
require('./index.css')

@@ -9,0 +9,0 @@

@@ -280,3 +280,7 @@ /// <reference types="react-transition-group" />

onSwipeEnd?: (event: HandledEvents | null) => void;
/**
* Блокирует скролл когда модальное окно открыто. Работает только на iOS
*/
iOSLock?: boolean;
};
export { BottomSheetTitleAlign, BottomSheetProps };
{
"name": "@alfalab/core-components-bottom-sheet",
"version": "6.15.3",
"version": "6.15.4",
"description": "Bottom sheet mobile component",

@@ -19,4 +19,4 @@ "keywords": [],

"@alfalab/core-components-backdrop": "^3.2.0",
"@alfalab/core-components-base-modal": "^5.7.6",
"@alfalab/core-components-navigation-bar-private": "^0.1.3",
"@alfalab/core-components-base-modal": "^5.7.7",
"@alfalab/core-components-navigation-bar-private": "^0.1.4",
"@alfalab/core-components-shared": "^0.10.0",

@@ -23,0 +23,0 @@ "classnames": "^2.3.1",

@@ -345,2 +345,7 @@ import type { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';

onSwipeEnd?: (event: HandledEvents | null) => void;
/**
* Блокирует скролл когда модальное окно открыто. Работает только на iOS
*/
iOSLock?: boolean;
};

@@ -280,3 +280,7 @@ /// <reference types="react-transition-group" />

onSwipeEnd?: (event: HandledEvents | null) => void;
/**
* Блокирует скролл когда модальное окно открыто. Работает только на iOS
*/
iOSLock?: boolean;
};
export { BottomSheetTitleAlign, BottomSheetProps };

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet