@alfalab/core-components 41.12.0 → 42.0.0-beta.1

package/action-button/Component.js

@@ -4,6 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
+var coreComponentsShared = require('../shared');
 var coreComponentsSpinner = require('../spinner');
 var hooks = require('@alfalab/hooks');
 var hooks$1 = require('./hooks.js');
@@ -14,11 +15,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var defaultColors = {"primary":"action-button__primary_1xexf","iconWrapper":"action-button__iconWrapper_1xexf","loader":"action-button__loader_1xexf","secondary":"action-button__secondary_1xexf"};
 require('./default.css');
 
@@ -56,7 +52,7 @@ var ActionButton = React.forwardRef(function (_a, ref) {
         'data-test-id': dataTestId,
     };
     var buttonChildren = (React__default.default.createElement(React.Fragment, null,
-        React__default.default.createElement("span", { role: 'img', className: cn__default.default(styles.iconWrapper, colorStyles[colors].iconWrapper, styles[size], iconWrapperClassName) }, showLoader ? (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(styles.loader, colorStyles[colors].loader) })) : (icon)),
+        React__default.default.createElement("span", { role: 'img', className: cn__default.default(styles.iconWrapper, colorStyles[colors].iconWrapper, styles[size], iconWrapperClassName) }, showLoader ? (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(styles.loader, colorStyles[colors].loader) })) : (icon)),
         React__default.default.createElement("span", { className: styles.label }, children)));
     if (href) {
         return (React__default.default.createElement("a", tslib.__assign({ role: 'button', ref: mergeRefs__default.default([componentRef, ref]), href: href, "aria-disabled": disabled || loading }, componentProps, rest), buttonChildren));

package/action-button/cssm/Component.js

@@ -4,6 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
+var coreComponentsShared = require('../../shared/cssm');
 var coreComponentsSpinner = require('../../spinner/cssm');
 var hooks = require('@alfalab/hooks');
 var hooks$1 = require('./hooks.js');
@@ -22,11 +23,6 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
 var staticColors__default = /*#__PURE__*/_interopDefaultCompat(staticColors);
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var colorStyles = {
     default: defaultColors__default.default,
     inverted: invertedColors__default.default,
@@ -52,7 +48,7 @@ var ActionButton = React.forwardRef(function (_a, ref) {
         'data-test-id': dataTestId,
     };
     var buttonChildren = (React__default.default.createElement(React.Fragment, null,
-        React__default.default.createElement("span", { role: 'img', className: cn__default.default(styles__default.default.iconWrapper, colorStyles[colors].iconWrapper, styles__default.default[size], iconWrapperClassName) }, showLoader ? (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(styles__default.default.loader, colorStyles[colors].loader) })) : (icon)),
+        React__default.default.createElement("span", { role: 'img', className: cn__default.default(styles__default.default.iconWrapper, colorStyles[colors].iconWrapper, styles__default.default[size], iconWrapperClassName) }, showLoader ? (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(styles__default.default.loader, colorStyles[colors].loader) })) : (icon)),
         React__default.default.createElement("span", { className: styles__default.default.label }, children)));
     if (href) {
         return (React__default.default.createElement("a", tslib.__assign({ role: 'button', ref: mergeRefs__default.default([componentRef, ref]), href: href, "aria-disabled": disabled || loading }, componentProps, rest), buttonChildren));

package/action-button/cssm/index.js

@@ -5,6 +5,7 @@ require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
+require('../../shared/cssm');
 require('../../spinner/cssm');
 require('@alfalab/hooks');
 require('./hooks.js');

package/action-button/esm/Component.js

@@ -2,15 +2,11 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useRef, Fragment } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
+import { getDataTestId } from '../../shared/esm';
 import { Spinner } from '../../spinner/esm';
 import { useFocus } from '@alfalab/hooks';
 import { useLoader } from './hooks.js';
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var defaultColors = {"primary":"action-button__primary_1xexf","iconWrapper":"action-button__iconWrapper_1xexf","loader":"action-button__loader_1xexf","secondary":"action-button__secondary_1xexf"};
 require('./default.css');
 

package/action-button/esm/index.js

