@skbkontur/react-ui 0.0.0-a59755ee68 → 0.0.0-a6f09fbded

package/cjs/components/TokenInput/TokenInput.d.ts

@@ -1,224 +1,227 @@
-import React, { AriaAttributes, FocusEventHandler, HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
-import { TokenProps, TokenSize } from '../Token';
-import { MenuItemState } from '../MenuItem';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare enum TokenInputType {
-    WithReference = 0,
-    WithoutReference = 1,
-    Combined = 2
-}
-export type TokenInputMenuAlign = 'left' | 'cursor';
-export interface TokenInputProps<T> extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {
-    /** Задает выбранные токены, которые будут отображаться в поле ввода. */
-    selectedItems?: T[];
-    /** Задает функцию, которая вызывается при добавлении нового токена. */
-    onValueChange?: (items: T[]) => void;
-    /** Задает HTML-событие `onmouseenter`.
-     * @ignore */
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    /** Задает HTML-событие `onmouseleave`.
-     * @ignore */
-    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
-    /** Задает HTML-событие `onfocus`.
-     * @ignore */
-    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
-    /** Задает HTML-событие `onblur`.
-     * @ignore */
-    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
-    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
-    autoFocus?: boolean;
-    /** Задает размер контрола. */
-    size?: TokenSize;
-    /** Задает тип инпута.
-     * Возможные значения:
-     *   `TokenInputType.WithReference` (можно выбирать токены только из предложенных, нельзя добавить новые).
-     *   `TokenInputType.WithoutReference` (можно добавлять токены, но нельзя выбирать).
-     *   `TokenInputType.Combined` (можно и выбирать, и добавлять). */
-    type?: TokenInputType;
-    /** Задает ширину выпадающего меню. Может быть 'auto', в пикселях, процентах (от ширины инпута) и других конкретных единицах.
-     * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto' (по ширине текста). */
-    menuWidth?: React.CSSProperties['width'];
-    /** Задает выравнивание выпадающего меню. */
-    menuAlign?: TokenInputMenuAlign;
-    /** Задает функцию поиска элементов, должна возвращать Promise с массивом элементов. По умолчанию ожидаются строки.
-     * Элементы могут быть любого типа. В таком случае необходимо определить свойства `renderItem`, `valueToString`. */
-    getItems?: (query: string) => Promise<T[]>;
-    /** Скрывает меню при пустом вводе. */
-    hideMenuIfEmptyInputValue?: boolean;
-    /** Задает функцию, которая отображает элемент списка. */
-    renderItem?: (item: T, state: MenuItemState) => React.ReactNode | null;
-    /** Задает функцию, которая отображает выбранное значение. */
-    renderValue?: (item: T) => React.ReactNode;
-    /** Задает функцию, которая возвращает строковое представление токена.
-     * @default item => item */
-    valueToString?: (item: T) => string;
-    /** Задает функцию, которая отображает сообщение об общем количестве элементов.
-     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`. */
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    /** Определяет общее количество элементов. Необходим для работы `renderTotalCount`. */
-    totalCount?: number;
-    /** Задает функцию, которая отображает заданное содержимое при пустом результате поиска. Не работает, если рендерится `AddButton`. */
-    renderNotFound?: () => React.ReactNode;
-    /** Преобразует значение в элемент списка. */
-    valueToItem?: (item: string) => T;
-    /** Определяет уникальный ключ по элементу. */
-    toKey?: (item: T) => string | number | undefined;
-    /** Задает текст, который отображается если не введено никакое значение. */
-    placeholder?: string;
-    /** Задает символы, которые разделяют введённый текст на токены. */
-    delimiters?: string[];
-    /** Переводит контрол в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Переводит контрол в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** Задает ширину токен-инпута. */
-    width?: string | number;
-    /** Задает максимальную высоту выпадающего меню. */
-    maxMenuHeight?: number | string;
-    /** Задает функцию, которая отображает токен и предоставляет возможность кастомизации внешнего вида и поведения токена. */
-    renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;
-    /** Задает функцию, вызывающуюся при изменении текста в поле ввода. */
-    onInputValueChange?: (value: string) => void;
-    /** Задает функцию отрисовки кнопки добавления в выпадающем списке */
-    renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;
-    /** Задает функцию для обработки ввода строки в инпут и последующую потерю фокуса компонентом.
-     * Функция срабатывает с аргументом инпута строки
-     *
-     * Если при потере фокуса в выпадающем списке будет только один элемент и  результат `valueToString` с этим элементом будет
-     * совпадать со значение в текстовом поле, то сработает `onValueChange` со значением данного элемента
-     *
-     * Сама функция также может вернуть значение, неравное `undefined`, с которым будет вызван `onValueChange`.
-     * При возвращаемом значении `null` будет выполнена очистка текущего значения инпута, а в режиме редактирования токен будет удален. */
-    onUnexpectedInput?: (value: string) => void | null | undefined | T;
-    /** Задает типы вводимых данных. */
-    inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];
-}
-export interface TokenInputState<T> {
-    autocompleteItems?: T[];
-    activeTokens: T[];
-    editingTokenIndex: number;
-    clickedToken?: T;
-    clickedTokenTimeout?: number;
-    inFocus?: boolean;
-    inputValue: string;
-    reservedInputValue: string | undefined;
-    inputValueWidth: number;
-    inputValueHeight: number;
-    preventBlur?: boolean;
-    loading?: boolean;
-}
-export declare const DefaultState: {
-    inputValue: string;
-    reservedInputValue: undefined;
-    autocompleteItems: undefined;
-    activeTokens: never[];
-    editingTokenIndex: number;
-    inFocus: boolean;
-    loading: boolean;
-    preventBlur: boolean;
-    inputValueWidth: number;
-    inputValueHeight: number;
-};
-export declare const TokenInputDataTids: {
-    readonly root: "TokenInput__root";
-    readonly tokenInputMenu: "TokenInputMenu__root";
-    readonly label: "TokenInput__label";
-};
-type DefaultProps<T> = Required<Pick<TokenInputProps<T>, 'selectedItems' | 'delimiters' | 'renderItem' | 'renderValue' | 'valueToString' | 'valueToItem' | 'toKey' | 'onValueChange' | 'width' | 'onBlur' | 'onFocus' | 'onMouseEnter' | 'onMouseLeave' | 'menuWidth' | 'menuAlign' | 'size'>>;
-/**
- * Поле с токенами `TokenInput` — это поле ввода со списком подсказок.
- *
- * Поле с токенами используют для выбора нескольких значений из справочника и для добавления своих значений.
- */
-export declare class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps<any>;
-    private getDelimiters;
-    private getProps;
-    private get textareaId();
-    state: TokenInputState<T>;
-    private readonly _textareaId;
-    private rootId;
-    private readonly locale;
-    private theme;
-    private input;
-    private tokensInputMenu;
-    private textHelper;
-    private wrapper;
-    private setRootNode;
-    private memoizedTokens;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: TokenInputProps<T> & DefaultProps<T>, prevState: TokenInputState<T>): void;
-    componentWillUnmount(): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    render(): React.JSX.Element;
-    private getLabelSizeClassName;
-    private getInputSizeClassName;
-    private renderMain;
-    /**
-     * Сбрасывает введенное пользователем значение
-     * @public
-     */
-    reset(): void;
-    private hasValueInItems;
-    private get showAddItemHint();
-    private get type();
-    private get menuRef();
-    private get isCursorVisible();
-    private get isEditingMode();
-    private isCursorVisibleForState;
-    private inputRef;
-    private tokensInputMenuRef;
-    private textHelperRef;
-    private wrapperRef;
-    private dispatch;
-    private updateInputTextWidth;
-    private handleInputFocus;
-    private handleInputBlur;
-    private handleOutsideBlur;
-    private get isInputChanged();
-    private get isInputValueChanged();
-    private get isTokenValueChanged();
-    private isBlurToMenu;
-    private handleWrapperMouseDown;
-    private handleWrapperMouseUp;
-    private handleCopy;
-    private handleInputPaste;
-    private tryGetItems;
-    private handleKeyDown;
-    private handleInputKeyDown;
-    private moveFocusToLastToken;
-    private focusInput;
-    private selectInputText;
-    private handleWrapperKeyDown;
-    private handleWrapperArrows;
-    private handleWrapperArrowsWithoutShift;
-    private handleWrapperArrowsWithShift;
-    private handleValueChange;
-    private handleAddItem;
-    private selectItem;
-    private handleRemoveToken;
-    private handleTokenClick;
-    private handleTokenEdit;
-    private finishTokenEdit;
-    private checkForUnexpectedInput;
-    private handleChangeInputValue;
-    private highlightMenuItem;
-    private renderTokensStart;
-    private renderTokensEnd;
-    private renderToken;
-    private renderAddButton;
-    private isTokenDisabled;
-    private getAvailableTokenIndex;
-}
-export {};
+import type { AriaAttributes, FocusEventHandler, HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import React from 'react';
+import type { TokenProps, TokenSize } from '../Token';
+import type { MenuItemState } from '../MenuItem';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+export declare enum TokenInputType {
+    WithReference = 0,
+    WithoutReference = 1,
+    Combined = 2
+}
+export type TokenInputMenuAlign = 'left' | 'cursor';
+export interface TokenInputProps<T> extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** Задает выбранные токены, которые будут отображаться в поле ввода. */
+    selectedItems?: T[];
+    /** Задает функцию, которая вызывается при добавлении нового токена. */
+    onValueChange?: (items: T[]) => void;
+    /** Задает HTML-событие `onmouseenter`.
+     * @ignore */
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    /** Задает HTML-событие `onmouseleave`.
+     * @ignore */
+    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
+    /** Задает HTML-событие `onfocus`.
+     * @ignore */
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    /** Задает HTML-событие `onblur`.
+     * @ignore */
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
+    autoFocus?: boolean;
+    /** Задает размер контрола. */
+    size?: TokenSize;
+    /** Задает тип инпута.
+     * Возможные значения:
+     *   `TokenInputType.WithReference` (можно выбирать токены только из предложенных, нельзя добавить новые).
+     *   `TokenInputType.WithoutReference` (можно добавлять токены, но нельзя выбирать).
+     *   `TokenInputType.Combined` (можно и выбирать, и добавлять). */
+    type?: TokenInputType;
+    /** Задает ширину выпадающего меню. Может быть 'auto', в пикселях, процентах (от ширины инпута) и других конкретных единицах.
+     * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto' (по ширине текста). */
+    menuWidth?: React.CSSProperties['width'];
+    /** Задает выравнивание выпадающего меню. */
+    menuAlign?: TokenInputMenuAlign;
+    /** Задает функцию поиска элементов, должна возвращать Promise с массивом элементов. По умолчанию ожидаются строки.
+     * Элементы могут быть любого типа. В таком случае необходимо определить свойства `renderItem`, `valueToString`. */
+    getItems?: (query: string) => Promise<T[]>;
+    /** Скрывает меню при пустом вводе. */
+    hideMenuIfEmptyInputValue?: boolean;
+    /** Задает функцию, которая отображает элемент списка. */
+    renderItem?: (item: T, state: MenuItemState) => React.ReactNode | null;
+    /** Задает функцию, которая отображает выбранное значение. */
+    renderValue?: (item: T) => React.ReactNode;
+    /** Задает функцию, которая возвращает строковое представление токена.
+     * @default item => item */
+    valueToString?: (item: T) => string;
+    /** Задает функцию, которая отображает сообщение об общем количестве элементов.
+     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`. */
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    /** Определяет общее количество элементов. Необходим для работы `renderTotalCount`. */
+    totalCount?: number;
+    /** Задает функцию, которая отображает заданное содержимое при пустом результате поиска. Не работает, если рендерится `AddButton`. */
+    renderNotFound?: () => React.ReactNode;
+    /** Преобразует значение в элемент списка. */
+    valueToItem?: (item: string) => T;
+    /** Определяет уникальный ключ по элементу. */
+    toKey?: (item: T) => string | number | undefined;
+    /** Задает текст, который отображается если не введено никакое значение. */
+    placeholder?: string;
+    /** Задает символы, которые разделяют введённый текст на токены. */
+    delimiters?: string[];
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает ширину токен-инпута. */
+    width?: string | number;
+    /** Задает максимальную высоту выпадающего меню. */
+    maxMenuHeight?: number | string;
+    /** Задает функцию, которая отображает токен и предоставляет возможность кастомизации внешнего вида и поведения токена. */
+    renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;
+    /** Задает функцию, вызывающуюся при изменении текста в поле ввода. */
+    onInputValueChange?: (value: string) => void;
+    /** Задает функцию отрисовки кнопки добавления в выпадающем списке */
+    renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;
+    /** Задает функцию для обработки ввода строки в инпут и последующую потерю фокуса компонентом.
+     * Функция срабатывает с аргументом инпута строки
+     *
+     * Если при потере фокуса в выпадающем списке будет только один элемент и результат `valueToString` с этим элементом будет
+     * совпадать со значением в текстовом поле, то сработает `onValueChange` со значением данного элемента
+     *
+     * Сама функция также может вернуть значение, неравное `undefined`, с которым будет вызван `onValueChange`.
+     * При возвращаемом значении `null` будет выполнена очистка текущего значения инпута, а в режиме редактирования токен будет удален. */
+    onUnexpectedInput?: (value: string) => void | null | undefined | T;
+    /** Задает типы вводимых данных. */
+    inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];
+}
+export interface TokenInputState<T> {
+    autocompleteItems?: T[];
+    activeTokens: T[];
+    editingTokenIndex: number;
+    clickedToken?: T;
+    clickedTokenTimeout?: number;
+    inFocus?: boolean;
+    inputValue: string;
+    reservedInputValue: string | undefined;
+    inputValueWidth: number;
+    inputValueHeight: number;
+    preventBlur?: boolean;
+    loading?: boolean;
+}
+export declare const DefaultState: {
+    inputValue: string;
+    reservedInputValue: undefined;
+    autocompleteItems: undefined;
+    activeTokens: never[];
+    editingTokenIndex: number;
+    inFocus: boolean;
+    loading: boolean;
+    preventBlur: boolean;
+    inputValueWidth: number;
+    inputValueHeight: number;
+};
+export declare const TokenInputDataTids: {
+    readonly root: "TokenInput__root";
+    readonly tokenInputMenu: "TokenInputMenu__root";
+    readonly label: "TokenInput__label";
+};
+type DefaultProps<T> = Required<Pick<TokenInputProps<T>, 'selectedItems' | 'delimiters' | 'renderItem' | 'renderValue' | 'valueToString' | 'valueToItem' | 'toKey' | 'onValueChange' | 'width' | 'onBlur' | 'onFocus' | 'onMouseEnter' | 'onMouseLeave' | 'menuWidth' | 'menuAlign' | 'size'>>;
+/**
+ * Поле с токенами `TokenInput` — это поле ввода со списком подсказок.
+ *
+ * Поле с токенами используют для выбора нескольких значений из справочника и для добавления своих значений.
+ */
+export declare class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps<any>;
+    private getDelimiters;
+    private getProps;
+    private get textareaId();
+    state: TokenInputState<T>;
+    private readonly _textareaId;
+    private rootId;
+    private readonly locale;
+    private theme;
+    private input;
+    private tokensInputMenu;
+    private textHelper;
+    private wrapper;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private memoizedTokens;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: TokenInputProps<T> & DefaultProps<T>, prevState: TokenInputState<T>): void;
+    componentWillUnmount(): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    render(): React.JSX.Element;
+    private getLabelSizeClassName;
+    private getInputSizeClassName;
+    private renderMain;
+    /**
+     * Сбрасывает введенное пользователем значение
+     * @public
+     */
+    reset(): void;
+    private hasValueInItems;
+    private get showAddItemHint();
+    private get type();
+    private get menuRef();
+    private get isCursorVisible();
+    private get isEditingMode();
+    private isCursorVisibleForState;
+    private inputRef;
+    private tokensInputMenuRef;
+    private textHelperRef;
+    private wrapperRef;
+    private dispatch;
+    private updateInputTextWidth;
+    private handleInputFocus;
+    private handleInputBlur;
+    private handleOutsideBlur;
+    private get isInputChanged();
+    private get isInputValueChanged();
+    private get isTokenValueChanged();
+    private isBlurToMenu;
+    private handleWrapperMouseDown;
+    private handleWrapperMouseUp;
+    private handleCopy;
+    private handleInputPaste;
+    private tryGetItems;
+    private handleKeyDown;
+    private handleInputKeyDown;
+    private moveFocusToLastToken;
+    private focusInput;
+    private selectInputText;
+    private handleWrapperKeyDown;
+    private handleWrapperArrows;
+    private handleWrapperArrowsWithoutShift;
+    private handleWrapperArrowsWithShift;
+    private handleValueChange;
+    private handleAddItem;
+    private selectItem;
+    private handleRemoveToken;
+    private handleTokenClick;
+    private handleTokenEdit;
+    private finishTokenEdit;
+    private checkForUnexpectedInput;
+    private handleChangeInputValue;
+    private highlightMenuItem;
+    private renderTokensStart;
+    private renderTokensEnd;
+    private renderToken;
+    private renderAddButton;
+    private isTokenDisabled;
+    private getAvailableTokenIndex;
+}
+export {};

