@alfalab/core-components-bottom-sheet
Advanced tools
@@ -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
444321
41.68%6739
7.53%