@alfalab/core-components 40.0.0 → 40.2.0-beta.0

package/select/modern/{hook-edac5428.d.ts → hook-4b555174.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseSelectProps, OptionShape } from "./index";
-type useSelectWithApplyProps = {
+type UseSelectWithApplyProps = {
     /**
      * Список выбранных пунктов
      */
@@ -17,6 +17,10 @@ type useSelectWithApplyProps = {
      * Компонент выпадающего меню
      */
     OptionsList?: BaseSelectProps['OptionsList'];
+    /**
+     * Пропсы, которые будут прокинуты в компонент списка
+     */
+    optionsListProps?: BaseSelectProps['optionsListProps'];
     /**
      * Показывать кнопку очистки
      */
@@ -27,15 +31,16 @@ type useSelectWithApplyProps = {
     showSelectAll?: boolean;
 };
 declare const SELECT_ALL_KEY = "select_all";
-declare function useSelectWithApply({ options, selected, onChange, OptionsList, showClear, showSelectAll, }: useSelectWithApplyProps): {
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./index").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index").OptionsListProps & import("react").RefAttributes<unknown>> | undefined;
-    } & import("react").RefAttributes<unknown>>;
+        OptionsList?: import("react").FC<import("./index").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/footer/Component").FooterProps> | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
-        OptionsList: import("react").FC<import("./index").OptionsListProps> | undefined;
+        OptionsList: import("react").FC<import("./index").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
         showClear: boolean;
         onClear: () => void;
         onApply: () => void;
@@ -51,4 +56,4 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     onChange: (payload: import("./index").BaseSelectChangePayload) => void;
     selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
 };
-export { SELECT_ALL_KEY, useSelectWithApply };
+export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/select/modern/index-3885b0d7.d.ts

@@ -1,3 +1,3 @@
 declare const isClient: () => boolean;
 export { isClient };
-export * from "./Component-979388ae";
+export * from "./getDataTestId-c6fd39a7";

package/select/modern/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
-export { B as BaseSelect } from './Component-979388ae.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-4c4a3ab4.js';
+export { BaseSelect } from './components/base-select/Component.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-4d5dba68.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -20,21 +20,23 @@ import 'downshift';
 import '../../popover/modern';
 import '@alfalab/hooks';
 import './components/native-select/Component.js';
+import './components/base-select-mobile/Component.js';
 import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
-import 'react-virtual';
-import '../../scrollbar/modern';
-import '../../skeleton/modern';
-import './intersection-observer-be15dad5.js';
+import './components/base-select-mobile/footer/Component.js';
+import '../../base-modal/modern';
 import '../../button/modern';
 import '../../form-control/modern';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../badge/modern';
 import '../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import './components/base-checkmark/Component.js';
-import './components/base-select-mobile/checkmark/Component.js';
-import './components/base-select-mobile/options-list/Component.js';
-import '../../base-modal/modern';
-import './components/base-select-mobile/virtual-options-list/Component.js';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../../skeleton/modern';
+import './intersection-observer-d4da4352.js';
+import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import './components/checkmark/Component.js';
+import './components/checkmark-mobile/Component.js';
+import '../../scrollbar/modern';
+import 'react-virtual';
+import './components/base-checkmark/Component.js';
+import './getDataTestId-c6fd39a7.js';

package/select/modern/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-edac5428";
+export * from "../hook-4b555174";

package/select/modern/presets/index.js

@@ -1,26 +1,24 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-4c4a3ab4.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-4d5dba68.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';
 import 'classnames';
-import '../components/base-select-mobile/checkmark/Component.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark/Component.js';
 import '../../../badge/modern';
 import '../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '../intersection-observer-be15dad5.js';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../components/checkmark-mobile/Component.js';
+import '../intersection-observer-d4da4352.js';
+import '../Component.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '../components/base-select/Component.js';
 import 'react-merge-refs';
-import 'downshift';
-import '../../../bottom-sheet/modern';
-import '../../../modal/modern/mobile';
-import '../Component.js';
-import '../Component-979388ae.js';
 import '@juggle/resize-observer';
+import 'downshift';
 import '../../../popover/modern';
 import '@alfalab/hooks';
 import '../components/native-select/Component.js';
@@ -29,11 +27,14 @@ import '../../../form-control/modern';
 import '../components/optgroup/Component.js';
 import '../components/options-list/Component.js';
 import '../../../scrollbar/modern';
-import 'react-virtual';
-import '../components/base-option/Component.js';
-import '../components/base-checkmark/Component.js';
-import '../../../button/modern';
-import '../components/base-select-mobile/options-list/Component.js';
+import '../components/base-select-mobile/Component.js';
+import '../../../bottom-sheet/modern';
+import '../../../modal/modern/mobile';
+import '../components/base-select-mobile/footer/Component.js';
 import '../../../base-modal/modern';
-import '../components/base-select-mobile/virtual-options-list/Component.js';
+import '../../../button/modern';
+import '../components/virtual-options-list/Component.js';
+import 'react-virtual';
+import './useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../utils.js';
+import '../getDataTestId-c6fd39a7.js';

package/select/modern/presets/useLazyLoading/hook.js

@@ -1,14 +1,14 @@
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '../../../../skeleton/modern';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-be15dad5.js';
+import '../../intersection-observer-d4da4352.js';
 import 'classnames';
-import '../../components/base-select-mobile/checkmark/Component.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark/Component.js';
 import '../../../../badge/modern';
 import '../../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../../components/checkmark-mobile/Component.js';
 
 const styles = {"skeleton":"select__skeleton_176ym"};
 require('./index.css');

package/select/modern/presets/useSelectWithApply/hook.js

@@ -2,36 +2,37 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-979388ae.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-4c4a3ab4.js';
+import '../../components/base-select/Component.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-4d5dba68.js';
 import '../../../../form-control/modern';
 import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../../../badge/modern';
 import '../../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/options-list/Component.js';
-import 'react-virtual';
-import '../../../../scrollbar/modern';
+import '../../components/virtual-options-list/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-be15dad5.js';
+import '../../intersection-observer-d4da4352.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
 import '../../components/option/Component.js';
-import '../../components/base-select-mobile/checkmark/Component.js';
 import '../../components/checkmark/Component.js';
+import '../../components/checkmark-mobile/Component.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
 import '../../../../popover/modern';
 import '../../components/native-select/Component.js';
+import '../../../../scrollbar/modern';
+import '../../components/base-select-mobile/Component.js';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
-import '../../components/base-option/Component.js';
-import '../../components/base-checkmark/Component.js';
-import '../../../../button/modern';
-import '../../components/base-select-mobile/options-list/Component.js';
+import '../../components/base-select-mobile/footer/Component.js';
 import '../../../../base-modal/modern';
-import '../../components/base-select-mobile/virtual-options-list/Component.js';
+import '../../../../button/modern';
+import './options-list-with-apply/footer/Component.js';
+import 'react-virtual';
+import '../../getDataTestId-c6fd39a7.js';
 import '../../utils.js';

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

@@ -1,37 +1,38 @@
 import 'react';
-import '../../../../../button/modern';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-979388ae.js';
-export { O as OptionsListWithApply } from '../../../Component-4c4a3ab4.js';
-import '../../../../../form-control/modern';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../../../../../badge/modern';
-import '../../../../../checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '../../../components/options-list/Component.js';
-import 'react-virtual';
-import '../../../../../scrollbar/modern';
+export { O as OptionsListWithApply } from '../../../Component-4d5dba68.js';
+import './footer/Component.js';
 import 'react-merge-refs';
+import 'classnames';
+import '../../../../../scrollbar/modern';
+import '@alfalab/hooks';
+import '../../../components/optgroup/Component.js';
+import '../../../Component.js';
+import '../../../components/arrow/Component.js';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '../../../components/base-select/Component.js';
 import '@juggle/resize-observer';
 import 'downshift';
 import '../../../../../popover/modern';
 import '../../../components/native-select/Component.js';
-import '../../../components/arrow/Component.js';
-import '../../../../../bottom-sheet/modern';
-import '../../../../../modal/modern/mobile';
-import '../../../Component.js';
 import '../../../components/field/Component.js';
-import '../../../components/optgroup/Component.js';
+import '../../../../../form-control/modern';
 import '../../../components/option/Component.js';
-import '../../../components/base-select-mobile/checkmark/Component.js';
 import '../../../components/checkmark/Component.js';
-import '../../../components/base-option/Component.js';
-import '../../../components/base-checkmark/Component.js';
-import '../../../../../skeleton/modern';
-import '../../../intersection-observer-be15dad5.js';
-import '../../../components/base-select-mobile/options-list/Component.js';
+import '../../../../../badge/modern';
+import '../../../../../checkbox/modern';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../../../components/checkmark-mobile/Component.js';
+import '../../../components/base-select-mobile/Component.js';
+import '../../../../../bottom-sheet/modern';
+import '../../../../../modal/modern/mobile';
+import '../../../components/base-select-mobile/footer/Component.js';
 import '../../../../../base-modal/modern';
-import '../../../components/base-select-mobile/virtual-options-list/Component.js';
+import '../../../../../button/modern';
+import '../../../components/virtual-options-list/Component.js';
+import 'react-virtual';
+import '../../../../../skeleton/modern';
+import '../../../intersection-observer-d4da4352.js';
 import '../../../utils.js';
+import '../../../getDataTestId-c6fd39a7.js';

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { OptionShape } from "../../../../typings";
+type FooterProps = {
+    handleClear?: () => void;
+    handleApply?: () => void;
+    showClear?: boolean;
+    selectedDraft?: OptionShape[];
+};
+declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft, }: FooterProps) => JSX.Element;
+export { FooterProps, Footer };

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

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

