@alfalab/core-components-bottom-sheet 4.7.0 → 4.8.0

package/{esm/component-1a553fe5.d.ts → component-04a87905.d.ts}

@@ -58,12 +58,17 @@ type HeaderProps = {
      * Фиксирует шапку
      */
     sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Обработчик нажатия на стрелку назад
      */
     onBack?: () => void;
 };
 declare const Header: FC<HeaderProps>;
+declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
 type BottomSheetTitleAlign$0 = 'center' | 'left';
 type BottomSheetProps = {
     /**
@@ -219,4 +224,4 @@ type BottomSheetProps = {
 declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, BottomSheetTitleAlign$0 as BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };
+export { HeaderProps, Header, getDataTestId, BottomSheetTitleAlign$0 as BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };

package/{component-a50a831b.js → component-04a87905.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7fdb05e4.js');
+var tslib_es6 = require('./tslib.es6-de66c327.js');
 var React = require('react');
 var cn = require('classnames');
 var reactDiv100vh = require('react-div-100vh');
@@ -17,12 +17,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-" + element.toLowerCase() : '';
+    return dataTestId ? "" + dataTestId + elementPart : undefined;
+};
+
 var styles = {"headerWrapper":"bottom-sheet__headerWrapper_la2qp","header":"bottom-sheet__header_la2qp","sticky":"bottom-sheet__sticky_la2qp","highlighted":"bottom-sheet__highlighted_la2qp","justifyEnd":"bottom-sheet__justifyEnd_la2qp","addon":"bottom-sheet__addon_la2qp","addonFixed":"bottom-sheet__addonFixed_la2qp","addonLeft":"bottom-sheet__addonLeft_la2qp","addonRight":"bottom-sheet__addonRight_la2qp","title":"bottom-sheet__title_la2qp","titleCenter":"bottom-sheet__titleCenter_la2qp","titleLeft":"bottom-sheet__titleLeft_la2qp","trimTitle":"bottom-sheet__trimTitle_la2qp","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_la2qp","titleIndentRight":"bottom-sheet__titleIndentRight_la2qp","titleIndentLeft":"bottom-sheet__titleIndentLeft_la2qp"};
 require('./components/header/index.css')
 
 var Header = function (_a) {
     var _b, _c, _d, _e, _f;
-    var title = _a.title, headerClassName = _a.headerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, titleAlign = _a.titleAlign, trimTitle = _a.trimTitle, sticky = _a.sticky, onBack = _a.onBack;
+    var title = _a.title, headerClassName = _a.headerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, titleAlign = _a.titleAlign, trimTitle = _a.trimTitle, sticky = _a.sticky, dataTestId = _a.dataTestId, onBack = _a.onBack;
     var _g = React.useContext(coreComponentsBaseModal.BaseModalContext), headerHighlighted = _g.headerHighlighted, setHasHeader = _g.setHasHeader, setHeaderOffset = _g.setHeaderOffset;
     var hasLeftPart = hasBacker || leftAddons || titleAlign === 'center';
     var hasRightPart = hasCloser || rightAddons || titleAlign === 'center';
@@ -47,23 +52,23 @@ var Header = function (_a) {
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.headerWrapper, headerClassName, (_b = {},
             _b[styles.highlighted] = headerHighlighted && sticky,
             _b[styles.sticky] = sticky,
-            _b)) },
+            _b)), "data-test-id": getDataTestId(dataTestId) },
         React__default['default'].createElement("div", { className: cn__default['default'](styles.header, headerClassName, (_c = {},
                 _c[styles.justifyEnd] = !title,
                 _c)) },
             hasLeftPart && (React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, addonClassName, (_d = {},
                     _d[styles.addonFixed] = !sticky,
                     _d[styles.addonLeft] = !sticky,
-                    _d)) }, hasBacker ? (React__default['default'].createElement(components_backer_Component.Backer, { className: backerClassName, onClick: onBack })) : (leftAddons))),
+                    _d)) }, hasBacker ? (React__default['default'].createElement(components_backer_Component.Backer, { className: backerClassName, onClick: onBack, dataTestId: getDataTestId(dataTestId, 'backer') })) : (leftAddons))),
             hasHeaderContent && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-large', weight: 'bold', className: cn__default['default'](styles.title, getTitleIndent(), (_e = {},
                     _e[styles.titleCenter] = titleAlign === 'center',
                     _e[styles.titleLeft] = titleAlign === 'left',
                     _e[styles.trimTitle] = trimTitle,
-                    _e)), color: 'primary' }, title)),
+                    _e)), color: 'primary', dataTestId: getDataTestId(dataTestId, 'title') }, title)),
             hasRightPart && (React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, addonClassName, (_f = {},
                     _f[styles.addonFixed] = !sticky,
                     _f[styles.addonRight] = !sticky,
-                    _f)) }, hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { className: closerClassName }) : rightAddons))),
+                    _f)) }, hasCloser ? (React__default['default'].createElement(components_closer_Component.Closer, { className: closerClassName, dataTestId: getDataTestId(dataTestId, 'closer') })) : (rightAddons)))),
         bottomAddons));
 };
 
@@ -106,6 +111,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         titleAlign: titleAlign,
         trimTitle: trimTitle,
         sticky: stickyHeader,
+        dataTestId: getDataTestId(dataTestId, 'header'),
         onBack: onBack,
     };
     var getBackdropOpacity = function (offset) {

package/component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-7fdb05e4.js');
+require('./tslib.es6-de66c327.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -14,7 +14,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-a50a831b.js');
+var components_header_Component = require('./component-04a87905.js');
 require('./components/footer/Component.js');
 require('@alfalab/core-components-backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/components/backer/Component.d.ts

@@ -15,6 +15,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Иконка
      */
     icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Обработчик нажатия
      */

package/components/backer/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7fdb05e4.js');
+var tslib_es6 = require('../../tslib.es6-de66c327.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
@@ -17,9 +17,9 @@ var styles = {"backer":"bottom-sheet__backer_1r71r","button":"bottom-sheet__butt
 require('./index.css')
 
 var Backer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? ArrowBackMIcon.ArrowBackMIcon : _c, onClick = _a.onClick, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "onClick"]);
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? ArrowBackMIcon.ArrowBackMIcon : _c, dataTestId = _a.dataTestId, onClick = _a.onClick, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "dataTestId", "onClick"]);
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.backer, className) },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon }, restProps))));
+        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 exports.Backer = Backer;

