@skbkontur/react-ui 5.1.0-next.1 → 5.1.0

package/cjs/components/ComboBox/ComboBox.d.ts

@@ -1,182 +1,189 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { MenuItemState } from '../MenuItem';
-import { InputIconType } from '../Input';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
-    /** Задает выравнивание контента. */
-    align?: 'left' | 'center' | 'right';
-    /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */
-    searchOnFocus?: boolean;
-    /** Отображает справа иконку в виде стрелки. */
-    drawArrow?: boolean;
-    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
-    autoFocus?: boolean;
-    /** Убирает обводку. */
-    borderless?: boolean;
-    /** Отключает использование портала для рендеринга меню.
-     * См. https://github.com/skbkontur/retail-ui/issues/15 */
-    disablePortal?: boolean;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** Переводит контрол в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Добавляет иконку слева.
-     При использовании `ReactNode` применяются дефолтные стили для иконки.
-     При использовании `() => ReactNode` применяются только стили для позиционирования. */
-    leftIcon?: InputIconType;
-    /** Добавляет иконку справа.
-     При использовании `ReactNode` применяются дефолтные стили для иконки.
-     При использовании `() => ReactNode` применяются только стили для позиционирования. */
-    rightIcon?: InputIconType;
-    /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.
-     * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.
-     * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */
-    getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;
-    /** Задает функцию сравнения полученных результатов с value. */
-    itemToValue?: (item: T) => string | number;
-    /** Задает максимальную длину инпута. */
-    maxLength?: number;
-    /** Задает текущую позицию выпадающего окна вручную.
-     */
-    menuPos?: 'top' | 'bottom';
-    /** Задает выравнивание выпадающего меню. */
-    menuAlign?: 'left' | 'right';
-    /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */
-    onBlur?: () => void;
-    /** Вызывается при изменении `value` */
-    onValueChange?: (value: T) => void;
-    /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */
-    onFocus?: () => void;
-    /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */
-    onInputValueChange?: (value: string) => Nullable<string> | void;
-    /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.
-     * Функция срабатывает с аргументом инпута строки.
-     * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.
-     * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */
-    onUnexpectedInput?: (value: string) => void | null | T;
-    /** Задает текст, который отображается если не введено никакое значение. */
-    placeholder?: string;
-    /** Задает функцию отрисовки элементов результата поиска.
-     * Не применяется если элемент является функцией или React-элементом
-     * @default item => item.label
-     * @param {T} item - элемент из результата поиска.
-     * @param {MenuItemState} state? - состояние элемента.
-     * @returns {React.ReactNode} React-элемент. */
-    renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;
-    /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.
-     * По умолчанию все элементы результата поиска оборачиваются в тег <button />.
-     * @example
-     * itemWrapper={(item) => {
-     *    if (item.value === 3) {
-     *      return (props) => {
-     *        return <a {...props} />
-     *      }
-     *    }
-     * }}
-     */
-    itemWrapper?: (item: T) => React.ComponentType;
-    /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */
-    renderNotFound?: () => React.ReactNode;
-    /** Задает функцию, которая отображает сообщение об общем количестве элементов.
-     * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им "оборачиваются" элементы, возвращаемые getItems().
-     * @param {number} total - количество всех элементов. */
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    /** Задает функцию, которая отображает выбранное значение.
-     * @default item => item.label */
-    renderValue?: (item: T) => React.ReactNode;
-    /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */
-    renderAddButton?: (query?: string) => React.ReactNode;
-    /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */
-    totalCount?: number;
-    /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */
-    value?: Nullable<T>;
-    /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */
-    valueToString?: (item: T) => string;
-    /** Задает размер компонента. */
-    size?: SizeProp;
-    /** Переводит контрол в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Задает длину комбобокса. */
-    width?: string | number;
-    /** Задает максимальную высоту меню. */
-    maxMenuHeight?: number | string;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
-    onMouseOver?: (e: React.MouseEvent) => void;
-    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
-    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
-    /** Задает типы вводимых данных. */
-    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
-}
-export interface ComboBoxItem {
-    value: string;
-    label: string;
-}
-export type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;
-type DefaultProps<T> = Required<Pick<ComboBoxProps<T>, 'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'>>;
-/**
- * `ComboBox` — это поле ввода со списком подсказок.
- *
- * `ComboBox` используют:
- * * для выбора значения из справочника.
- * * для добавления своего значения в справочник.
- *
- * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.
- * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.
- */
-export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps<any>;
-    private getProps;
-    private comboboxElement;
-    private setRootNode;
-    /**
-     * @public
-     */
-    focus(opts?: {
-        withoutOpenDropdown?: boolean;
-    }): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * Открывает выпадающий список и запускает поиск элементов
-     *
-     * @public
-     * @param {string} [query] Текст поиска. По умолчанию берется
-     * текст из инпута или результат `valueToString(value)`
-     */
-    search(query?: string): void;
-    /**
-     * @public
-     */
-    cancelSearch(): void;
-    /**
-     * @public Открывает выпадающий список
-     */
-    open(): void;
-    /**
-     * @public Закрывает выпадающий список
-     */
-    close(): void;
-    /**
-     * Выделяет текст внутри input
-     * @public
-     */
-    selectInputText(): void;
-    /**
-     * Сбрасывает введенное пользователем значение
-     * @public
-     */
-    reset(): void;
-    render(): React.JSX.Element;
-    private customComboBoxRef;
-}
-export {};
+import React, { AriaAttributes, HTMLAttributes } from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { MenuItemState } from '../MenuItem';
+import { InputIconType, ShowClearIcon } from '../Input';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+    /** Показывать иконку очистки значения в непустом поле:
+     * - `always` — всегда показывать иконку
+     * - `auto` — показывать иконку при hover/focus
+     * - `never` — не показывать иконку
+     * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.
+     * @default never */
+    showClearIcon?: ShowClearIcon;
+    /** Задает выравнивание контента. */
+    align?: 'left' | 'center' | 'right';
+    /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */
+    searchOnFocus?: boolean;
+    /** Отображает справа иконку в виде стрелки. */
+    drawArrow?: boolean;
+    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
+    autoFocus?: boolean;
+    /** Убирает обводку. */
+    borderless?: boolean;
+    /** Отключает использование портала для рендеринга меню.
+     * См. https://github.com/skbkontur/retail-ui/issues/15 */
+    disablePortal?: boolean;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Добавляет иконку слева.
+     При использовании `ReactNode` применяются дефолтные стили для иконки.
+     При использовании `() => ReactNode` применяются только стили для позиционирования. */
+    leftIcon?: InputIconType;
+    /** Добавляет иконку справа.
+     При использовании `ReactNode` применяются дефолтные стили для иконки.
+     При использовании `() => ReactNode` применяются только стили для позиционирования. */
+    rightIcon?: InputIconType;
+    /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.
+     * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.
+     * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */
+    getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;
+    /** Задает функцию сравнения полученных результатов с value. */
+    itemToValue?: (item: T) => string | number;
+    /** Задает максимальную длину инпута. */
+    maxLength?: number;
+    /** Задает текущую позицию выпадающего окна вручную.
+     */
+    menuPos?: 'top' | 'bottom';
+    /** Задает выравнивание выпадающего меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */
+    onBlur?: () => void;
+    /** Вызывается при изменении `value` */
+    onValueChange?: (value: T) => void;
+    /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */
+    onFocus?: () => void;
+    /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */
+    onInputValueChange?: (value: string) => Nullable<string> | void;
+    /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.
+     * Функция срабатывает с аргументом инпута строки.
+     * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.
+     * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */
+    onUnexpectedInput?: (value: string) => void | null | T;
+    /** Задает текст, который отображается если не введено никакое значение. */
+    placeholder?: string;
+    /** Задает функцию отрисовки элементов результата поиска.
+     * Не применяется если элемент является функцией или React-элементом
+     * @default item => item.label
+     * @param {T} item - элемент из результата поиска.
+     * @param {MenuItemState} state? - состояние элемента.
+     * @returns {React.ReactNode} React-элемент. */
+    renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;
+    /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.
+     * По умолчанию все элементы результата поиска оборачиваются в тег <button />.
+     * @example
+     * itemWrapper={(item) => {
+     *    if (item.value === 3) {
+     *      return (props) => {
+     *        return <a {...props} />
+     *      }
+     *    }
+     * }}
+     */
+    itemWrapper?: (item: T) => React.ComponentType;
+    /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */
+    renderNotFound?: () => React.ReactNode;
+    /** Задает функцию, которая отображает сообщение об общем количестве элементов.
+     * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им "оборачиваются" элементы, возвращаемые getItems().
+     * @param {number} total - количество всех элементов. */
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    /** Задает функцию, которая отображает выбранное значение.
+     * @default item => item.label */
+    renderValue?: (item: T) => React.ReactNode;
+    /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */
+    renderAddButton?: (query?: string) => React.ReactNode;
+    /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */
+    totalCount?: number;
+    /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */
+    value?: Nullable<T>;
+    /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */
+    valueToString?: (item: T) => string;
+    /** Задает размер компонента. */
+    size?: SizeProp;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает длину комбобокса. */
+    width?: string | number;
+    /** Задает максимальную высоту меню. */
+    maxMenuHeight?: number | string;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
+    onMouseOver?: (e: React.MouseEvent) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
+    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    /** Задает типы вводимых данных. */
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+}
+export interface ComboBoxItem {
+    value: string;
+    label: string;
+}
+export type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;
+type DefaultProps<T> = Required<Pick<ComboBoxProps<T>, 'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow' | 'showClearIcon'>>;
+/**
+ * `ComboBox` — это поле ввода со списком подсказок.
+ *
+ * `ComboBox` используют:
+ * * для выбора значения из справочника.
+ * * для добавления своего значения в справочник.
+ *
+ * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.
+ * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.
+ */
+export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps<any>;
+    private getProps;
+    private comboboxElement;
+    private setRootNode;
+    /**
+     * @public
+     */
+    focus(opts?: {
+        withoutOpenDropdown?: boolean;
+    }): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * Открывает выпадающий список и запускает поиск элементов
+     *
+     * @public
+     * @param {string} [query] Текст поиска. По умолчанию берется
+     * текст из инпута или результат `valueToString(value)`
+     */
+    search(query?: string): void;
+    /**
+     * @public
+     */
+    cancelSearch(): void;
+    /**
+     * @public Открывает выпадающий список
+     */
+    open(): void;
+    /**
+     * @public Закрывает выпадающий список
+     */
+    close(): void;
+    /**
+     * Выделяет текст внутри input
+     * @public
+     */
+    selectInputText(): void;
+    /**
+     * Сбрасывает введенное пользователем значение
+     * @public
+     */
+    reset(): void;
+    render(): React.JSX.Element;
+    private customComboBoxRef;
+}
+export {};