package/select/{presets/useSelectWithApply/options-list-with-apply → modern/presets/useSelectWithApply/options-list-with-apply/footer}/index.css

@@ -1,4 +1,4 @@
-/* hash: 1olw7 */
+/* hash: 1568c */
 :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 */
@@ -26,10 +26,10 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_1jv7r {
-    background: var(--color-light-bg-primary);
+} .select__footer_ze9ys {
+    background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1jv7r > * + * {
+} .select__footer_ze9ys > * + * {
         margin-left: var(--gap-xs);
     }

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

@@ -1 +1 @@
-export * from "../../../Component-4c4a3ab4";
+export * from "../../../Component-4d5dba68";

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

@@ -1,15 +1,13 @@
-export { O as OptionsListWithApply } from '../../../Component-4c4a3ab4.js';
+export { O as OptionsListWithApply } from '../../../Component-4d5dba68.js';
 import 'react';
+import '../../../Component.js';
 import '../../../components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '../../../components/base-select/Component.js';
 import 'react-merge-refs';
-import 'downshift';
-import '../../../../../bottom-sheet/modern';
-import '../../../../../modal/modern/mobile';
-import '../../../Component.js';
-import '../../../Component-979388ae.js';
 import '@juggle/resize-observer';
+import 'downshift';
 import '../../../../../popover/modern';
 import '@alfalab/hooks';
 import '../../../components/native-select/Component.js';
@@ -17,21 +15,24 @@ import '../../../components/field/Component.js';
 import '../../../../../form-control/modern';
 import '../../../components/optgroup/Component.js';
 import '../../../components/option/Component.js';
-import '../../../components/base-select-mobile/checkmark/Component.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../../components/checkmark/Component.js';
 import '../../../../../badge/modern';
 import '../../../../../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 '../../../../../scrollbar/modern';
+import '../../../components/base-select-mobile/Component.js';
+import '../../../../../bottom-sheet/modern';
+import '../../../../../modal/modern/mobile';
+import '../../../components/base-select-mobile/footer/Component.js';
+import '../../../../../base-modal/modern';
+import '../../../../../button/modern';
+import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../../../components/base-option/Component.js';
-import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-be15dad5.js';
-import '../../../../../button/modern';
-import '../../../components/base-select-mobile/options-list/Component.js';
-import '../../../../../base-modal/modern';
-import '../../../components/base-select-mobile/virtual-options-list/Component.js';
+import '../../../intersection-observer-d4da4352.js';
+import './footer/Component.js';
 import '../../../utils.js';
+import '../../../getDataTestId-c6fd39a7.js';

package/select/modern/presets/useSelectWithLoading/hook.js

@@ -2,12 +2,12 @@ import React from 'react';
 import { Skeleton } from '../../../../skeleton/modern';
 import { Option } from '../../components/option/Component.js';
 import 'classnames';
-import '../../components/base-select-mobile/checkmark/Component.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark/Component.js';
 import '../../../../badge/modern';
 import '../../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../../components/checkmark-mobile/Component.js';
 
 const styles = {"skeleton":"select__skeleton_n2ugb"};
 require('./index.css');

package/select/modern/responsive.js

@@ -5,7 +5,7 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-979388ae.js';
+import './components/base-select/Component.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
@@ -15,24 +15,25 @@ import './components/field/Component.js';
 import '../../form-control/modern';
 import './components/optgroup/Component.js';
 import './components/option/Component.js';
-import './components/base-select-mobile/checkmark/Component.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './components/checkmark/Component.js';
 import '../../badge/modern';
 import '../../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 '../../scrollbar/modern';
-import './Component-4c4a3ab4.js';
+import './Component-4d5dba68.js';
+import './components/base-select-mobile/Component.js';
 import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
+import './components/base-select-mobile/footer/Component.js';
+import '../../base-modal/modern';
+import '../../button/modern';
+import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './components/base-option/Component.js';
-import './components/base-checkmark/Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-be15dad5.js';
-import '../../button/modern';
-import './components/base-select-mobile/options-list/Component.js';
-import '../../base-modal/modern';
-import './components/base-select-mobile/virtual-options-list/Component.js';
+import './intersection-observer-d4da4352.js';
+import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
+import './getDataTestId-c6fd39a7.js';
 import './utils.js';

package/select/modern/typings.d.ts

@@ -201,7 +201,7 @@ type BaseSelectProps = {
     /**
      * Компонент выпадающего меню
      */
-    OptionsList?: FC<OptionsListProps>;
+    OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
     /**
      * Компонент группы
      */

package/select/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-edac5428";
+export * from "../hook-4b555174";

package/select/presets/index.js

@@ -2,30 +2,29 @@ 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('../Component-86fe0799.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-06f4d707.js');
 require('tslib');
 require('react');
 require('../../skeleton');
 require('../components/option/Component.js');
 require('classnames');
-require('../components/base-select-mobile/checkmark/Component.js');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark/Component.js');
 require('../../badge');
 require('../../checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('../intersection-observer-de1426cf.js');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/checkmark-mobile/Component.js');
+require('../intersection-observer-e38bcceb.js');
+require('../Component.js');
 require('../components/arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/base-select/Component.js');
 require('react-merge-refs');
-require('downshift');
-require('../../bottom-sheet');
-require('../../modal/mobile');
-require('../Component.js');
-require('../Component-67e36290.js');
 require('@juggle/resize-observer');
+require('downshift');
 require('../../popover');
 require('@alfalab/hooks');
+require('../getDataTestId-913da9a4.js');
 require('../utils.js');
 require('../components/native-select/Component.js');
 require('../components/field/Component.js');
@@ -33,13 +32,15 @@ require('../../form-control');
 require('../components/optgroup/Component.js');
 require('../components/options-list/Component.js');
 require('../../scrollbar');
-require('react-virtual');
-require('../components/base-option/Component.js');
-require('../components/base-checkmark/Component.js');
-require('../../button');
-require('../components/base-select-mobile/options-list/Component.js');
+require('../components/base-select-mobile/Component.js');
+require('../../bottom-sheet');
+require('../../modal/mobile');
+require('../components/base-select-mobile/footer/Component.js');
 require('../../base-modal');
-require('../components/base-select-mobile/virtual-options-list/Component.js');
+require('../../button');
+require('../components/virtual-options-list/Component.js');
+require('react-virtual');
+require('./useSelectWithApply/options-list-with-apply/footer/Component.js');
 
 
 

package/select/presets/useLazyLoading/hook.js

@@ -4,14 +4,14 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('../../intersection-observer-de1426cf.js');
+require('../../intersection-observer-e38bcceb.js');
 require('classnames');
-require('../../components/base-select-mobile/checkmark/Component.js');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/checkmark/Component.js');
 require('../../../badge');
 require('../../../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/select/presets/useSelectWithApply/hook.js

@@ -5,39 +5,40 @@ require('react');
 require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../Component-67e36290.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-86fe0799.js');
+require('../../components/base-select/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-06f4d707.js');
 require('../../../form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../../badge');
 require('../../../checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/options-list/Component.js');
-require('react-virtual');
-require('../../../scrollbar');
+require('../../components/virtual-options-list/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-de1426cf.js');
+require('../../intersection-observer-e38bcceb.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');
 require('../../components/option/Component.js');
-require('../../components/base-select-mobile/checkmark/Component.js');
 require('../../components/checkmark/Component.js');
+require('../../components/checkmark-mobile/Component.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
 require('../../../popover');
+require('../../getDataTestId-913da9a4.js');
 require('../../components/native-select/Component.js');
+require('../../../scrollbar');
+require('../../components/base-select-mobile/Component.js');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
-require('../../components/base-option/Component.js');
-require('../../components/base-checkmark/Component.js');
-require('../../../button');
-require('../../components/base-select-mobile/options-list/Component.js');
+require('../../components/base-select-mobile/footer/Component.js');
 require('../../../base-modal');
-require('../../components/base-select-mobile/virtual-options-list/Component.js');
+require('../../../button');
+require('./options-list-with-apply/footer/Component.js');
+require('react-virtual');