@alfalab/core-components 44.5.1-beta.4 → 44.6.0

package/action-button/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getActionButtonTestIds } from "../utils";

package/action-button/cssm/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getActionButtonTestIds = utils.getActionButtonTestIds;

package/action-button/cssm/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getActionButtonTestIds(dataTestId: string): {
+    actionButton: string;
+    spinner: string;
+};
+export { getActionButtonTestIds };

package/action-button/cssm/utils.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../../shared/cssm');
+
+function getActionButtonTestIds(dataTestId) {
+    return {
+        actionButton: dataTestId,
+        spinner: coreComponentsShared.getDataTestId(dataTestId, 'loader'),
+    };
+}
+
+exports.getActionButtonTestIds = getActionButtonTestIds;

package/action-button/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getActionButtonTestIds } from "../utils";

package/action-button/esm/shared/index.js

@@ -0,0 +1,2 @@
+export { getActionButtonTestIds } from '../utils.js';
+import '../../../shared/esm';

package/action-button/esm/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getActionButtonTestIds(dataTestId: string): {
+    actionButton: string;
+    spinner: string;
+};
+export { getActionButtonTestIds };

package/action-button/esm/utils.js

@@ -0,0 +1,10 @@
+import { getDataTestId } from '../../shared/esm';
+
+function getActionButtonTestIds(dataTestId) {
+    return {
+        actionButton: dataTestId,
+        spinner: getDataTestId(dataTestId, 'loader'),
+    };
+}
+
+export { getActionButtonTestIds };

package/action-button/modern/shared/index.d.ts

@@ -0,0 +1 @@
+export { getActionButtonTestIds } from "../utils";

package/action-button/modern/shared/index.js

@@ -0,0 +1,2 @@
+export { getActionButtonTestIds } from '../utils.js';
+import '../../../shared/modern';

package/action-button/modern/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getActionButtonTestIds(dataTestId: string): {
+    actionButton: string;
+    spinner: string;
+};
+export { getActionButtonTestIds };

package/action-button/modern/utils.js

@@ -0,0 +1,10 @@
+import { getDataTestId } from '../../shared/modern';
+
+function getActionButtonTestIds(dataTestId) {
+    return {
+        actionButton: dataTestId,
+        spinner: getDataTestId(dataTestId, 'loader'),
+    };
+}
+
+export { getActionButtonTestIds };

package/action-button/shared/index.d.ts

@@ -0,0 +1 @@
+export { getActionButtonTestIds } from "../utils";

package/action-button/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getActionButtonTestIds = utils.getActionButtonTestIds;

package/action-button/shared/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/shared/index.js"
+}

package/action-button/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getActionButtonTestIds(dataTestId: string): {
+    actionButton: string;
+    spinner: string;
+};
+export { getActionButtonTestIds };

package/action-button/utils.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../shared');
+
+function getActionButtonTestIds(dataTestId) {
+    return {
+        actionButton: dataTestId,
+        spinner: coreComponentsShared.getDataTestId(dataTestId, 'loader'),
+    };
+}
+
+exports.getActionButtonTestIds = getActionButtonTestIds;

package/bottom-sheet/component.js

@@ -347,8 +347,8 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                     React__default.default.createElement("div", { ref: contentRef, className: cn__default.default(styles.content, contentClassName, (_f = {},
                             _f[styles.noHeader] = hideHeader || emptyHeader,
                             _f[styles.noFooter] = !actionButton,
-                            _f)) }, children),
-                    actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName) }, actionButton)))))));
+                            _f)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children),
+                    actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
 
 exports.BottomSheet = BottomSheet;

package/bottom-sheet/components/footer/Component.d.ts

@@ -12,6 +12,10 @@ type FooterProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer: FC<FooterProps>;
 export { FooterProps, Footer };

package/bottom-sheet/components/footer/Component.js