package/components/closer/Component.d.ts

@@ -11,6 +11,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Размер кнопки
      */
     size?: IconButtonProps['size'];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Иконка
      */

package/components/closer/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7fdb05e4.js');
+var tslib_es6 = require('../../tslib.es6-de66c327.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
@@ -18,13 +18,13 @@ var styles = {"closer":"bottom-sheet__closer_1rjy4","button":"bottom-sheet__butt
 require('./index.css')
 
 var Closer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? CrossMIcon.CrossMIcon : _c, restProps = tslib_es6.__rest(_a, ["className", "size", "icon"]);
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? CrossMIcon.CrossMIcon : _c, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "dataTestId"]);
     var onClose = React.useContext(coreComponentsBaseModal.BaseModalContext).onClose;
     var handleClick = React.useCallback(function (event) {
         onClose(event, 'closerClick');
     }, [onClose]);
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.closer, className) },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
+        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 exports.Closer = Closer;

package/components/header/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7fdb05e4.js');
+require('../../tslib.es6-de66c327.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -14,7 +14,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('../closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('../backer/Component.js');
-var components_header_Component = require('../../component-a50a831b.js');
+var components_header_Component = require('../../component-04a87905.js');
 require('../footer/Component.js');
 require('@alfalab/core-components-backdrop');
 require('../swipeable-backdrop/Component.js');

package/components/swipeable-backdrop/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7fdb05e4.js');
+var tslib_es6 = require('../../tslib.es6-de66c327.js');
 var React = require('react');
 var coreComponentsBackdrop = require('@alfalab/core-components-backdrop');
 

package/{component-a50a831b.d.ts → cssm/component-c65ae511.d.ts}

@@ -58,12 +58,17 @@ type HeaderProps = {
      * Фиксирует шапку
      */
     sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Обработчик нажатия на стрелку назад
      */
     onBack?: () => void;
 };
 declare const Header: FC<HeaderProps>;
+declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
 type BottomSheetTitleAlign$0 = 'center' | 'left';
 type BottomSheetProps = {
     /**
@@ -219,4 +224,4 @@ type BottomSheetProps = {
 declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, BottomSheetTitleAlign$0 as BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };
+export { HeaderProps, Header, getDataTestId, BottomSheetTitleAlign$0 as BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };

package/cssm/{component-78755a1d.js → component-c65ae511.js}

@@ -21,9 +21,14 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 var styles__default$1 = /*#__PURE__*/_interopDefaultLegacy(styles$1);
 
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-" + element.toLowerCase() : '';
+    return dataTestId ? "" + dataTestId + elementPart : undefined;
+};
+
 var Header = function (_a) {
     var _b, _c, _d, _e, _f;
-    var title = _a.title, headerClassName = _a.headerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, titleAlign = _a.titleAlign, trimTitle = _a.trimTitle, sticky = _a.sticky, onBack = _a.onBack;
+    var title = _a.title, headerClassName = _a.headerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, titleAlign = _a.titleAlign, trimTitle = _a.trimTitle, sticky = _a.sticky, dataTestId = _a.dataTestId, onBack = _a.onBack;
     var _g = React.useContext(coreComponentsBaseModal.BaseModalContext), headerHighlighted = _g.headerHighlighted, setHasHeader = _g.setHasHeader, setHeaderOffset = _g.setHeaderOffset;
     var hasLeftPart = hasBacker || leftAddons || titleAlign === 'center';
     var hasRightPart = hasCloser || rightAddons || titleAlign === 'center';
@@ -48,23 +53,23 @@ var Header = function (_a) {
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].headerWrapper, headerClassName, (_b = {},
             _b[styles__default['default'].highlighted] = headerHighlighted && sticky,
             _b[styles__default['default'].sticky] = sticky,
-            _b)) },
+            _b)), "data-test-id": getDataTestId(dataTestId) },
         React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].header, headerClassName, (_c = {},
                 _c[styles__default['default'].justifyEnd] = !title,
                 _c)) },
             hasLeftPart && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].addon, addonClassName, (_d = {},
                     _d[styles__default['default'].addonFixed] = !sticky,
                     _d[styles__default['default'].addonLeft] = !sticky,
-                    _d)) }, hasBacker ? (React__default['default'].createElement(components_backer_Component.Backer, { className: backerClassName, onClick: onBack })) : (leftAddons))),
+                    _d)) }, hasBacker ? (React__default['default'].createElement(components_backer_Component.Backer, { className: backerClassName, onClick: onBack, dataTestId: getDataTestId(dataTestId, 'backer') })) : (leftAddons))),
             hasHeaderContent && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-large', weight: 'bold', className: cn__default['default'](styles__default['default'].title, getTitleIndent(), (_e = {},
                     _e[styles__default['default'].titleCenter] = titleAlign === 'center',
                     _e[styles__default['default'].titleLeft] = titleAlign === 'left',
                     _e[styles__default['default'].trimTitle] = trimTitle,