@@ -3,6 +3,7 @@ import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/esm';
 import '../../spinner/esm';
 import '@alfalab/hooks';
 import './hooks.js';

package/action-button/index.js

@@ -5,6 +5,7 @@ require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
+require('../shared');
 require('../spinner');
 require('@alfalab/hooks');
 require('./hooks.js');

package/action-button/modern/Component.js

@@ -1,15 +1,11 @@
 import React, { forwardRef, useRef, Fragment } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
+import { getDataTestId } from '../../shared/modern';
 import { Spinner } from '../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
 import { useLoader } from './hooks.js';
 
-const getDataTestId = (dataTestId, element) => {
-    const elementPart = element ? `-${element.toLowerCase()}` : '';
-    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
-};
-
 const defaultColors = {"primary":"action-button__primary_1xexf","iconWrapper":"action-button__iconWrapper_1xexf","loader":"action-button__loader_1xexf","secondary":"action-button__secondary_1xexf"};
 require('./default.css');
 

package/action-button/modern/index.js

@@ -2,6 +2,7 @@ export { ActionButton } from './Component.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/modern';
 import '../../spinner/modern';
 import '@alfalab/hooks';
 import './hooks.js';

package/bottom-sheet/component.js

@@ -7,6 +7,7 @@ var mergeRefs = require('react-merge-refs');
 var reactSwipeable = require('react-swipeable');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
+var coreComponentsShared = require('../shared');
 var components_footer_Component = require('./components/footer/Component.js');
 var components_header_Component = require('./components/header/Component.js');
 var components_swipeableBackdrop_Component = require('./components/swipeable-backdrop/Component.js');
@@ -20,17 +21,12 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var styles = {"modal":"bottom-sheet__modal_1ckqv","wrapper":"bottom-sheet__wrapper_1ckqv","component":"bottom-sheet__component_1ckqv","withTransition":"bottom-sheet__withTransition_1ckqv","scrollableContainer":"bottom-sheet__scrollableContainer_1ckqv","marker":"bottom-sheet__marker_1ckqv","content":"bottom-sheet__content_1ckqv","noHeader":"bottom-sheet__noHeader_1ckqv","noFooter":"bottom-sheet__noFooter_1ckqv","scrollLocked":"bottom-sheet__scrollLocked_1ckqv","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ckqv","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ckqv","appear":"bottom-sheet__appear_1ckqv","enter":"bottom-sheet__enter_1ckqv","appearActive":"bottom-sheet__appearActive_1ckqv","enterActive":"bottom-sheet__enterActive_1ckqv","enterDone":"bottom-sheet__enterDone_1ckqv","appearDone":"bottom-sheet__appearDone_1ckqv","exit":"bottom-sheet__exit_1ckqv","exitActive":"bottom-sheet__exitActive_1ckqv","background-accent":"bottom-sheet__background-accent_1ckqv","background-info":"bottom-sheet__background-info_1ckqv","background-attention-muted":"bottom-sheet__background-attention-muted_1ckqv","background-positive-muted":"bottom-sheet__background-positive-muted_1ckqv","background-negative-muted":"bottom-sheet__background-negative-muted_1ckqv","background-primary":"bottom-sheet__background-primary_1ckqv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ckqv","background-secondary":"bottom-sheet__background-secondary_1ckqv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ckqv","background-tertiary":"bottom-sheet__background-tertiary_1ckqv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ckqv","background-quaternary":"bottom-sheet__background-quaternary_1ckqv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ckqv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ckqv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ckqv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ckqv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ckqv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ckqv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ckqv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ckqv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ckqv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ckqv"};
 require('./index.css');
 
 var BottomSheet = React.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
-    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, 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, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
+    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, 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, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
     var hasInitialIdx = initialActiveAreaIndex !== undefined;
     var fullHeight = reactDiv100vh.use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