@@ -14,7 +14,7 @@ require('./index.css');
 
 var Footer = function (_a) {
     var _b;
-    var children = _a.children, className = _a.className, sticky = _a.sticky;
+    var children = _a.children, className = _a.className, sticky = _a.sticky, dataTestId = _a.dataTestId;
     var _c = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _c.footerHighlighted, setHasFooter = _c.setHasFooter;
     React.useEffect(function () {
         setHasFooter(true);
@@ -22,7 +22,7 @@ var Footer = function (_a) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles.footer, className, (_b = {},
             _b[styles.sticky] = sticky,
             _b[styles.highlighted] = footerHighlighted && sticky,
-            _b)) }, children));
+            _b)), "data-test-id": dataTestId }, children));
 };
 
 exports.Footer = Footer;

package/bottom-sheet/cssm/component.js

@@ -346,8 +346,8 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                     React__default.default.createElement("div", { ref: contentRef, className: cn__default.default(styles__default.default.content, contentClassName, (_f = {},
                             _f[styles__default.default.noHeader] = hideHeader || emptyHeader,
                             _f[styles__default.default.noFooter] = !actionButton,
-                            _f)) }, children),
-                    actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName) }, actionButton)))))));
+                            _f)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children),
+                    actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
 
 exports.BottomSheet = BottomSheet;

package/bottom-sheet/cssm/components/footer/Component.d.ts

@@ -12,6 +12,10 @@ type FooterProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer: FC<FooterProps>;
 export { FooterProps, Footer };

package/bottom-sheet/cssm/components/footer/Component.js

@@ -13,7 +13,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Footer = function (_a) {
     var _b;
-    var children = _a.children, className = _a.className, sticky = _a.sticky;
+    var children = _a.children, className = _a.className, sticky = _a.sticky, dataTestId = _a.dataTestId;
     var _c = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _c.footerHighlighted, setHasFooter = _c.setHasFooter;
     React.useEffect(function () {
         setHasFooter(true);
@@ -21,7 +21,7 @@ var Footer = function (_a) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.footer, className, (_b = {},
             _b[styles__default.default.sticky] = sticky,
             _b[styles__default.default.highlighted] = footerHighlighted && sticky,
-            _b)) }, children));
+            _b)), "data-test-id": dataTestId }, children));
 };
 
 exports.Footer = Footer;

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

@@ -56,12 +56,14 @@
     width: 100%;
     max-width: 600px;
     pointer-events: none;
+    touch-action: none;
 } .modal.modal {
     background-color: transparent;
     position: fixed;
 } .wrapper {
     transform: translateY(100%);
     pointer-events: none;
+    touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
@@ -85,6 +87,7 @@
     height: 100%;
     background-color: inherit;
     border-radius: inherit;
+    overscroll-behavior: contain;
 } .marker {
     position: fixed;
     top: var(--gap-2xs);

package/bottom-sheet/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getBottomSheetTestIds } from "../utils";

package/bottom-sheet/cssm/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getBottomSheetTestIds = utils.getBottomSheetTestIds;

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

@@ -5,4 +5,13 @@ declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
 declare const HEADER_OFFSET = 24;
 declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };
+declare function getBottomSheetTestIds(dataTestId: string): {
+    bottomSheet: string;
+    content: string;
+    footer: string;
+    header: string;
+    title: string;
+    closer: string;
+    backButton: string;
+};
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds };

package/bottom-sheet/cssm/utils.js

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var coreComponentsShared = require('../../shared/cssm');
+
 var TIMEOUT = 500;
 var SWIPE_VELOCITY = 0.4;
 var MARKER_HEIGHT = 24;
@@ -21,6 +23,17 @@ var convertPercentToNumber = function (value, fullHeight, headerOffset) {
     }
     return Math.min(maxHeight, value);
 };
+function getBottomSheetTestIds(dataTestId) {
+    return {
+        bottomSheet: dataTestId,
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
+        title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
+        backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
+    };
+}
 
 exports.CLOSE_OFFSET = CLOSE_OFFSET;
 exports.HEADER_OFFSET = HEADER_OFFSET;
@@ -29,3 +42,4 @@ exports.SCROLL_OFFSET = SCROLL_OFFSET;
 exports.SWIPE_VELOCITY = SWIPE_VELOCITY;
 exports.TIMEOUT = TIMEOUT;
 exports.convertPercentToNumber = convertPercentToNumber;