-                    _e)), color: 'primary' }, title)),
+                    _e)), color: 'primary', dataTestId: getDataTestId(dataTestId, 'title') }, title)),
             hasRightPart && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].addon, addonClassName, (_f = {},
                     _f[styles__default['default'].addonFixed] = !sticky,
                     _f[styles__default['default'].addonRight] = !sticky,
-                    _f)) }, hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { className: closerClassName }) : rightAddons))),
+                    _f)) }, hasCloser ? (React__default['default'].createElement(components_closer_Component.Closer, { className: closerClassName, dataTestId: getDataTestId(dataTestId, 'closer') })) : (rightAddons)))),
         bottomAddons));
 };
 
@@ -104,6 +109,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         titleAlign: titleAlign,
         trimTitle: trimTitle,
         sticky: stickyHeader,
+        dataTestId: getDataTestId(dataTestId, 'header'),
         onBack: onBack,
     };
     var getBackdropOpacity = function (offset) {

package/cssm/component.js

@@ -16,8 +16,8 @@ require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/index.module.css');
 require('./components/backer/Component.js');
+var components_header_Component = require('./component-c65ae511.js');
 require('./components/header/index.module.css');
-var components_header_Component = require('./component-78755a1d.js');
 require('./components/footer/index.module.css');
 require('./components/footer/Component.js');
 require('@alfalab/core-components-backdrop/cssm');

package/cssm/components/backer/Component.d.ts

@@ -15,6 +15,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Иконка
      */
     icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Обработчик нажатия
      */

package/cssm/components/backer/Component.js

@@ -16,9 +16,9 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Backer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? ArrowBackMIcon.ArrowBackMIcon : _c, onClick = _a.onClick, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "onClick"]);
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? ArrowBackMIcon.ArrowBackMIcon : _c, dataTestId = _a.dataTestId, onClick = _a.onClick, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "dataTestId", "onClick"]);
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].backer, className) },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles__default['default'].button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon }, restProps))));
+        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles__default['default'].button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 exports.Backer = Backer;

package/cssm/components/closer/Component.d.ts

@@ -11,6 +11,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Размер кнопки
      */
     size?: IconButtonProps['size'];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Иконка
      */

package/cssm/components/closer/Component.js

@@ -17,13 +17,13 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Closer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? CrossMIcon.CrossMIcon : _c, restProps = tslib_es6.__rest(_a, ["className", "size", "icon"]);
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? CrossMIcon.CrossMIcon : _c, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "dataTestId"]);
     var onClose = React.useContext(coreComponentsBaseModal.BaseModalContext).onClose;
     var handleClick = React.useCallback(function (event) {
         onClose(event, 'closerClick');
     }, [onClose]);
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].closer, className) },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles__default['default'].button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
+        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles__default['default'].button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 exports.Closer = Closer;

package/cssm/components/header/Component.js

