@alfalab/core-components-input-autocomplete 10.2.3 → 11.0.0

package/esm/types.d.ts

@@ -0,0 +1,58 @@
+import { ChangeEvent, FC, RefAttributes } from 'react';
+import { InputProps } from "@alfalab/core-components-input";
+import { BaseSelectProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
+interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
+    /**
+     * Компонент ввода значения
+     */
+    Input?: FC<InputProps & RefAttributes<HTMLInputElement>>;
+    /**
+     * Пропсы, которые будут прокинуты в инпут
+     */
+    inputProps?: InputProps & Record<string, unknown>;
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Поле доступно только для чтения
+     */
+    readOnly?: InputProps['readOnly'];
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean;
+    /**
+     * Обработчик ввода
+     */
+    onInput?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+        value: string;
+    }) => void;
+}
+type MobileProps = {
+    /**
+     *  Открывать в bottom-sheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Пропсы анимации контента (CSSTransition)
+     */
+    transitionProps?: NonNullable<BottomSheetSelectMobileProps['bottomSheetProps']>['transitionProps'];
+};
+type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
+interface InputAutocompleteProps extends InputAutocompleteCommonProps {
+    /**
+     *  Пропсы для мобильного компонента
+     */
+    mobileProps?: MobileProps;
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+}
+export { InputAutocompleteCommonProps, InputAutocompleteMobileProps, InputAutocompleteProps };

package/esm/types.js

@@ -0,0 +1 @@
+

package/esm/utils.d.ts

@@ -0,0 +1,2 @@
+declare function searchFilterStub(): boolean;
+export { searchFilterStub };

package/esm/utils.js

@@ -0,0 +1,5 @@
+function searchFilterStub() {
+    return true;
+}
+
+export { searchFilterStub };

package/index.d.ts

@@ -1,2 +1,2 @@
-export { InputAutocompleteResponsive as InputAutocomplete, InputAutocompleteResponsiveProps as InputAutocompleteProps } from "./Component.responsive";
-export {};
+export { InputAutocomplete } from "./Component.responsive";
+export type { InputAutocompleteProps } from "./types";

package/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
-require('@alfalab/hooks');
+require('@alfalab/core-components-mq');
 require('./Component.desktop.js');
+require('@alfalab/core-components-popover');
 require('@alfalab/core-components-select/shared');
 require('./autocomplete-field/Component.js');
 require('react-merge-refs');
@@ -14,14 +15,13 @@ require('classnames');
 require('@alfalab/core-components-input/desktop');
 require('./Component.mobile.js');
 require('lodash.throttle');
-require('@alfalab/core-components-button/mobile');
-require('@alfalab/core-components-input');
 require('@alfalab/core-components-select/mobile');
 require('./autocomplete-mobile-field/Component.js');
 require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/core-components-shared');
-require('./mobile.module-c08975ff.js');
+require('@alfalab/hooks');
+require('./utils.js');
 
 
 
-exports.InputAutocomplete = Component_responsive.InputAutocompleteResponsive;
+exports.InputAutocomplete = Component_responsive.InputAutocomplete;

package/mobile/index.d.ts

@@ -0,0 +1,3 @@
+export { InputAutocompleteMobile } from "../Component.mobile";
+export { InputAutocompleteModalMobile } from "../Component.modal.mobile";
+export { InputAutocompleteMobileProps } from "../types";

package/{mobile.js → mobile/index.js}

