@alfalab/core-components 43.1.3-beta.0 → 43.2.0

package/bottom-sheet/component.js

@@ -27,7 +27,7 @@ require('./index.css');
 var isNil = coreComponentsShared.fnUtils.isNil;
 var BottomSheet = React.forwardRef(function (_a, ref) {
     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;
+    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 fullHeight = reactDiv100vh.use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
     var isFirstRender = fullHeight === 0;
@@ -55,7 +55,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     var titleIsReactElement = React__default.default.isValidElement(title);
     var headerProps = tslib.__assign(tslib.__assign({}, (titleIsReactElement
         ? { children: title }
-        : { title: title ? title === null || title === void 0 ? void 0 : title.toString() : undefined })), { scrollableParentRef: scrollableContainer, headerRef: headerRef, headerOffset: headerOffset, className: headerClassName, addonClassName: addonClassName, closerClassName: closerClassName, backButtonClassName: backerClassName, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: bottomAddons, hasCloser: hasCloser, hasBackButton: hasBacker, align: titleAlign, trim: trimTitle, sticky: stickyHeader, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), onBack: onBack, titleSize: titleSize, subtitle: subtitle, onClose: onClose });
+        : { title: title ? title === null || title === void 0 ? void 0 : title.toString() : undefined })), { scrollableParentRef: scrollableContainer, headerRef: headerRef, headerOffset: headerOffset, className: headerClassName, addonClassName: addonClassName, closerClassName: closerClassName, backButtonClassName: backerClassName, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: bottomAddons, hasCloser: hasCloser, hasBackButton: hasBacker, align: titleAlign, trim: trimTitle, sticky: stickyHeader, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), onBack: onBack, titleSize: titleSize, subtitle: subtitle, onClose: onClose, backButtonProps: backButtonProps });
     var startSwiping = function (event) {
         setSwipingInProgress(function (p) {
             if (!p)

package/bottom-sheet/cssm/component.js

@@ -28,7 +28,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var isNil = coreComponentsShared.fnUtils.isNil;
 var BottomSheet = React.forwardRef(function (_a, ref) {
     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;
+    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 fullHeight = reactDiv100vh.use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
     var isFirstRender = fullHeight === 0;
@@ -56,7 +56,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     var titleIsReactElement = React__default.default.isValidElement(title);
     var headerProps = tslib.__assign(tslib.__assign({}, (titleIsReactElement
         ? { children: title }
-        : { title: title ? title === null || title === void 0 ? void 0 : title.toString() : undefined })), { scrollableParentRef: scrollableContainer, headerRef: headerRef, headerOffset: headerOffset, className: headerClassName, addonClassName: addonClassName, closerClassName: closerClassName, backButtonClassName: backerClassName, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: bottomAddons, hasCloser: hasCloser, hasBackButton: hasBacker, align: titleAlign, trim: trimTitle, sticky: stickyHeader, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), onBack: onBack, titleSize: titleSize, subtitle: subtitle, onClose: onClose });
+        : { title: title ? title === null || title === void 0 ? void 0 : title.toString() : undefined })), { scrollableParentRef: scrollableContainer, headerRef: headerRef, headerOffset: headerOffset, className: headerClassName, addonClassName: addonClassName, closerClassName: closerClassName, backButtonClassName: backerClassName, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: bottomAddons, hasCloser: hasCloser, hasBackButton: hasBacker, align: titleAlign, trim: trimTitle, sticky: stickyHeader, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), onBack: onBack, titleSize: titleSize, subtitle: subtitle, onClose: onClose, backButtonProps: backButtonProps });
     var startSwiping = function (event) {
         setSwipingInProgress(function (p) {
             if (!p)

package/bottom-sheet/cssm/index.module.css

@@ -51,13 +51,14 @@
 
     /* footer */
 } .modal {
-    background-color: transparent;
-    position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
+} .modal.modal {
+    background-color: transparent;
+    position: fixed;
 } .wrapper {
     transform: translateY(100%);
     pointer-events: none;

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

@@ -142,6 +142,10 @@ type BottomSheetProps = {
      * Наличие компонента стрелки назад
      */
     hasBacker?: boolean;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: NavigationBarProps['backButtonProps'];
     /**
      * Выравнивание заголовка
      */

package/bottom-sheet/esm/component.js

@@ -19,7 +19,7 @@ require('./index.css');
 var isNil = fnUtils.isNil;
 var BottomSheet = forwardRef(function (_a, ref) {
     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;
+    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 fullHeight = use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
     var isFirstRender = fullHeight === 0;
@@ -47,7 +47,7 @@ var BottomSheet = forwardRef(function (_a, ref) {
     var titleIsReactElement = React.isValidElement(title);
     var headerProps = __assign(__assign({}, (titleIsReactElement
         ? { children: title }
-        : { title: title ? title === null || title === void 0 ? void 0 : title.toString() : undefined })), { scrollableParentRef: scrollableContainer, headerRef: headerRef, headerOffset: headerOffset, className: headerClassName, addonClassName: addonClassName, closerClassName: closerClassName, backButtonClassName: backerClassName, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: bottomAddons, hasCloser: hasCloser, hasBackButton: hasBacker, align: titleAlign, trim: trimTitle, sticky: stickyHeader, dataTestId: getDataTestId(dataTestId, 'header'), onBack: onBack, titleSize: titleSize, subtitle: subtitle, onClose: onClose });
+        : { title: title ? title === null || title === void 0 ? void 0 : title.toString() : undefined })), { scrollableParentRef: scrollableContainer, headerRef: headerRef, headerOffset: headerOffset, className: headerClassName, addonClassName: addonClassName, closerClassName: closerClassName, backButtonClassName: backerClassName, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: bottomAddons, hasCloser: hasCloser, hasBackButton: hasBacker, align: titleAlign, trim: trimTitle, sticky: stickyHeader, dataTestId: getDataTestId(dataTestId, 'header'), onBack: onBack, titleSize: titleSize, subtitle: subtitle, onClose: onClose, backButtonProps: backButtonProps });
     var startSwiping = function (event) {
         setSwipingInProgress(function (p) {
             if (!p)

package/bottom-sheet/esm/index.css

@@ -52,13 +52,14 @@
 
     /* footer */
 } .bottom-sheet__modal_1hk66 {
-    background-color: transparent;
-    position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
+} .bottom-sheet__modal_1hk66.bottom-sheet__modal_1hk66 {
+    background-color: transparent;
+    position: fixed;
 } .bottom-sheet__wrapper_1hk66 {
     transform: translateY(100%);
     pointer-events: none;

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

@@ -142,6 +142,10 @@ type BottomSheetProps = {
      * Наличие компонента стрелки назад
      */
     hasBacker?: boolean;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: NavigationBarProps['backButtonProps'];
     /**
      * Выравнивание заголовка
      */

package/bottom-sheet/index.css

@@ -52,13 +52,14 @@
 
     /* footer */
 } .bottom-sheet__modal_1hk66 {
-    background-color: transparent;
-    position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
+} .bottom-sheet__modal_1hk66.bottom-sheet__modal_1hk66 {
+    background-color: transparent;
+    position: fixed;
 } .bottom-sheet__wrapper_1hk66 {
     transform: translateY(100%);
     pointer-events: none;

package/bottom-sheet/modern/component.js

@@ -16,7 +16,7 @@ const styles = {"modal":"bottom-sheet__modal_1hk66","wrapper":"bottom-sheet__wra
 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, }, 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, }, ref) => {
     const fullHeight = use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
     const isFirstRender = fullHeight === 0;
@@ -64,6 +64,7 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
         titleSize,
         subtitle,
         onClose,
+        backButtonProps,
     };
     const startSwiping = (event) => {
         setSwipingInProgress((p) => {

package/bottom-sheet/modern/index.css

@@ -52,13 +52,14 @@
 
     /* footer */
 } .bottom-sheet__modal_1hk66 {
-    background-color: transparent;
-    position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
+} .bottom-sheet__modal_1hk66.bottom-sheet__modal_1hk66 {
+    background-color: transparent;
+    position: fixed;
 } .bottom-sheet__wrapper_1hk66 {
     transform: translateY(100%);
     pointer-events: none;

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

@@ -142,6 +142,10 @@ type BottomSheetProps = {
      * Наличие компонента стрелки назад
      */
     hasBacker?: boolean;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: NavigationBarProps['backButtonProps'];
     /**
      * Выравнивание заголовка
      */

package/bottom-sheet/types.d.ts

@@ -142,6 +142,10 @@ type BottomSheetProps = {
      * Наличие компонента стрелки назад
      */
     hasBacker?: boolean;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: NavigationBarProps['backButtonProps'];
     /**
      * Выравнивание заголовка
      */

package/confirmation/component.responsive.js

@@ -18,7 +18,7 @@ require('../code-input/mobile');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-840dd98a.js');
+require('./countdown-section-c3df4486.js');
 require('../button');
 require('../spinner');
 require('./components/screens/hint/component.js');

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

@@ -17,7 +17,7 @@ require('../../../code-input/mobile');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-840dd98a.js');
+require('../../countdown-section-c3df4486.js');
 require('../../../button');
 require('../../../spinner');
 require('../countdown-loader/component.js');

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

@@ -15,7 +15,7 @@ require('../../../code-input/mobile');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-840dd98a.js');
+require('../../countdown-section-c3df4486.js');
 require('../../../button');
 require('../../../spinner');
 require('../screens/hint/component.js');

package/confirmation/components/index.js

@@ -16,7 +16,7 @@ require('@alfalab/hooks');
 require('../context.js');
 require('../utils.js');
 require('./header/component.js');
-require('../countdown-section-840dd98a.js');
+require('../countdown-section-c3df4486.js');
 require('../../button');
 require('../../spinner');
 

package/confirmation/components/screens/index.js

@@ -15,7 +15,7 @@ require('@alfalab/hooks');
 require('../../context.js');
 require('../../utils.js');
 require('../header/component.js');
-require('../../countdown-section-840dd98a.js');
+require('../../countdown-section-c3df4486.js');
 require('../../../button');
 require('../../../spinner');
 require('../countdown-loader/component.js');

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

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-840dd98a.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-c3df4486.js');
 require('../../../utils.js');
 require('../../../../button');
 require('../../../../spinner');

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

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

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

@@ -12,7 +12,7 @@ require('@alfalab/hooks');
 require('../../../context.js');
 require('../../../utils.js');
 require('../../header/component.js');
-require('../../../countdown-section-840dd98a.js');
+require('../../../countdown-section-c3df4486.js');
 require('../../../../button');
 require('../../../../spinner');
 

package/confirmation/desktop/component.desktop.js

@@ -15,7 +15,7 @@ require('../../code-input/mobile');
 require('../../link');
 require('../../typography');
 require('../components/header/component.js');
-require('../countdown-section-840dd98a.js');
+require('../countdown-section-c3df4486.js');
 require('../../button');
 require('../../spinner');
 require('../components/screens/hint/component.js');

package/confirmation/desktop/index.js

@@ -16,7 +16,7 @@ require('../../code-input/mobile');
 require('../../link');
 require('../../typography');
 require('../components/header/component.js');
-require('../countdown-section-840dd98a.js');
+require('../countdown-section-c3df4486.js');
 require('../../button');
 require('../../spinner');
 require('../components/screens/hint/component.js');

package/confirmation/esm/component.responsive.js

@@ -13,7 +13,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-0db0e4ed.js';
+import './countdown-section-7359cc39.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

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

@@ -15,7 +15,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-0db0e4ed.js';
+import '../../countdown-section-7359cc39.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

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

@@ -10,7 +10,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-0db0e4ed.js';
+import '../../countdown-section-7359cc39.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../screens/hint/component.js';

package/confirmation/esm/components/index.js

@@ -13,7 +13,7 @@ import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../context.js';
 import './header/component.js';
-import '../countdown-section-0db0e4ed.js';
+import '../countdown-section-7359cc39.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../utils.js';

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

@@ -12,7 +12,7 @@ import '../../../../typography/esm';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-0db0e4ed.js';
+import '../../countdown-section-7359cc39.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

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

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

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

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-0db0e4ed.js';
+export { C as CountdownSection } from '../../../countdown-section-7359cc39.js';
 import '../../../utils.js';

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

@@ -9,7 +9,7 @@ import '../../../../../typography/esm';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-0db0e4ed.js';
+import '../../../countdown-section-7359cc39.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../utils.js';

package/confirmation/esm/desktop/component.desktop.js

@@ -10,7 +10,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-0db0e4ed.js';
+import '../countdown-section-7359cc39.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/desktop/index.js

@@ -12,7 +12,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-0db0e4ed.js';
+import '../countdown-section-7359cc39.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/index.js

@@ -13,7 +13,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-0db0e4ed.js';
+import './countdown-section-7359cc39.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/mobile/component.mobile.js

@@ -10,7 +10,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-0db0e4ed.js';
+import '../countdown-section-7359cc39.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/mobile/index.js

@@ -12,7 +12,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-0db0e4ed.js';
+import '../countdown-section-7359cc39.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/esm';
 import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-0db0e4ed.js';
+import '../countdown-section-7359cc39.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/index.js

@@ -18,7 +18,7 @@ require('../code-input/mobile');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-840dd98a.js');
+require('./countdown-section-c3df4486.js');
 require('../button');
 require('../spinner');
 require('./components/screens/hint/component.js');

package/confirmation/mobile/component.mobile.js

@@ -15,7 +15,7 @@ require('../../code-input/mobile');
 require('../../link');
 require('../../typography');
 require('../components/header/component.js');
-require('../countdown-section-840dd98a.js');
+require('../countdown-section-c3df4486.js');
 require('../../button');
 require('../../spinner');
 require('../components/screens/hint/component.js');

package/confirmation/mobile/index.js

@@ -16,7 +16,7 @@ require('../../code-input/mobile');
 require('../../link');
 require('../../typography');
 require('../components/header/component.js');
-require('../countdown-section-840dd98a.js');
+require('../countdown-section-c3df4486.js');
 require('../../button');
 require('../../spinner');
 require('../components/screens/hint/component.js');

package/confirmation/modern/component.responsive.js

@@ -12,7 +12,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9c20403c.js';
+import './countdown-section-afd7b569.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

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

@@ -14,7 +14,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-9c20403c.js';
+import '../../countdown-section-afd7b569.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

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

@@ -9,7 +9,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-9c20403c.js';
+import '../../countdown-section-afd7b569.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../screens/hint/component.js';

package/confirmation/modern/components/index.js

@@ -13,7 +13,7 @@ import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../context.js';
 import './header/component.js';
-import '../countdown-section-9c20403c.js';
+import '../countdown-section-afd7b569.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../utils.js';

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

@@ -12,7 +12,7 @@ import '../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-9c20403c.js';
+import '../../countdown-section-afd7b569.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

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

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

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

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-9c20403c.js';
+export { C as CountdownSection } from '../../../countdown-section-afd7b569.js';
 import '../../../utils.js';

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

@@ -9,7 +9,7 @@ import '../../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-9c20403c.js';
+import '../../../countdown-section-afd7b569.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../utils.js';

package/confirmation/modern/desktop/component.desktop.js

@@ -9,7 +9,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-9c20403c.js';
+import '../countdown-section-afd7b569.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';