@@ -16,8 +16,8 @@ require('../closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('../backer/index.module.css');
 require('../backer/Component.js');
+var components_header_Component = require('../../component-c65ae511.js');
 require('./index.module.css');
-var components_header_Component = require('../../component-78755a1d.js');
 require('../footer/index.module.css');
 require('../footer/Component.js');
 require('@alfalab/core-components-backdrop/cssm');

package/cssm/index.d.ts

@@ -1 +1 @@
-export * from "./component-78755a1d";
+export * from "./component-c65ae511";

package/cssm/index.js

@@ -16,8 +16,8 @@ require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/index.module.css');
 require('./components/backer/Component.js');
+var components_header_Component = require('./component-c65ae511.js');
 require('./components/header/index.module.css');
-var components_header_Component = require('./component-78755a1d.js');
 require('./components/footer/index.module.css');
 require('./components/footer/Component.js');
 require('@alfalab/core-components-backdrop/cssm');

package/{modern/component-cc142f56.d.ts → esm/component-832b5b27.d.ts}

@@ -58,12 +58,17 @@ type HeaderProps = {
      * Фиксирует шапку
      */
     sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Обработчик нажатия на стрелку назад
      */
     onBack?: () => void;
 };
 declare const Header: FC<HeaderProps>;
+declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
 type BottomSheetTitleAlign$0 = 'center' | 'left';
 type BottomSheetProps = {
     /**
@@ -219,4 +224,4 @@ type BottomSheetProps = {
 declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, BottomSheetTitleAlign$0 as BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };
+export { HeaderProps, Header, getDataTestId, BottomSheetTitleAlign$0 as BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };

package/esm/{component-1a553fe5.js → component-832b5b27.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-f0ff4ec2.js';
+import { _ as __assign } from './tslib.es6-5e201f5d.js';
 import React, { useContext, useEffect, forwardRef, useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 import { use100vh } from 'react-div-100vh';
@@ -10,12 +10,17 @@ import { Backer } from './components/backer/Component.js';
 import { Footer } from './components/footer/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-" + element.toLowerCase() : '';
+    return dataTestId ? "" + dataTestId + elementPart : undefined;
+};
+
 var styles = {"headerWrapper":"bottom-sheet__headerWrapper_la2qp","header":"bottom-sheet__header_la2qp","sticky":"bottom-sheet__sticky_la2qp","highlighted":"bottom-sheet__highlighted_la2qp","justifyEnd":"bottom-sheet__justifyEnd_la2qp","addon":"bottom-sheet__addon_la2qp","addonFixed":"bottom-sheet__addonFixed_la2qp","addonLeft":"bottom-sheet__addonLeft_la2qp","addonRight":"bottom-sheet__addonRight_la2qp","title":"bottom-sheet__title_la2qp","titleCenter":"bottom-sheet__titleCenter_la2qp","titleLeft":"bottom-sheet__titleLeft_la2qp","trimTitle":"bottom-sheet__trimTitle_la2qp","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_la2qp","titleIndentRight":"bottom-sheet__titleIndentRight_la2qp","titleIndentLeft":"bottom-sheet__titleIndentLeft_la2qp"};
 require('./components/header/index.css')
 
 var Header = function (_a) {
     var _b, _c, _d, _e, _f;
-    var title = _a.title, headerClassName = _a.headerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, titleAlign = _a.titleAlign, trimTitle = _a.trimTitle, sticky = _a.sticky, onBack = _a.onBack;
+    var title = _a.title, headerClassName = _a.headerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, titleAlign = _a.titleAlign, trimTitle = _a.trimTitle, sticky = _a.sticky, dataTestId = _a.dataTestId, onBack = _a.onBack;
     var _g = useContext(BaseModalContext), headerHighlighted = _g.headerHighlighted, setHasHeader = _g.setHasHeader, setHeaderOffset = _g.setHeaderOffset;
     var hasLeftPart = hasBacker || leftAddons || titleAlign === 'center';
     var hasRightPart = hasCloser || rightAddons || titleAlign === 'center';
@@ -40,23 +45,23 @@ var Header = function (_a) {
     return (React.createElement("div", { className: cn(styles.headerWrapper, headerClassName, (_b = {},
             _b[styles.highlighted] = headerHighlighted && sticky,
             _b[styles.sticky] = sticky,
-            _b)) },
+            _b)), "data-test-id": getDataTestId(dataTestId) },
         React.createElement("div", { className: cn(styles.header, headerClassName, (_c = {},
                 _c[styles.justifyEnd] = !title,
                 _c)) },
             hasLeftPart && (React.createElement("div", { className: cn(styles.addon, addonClassName, (_d = {},
                     _d[styles.addonFixed] = !sticky,
                     _d[styles.addonLeft] = !sticky,
-                    _d)) }, hasBacker ? (React.createElement(Backer, { className: backerClassName, onClick: onBack })) : (leftAddons))),
+                    _d)) }, hasBacker ? (React.createElement(Backer, { className: backerClassName, onClick: onBack, dataTestId: getDataTestId(dataTestId, 'backer') })) : (leftAddons))),
             hasHeaderContent && (React.createElement(Typography.Text, { view: 'primary-large', weight: 'bold', className: cn(styles.title, getTitleIndent(), (_e = {},
                     _e[styles.titleCenter] = titleAlign === 'center',
                     _e[styles.titleLeft] = titleAlign === 'left',
                     _e[styles.trimTitle] = trimTitle,
-                    _e)), color: 'primary' }, title)),
+                    _e)), color: 'primary', dataTestId: getDataTestId(dataTestId, 'title') }, title)),
             hasRightPart && (React.createElement("div", { className: cn(styles.addon, addonClassName, (_f = {},
                     _f[styles.addonFixed] = !sticky,
                     _f[styles.addonRight] = !sticky,
-                    _f)) }, hasCloser ? React.createElement(Closer, { className: closerClassName }) : rightAddons))),
+                    _f)) }, hasCloser ? (React.createElement(Closer, { className: closerClassName, dataTestId: getDataTestId(dataTestId, 'closer') })) : (rightAddons)))),
         bottomAddons));
 };
 
@@ -99,6 +104,7 @@ var BottomSheet = forwardRef(function (_a, ref) {
         titleAlign: titleAlign,
         trimTitle: trimTitle,
         sticky: stickyHeader,
+        dataTestId: getDataTestId(dataTestId, 'header'),
         onBack: onBack,
     };
     var getBackdropOpacity = function (offset) {

package/esm/component.js

@@ -1,4 +1,4 @@
-import './tslib.es6-f0ff4ec2.js';
+import './tslib.es6-5e201f5d.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import './components/backer/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-1a553fe5.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-832b5b27.js';
 import './components/footer/Component.js';
 import '@alfalab/core-components-backdrop/esm';
 import './components/swipeable-backdrop/Component.js';

package/esm/components/backer/Component.d.ts

@@ -15,6 +15,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Иконка
      */
     icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Обработчик нажатия
      */

package/esm/components/backer/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-f0ff4ec2.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-5e201f5d.js';
 import React from 'react';
 import cn from 'classnames';
 import { IconButton } from '@alfalab/core-components-icon-button/esm';
@@ -8,9 +8,9 @@ var styles = {"backer":"bottom-sheet__backer_1r71r","button":"bottom-sheet__butt
 require('./index.css')
 
 var Backer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? ArrowBackMIcon : _c, onClick = _a.onClick, restProps = __rest(_a, ["className", "size", "icon", "onClick"]);
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? ArrowBackMIcon : _c, dataTestId = _a.dataTestId, onClick = _a.onClick, restProps = __rest(_a, ["className", "size", "icon", "dataTestId", "onClick"]);
     return (React.createElement("div", { className: cn(styles.backer, className) },
-        React.createElement(IconButton, __assign({ size: size, className: styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon }, restProps))));
+        React.createElement(IconButton, __assign({ size: size, className: styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 export { Backer };

package/esm/components/closer/Component.d.ts

@@ -11,6 +11,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Размер кнопки
      */
     size?: IconButtonProps['size'];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Иконка
      */

package/esm/components/closer/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-f0ff4ec2.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-5e201f5d.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
@@ -9,13 +9,13 @@ var styles = {"closer":"bottom-sheet__closer_1rjy4","button":"bottom-sheet__butt
 require('./index.css')
 
 var Closer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? CrossMIcon : _c, restProps = __rest(_a, ["className", "size", "icon"]);
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? CrossMIcon : _c, dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "size", "icon", "dataTestId"]);
     var onClose = useContext(BaseModalContext).onClose;
     var handleClick = useCallback(function (event) {
         onClose(event, 'closerClick');
     }, [onClose]);
     return (React.createElement("div", { className: cn(styles.closer, className) },
-        React.createElement(IconButton, __assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
+        React.createElement(IconButton, __assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 export { Closer };

package/esm/components/header/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-f0ff4ec2.js';
+import '../../tslib.es6-5e201f5d.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import '../closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import '../backer/Component.js';
-export { a as Header } from '../../component-1a553fe5.js';
+export { a as Header } from '../../component-832b5b27.js';
 import '../footer/Component.js';
 import '@alfalab/core-components-backdrop/esm';
 import '../swipeable-backdrop/Component.js';

package/esm/components/swipeable-backdrop/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-f0ff4ec2.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-5e201f5d.js';
 import React from 'react';
 import { Backdrop } from '@alfalab/core-components-backdrop/esm';
 

package/esm/index.d.ts

@@ -1 +1 @@
-export * from "./component-1a553fe5";
+export * from "./component-832b5b27";

package/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-f0ff4ec2.js';
+import './tslib.es6-5e201f5d.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import './components/backer/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-1a553fe5.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-832b5b27.js';
 import './components/footer/Component.js';
 import '@alfalab/core-components-backdrop/esm';
 import './components/swipeable-backdrop/Component.js';

package/index.d.ts

@@ -1 +1 @@
-export * from "./component-a50a831b";
+export * from "./component-04a87905";

package/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-7fdb05e4.js');
+require('./tslib.es6-de66c327.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -14,7 +14,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-a50a831b.js');
+var components_header_Component = require('./component-04a87905.js');
 require('./components/footer/Component.js');
 require('@alfalab/core-components-backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/{cssm/component-78755a1d.d.ts → modern/component-f11740c6.d.ts}

@@ -58,12 +58,17 @@ type HeaderProps = {
      * Фиксирует шапку
      */
     sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Обработчик нажатия на стрелку назад
      */
     onBack?: () => void;
 };
 declare const Header: FC<HeaderProps>;
+declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
 type BottomSheetTitleAlign$0 = 'center' | 'left';
 type BottomSheetProps = {
     /**
@@ -219,4 +224,4 @@ type BottomSheetProps = {
 declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, BottomSheetTitleAlign$0 as BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };
+export { HeaderProps, Header, getDataTestId, BottomSheetTitleAlign$0 as BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet };

package/modern/{component-cc142f56.js → component-f11740c6.js}

@@ -9,10 +9,15 @@ import { Backer } from './components/backer/Component.js';
 import { Footer } from './components/footer/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 
+const getDataTestId = (dataTestId, element) => {
+    const elementPart = element ? `-${element.toLowerCase()}` : '';
+    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
+};
+
 var styles = {"headerWrapper":"bottom-sheet__headerWrapper_la2qp","header":"bottom-sheet__header_la2qp","sticky":"bottom-sheet__sticky_la2qp","highlighted":"bottom-sheet__highlighted_la2qp","justifyEnd":"bottom-sheet__justifyEnd_la2qp","addon":"bottom-sheet__addon_la2qp","addonFixed":"bottom-sheet__addonFixed_la2qp","addonLeft":"bottom-sheet__addonLeft_la2qp","addonRight":"bottom-sheet__addonRight_la2qp","title":"bottom-sheet__title_la2qp","titleCenter":"bottom-sheet__titleCenter_la2qp","titleLeft":"bottom-sheet__titleLeft_la2qp","trimTitle":"bottom-sheet__trimTitle_la2qp","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_la2qp","titleIndentRight":"bottom-sheet__titleIndentRight_la2qp","titleIndentLeft":"bottom-sheet__titleIndentLeft_la2qp"};
 require('./components/header/index.css')
 
-const Header = ({ title, headerClassName, addonClassName, closerClassName, backerClassName, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign, trimTitle, sticky, onBack, }) => {
+const Header = ({ title, headerClassName, addonClassName, closerClassName, backerClassName, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign, trimTitle, sticky, dataTestId, onBack, }) => {
     const { headerHighlighted, setHasHeader, setHeaderOffset } = useContext(BaseModalContext);
     const hasLeftPart = hasBacker || leftAddons || titleAlign === 'center';
     const hasRightPart = hasCloser || rightAddons || titleAlign === 'center';
@@ -36,23 +41,23 @@ const Header = ({ title, headerClassName, addonClassName, closerClassName, backe
     return (React.createElement("div", { className: cn(styles.headerWrapper, headerClassName, {
             [styles.highlighted]: headerHighlighted && sticky,
             [styles.sticky]: sticky,
-        }) },
+        }), "data-test-id": getDataTestId(dataTestId) },
         React.createElement("div", { className: cn(styles.header, headerClassName, {
                 [styles.justifyEnd]: !title,
             }) },
             hasLeftPart && (React.createElement("div", { className: cn(styles.addon, addonClassName, {
                     [styles.addonFixed]: !sticky,
                     [styles.addonLeft]: !sticky,
-                }) }, hasBacker ? (React.createElement(Backer, { className: backerClassName, onClick: onBack })) : (leftAddons))),
+                }) }, hasBacker ? (React.createElement(Backer, { className: backerClassName, onClick: onBack, dataTestId: getDataTestId(dataTestId, 'backer') })) : (leftAddons))),
             hasHeaderContent && (React.createElement(Typography.Text, { view: 'primary-large', weight: 'bold', className: cn(styles.title, getTitleIndent(), {
                     [styles.titleCenter]: titleAlign === 'center',
                     [styles.titleLeft]: titleAlign === 'left',
                     [styles.trimTitle]: trimTitle,
-                }), color: 'primary' }, title)),
+                }), color: 'primary', dataTestId: getDataTestId(dataTestId, 'title') }, title)),
             hasRightPart && (React.createElement("div", { className: cn(styles.addon, addonClassName, {
                     [styles.addonFixed]: !sticky,
                     [styles.addonRight]: !sticky,
-                }) }, hasCloser ? React.createElement(Closer, { className: closerClassName }) : rightAddons))),
+                }) }, hasCloser ? (React.createElement(Closer, { className: closerClassName, dataTestId: getDataTestId(dataTestId, 'closer') })) : (rightAddons)))),
         bottomAddons));
 };
 
@@ -93,6 +98,7 @@ const BottomSheet = forwardRef(({ open, title, actionButton, contentClassName, c
         titleAlign,
         trimTitle,
         sticky: stickyHeader,
+        dataTestId: getDataTestId(dataTestId, 'header'),
         onBack,
     };
     const getBackdropOpacity = (offset) => {

package/modern/component.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import './components/backer/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-cc142f56.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-f11740c6.js';
 import './components/footer/Component.js';
 import '@alfalab/core-components-backdrop/modern';
 import './components/swipeable-backdrop/Component.js';

package/modern/components/backer/Component.d.ts

@@ -15,6 +15,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Иконка
      */
     icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Обработчик нажатия
      */

package/modern/components/backer/Component.js

@@ -6,9 +6,9 @@ import { ArrowBackMIcon } from '@alfalab/icons-glyph/ArrowBackMIcon';
 var styles = {"backer":"bottom-sheet__backer_1r71r","button":"bottom-sheet__button_1r71r"};
 require('./index.css')
 
-const Backer = ({ className, size = 'xs', icon = ArrowBackMIcon, onClick, ...restProps }) => {
+const Backer = ({ className, size = 'xs', icon = ArrowBackMIcon, dataTestId, onClick, ...restProps }) => {
     return (React.createElement("div", { className: cn(styles.backer, className) },
-        React.createElement(IconButton, Object.assign({ size: size, className: styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon }, restProps))));
+        React.createElement(IconButton, Object.assign({ size: size, className: styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 export { Backer };

package/modern/components/closer/Component.d.ts

@@ -11,6 +11,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Размер кнопки
      */
     size?: IconButtonProps['size'];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
      * Иконка
      */

package/modern/components/closer/Component.js

@@ -7,13 +7,13 @@ import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 var styles = {"closer":"bottom-sheet__closer_1rjy4","button":"bottom-sheet__button_1rjy4"};
 require('./index.css')
 
-const Closer = ({ className, size = 'xs', icon = CrossMIcon, ...restProps }) => {
+const Closer = ({ className, size = 'xs', icon = CrossMIcon, dataTestId, ...restProps }) => {
     const { onClose } = useContext(BaseModalContext);
     const handleClick = useCallback((event) => {
         onClose(event, 'closerClick');
     }, [onClose]);
     return (React.createElement("div", { className: cn(styles.closer, className) },
-        React.createElement(IconButton, Object.assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
+        React.createElement(IconButton, Object.assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 export { Closer };

package/modern/components/header/Component.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import '../closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import '../backer/Component.js';
-export { a as Header } from '../../component-cc142f56.js';
+export { a as Header } from '../../component-f11740c6.js';
 import '../footer/Component.js';
 import '@alfalab/core-components-backdrop/modern';
 import '../swipeable-backdrop/Component.js';

package/modern/index.d.ts

@@ -1 +1 @@
-export * from "./component-cc142f56";
+export * from "./component-f11740c6";

package/modern/index.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import './components/backer/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-cc142f56.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-f11740c6.js';
 import './components/footer/Component.js';
 import '@alfalab/core-components-backdrop/modern';
 import './components/swipeable-backdrop/Component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-bottom-sheet",
-    "version": "4.7.0",
+    "version": "4.8.0",
     "description": "Bottom sheet mobile component",
     "keywords": [],
     "license": "MIT",

package/CHANGELOG.md

@@ -1,335 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [4.7.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.6.2...@alfalab/core-components-bottom-sheet@4.7.0) (2022-08-04)
-
-
-### Features
-
-* react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))
-
-
-
-
-
-## [4.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.6.1...@alfalab/core-components-bottom-sheet@4.6.2) (2022-07-25)
-
-
-### Bug Fixes
-
-* **bottom-sheet:** fix component border-radius ([#157](https://github.com/core-ds/core-components/issues/157)) ([57b767e](https://github.com/core-ds/core-components/commit/57b767e43e40e9170967e3a53481e21f92cb0190))
-* **bottom-sheet:** fix doc ([#163](https://github.com/core-ds/core-components/issues/163)) ([cbf3282](https://github.com/core-ds/core-components/commit/cbf32828bc2fe472d59d52c1e5644e7934262d73))
-
-
-
-
-
-## [4.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.6.0...@alfalab/core-components-bottom-sheet@4.6.1) (2022-07-18)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-# [4.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.5.2...@alfalab/core-components-bottom-sheet@4.6.0) (2022-07-15)
-
-
-### Features
-
-* **bottom-sheet:** add props for disable blocking scroll and modal wrapper classname ([#147](https://github.com/core-ds/core-components/issues/147)) ([a873c20](https://github.com/core-ds/core-components/commit/a873c2035d4885c1b8e5ffae02ce75c4826d1e71))
-
-
-
-
-
-## [4.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.5.1...@alfalab/core-components-bottom-sheet@4.5.2) (2022-07-15)
-
-
-### Bug Fixes
-
-* bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))
-
-
-
-
-
-## [4.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.5.0...@alfalab/core-components-bottom-sheet@4.5.1) (2022-07-14)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-# [4.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.4.2...@alfalab/core-components-bottom-sheet@4.5.0) (2022-07-11)
-
-
-### Features
-
-* **bottom-sheet:** add prop to set modal classname ([#133](https://github.com/core-ds/core-components/issues/133)) ([8305c0e](https://github.com/core-ds/core-components/commit/8305c0e50b4fe6ebc8bb1f532d33157c63514915))
-
-
-
-
-
-## [4.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.4.1...@alfalab/core-components-bottom-sheet@4.4.2) (2022-07-01)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-## [4.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.4.0...@alfalab/core-components-bottom-sheet@4.4.1) (2022-06-30)
-
-
-### Bug Fixes
-
-* **base-modal:** fixed outside modal click ([#115](https://github.com/core-ds/core-components/issues/115)) ([6a08f72](https://github.com/core-ds/core-components/commit/6a08f726521dcd9a310b0e06345950429eac246a))
-
-
-
-
-
-# [4.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.3.2...@alfalab/core-components-bottom-sheet@4.4.0) (2022-06-28)
-
-
-### Features
-
-* circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))
-
-
-
-
-
-## [4.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.3.1...@alfalab/core-components-bottom-sheet@4.3.2) (2022-06-24)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-## [4.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.3.0...@alfalab/core-components-bottom-sheet@4.3.1) (2022-06-23)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-# [4.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.2.1...@alfalab/core-components-bottom-sheet@4.3.0) (2022-06-20)
-
-
-### Features
-
-* **input-autocomplete:** add new component InputAutocompleteMobile ([#96](https://github.com/core-ds/core-components/issues/96)) ([a0e9f95](https://github.com/core-ds/core-components/commit/a0e9f95edbfcd6722e99647d75a262805e81a4a7))
-
-
-
-
-
-## [4.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.2.0...@alfalab/core-components-bottom-sheet@4.2.1) (2022-06-20)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-# [4.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.1.5...@alfalab/core-components-bottom-sheet@4.2.0) (2022-06-16)
-
-
-### Features
-
-* **BottonSheet:** prop for controlling animation on screen size chan… ([#89](https://github.com/core-ds/core-components/issues/89)) ([a69e178](https://github.com/core-ds/core-components/commit/a69e17891d1fd91ba6f35bfc097ae1fc9cbf92df))
-
-
-
-
-
-## [4.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.1.4...@alfalab/core-components-bottom-sheet@4.1.5) (2022-06-03)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.0.1...@alfalab/core-components-bottom-sheet@4.0.2) (2022-03-30)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@4.0.0...@alfalab/core-components-bottom-sheet@4.0.1) (2022-03-28)
-
-
-### Bug Fixes
-
-* fix modal and bottom-sheet dark mode ([#1043](https://github.com/core-ds/core-components/issues/1043)) ([cad36a2](https://github.com/core-ds/core-components/commit/cad36a25b28bfa71296c3dd9dc325eec28b5c241))
-* **bottom-sheet:** fix bottom-sheet swipeable marker ([#1044](https://github.com/core-ds/core-components/issues/1044)) ([0734e55](https://github.com/core-ds/core-components/commit/0734e55cc0e394fb33452f875ffcf47819277aee))
-
-
-
-
-
-# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@3.1.1...@alfalab/core-components-bottom-sheet@4.0.0) (2022-03-24)
-
-
-### Features
-
-* **bottom-sheet:** update-bottom-sheet ([#1025](https://github.com/core-ds/core-components/issues/1025)) ([26fa9aa](https://github.com/core-ds/core-components/commit/26fa9aab68bebf0f7093a38bc0f18a9b596ccf37)), closes [#1032](https://github.com/core-ds/core-components/issues/1032)
-
-
-### BREAKING CHANGES
-
-* **bottom-sheet:** Большое обновление стилей, множество дополнительных настроек
-
-
-
-
-
-## [3.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@3.1.0...@alfalab/core-components-bottom-sheet@3.1.1) (2022-03-03)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-# [3.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@3.0.2...@alfalab/core-components-bottom-sheet@3.1.0) (2022-03-01)
-
-
-### Features
-
-* Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
-
-
-
-
-
-## [3.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@3.0.1...@alfalab/core-components-bottom-sheet@3.0.2) (2022-01-27)
-
-
-### Bug Fixes
-
-* **bottom-sheet:** fix double calling onClose fn ([#962](https://github.com/core-ds/core-components/issues/962)) ([feda2a4](https://github.com/core-ds/core-components/commit/feda2a4c8d3a4f40a1ab9c40eb21f5359e4fa538))
-
-
-
-
-
-## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@3.0.0...@alfalab/core-components-bottom-sheet@3.0.1) (2022-01-17)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-# [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@2.1.1...@alfalab/core-components-bottom-sheet@3.0.0) (2021-11-26)
-
-
-### Features
-
-* **button:** добавлена кнопка размера 40px, изменены скругления ([#886](https://github.com/core-ds/core-components/issues/886)) ([88e657a](https://github.com/core-ds/core-components/commit/88e657a9f0f68b8b58f6e9437053954ee984f83c)), closes [#890](https://github.com/core-ds/core-components/issues/890)
-
-
-### BREAKING CHANGES
-
-* **button:** Кнопка размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
-заменить размер  на xxs. Можно воспользоваться codemod.
-
-* feat(codemod): add button xs to xxs transformer
-
-* feat(tag): добавлен тэг размера 40px, изменены отступы
-
-Добавлен тэг размером 40px, изменены отступы. Тем, кто использовал размер xs, надо заменить размер
-на xxs.
-* **button:** Тэг размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
-заменить размер на xxs. Можно воспользоваться codemod.
-
-* test: update screenshots
-
-* test: update screenshots
-
-* feat(button): linter fix
-
-* feat(button): fix min-width
-
-* feat(tag): remove vertical paddings
-
-* feat(tag): remove vertical paddings
-
-* feat(button): updates
-
-
-
-
-
-## [2.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@2.1.0...@alfalab/core-components-bottom-sheet@2.1.1) (2021-09-14)
-
-
-### Bug Fixes
-
-* **base-modal:** modal scroll ([#820](https://github.com/core-ds/core-components/issues/820)) ([1b2d94a](https://github.com/core-ds/core-components/commit/1b2d94ad45e04145bf1292d749ae2028702dc622))
-
-
-
-
-
-# [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@2.0.2...@alfalab/core-components-bottom-sheet@2.1.0) (2021-07-23)
-
-
-### Features
-
-* **bottom-sheet:** fix marker gap, fix animation duration ([#750](https://github.com/core-ds/core-components/issues/750)) ([cb04ed8](https://github.com/core-ds/core-components/commit/cb04ed8cc214fac9dba32a0ab39a4399743d5bfc))
-
-
-
-
-
-## [2.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@2.0.1...@alfalab/core-components-bottom-sheet@2.0.2) (2021-07-19)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@2.0.0...@alfalab/core-components-bottom-sheet@2.0.1) (2021-07-09)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-# [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@1.1.1...@alfalab/core-components-bottom-sheet@2.0.0) (2021-07-08)
-
-
-### Features
-
-* upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
-
-## [1.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bottom-sheet@1.1.0...@alfalab/core-components-bottom-sheet@1.1.1) (2021-07-02)
-
-**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
-
-
-
-
-
-# 1.1.0 (2021-06-28)
-
-
-### Features
-
-
-* **bottom-sheet:** new component (PDS-228) ([#645](https://github.com/core-ds/core-components/issues/645)) ([1f7391d](https://github.com/core-ds/core-components/commit/1f7391df16a270d8a3a28b8ebaf98d0ed0928bc8)), closes [#642](https://github.com/core-ds/core-components/issues/642) [#642](https://github.com/core-ds/core-components/issues/642) [#646](https://github.com/core-ds/core-components/issues/646) [#646](https://github.com/core-ds/core-components/issues/646) [#634](https://github.com/core-ds/core-components/issues/634) [#635](https://github.com/core-ds/core-components/issues/635) [#634](https://github.com/core-ds/core-components/issues/634) [#635](https://github.com/core-ds/core-components/issues/635) [#648](https://github.com/core-ds/core-components/issues/648) [#647](https://github.com/core-ds/core-components/issues/647) [#630](https://github.com/core-ds/core-components/issues/630) [#648](https://github.com/core-ds/core-components/issues/648) [#630](https://github.com/core-ds/core-components/issues/630) [#669](https://github.com/core-ds/core-components/issues/669)