@@ -2,21 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('./Component.mobile.js');
-var Component_modal_mobile = require('./Component.modal.mobile.js');
+var Component_mobile = require('../Component.mobile.js');
+var Component_modal_mobile = require('../Component.modal.mobile.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('lodash.throttle');
-require('@alfalab/core-components-button/mobile');
-require('@alfalab/core-components-input');
 require('@alfalab/core-components-select/mobile');
-require('./autocomplete-mobile-field/Component.js');
+require('@alfalab/core-components-select/shared');
+require('../autocomplete-mobile-field/Component.js');
 require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/core-components-shared');
 require('@alfalab/hooks');
-require('./mobile.module-c08975ff.js');
+require('../utils.js');
 
 
 

package/mobile/package.json

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

package/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1das8 */
+/* hash: 15blr */
 :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 */
@@ -12,15 +12,8 @@
     /* Hard up */
 } :root {
 } :root {
-    --gap-xs: 8px;
-    --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_a4rod {
-    padding: var(--gap-xs);
-    box-sizing: border-box;
-} .input-autocomplete__footer_a4rod {
-    display: flex
-} .input-autocomplete__footer_a4rod > button + button {
-        margin-left: var(--gap-m);
-    }
+} .input-autocomplete__input_q39f3 {
+    width: auto;
+}

package/modern/Component.desktop.d.ts

@@ -1,72 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { ChangeEvent, FC, RefAttributes } from "react";
-import { InputProps } from "@alfalab/core-components-input";
-import { BaseSelectProps } from "./shared-4cd3936b";
-type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> & {
-    /**
-     * Компонент ввода значения
-     */
-    Input?: FC<InputProps & RefAttributes<HTMLInputElement>>;
-    /**
-     * Пропсы, которые будут прокинуты в инпут
-     */
-    inputProps?: InputProps & Record<string, unknown>;
-    /**
-     * Значение поля ввода
-     */
-    value?: string;
-    /**
-     * Поле доступно только для чтения
-     */
-    readOnly?: InputProps['readOnly'];
-    /**
-     * Отображение иконки успеха
-     */
-    success?: boolean;
-    /**
-     * Обработчик ввода
-     */
-    onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение поповера
-     */
-    updatePopover?: BaseSelectProps['updatePopover'];
-};
-declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
-    /**
-     * Компонент ввода значения
-     */
-    Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
-        breakpoint?: number | undefined;
-        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-    } & React.RefAttributes<HTMLInputElement>> | undefined;
-    /**
-     * Пропсы, которые будут прокинуты в инпут
-     */
-    inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
-        breakpoint?: number | undefined;
-        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-    } & Record<string, unknown>) | undefined;
-    /**
-     * Значение поля ввода
-     */
-    value?: string | undefined;
-    /**
-     * Поле доступно только для чтения
-     */
-    readOnly?: InputProps['readOnly'];
-    /**
-     * Отображение иконки успеха
-     */
-    success?: boolean | undefined;
-    /**
-     * Обработчик ввода
-     */
-    onInput?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение поповера
-     */
-    updatePopover?: BaseSelectProps['updatePopover'];
-} & React.RefAttributes<HTMLInputElement>>;
-export { InputAutocompleteDesktopProps, InputAutocompleteDesktop };
+import { InputAutocompleteCommonProps } from "./types";
+declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<InputAutocompleteCommonProps & React.RefAttributes<HTMLInputElement>>;
+export { InputAutocompleteDesktop };

package/modern/Component.desktop.js

@@ -1,11 +1,12 @@
 import React, { forwardRef } from 'react';
+import { Popover } from '@alfalab/core-components-popover/modern';
 import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/modern/shared';
 import { AutocompleteField } from './autocomplete-field/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-input/modern/desktop';
 
