@alfalab/core-components-select 17.1.2 → 17.2.0

package/modern/desktop/Component.desktop.js

@@ -8,27 +8,6 @@ import { Optgroup } from '../components/optgroup/Component.js';
 import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '@alfalab/core-components-shared/modern';
-import '@alfalab/hooks';
-import '../utils.js';
-import '../components/native-select/Component.js';
-import '../components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark-mobile/Component.js';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '../consts.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';
 
 const SelectDesktop = forwardRef(({ Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Search: Search$1 = Search, fieldProps = {}, ...restProps }, ref) => (React.createElement(BaseSelect, { ref: ref, view: 'desktop', Option: Option$1, Field: Field$1, fieldProps: {
         FormControlComponent: FormControlDesktop,

package/modern/desktop/index.js

@@ -1,32 +1 @@
 export { SelectDesktop } from './Component.desktop.js';
-import 'react';
-import '@alfalab/core-components-form-control/modern/desktop';
-import '@alfalab/core-components-popover/modern';
-import '../components/arrow/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../components/base-select/Component.js';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '@alfalab/core-components-shared/modern';
-import '@alfalab/hooks';
-import '../utils.js';
-import '../components/native-select/Component.js';
-import '../components/field/Component.js';
-import '../components/optgroup/Component.js';
-import '../components/option/Component.js';
-import '../components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark-mobile/Component.js';
-import '../components/options-list/Component.js';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '../consts.js';
-import '../components/search/Component.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';

package/modern/{hook-e0ac0fb2.js → hook-328d58fb.js}

@@ -41,7 +41,7 @@ const OptionsListWithApply = forwardRef(({ toggleMenu, getOptionProps: defaultGe
             header,
             showHeaderWithSelectAll && React.createElement(Header$1, { ...headerProps })));
     };
-    return (React.createElement(OptionsList$1, { ...restProps, ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, header: renderHeader(), footer: React.createElement(Footer$1, { handleApply: handleApply, handleClear: handleClear, showClear: showClear, selectedDraft: selectedDraft }) }));
+    return (React.createElement(OptionsList$1, { ...restProps, ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, header: renderHeader(), footer: React.createElement(Footer$1, { handleApply: handleApply, handleClear: handleClear, showClear: showClear, selectedDraft: selectedDraft, dataTestId: restProps?.dataTestId }) }));
 });
 
 const SELECT_ALL_KEY = 'select_all';

package/modern/index.js

@@ -1,47 +1 @@
 export { SelectResponsive as Select } from './Component.responsive.js';
-import 'react';
-import '@alfalab/core-components-mq/modern';
-import './desktop/Component.desktop.js';
-import '@alfalab/core-components-form-control/modern/desktop';
-import '@alfalab/core-components-popover/modern';
-import './components/arrow/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './components/base-select/Component.js';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '@alfalab/core-components-shared/modern';
-import '@alfalab/hooks';
-import './utils.js';
-import './components/native-select/Component.js';
-import './components/field/Component.js';
-import './components/optgroup/Component.js';
-import './components/option/Component.js';
-import './components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import './components/checkmark-mobile/Component.js';
-import './components/options-list/Component.js';
-import '@alfalab/core-components-scrollbar/modern';
-import './consts.js';
-import './components/search/Component.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import './mobile/Component.mobile.js';
-import '@alfalab/core-components-bottom-sheet/modern';
-import '@alfalab/core-components-form-control/modern/mobile';
-import '@alfalab/core-components-modal/modern/mobile';
-import './components/footer/Component.js';
-import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-button/modern/mobile';
-import './components/virtual-options-list/Component.js';
-import 'react-virtual';
-import './hook-e0ac0fb2.js';
-import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import './mobile/Component.modal.mobile.js';

package/modern/mobile/Component.mobile.js

@@ -11,34 +11,8 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-e0ac0fb2.js';
+import { u as useSelectWithApply } from '../hook-328d58fb.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '@alfalab/core-components-shared/modern';
-import '@alfalab/hooks';
-import '../utils.js';
-import '../components/native-select/Component.js';
-import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-button/modern/mobile';
-import '../components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark-mobile/Component.js';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '../consts.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import 'react-virtual';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
 
 const VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
 const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, defaultOpen = false, open: openProp, size = 'm', optionsSize = 'm', fieldProps = {}, optionProps = {}, optionsListProps = {}, Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Search: Search$1 = Search, selected, isBottomSheet = true, options, OptionsList: OptionsList$1 = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD

package/modern/mobile/Component.modal.mobile.js

@@ -1,45 +1,5 @@
 import React, { forwardRef } from 'react';
 import { SelectMobile } from './Component.mobile.js';
-import '@alfalab/core-components-bottom-sheet/modern';
-import '@alfalab/core-components-form-control/modern/mobile';
-import '@alfalab/core-components-modal/modern/mobile';
-import '../components/arrow/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../components/base-select/Component.js';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '@alfalab/core-components-shared/modern';
-import '@alfalab/hooks';
-import '../utils.js';
-import '../components/native-select/Component.js';
-import '../components/field/Component.js';
-import '../components/footer/Component.js';
-import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-button/modern/mobile';
-import '../components/optgroup/Component.js';
-import '../components/option/Component.js';
-import '../components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark-mobile/Component.js';
-import '../components/options-list/Component.js';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '../consts.js';
-import '../components/search/Component.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../components/virtual-options-list/Component.js';
-import 'react-virtual';
-import '../hook-e0ac0fb2.js';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 
 const SelectModalMobile = forwardRef((props, ref) => (React.createElement(SelectMobile, { ...props, isBottomSheet: false, ref: ref })));
 

package/modern/mobile/index.js

@@ -1,43 +1,2 @@
 export { SelectMobile } from './Component.mobile.js';
 export { SelectModalMobile } from './Component.modal.mobile.js';
-import 'react';
-import '@alfalab/core-components-bottom-sheet/modern';
-import '@alfalab/core-components-form-control/modern/mobile';
-import '@alfalab/core-components-modal/modern/mobile';
-import '../components/arrow/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../components/base-select/Component.js';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '@alfalab/core-components-shared/modern';
-import '@alfalab/hooks';
-import '../utils.js';
-import '../components/native-select/Component.js';
-import '../components/field/Component.js';
-import '../components/footer/Component.js';
-import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-button/modern/mobile';
-import '../components/optgroup/Component.js';
-import '../components/option/Component.js';
-import '../components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark-mobile/Component.js';
-import '../components/options-list/Component.js';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '../consts.js';
-import '../components/search/Component.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../components/virtual-options-list/Component.js';
-import 'react-virtual';
-import '../hook-e0ac0fb2.js';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/modern/presets/index.js

@@ -1,25 +1,3 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-e0ac0fb2.js';
-import 'react';
-import '@alfalab/core-components-skeleton/modern';
-import '../components/option/Component.js';
-import 'classnames';
-import '../components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark-mobile/Component.js';
-import 'intersection-observer';
-import '../utils.js';
-import '../components/options-list/Component.js';
-import 'react-merge-refs';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '@alfalab/core-components-shared/modern';
-import '../consts.js';
-import '../components/optgroup/Component.js';
-import './useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import './useSelectWithApply/options-list-with-apply/header/Component.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-328d58fb.js';

package/modern/presets/useLazyLoading/hook.js

@@ -2,13 +2,6 @@ import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'reac
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
 import { Option } from '../../components/option/Component.js';
 import 'intersection-observer';
-import 'classnames';
-import '../../components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../../components/checkmark-mobile/Component.js';
 
 const DEBOUNCE_TIMEOUT = 300;
 const actions = {

package/modern/presets/useSelectWithApply/hook.js

@@ -1,15 +1,3 @@
 import 'react';
 import '../../utils.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-e0ac0fb2.js';
-import '../../components/options-list/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '@alfalab/core-components-shared/modern';
-import '../../consts.js';
-import '../../components/optgroup/Component.js';
-import './options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import './options-list-with-apply/header/Component.js';
-import '@alfalab/core-components-checkbox/modern';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-328d58fb.js';

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

@@ -1,15 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
 import '../../../consts.js';
-export { O as OptionsListWithApply } from '../../../hook-e0ac0fb2.js';
+export { O as OptionsListWithApply } from '../../../hook-328d58fb.js';
 import './footer/Component.js';
 import './header/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '@alfalab/core-components-shared/modern';
-import '../../../utils.js';
-import '../../../components/optgroup/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import '@alfalab/core-components-checkbox/modern';

package/modern/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/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js

@@ -1,13 +1,14 @@
 import React from 'react';
 import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
+import { getDataTestId } from '@alfalab/core-components-shared/modern';
 
-const styles = {"footer":"select__footer_1lca0"};
+const styles = {"footer":"select__footer_1lhq3"};
 require('./index.css')
 
-const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], }) => (React.createElement("div", { 
+const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], dataTestId, }) => (React.createElement("div", { 
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     tabIndex: 0, className: styles.footer },
-    React.createElement(ButtonDesktop, { size: 'xxs', view: 'primary', onClick: handleApply }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
-    showClear && selectedDraft.length > 0 && (React.createElement(ButtonDesktop, { size: 'xxs', view: 'secondary', onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
+    React.createElement(ButtonDesktop, { size: 'xxs', view: 'primary', onClick: handleApply, dataTestId: getDataTestId(dataTestId, 'apply') }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
+    showClear && selectedDraft.length > 0 && (React.createElement(ButtonDesktop, { size: 'xxs', view: 'secondary', onClick: handleClear, dataTestId: getDataTestId(dataTestId, 'clear') }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
 
 export { Footer };

package/modern/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/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Checkbox } from '@alfalab/core-components-checkbox/modern';
 
-const styles = {"desktop":"select__desktop_16h49","mobile":"select__mobile_16h49"};
+const styles = {"desktop":"select__desktop_boj2v","mobile":"select__mobile_boj2v"};
 require('./index.css')
 
 const Header = ({ onChange, checked, indeterminate, mobile }) => (React.createElement("div", { className: cn({ [styles.desktop]: !mobile, [styles.mobile]: mobile }) },

package/modern/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/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-e0ac0fb2";
+export * from "../../../hook-328d58fb";

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

@@ -1,15 +1 @@
-export { O as OptionsListWithApply } from '../../../hook-e0ac0fb2.js';
-import 'react';
-import '../../../utils.js';
-import '../../../components/options-list/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '@alfalab/core-components-shared/modern';
-import '../../../consts.js';
-import '../../../components/optgroup/Component.js';
-import './footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import './header/Component.js';
-import '@alfalab/core-components-checkbox/modern';
+export { O as OptionsListWithApply } from '../../../hook-328d58fb.js';

package/modern/presets/useSelectWithLoading/hook.js

@@ -1,15 +1,8 @@
 import React from 'react';
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
 import { Option } from '../../components/option/Component.js';
-import 'classnames';
-import '../../components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../../components/checkmark-mobile/Component.js';
 
-const styles = {"skeleton":"select__skeleton_oh1ou"};
+const styles = {"skeleton":"select__skeleton_afn0z"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {

package/modern/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/modern/shared/index.js

@@ -1,7 +1,7 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-e0ac0fb2.js';
-export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-328d58fb.js';
+export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';
 export { OptionsList } from '../components/options-list/Component.js';
@@ -12,33 +12,3 @@ export { BaseSelect } from '../components/base-select/Component.js';
 export { Optgroup } from '../components/optgroup/Component.js';
 export { Footer } from '../components/footer/Component.js';
 export { Search } from '../components/search/Component.js';
-import 'react';
-import '@alfalab/core-components-skeleton/modern';
-import 'intersection-observer';
-import '../consts.js';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import 'classnames';
-import '@alfalab/core-components-checkbox/modern';
-import '../components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark-mobile/Component.js';
-import '../components/base-checkmark/Component.js';
-import 'react-merge-refs';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-scrollbar/modern';
-import '@alfalab/core-components-shared/modern';
-import 'react-virtual';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '../components/native-select/Component.js';
-import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-button/modern/mobile';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';

package/modern/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/modern/utils.js

@@ -1,4 +1,5 @@
 import { isValidElement, cloneElement, useEffect, useRef } from 'react';
+import { getDataTestId } from '@alfalab/core-components-shared/modern';
 
 const isGroup = (item) => Object.prototype.hasOwnProperty.call(item, 'options');
 const isOptionShape = (item) => !!item && Object.prototype.hasOwnProperty.call(item, 'key');
@@ -106,5 +107,33 @@ const lastIndexOf = (array, predicate) => {
     }
     return -1;
 };
+function getSelectTestIds(dataTestId) {
+    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'),
+    };
+}
 
-export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions };
+export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "17.1.2",
+    "version": "17.2.0",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -17,12 +17,12 @@
     "dependencies": {
         "@alfalab/core-components-badge": "^5.5.1",
         "@alfalab/core-components-base-modal": "^5.7.2",
-        "@alfalab/core-components-bottom-sheet": "^6.13.2",
-        "@alfalab/core-components-button": "^11.1.1",
+        "@alfalab/core-components-bottom-sheet": "^6.14.0",
+        "@alfalab/core-components-button": "^11.2.0",
         "@alfalab/core-components-checkbox": "^4.1.1",
-        "@alfalab/core-components-form-control": "^12.0.3",
-        "@alfalab/core-components-input": "^14.1.2",
-        "@alfalab/core-components-modal": "^9.1.0",
+        "@alfalab/core-components-form-control": "^12.1.0",
+        "@alfalab/core-components-input": "^14.2.0",
+        "@alfalab/core-components-modal": "^9.1.1",
         "@alfalab/core-components-mq": "^4.2.0",
         "@alfalab/core-components-popover": "^6.2.1",
         "@alfalab/core-components-scrollbar": "^3.0.0",