@@ -54,7 +50,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, 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, 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 });
     var getBackdropOpacity = function (offset) {
         var canClose = magneticAreas[0] === 0;
         var secondArea = magneticAreas[1];
@@ -251,7 +247,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     var bgClassName = backgroundColor && styles["background-".concat(backgroundColor)];
     return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: components_swipeableBackdrop_Component.SwipeableBackdrop, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), { className: styles.disabledPointerEvents, opacity: backdropOpacity, opacityTimeout: utils.TIMEOUT, invisible: hideOverlay }), disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn__default.default(styles.modal, modalClassName), wrapperClassName: cn__default.default(modalWrapperClassName, (_b = {},
             _b[styles.disabledPointerEvents] = hideOverlay,
-            _b)), disableBlockingScroll: disableBlockingScroll, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
+            _b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
         React__default.default.createElement("div", { style: tslib.__assign({}, getHeightStyles()), className: styles.wrapper, onTransitionEnd: setSheetHeight },
             React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles.component, bgClassName, className, (_c = {},
                     _c[styles.withTransition] = swipingInProgress.current === false,

package/bottom-sheet/cssm/component.js

@@ -7,6 +7,7 @@ var mergeRefs = require('react-merge-refs');
 var reactSwipeable = require('react-swipeable');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../base-modal/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var components_footer_Component = require('./components/footer/Component.js');
 var components_header_Component = require('./components/header/Component.js');
 var components_swipeableBackdrop_Component = require('./components/swipeable-backdrop/Component.js');
@@ -24,14 +25,9 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var BottomSheet = React.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
-    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, 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, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
+    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, 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, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
     var hasInitialIdx = initialActiveAreaIndex !== undefined;
     var fullHeight = reactDiv100vh.use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
@@ -55,7 +51,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, 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, 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 });
     var getBackdropOpacity = function (offset) {
         var canClose = magneticAreas[0] === 0;
         var secondArea = magneticAreas[1];
@@ -252,7 +248,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     var bgClassName = backgroundColor && styles__default.default["background-".concat(backgroundColor)];
     return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: components_swipeableBackdrop_Component.SwipeableBackdrop, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), { className: styles__default.default.disabledPointerEvents, opacity: backdropOpacity, opacityTimeout: utils.TIMEOUT, invisible: hideOverlay }), disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn__default.default(styles__default.default.modal, modalClassName), wrapperClassName: cn__default.default(modalWrapperClassName, (_b = {},
             _b[styles__default.default.disabledPointerEvents] = hideOverlay,
-            _b)), disableBlockingScroll: disableBlockingScroll, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles__default.default }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
+            _b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles__default.default }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
         React__default.default.createElement("div", { style: tslib.__assign({}, getHeightStyles()), className: styles__default.default.wrapper, onTransitionEnd: setSheetHeight },
             React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles__default.default.component, bgClassName, className, (_c = {},
                     _c[styles__default.default.withTransition] = swipingInProgress.current === false,

package/bottom-sheet/cssm/index.js

@@ -9,6 +9,7 @@ require('react-merge-refs');
 require('react-swipeable');
 require('classnames');
 require('../../base-modal/cssm');
+require('../../shared/cssm');
 require('./components/footer/Component.js');
 require('./components/footer/index.module.css');
 require('./components/header/Component.js');

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

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/bottom-sheet/esm/component.js

@@ -5,6 +5,7 @@ import mergeRefs from 'react-merge-refs';
 import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import { BaseModal } from '../../base-modal/esm';
+import { getDataTestId } from '../../shared/esm';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
@@ -12,17 +13,12 @@ import { convertPercentToNumber, HEADER_OFFSET, TIMEOUT, MARKER_HEIGHT, SCROLL_O
 import '../../navigation-bar/esm';
 import '../../backdrop/esm';
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var styles = {"modal":"bottom-sheet__modal_1ckqv","wrapper":"bottom-sheet__wrapper_1ckqv","component":"bottom-sheet__component_1ckqv","withTransition":"bottom-sheet__withTransition_1ckqv","scrollableContainer":"bottom-sheet__scrollableContainer_1ckqv","marker":"bottom-sheet__marker_1ckqv","content":"bottom-sheet__content_1ckqv","noHeader":"bottom-sheet__noHeader_1ckqv","noFooter":"bottom-sheet__noFooter_1ckqv","scrollLocked":"bottom-sheet__scrollLocked_1ckqv","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ckqv","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ckqv","appear":"bottom-sheet__appear_1ckqv","enter":"bottom-sheet__enter_1ckqv","appearActive":"bottom-sheet__appearActive_1ckqv","enterActive":"bottom-sheet__enterActive_1ckqv","enterDone":"bottom-sheet__enterDone_1ckqv","appearDone":"bottom-sheet__appearDone_1ckqv","exit":"bottom-sheet__exit_1ckqv","exitActive":"bottom-sheet__exitActive_1ckqv","background-accent":"bottom-sheet__background-accent_1ckqv","background-info":"bottom-sheet__background-info_1ckqv","background-attention-muted":"bottom-sheet__background-attention-muted_1ckqv","background-positive-muted":"bottom-sheet__background-positive-muted_1ckqv","background-negative-muted":"bottom-sheet__background-negative-muted_1ckqv","background-primary":"bottom-sheet__background-primary_1ckqv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ckqv","background-secondary":"bottom-sheet__background-secondary_1ckqv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ckqv","background-tertiary":"bottom-sheet__background-tertiary_1ckqv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ckqv","background-quaternary":"bottom-sheet__background-quaternary_1ckqv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ckqv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ckqv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ckqv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ckqv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ckqv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ckqv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ckqv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ckqv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ckqv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ckqv"};
 require('./index.css');
 
 var BottomSheet = forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
-    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, 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, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
+    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, 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, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
     var hasInitialIdx = initialActiveAreaIndex !== undefined;
     var fullHeight = use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
@@ -243,7 +239,7 @@ var BottomSheet = forwardRef(function (_a, ref) {
     var bgClassName = backgroundColor && styles["background-".concat(backgroundColor)];
     return (React.createElement(BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: SwipeableBackdrop, backdropProps: __assign(__assign({}, backdropProps), { className: styles.disabledPointerEvents, opacity: backdropOpacity, opacityTimeout: TIMEOUT, invisible: hideOverlay }), disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn(styles.modal, modalClassName), wrapperClassName: cn(modalWrapperClassName, (_b = {},
             _b[styles.disabledPointerEvents] = hideOverlay,
-            _b)), disableBlockingScroll: disableBlockingScroll, transitionProps: __assign(__assign({ appear: true, timeout: TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
+            _b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: __assign(__assign({ appear: true, timeout: TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
         React.createElement("div", { style: __assign({}, getHeightStyles()), className: styles.wrapper, onTransitionEnd: setSheetHeight },
             React.createElement("div", __assign({ className: cn(styles.component, bgClassName, className, (_c = {},
                     _c[styles.withTransition] = swipingInProgress.current === false,

package/bottom-sheet/esm/index.js

@@ -7,6 +7,7 @@ import 'react-merge-refs';
 import 'react-swipeable';
 import 'classnames';
 import '../../base-modal/esm';
+import '../../shared/esm';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar/esm';

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

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/bottom-sheet/index.js

@@ -9,6 +9,7 @@ require('react-merge-refs');
 require('react-swipeable');
 require('classnames');
 require('../base-modal');
+require('../shared');
 require('./components/footer/Component.js');
 require('./components/header/Component.js');
 require('../navigation-bar');

package/bottom-sheet/modern/component.js

@@ -4,6 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import { BaseModal } from '../../base-modal/modern';
+import { getDataTestId } from '../../shared/modern';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
@@ -11,15 +12,10 @@ import { convertPercentToNumber, HEADER_OFFSET, TIMEOUT, MARKER_HEIGHT, SCROLL_O
 import '../../navigation-bar/modern';
 import '../../backdrop/modern';
 
-const getDataTestId = (dataTestId, element) => {
-    const elementPart = element ? `-${element.toLowerCase()}` : '';
-    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
-};
-
 const styles = {"modal":"bottom-sheet__modal_1ckqv","wrapper":"bottom-sheet__wrapper_1ckqv","component":"bottom-sheet__component_1ckqv","withTransition":"bottom-sheet__withTransition_1ckqv","scrollableContainer":"bottom-sheet__scrollableContainer_1ckqv","marker":"bottom-sheet__marker_1ckqv","content":"bottom-sheet__content_1ckqv","noHeader":"bottom-sheet__noHeader_1ckqv","noFooter":"bottom-sheet__noFooter_1ckqv","scrollLocked":"bottom-sheet__scrollLocked_1ckqv","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ckqv","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ckqv","appear":"bottom-sheet__appear_1ckqv","enter":"bottom-sheet__enter_1ckqv","appearActive":"bottom-sheet__appearActive_1ckqv","enterActive":"bottom-sheet__enterActive_1ckqv","enterDone":"bottom-sheet__enterDone_1ckqv","appearDone":"bottom-sheet__appearDone_1ckqv","exit":"bottom-sheet__exit_1ckqv","exitActive":"bottom-sheet__exitActive_1ckqv","background-accent":"bottom-sheet__background-accent_1ckqv","background-info":"bottom-sheet__background-info_1ckqv","background-attention-muted":"bottom-sheet__background-attention-muted_1ckqv","background-positive-muted":"bottom-sheet__background-positive-muted_1ckqv","background-negative-muted":"bottom-sheet__background-negative-muted_1ckqv","background-primary":"bottom-sheet__background-primary_1ckqv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ckqv","background-secondary":"bottom-sheet__background-secondary_1ckqv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ckqv","background-tertiary":"bottom-sheet__background-tertiary_1ckqv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ckqv","background-quaternary":"bottom-sheet__background-quaternary_1ckqv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ckqv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ckqv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ckqv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ckqv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ckqv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ckqv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ckqv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ckqv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ckqv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ckqv"};
 require('./index.css');
 
-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, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, onClose, onBack, onMagnetize, }, 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, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, onClose, onBack, onMagnetize, }, ref) => {
     const hasInitialIdx = initialActiveAreaIndex !== undefined;
     const fullHeight = use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
@@ -262,7 +258,7 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
             invisible: hideOverlay,
         }, disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn(styles.modal, modalClassName), wrapperClassName: cn(modalWrapperClassName, {
             [styles.disabledPointerEvents]: hideOverlay,
-        }), disableBlockingScroll: disableBlockingScroll, transitionProps: {
+        }), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: {
             appear: true,
             timeout: TIMEOUT,
             classNames: styles,

package/bottom-sheet/modern/index.js

@@ -6,6 +6,7 @@ import 'react-merge-refs';
 import 'react-swipeable';
 import 'classnames';
 import '../../base-modal/modern';
+import '../../shared/modern';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar/modern';

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

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/bottom-sheet/types.d.ts

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/button/Component.js

@@ -6,6 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsSpinner = require('../spinner');
 var hooks = require('@alfalab/hooks');
+var coreComponentsShared = require('../shared');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -13,11 +14,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var styles = {"component":"button__component_k71oh","focused":"button__focused_k71oh","loading":"button__loading_k71oh","text":"button__text_k71oh","addons":"button__addons_k71oh","stretchText":"button__stretchText_k71oh","loader":"button__loader_k71oh","xxs":"button__xxs_k71oh","iconOnly":"button__iconOnly_k71oh","xs":"button__xs_k71oh","s":"button__s_k71oh","m":"button__m_k71oh","l":"button__l_k71oh","xl":"button__xl_k71oh","withRightAddons":"button__withRightAddons_k71oh","ghost":"button__ghost_k71oh","withLeftAddons":"button__withLeftAddons_k71oh","link":"button__link_k71oh","block":"button__block_k71oh","nowrap":"button__nowrap_k71oh"};
 require('./index.css');
 
@@ -83,7 +79,7 @@ var Button = React__default.default.forwardRef(function (_a, ref) {
                 _c[styles.nowrap] = nowrap,
                 _c[styles.stretchText] = !(leftAddons || rightAddons),
                 _c)) }, children)),
-        showLoader && (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(styles.loader, colorStyles[colors].loader, spinnerClassName) })),
+        showLoader && (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(styles.loader, colorStyles[colors].loader, spinnerClassName) })),
         rightAddons && React__default.default.createElement("span", { className: styles.addons }, rightAddons)));
     React.useEffect(function () {
         if (loading) {

package/button/cssm/Component.js

@@ -6,6 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsSpinner = require('../../spinner/cssm');
 var hooks = require('@alfalab/hooks');
+var coreComponentsShared = require('../../shared/cssm');
 var styles = require('./index.module.css');
 var defaultColors = require('./default.module.css');
 var invertedColors = require('./inverted.module.css');
@@ -19,11 +20,6 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
 var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var colorStyles = {
     default: defaultColors__default.default,
     inverted: invertedColors__default.default,
@@ -80,7 +76,7 @@ var Button = React__default.default.forwardRef(function (_a, ref) {
                 _c[styles__default.default.nowrap] = nowrap,
                 _c[styles__default.default.stretchText] = !(leftAddons || rightAddons),
                 _c)) }, children)),
-        showLoader && (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(styles__default.default.loader, colorStyles[colors].loader, spinnerClassName) })),
+        showLoader && (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(styles__default.default.loader, colorStyles[colors].loader, spinnerClassName) })),
         rightAddons && React__default.default.createElement("span", { className: styles__default.default.addons }, rightAddons)));
     React.useEffect(function () {
         if (loading) {

package/button/cssm/index.js

@@ -7,6 +7,7 @@ require('react-merge-refs');
 require('classnames');
 require('../../spinner/cssm');
 require('@alfalab/hooks');
+require('../../shared/cssm');
 require('./index.module.css');
 require('./default.module.css');
 require('./inverted.module.css');

package/button/esm/Component.js

@@ -4,11 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Spinner } from '../../spinner/esm';
 import { useFocus } from '@alfalab/hooks';
-
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
+import { getDataTestId } from '../../shared/esm';
 
 var styles = {"component":"button__component_k71oh","focused":"button__focused_k71oh","loading":"button__loading_k71oh","text":"button__text_k71oh","addons":"button__addons_k71oh","stretchText":"button__stretchText_k71oh","loader":"button__loader_k71oh","xxs":"button__xxs_k71oh","iconOnly":"button__iconOnly_k71oh","xs":"button__xs_k71oh","s":"button__s_k71oh","m":"button__m_k71oh","l":"button__l_k71oh","xl":"button__xl_k71oh","withRightAddons":"button__withRightAddons_k71oh","ghost":"button__ghost_k71oh","withLeftAddons":"button__withLeftAddons_k71oh","link":"button__link_k71oh","block":"button__block_k71oh","nowrap":"button__nowrap_k71oh"};
 require('./index.css');

package/button/esm/index.js

@@ -5,3 +5,4 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../spinner/esm';
 import '@alfalab/hooks';
+import '../../shared/esm';

package/button/index.js

@@ -7,6 +7,7 @@ require('react-merge-refs');
 require('classnames');
 require('../spinner');
 require('@alfalab/hooks');
+require('../shared');
 
 
 

package/button/modern/Component.js

@@ -3,11 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Spinner } from '../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
-
-const getDataTestId = (dataTestId, element) => {
-    const elementPart = element ? `-${element.toLowerCase()}` : '';
-    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
-};
+import { getDataTestId } from '../../shared/modern';
 
 const styles = {"component":"button__component_k71oh","focused":"button__focused_k71oh","loading":"button__loading_k71oh","text":"button__text_k71oh","addons":"button__addons_k71oh","stretchText":"button__stretchText_k71oh","loader":"button__loader_k71oh","xxs":"button__xxs_k71oh","iconOnly":"button__iconOnly_k71oh","xs":"button__xs_k71oh","s":"button__s_k71oh","m":"button__m_k71oh","l":"button__l_k71oh","xl":"button__xl_k71oh","withRightAddons":"button__withRightAddons_k71oh","ghost":"button__ghost_k71oh","withLeftAddons":"button__withLeftAddons_k71oh","link":"button__link_k71oh","block":"button__block_k71oh","nowrap":"button__nowrap_k71oh"};
 require('./index.css');

package/button/modern/index.js

@@ -4,3 +4,4 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../spinner/modern';
 import '@alfalab/hooks';
+import '../../shared/modern';

package/calendar/Component.responsive.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+import { CalendarMobileProps } from "./components/calendar-mobile/index";
+import { CalendarDesktopProps } from "./Component.desktop";
+type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDesktopProps & {
+    open: boolean;
+    title?: string | undefined;
+    onClose?: (() => void) | undefined;
+    yearsAmount?: number | undefined;
+    hasHeader?: boolean | undefined;
+    allowSelectionFromEmptyRange?: boolean | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { ResponsiveCalendarProps, CalendarResponsive };