-const InputAutocompleteDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Input, inputProps = {}, onInput, value, success, readOnly, closeOnSelect = false, options, ...restProps }, ref) => (React.createElement(BaseSelect, { ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option$1, Field: AutocompleteField, Optgroup: Optgroup$1, OptionsList: OptionsList$1, ...restProps, fieldProps: {
+const InputAutocompleteDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Input, inputProps = {}, onInput, value, success, readOnly, closeOnSelect = false, options, ...restProps }, ref) => (React.createElement(BaseSelect, { view: 'desktop', Popover: Popover, ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option$1, Field: AutocompleteField, Optgroup: Optgroup$1, OptionsList: OptionsList$1, ...restProps, fieldProps: {
         ...restProps.fieldProps,
         Input,
         onInput,

package/modern/Component.mobile.d.ts

@@ -1,98 +1,8 @@
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from 'react';
-import { ChangeEvent, ElementType } from "react";
-import { ButtonMobileProps } from "./mobile-89f0cb07";
-import { AdditionalMobileProps, BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
-type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer' | 'searchProps' | 'showSearch' | 'Search'> & {
-    /**
-     * Обработчик выбора
-     */
-    onChange: (payload: string | BaseSelectChangePayload) => void;
-    /**
-     * Обработчик ввода фильтра.
-     */
-    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Значение поля ввода
-     */
-    value?: string;
-    /**
-     * Значение фильтра.
-     */
-    filter?: string;
-    /**
-     * Обработчик нажатия на кнопку "Отмена".
-     */
-    onCancel?: () => void;
-    /**
-     * Обработчик нажатия на крестик в инпуте фильтра.
-     */
-    onClearFilter?: () => void;
-    /**
-     * Дополнительные пропсы компонента BottomSheet
-     */
-    bottomSheetProps?: AdditionalMobileProps['bottomSheetProps'];
-    /**
-     * Дополнительные пропсы на слот под заголовком компонента BottomSheet
-     */
-    bottomSheetHeaderAddonsProps?: Record<string, unknown>;
-    /**
-     * Дополнительные пропсы на кнопку "продолжить"
-     */
-    continueButtonProps?: ButtonMobileProps;
-    /**
-     * Дополнительные пропсы на кнопку "отмена"
-     */
-    cancelButtonProps?: ButtonMobileProps;
-    /**
-     * Кастомный инпут
-     */
-    Input?: ElementType;
-};
-declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
-    /**
-     * Обработчик выбора
-     */
-    onChange: (payload: string | BaseSelectChangePayload) => void;
-    /**
-     * Обработчик ввода фильтра.
-     */
-    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Значение поля ввода
-     */
-    value?: string | undefined;
-    /**
-     * Значение фильтра.
-     */
-    filter?: string | undefined;
-    /**
-     * Обработчик нажатия на кнопку "Отмена".
-     */
-    onCancel?: (() => void) | undefined;
-    /**
-     * Обработчик нажатия на крестик в инпуте фильтра.
-     */
-    onClearFilter?: (() => void) | undefined;
-    /**
-     * Дополнительные пропсы компонента BottomSheet
-     */
-    bottomSheetProps?: AdditionalMobileProps['bottomSheetProps'];
-    /**
-     * Дополнительные пропсы на слот под заголовком компонента BottomSheet
-     */
-    bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
-    /**
-     * Дополнительные пропсы на кнопку "продолжить"
-     */
-    continueButtonProps?: ButtonMobileProps | undefined;
-    /**
-     * Дополнительные пропсы на кнопку "отмена"
-     */
-    cancelButtonProps?: ButtonMobileProps | undefined;
-    /**
-     * Кастомный инпут
-     */
-    Input?: React.ElementType<any> | undefined;
+declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
+    isBottomSheet?: boolean | undefined;
+    transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
 } & React.RefAttributes<unknown>>;
-export { InputAutocompleteMobileProps, InputAutocompleteMobile };
+export { InputAutocompleteMobile };

package/modern/Component.mobile.js

@@ -2,86 +2,84 @@ import React, { useState, useRef, useMemo } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import throttle from 'lodash.throttle';
-import { ButtonMobile } from '@alfalab/core-components-button/modern/mobile';
-import { Input } from '@alfalab/core-components-input/modern';
-import { SelectMobile } from '@alfalab/core-components-select/modern/mobile';
+import { SelectMobile, SelectModalMobile } from '@alfalab/core-components-select/modern/mobile';
+import { Footer } from '@alfalab/core-components-select/modern/shared';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-1bc0502b.js';
+import { searchFilterStub } from './utils.js';
 import '@alfalab/core-components-form-control/modern/mobile';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/hooks';
 
-const SELECTED = [];
-const InputAutocompleteMobile = React.forwardRef(({ Input: Input$1, bottomSheetProps = {}, bottomSheetHeaderAddonsProps = {}, value = '', filter = '', name, Arrow = null, label, placeholder, size = 's', open: openProp, onFilter, onChange, onOpen, onCancel, onClearFilter, continueButtonProps, cancelButtonProps, selected, multiple, ...restProps }, ref) => {
+const styles = {"input":"input-autocomplete__input_q39f3"};
+require('./mobile.css')
+
+const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 's', open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, ...restProps }, ref) => {
     const [open, setOpen] = useState(false);
-    const bottomSheetInputRef = useRef(null);
+    const frozenValue = useRef('');
+    const searchInputRef = useRef(null);
     const targetRef = useRef(null);
-    const setBottomSheetVisibility = (isOpen) => {
+    const restorePrevValue = () => onInput?.(null, { value: frozenValue.current });
+    const setModalVisibility = (isOpen) => {
         if (openProp === undefined) {
             setOpen(isOpen);
         }
-        if (onOpen) {
-            onOpen({ open: isOpen, name });
+        if (isOpen) {
+            frozenValue.current = value || '';
         }
+        onOpen?.({ open: isOpen, name });
     };
     const handleOpen = (payload) => {
-        setBottomSheetVisibility(Boolean(payload.open));
+        setModalVisibility(Boolean(payload.open));
     };
     const handleOptionsListTouchMove = useMemo(() => throttle(() => {
-        const input = bottomSheetInputRef.current;
+        const input = searchInputRef.current;
         if (input && document.activeElement === input) {
             input.blur();
         }
     }, 300), []);
-    const handleApply = () => {
-        setBottomSheetVisibility(false);
-        onChange(filter);
-    };
-    const handleChange = (payload) => {
-        onChange(payload);
-        if (multiple) {
-            // После выбора опции возвращаем фокус в поле ввода.
-            bottomSheetInputRef.current?.focus();
-        }
-    };
+    const handleApply = () => setModalVisibility(false);
     const handleCancel = () => {
-        setBottomSheetVisibility(false);
-        if (onCancel) {
-            onCancel();
-        }
+        setModalVisibility(false);
+        restorePrevValue();
     };
-    const handleInputFocus = (event) => {
-        const input = bottomSheetInputRef.current;
-        // Перед закрытием шторки снимаем фокус с инпута, чтобы предотвратить скачок шторки.
-        if (event.relatedTarget === targetRef.current &&
-            input &&
-            input === document.activeElement) {
-            input.blur();
-        }
+    const handleExiting = (node) => {
+        targetRef.current?.focus();
+        transitionProps?.onExiting?.(node);
     };
-    const getBottomSheetProps = () => {
-        const Component = Input$1 || Input;
-        return {
-            actionButton: (React.createElement("div", { className: styles.footer },
-                React.createElement(ButtonMobile, { block: true, view: 'secondary', size: 'm', onClick: handleCancel, ...cancelButtonProps }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
-                React.createElement(ButtonMobile, { block: true, view: 'primary', size: 'm', onClick: handleApply, ...continueButtonProps }, "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))),
-            title: label || placeholder,
-            bottomAddons: (React.createElement(Component, { block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus, ...bottomSheetHeaderAddonsProps, className: cn(styles.bottomAddonInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs([
-                    bottomSheetInputRef,
-                    bottomSheetHeaderAddonsProps.ref,
-                ]) })),
-            initialHeight: 'full',
-            ...bottomSheetProps,
-            containerProps: {
-                onTouchMove: handleOptionsListTouchMove,
-                ...bottomSheetProps.containerProps,
-            },
-        };
+    const isOpen = Boolean(open || openProp);
+    const Component = isBottomSheet ? SelectMobile : SelectModalMobile;
+    const componentProps = {
+        title: label || placeholder,
+        onClose: restorePrevValue,
+        transitionProps: {
+            ...transitionProps,
+            onExiting: handleExiting,
+        },
+        [isBottomSheet ? 'containerProps' : 'componentDivProps']: {
+            onTouchMove: handleOptionsListTouchMove,
+        },
     };
-    return (React.createElement(SelectMobile, { useWithApplyHook: false, Field: AutocompleteMobileField, ...restProps, ref: mergeRefs([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, Arrow: Arrow, onChange: handleChange, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: {
-            showFooter: false,
+    return (React.createElement(Component, { Field: AutocompleteMobileField, ...restProps, ...(isBottomSheet
+            ? { bottomSheetProps: componentProps }
+            : { modalProps: componentProps }), dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
+            value,
+            filterFn: searchFilterStub,
+            componentProps: {
+                leftAddons: null,
+                placeholder,
+                ...inputProps,
+                className: cn(styles.input, inputProps?.className),
+                clear: inputProps?.clear ?? false,
+                ref: mergeRefs([searchInputRef, inputProps?.ref]),
+                onChange: onInput,
+            },
+        }, Search: Input, ref: mergeRefs([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: {
+            footer: (React.createElement(Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })),
             ...restProps.optionsListProps,
-        }, fieldProps: { value, ...restProps.fieldProps } }));
+        }, fieldProps: {
+            value: isOpen ? frozenValue.current : value,
+            ...restProps.fieldProps,
+        } }));
 });
 
 export { InputAutocompleteMobile };

package/modern/Component.modal.mobile.d.ts

@@ -1,91 +1,8 @@
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from 'react';
-import { ChangeEvent, ElementType } from "react";
-import { ButtonMobileProps } from "./mobile-89f0cb07";
-import { SelectModalMobileProps } from "./mobile-f28cbba0";
-import { BaseSelectChangePayload } from "./shared-4cd3936b";
-type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
-    /**
-     * Обработчик выбора
-     */
-    onChange: (payload: string | BaseSelectChangePayload) => void;
-    /**
-     * Обработчик ввода фильтра.
-     */
-    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Значение поля ввода
-     */
-    value?: string;
-    /**
-     * Значение фильтра.
-     */
-    filter?: string;
-    /**
-     * Обработчик нажатия на кнопку "Отмена".
-     */
-    onCancel?: () => void;
-    /**
-     * Обработчик нажатия на крестик в инпуте фильтра.
-     */
-    onClearFilter?: () => void;
-    /**
-     * Дополнительные пропсы на слот под заголовком
-     */
-    bottomAddonProps?: Record<string, unknown>;
-    /**
-     * Дополнительные пропсы на кнопку "продолжить"
-     */
-    continueButtonProps?: ButtonMobileProps;
-    /**
-     * Дополнительные пропсы на кнопку "отмена"
-     */
-    cancelButtonProps?: ButtonMobileProps;
-    /**
-     * Кастомный инпут
-     */
-    Input?: ElementType;
-};
-declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
-    /**
-     * Обработчик выбора
-     */
-    onChange: (payload: string | BaseSelectChangePayload) => void;
-    /**
-     * Обработчик ввода фильтра.
-     */
-    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Значение поля ввода
-     */
-    value?: string | undefined;
-    /**
-     * Значение фильтра.
-     */
-    filter?: string | undefined;
-    /**
-     * Обработчик нажатия на кнопку "Отмена".
-     */
-    onCancel?: (() => void) | undefined;
-    /**
-     * Обработчик нажатия на крестик в инпуте фильтра.
-     */
-    onClearFilter?: (() => void) | undefined;
-    /**
-     * Дополнительные пропсы на слот под заголовком
-     */
-    bottomAddonProps?: Record<string, unknown> | undefined;
-    /**
-     * Дополнительные пропсы на кнопку "продолжить"
-     */
-    continueButtonProps?: ButtonMobileProps | undefined;
-    /**
-     * Дополнительные пропсы на кнопку "отмена"
-     */
-    cancelButtonProps?: ButtonMobileProps | undefined;
-    /**
-     * Кастомный инпут
-     */
-    Input?: React.ElementType<any> | undefined;
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
+    isBottomSheet?: boolean | undefined;
+    transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { InputAutocompleteModalMobileProps, InputAutocompleteModalMobile };
+export { InputAutocompleteModalMobile };