@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-eab52adf66

package/cjs/components/TokenInput/TokenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_globalObject","_Popup","_identifiers","LayoutEvents","_interopRequireWildcard","_Token","_MenuItem","_utils","_ThemeContext","_decorators","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_uidUtils","_TokenView","_locale","_TokenInput2","_TokenInputReducer","_TokenInputMenu","_TextWidthHelper","_dec","_class","_TokenInput","TEMP_FAKE_FLAG","TokenInputType","exports","DefaultState","inputValue","reservedInputValue","undefined","autocompleteItems","activeTokens","editingTokenIndex","inFocus","loading","preventBlur","inputValueWidth","inputValueHeight","TokenInputDataTids","root","tokenInputMenu","label","defaultToKey","item","toString","identity","defaultRenderToken","_ref","isActive","onClick","onDoubleClick","onRemove","disabled","size","default","createElement","Token","key","TokenInput","locale","TokenInputLocaleHelper","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","_textareaId","getUid","rootId","PopupIds","getRandomID","input","tokensInputMenu","textHelper","wrapper","memoizedTokens","Map","hasValueInItems","items","value","includes","some","isEqual","inputRef","node","tokensInputMenuRef","textHelperRef","wrapperRef","dispatch","action","cb","setState","prevState","tokenInputReducer","handleInputFocus","event","type","getProps","onFocus","handleInputBlur","isBlurToMenu","handleOutsideBlur","_this$input","preventDefault","focus","globalObject","requestAnimationFrame","_this$input2","payload","onBlur","_this$state","isEditingMode","finishTokenEdit","isTokenValueChanged","valueToString","selectItem","isInputChanged","checkForUnexpectedInput","menuRef","document","_this$tokensInputMenu","menu","getRootNode","getMenuRef","relatedTarget","activeElement","contains","handleWrapperMouseDown","_this$wrapper","target","isClickOnToken","handleWrapperMouseUp","handleCopy","isCursorVisible","_this$getProps","selectedItems","delimiters","tokens","map","token","indexOf","sort","index","clipboardData","setData","join","handleInputPaste","WithReference","paste","getData","_this$getProps2","valueToItem","onValueChange","delimiter","stopPropagation","trim","split","RegExp","filter","Boolean","newItems","tryGetItems","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","query","_this$getProps3","isSelectedItem","isEditingItem","autocompleteItemsUnique","editingItem","selectItemIndex","wrap","_callee$","_context","prev","next","props","getItems","hideMenuIfEmptyInputValue","sent","unshift","emit","highlightMenuItem","findIndex","toLowerCase","setTimeout","_this$menuRef","highlightItem","stop","_x","handleKeyDown","handleInputKeyDown","handleWrapperKeyDown","e","_this$input3","_this$input4","isKeyComma","isKeyEnter","WithoutReference","newValue","handleAddItem","isRightmostTokenNotDisabled","isTokenDisabled","enter","isKeyArrowVertical","isKeyArrowUp","up","down","isKeyEscape","blur","isKeyBackspace","moveFocusToLastToken","isKeyArrowLeft","selectionStart","getAvailableTokenIndex","itemNew","focusInput","_this$input5","selectInputText","setSelectionRange","_this$wrapper2","_this$getProps4","isKeyDelete","indexOfActiveToken","itemsNew","_this$input6","isKeyArrowHorizontal","handleWrapperArrows","handleTokenEdit","isShortcutSelectAll","activeItemIndex","newItemIndex","isLeftEdge","isRightEdge","isKeyArrowRight","shiftKey","handleWrapperArrowsWithoutShift","handleWrapperArrowsWithShift","_this$input7","handleValueChange","_this$getProps5","handleRemoveToken","_","filteredActiveTokens","handleTokenClick","ctrlKey","_this$getProps6","_this$state2","editedItem","splice","onUnexpectedInput","returnedValue","handleChangeInputValue","trimLeft","endsWith","trimRight","onInputValueChange","Combined","renderTokensStart","slice","renderToken","renderTokensEnd","_this$props$selectedI","_this$props","_this$props$renderTok","handleIconClick","handleTokenDoubleClick","renderedToken","set","renderAddButton","showAddItemHint","_this$locale","addButtonComment","addButtonTitle","MenuItem","comment","itemIndex","has","get","startIndex","isDirectionLeft","_this$getProps7","step","availableIndex","_inheritsLoose2","_proto","prototype","getDelimiters","_this$props$delimiter","every","propsGetter","createPropsGetter","defaultProps","propsWithOldDelimiters","_extends2","componentDidMount","_globalObject$documen","updateInputTextWidth","addEventListener","autoFocus","componentDidUpdate","prevProps","clear","isCursorVisibleForState","componentWillUnmount","_globalObject$documen2","removeEventListener","_this$input8","_this$input9","render","_this2","ThemeContext","Consumer","theme","renderMain","getLabelSizeClassName","styles","labelLarge","labelMedium","labelSmall","getInputSizeClassName","inputLarge","inputMedium","inputSmall","_cx","_cx2","_cx3","Error","_this$props2","maxMenuHeight","error","warning","renderNotFound","inputMode","renderTotalCount","totalCount","ariaDescribedby","ariaLabel","_this$getProps8","width","onMouseEnter","onMouseLeave","menuWidth","menuAlign","renderItem","_this$state3","showMenu","inputInlineStyles","height","caretColor","labelClassName","cx","hovering","labelDisabled","labelFocused","inputClassName","inputDisabled","placeholder","inputNode","TokenView","className","inputPlaceholderWrapper","hideCloseButton","id","textareaId","ref","style","spellCheck","onChange","onKeyDown","onPaste","CommonWrapper","rootNodeRef","setRootNode","onMouseDown","onMouseUp","htmlFor","TextWidthHelper","text","TokenInputMenu","popupMenuId","opened","anchorElementForCursor","anchorElementRoot","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","_createClass2","_this$props$id","isInputValueChanged","_this$state4","_this$getProps9","React","PureComponent","__KONTUR_REACT_UI__","displayName","renderValue","toKey","emptyHandler"],"sources":["TokenInput.tsx"],"sourcesContent":["import type {\n  AriaAttributes,\n  ChangeEvent,\n  FocusEvent,\n  FocusEventHandler,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEventHandler,\n  ReactNode,\n} from 'react';\nimport React from 'react';\nimport isEqual from 'lodash.isequal';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { PopupIds } from '../../internal/Popup';\nimport {\n  isKeyArrowHorizontal,\n  isKeyArrowLeft,\n  isKeyArrowRight,\n  isKeyArrowUp,\n  isKeyArrowVertical,\n  isKeyBackspace,\n  isKeyComma,\n  isKeyDelete,\n  isKeyEnter,\n  isKeyEscape,\n  isShortcutSelectAll,\n} from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Menu } from '../../internal/Menu';\nimport type { TokenProps, TokenSize } from '../Token';\nimport { Token } from '../Token';\nimport type { MenuItemState } from '../MenuItem';\nimport { MenuItem } from '../MenuItem';\nimport type { AnyObject } from '../../lib/utils';\nimport { emptyHandler, getRandomID } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { locale } from '../../lib/locale/decorators';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { getUid } from '../../lib/uidUtils';\nimport { TokenView } from '../Token/TokenView';\n\nimport type { TokenInputLocale } from './locale';\nimport { TokenInputLocaleHelper } from './locale';\nimport { styles } from './TokenInput.styles';\nimport type { TokenInputAction } from './TokenInputReducer';\nimport { tokenInputReducer } from './TokenInputReducer';\nimport { TokenInputMenu } from './TokenInputMenu';\nimport { TextWidthHelper } from './TextWidthHelper';\n\nconst TEMP_FAKE_FLAG = 'TEMP_FAKE_FLAG';\n\nexport enum TokenInputType {\n  WithReference,\n  WithoutReference,\n  Combined,\n}\n\nexport type TokenInputMenuAlign = 'left' | 'cursor';\n\nexport interface TokenInputProps<T>\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Задает выбранные токены, которые будут отображаться в поле ввода. */\n  selectedItems?: T[];\n\n  /** Задает функцию, которая вызывается при добавлении нового токена. */\n  onValueChange?: (items: T[]) => void;\n\n  /** Задает HTML-событие `onmouseenter`.\n   * @ignore */\n  onMouseEnter?: MouseEventHandler<HTMLDivElement>;\n\n  /** Задает HTML-событие `onmouseleave`.\n   * @ignore */\n  onMouseLeave?: MouseEventHandler<HTMLDivElement>;\n\n  /** Задает HTML-событие `onfocus`.\n   * @ignore */\n  onFocus?: FocusEventHandler<HTMLTextAreaElement>;\n\n  /** Задает HTML-событие `onblur`.\n   * @ignore */\n  onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Задает размер контрола. */\n  size?: TokenSize;\n\n  /** Задает тип инпута.\n   * Возможные значения:\n   *   `TokenInputType.WithReference` (можно выбирать токены только из предложенных, нельзя добавить новые).\n   *   `TokenInputType.WithoutReference` (можно добавлять токены, но нельзя выбирать).\n   *   `TokenInputType.Combined` (можно и выбирать, и добавлять). */\n  type?: TokenInputType;\n\n  /** Задает ширину выпадающего меню. Может быть 'auto', в пикселях, процентах (от ширины инпута) и других конкретных единицах.\n   * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto' (по ширине текста). */\n  menuWidth?: React.CSSProperties['width'];\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: TokenInputMenuAlign;\n\n  /** Задает функцию поиска элементов, должна возвращать Promise с массивом элементов. По умолчанию ожидаются строки.\n   * Элементы могут быть любого типа. В таком случае необходимо определить свойства `renderItem`, `valueToString`. */\n  getItems?: (query: string) => Promise<T[]>;\n\n  /** Скрывает меню при пустом вводе. */\n  hideMenuIfEmptyInputValue?: boolean;\n\n  /** Задает функцию, которая отображает элемент списка. */\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode | null;\n\n  /** Задает функцию, которая отображает выбранное значение. */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Задает функцию, которая возвращает строковое представление токена.\n   * @default item => item */\n  valueToString?: (item: T) => string;\n\n  /** Задает функцию, которая отображает сообщение об общем количестве элементов.\n   * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы `renderTotalCount`. */\n  totalCount?: number;\n\n  /** Задает функцию, которая отображает заданное содержимое при пустом результате поиска. Не работает, если рендерится `AddButton`. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Преобразует значение в элемент списка. */\n  valueToItem?: (item: string) => T;\n\n  /** Определяет уникальный ключ по элементу. */\n  toKey?: (item: T) => string | number | undefined;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Задает символы, которые разделяют введённый текст на токены. */\n  delimiters?: string[];\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает ширину токен-инпута. */\n  width?: string | number;\n\n  /** Задает максимальную высоту выпадающего меню. */\n  maxMenuHeight?: number | string;\n\n  /** Задает функцию, которая отображает токен и предоставляет возможность кастомизации внешнего вида и поведения токена. */\n  renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\n\n  /** Задает функцию, вызывающуюся при изменении текста в поле ввода. */\n  onInputValueChange?: (value: string) => void;\n\n  /** Задает функцию отрисовки кнопки добавления в выпадающем списке */\n  renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;\n\n  /** Задает функцию для обработки ввода строки в инпут и последующую потерю фокуса компонентом.\n   * Функция срабатывает с аргументом инпута строки\n   *\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат `valueToString` с этим элементом будет\n   * совпадать со значением в текстовом поле, то сработает `onValueChange` со значением данного элемента\n   *\n   * Сама функция также может вернуть значение, неравное `undefined`, с которым будет вызван `onValueChange`.\n   * При возвращаемом значении `null` будет выполнена очистка текущего значения инпута, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | undefined | T;\n\n  /** Задает типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];\n}\n\nexport interface TokenInputState<T> {\n  autocompleteItems?: T[];\n  activeTokens: T[];\n  editingTokenIndex: number;\n  clickedToken?: T;\n  clickedTokenTimeout?: number;\n  inFocus?: boolean;\n  inputValue: string;\n  reservedInputValue: string | undefined;\n  inputValueWidth: number;\n  inputValueHeight: number;\n  preventBlur?: boolean;\n  loading?: boolean;\n}\n\nexport const DefaultState = {\n  inputValue: '',\n  reservedInputValue: undefined,\n  autocompleteItems: undefined,\n  activeTokens: [],\n  editingTokenIndex: -1,\n  inFocus: false,\n  loading: false,\n  preventBlur: false,\n  inputValueWidth: 2,\n  inputValueHeight: 22,\n};\n\nexport const TokenInputDataTids = {\n  root: 'TokenInput__root',\n  tokenInputMenu: 'TokenInputMenu__root',\n  label: 'TokenInput__label',\n} as const;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    TokenInputProps<T>,\n    | 'selectedItems'\n    | 'delimiters'\n    | 'renderItem'\n    | 'renderValue'\n    | 'valueToString'\n    | 'valueToItem'\n    | 'toKey'\n    | 'onValueChange'\n    | 'width'\n    | 'onBlur'\n    | 'onFocus'\n    | 'onMouseEnter'\n    | 'onMouseLeave'\n    | 'menuWidth'\n    | 'menuAlign'\n    | 'size'\n  >\n>;\n\nconst defaultToKey = <T extends AnyObject>(item: T): string => item.toString();\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nconst identity = <T extends unknown>(item: T): T => item;\nconst defaultRenderToken = <T extends AnyObject>(\n  item: T,\n  { isActive, onClick, onDoubleClick, onRemove, disabled, size }: Partial<TokenProps>,\n) => (\n  <Token\n    key={item.toString()}\n    isActive={isActive}\n    onClick={onClick}\n    onDoubleClick={onDoubleClick}\n    onRemove={onRemove}\n    disabled={disabled}\n    size={size}\n  >\n    {item.toString()}\n  </Token>\n);\n\n/**\n * Поле с токенами `TokenInput` — это поле ввода со списком подсказок.\n *\n * Поле с токенами используют для выбора нескольких значений из справочника и для добавления своих значений.\n */\n@rootNode\n@locale('TokenInput', TokenInputLocaleHelper)\nexport class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {\n  public static __KONTUR_REACT_UI__ = 'TokenInput';\n  public static displayName = 'TokenInput';\n\n  public static defaultProps: DefaultProps<any> = {\n    selectedItems: [],\n    // TEMP_FAKE_FLAG помогает узнать, остались ли разделители дефолтными или пользователь передал их равными дефолтным.\n    delimiters: [',', TEMP_FAKE_FLAG],\n    renderItem: identity,\n    renderValue: identity,\n    valueToString: identity,\n    valueToItem: (item: string) => item,\n    toKey: defaultToKey,\n    onValueChange: () => void 0,\n    width: 250 as string | number,\n    onBlur: emptyHandler,\n    onFocus: emptyHandler,\n    onMouseEnter: emptyHandler,\n    onMouseLeave: emptyHandler,\n    menuWidth: 'auto',\n    menuAlign: 'cursor',\n    size: 'small',\n  };\n\n  private getDelimiters(): string[] {\n    const delimiters = this.props.delimiters ?? [];\n    if (delimiters.every((delimiter) => delimiter !== TEMP_FAKE_FLAG)) {\n      return delimiters;\n    }\n    return delimiters.filter((delimiter) => delimiter !== TEMP_FAKE_FLAG);\n  }\n\n  private getProps() {\n    const propsGetter = createPropsGetter(TokenInput.defaultProps);\n    const propsWithOldDelimiters = propsGetter.apply(this);\n    return { ...propsWithOldDelimiters, delimiters: this.getDelimiters() };\n  }\n\n  private get textareaId() {\n    return this.props.id ?? this._textareaId;\n  }\n\n  public state: TokenInputState<T> = DefaultState;\n\n  private readonly _textareaId: string = getUid();\n  private rootId = PopupIds.root + getRandomID();\n  private readonly locale!: TokenInputLocale;\n  private theme!: Theme;\n  private input: HTMLTextAreaElement | null = null;\n  private tokensInputMenu: TokenInputMenu<T> | null = null;\n  private textHelper: TextWidthHelper | null = null;\n  private wrapper: HTMLLabelElement | null = null;\n  private setRootNode!: TSetRootNode;\n  private memoizedTokens = new Map();\n\n  public componentDidMount() {\n    this.updateInputTextWidth();\n    globalObject.document?.addEventListener('copy', this.handleCopy);\n    if (this.props.autoFocus) {\n      this.focusInput();\n    }\n  }\n\n  public componentDidUpdate(prevProps: TokenInputProps<T> & DefaultProps<T>, prevState: TokenInputState<T>) {\n    if (prevState.inputValue !== this.state.inputValue) {\n      this.updateInputTextWidth();\n    }\n    if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {\n      this.dispatch({\n        type: 'SET_AUTOCOMPLETE_ITEMS',\n        payload: undefined,\n      });\n    }\n    if (prevProps.selectedItems.length !== this.getProps().selectedItems.length) {\n      LayoutEvents.emit();\n      this.memoizedTokens.clear();\n    }\n    if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {\n      this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);\n    }\n  }\n\n  public componentWillUnmount() {\n    globalObject.document?.removeEventListener('copy', this.handleCopy);\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    this.input?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.input?.blur();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getLabelSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.labelLarge(this.theme);\n      case 'medium':\n        return styles.labelMedium(this.theme);\n      case 'small':\n      default:\n        return styles.labelSmall(this.theme);\n    }\n  }\n\n  private getInputSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.inputLarge(this.theme);\n      case 'medium':\n        return styles.inputMedium(this.theme);\n      case 'small':\n      default:\n        return styles.inputSmall(this.theme);\n    }\n  }\n\n  private renderMain() {\n    if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {\n      throw Error('Missed getItems for type ' + this.type);\n    }\n\n    const {\n      maxMenuHeight,\n      error,\n      warning,\n      disabled,\n      renderNotFound,\n      hideMenuIfEmptyInputValue,\n      inputMode,\n      renderTotalCount,\n      totalCount,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    } = this.props;\n\n    const { selectedItems, width, onMouseEnter, onMouseLeave, menuWidth, menuAlign, renderItem } = this.getProps();\n\n    const {\n      activeTokens,\n      inFocus,\n      inputValueWidth,\n      inputValueHeight,\n      inputValue,\n      reservedInputValue,\n      autocompleteItems,\n      loading,\n    } = this.state;\n\n    const showMenu =\n      this.type !== TokenInputType.WithoutReference &&\n      this.isCursorVisible &&\n      activeTokens.length === 0 &&\n      (inputValue !== '' || !hideMenuIfEmptyInputValue);\n\n    const theme = this.theme;\n\n    const inputInlineStyles: React.CSSProperties = {\n      // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости\n      width: inputValueWidth,\n      height: inputValueHeight,\n      // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее\n      caretColor: this.isCursorVisible ? undefined : 'transparent',\n    };\n\n    const labelClassName = cx(styles.label(theme), this.getLabelSizeClassName(), {\n      [styles.hovering(this.theme)]: !inFocus && !disabled && !warning && !error,\n      [styles.labelDisabled(theme)]: !!disabled,\n      [styles.labelFocused(theme)]: !!inFocus,\n      [styles.error(theme)]: !!error,\n      [styles.warning(theme)]: !!warning,\n    });\n    const inputClassName = cx(styles.input(theme), this.getInputSizeClassName(), {\n      [styles.inputDisabled(theme)]: !!disabled,\n    });\n\n    const placeholder = selectedItems.length === 0 && !inputValue ? this.props.placeholder : '';\n\n    const inputNode = (\n      <TokenView\n        size={this.getProps().size}\n        className={cx({\n          // input растягивается на всю ширину чтобы placeholder не обрезался\n          [styles.inputPlaceholderWrapper()]: Boolean(placeholder),\n        })}\n        hideCloseButton={Boolean(placeholder)}\n      >\n        <textarea\n          id={this.textareaId}\n          ref={this.inputRef}\n          value={inputValue}\n          style={inputInlineStyles}\n          spellCheck={false}\n          disabled={disabled}\n          className={inputClassName}\n          placeholder={placeholder}\n          onFocus={this.handleInputFocus}\n          onBlur={this.handleInputBlur}\n          onChange={this.handleChangeInputValue}\n          onKeyDown={this.handleKeyDown}\n          onPaste={this.handleInputPaste}\n          inputMode={inputMode}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedby}\n        />\n      </TokenView>\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={TokenInputDataTids.root} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n          <label\n            ref={this.wrapperRef}\n            style={{ width }}\n            className={labelClassName}\n            onMouseDown={this.handleWrapperMouseDown}\n            onMouseUp={this.handleWrapperMouseUp}\n            htmlFor={this.textareaId}\n            aria-controls={this.rootId}\n            data-tid={TokenInputDataTids.label}\n          >\n            <TextWidthHelper\n              ref={this.textHelperRef}\n              text={inputValue}\n              theme={this.theme}\n              size={this.getProps().size}\n            />\n            {this.renderTokensStart()}\n            {inputNode}\n            {showMenu && (\n              <TokenInputMenu\n                popupMenuId={this.rootId}\n                ref={this.tokensInputMenuRef}\n                items={autocompleteItems}\n                loading={loading}\n                opened={showMenu}\n                maxMenuHeight={maxMenuHeight}\n                anchorElementForCursor={this.input}\n                anchorElementRoot={this.wrapper}\n                renderNotFound={renderNotFound}\n                renderItem={renderItem}\n                onValueChange={this.selectItem}\n                renderAddButton={this.renderAddButton}\n                menuWidth={menuWidth}\n                menuAlign={menuAlign}\n                renderTotalCount={renderTotalCount}\n                totalCount={totalCount}\n                size={this.getProps().size}\n              />\n            )}\n            {this.renderTokensEnd()}\n            {this.isEditingMode ? (\n              <TokenView size={this.props.size}>\n                <span className={styles.reservedInput(theme)}>{reservedInputValue}</span>\n              </TokenView>\n            ) : null}\n          </label>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    this.dispatch({ type: 'RESET' });\n  }\n\n  private hasValueInItems = (items: T[], value: T) => {\n    if (typeof value === 'string') {\n      return items.includes(value);\n    }\n    // todo: как то не очень\n    return items.some((item) => isEqual(item, value));\n  };\n\n  private get showAddItemHint() {\n    const items = this.state.autocompleteItems;\n    const value = this.getProps().valueToItem(this.state.inputValue);\n\n    if (items && this.hasValueInItems(items, value)) {\n      return false;\n    }\n\n    const selectedItems = this.getProps().selectedItems;\n    if (selectedItems && this.hasValueInItems(selectedItems, value)) {\n      return false;\n    }\n\n    if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {\n      return true;\n    }\n  }\n\n  private get type() {\n    return this.props.type ? this.props.type : TokenInputType.WithReference;\n  }\n\n  private get menuRef(): Menu | null {\n    return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();\n  }\n\n  private get isCursorVisible() {\n    return this.isCursorVisibleForState(this.state);\n  }\n\n  private get isEditingMode() {\n    return this.state.editingTokenIndex > -1;\n  }\n\n  private isCursorVisibleForState(state: TokenInputState<T>) {\n    return state.inFocus && (state.inputValue !== '' || state.activeTokens.length === 0);\n  }\n\n  private inputRef = (node: HTMLTextAreaElement) => (this.input = node);\n  private tokensInputMenuRef = (node: TokenInputMenu<T>) => (this.tokensInputMenu = node);\n  private textHelperRef = (node: TextWidthHelper) => (this.textHelper = node);\n  private wrapperRef = (node: HTMLLabelElement) => (this.wrapper = node);\n\n  private dispatch = (action: TokenInputAction, cb?: () => void) => {\n    this.setState((prevState) => tokenInputReducer(prevState, action), cb);\n  };\n\n  private updateInputTextWidth() {\n    if (this.textHelper) {\n      // в IE текст иногда не помещается в input\n      // из-за округления, поэтому округляем явно\n      const inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));\n      const inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));\n\n      this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);\n      this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);\n    }\n  }\n\n  private handleInputFocus = (event: FocusEvent<HTMLTextAreaElement>) => {\n    this.dispatch({ type: 'SET_FOCUS_IN' });\n    this.getProps().onFocus(event);\n  };\n\n  private handleInputBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n    const isBlurToMenu = this.isBlurToMenu(event);\n\n    if (!isBlurToMenu) {\n      this.handleOutsideBlur();\n    }\n\n    if (isBlurToMenu || this.state.preventBlur) {\n      event.preventDefault();\n      // первый focus нужен для предотвращения/уменьшения моргания в других браузерах\n      this.input?.focus();\n      // в firefox не работает без второго focus\n      globalObject.requestAnimationFrame?.(() => this.input?.focus());\n      this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\n    } else {\n      this.dispatch({ type: 'BLUR' });\n      this.getProps().onBlur(event);\n    }\n  };\n\n  private handleOutsideBlur = () => {\n    const { inputValue, autocompleteItems } = this.state;\n\n    if (inputValue === '') {\n      // если стерли содержимое токена в режиме редактирования, то удаляем токен\n      if (this.isEditingMode) {\n        this.finishTokenEdit();\n      }\n      return;\n    }\n\n    // если не изменилось значение токена при редактировании\n    if (this.isEditingMode && !this.isTokenValueChanged) {\n      this.finishTokenEdit();\n      return;\n    }\n\n    // чекаем автокомплит на совпадение с введенным значением в инпут\n    if (autocompleteItems && autocompleteItems.length === 1) {\n      const item = autocompleteItems[0];\n\n      if (this.getProps().valueToString(item) === inputValue) {\n        this.isEditingMode ? this.finishTokenEdit() : this.selectItem(item);\n\n        return;\n      }\n    }\n\n    if (this.isInputChanged) {\n      this.checkForUnexpectedInput();\n    }\n  };\n\n  private get isInputChanged() {\n    if (this.isEditingMode) {\n      return this.isTokenValueChanged;\n    }\n\n    return this.isInputValueChanged;\n  }\n\n  private get isInputValueChanged() {\n    const { inputValue } = this.state;\n\n    return inputValue !== '';\n  }\n\n  private get isTokenValueChanged() {\n    const { inputValue, editingTokenIndex } = this.state;\n    const { valueToString, selectedItems } = this.getProps();\n\n    if (this.isEditingMode) {\n      return valueToString(selectedItems[editingTokenIndex]) !== inputValue;\n    }\n\n    return false;\n  }\n\n  private isBlurToMenu = (event: FocusEvent<HTMLElement>) => {\n    if (this.menuRef && globalObject.document) {\n      const menu = getRootNode(this.tokensInputMenu?.getMenuRef());\n      const relatedTarget = event.relatedTarget || globalObject.document.activeElement;\n\n      if (menu && menu.contains(relatedTarget)) {\n        return true;\n      }\n    }\n    return false;\n  };\n\n  private handleWrapperMouseDown = (event: React.MouseEvent<HTMLElement>) => {\n    this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });\n    const target = event.target as HTMLElement;\n    const isClickOnToken = target && this.wrapper?.contains(target) && target !== this.wrapper && target !== this.input;\n    if (!isClickOnToken) {\n      this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n    }\n  };\n\n  private handleWrapperMouseUp = () => {\n    this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\n  };\n\n  private handleCopy = (event: any) => {\n    if (!this.state.inFocus || this.state.activeTokens.length === 0 || this.isCursorVisible) {\n      return;\n    }\n    event.preventDefault();\n    const { selectedItems, valueToString, delimiters } = this.getProps();\n    // упорядочивание токенов по индексу\n    const tokens = this.state.activeTokens\n      .map((token) => selectedItems.indexOf(token))\n      .sort()\n      .map((index) => selectedItems[index])\n      .map((item) => valueToString(item));\n    event.clipboardData.setData('text/plain', tokens.join(delimiters[0]));\n  };\n\n  private handleInputPaste = (event: React.ClipboardEvent<HTMLElement>) => {\n    if (this.type === TokenInputType.WithReference || !event.clipboardData) {\n      return;\n    }\n    const paste = event.clipboardData.getData('text');\n    const { delimiters, selectedItems, valueToItem, onValueChange } = this.getProps();\n    if (delimiters.some((delimiter) => paste.includes(delimiter))) {\n      event.preventDefault();\n      event.stopPropagation();\n      const tokens = paste.trim().split(new RegExp(`[${delimiters.join('')}]+`));\n      const items = tokens\n        .filter(Boolean)\n        .map((token) => valueToItem(token))\n        .filter((item) => item && !this.hasValueInItems(selectedItems, item));\n      const newItems = selectedItems.concat(items);\n      onValueChange(newItems);\n\n      this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\n      this.tryGetItems();\n    }\n  };\n\n  private tryGetItems = async (query = '') => {\n    if (this.props.getItems && (this.state.inputValue !== '' || !this.props.hideMenuIfEmptyInputValue)) {\n      this.dispatch({ type: 'SET_LOADING', payload: true });\n      const autocompleteItems = await this.props.getItems(query);\n      this.dispatch({ type: 'SET_LOADING', payload: false });\n\n      const { selectedItems, valueToItem, valueToString } = this.getProps();\n      const isSelectedItem = (item: T) => this.hasValueInItems(selectedItems, item);\n      const isEditingItem = (item: T) => {\n        const editingItem = selectedItems[this.state.editingTokenIndex];\n        return !!editingItem && isEqual(item, editingItem);\n      };\n\n      const autocompleteItemsUnique = autocompleteItems.filter((item) => !isSelectedItem(item) || isEditingItem(item));\n\n      if (this.isEditingMode) {\n        const editingItem = selectedItems[this.state.editingTokenIndex];\n        if (\n          isEqual(editingItem, valueToItem(this.state.inputValue)) &&\n          !this.hasValueInItems(autocompleteItemsUnique, editingItem)\n        ) {\n          autocompleteItemsUnique.unshift(editingItem);\n        }\n      }\n\n      if (query === '' || this.state.inputValue !== '') {\n        this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: autocompleteItemsUnique }, () => {\n          LayoutEvents.emit();\n          this.highlightMenuItem();\n        });\n      }\n      const selectItemIndex = autocompleteItemsUnique.findIndex(\n        (item) => valueToString(item).toLowerCase() === this.state.inputValue.toLowerCase(),\n      );\n      setTimeout(() => this.menuRef?.highlightItem(selectItemIndex < 0 ? 0 : selectItemIndex), 0);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (this.isCursorVisible) {\n      this.handleInputKeyDown(event);\n    } else {\n      this.handleWrapperKeyDown(event);\n    }\n  };\n\n  private handleInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    e.stopPropagation();\n\n    if (\n      (this.type !== TokenInputType.WithReference &&\n        this.getProps().delimiters.some((key) => key === e.key || (key === ',' && isKeyComma(e)))) ||\n      (isKeyEnter(e) && this.type === TokenInputType.WithoutReference)\n    ) {\n      e.preventDefault();\n      const newValue = this.state.inputValue;\n      if (newValue !== '') {\n        if (this.isEditingMode) {\n          this.finishTokenEdit();\n        } else {\n          this.handleAddItem();\n        }\n      }\n    }\n    const isRightmostTokenNotDisabled = !this.isTokenDisabled(this.getProps().selectedItems.length - 1);\n    switch (true) {\n      case isKeyEnter(e):\n        if (this.menuRef) {\n          this.menuRef.enter(e);\n        }\n        // don't allow textarea\n        // became multiline\n        e.preventDefault();\n        break;\n      case isKeyArrowVertical(e):\n        e.preventDefault();\n        if (this.menuRef) {\n          if (isKeyArrowUp(e)) {\n            this.menuRef.up();\n          } else {\n            this.menuRef.down();\n          }\n        }\n        break;\n      case isKeyEscape(e):\n        this.input?.blur();\n        break;\n      case isKeyBackspace(e):\n        if (!this.isEditingMode && isRightmostTokenNotDisabled) {\n          this.moveFocusToLastToken();\n        }\n        break;\n      case isKeyArrowLeft(e):\n        if (this.input?.selectionStart === 0) {\n          const index = this.getAvailableTokenIndex(this.getProps().selectedItems.length);\n          const itemNew = this.getProps().selectedItems[index];\n          if (itemNew) {\n            this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\n          }\n        }\n        break;\n    }\n  };\n\n  private moveFocusToLastToken() {\n    const items = this.getProps().selectedItems;\n    if (this.state.inputValue === '' && items && items.length > 0) {\n      this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });\n    }\n  }\n\n  private focusInput = () => {\n    globalObject.requestAnimationFrame?.(() => this.input?.focus());\n  };\n\n  private selectInputText = () => {\n    if (this.input) {\n      this.input.setSelectionRange(0, this.state.inputValue.length);\n    }\n  };\n\n  private handleWrapperKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n    const { selectedItems, onValueChange } = this.getProps();\n    switch (true) {\n      case isKeyBackspace(e):\n      case isKeyDelete(e): {\n        const indexOfActiveToken = this.getProps().selectedItems.indexOf(\n          this.state.activeTokens[this.state.activeTokens.length - 1],\n        );\n        if (!this.isEditingMode && !this.isTokenDisabled(indexOfActiveToken)) {\n          const itemsNew = selectedItems.filter((item) => !this.hasValueInItems(this.state.activeTokens, item));\n          onValueChange(itemsNew);\n          this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => {\n            LayoutEvents.emit();\n            this.input?.focus();\n          });\n        }\n        break;\n      }\n      case isKeyArrowHorizontal(e):\n        this.handleWrapperArrows(e);\n        break;\n      case isKeyEscape(e):\n        this.wrapper?.blur();\n        break;\n      case isKeyEnter(e):\n        e.preventDefault();\n        if (this.state.activeTokens.length === 1) {\n          this.handleTokenEdit(this.state.activeTokens[0]);\n        }\n        break;\n      case isShortcutSelectAll(e):\n        e.preventDefault();\n        this.dispatch({\n          type: 'SET_ACTIVE_TOKENS',\n          payload: selectedItems.filter((item) => !this.isTokenDisabled(selectedItems.indexOf(item))),\n        });\n        break;\n    }\n  };\n\n  private handleWrapperArrows = (e: KeyboardEvent<HTMLElement>) => {\n    e.preventDefault();\n    const selectedItems = this.getProps().selectedItems;\n    const activeTokens = this.state.activeTokens;\n    const activeItemIndex = selectedItems.indexOf(activeTokens[0]);\n    const newItemIndex = this.getAvailableTokenIndex(activeItemIndex, isKeyArrowLeft(e));\n    const isLeftEdge = activeItemIndex === 0 && isKeyArrowLeft(e);\n    const isRightEdge = newItemIndex === selectedItems.length && isKeyArrowRight(e);\n    if (!e.shiftKey && activeTokens.length === 1) {\n      this.handleWrapperArrowsWithoutShift(isLeftEdge, isRightEdge, newItemIndex);\n    } else {\n      this.handleWrapperArrowsWithShift(isLeftEdge, isRightEdge, newItemIndex);\n    }\n  };\n\n  private handleWrapperArrowsWithoutShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\n    if (isRightEdge) {\n      this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => this.input?.focus());\n    } else if (!isLeftEdge) {\n      this.dispatch({\n        type: 'SET_ACTIVE_TOKENS',\n        payload: [this.getProps().selectedItems[newItemIndex]],\n      });\n    }\n  };\n\n  private handleWrapperArrowsWithShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\n    if (!isLeftEdge && !isRightEdge) {\n      const itemNew = this.getProps().selectedItems[newItemIndex];\n      const itemsNew = [itemNew, ...this.state.activeTokens.filter((item) => !isEqual(item, itemNew))];\n      this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: itemsNew });\n    }\n  };\n\n  private handleValueChange = (items: T[]) => {\n    this.getProps().onValueChange(items);\n  };\n\n  private handleAddItem = () => {\n    const item = this.getProps().valueToItem(this.state.inputValue);\n    if (item) {\n      this.selectItem(item);\n    }\n  };\n\n  private selectItem = (item: T) => {\n    const { selectedItems, valueToString } = this.getProps();\n    if (this.isEditingMode) {\n      this.dispatch({ type: 'UPDATE_QUERY', payload: valueToString(item) }, this.finishTokenEdit);\n    } else if (!this.hasValueInItems(selectedItems, item)) {\n      this.handleValueChange(selectedItems.concat([item]));\n      this.dispatch({ type: 'CLEAR_INPUT' });\n      this.tryGetItems();\n    }\n  };\n\n  private handleRemoveToken = (item: T) => {\n    this.props.onValueChange?.(this.getProps().selectedItems.filter((_) => !isEqual(_, item)));\n    const filteredActiveTokens = this.state.activeTokens.filter((_) => !isEqual(_, item));\n\n    this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: filteredActiveTokens });\n    if (filteredActiveTokens.length === 0) {\n      this.focusInput();\n    }\n\n    this.tryGetItems();\n  };\n\n  private handleTokenClick = (event: React.MouseEvent<HTMLElement>, itemNew: T) => {\n    const items = this.state.activeTokens;\n    if (event.ctrlKey) {\n      const newItems = this.hasValueInItems(this.state.activeTokens, itemNew)\n        ? items.filter((item) => !isEqual(item, itemNew))\n        : [...items, itemNew];\n      this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: newItems });\n    } else {\n      this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\n    }\n    this.focusInput();\n  };\n\n  private handleTokenEdit = (itemNew: T) => {\n    const { selectedItems, valueToString } = this.getProps();\n    const editingTokenIndex = selectedItems.findIndex((item) => item === itemNew);\n    this.dispatch({ type: 'SET_EDITING_TOKEN_INDEX', payload: editingTokenIndex });\n\n    if (this.state.inputValue !== '') {\n      if (this.state.reservedInputValue === undefined) {\n        this.dispatch({ type: 'SET_TEMPORARY_QUERY', payload: this.state.inputValue });\n      }\n    }\n    this.dispatch({ type: 'UPDATE_QUERY', payload: valueToString(itemNew) }, this.selectInputText);\n    this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n\n    this.tryGetItems();\n  };\n\n  private finishTokenEdit = () => {\n    const selectedItems = this.getProps().selectedItems;\n    const { editingTokenIndex, inputValue, reservedInputValue } = this.state;\n    const editedItem = this.getProps().valueToItem(inputValue);\n    const newItems = selectedItems.concat([]);\n\n    if (!this.hasValueInItems(selectedItems, editedItem)) {\n      newItems.splice(editingTokenIndex, 1, ...(inputValue !== '' ? [editedItem] : []));\n      this.handleValueChange(newItems);\n    }\n\n    this.dispatch({ type: 'REMOVE_EDITING_TOKEN_INDEX' });\n\n    if (reservedInputValue) {\n      this.dispatch({ type: 'UPDATE_QUERY', payload: reservedInputValue });\n      this.dispatch({ type: 'REMOVE_TEMPORARY_QUERY' });\n    } else {\n      this.dispatch({ type: 'CLEAR_INPUT' });\n    }\n\n    if (newItems.length === selectedItems.length) {\n      this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [newItems[editingTokenIndex]] });\n    }\n  };\n\n  private checkForUnexpectedInput = () => {\n    const { inputValue } = this.state;\n    const { onUnexpectedInput } = this.props;\n\n    if (onUnexpectedInput) {\n      // чекаем не возвращает ли что-нибудь обработчик\n      const returnedValue = onUnexpectedInput(inputValue);\n\n      if (returnedValue === undefined) {\n        return;\n      }\n\n      if (returnedValue === null) {\n        this.dispatch({ type: 'CLEAR_INPUT' }, () => {\n          if (this.isEditingMode) {\n            this.finishTokenEdit();\n          }\n        });\n\n        return;\n      }\n\n      if (returnedValue) {\n        this.selectItem(returnedValue);\n      }\n    }\n  };\n\n  private handleChangeInputValue = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n    let query = event.target.value.trimLeft();\n\n    if (query.endsWith(' ')) {\n      query = query.trimRight() + ' ';\n    }\n    if (this.state.inputValue !== '' && query === '') {\n      this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\n    }\n    this.dispatch({ type: 'UPDATE_QUERY', payload: query }, () => {\n      this.tryGetItems(query);\n    });\n    if (this.props.onInputValueChange) {\n      this.props.onInputValueChange(query);\n    }\n  };\n\n  private highlightMenuItem = () => {\n    if (\n      this.menuRef &&\n      this.state.autocompleteItems &&\n      this.state.autocompleteItems.length > 0 &&\n      this.type !== TokenInputType.Combined\n    ) {\n      this.menuRef.highlightItem(0);\n    }\n  };\n\n  private renderTokensStart = () => {\n    const { editingTokenIndex } = this.state;\n    const selectedItems = this.getProps().selectedItems;\n    const delimiter = editingTokenIndex >= 0 ? editingTokenIndex : selectedItems.length;\n    return selectedItems.slice(0, delimiter).map(this.renderToken);\n  };\n\n  private renderTokensEnd = () => {\n    if (this.state.editingTokenIndex >= 0) {\n      return this.getProps()\n        .selectedItems.slice(this.state.editingTokenIndex + 1)\n        .map(this.renderToken);\n    }\n  };\n\n  private renderToken = (item: T) => {\n    const { renderToken = defaultRenderToken, disabled, size } = this.props;\n\n    const isActive = this.state.activeTokens.includes(item);\n\n    // TODO useCallback\n    const handleIconClick: React.MouseEventHandler<HTMLElement> = (event) => {\n      event.stopPropagation();\n      if (!this.isEditingMode) {\n        this.handleRemoveToken(item);\n      }\n    };\n\n    // TODO useCallback\n    const handleTokenClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n      event.stopPropagation();\n      if (!this.isEditingMode) {\n        this.handleTokenClick(event, item);\n      }\n    };\n\n    const handleTokenDoubleClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n      event.stopPropagation();\n      if (!this.isEditingMode && !disabled) {\n        this.handleTokenEdit(item);\n      }\n    };\n\n    const renderedToken = renderToken(item as T & AnyObject, {\n      size,\n      isActive,\n      onClick: handleTokenClick,\n      onDoubleClick: handleTokenDoubleClick,\n      onRemove: handleIconClick,\n      disabled,\n    });\n\n    this.memoizedTokens.set(this.props.selectedItems?.indexOf(item), renderedToken);\n    return renderedToken;\n  };\n\n  private renderAddButton = (value = this.state.inputValue): React.ReactNode | undefined => {\n    if (!this.showAddItemHint) {\n      return;\n    }\n\n    if (this.props.renderAddButton) {\n      return this.props.renderAddButton(value, this.handleAddItem);\n    }\n\n    const { addButtonComment, addButtonTitle } = this.locale;\n\n    return (\n      <MenuItem onClick={this.handleAddItem} comment={addButtonComment} key=\"renderAddButton\">\n        {addButtonTitle} {value}\n      </MenuItem>\n    );\n  };\n\n  private isTokenDisabled = (itemIndex: number) => {\n    let renderedToken;\n    if (this.memoizedTokens.has(itemIndex)) {\n      renderedToken = this.memoizedTokens.get(itemIndex);\n    } else if (itemIndex < 0 || itemIndex > this.getProps().selectedItems.length - 1) {\n      return false;\n    } else {\n      renderedToken = this.renderToken(this.getProps().selectedItems[itemIndex]) as React.ReactElement<\n        TokenInputProps<unknown>\n      >;\n    }\n    return renderedToken.props.disabled;\n  };\n\n  private getAvailableTokenIndex = (startIndex: number, isDirectionLeft = true) => {\n    const { selectedItems } = this.getProps();\n    const step = isDirectionLeft ? -1 : +1;\n    let availableIndex = startIndex + step;\n\n    while (this.isTokenDisabled(availableIndex)) {\n      availableIndex += step;\n      if (availableIndex === selectedItems.length) {\n        return availableIndex;\n      } else if (availableIndex === -1) {\n        return startIndex;\n      }\n    }\n\n    return availableIndex;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/TokenInput/TokenInput.md

@@ -0,0 +1,277 @@
+### Базовый пример
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+
+const [selectedItems, setSelectedItems] = React.useState([]);
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+const getItems = q =>
+  Promise.resolve(
+    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
+      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString() === q,
+    ),
+  ).then(delay(500));
+
+<div style={{ width: '300px' }}>
+  <TokenInput
+    type={TokenInputType.Combined}
+    getItems={getItems}
+    selectedItems={selectedItems}
+    onValueChange={setSelectedItems}
+    renderToken={(item, tokenProps) => (
+      <Token key={item.toString()} {...tokenProps}>
+        {item}
+      </Token>
+    )}
+  />
+</div>;
+```
+
+### Размер
+
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+
+const [selectedItems, setSelectedItems] = React.useState([]);
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+const getItems = q =>
+  Promise.resolve(
+    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
+      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
+    ),
+  ).then(delay(500));
+
+<div style={{ width: '300px' }}>
+  <TokenInput
+    size={'small'}
+    getItems={getItems}
+    selectedItems={selectedItems}
+    onValueChange={setSelectedItems}
+  />
+  <TokenInput
+    size={'medium'}
+    getItems={getItems}
+    selectedItems={selectedItems}
+    onValueChange={setSelectedItems}
+  />
+  <TokenInput
+    size={'large'}
+    getItems={getItems}
+    selectedItems={selectedItems}
+    onValueChange={setSelectedItems}
+  />
+</div>;
+```
+
+### Заблокированный TokenInput с кастомными Token
+
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+
+const [selectedItems, setSelectedItems] = React.useState(['aaa', 'bbb', 'ccc']);
+
+async function getItems(query) {
+  return ['aaa', 'bbb', 'ccc'].filter((s) => s.includes(query));
+};
+
+<TokenInput
+  disabled
+  type={TokenInputType.Combined}
+  getItems={getItems}
+  selectedItems={selectedItems}
+  onValueChange={setSelectedItems}
+  renderToken={(item, tokenProps) => (
+    <Token key={item.toString()} {...tokenProps} disabled={item === 'bbb' || tokenProps.disabled} >
+      {item}
+    </Token>
+  )}
+/>
+```
+
+### Ограничение количества токенов в выпадающем списке
+
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+const { cities } = require('../ComboBox/__mocks__/cities');
+
+const maxItems = 5;
+
+const [totalCount, setTotalCount] = React.useState(cities.length);
+const [value, setValue] = React.useState([]);
+
+const getItems = (query) => {
+  const items = cities
+    .map((x) => x.City)
+    .filter((x) => x.toLowerCase().includes(query.toLowerCase()) || x.toString() === query);
+  const result = items.slice(0, maxItems);
+  setTotalCount(items.length);
+
+  return Promise.resolve(result).then(delay(500));
+};
+
+const renderTotalCount = (foundCount, totalCount) => (
+  <span>
+    Показано {foundCount} из {totalCount} найденных городов
+  </span>
+);
+
+<div style={{ width: "300px" }}>
+  <TokenInput
+    type={TokenInputType.Combined}
+    selectedItems={value}
+    onValueChange={setValue}
+    getItems={getItems}
+    placeholder="Начните вводить название"
+    renderTotalCount={renderTotalCount}
+    totalCount={totalCount}
+  />
+</div>
+```
+
+### Кастомный тип элементов меню
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+
+const [selectedItems, setSelectedItems] = React.useState([]);
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+const getGenericItems = () => [
+  { id: '111', value: 'aaa' },
+  { id: '222', value: 'bbb' },
+  { id: '333', value: 'ccc' },
+  { id: '444', value: 'ddd' },
+];
+const renderItem = (item) => item.value;
+const renderValue = (value) => value.value;
+const valueToItem = (item) => ({
+  value: item,
+});
+const getModelItems = async (query) => {
+  await delay(400);
+  return getGenericItems().filter((s) => s.value.includes(query));
+}
+
+<div style={{ width: '300px' }}>
+  <TokenInput
+    selectedItems={selectedItems}
+    renderItem={renderItem}
+    renderValue={renderValue}
+    valueToItem={valueToItem}
+    valueToString={renderValue}
+    getItems={getModelItems}
+    onValueChange={setSelectedItems}
+    placeholder="placeholder"
+    type={TokenInputType.Combined}
+    renderToken={(item, tokenProps) => (
+      <Token
+        key={item.id}
+        {...tokenProps}
+      >
+        {item.value}
+      </Token>
+    )}
+  />
+</div>;
+```
+
+### Дебаунс функции getItems
+
+Функция debounce из lodash некорректно работает с async/promise, поэтому лучше использовать кастомную функцию, как в примере ниже.
+
+```jsx harmony
+import { TokenInput } from "@skbkontur/react-ui";
+import { TokenInputType } from "@skbkontur/react-ui/components/TokenInput";
+
+const [value, setValue] = React.useState([]);
+
+function debounceAsync(callback, wait) {
+  let timeoutId = null;
+
+  return (...args) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+
+    return new Promise((resolve) => {
+      const timeoutPromise = new Promise((resolve) => {
+        timeoutId = setTimeout(resolve, wait);
+      });
+      timeoutPromise.then(async () => {
+        resolve(await callback(...args));
+      });
+    });
+  };
+}
+
+const items = ["kon", "kod", "kof", "kor", "kos"];
+
+const getItems = async (query) => {
+  console.log("query: ", query);
+  return items.filter((item) => item.includes(query));
+};
+
+<TokenInput
+  style={{ width: "300px" }}
+  type={TokenInputType.Combined}
+  selectedItems={value}
+  onValueChange={setValue}
+  getItems={debounceAsync(getItems, 300)}
+  placeholder="Начните вводить название"
+/>
+```
+
+### Типизированная версия функции
+
+```typescript static
+function debounceAsync<T, Callback extends (...args: any[]) => Promise<T>>(
+  callback: Callback,
+  wait: number,
+): (...args: Parameters<Callback>) => Promise<T> {
+  let timeoutId: number | null = null;
+
+  return (...args: any[]) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+
+    return new Promise<T>((resolve) => {
+      const timeoutPromise = new Promise<void>((resolve) => {
+        timeoutId = setTimeout(resolve, wait);
+      });
+      timeoutPromise.then(async () => {
+        resolve(await callback(...args));
+      });
+    });
+  };
+}
+```
+
+### Локали по умолчанию
+
+```typescript static
+interface TokenInputLocale {
+  addButtonComment?: string;
+  addButtonTitle?: string;
+}
+
+const ru_RU = {
+  addButtonComment: 'Нажмите запятую',
+  addButtonTitle: 'Добавить',
+};
+
+const en_GB = {
+  addButtonComment: 'Type comma',
+  addButtonTitle: 'Add',
+};
+```

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

@@ -0,0 +1,2 @@
+export declare const labelSizeMixin: (tokenInputPaddingY: string, tokenInputPaddingX: string) => string;
+export declare const inputSizeMixin: (fontSize: string, lineHeight: string) => string;

package/cjs/components/TokenInput/TokenInput.mixins.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.labelSizeMixin = exports.inputSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
+
+var labelSizeMixin = exports.labelSizeMixin = function labelSizeMixin(tokenInputPaddingY, tokenInputPaddingX) {
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", " ", ";\n  "])),
+  tokenInputPaddingY, tokenInputPaddingX);
+
+};
+
+var inputSizeMixin = exports.inputSizeMixin = function inputSizeMixin(fontSize, lineHeight) {
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    height: ", ";\n    line-height: ", ";\n  "])),
+  fontSize,
+  lineHeight,
+  lineHeight);
+
+};

package/cjs/components/TokenInput/TokenInput.mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","labelSizeMixin","exports","tokenInputPaddingY","tokenInputPaddingX","css","_taggedTemplateLiteralLoose2","default","inputSizeMixin","fontSize","lineHeight"],"sources":["TokenInput.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const labelSizeMixin = (tokenInputPaddingY: string, tokenInputPaddingX: string) => {\n  return css`\n    padding: ${tokenInputPaddingY} ${tokenInputPaddingX};\n  `;\n};\n\nexport const inputSizeMixin = (fontSize: string, lineHeight: string) => {\n  return css`\n    font-size: ${fontSize};\n    height: ${lineHeight};\n    line-height: ${lineHeight};\n  `;\n};\n"],"mappings":"qTAAA,IAAAA,QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA,EAAAC,gBAAA;;AAEzC,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,kBAA0B,EAAEC,kBAA0B,EAAK;EACxF,WAAOC,YAAG,EAAAN,eAAA,KAAAA,eAAA,OAAAO,4BAAA,CAAAC,OAAA;EACGJ,kBAAkB,EAAIC,kBAAkB;;AAEvD,CAAC;;AAEM,IAAMI,cAAc,GAAAN,OAAA,CAAAM,cAAA,GAAG,SAAjBA,cAAcA,CAAIC,QAAgB,EAAEC,UAAkB,EAAK;EACtE,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;EACKE,QAAQ;EACXC,UAAU;EACLA,UAAU;;AAE7B,CAAC","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    label(t: Theme): string;
+    labelSmall(t: Theme): string;
+    labelMedium(t: Theme): string;
+    labelLarge(t: Theme): string;
+    hovering(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    labelFocused(t: Theme): string;
+    labelDisabled(t: Theme): string;
+    input(t: Theme): string;
+    inputSmall(t: Theme): string;
+    inputMedium(t: Theme): string;
+    inputLarge(t: Theme): string;
+    inputDisabled(t: Theme): string;
+    inputPlaceholderWrapper(): string;
+    reservedInput(t: Theme): string;
+};