@alfalab/core-components-select 17.1.2 → 17.2.0

package/presets/index.js

@@ -4,30 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-a12d8a76.js');
-require('tslib');
-require('react');
-require('@alfalab/core-components-skeleton');
-require('../components/option/Component.js');
-require('classnames');
-require('../components/checkmark/Component.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../components/checkmark-mobile/Component.js');
-require('intersection-observer');
-require('../utils.js');
-require('../components/options-list/Component.js');
-require('react-merge-refs');
-require('@alfalab/core-components-mq');
-require('@alfalab/core-components-scrollbar');
-require('@alfalab/core-components-shared');
-require('../consts.js');
-require('../components/optgroup/Component.js');
-require('./useSelectWithApply/options-list-with-apply/footer/Component.js');
-require('@alfalab/core-components-button/desktop');
-require('./useSelectWithApply/options-list-with-apply/header/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-5269e0eb.js');
 
 
 

package/presets/useLazyLoading/hook.js

@@ -7,13 +7,6 @@ var React = require('react');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
 var components_option_Component = require('../../components/option/Component.js');
 require('intersection-observer');
-require('classnames');
-require('../../components/checkmark/Component.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../../components/checkmark-mobile/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/presets/useSelectWithApply/hook.js

@@ -5,19 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-a12d8a76.js');
-require('../../components/options-list/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-mq');
-require('@alfalab/core-components-scrollbar');
-require('@alfalab/core-components-shared');
-require('../../consts.js');
-require('../../components/optgroup/Component.js');
-require('./options-list-with-apply/footer/Component.js');
-require('@alfalab/core-components-button/desktop');
-require('./options-list-with-apply/header/Component.js');
-require('@alfalab/core-components-checkbox');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-5269e0eb.js');
 
 
 

package/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -6,18 +6,9 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-a12d8a76.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-5269e0eb.js');
 require('./footer/Component.js');
 require('./header/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-mq');
-require('@alfalab/core-components-scrollbar');
-require('@alfalab/core-components-shared');
-require('../../../utils.js');
-require('../../../components/optgroup/Component.js');
-require('@alfalab/core-components-button/desktop');
-require('@alfalab/core-components-checkbox');
 
 
 

package/presets/useSelectWithApply/options-list-with-apply/footer/Component.d.ts

@@ -6,6 +6,7 @@ type FooterProps = {
     handleApply?: () => void;
     showClear?: boolean;
     selectedDraft?: OptionShape[];
+    dataTestId?: string;
 };
-declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft, }: FooterProps) => React.JSX.Element;
+declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft, dataTestId, }: FooterProps) => React.JSX.Element;
 export { FooterProps, Footer };

package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js

