@alfalab/core-components-input-autocomplete 7.3.2 → 7.3.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.3.2...@alfalab/core-components-input-autocomplete@7.3.3) (2022-06-28)
+
+
+### Bug Fixes
+
+* **input-autocomplete:** fixed onChange type ([#110](https://github.com/core-ds/core-components/issues/110)) ([c994661](https://github.com/core-ds/core-components/commit/c9946615af9aecb3f1974c887bdd6686708ac18e))
+
+
+
+
+
 ## [7.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-input-autocomplete@7.3.1...@alfalab/core-components-input-autocomplete@7.3.2) (2022-06-24)
 
 

package/dist/Component-7ca84eff.d.ts

@@ -224,4 +224,4 @@ type HeaderProps = {
     onBack?: () => void;
 };
 declare const Header: FC<HeaderProps>;
-export { CloserProps, Closer, Typography, typographyPresets, TitleProps, TextProps, BackerProps, Backer, TitleResponsive, HeaderProps, Header };
+export { CloserProps, Closer, Typography, typographyPresets, TitleProps, TextProps, Color, BackerProps, Backer, TitleResponsive, HeaderProps, Header };

package/dist/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-1aefee5c.js');
+var tslib_es6 = require('./tslib.es6-4ca60f38.js');
 require('classnames');
 var React = require('react');
 require('react-merge-refs');

package/dist/Component.mobile.d.ts

@@ -1,26 +1,26 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent } from "react";
-import { BaseSelectProps } from "@alfalab/core-components-select";
+import { BaseSelectProps, BaseSelectChangePayload } from "@alfalab/core-components-select";
 import { ButtonProps } from "@alfalab/core-components-button";
 import { BottomSheetProps } from "./index-7ca84eff";
 type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'selected' | 'nativeSelect' | 'multiple' | 'autocomplete' | 'valueRenderer' | 'allowUnselect'> & {
     /**
-     * Значение поля ввода
+     * Обработчик выбора
      */
-    value: string;
+    onChange: (payload: string | BaseSelectChangePayload) => void;
     /**
-     * Значение фильтра.
+     * Обработчик ввода фильтра.
      */
-    filter: string;
+    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Обработчик выбора
+     * Значение поля ввода
      */
-    onChange: (payload: string | BaseSelectProps['onChange']) => void;
+    value?: string;
     /**
-     * Обработчик ввода фильтра.
+     * Значение фильтра.
      */
-    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
+    filter?: string;
     /**
      * Обработчик нажатия на кнопку "Отмена".
      */
@@ -48,26 +48,21 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
 };
 declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
-     * Значение поля ввода
+     * Обработчик выбора
      */
-    value: string;
+    onChange: (payload: string | BaseSelectChangePayload) => void;
     /**
-     * Значение фильтра.
+     * Обработчик ввода фильтра.
      */
-    filter: string;
+    onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Обработчик выбора
+     * Значение поля ввода
      */
-    onChange: (payload: string | ((payload: {
-        selected: import("@alfalab/core-components-select").OptionShape | null;
-        selectedMultiple: import("@alfalab/core-components-select").OptionShape[];
-        initiator: import("@alfalab/core-components-select").OptionShape | null;
-        name?: string | undefined;
-    }) => void) | undefined) => void;
+    value?: string | undefined;
     /**
-     * Обработчик ввода фильтра.
+     * Значение фильтра.
      */
-    onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    filter?: string | undefined;
     /**
      * Обработчик нажатия на кнопку "Отмена".
      */

package/dist/Component.mobile.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-1aefee5c.js');
+var tslib_es6 = require('./tslib.es6-4ca60f38.js');
 var cn = require('classnames');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
@@ -21,13 +21,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
 
-var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1g17y","footer":"input-autocomplete__footer_1g17y"};
+var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_6as0y","footer":"input-autocomplete__footer_6as0y"};
 require('./mobile.css')
 
 var SELECTED = [];
 var InputAutocompleteMobile = React__default['default'].forwardRef(function (_a, ref) {
-    var _b = _a.bottomSheetProps, bottomSheetProps = _b === void 0 ? {} : _b, _c = _a.bottomSheetHeaderAddonsProps, bottomSheetHeaderAddonsProps = _c === void 0 ? {} : _c, _d = _a.value, value = _d === void 0 ? '' : _d, name = _a.name, _e = _a.Arrow, Arrow = _e === void 0 ? null : _e, filter = _a.filter, label = _a.label, placeholder = _a.placeholder, _f = _a.size, size = _f === void 0 ? 's' : _f, openProp = _a.open, onFilter = _a.onFilter, onChange = _a.onChange, onOpen = _a.onOpen, onCancel = _a.onCancel, onClearFilter = _a.onClearFilter, continueButtonProps = _a.continueButtonProps, cancelButtonProps = _a.cancelButtonProps, restProps = tslib_es6.__rest(_a, ["bottomSheetProps", "bottomSheetHeaderAddonsProps", "value", "name", "Arrow", "filter", "label", "placeholder", "size", "open", "onFilter", "onChange", "onOpen", "onCancel", "onClearFilter", "continueButtonProps", "cancelButtonProps"]);
-    var _g = React.useState(false), open = _g[0], setOpen = _g[1];
+    var _b = _a.bottomSheetProps, bottomSheetProps = _b === void 0 ? {} : _b, _c = _a.bottomSheetHeaderAddonsProps, bottomSheetHeaderAddonsProps = _c === void 0 ? {} : _c, _d = _a.value, value = _d === void 0 ? '' : _d, _e = _a.filter, filter = _e === void 0 ? '' : _e, name = _a.name, _f = _a.Arrow, Arrow = _f === void 0 ? null : _f, label = _a.label, placeholder = _a.placeholder, _g = _a.size, size = _g === void 0 ? 's' : _g, openProp = _a.open, onFilter = _a.onFilter, onChange = _a.onChange, onOpen = _a.onOpen, onCancel = _a.onCancel, onClearFilter = _a.onClearFilter, continueButtonProps = _a.continueButtonProps, cancelButtonProps = _a.cancelButtonProps, restProps = tslib_es6.__rest(_a, ["bottomSheetProps", "bottomSheetHeaderAddonsProps", "value", "filter", "name", "Arrow", "label", "placeholder", "size", "open", "onFilter", "onChange", "onOpen", "onCancel", "onClearFilter", "continueButtonProps", "cancelButtonProps"]);
+    var _h = React.useState(false), open = _h[0], setOpen = _h[1];
     var bottomSheetInputRef = React.useRef(null);
     var targetRef = React.useRef(null);
     var setBottomSheetVisibility = function (isOpen) {

package/dist/autocomplete-field/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-1aefee5c.js');
+var tslib_es6 = require('../tslib.es6-4ca60f38.js');
 var cn = require('classnames');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
@@ -14,7 +14,7 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"arrow":"input-autocomplete__arrow_uxtwe","error":"input-autocomplete__error_uxtwe"};
+var styles = {"arrow":"input-autocomplete__arrow_1k8i1","error":"input-autocomplete__error_1k8i1"};
 require('./index.css')
 
 var AutocompleteField = function (_a) {

package/dist/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: pkiji */
-.input-autocomplete__arrow_uxtwe.input-autocomplete__error_uxtwe ~ * {
+/* hash: 1ky28 */
+.input-autocomplete__arrow_1k8i1.input-autocomplete__error_1k8i1 ~ * {
     display: none;
 }

package/dist/autocomplete-field/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-1aefee5c.js');
+require('../tslib.es6-4ca60f38.js');
 require('classnames');
 require('react');
 require('react-merge-refs');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-1aefee5c.js');
+var tslib_es6 = require('../tslib.es6-4ca60f38.js');
 var cn = require('classnames');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"component":"input-autocomplete__component_18lot","field":"input-autocomplete__field_18lot","disabled":"input-autocomplete__disabled_18lot","placeholder":"input-autocomplete__placeholder_18lot","contentWrapper":"input-autocomplete__contentWrapper_18lot","value":"input-autocomplete__value_18lot","focusVisible":"input-autocomplete__focusVisible_18lot"};
+var styles = {"component":"input-autocomplete__component_jb0ov","field":"input-autocomplete__field_jb0ov","disabled":"input-autocomplete__disabled_jb0ov","placeholder":"input-autocomplete__placeholder_jb0ov","contentWrapper":"input-autocomplete__contentWrapper_jb0ov","value":"input-autocomplete__value_jb0ov","focusVisible":"input-autocomplete__focusVisible_jb0ov"};
 require('./index.css')
 
 var AutocompleteMobileField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 11wxm */
+/* hash: ps5io */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: #546272;
@@ -15,20 +15,20 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.input-autocomplete__component_18lot {
+.input-autocomplete__component_jb0ov {
     width: 100%;
     outline: none;
 }
-.input-autocomplete__field_18lot:not(.input-autocomplete__disabled_18lot) {
+.input-autocomplete__field_jb0ov:not(.input-autocomplete__disabled_jb0ov) {
     cursor: pointer;
 }
-.input-autocomplete__disabled_18lot {
+.input-autocomplete__disabled_jb0ov {
     cursor: var(--disabled-cursor);
 }
-.input-autocomplete__placeholder_18lot {
+.input-autocomplete__placeholder_jb0ov {
     color: var(--color-light-text-secondary);
 }
-.input-autocomplete__contentWrapper_18lot {
+.input-autocomplete__contentWrapper_jb0ov {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -38,12 +38,12 @@
     overflow: hidden;
     width: 100%;
 }
-.input-autocomplete__value_18lot {
+.input-autocomplete__value_jb0ov {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.input-autocomplete__focusVisible_18lot {
+.input-autocomplete__focusVisible_jb0ov {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/dist/autocomplete-mobile-field/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-1aefee5c.js');
+require('../tslib.es6-4ca60f38.js');
 require('classnames');
 require('react');
 require('@alfalab/hooks');

package/dist/cssm/Component-7ca84eff.d.ts

@@ -224,4 +224,4 @@ type HeaderProps = {
     onBack?: () => void;
 };
 declare const Header: FC<HeaderProps>;
-export { CloserProps, Closer, Typography, typographyPresets, TitleProps, TextProps, BackerProps, Backer, TitleResponsive, HeaderProps, Header };
+export { CloserProps, Closer, Typography, typographyPresets, TitleProps, TextProps, Color, BackerProps, Backer, TitleResponsive, HeaderProps, Header };

package/dist/cssm/Component.mobile.d.ts

@@ -1,26 +1,26 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent } from "react";
-import { BaseSelectProps } from "@alfalab/core-components-select";
+import { BaseSelectProps, BaseSelectChangePayload } from "@alfalab/core-components-select";
 import { ButtonProps } from "@alfalab/core-components-button";
 import { BottomSheetProps } from "./index-7ca84eff";
 type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'selected' | 'nativeSelect' | 'multiple' | 'autocomplete' | 'valueRenderer' | 'allowUnselect'> & {
     /**
-     * Значение поля ввода
+     * Обработчик выбора
      */
-    value: string;
+    onChange: (payload: string | BaseSelectChangePayload) => void;
     /**
-     * Значение фильтра.
+     * Обработчик ввода фильтра.
      */
-    filter: string;
+    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Обработчик выбора
+     * Значение поля ввода
      */
-    onChange: (payload: string | BaseSelectProps['onChange']) => void;
+    value?: string;
     /**
-     * Обработчик ввода фильтра.
+     * Значение фильтра.
      */
-    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
+    filter?: string;
     /**
      * Обработчик нажатия на кнопку "Отмена".
      */
@@ -48,26 +48,21 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
 };
 declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
-     * Значение поля ввода
+     * Обработчик выбора
      */
-    value: string;
+    onChange: (payload: string | BaseSelectChangePayload) => void;
     /**
-     * Значение фильтра.
+     * Обработчик ввода фильтра.
      */
-    filter: string;
+    onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Обработчик выбора
+     * Значение поля ввода
      */
-    onChange: (payload: string | ((payload: {
-        selected: import("@alfalab/core-components-select").OptionShape | null;
-        selectedMultiple: import("@alfalab/core-components-select").OptionShape[];
-        initiator: import("@alfalab/core-components-select").OptionShape | null;
-        name?: string | undefined;
-    }) => void) | undefined) => void;
+    value?: string | undefined;
     /**
-     * Обработчик ввода фильтра.
+     * Значение фильтра.
      */
-    onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    filter?: string | undefined;
     /**
      * Обработчик нажатия на кнопку "Отмена".
      */

package/dist/cssm/Component.mobile.js

@@ -26,8 +26,8 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var SELECTED = [];
 var InputAutocompleteMobile = React__default['default'].forwardRef(function (_a, ref) {
-    var _b = _a.bottomSheetProps, bottomSheetProps = _b === void 0 ? {} : _b, _c = _a.bottomSheetHeaderAddonsProps, bottomSheetHeaderAddonsProps = _c === void 0 ? {} : _c, _d = _a.value, value = _d === void 0 ? '' : _d, name = _a.name, _e = _a.Arrow, Arrow = _e === void 0 ? null : _e, filter = _a.filter, label = _a.label, placeholder = _a.placeholder, _f = _a.size, size = _f === void 0 ? 's' : _f, openProp = _a.open, onFilter = _a.onFilter, onChange = _a.onChange, onOpen = _a.onOpen, onCancel = _a.onCancel, onClearFilter = _a.onClearFilter, continueButtonProps = _a.continueButtonProps, cancelButtonProps = _a.cancelButtonProps, restProps = tslib_es6.__rest(_a, ["bottomSheetProps", "bottomSheetHeaderAddonsProps", "value", "name", "Arrow", "filter", "label", "placeholder", "size", "open", "onFilter", "onChange", "onOpen", "onCancel", "onClearFilter", "continueButtonProps", "cancelButtonProps"]);
-    var _g = React.useState(false), open = _g[0], setOpen = _g[1];
+    var _b = _a.bottomSheetProps, bottomSheetProps = _b === void 0 ? {} : _b, _c = _a.bottomSheetHeaderAddonsProps, bottomSheetHeaderAddonsProps = _c === void 0 ? {} : _c, _d = _a.value, value = _d === void 0 ? '' : _d, _e = _a.filter, filter = _e === void 0 ? '' : _e, name = _a.name, _f = _a.Arrow, Arrow = _f === void 0 ? null : _f, label = _a.label, placeholder = _a.placeholder, _g = _a.size, size = _g === void 0 ? 's' : _g, openProp = _a.open, onFilter = _a.onFilter, onChange = _a.onChange, onOpen = _a.onOpen, onCancel = _a.onCancel, onClearFilter = _a.onClearFilter, continueButtonProps = _a.continueButtonProps, cancelButtonProps = _a.cancelButtonProps, restProps = tslib_es6.__rest(_a, ["bottomSheetProps", "bottomSheetHeaderAddonsProps", "value", "filter", "name", "Arrow", "label", "placeholder", "size", "open", "onFilter", "onChange", "onOpen", "onCancel", "onClearFilter", "continueButtonProps", "cancelButtonProps"]);
+    var _h = React.useState(false), open = _h[0], setOpen = _h[1];
     var bottomSheetInputRef = React.useRef(null);
     var targetRef = React.useRef(null);
     var setBottomSheetVisibility = function (isOpen) {

package/dist/esm/Component-7ca84eff.d.ts

@@ -224,4 +224,4 @@ type HeaderProps = {
     onBack?: () => void;
 };
 declare const Header: FC<HeaderProps>;
-export { CloserProps, Closer, Typography, typographyPresets, TitleProps, TextProps, BackerProps, Backer, TitleResponsive, HeaderProps, Header };
+export { CloserProps, Closer, Typography, typographyPresets, TitleProps, TextProps, Color, BackerProps, Backer, TitleResponsive, HeaderProps, Header };

package/dist/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-a31dce67.js';
+import { _ as __rest, a as __assign } from './tslib.es6-3a1f3171.js';
 import 'classnames';
 import React, { forwardRef } from 'react';
 import 'react-merge-refs';

package/dist/esm/Component.mobile.d.ts

@@ -1,26 +1,26 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent } from "react";
-import { BaseSelectProps } from "@alfalab/core-components-select";
+import { BaseSelectProps, BaseSelectChangePayload } from "@alfalab/core-components-select";
 import { ButtonProps } from "@alfalab/core-components-button";
 import { BottomSheetProps } from "./index-7ca84eff";
 type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'selected' | 'nativeSelect' | 'multiple' | 'autocomplete' | 'valueRenderer' | 'allowUnselect'> & {
     /**
-     * Значение поля ввода
+     * Обработчик выбора
      */
-    value: string;
+    onChange: (payload: string | BaseSelectChangePayload) => void;
     /**
-     * Значение фильтра.
+     * Обработчик ввода фильтра.
      */
-    filter: string;
+    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Обработчик выбора
+     * Значение поля ввода
      */
-    onChange: (payload: string | BaseSelectProps['onChange']) => void;
+    value?: string;
     /**
-     * Обработчик ввода фильтра.
+     * Значение фильтра.
      */
-    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
+    filter?: string;
     /**
      * Обработчик нажатия на кнопку "Отмена".
      */
@@ -48,26 +48,21 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
 };
 declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
-     * Значение поля ввода
+     * Обработчик выбора
      */
-    value: string;
+    onChange: (payload: string | BaseSelectChangePayload) => void;
     /**
-     * Значение фильтра.
+     * Обработчик ввода фильтра.
      */
-    filter: string;
+    onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Обработчик выбора
+     * Значение поля ввода
      */
-    onChange: (payload: string | ((payload: {
-        selected: import("@alfalab/core-components-select").OptionShape | null;
-        selectedMultiple: import("@alfalab/core-components-select").OptionShape[];
-        initiator: import("@alfalab/core-components-select").OptionShape | null;
-        name?: string | undefined;
-    }) => void) | undefined) => void;
+    value?: string | undefined;
     /**
-     * Обработчик ввода фильтра.
+     * Значение фильтра.
      */
-    onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    filter?: string | undefined;
     /**
      * Обработчик нажатия на кнопку "Отмена".
      */

package/dist/esm/Component.mobile.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-a31dce67.js';
+import { _ as __rest, a as __assign } from './tslib.es6-3a1f3171.js';
 import cn from 'classnames';
 import React, { useState, useRef, useMemo } from 'react';
 import mergeRefs from 'react-merge-refs';
@@ -10,13 +10,13 @@ import '@alfalab/hooks';
 import '@alfalab/core-components-form-control/dist/esm';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
 
-var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1g17y","footer":"input-autocomplete__footer_1g17y"};
+var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_6as0y","footer":"input-autocomplete__footer_6as0y"};
 require('./mobile.css')
 
 var SELECTED = [];
 var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
-    var _b = _a.bottomSheetProps, bottomSheetProps = _b === void 0 ? {} : _b, _c = _a.bottomSheetHeaderAddonsProps, bottomSheetHeaderAddonsProps = _c === void 0 ? {} : _c, _d = _a.value, value = _d === void 0 ? '' : _d, name = _a.name, _e = _a.Arrow, Arrow = _e === void 0 ? null : _e, filter = _a.filter, label = _a.label, placeholder = _a.placeholder, _f = _a.size, size = _f === void 0 ? 's' : _f, openProp = _a.open, onFilter = _a.onFilter, onChange = _a.onChange, onOpen = _a.onOpen, onCancel = _a.onCancel, onClearFilter = _a.onClearFilter, continueButtonProps = _a.continueButtonProps, cancelButtonProps = _a.cancelButtonProps, restProps = __rest(_a, ["bottomSheetProps", "bottomSheetHeaderAddonsProps", "value", "name", "Arrow", "filter", "label", "placeholder", "size", "open", "onFilter", "onChange", "onOpen", "onCancel", "onClearFilter", "continueButtonProps", "cancelButtonProps"]);
-    var _g = useState(false), open = _g[0], setOpen = _g[1];
+    var _b = _a.bottomSheetProps, bottomSheetProps = _b === void 0 ? {} : _b, _c = _a.bottomSheetHeaderAddonsProps, bottomSheetHeaderAddonsProps = _c === void 0 ? {} : _c, _d = _a.value, value = _d === void 0 ? '' : _d, _e = _a.filter, filter = _e === void 0 ? '' : _e, name = _a.name, _f = _a.Arrow, Arrow = _f === void 0 ? null : _f, label = _a.label, placeholder = _a.placeholder, _g = _a.size, size = _g === void 0 ? 's' : _g, openProp = _a.open, onFilter = _a.onFilter, onChange = _a.onChange, onOpen = _a.onOpen, onCancel = _a.onCancel, onClearFilter = _a.onClearFilter, continueButtonProps = _a.continueButtonProps, cancelButtonProps = _a.cancelButtonProps, restProps = __rest(_a, ["bottomSheetProps", "bottomSheetHeaderAddonsProps", "value", "filter", "name", "Arrow", "label", "placeholder", "size", "open", "onFilter", "onChange", "onOpen", "onCancel", "onClearFilter", "continueButtonProps", "cancelButtonProps"]);
+    var _h = useState(false), open = _h[0], setOpen = _h[1];
     var bottomSheetInputRef = useRef(null);
     var targetRef = useRef(null);
     var setBottomSheetVisibility = function (isOpen) {

package/dist/esm/autocomplete-field/Component.js

@@ -1,10 +1,10 @@
-import { a as __assign } from '../tslib.es6-a31dce67.js';
+import { a as __assign } from '../tslib.es6-3a1f3171.js';
 import cn from 'classnames';
 import React, { useRef, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '@alfalab/core-components-input/dist/esm';
 
-var styles = {"arrow":"input-autocomplete__arrow_uxtwe","error":"input-autocomplete__error_uxtwe"};
+var styles = {"arrow":"input-autocomplete__arrow_1k8i1","error":"input-autocomplete__error_1k8i1"};
 require('./index.css')
 
 var AutocompleteField = function (_a) {

package/dist/esm/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: pkiji */
-.input-autocomplete__arrow_uxtwe.input-autocomplete__error_uxtwe ~ * {
+/* hash: 1ky28 */
+.input-autocomplete__arrow_1k8i1.input-autocomplete__error_1k8i1 ~ * {
     display: none;
 }

package/dist/esm/autocomplete-field/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-a31dce67.js';
+import '../tslib.es6-3a1f3171.js';
 import 'classnames';
 import 'react';
 import 'react-merge-refs';

package/dist/esm/autocomplete-mobile-field/Component.js

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-a31dce67.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-3a1f3171.js';
 import cn from 'classnames';
 import React, { useState, useRef } from 'react';
 import { useFocus } from '@alfalab/hooks';
 import { FormControl } from '@alfalab/core-components-form-control/dist/esm';
 
-var styles = {"component":"input-autocomplete__component_18lot","field":"input-autocomplete__field_18lot","disabled":"input-autocomplete__disabled_18lot","placeholder":"input-autocomplete__placeholder_18lot","contentWrapper":"input-autocomplete__contentWrapper_18lot","value":"input-autocomplete__value_18lot","focusVisible":"input-autocomplete__focusVisible_18lot"};
+var styles = {"component":"input-autocomplete__component_jb0ov","field":"input-autocomplete__field_jb0ov","disabled":"input-autocomplete__disabled_jb0ov","placeholder":"input-autocomplete__placeholder_jb0ov","contentWrapper":"input-autocomplete__contentWrapper_jb0ov","value":"input-autocomplete__value_jb0ov","focusVisible":"input-autocomplete__focusVisible_jb0ov"};
 require('./index.css')
 
 var AutocompleteMobileField = function (_a) {

package/dist/esm/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 11wxm */
+/* hash: ps5io */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: #546272;
@@ -15,20 +15,20 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.input-autocomplete__component_18lot {
+.input-autocomplete__component_jb0ov {
     width: 100%;
     outline: none;
 }
-.input-autocomplete__field_18lot:not(.input-autocomplete__disabled_18lot) {
+.input-autocomplete__field_jb0ov:not(.input-autocomplete__disabled_jb0ov) {
     cursor: pointer;
 }
-.input-autocomplete__disabled_18lot {
+.input-autocomplete__disabled_jb0ov {
     cursor: var(--disabled-cursor);
 }
-.input-autocomplete__placeholder_18lot {
+.input-autocomplete__placeholder_jb0ov {
     color: var(--color-light-text-secondary);
 }
-.input-autocomplete__contentWrapper_18lot {
+.input-autocomplete__contentWrapper_jb0ov {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -38,12 +38,12 @@
     overflow: hidden;
     width: 100%;
 }
-.input-autocomplete__value_18lot {
+.input-autocomplete__value_jb0ov {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.input-autocomplete__focusVisible_18lot {
+.input-autocomplete__focusVisible_jb0ov {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/dist/esm/autocomplete-mobile-field/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-a31dce67.js';
+import '../tslib.es6-3a1f3171.js';
 import 'classnames';
 import 'react';
 import '@alfalab/hooks';

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-a31dce67.js';
+import './tslib.es6-3a1f3171.js';
 import 'classnames';
 import 'react';
 import 'react-merge-refs';

package/dist/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: oi0cw */
+/* hash: ifvmf */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --gap-xs: 8px;
 }
-.input-autocomplete__bottomSheetInput_1g17y {
+.input-autocomplete__bottomSheetInput_6as0y {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
 }
-.input-autocomplete__footer_1g17y {
+.input-autocomplete__footer_6as0y {
     display: flex
 }

package/dist/esm/mobile.js

@@ -1,4 +1,4 @@
-import './tslib.es6-a31dce67.js';
+import './tslib.es6-3a1f3171.js';
 import 'classnames';
 import 'react';
 import 'react-merge-refs';

package/dist/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-1aefee5c.js');
+require('./tslib.es6-4ca60f38.js');
 require('classnames');
 require('react');
 require('react-merge-refs');

package/dist/mobile.css

@@ -1,4 +1,4 @@
-/* hash: oi0cw */
+/* hash: ifvmf */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --gap-xs: 8px;
 }
-.input-autocomplete__bottomSheetInput_1g17y {
+.input-autocomplete__bottomSheetInput_6as0y {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
 }
-.input-autocomplete__footer_1g17y {
+.input-autocomplete__footer_6as0y {
     display: flex
 }

package/dist/mobile.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-1aefee5c.js');
+require('./tslib.es6-4ca60f38.js');
 require('classnames');
 require('react');
 require('react-merge-refs');

package/dist/modern/Component-7ca84eff.d.ts

@@ -224,4 +224,4 @@ type HeaderProps = {
     onBack?: () => void;
 };
 declare const Header: FC<HeaderProps>;
-export { CloserProps, Closer, Typography, typographyPresets, TitleProps, TextProps, BackerProps, Backer, TitleResponsive, HeaderProps, Header };
+export { CloserProps, Closer, Typography, typographyPresets, TitleProps, TextProps, Color, BackerProps, Backer, TitleResponsive, HeaderProps, Header };

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

@@ -1,26 +1,26 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent } from "react";
-import { BaseSelectProps } from "@alfalab/core-components-select";
+import { BaseSelectProps, BaseSelectChangePayload } from "@alfalab/core-components-select";
 import { ButtonProps } from "@alfalab/core-components-button";
 import { BottomSheetProps } from "./index-7ca84eff";
 type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'selected' | 'nativeSelect' | 'multiple' | 'autocomplete' | 'valueRenderer' | 'allowUnselect'> & {
     /**
-     * Значение поля ввода
+     * Обработчик выбора
      */
-    value: string;
+    onChange: (payload: string | BaseSelectChangePayload) => void;
     /**
-     * Значение фильтра.
+     * Обработчик ввода фильтра.
      */
-    filter: string;
+    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Обработчик выбора
+     * Значение поля ввода
      */
-    onChange: (payload: string | BaseSelectProps['onChange']) => void;
+    value?: string;
     /**
-     * Обработчик ввода фильтра.
+     * Значение фильтра.
      */
-    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
+    filter?: string;
     /**
      * Обработчик нажатия на кнопку "Отмена".
      */
@@ -48,26 +48,21 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
 };
 declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
-     * Значение поля ввода
+     * Обработчик выбора
      */
-    value: string;
+    onChange: (payload: string | BaseSelectChangePayload) => void;
     /**
-     * Значение фильтра.
+     * Обработчик ввода фильтра.
      */
-    filter: string;
+    onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Обработчик выбора
+     * Значение поля ввода
      */
-    onChange: (payload: string | ((payload: {
-        selected: import("@alfalab/core-components-select").OptionShape | null;
-        selectedMultiple: import("@alfalab/core-components-select").OptionShape[];
-        initiator: import("@alfalab/core-components-select").OptionShape | null;
-        name?: string | undefined;
-    }) => void) | undefined) => void;
+    value?: string | undefined;
     /**
-     * Обработчик ввода фильтра.
+     * Значение фильтра.
      */
-    onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    filter?: string | undefined;
     /**
      * Обработчик нажатия на кнопку "Отмена".
      */

package/dist/modern/Component.mobile.js

@@ -9,11 +9,11 @@ import '@alfalab/hooks';
 import '@alfalab/core-components-form-control/dist/modern';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
 
-var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1g17y","footer":"input-autocomplete__footer_1g17y"};
+var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_6as0y","footer":"input-autocomplete__footer_6as0y"};
 require('./mobile.css')
 
 const SELECTED = [];
-const InputAutocompleteMobile = React.forwardRef(({ bottomSheetProps = {}, bottomSheetHeaderAddonsProps = {}, value = '', name, Arrow = null, filter, label, placeholder, size = 's', open: openProp, onFilter, onChange, onOpen, onCancel, onClearFilter, continueButtonProps, cancelButtonProps, ...restProps }, ref) => {
+const InputAutocompleteMobile = React.forwardRef(({ bottomSheetProps = {}, bottomSheetHeaderAddonsProps = {}, value = '', filter = '', name, Arrow = null, label, placeholder, size = 's', open: openProp, onFilter, onChange, onOpen, onCancel, onClearFilter, continueButtonProps, cancelButtonProps, ...restProps }, ref) => {
     const [open, setOpen] = useState(false);
     const bottomSheetInputRef = useRef(null);
     const targetRef = useRef(null);

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

@@ -3,7 +3,7 @@ import React, { useRef, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '@alfalab/core-components-input/dist/modern';
 
-var styles = {"arrow":"input-autocomplete__arrow_uxtwe","error":"input-autocomplete__error_uxtwe"};
+var styles = {"arrow":"input-autocomplete__arrow_1k8i1","error":"input-autocomplete__error_1k8i1"};
 require('./index.css')
 
 const AutocompleteField = ({ label, placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: pkiji */
-.input-autocomplete__arrow_uxtwe.input-autocomplete__error_uxtwe ~ * {
+/* hash: 1ky28 */
+.input-autocomplete__arrow_1k8i1.input-autocomplete__error_1k8i1 ~ * {
     display: none;
 }

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

@@ -3,7 +3,7 @@ import React, { useState, useRef } from 'react';
 import { useFocus } from '@alfalab/hooks';
 import { FormControl } from '@alfalab/core-components-form-control/dist/modern';
 
-var styles = {"component":"input-autocomplete__component_18lot","field":"input-autocomplete__field_18lot","disabled":"input-autocomplete__disabled_18lot","placeholder":"input-autocomplete__placeholder_18lot","contentWrapper":"input-autocomplete__contentWrapper_18lot","value":"input-autocomplete__value_18lot","focusVisible":"input-autocomplete__focusVisible_18lot"};
+var styles = {"component":"input-autocomplete__component_jb0ov","field":"input-autocomplete__field_jb0ov","disabled":"input-autocomplete__disabled_jb0ov","placeholder":"input-autocomplete__placeholder_jb0ov","contentWrapper":"input-autocomplete__contentWrapper_jb0ov","value":"input-autocomplete__value_jb0ov","focusVisible":"input-autocomplete__focusVisible_jb0ov"};
 require('./index.css')
 
 const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 11wxm */
+/* hash: ps5io */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: #546272;
@@ -15,20 +15,20 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.input-autocomplete__component_18lot {
+.input-autocomplete__component_jb0ov {
     width: 100%;
     outline: none;
 }
-.input-autocomplete__field_18lot:not(.input-autocomplete__disabled_18lot) {
+.input-autocomplete__field_jb0ov:not(.input-autocomplete__disabled_jb0ov) {
     cursor: pointer;
 }
-.input-autocomplete__disabled_18lot {
+.input-autocomplete__disabled_jb0ov {
     cursor: var(--disabled-cursor);
 }
-.input-autocomplete__placeholder_18lot {
+.input-autocomplete__placeholder_jb0ov {
     color: var(--color-light-text-secondary);
 }
-.input-autocomplete__contentWrapper_18lot {
+.input-autocomplete__contentWrapper_jb0ov {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -38,12 +38,12 @@
     overflow: hidden;
     width: 100%;
 }
-.input-autocomplete__value_18lot {
+.input-autocomplete__value_jb0ov {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.input-autocomplete__focusVisible_18lot {
+.input-autocomplete__focusVisible_jb0ov {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/dist/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: oi0cw */
+/* hash: ifvmf */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --gap-xs: 8px;
 }
-.input-autocomplete__bottomSheetInput_1g17y {
+.input-autocomplete__bottomSheetInput_6as0y {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
 }
-.input-autocomplete__footer_1g17y {
+.input-autocomplete__footer_6as0y {
     display: flex
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-input-autocomplete",
-    "version": "7.3.2",
+    "version": "7.3.3",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -19,10 +19,10 @@
         "react": "^16.9.0 || ^17.0.1"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^5.1.7",
-        "@alfalab/core-components-form-control": "^7.4.3",
-        "@alfalab/core-components-input": "^8.1.7",
-        "@alfalab/core-components-select": "^10.9.2",
+        "@alfalab/core-components-button": "^5.2.0",
+        "@alfalab/core-components-form-control": "^7.5.0",
+        "@alfalab/core-components-input": "^8.2.0",
+        "@alfalab/core-components-select": "^10.10.0",
         "@alfalab/hooks": "^1.4.1",
         "classnames": "^2.2.6",
         "lodash.throttle": "^4.1.1",
@@ -31,5 +31,5 @@
     "devDependencies": {
         "@types/lodash.throttle": "^4.1.7"
     },
-    "gitHead": "97545dc462e2c884c25f4a7e5092abf6dafac81f"
+    "gitHead": "dcd5c0c8e25b7c374ff9311505ccf738a82e22c0"
 }