package/cjs/components/ComboBox/ComboBox.js

@@ -158,6 +158,21 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _Com
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -199,6 +214,7 @@ ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#_
 
 
 
+
     getProps = (0, _createPropsGetter.createPropsGetter)(ComboBox.defaultProps);_this.
 
     comboboxElement = null;_this.
@@ -311,4 +327,4 @@ ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#_
    */;_proto.selectInputText = function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
    * Сбрасывает введенное пользователем значение
    * @public
-   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true }, _ComboBox)) || _class;
+   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true, showClearIcon: 'never' }, _ComboBox)) || _class;

package/cjs/components/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CustomComboBox","_rootNode","_createPropsGetter","_class","_ComboBox","ComboBox","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose2","default","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","CustomComboBox","_extends2","size","props","ref","React","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"sources":["ComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Задает выравнивание контента. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку. */\n  borderless?: boolean;\n\n  /** Отключает использование портала для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15 */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Задает функцию сравнения полученных результатов с value. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Задает максимальную длину инпута. */\n  maxLength?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом инпута строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.\n   * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Задает функцию отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Задает функцию, которая отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые getItems().\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Задает размер компонента. */\n  size?: SizeProp;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину комбобокса. */\n  width?: string | number;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number | string;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'\n  >\n>;\n\n/**\n * `ComboBox` — это поле ввода со списком подсказок.\n *\n * `ComboBox` используют:\n * * для выбора значения из справочника.\n * * для добавления своего значения в справочник.\n *\n * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.\n * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.\n */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CustomComboBox","_rootNode","_createPropsGetter","_class","_ComboBox","ComboBox","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose2","default","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","CustomComboBox","_extends2","size","props","ref","React","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","showClearIcon"],"sources":["ComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType, ShowClearIcon } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Показывать иконку очистки значения в непустом поле:\n   * - `always` — всегда показывать иконку\n   * - `auto` — показывать иконку при hover/focus\n   * - `never` — не показывать иконку\n   * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.\n   * @default never */\n  showClearIcon?: ShowClearIcon;\n\n  /** Задает выравнивание контента. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку. */\n  borderless?: boolean;\n\n  /** Отключает использование портала для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15 */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Задает функцию сравнения полученных результатов с value. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Задает максимальную длину инпута. */\n  maxLength?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом инпута строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.\n   * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Задает функцию отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Задает функцию, которая отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые getItems().\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Задает размер компонента. */\n  size?: SizeProp;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину комбобокса. */\n  width?: string | number;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number | string;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    | 'itemToValue'\n    | 'valueToString'\n    | 'renderValue'\n    | 'renderItem'\n    | 'menuAlign'\n    | 'searchOnFocus'\n    | 'drawArrow'\n    | 'showClearIcon'\n  >\n>;\n\n/**\n * `ComboBox` — это поле ввода со списком подсказок.\n *\n * `ComboBox` используют:\n * * для выбора значения из справочника.\n * * для добавления своего значения в справочник.\n *\n * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.\n * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.\n */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/ComboBox/index.d.ts

@@ -1 +1 @@
-export * from './ComboBox';
+export * from './ComboBox';