@skbkontur/react-ui 0.0.0-38b6d1ada0 → 0.0.0-444dd4e7b3

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TokenInput.tsx"],"names":["TEMP_FAKE_FLAG","TokenInputType","DefaultState","inputValue","reservedInputValue","undefined","autocompleteItems","activeTokens","editingTokenIndex","inFocus","loading","preventBlur","inputValueWidth","inputValueHeight","TokenInputDataTids","root","tokenInputMenu","label","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","onDoubleClick","onRemove","disabled","TokenInput","TokenInputLocaleHelper","rootNode","state","textareaId","rootId","PopupIds","input","tokensInputMenu","textHelper","wrapper","memoizedTokens","Map","hasValueInItems","items","value","includes","some","inputRef","node","tokensInputMenuRef","textHelperRef","wrapperRef","dispatch","action","cb","setState","prevState","handleInputFocus","event","type","getProps","onFocus","handleInputBlur","isBlurToMenu","handleOutsideBlur","preventDefault","focus","globalObject","requestAnimationFrame","payload","onBlur","isEditingMode","finishTokenEdit","isTokenValueChanged","length","valueToString","selectItem","isInputChanged","checkForUnexpectedInput","menuRef","document","menu","getMenuRef","relatedTarget","activeElement","contains","handleWrapperMouseDown","target","isClickOnToken","handleWrapperMouseUp","handleCopy","isCursorVisible","selectedItems","delimiters","tokens","map","token","indexOf","sort","index","clipboardData","setData","join","handleInputPaste","WithReference","paste","getData","valueToItem","onValueChange","delimiter","stopPropagation","trim","split","RegExp","filter","Boolean","newItems","concat","tryGetItems","query","props","getItems","hideMenuIfEmptyInputValue","isSelectedItem","isEditingItem","editingItem","autocompleteItemsUnique","unshift","LayoutEvents","emit","highlightMenuItem","selectItemIndex","findIndex","toLowerCase","highlightItem","handleKeyDown","handleInputKeyDown","handleWrapperKeyDown","e","key","WithoutReference","newValue","handleAddItem","isRightmostTokenNotDisabled","isTokenDisabled","enter","up","down","blur","moveFocusToLastToken","selectionStart","getAvailableTokenIndex","itemNew","focusInput","selectInputText","setSelectionRange","indexOfActiveToken","itemsNew","handleWrapperArrows","handleTokenEdit","activeItemIndex","newItemIndex","isLeftEdge","isRightEdge","shiftKey","handleWrapperArrowsWithoutShift","handleWrapperArrowsWithShift","handleValueChange","handleRemoveToken","_","filteredActiveTokens","handleTokenClick","ctrlKey","editedItem","splice","onUnexpectedInput","returnedValue","handleChangeInputValue","trimLeft","endsWith","trimRight","onInputValueChange","Combined","renderTokensStart","slice","renderToken","renderTokensEnd","handleIconClick","handleTokenDoubleClick","renderedToken","set","renderAddButton","showAddItemHint","locale","addButtonComment","addButtonTitle","itemIndex","has","get","startIndex","isDirectionLeft","step","availableIndex","getDelimiters","every","featureFlags","tokenInputRemoveWhitespaceFromDefaultDelimiters","propsGetter","defaultProps","propsWithOldDelimiters","apply","componentDidMount","updateInputTextWidth","addEventListener","autoFocus","componentDidUpdate","prevProps","clear","isCursorVisibleForState","componentWillUnmount","removeEventListener","render","flags","theme","renderMain","Error","maxMenuHeight","error","warning","placeholder","renderNotFound","inputMode","renderTotalCount","totalCount","ariaDescribedby","ariaLabel","width","onMouseEnter","onMouseLeave","menuWidth","menuAlign","renderItem","showMenu","lineHeight","parseInt","tokenInputLineHeight","inputInlineStyles","height","Math","max","flex","caretColor","labelClassName","styles","hovering","labelDisabled","labelFocused","inputClassName","inputDisabled","inputEditing","setRootNode","helperText","helperTextEditing","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","isInputValueChanged","React","PureComponent","__KONTUR_REACT_UI__","renderValue","toKey","emptyHandler"],"mappings":"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","sourcesContent":["import React, {\n  AriaAttributes,\n  ChangeEvent,\n  FocusEvent,\n  FocusEventHandler,\n  KeyboardEvent,\n  MouseEventHandler,\n  ReactNode,\n} 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 { Menu } from '../../internal/Menu';\nimport { Token, TokenProps } from '../Token';\nimport { MenuItemState } from '../MenuItem';\nimport { AnyObject, emptyHandler, getRandomID } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { locale } from '../../lib/locale/decorators';\nimport { MenuItem } from '../MenuItem/MenuItem';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { getUid } from '../../lib/uidUtils';\nimport {\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n  getFullReactUIFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { TokenInputLocale, TokenInputLocaleHelper } from './locale';\nimport { styles } from './TokenInput.styles';\nimport { TokenInputAction, 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> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, CommonProps {\n  /**\n   * Выбранные токены, которые будут отображаться в поле ввода\n   */\n  selectedItems?: T[];\n  /**\n   * Вызывается при добавлении нового токена\n   */\n  onValueChange?: (items: T[]) => void;\n  onMouseEnter?: MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: MouseEventHandler<HTMLDivElement>;\n  onFocus?: FocusEventHandler<HTMLTextAreaElement>;\n  onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n  autoFocus?: boolean;\n  /**\n   * Тип инпута. Возможные значения:\n   *\n   *   `TokenInputType.WithReference` (можно выбирать токены только из предложенных, нельзя добавить новые)\n   *\n   *   `TokenInputType.WithoutReference` (можно добавлять токены, но нельзя выбирать)\n   *\n   *   `TokenInputType.Combined` (можно и выбирать, и добавлять)\n   */\n  type?: TokenInputType;\n  /**\n   * Ширина выпадающего меню может быть указана как 'auto'\n   * а также в пикселях, процентах (от ширины инпута)\n   * или других конкретных единицах\n   *\n   * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'\n   * (по ширине текста)\n   */\n  menuWidth?: React.CSSProperties['width'];\n  /**\n   * Определяет выравнивание меню. Принимает значения `left` и `cursor`\n   */\n  menuAlign?: TokenInputMenuAlign;\n  /**\n   * Функция поиска элементов, должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются строки.\n   *\n   * Элементы могут быть любого типа. В этом случае необходимо определить\n   * свойства `renderItem`, `valueToString`\n   */\n  getItems?: (query: string) => Promise<T[]>;\n  /**\n   * Скрывает меню при пустом вводе\n   */\n  hideMenuIfEmptyInputValue?: boolean;\n  /**\n   * Позволяет настроить отображение элемента списка\n   */\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode | null;\n  /**\n   * Позволяет настроить отображение выбранного значения\n   */\n  renderValue?: (item: T) => React.ReactNode;\n  /**\n   * Функция должна возвращать строковое представление токена\n   * @default item => item\n   */\n  valueToString?: (item: T) => string;\n  /**\n   * Функция отображающая сообщение об общем количестве элементов.\n   * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n   */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  /**\n   * Общее количество элементов.\n   * Необходим для работы `renderTotalCount`\n   */\n  totalCount?: number;\n  /**\n   * Отображает заданное содержимое, если ничего не найдено. Работает если не рендерится `AddButton`\n   */\n  renderNotFound?: () => React.ReactNode;\n  /**\n   * Преобразует значение в элемент списка\n   */\n  valueToItem?: (item: string) => T;\n  /**\n   * Определяет уникальный ключ по элементу\n   */\n  toKey?: (item: T) => string | number | undefined;\n  placeholder?: string;\n  /**\n   * Символы, которые разделяют введённый текст на токены\n   */\n  delimiters?: string[];\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  maxMenuHeight?: number | string;\n  /**\n   * Позволяет настроить отображение токена, предоставляя возможность кастомизации внешнего вида и поведения токена\n   */\n  renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\n  /**\n   * Вызывается при изменении текста в поле ввода,\n   */\n  onInputValueChange?: (value: string) => void;\n  /**\n   * Функция отрисовки кнопки добавления в выпадающем списке.\n   * Работает только когда тип инпута = `TokenInputType.Combined`\n   */\n  renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;\n  /**\n   * Функция для обработки ситуации, когда была введена\n   * строка в инпут и был потерян фокус с компонента\n   *\n   * Функция срабатывает с аргументом инпута строки\n   *\n   * Если при потере фокуса в выпадающем списке будет только один\n   * элемент и  результат `valueToString` с этим элементом будет\n   * совпадать со значение в текстовом поле, то\n   * сработает `onValueChange` со значением данного элемента\n   *\n   * Сама функция также может вернуть значение,\n   * неравное `undefined`, с которым будет вызван `onValueChange`.\n   * Если возвращаемое значение будет равно `null`,\n   * то сработает очистка текущего значения инпута,\n   * а в режиме редактирования токен будет удален\n   */\n  onUnexpectedInput?: (value: string) => void | null | undefined | T;\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  >\n>;\n\nconst defaultToKey = <T extends AnyObject>(item: T): string => item.toString();\nconst identity = <T extends unknown>(item: T): T => item;\nconst defaultRenderToken = <T extends AnyObject>(\n  item: T,\n  { isActive, onClick, onDoubleClick, onRemove, disabled }: 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  >\n    {item}\n  </Token>\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\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  };\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    if (this.featureFlags.tokenInputRemoveWhitespaceFromDefaultDelimiters) {\n      return delimiters.filter((delimiter) => delimiter !== ' ' && delimiter !== TEMP_FAKE_FLAG);\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  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 featureFlags!: ReactUIFeatureFlags;\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      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\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      placeholder,\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      inputValue,\n      reservedInputValue,\n      autocompleteItems,\n      loading,\n      inputValueHeight,\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 lineHeight = parseInt(theme.tokenInputLineHeight, 10) || 0;\n\n    const inputInlineStyles: React.CSSProperties = {\n      // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости\n      width: inputValueWidth,\n      height: Math.max(lineHeight, inputValueHeight),\n      // input растягивается на всю ширину чтобы placeholder не обрезался\n      flex: selectedItems && selectedItems.length === 0 ? 1 : undefined,\n      // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее\n      caretColor: this.isCursorVisible ? undefined : 'transparent',\n    };\n\n    const labelClassName = cx(styles.label(theme), {\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), {\n      [styles.inputDisabled(theme)]: !!disabled,\n      [styles.inputEditing(theme)]: this.isEditingMode,\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              classHelp={cx(styles.helperText(theme), {\n                [styles.helperTextEditing(theme)]: this.isEditingMode,\n              })}\n              text={inputValue}\n              theme={this.theme}\n            />\n            {this.renderTokensStart()}\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={selectedItems.length > 0 ? undefined : 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            {showMenu && (\n              <TokenInputMenu\n                popupMenuId={this.rootId}\n                ref={this.tokensInputMenuRef}\n                items={autocompleteItems}\n                loading={loading}\n                opened={showMenu}\n                maxMenuHeight={maxMenuHeight}\n                anchorElement={menuAlign === 'cursor' ? this.input : 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              />\n            )}\n            {this.renderTokensEnd()}\n            {this.isEditingMode ? <span className={styles.reservedInput(theme)}>{reservedInputValue}</span> : 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      if (this.menuRef) {\n        this.menuRef.highlightItem(selectItemIndex < 0 ? 0 : selectItemIndex);\n      }\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 } = 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      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"]}

package/cjs/components/TokenInput/TokenInput.md

@@ -0,0 +1,267 @@
+```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));
+
+const tokenColors = {
+  First: {
+    idle: 'grayIdle',
+    active: 'grayActive',
+  },
+  Second: {
+    idle: 'blueIdle',
+    active: 'blueActive',
+  },
+  Third: {
+    idle: 'greenIdle',
+    active: 'greenActive',
+  },
+  Fourth: {
+    idle: 'yellowIdle',
+    active: 'yellowActive',
+  },
+  Fifth: {
+    idle: 'redIdle',
+    active: 'redActive',
+  },
+  Sixth: {
+    idle: 'white',
+    active: 'black',
+  },
+  default: {
+    idle: 'defaultIdle',
+    active: 'defaultActive',
+  },
+};
+
+<div style={{ width: '300px' }}>
+  <TokenInput
+    type={TokenInputType.Combined}
+    getItems={getItems}
+    selectedItems={selectedItems}
+    onValueChange={setSelectedItems}
+    renderToken={(item, tokenProps) => (
+      <Token key={item.toString()} colors={tokenColors[item] || tokenColors.default} {...tokenProps}>
+        {item}
+      </Token>
+    )}
+  />
+</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, MenuHeader } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+import { Promise } from 'es6-promise';
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+const cities = require('../ComboBox/__mocks__/./kladr.json');
+
+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 or space',
+  addButtonTitle: 'Add',
+};
+```

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

@@ -0,0 +1,16 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    label(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;
+    helperContainer(t: Theme): string;
+    helperText(t: Theme): string;
+    helperTextEditing(t: Theme): string;
+    inputDisabled(t: Theme): string;
+    inputEditing(t: Theme): string;
+    reservedInput(t: Theme): string;
+};

package/cjs/components/TokenInput/TokenInput.styles.js

@@ -0,0 +1,189 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+
+
+var mixins = {
+  inputAndHelperCommonStyles: function inputAndHelperCommonStyles(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 ", " 0 ", ";\n      line-height: ", ";\n      font-size: ", ";\n    "])),
+    t.tokenInputInputPaddingRight, t.tokenInputInputPaddingLeft,
+    t.tokenInputLineHeight,
+    t.tokenInputFontSize);
+
+  },
+  inputAndHelperCommonEditingStyles: function inputAndHelperCommonEditingStyles(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " ", ";\n      padding: 0 ", " 0 ", ";\n      line-height: ", ";\n    "])),
+    t.tokenMarginY, t.tokenMarginX,
+    t.tokenInputInputPaddingRight, t.tokenPaddingX,
+    t.tokenLineHeight);
+
+  } };
+
+
+var styles = (0, _Emotion.memoizeStyle)({
+  label: function label(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-sizing: border-box;\n      cursor: text;\n      padding: ", " ", ";\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "])),
+    t.tokenInputBg,
+    t.tokenInputShadow,
+    t.tokenInputBorderWidth, t.tokenInputBorderColor,
+    t.tokenInputBorderTopColor,
+    t.transitionDuration, t.transitionTimingFunction,
+
+
+    t.tokenInputPaddingY, t.tokenInputPaddingX,
+
+
+
+
+
+    t.tokenInputBorderRadius);
+
+  },
+
+  hovering: function hovering(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
+
+    t.tokenInputBorderColorHover);
+
+
+  },
+
+  warning: function warning(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+    t.tokenInputBorderWidth, t.tokenInputBorderColorWarning,
+    t.tokenInputOutlineWidth, t.tokenInputBorderColorWarning);
+
+  },
+
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+    t.tokenInputBorderWidth, t.tokenInputBorderColorError,
+    t.tokenInputOutlineWidth, t.tokenInputBorderColorError);
+
+  },
+
+  labelFocused: function labelFocused(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+    t.tokenInputBorderWidth, t.tokenInputBorderColorFocus,
+    t.tokenInputOutlineWidth, t.tokenInputBorderColorFocus);
+
+  },
+
+  labelDisabled: function labelDisabled(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      background-clip: ", ";\n      border-color: ", ";\n      box-shadow: none;\n      cursor: default;\n    "])),
+    t.tokenInputDisabledBg,
+    t.inputDisabledBackgroundClip,
+    t.tokenInputDisabledBorderColor);
+
+
+
+  },
+
+  input: function input(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 0;\n      max-width: 100%;\n      width: 50px;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      margin: ", " 0 ", " 0;\n      overflow: hidden;\n      resize: none;\n      height: ", ";\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ", ";\n      box-sizing: border-box;\n      word-break: break-all;\n\n      ", ";\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:disabled::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:focus::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    "])),
+
+
+
+
+
+
+
+
+    t.tokenMarginY, t.tokenMarginY,
+
+
+    t.tokenInputLineHeight,
+
+
+
+
+    t.tokenInputTextColor,
+
+
+
+    mixins.inputAndHelperCommonStyles(t),
+
+
+
+
+
+    t.tokenInputPlaceholderColor,
+    t.tokenInputPlaceholderColor,
+
+
+    t.tokenInputPlaceholderColorDisabled,
+    t.tokenInputPlaceholderColorDisabled,
+
+
+    t.tokenInputPlaceholderColorLight,
+    t.tokenInputPlaceholderColorLight);
+
+
+
+
+
+
+
+
+
+  },
+
+  helperContainer: function helperContainer(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      padding: ", " ", ";\n      visibility: hidden;\n    "])),
+
+
+
+
+
+    t.tokenInputPaddingY, t.tokenInputPaddingX);
+
+
+  },
+
+  helperText: function helperText(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n\n      ", "\n    "])),
+
+
+
+
+
+
+
+    mixins.inputAndHelperCommonStyles(t));
+
+  },
+
+  helperTextEditing: function helperTextEditing(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      font-size: ", ";\n      padding-bottom: ", ";\n    "])),
+    mixins.inputAndHelperCommonEditingStyles(t),
+
+    t.tokenFontSize,
+    t.tokenLegacyTextShift);
+
+  },
+
+  inputDisabled: function inputDisabled(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "])),
+
+
+
+    t.tokenInputTextColorDisabled);
+
+  },
+
+  inputEditing: function inputEditing(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    mixins.inputAndHelperCommonEditingStyles(t));
+
+  },
+
+  reservedInput: function reservedInput(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 2px;\n      min-height: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      margin: ", " 0 ", " 0;\n      padding: 0 ", " 0 ", ";\n      color: ", ";\n      word-break: break-all;\n    "])),
+
+    t.tokenInputLineHeight,
+    t.tokenInputLineHeight,
+    t.tokenInputFontSize,
+    t.tokenMarginY, t.tokenMarginY,
+    t.tokenInputInputPaddingRight, t.tokenInputInputPaddingLeft,
+    t.tokenInputTextColorDisabled);
+
+
+  } });exports.styles = styles;