+exports.getBottomSheetTestIds = getBottomSheetTestIds;

package/bottom-sheet/esm/component.js

@@ -341,8 +341,8 @@ var BottomSheet = forwardRef(function (_a, ref) {
                     React.createElement("div", { ref: contentRef, className: cn(styles.content, contentClassName, (_f = {},
                             _f[styles.noHeader] = hideHeader || emptyHeader,
                             _f[styles.noFooter] = !actionButton,
-                            _f)) }, children),
-                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName) }, actionButton)))))));
+                            _f)), "data-test-id": getDataTestId(dataTestId, 'content') }, children),
+                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName), dataTestId: getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
 
 export { BottomSheet };

package/bottom-sheet/esm/components/footer/Component.d.ts

@@ -12,6 +12,10 @@ type FooterProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer: FC<FooterProps>;
 export { FooterProps, Footer };

package/bottom-sheet/esm/components/footer/Component.js

@@ -7,7 +7,7 @@ require('./index.css');
 
 var Footer = function (_a) {
     var _b;
-    var children = _a.children, className = _a.className, sticky = _a.sticky;
+    var children = _a.children, className = _a.className, sticky = _a.sticky, dataTestId = _a.dataTestId;
     var _c = useContext(BaseModalContext), footerHighlighted = _c.footerHighlighted, setHasFooter = _c.setHasFooter;
     useEffect(function () {
         setHasFooter(true);
@@ -15,7 +15,7 @@ var Footer = function (_a) {
     return (React.createElement("div", { className: cn(styles.footer, className, (_b = {},
             _b[styles.sticky] = sticky,
             _b[styles.highlighted] = footerHighlighted && sticky,
-            _b)) }, children));
+            _b)), "data-test-id": dataTestId }, children));
 };
 
 export { Footer };

package/bottom-sheet/esm/index.css

@@ -57,12 +57,14 @@
     width: 100%;
     max-width: 600px;
     pointer-events: none;
+    touch-action: none;
 } .bottom-sheet__modal_6rf8a.bottom-sheet__modal_6rf8a {
     background-color: transparent;
     position: fixed;
 } .bottom-sheet__wrapper_6rf8a {
     transform: translateY(100%);
     pointer-events: none;
+    touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
@@ -86,6 +88,7 @@
     height: 100%;
     background-color: inherit;
     border-radius: inherit;
+    overscroll-behavior: contain;
 } .bottom-sheet__marker_6rf8a {
     position: fixed;
     top: var(--gap-2xs);

package/bottom-sheet/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getBottomSheetTestIds } from "../utils";

package/bottom-sheet/esm/shared/index.js

@@ -0,0 +1,2 @@
+export { getBottomSheetTestIds } from '../utils.js';
+import '../../../shared/esm';

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

@@ -5,4 +5,13 @@ declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
 declare const HEADER_OFFSET = 24;
 declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };
+declare function getBottomSheetTestIds(dataTestId: string): {
+    bottomSheet: string;
+    content: string;
+    footer: string;
+    header: string;
+    title: string;
+    closer: string;
+    backButton: string;
+};
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds };

package/bottom-sheet/esm/utils.js

@@ -1,3 +1,5 @@
+import { getDataTestId } from '../../shared/esm';
+
 var TIMEOUT = 500;
 var SWIPE_VELOCITY = 0.4;
 var MARKER_HEIGHT = 24;
@@ -19,5 +21,16 @@ var convertPercentToNumber = function (value, fullHeight, headerOffset) {
     }
     return Math.min(maxHeight, value);
 };
+function getBottomSheetTestIds(dataTestId) {
+    return {
+        bottomSheet: dataTestId,
+        content: getDataTestId(dataTestId, 'content'),
+        footer: getDataTestId(dataTestId, 'footer'),
+        header: getDataTestId(dataTestId, 'header'),
+        title: getDataTestId(dataTestId, 'header-title'),
+        closer: getDataTestId(dataTestId, 'header-closer'),
+        backButton: getDataTestId(dataTestId, 'header-back-button'),
+    };
+}
 
