@alfalab/core-components-input-autocomplete 9.4.0 → 9.4.2

package/index-ebda875c.d.ts

@@ -1,219 +1,98 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes } from "react";
-type ScrollbarProps = {
-    /**
-     * Оборачиваемый элемент.
-     */
-    children?: React.ReactNode;
-    /**
-     * Дополнительный класс на корневой элемент.
-     */
-    className?: string;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-    /**
-     * Растягивать контент по горизонтали по ширине содержимого.
-     */
-    horizontalAutoStretch?: boolean;
-    /**
-     * Название css свойства, которое устанавливается на контейнер при horizontalAutoStretch.
-     */
-    widthPropName?: "minWidth" | "width" | "maxWidth";
-    /**
-     * Включает автоскрытие ползунка.
-     */
-    autoHide?: boolean;
-    /**
-     * Время в мс, определяющее задержку до исчезновения полосы прокрутки (при включенной опции autoHide).
-     */
-    autoHideTimeout?: number;
-    /**
-     * Принудительное отображение полосы прокрутки.
-     */
-    forceVisible?: boolean | "x" | "y";
-    /**
-     * Управление поведением клика по треку.
-     * Если true, то будет выполняться прокрутка к месту клика.
-     */
-    clickOnTrack?: boolean;
-    /**
-     * HTML-aтрибуты на прокручиваемый узел.
-     */
-    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * HTML-aтрибуты на узел с контентом.
-     */
-    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement>;
-declare const Scrollbar: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    className?: string | undefined;
-    colors?: "default" | "inverted" | undefined;
-    horizontalAutoStretch?: boolean | undefined;
-    widthPropName?: "minWidth" | "width" | "maxWidth" | undefined;
-    autoHide?: boolean | undefined;
-    autoHideTimeout?: number | undefined;
-    forceVisible?: boolean | "x" | "y" | undefined;
-    clickOnTrack?: boolean | undefined;
-    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare class SimpleBar {
-    static getRtlHelpers(): {
-        isRtlScrollingInverted: boolean;
-        isRtlScrollbarInverted: boolean;
-    };
-    static defaultOptions: {
-        autoHide: boolean;
-        forceVisible: boolean;
-        clickOnTrack: boolean;
-        clickOnTrackSpeed: number;
-        classNames: {
-            contentEl: string;
-            contentWrapper: string;
-            offset: string;
-            mask: string;
-            wrapper: string;
-            placeholder: string;
-            scrollbar: string;
-            track: string;
-            heightAutoObserverWrapperEl: string;
-            heightAutoObserverEl: string;
-            visible: string;
-            horizontal: string;
-            vertical: string;
-            hover: string;
-            dragging: string;
-        };
-        scrollbarMinSize: number;
-        scrollbarMaxSize: number;
-        timeout: number;
-    };
-    static getOffset(el: any): {
-        top: any;
-        left: any;
-    };
-    static instances: WeakMap<object, any>;
-    constructor(element: any, options: any);
-    el: any;
-    minScrollbarWidth: number;
-    options: any;
-    classNames: any;
-    axis: {
-        x: {
-            scrollOffsetAttr: string;
-            sizeAttr: string;
-            scrollSizeAttr: string;
-            offsetSizeAttr: string;
-            offsetAttr: string;
-            overflowAttr: string;
-            dragOffset: number;
-            isOverflowing: boolean;
-            isVisible: boolean;
-            forceVisible: boolean;
-            track: {};
-            scrollbar: {};
-        };
-        y: {
-            scrollOffsetAttr: string;
-            sizeAttr: string;
-            scrollSizeAttr: string;
-            offsetSizeAttr: string;
-            offsetAttr: string;
-            overflowAttr: string;
-            dragOffset: number;
-            isOverflowing: boolean;
-            isVisible: boolean;
-            forceVisible: boolean;
-            track: {};
-            scrollbar: {};
-        };
-    };
-    removePreventClickId: any;
-    recalculate(): void;
-    onMouseMove: (e: any) => void;
-    hideScrollbars: () => void;
-    onWindowResize: () => void;
-    init(): void;
-    scrollbarWidth: any;
-    initDOM(): void;
-    wrapperEl: any;
-    contentWrapperEl: any;
-    contentEl: any;
-    offsetEl: any;
-    maskEl: any;
-    placeholderEl: any;
-    heightAutoObserverWrapperEl: any;
-    heightAutoObserverEl: any;
-    setAccessibilityAttributes(): void;
-    initListeners(): void;
-    resizeObserver: any;
-    mutationObserver: any;
-    elStyles: any;
-    isRtl: boolean | undefined;
-    getScrollbarSize(axis?: string): number;
-    positionScrollbar(axis?: string): void;
-    toggleTrackVisibility(axis?: string): void;
-    hideNativeScrollbar(): void;
-    onScroll: () => void;
-    scrollXTicking: boolean | undefined;
-    scrollYTicking: boolean | undefined;
-    scrollX: () => void;
-    scrollY: () => void;
-    onMouseEnter: () => void;
-    mouseX: any;
-    mouseY: any;
-    onMouseMoveForAxis(axis?: string): void;
-    onMouseLeave: () => void;
-    onMouseLeaveForAxis(axis?: string): void;
-    showScrollbar(axis?: string): void;
-    onPointerEvent: (e: any) => void;
-    onDragStart(e: any, axis?: string): void;
-    draggedAxis: string | undefined;
-    drag: (e: any) => void;
-    onEndDrag: (e: any) => void;
-    preventClick: (e: any) => void;
-    onTrackClick(e: any, axis?: string): void;
-    getContentElement(): any;
-    getScrollElement(): any;
-    getScrollbarWidth(): any;
-    removeListeners(): void;
-    unMount(): void;
-    isWithinBounds(bbox: any): boolean;
-    findChild(el: any, query: any): any;
-}
-declare function memoize(func: Function, resolver?: Function | undefined): Function;
-declare namespace memoize$0 {
-    export { MapCache as Cache };
-}
-declare function MapCache(entries?: any[] | undefined): void;
-declare class MapCache {
-    private constructor();
-    clear: typeof mapCacheClear;
-    delete: typeof mapCacheDelete;
-    get: typeof mapCacheGet;
-    has: typeof mapCacheHas;
-    set: typeof mapCacheSet;
-}
-declare function mapCacheClear(): void;
-declare class mapCacheClear {
-    __data__: {
-        hash: Hash;
-        map: any;
-        string: Hash;
-    };
-}
-declare function mapCacheDelete(key: string): boolean;
-declare function mapCacheGet(key: string): any;
-declare function mapCacheHas(key: string): boolean;
-declare function mapCacheSet(key: string, value: any): Object;
-declare var canUseDOM: boolean;
-declare function scrollbarWidth(el: any): any;
-declare function getElementWindow(element: any): any;
-declare function getElementDocument(element: any): any;
-declare function getOptions(obj: any): unknown;
-export { memoize as default, ScrollbarProps, Scrollbar, getElementWindow, getElementDocument, getOptions };
+import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
+type NativeProps = InputHTMLAttributes<HTMLInputElement>;
+type Align = "start" | "center";
+type CheckboxProps = Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
+    checked?: boolean;
+    /**
+     * Обработчик переключения чекбокса
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * Текст подписи к чекбоксу
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m";
+    /**
+     * Доп. класс чекбокса
+     */
+    boxClassName?: string;
+    /**
+     * Доп. класс контента
+     */
+    contentClassName?: string;
+    /**
+     * Выравнивание
+     */
+    align?: Align;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean;
+    /**
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
+    indeterminate?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Флаг для скрытия нативного инпута.
+     * @default false
+     */
+    hiddenInput?: boolean;
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
+    checked?: boolean | undefined;
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void) | undefined;
+    label?: ReactNode;
+    hint?: ReactNode;
+    size?: "s" | "m" | undefined;
+    boxClassName?: string | undefined;
+    contentClassName?: string | undefined;
+    align?: Align | undefined;
+    addons?: React.ReactNode;
+    block?: boolean | undefined;
+    disabled?: boolean | undefined;
+    inactive?: boolean | undefined;
+    dataTestId?: string | undefined;
+    indeterminate?: boolean | undefined;
+    error?: ReactNode | boolean;
+    hiddenInput?: boolean | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { CheckboxProps, Checkbox };