package/cjs/components/TokenInput/TokenInput.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.TokenInputType = exports.TokenInputDataTids = exports.TokenInput = exports.DefaultState = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.TokenInputType = exports.TokenInputDataTids = exports.TokenInput = exports.DefaultState = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 
 
 
@@ -8,6 +8,7 @@
 
 
 
+var _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash.isequal"));
 var _globalObject = require("@skbkontur/global-object");
 
@@ -27,21 +28,28 @@ var _identifiers = require("../../lib/events/keyboard/identifiers");
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
+
 var _Token = require("../Token");
+
 var _MenuItem = require("../MenuItem");
+
 var _utils = require("../../lib/utils");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _decorators = require("../../lib/locale/decorators");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
+
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _uidUtils = require("../../lib/uidUtils");
 var _TokenView = require("../Token/TokenView");
 
+
 var _locale = require("./locale");
 var _TokenInput2 = require("./TokenInput.styles");
+
 var _TokenInputReducer = require("./TokenInputReducer");
 var _TokenInputMenu = require("./TokenInputMenu");
 var _TextWidthHelper = require("./TextWidthHelper");var _dec, _class, _TokenInput;
@@ -315,6 +323,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
     textHelper = null;_this.
     wrapper = null;_this.
 
+
     memoizedTokens = new Map();_this.
 
 
