@alfalab/core-components-select 13.2.19 → 14.0.0

package/esm/presets/useLazyLoading/hook.js

@@ -2,16 +2,16 @@ import { __spreadArray, __assign } from 'tslib';
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '@alfalab/core-components-skeleton/esm';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-be15dad5.js';
+import '../../intersection-observer-961b54c8.js';
 import 'classnames';
-import '../../components/base-select-mobile/checkmark/Component.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark/Component.js';
 import '@alfalab/core-components-badge/esm';
 import '@alfalab/core-components-checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../../components/checkmark-mobile/Component.js';
 
-var styles = {"skeleton":"select__skeleton_176ym"};
+var styles = {"skeleton":"select__skeleton_2ycp0"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;

package/esm/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 15plj */
-.select__skeleton_176ym {
+/* hash: 5n910 */
+.select__skeleton_2ycp0 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/esm/presets/useSelectWithApply/hook.js

@@ -3,36 +3,37 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-fdfce5e1.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-c79b7ae7.js';
+import '../../components/base-select/Component.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-b5248298.js';
 import '@alfalab/core-components-form-control/esm';
 import '@alfalab/hooks';
 import '../../utils.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '@alfalab/core-components-badge/esm';
 import '@alfalab/core-components-checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/options-list/Component.js';
-import 'react-virtual';
-import '@alfalab/core-components-scrollbar/esm';
+import '../../components/virtual-options-list/Component.js';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-be15dad5.js';
+import '../../intersection-observer-961b54c8.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 '@alfalab/core-components-popover/esm';
+import '../../getDataTestId-015e89f1.js';
 import '../../components/native-select/Component.js';
+import '@alfalab/core-components-scrollbar/esm';
+import '../../components/base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
-import '../../components/base-option/Component.js';
-import '../../components/base-checkmark/Component.js';
-import '@alfalab/core-components-button/esm';
-import '../../components/base-select-mobile/options-list/Component.js';
+import '../../components/base-select-mobile/footer/Component.js';
 import '@alfalab/core-components-base-modal/esm';
-import '../../components/base-select-mobile/virtual-options-list/Component.js';
+import '@alfalab/core-components-button/esm';
+import './options-list-with-apply/footer/Component.js';
+import 'react-virtual';

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

@@ -1,38 +1,39 @@
 import 'tslib';
 import 'react';
-import '@alfalab/core-components-button/esm';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-fdfce5e1.js';
-export { O as OptionsListWithApply } from '../../../Component-c79b7ae7.js';
-import '@alfalab/core-components-form-control/esm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-checkbox/esm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '../../../components/options-list/Component.js';
-import 'react-virtual';
-import '@alfalab/core-components-scrollbar/esm';
+export { O as OptionsListWithApply } from '../../../Component-b5248298.js';
+import './footer/Component.js';
 import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-scrollbar/esm';
+import '@alfalab/hooks';
+import '../../../utils.js';
+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 '@alfalab/core-components-popover/esm';
-import '../../../utils.js';
+import '../../../getDataTestId-015e89f1.js';
 import '../../../components/native-select/Component.js';
-import '../../../components/arrow/Component.js';
-import '@alfalab/core-components-bottom-sheet/esm';
-import '@alfalab/core-components-modal/esm/mobile';
-import '../../../Component.js';
 import '../../../components/field/Component.js';
-import '../../../components/optgroup/Component.js';
+import '@alfalab/core-components-form-control/esm';
 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 '@alfalab/core-components-skeleton/esm';
-import '../../../intersection-observer-be15dad5.js';
-import '../../../components/base-select-mobile/options-list/Component.js';
+import '@alfalab/core-components-badge/esm';
+import '@alfalab/core-components-checkbox/esm';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../../../components/checkmark-mobile/Component.js';
+import '../../../components/base-select-mobile/Component.js';
+import '@alfalab/core-components-bottom-sheet/esm';
+import '@alfalab/core-components-modal/esm/mobile';
+import '../../../components/base-select-mobile/footer/Component.js';
 import '@alfalab/core-components-base-modal/esm';
-import '../../../components/base-select-mobile/virtual-options-list/Component.js';
+import '@alfalab/core-components-button/esm';
+import '../../../components/virtual-options-list/Component.js';
+import 'react-virtual';
+import '@alfalab/core-components-skeleton/esm';
+import '../../../intersection-observer-961b54c8.js';

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Button } from '@alfalab/core-components-button/esm';
+
+var styles = {"footer":"select__footer_11pbd"};
+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;
+    return (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/esm/presets/useSelectWithApply/options-list-with-apply/{index.css → footer/index.css}

@@ -1,4 +1,4 @@
-/* hash: 1olw7 */
+/* hash: 4tg78 */
 :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_11pbd {
+    background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1jv7r > * + * {
+} .select__footer_11pbd > * + * {
         margin-left: var(--gap-xs);
     }

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

@@ -1 +1 @@
-export * from "../../../Component-c79b7ae7";
+export * from "../../../Component-b5248298";

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

@@ -1,38 +1,39 @@
-export { O as OptionsListWithApply } from '../../../Component-c79b7ae7.js';
+export { O as OptionsListWithApply } from '../../../Component-b5248298.js';
 import 'tslib';
 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 '@alfalab/core-components-bottom-sheet/esm';
-import '@alfalab/core-components-modal/esm/mobile';
-import '../../../Component.js';
-import '../../../Component-fdfce5e1.js';
 import '@juggle/resize-observer';
+import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
+import '../../../getDataTestId-015e89f1.js';
 import '../../../utils.js';
 import '../../../components/native-select/Component.js';
 import '../../../components/field/Component.js';
 import '@alfalab/core-components-form-control/esm';
 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 '@alfalab/core-components-badge/esm';
 import '@alfalab/core-components-checkbox/esm';
 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/esm';
+import '../../../components/base-select-mobile/Component.js';
+import '@alfalab/core-components-bottom-sheet/esm';
+import '@alfalab/core-components-modal/esm/mobile';
+import '../../../components/base-select-mobile/footer/Component.js';
+import '@alfalab/core-components-base-modal/esm';
+import '@alfalab/core-components-button/esm';
+import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../../../components/base-option/Component.js';
-import '../../../components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/esm';
-import '../../../intersection-observer-be15dad5.js';
-import '@alfalab/core-components-button/esm';
-import '../../../components/base-select-mobile/options-list/Component.js';
-import '@alfalab/core-components-base-modal/esm';
-import '../../../components/base-select-mobile/virtual-options-list/Component.js';
+import '../../../intersection-observer-961b54c8.js';
+import './footer/Component.js';

package/esm/presets/useSelectWithLoading/hook.js

@@ -3,14 +3,14 @@ import React from 'react';
 import { Skeleton } from '@alfalab/core-components-skeleton/esm';
 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 '@alfalab/core-components-badge/esm';
 import '@alfalab/core-components-checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../../components/checkmark-mobile/Component.js';
 
-var styles = {"skeleton":"select__skeleton_n2ugb"};
+var styles = {"skeleton":"select__skeleton_1iwsv"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/esm/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1hwmd */
-.select__skeleton_n2ugb {
+/* hash: 10bou */
+.select__skeleton_1iwsv {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/esm/responsive.js

@@ -6,34 +6,35 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-fdfce5e1.js';
+import './components/base-select/Component.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
+import './getDataTestId-015e89f1.js';
 import './utils.js';
 import './components/native-select/Component.js';
 import './components/field/Component.js';
 import '@alfalab/core-components-form-control/esm';
 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 '@alfalab/core-components-badge/esm';
 import '@alfalab/core-components-checkbox/esm';
 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/esm';
-import './Component-c79b7ae7.js';
+import './Component-b5248298.js';
+import './components/base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
+import './components/base-select-mobile/footer/Component.js';
+import '@alfalab/core-components-base-modal/esm';
+import '@alfalab/core-components-button/esm';
+import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './components/base-option/Component.js';
-import './components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/esm';
-import './intersection-observer-be15dad5.js';
-import '@alfalab/core-components-button/esm';
-import './components/base-select-mobile/options-list/Component.js';
-import '@alfalab/core-components-base-modal/esm';
-import './components/base-select-mobile/virtual-options-list/Component.js';
+import './intersection-observer-961b54c8.js';
+import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';

package/esm/types-ebda875c.d.ts

@@ -106,7 +106,7 @@ type NavigationBarProps = {
 };
 type ContentParams = {
     extraClassName?: string;
-    ref?: React.RefObject<HTMLDivElement>;
+    wrapperRef?: React.RefObject<HTMLDivElement>;
     style?: React.CSSProperties;
     hidden?: boolean;
 };

package/esm/typings.d.ts

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

package/getDataTestId-3deaae20.d.ts

@@ -0,0 +1,2 @@
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+export { getDataTestId };

package/getDataTestId-3deaae20.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
+    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
+};
+
+exports.getDataTestId = getDataTestId;

package/{cssm/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/index-3885b0d7.d.ts

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

package/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component = require('./Component.js');
 var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./Component-67e36290.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-86fe0799.js');
+var components_baseSelect_Component = require('./components/base-select/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-f1a1856f.js');
 var components_field_Component = require('./components/field/Component.js');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
 var components_option_Component = require('./components/option/Component.js');
@@ -24,25 +24,27 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
+require('./getDataTestId-3deaae20.js');
 require('./components/native-select/Component.js');
+require('./components/base-select-mobile/Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
-require('react-virtual');
-require('@alfalab/core-components-scrollbar');
-require('@alfalab/core-components-skeleton');
-require('./intersection-observer-de1426cf.js');
+require('./components/base-select-mobile/footer/Component.js');
+require('@alfalab/core-components-base-modal');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-form-control');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('./components/base-checkmark/Component.js');
-require('./components/base-select-mobile/checkmark/Component.js');
-require('./components/base-select-mobile/options-list/Component.js');
-require('@alfalab/core-components-base-modal');
-require('./components/base-select-mobile/virtual-options-list/Component.js');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('@alfalab/core-components-skeleton');
+require('./intersection-observer-d5f3e178.js');
+require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('./components/checkmark/Component.js');
+require('./components/checkmark-mobile/Component.js');
+require('@alfalab/core-components-scrollbar');
+require('react-virtual');
+require('./components/base-checkmark/Component.js');
 
 
 

package/modern/Component-29d24a9b.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
+import { UseSelectWithApplyProps } from "./hook-4b555174";
+import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
+import { FooterProps } from "./presets/useSelectWithApply/options-list-with-apply/footer/Component";
+type AdditionalMobileProps = {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps["showClear"];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps["showSelectAll"];
+};
+type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
+declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
+declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
+    showClear?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    selectedDraft?: OptionShape[] | undefined;
+    OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    Footer?: React.FC<FooterProps> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+};
+declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+} & React.RefAttributes<unknown>>;
+export { AdditionalMobileProps, SelectMobileProps, SelectMobile, OptionsListWithApply, SelectModalMobileProps, SelectModalMobile };