-export { CLOSE_OFFSET, HEADER_OFFSET, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, TIMEOUT, convertPercentToNumber };
+export { CLOSE_OFFSET, HEADER_OFFSET, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, TIMEOUT, convertPercentToNumber, getBottomSheetTestIds };

package/bottom-sheet/index.css

@@ -57,12 +57,14 @@
     width: 100%;
     max-width: 600px;
     pointer-events: none;
+    touch-action: none;
 } .bottom-sheet__modal_6rf8a.bottom-sheet__modal_6rf8a {
     background-color: transparent;
     position: fixed;
 } .bottom-sheet__wrapper_6rf8a {
     transform: translateY(100%);
     pointer-events: none;
+    touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
@@ -86,6 +88,7 @@
     height: 100%;
     background-color: inherit;
     border-radius: inherit;
+    overscroll-behavior: contain;
 } .bottom-sheet__marker_6rf8a {
     position: fixed;
     top: var(--gap-2xs);

package/bottom-sheet/modern/component.js

@@ -368,8 +368,8 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
                     React.createElement("div", { ref: contentRef, className: cn(styles.content, contentClassName, {
                             [styles.noHeader]: hideHeader || emptyHeader,
                             [styles.noFooter]: !actionButton,
-                        }) }, children),
-                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName) }, actionButton)))))));
+                        }), "data-test-id": getDataTestId(dataTestId, 'content') }, children),
+                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName), dataTestId: getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
 
 export { BottomSheet };

package/bottom-sheet/modern/components/footer/Component.d.ts

@@ -12,6 +12,10 @@ type FooterProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer: FC<FooterProps>;
 export { FooterProps, Footer };

package/bottom-sheet/modern/components/footer/Component.js

@@ -5,7 +5,7 @@ import { BaseModalContext } from '../../../../base-modal/modern';
 const styles = {"footer":"bottom-sheet__footer_17wtd","sticky":"bottom-sheet__sticky_17wtd","highlighted":"bottom-sheet__highlighted_17wtd","background-accent":"bottom-sheet__background-accent_17wtd","background-info":"bottom-sheet__background-info_17wtd","background-attention-muted":"bottom-sheet__background-attention-muted_17wtd","background-positive-muted":"bottom-sheet__background-positive-muted_17wtd","background-negative-muted":"bottom-sheet__background-negative-muted_17wtd","background-primary":"bottom-sheet__background-primary_17wtd","background-primary-inverted":"bottom-sheet__background-primary-inverted_17wtd","background-secondary":"bottom-sheet__background-secondary_17wtd","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_17wtd","background-tertiary":"bottom-sheet__background-tertiary_17wtd","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_17wtd","background-quaternary":"bottom-sheet__background-quaternary_17wtd","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_17wtd","background-specialbg-component":"bottom-sheet__background-specialbg-component_17wtd","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_17wtd","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_17wtd","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_17wtd","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_17wtd","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_17wtd","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_17wtd","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_17wtd","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_17wtd"};
 require('./index.css');
 
-const Footer = ({ children, className, sticky }) => {
+const Footer = ({ children, className, sticky, dataTestId }) => {
     const { footerHighlighted, setHasFooter } = useContext(BaseModalContext);
     useEffect(() => {
         setHasFooter(true);
@@ -13,7 +13,7 @@ const Footer = ({ children, className, sticky }) => {
     return (React.createElement("div", { className: cn(styles.footer, className, {
             [styles.sticky]: sticky,
             [styles.highlighted]: footerHighlighted && sticky,
-        }) }, children));
+        }), "data-test-id": dataTestId }, children));
 };
 
 export { Footer };

package/bottom-sheet/modern/index.css

@@ -57,12 +57,14 @@
     width: 100%;
     max-width: 600px;
     pointer-events: none;