@@ -547,6 +556,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
 
 
 
+
 
 
     hasValueInItems = function (items, value) {
@@ -1210,7 +1220,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
    * @public
    */;_proto.blur = function blur() {var _this$input9;(_this$input9 = this.input) == null || _this$input9.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.getLabelSizeClassName = function getLabelSizeClassName() {switch (this.getProps().size) {case 'large':return _TokenInput2.styles.labelLarge(this.theme);case 'medium':return _TokenInput2.styles.labelMedium(this.theme);case 'small':default:return _TokenInput2.styles.labelSmall(this.theme);}};_proto.getInputSizeClassName = function getInputSizeClassName() {switch (this.getProps().size) {case 'large':return _TokenInput2.styles.inputLarge(this.theme);case 'medium':return _TokenInput2.styles.inputMedium(this.theme);case 'small':default:return _TokenInput2.styles.inputSmall(this.theme);}};_proto.renderMain = function renderMain() {var _cx, _cx2, _cx3;if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {throw Error('Missed getItems for type ' + this.type);}var _this$props2 = this.props,maxMenuHeight = _this$props2.maxMenuHeight,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,renderNotFound = _this$props2.renderNotFound,hideMenuIfEmptyInputValue = _this$props2.hideMenuIfEmptyInputValue,inputMode = _this$props2.inputMode,renderTotalCount = _this$props2.renderTotalCount,totalCount = _this$props2.totalCount,ariaDescribedby = _this$props2['aria-describedby'],ariaLabel = _this$props2['aria-label'];var _this$getProps8 = this.getProps(),selectedItems = _this$getProps8.selectedItems,width = _this$getProps8.width,onMouseEnter = _this$getProps8.onMouseEnter,onMouseLeave = _this$getProps8.onMouseLeave,menuWidth = _this$getProps8.menuWidth,menuAlign = _this$getProps8.menuAlign,renderItem = _this$getProps8.renderItem;var _this$state3 = this.state,activeTokens = _this$state3.activeTokens,inFocus = _this$state3.inFocus,inputValueWidth = _this$state3.inputValueWidth,inputValueHeight = _this$state3.inputValueHeight,inputValue = _this$state3.inputValue,reservedInputValue = _this$state3.reservedInputValue,autocompleteItems = _this$state3.autocompleteItems,loading = _this$state3.loading;var showMenu = this.type !== TokenInputType.WithoutReference && this.isCursorVisible && activeTokens.length === 0 && (inputValue !== '' || !hideMenuIfEmptyInputValue);var theme = this.theme;var inputInlineStyles = { // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости
       width: inputValueWidth, height: inputValueHeight, // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее
-      caretColor: this.isCursorVisible ? undefined : 'transparent' };var labelClassName = (0, _Emotion.cx)(_TokenInput2.styles.label(theme), this.getLabelSizeClassName(), (_cx = {}, _cx[_TokenInput2.styles.hovering(this.theme)] = !inFocus && !disabled && !warning && !error, _cx[_TokenInput2.styles.labelDisabled(theme)] = !!disabled, _cx[_TokenInput2.styles.labelFocused(theme)] = !!inFocus, _cx[_TokenInput2.styles.error(theme)] = !!error, _cx[_TokenInput2.styles.warning(theme)] = !!warning, _cx));var inputClassName = (0, _Emotion.cx)(_TokenInput2.styles.input(theme), this.getInputSizeClassName(), (_cx2 = {}, _cx2[_TokenInput2.styles.inputDisabled(theme)] = !!disabled, _cx2));var placeholder = selectedItems.length === 0 && !inputValue ? this.props.placeholder : '';var inputNode = /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.getProps().size, className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_TokenInput2.styles.inputPlaceholderWrapper()] = Boolean(placeholder), _cx3)), hideCloseButton: Boolean(placeholder) }, /*#__PURE__*/_react.default.createElement("textarea", { id: this.textareaId, ref: this.inputRef, value: inputValue, style: inputInlineStyles, spellCheck: false, disabled: disabled, className: inputClassName, placeholder: placeholder, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleChangeInputValue, onKeyDown: this.handleKeyDown, onPaste: this.handleInputPaste, inputMode: inputMode, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby }));return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TokenInputDataTids.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, /*#__PURE__*/_react.default.createElement("label", { ref: this.wrapperRef, style: { width: width }, className: labelClassName, onMouseDown: this.handleWrapperMouseDown, onMouseUp: this.handleWrapperMouseUp, htmlFor: this.textareaId, "aria-controls": this.rootId, "data-tid": TokenInputDataTids.label }, /*#__PURE__*/_react.default.createElement(_TextWidthHelper.TextWidthHelper, { ref: this.textHelperRef, text: inputValue, theme: this.theme, size: this.getProps().size }), this.renderTokensStart(), inputNode, showMenu && /*#__PURE__*/_react.default.createElement(_TokenInputMenu.TokenInputMenu, { popupMenuId: this.rootId, ref: this.tokensInputMenuRef, items: autocompleteItems, loading: loading, opened: showMenu, maxMenuHeight: maxMenuHeight, anchorElement: menuAlign === 'cursor' ? this.input : this.wrapper, renderNotFound: renderNotFound, renderItem: renderItem, onValueChange: this.selectItem, renderAddButton: this.renderAddButton, menuWidth: menuWidth, menuAlign: menuAlign, renderTotalCount: renderTotalCount, totalCount: totalCount, size: this.getProps().size }), this.renderTokensEnd(), this.isEditingMode ? /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.props.size }, /*#__PURE__*/_react.default.createElement("span", { className: _TokenInput2.styles.reservedInput(theme) }, reservedInputValue)) : null)));} /**
+      caretColor: this.isCursorVisible ? undefined : 'transparent' };var labelClassName = (0, _Emotion.cx)(_TokenInput2.styles.label(theme), this.getLabelSizeClassName(), (_cx = {}, _cx[_TokenInput2.styles.hovering(this.theme)] = !inFocus && !disabled && !warning && !error, _cx[_TokenInput2.styles.labelDisabled(theme)] = !!disabled, _cx[_TokenInput2.styles.labelFocused(theme)] = !!inFocus, _cx[_TokenInput2.styles.error(theme)] = !!error, _cx[_TokenInput2.styles.warning(theme)] = !!warning, _cx));var inputClassName = (0, _Emotion.cx)(_TokenInput2.styles.input(theme), this.getInputSizeClassName(), (_cx2 = {}, _cx2[_TokenInput2.styles.inputDisabled(theme)] = !!disabled, _cx2));var placeholder = selectedItems.length === 0 && !inputValue ? this.props.placeholder : '';var inputNode = /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.getProps().size, className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_TokenInput2.styles.inputPlaceholderWrapper()] = Boolean(placeholder), _cx3)), hideCloseButton: Boolean(placeholder) }, /*#__PURE__*/_react.default.createElement("textarea", { id: this.textareaId, ref: this.inputRef, value: inputValue, style: inputInlineStyles, spellCheck: false, disabled: disabled, className: inputClassName, placeholder: placeholder, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleChangeInputValue, onKeyDown: this.handleKeyDown, onPaste: this.handleInputPaste, inputMode: inputMode, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby }));return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TokenInputDataTids.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, /*#__PURE__*/_react.default.createElement("label", { ref: this.wrapperRef, style: { width: width }, className: labelClassName, onMouseDown: this.handleWrapperMouseDown, onMouseUp: this.handleWrapperMouseUp, htmlFor: this.textareaId, "aria-controls": this.rootId, "data-tid": TokenInputDataTids.label }, /*#__PURE__*/_react.default.createElement(_TextWidthHelper.TextWidthHelper, { ref: this.textHelperRef, text: inputValue, theme: this.theme, size: this.getProps().size }), this.renderTokensStart(), inputNode, showMenu && /*#__PURE__*/_react.default.createElement(_TokenInputMenu.TokenInputMenu, { popupMenuId: this.rootId, ref: this.tokensInputMenuRef, items: autocompleteItems, loading: loading, opened: showMenu, maxMenuHeight: maxMenuHeight, anchorElementForCursor: this.input, anchorElementRoot: this.wrapper, renderNotFound: renderNotFound, renderItem: renderItem, onValueChange: this.selectItem, renderAddButton: this.renderAddButton, menuWidth: menuWidth, menuAlign: menuAlign, renderTotalCount: renderTotalCount, totalCount: totalCount, size: this.getProps().size }), this.renderTokensEnd(), this.isEditingMode ? /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.props.size }, /*#__PURE__*/_react.default.createElement("span", { className: _TokenInput2.styles.reservedInput(theme) }, reservedInputValue)) : null)));} /**
    * Сбрасывает введенное пользователем значение
    * @public
    */;_proto.reset = function reset() {this.dispatch({ type: 'RESET' });};_proto.isCursorVisibleForState = function isCursorVisibleForState(state) {return state.inFocus && (state.inputValue !== '' || state.activeTokens.length === 0);};_proto.updateInputTextWidth = function updateInputTextWidth() {if (this.textHelper) {// в IE текст иногда не помещается в input