@@ -4,21 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var desktop = require('@alfalab/core-components-button/desktop');
+var coreComponentsShared = require('@alfalab/core-components-shared');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"footer":"select__footer_1lca0"};
+var styles = {"footer":"select__footer_1lhq3"};
 require('./index.css')
 
 var Footer = function (_a) {
-    var handleApply = _a.handleApply, handleClear = _a.handleClear, showClear = _a.showClear, _b = _a.selectedDraft, selectedDraft = _b === void 0 ? [] : _b;
+    var handleApply = _a.handleApply, handleClear = _a.handleClear, showClear = _a.showClear, _b = _a.selectedDraft, selectedDraft = _b === void 0 ? [] : _b, dataTestId = _a.dataTestId;
     return (React__default.default.createElement("div", { 
         // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
         tabIndex: 0, className: styles.footer },
-        React__default.default.createElement(desktop.ButtonDesktop, { size: 'xxs', view: 'primary', onClick: handleApply }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
-        showClear && selectedDraft.length > 0 && (React__default.default.createElement(desktop.ButtonDesktop, { size: 'xxs', view: 'secondary', onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
+        React__default.default.createElement(desktop.ButtonDesktop, { size: 'xxs', view: 'primary', onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'apply') }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
+        showClear && selectedDraft.length > 0 && (React__default.default.createElement(desktop.ButtonDesktop, { size: 'xxs', view: 'secondary', onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'clear') }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
 };
 
 exports.Footer = Footer;

package/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 14c6c */
+/* hash: k1tdv */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__footer_1lca0 {
+} .select__footer_1lhq3 {
     background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1lca0 > * + * {
+} .select__footer_1lhq3 > * + * {
         margin-left: var(--gap-xs);
     }

package/presets/useSelectWithApply/options-list-with-apply/header/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"desktop":"select__desktop_16h49","mobile":"select__mobile_16h49"};
+var styles = {"desktop":"select__desktop_boj2v","mobile":"select__mobile_boj2v"};
 require('./index.css')
 
 var Header = function (_a) {

package/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 17v1p */
+/* hash: 12dlh */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,8 +16,8 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__desktop_16h49 {
+} .select__desktop_boj2v {
     padding: var(--gap-s);
-} .select__mobile_16h49 {
+} .select__mobile_boj2v {
     padding: var(--gap-s) var(--gap-xs);
 }

package/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-a12d8a76";
+export * from "../../../hook-5269e0eb";

package/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -2,22 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-a12d8a76.js');
-require('tslib');
-require('react');
-require('../../../utils.js');
-require('../../../components/options-list/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-mq');
-require('@alfalab/core-components-scrollbar');
-require('@alfalab/core-components-shared');
-require('../../../consts.js');
-require('../../../components/optgroup/Component.js');
-require('./footer/Component.js');
-require('@alfalab/core-components-button/desktop');
-require('./header/Component.js');
-require('@alfalab/core-components-checkbox');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-5269e0eb.js');
 
 
 

package/presets/useSelectWithLoading/hook.js

@@ -6,19 +6,12 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('classnames');
-require('../../components/checkmark/Component.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../../components/checkmark-mobile/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_oh1ou"};
+var styles = {"skeleton":"select__skeleton_afn0z"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1gfk1 */
-.select__skeleton_oh1ou {
+/* hash: 39qai */
+.select__skeleton_afn0z {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/shared/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-a12d8a76.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-5269e0eb.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');
@@ -16,37 +16,6 @@ var components_baseSelect_Component = require('../components/base-select/Compone
 var components_optgroup_Component = require('../components/optgroup/Component.js');
 var components_footer_Component = require('../components/footer/Component.js');
 var components_search_Component = require('../components/search/Component.js');
-require('tslib');
-require('react');
-require('@alfalab/core-components-skeleton');
-require('intersection-observer');
-require('../consts.js');
-require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
-require('@alfalab/core-components-button/desktop');
-require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
-require('classnames');
-require('@alfalab/core-components-checkbox');
-require('../components/checkmark/Component.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../components/checkmark-mobile/Component.js');
-require('../components/base-checkmark/Component.js');
-require('react-merge-refs');
-require('@alfalab/core-components-mq');
-require('@alfalab/core-components-scrollbar');
-require('@alfalab/core-components-shared');
-require('react-virtual');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('@juggle/resize-observer');
-require('compute-scroll-into-view');
-require('downshift');
-require('../components/native-select/Component.js');
-require('@alfalab/core-components-base-modal');
-require('@alfalab/core-components-button/mobile');
-require('@alfalab/core-components-input');
-require('@alfalab/icons-glyph/MagnifierMIcon');
 
 
 
@@ -56,6 +25,7 @@ exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Compone
 exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;
 exports.defaultAccessor = utils.defaultAccessor;
 exports.defaultFilterFn = utils.defaultFilterFn;
+exports.getSelectTestIds = utils.getSelectTestIds;
 exports.isGroup = utils.isGroup;
 exports.isOptionShape = utils.isOptionShape;
 exports.joinOptions = utils.joinOptions;

package/src/components/base-select/Component.tsx

@@ -700,6 +700,7 @@ export const BaseSelect = forwardRef(
             if (!nativeSelect && ModalMobile) {
                 return (
                     <ModalMobile
+                        dataTestId={getDataTestId(dataTestId, 'modal')}
                         open={open}
                         hasCloser={true}
                         {...modalProps}

package/src/presets/useSelectWithApply/options-list-with-apply/Component.tsx

@@ -110,6 +110,7 @@ export const OptionsListWithApply = forwardRef<HTMLDivElement, OptionsListWithAp
                         handleClear={handleClear}
                         showClear={showClear}
                         selectedDraft={selectedDraft}
+                        dataTestId={restProps?.dataTestId}
                     />
                 }
             />

package/src/presets/useSelectWithApply/options-list-with-apply/footer/Component.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { ButtonDesktop } from '@alfalab/core-components-button/desktop';
+import { getDataTestId } from '@alfalab/core-components-shared';
 
 import { OptionShape } from '../../../../typings';
 
@@ -11,6 +12,7 @@ export type FooterProps = {
     handleApply?: () => void;
     showClear?: boolean;
     selectedDraft?: OptionShape[];
+    dataTestId?: string;
 };
 
 export const Footer = ({
@@ -18,18 +20,29 @@ export const Footer = ({
     handleClear,
     showClear,
     selectedDraft = [],
+    dataTestId,
 }: FooterProps) => (
     <div
         // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
         tabIndex={0}
         className={styles.footer}
     >
-        <ButtonDesktop size='xxs' view='primary' onClick={handleApply}>
+        <ButtonDesktop
+            size='xxs'
+            view='primary'
+            onClick={handleApply}
+            dataTestId={getDataTestId(dataTestId, 'apply')}
+        >
             Применить
         </ButtonDesktop>
 
         {showClear && selectedDraft.length > 0 && (
-            <ButtonDesktop size='xxs' view='secondary' onClick={handleClear}>
+            <ButtonDesktop
+                size='xxs'
+                view='secondary'
+                onClick={handleClear}
+                dataTestId={getDataTestId(dataTestId, 'clear')}
+            >
                 Сбросить
             </ButtonDesktop>
         )}

package/src/utils.ts

@@ -1,5 +1,7 @@
 import { cloneElement, isValidElement, ReactNode, RefObject, useEffect, useRef } from 'react';
 
+import { getDataTestId } from '@alfalab/core-components-shared';
+
 import { BaseSelectProps, GroupShape, OptionShape } from './typings';
 
 export const isGroup = (item: OptionShape | GroupShape): item is GroupShape =>
@@ -184,3 +186,34 @@ export const lastIndexOf = <T>(array: T[], predicate: (item: T) => boolean) => {
 
     return -1;
 };
+
+export function getSelectTestIds(dataTestId: string) {
+    return {
+        select: dataTestId,
+        option: getDataTestId(dataTestId, 'option'),
+        optionsList: getDataTestId(dataTestId, 'options-list'),
+        clearButton: getDataTestId(dataTestId, 'options-list-clear'),
+        applyButton: getDataTestId(dataTestId, 'options-list-apply'),
+        field: getDataTestId(dataTestId, 'field'),
+        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),
+        searchInput: getDataTestId(dataTestId, 'search'),
+        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),
+
+        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),
+
+        modal: getDataTestId(dataTestId, 'modal'),
+        modalHeader: getDataTestId(dataTestId, 'modal-header'),
+        modalContent: getDataTestId(dataTestId, 'modal-content'),
+    };
+}

package/utils.d.ts

@@ -38,4 +38,30 @@ declare function defaultFilterFn(optionText: string, search: string): boolean;
 declare function defaultAccessor(option: OptionShape): string;
 declare function usePrevious<T>(value: T): T | undefined;
 declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
-export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };
+declare function getSelectTestIds(dataTestId: string): {
+    select: string;
+    option: string;
+    optionsList: string;
+    clearButton: string;
+    applyButton: string;
+    field: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+};
+export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };

package/utils.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var coreComponentsShared = require('@alfalab/core-components-shared');
 
 var isGroup = function (item) {
     return Object.prototype.hasOwnProperty.call(item, 'options');
@@ -116,9 +117,38 @@ var lastIndexOf = function (array, predicate) {
     }
     return -1;
 };
+function getSelectTestIds(dataTestId) {
+    return {
+        select: dataTestId,
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        clearButton: coreComponentsShared.getDataTestId(dataTestId, 'options-list-clear'),
+        applyButton: coreComponentsShared.getDataTestId(dataTestId, 'options-list-apply'),
+        field: coreComponentsShared.getDataTestId(dataTestId, 'field'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
+        searchInput: coreComponentsShared.getDataTestId(dataTestId, 'search'),
+        searchFormControl: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-hint'),
+        bottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-content'),
+        modal: coreComponentsShared.getDataTestId(dataTestId, 'modal'),
+        modalHeader: coreComponentsShared.getDataTestId(dataTestId, 'modal-header'),
+        modalContent: coreComponentsShared.getDataTestId(dataTestId, 'modal-content'),
+    };
+}
 
 exports.defaultAccessor = defaultAccessor;
 exports.defaultFilterFn = defaultFilterFn;
+exports.getSelectTestIds = getSelectTestIds;
 exports.isGroup = isGroup;
 exports.isOptionShape = isOptionShape;
 exports.joinOptions = joinOptions;