package/index-f12ee135.d.ts

@@ -165,6 +165,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/index.js

@@ -17,7 +17,7 @@ require('lodash.throttle');
 require('@alfalab/core-components-button');
 require('./autocomplete-mobile-field/Component.js');
 require('@alfalab/core-components-form-control');
-require('./mobile.module-48c4c311.js');
+require('./mobile.module-f85b4300.js');
 
 
 

package/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1wdha */
+/* hash: 9cwx2 */
 :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,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_m06ps {
+} .input-autocomplete__bottomAddonInput_ynfri {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_m06ps {
+} .input-autocomplete__footer_ynfri {
     display: flex
-} .input-autocomplete__footer_m06ps > button + button {
+} .input-autocomplete__footer_ynfri > button + button {
         margin-left: var(--gap-m);
     }

package/mobile.js

@@ -15,7 +15,7 @@ require('@alfalab/core-components-select');
 require('./autocomplete-mobile-field/Component.js');
 require('@alfalab/core-components-form-control');
 require('@alfalab/hooks');
-require('./mobile.module-48c4c311.js');
+require('./mobile.module-f85b4300.js');
 require('@alfalab/core-components-select/mobile');
 
 

package/{mobile.module-48c4c311.js → mobile.module-f85b4300.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_m06ps","footer":"input-autocomplete__footer_m06ps"};
+var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_ynfri","footer":"input-autocomplete__footer_ynfri"};
 require('./mobile.css')
 
 exports.styles = styles;

package/modern/Component-aed0af6e.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import React from 'react';
+import { CheckboxProps } from "./index-ebda875c";
+type HeaderProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: CheckboxProps['onChange'];
+    mobile?: boolean;
+};
+declare const Header: React.FC<HeaderProps>;
+export { HeaderProps, Header };

package/modern/{Component-4b555174.d.ts → Component-b4e70cb0.d.ts}

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
 import React from 'react';
+import { HeaderProps } from "./Component-aed0af6e";
 type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
@@ -14,5 +15,8 @@ declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListP
     selectedDraft?: OptionShape[] | undefined;
     OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
     Footer?: React.FC<FooterProps> | undefined;
+    Header?: React.FC<HeaderProps> | undefined;
+    headerProps?: HeaderProps | undefined;
+    showHeaderWithSelectAll?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { FooterProps, Footer, OptionsListWithApply };

package/modern/Component.desktop.d.ts

@@ -37,7 +37,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Компонент ввода значения
      */
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -49,7 +49,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;
@@ -73,7 +73,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Пропсы, которые будут прокинуты в инпут
      */
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -85,7 +85,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;

package/modern/Component.mobile.js

@@ -6,7 +6,7 @@ import { Button } from '@alfalab/core-components-button/modern';
 import { Input } from '@alfalab/core-components-input/modern';
 import { SelectMobile } from '@alfalab/core-components-select/modern';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-95a2557d.js';
+import { s as styles } from './mobile.module-bcf5a0ca.js';
 import '@alfalab/core-components-form-control/modern';
 import '@alfalab/hooks';
 
@@ -77,7 +77,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input: Input$1, bottomSheetP
             },
         };
     };