+    touch-action: none;
 } .bottom-sheet__modal_6rf8a.bottom-sheet__modal_6rf8a {
     background-color: transparent;
     position: fixed;
 } .bottom-sheet__wrapper_6rf8a {
     transform: translateY(100%);
     pointer-events: none;
+    touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
@@ -86,6 +88,7 @@
     height: 100%;
     background-color: inherit;
     border-radius: inherit;
+    overscroll-behavior: contain;
 } .bottom-sheet__marker_6rf8a {
     position: fixed;
     top: var(--gap-2xs);

package/bottom-sheet/modern/shared/index.d.ts

@@ -0,0 +1 @@
+export { getBottomSheetTestIds } from "../utils";

package/bottom-sheet/modern/shared/index.js

@@ -0,0 +1,2 @@
+export { getBottomSheetTestIds } from '../utils.js';
+import '../../../shared/modern';

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

@@ -5,4 +5,13 @@ declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
 declare const HEADER_OFFSET = 24;
 declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };
+declare function getBottomSheetTestIds(dataTestId: string): {
+    bottomSheet: string;
+    content: string;
+    footer: string;
+    header: string;
+    title: string;
+    closer: string;
+    backButton: string;
+};
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds };

package/bottom-sheet/modern/utils.js

@@ -1,3 +1,5 @@
+import { getDataTestId } from '../../shared/modern';
+
 const TIMEOUT = 500;
 const SWIPE_VELOCITY = 0.4;
 const MARKER_HEIGHT = 24;
@@ -18,5 +20,16 @@ const convertPercentToNumber = (value, fullHeight, headerOffset = HEADER_OFFSET)
     }
     return Math.min(maxHeight, value);
 };
+function getBottomSheetTestIds(dataTestId) {
+    return {
+        bottomSheet: dataTestId,
+        content: getDataTestId(dataTestId, 'content'),
+        footer: getDataTestId(dataTestId, 'footer'),
+        header: getDataTestId(dataTestId, 'header'),
+        title: getDataTestId(dataTestId, 'header-title'),
+        closer: getDataTestId(dataTestId, 'header-closer'),
+        backButton: getDataTestId(dataTestId, 'header-back-button'),
+    };
+}
 
-export { CLOSE_OFFSET, HEADER_OFFSET, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, TIMEOUT, convertPercentToNumber };
+export { CLOSE_OFFSET, HEADER_OFFSET, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, TIMEOUT, convertPercentToNumber, getBottomSheetTestIds };

package/bottom-sheet/shared/index.d.ts

@@ -0,0 +1 @@
+export { getBottomSheetTestIds } from "../utils";

package/bottom-sheet/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getBottomSheetTestIds = utils.getBottomSheetTestIds;

package/bottom-sheet/shared/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/shared/index.js"
+}

package/bottom-sheet/utils.d.ts

@@ -5,4 +5,13 @@ declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
 declare const HEADER_OFFSET = 24;
 declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };
+declare function getBottomSheetTestIds(dataTestId: string): {
+    bottomSheet: string;
+    content: string;
+    footer: string;
+    header: string;
+    title: string;
+    closer: string;
+    backButton: string;
+};
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds };

package/bottom-sheet/utils.js

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var coreComponentsShared = require('../shared');
+
 var TIMEOUT = 500;
 var SWIPE_VELOCITY = 0.4;
 var MARKER_HEIGHT = 24;
@@ -21,6 +23,17 @@ var convertPercentToNumber = function (value, fullHeight, headerOffset) {
     }
     return Math.min(maxHeight, value);
 };
+function getBottomSheetTestIds(dataTestId) {
+    return {
+        bottomSheet: dataTestId,
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
+        title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
+        backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
+    };
+}
 
 exports.CLOSE_OFFSET = CLOSE_OFFSET;
 exports.HEADER_OFFSET = HEADER_OFFSET;
@@ -29,3 +42,4 @@ exports.SCROLL_OFFSET = SCROLL_OFFSET;
 exports.SWIPE_VELOCITY = SWIPE_VELOCITY;
 exports.TIMEOUT = TIMEOUT;
 exports.convertPercentToNumber = convertPercentToNumber;
+exports.getBottomSheetTestIds = getBottomSheetTestIds;