-    return (React.createElement(SelectMobile, { ref: mergeRefs([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: AutocompleteMobileField, fieldProps: { value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false }, ...restProps }));
+    return (React.createElement(SelectMobile, { ref: mergeRefs([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: AutocompleteMobileField, fieldProps: { value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, useWithApplyHook: false, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false }, ...restProps }));
 });
 
 export { InputAutocompleteMobile };

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

@@ -4,7 +4,7 @@ import { ChangeEvent, ElementType } from "react";
 import { ButtonProps } from "@alfalab/core-components-button";
 import { BaseSelectChangePayload } from "./index-3e68f8db";
 import { ModalMobile } from "./Component.mobile-e81c389f";
-import { UseSelectWithApplyProps } from "./hook-4b555174";
+import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
 import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
@@ -27,6 +27,14 @@ type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> &
      *  Дополнительные пропсы футера модалки
      */
     modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+    /*
+    * Показывать пункт "Выбрать все" в заголовке списка
+    */
+    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
 };
 type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**

package/modern/Component.modal.mobile.js

@@ -6,7 +6,7 @@ import { Button } from '@alfalab/core-components-button/modern';
 import { Input } from '@alfalab/core-components-input/modern';
 import { SelectModalMobile } from '@alfalab/core-components-select/modern/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-95a2557d.js';
+import { s as styles } from './mobile.module-bcf5a0ca.js';
 import '@alfalab/core-components-form-control/modern';
 import '@alfalab/hooks';
 
@@ -57,7 +57,7 @@ const InputAutocompleteModalMobile = React.forwardRef(({ open: openProp, onOpen,
     const renderFooter = () => (React.createElement(React.Fragment, null,
         React.createElement(Button, { block: true, view: 'primary', size: 's', onClick: handleApply, ...continueButtonProps }, "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React.createElement(Button, { block: true, view: 'secondary', size: 's', onClick: handleCancel, ...cancelButtonProps }, "\u041E\u0442\u043C\u0435\u043D\u0430")));
-    return (React.createElement(SelectModalMobile, { ...restProps, ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp ?? open, size: size, fieldProps: { value }, placeholder: placeholder, modalProps: {
+    return (React.createElement(SelectModalMobile, { ...restProps, ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp ?? open, size: size, fieldProps: { value }, placeholder: placeholder, useWithApplyHook: false, modalProps: {
             ...restProps.modalProps,
             componentRef: modalScrollableRef,
         }, modalHeaderProps: {

package/modern/Component.responsive.d.ts

@@ -14,7 +14,7 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
 };
 type InputAutocompleteMedia = 'desktop' | 'mobile';
 declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;
@@ -47,7 +47,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
         onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         dataTestId?: string | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -59,7 +59,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;

package/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import 'lodash.throttle';
 import '@alfalab/core-components-button/modern';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/modern';
-import './mobile.module-95a2557d.js';
+import './mobile.module-bcf5a0ca.js';
 
 const InputAutocompleteResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const [view] = useMedia([

package/modern/autocomplete-field/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Input } from '@alfalab/core-components-input/modern';
 
-const styles = {"arrow":"input-autocomplete__arrow_wso45","error":"input-autocomplete__error_wso45"};
+const styles = {"arrow":"input-autocomplete__arrow_24bt3","error":"input-autocomplete__error_24bt3"};
 require('./index.css')
 
 const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {

package/modern/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 16dtc */
-.input-autocomplete__arrow_wso45.input-autocomplete__error_wso45 ~ * {
+/* hash: 1y3i0 */
+.input-autocomplete__arrow_24bt3.input-autocomplete__error_24bt3 ~ * {
     display: none;
 }

package/modern/autocomplete-mobile-field/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { FormControl } from '@alfalab/core-components-form-control/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_ob1d1","field":"input-autocomplete__field_ob1d1","disabled":"input-autocomplete__disabled_ob1d1","placeholder":"input-autocomplete__placeholder_ob1d1","contentWrapper":"input-autocomplete__contentWrapper_ob1d1","value":"input-autocomplete__value_ob1d1","focusVisible":"input-autocomplete__focusVisible_ob1d1"};
+const styles = {"component":"input-autocomplete__component_nonoc","field":"input-autocomplete__field_nonoc","disabled":"input-autocomplete__disabled_nonoc","placeholder":"input-autocomplete__placeholder_nonoc","contentWrapper":"input-autocomplete__contentWrapper_nonoc","value":"input-autocomplete__value_nonoc","focusVisible":"input-autocomplete__focusVisible_nonoc"};
 require('./index.css')
 
 const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, labelView = 'inner', placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {

package/modern/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1x6gj */
+/* hash: dd24a */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_ob1d1 {
+} .input-autocomplete__component_nonoc {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_ob1d1:not(.input-autocomplete__disabled_ob1d1) {
+} .input-autocomplete__field_nonoc:not(.input-autocomplete__disabled_nonoc) {
     cursor: pointer;
-} .input-autocomplete__disabled_ob1d1 {
+} .input-autocomplete__disabled_nonoc {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_ob1d1 {
+} .input-autocomplete__placeholder_nonoc {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_ob1d1 {
+} .input-autocomplete__contentWrapper_nonoc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_ob1d1 {
+} .input-autocomplete__value_nonoc {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_ob1d1 {
+} .input-autocomplete__focusVisible_nonoc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }