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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TokenInput.tsx"],"names":["React","findDOMNode","isEqual","isKeyArrowHorizontal","isKeyArrowLeft","isKeyArrowRight","isKeyArrowUp","isKeyArrowVertical","isKeyBackspace","isKeyComma","isKeyDelete","isKeyEnter","isKeyEscape","isShortcutSelectAll","LayoutEvents","Token","emptyHandler","ThemeContext","locale","MenuItem","CommonWrapper","cx","TokenInputLocaleHelper","styles","tokenInputReducer","TokenInputMenu","TextWidthHelper","TokenInputType","DefaultState","inputValue","reservedInputValue","undefined","autocompleteItems","activeTokens","editingTokenIndex","inFocus","loading","preventBlur","inputValueWidth","inputValueHeight","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","onDoubleClick","onRemove","disabled","TokenInput","state","theme","input","tokensInputMenu","textHelper","wrapper","hasValueInItems","items","value","includes","some","inputRef","node","tokensInputMenuRef","textHelperRef","wrapperRef","dispatch","action","cb","setState","prevState","handleInputFocus","event","type","props","onFocus","handleInputBlur","isBlurToMenu","handleOutsideBlur","preventDefault","focus","requestAnimationFrame","payload","onBlur","valueToString","isEditingMode","finishTokenEdit","isTokenValueChanged","length","selectItem","isInputChanged","checkForUnexpectedInput","menuRef","menu","relatedTarget","document","activeElement","contains","handleWrapperMouseDown","target","isClickOnToken","handleWrapperMouseUp","handleCopy","isCursorVisible","tokens","map","token","selectedItems","indexOf","sort","index","clipboardData","setData","join","delimiters","handleInputPaste","WithReference","paste","getData","delimiter","stopPropagation","split","valueToItem","filter","newItems","concat","onValueChange","tryGetItems","query","getItems","hideMenuIfEmptyInputValue","isSelectedItem","isEditingItem","editingItem","autocompleteItemsUnique","unshift","emit","highlightMenuItem","selectItemIndex","findIndex","toLowerCase","highlightItem","handleKeyDown","handleInputKeyDown","handleWrapperKeyDown","e","key","newValue","handleAddItem","enter","up","down","blur","moveFocusToLastToken","selectionStart","focusInput","selectInputText","setSelectionRange","itemsNew","handleWrapperArrows","handleTokenEdit","activeItemIndex","newItemIndex","isLeftEdge","isRightEdge","shiftKey","handleWrapperArrowsWithoutShift","handleWrapperArrowsWithShift","itemNew","handleValueChange","handleRemoveToken","_","filteredActiveTokens","handleTokenClick","ctrlKey","editedItem","splice","onUnexpectedInput","returnedValue","handleChangeInputValue","trimLeft","endsWith","trimRight","onInputValueChange","Combined","renderTokensStart","slice","renderToken","renderTokensEnd","handleIconClick","handleTokenDoubleClick","renderAddButton","showAddItemHint","addButtonComment","addButtonTitle","componentDidMount","updateInputTextWidth","addEventListener","autoFocus","componentDidUpdate","prevProps","isCursorVisibleForState","componentWillUnmount","removeEventListener","render","renderMain","WithoutReference","Error","width","maxMenuHeight","error","warning","placeholder","renderItem","renderNotFound","onMouseEnter","onMouseLeave","inputMode","menuWidth","menuAlign","showMenu","lineHeight","parseInt","tokenInputLineHeight","inputInlineStyles","height","Math","max","flex","caretColor","labelClassName","label","labelDisabled","labelFocused","inputClassName","inputDisabled","inputEditing","helperText","helperTextEditing","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","getMenuRef","isInputValueChanged","PureComponent","__KONTUR_REACT_UI__","defaultProps","renderValue","toKey"],"mappings":"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","sourcesContent":["import React, { ChangeEvent, FocusEvent, FocusEventHandler, KeyboardEvent, MouseEventHandler, ReactNode } from 'react';\nimport { findDOMNode } from 'react-dom';\nimport isEqual from 'lodash.isequal';\n\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 { emptyHandler } 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';\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\nexport enum TokenInputType {\n  WithReference,\n  WithoutReference,\n  Combined,\n}\n\nexport type TokenInputMenuAlign = 'left' | 'cursor';\n\nexport interface TokenInputProps<T> extends CommonProps {\n  selectedItems: T[];\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  type?: TokenInputType;\n  /**\n   * Ширина выпадающего меню может быть указана как 'auto'\n   * а также в пикселях, процентах (от ширины инпута)\n   * или других конкретных единицах\n   *\n   * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'\n   * (по ширине текста)\n   */\n  menuWidth: React.CSSProperties['width'];\n  menuAlign: TokenInputMenuAlign;\n\n  /**\n   * Функция поиска элементов, должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются строки.\n   *\n   * Элементы могут быть любого типа. В этом случае необходимо определить\n   * свойства `renderItem`, `valueToString`\n   */\n  getItems?: (query: string) => Promise<T[]>;\n  hideMenuIfEmptyInputValue?: boolean;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode | null;\n  renderValue: (item: T) => React.ReactNode;\n  /**\n   * Функция должна возвращать строковое представление токена\n   * @default item => item\n   */\n  valueToString: (item: T) => string;\n  renderNotFound?: () => React.ReactNode;\n  valueToItem: (item: string) => T;\n  toKey: (item: T) => string | number | undefined;\n  placeholder?: string;\n  delimiters: string[];\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  maxMenuHeight?: number | string;\n  renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\n  /**\n   * Вызывается при изменении текста в поле ввода,\n   */\n  onInputValueChange?: (value: string) => void;\n  /**\n   * Функция отрисовки кнопки добавления в выпадающем списке\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\nconst defaultToKey = <T extends {}>(item: T): string => item.toString();\nconst identity = <T extends {}>(item: T): T => item;\nconst defaultRenderToken = <T extends {}>(\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@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: Partial<TokenInputProps<any>> = {\n    selectedItems: [],\n    delimiters: [',', ' '],\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  public state: TokenInputState<T> = DefaultState;\n\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\n  public componentDidMount() {\n    this.updateInputTextWidth();\n    document.addEventListener('copy', this.handleCopy);\n    if (this.props.autoFocus) {\n      this.focusInput();\n    }\n  }\n\n  public componentDidUpdate(prevProps: TokenInputProps<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.props.selectedItems.length) {\n      LayoutEvents.emit();\n    }\n    if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {\n      this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);\n    }\n  }\n\n  public componentWillUnmount() {\n    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 renderMain() {\n    if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {\n      throw Error('Missed getItems for type ' + this.type);\n    }\n\n    const {\n      selectedItems,\n      width,\n      maxMenuHeight,\n      error,\n      warning,\n      disabled,\n      placeholder,\n      renderItem,\n      renderNotFound,\n      hideMenuIfEmptyInputValue,\n      onMouseEnter,\n      onMouseLeave,\n      inputMode,\n      menuWidth,\n      menuAlign,\n    } = this.props;\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.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 {...this.props}>\n        <div 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          >\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              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            />\n            {showMenu && (\n              <TokenInputMenu\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              />\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.props.valueToItem(this.state.inputValue);\n\n    if (items && this.hasValueInItems(items, value)) {\n      return false;\n    }\n\n    const selectedItems = this.props.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    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\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      requestAnimationFrame(() => this.input?.focus());\n      this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\n    } else {\n      this.dispatch({ type: 'BLUR' });\n      this.props.onBlur?.(event);\n    }\n  };\n\n  private handleOutsideBlur = () => {\n    const { inputValue, autocompleteItems } = this.state;\n    const { valueToString } = this.props;\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 (valueToString(item) === inputValue) {\n        this.isEditingMode ? this.finishTokenEdit() : this.selectItem(item);\n\n        return;\n      }\n    }\n\n    if (this.isInputChanged) this.checkForUnexpectedInput();\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 { selectedItems, valueToString } = this.props;\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) {\n      const menu = findDOMNode(this.menuRef) as HTMLElement | null;\n      const relatedTarget = (event.relatedTarget || document.activeElement) as HTMLElement;\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 =\n      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\n    // упорядочивание токенов по индексу\n    const tokens = this.state.activeTokens\n      .map((token) => this.props.selectedItems.indexOf(token))\n      .sort()\n      .map((index) => this.props.selectedItems[index])\n      .map((item) => this.props.valueToString(item));\n    event.clipboardData.setData('text/plain', tokens.join(this.props.delimiters[0]));\n  };\n\n  private handleInputPaste = (event: React.ClipboardEvent<HTMLElement>) => {\n    if (this.type === TokenInputType.WithReference || !event.clipboardData) {\n      return;\n    }\n    let paste = event.clipboardData.getData('text');\n    const { delimiters } = this.props;\n    if (delimiters.some((delimiter) => paste.includes(delimiter))) {\n      event.preventDefault();\n      event.stopPropagation();\n      for (const delimiter of delimiters) {\n        paste = paste.split(delimiter).join(delimiters[0]);\n      }\n      const tokens = paste.split(delimiters[0]);\n      const items = tokens\n        .map((token) => this.props.valueToItem(token))\n        .filter((item) => !this.hasValueInItems(this.props.selectedItems, item));\n      const newItems = this.props.selectedItems.concat(items);\n      this.props.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 isSelectedItem = (item: T) => this.hasValueInItems(this.props.selectedItems, item);\n      const isEditingItem = (item: T) => {\n        const editingItem = this.props.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 = this.props.selectedItems[this.state.editingTokenIndex];\n        if (\n          isEqual(editingItem, this.props.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) => this.props.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.props.delimiters.some((key) => key === e.key || (key === ',' && isKeyComma(e)))\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\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) this.moveFocusToLastToken();\n        break;\n      case isKeyArrowLeft(e):\n        if (this.input?.selectionStart === 0) {\n          this.moveFocusToLastToken();\n        }\n        break;\n    }\n  };\n\n  private moveFocusToLastToken() {\n    const items = this.props.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    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    switch (true) {\n      case isKeyBackspace(e):\n      case isKeyDelete(e): {\n        if (!this.isEditingMode) {\n          const itemsNew = this.props.selectedItems.filter(\n            (item) => !this.hasValueInItems(this.state.activeTokens, item),\n          );\n          this.props.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: this.props.selectedItems,\n        });\n        break;\n    }\n  };\n\n  private handleWrapperArrows = (e: KeyboardEvent<HTMLElement>) => {\n    e.preventDefault();\n    const activeTokens = this.state.activeTokens;\n    const activeItemIndex = this.props.selectedItems.indexOf(activeTokens[0]);\n    const newItemIndex = activeItemIndex + (isKeyArrowLeft(e) ? -1 : +1);\n    const isLeftEdge = activeItemIndex === 0 && isKeyArrowLeft(e);\n    const isRightEdge = activeItemIndex === this.props.selectedItems.length - 1 && 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.props.selectedItems[newItemIndex]],\n      });\n    }\n  };\n\n  private handleWrapperArrowsWithShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\n    if (!isLeftEdge && !isRightEdge) {\n      const itemNew = this.props.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.props.onValueChange(items);\n  };\n\n  private handleAddItem = () => {\n    const item = this.props.valueToItem(this.state.inputValue);\n    if (item) {\n      this.selectItem(item);\n    }\n  };\n\n  private selectItem = (item: T) => {\n    const { selectedItems } = this.props;\n\n    if (this.isEditingMode) {\n      this.dispatch({ type: 'UPDATE_QUERY', payload: this.props.valueToString(item) }, this.finishTokenEdit);\n    } else {\n      if (!this.hasValueInItems(selectedItems, item)) {\n        this.handleValueChange(selectedItems.concat([item]));\n        this.dispatch({ type: 'CLEAR_INPUT' });\n        this.tryGetItems();\n      }\n    }\n  };\n\n  private handleRemoveToken = (item: T) => {\n    this.props.onValueChange(this.props.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 editingTokenIndex = this.props.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    this.dispatch({ type: 'UPDATE_QUERY', payload: this.props.valueToString(itemNew) }, this.selectInputText);\n    this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n\n    this.tryGetItems();\n  };\n\n  private finishTokenEdit = () => {\n    const { editingTokenIndex, inputValue, reservedInputValue } = this.state;\n    const { selectedItems, valueToItem } = this.props;\n    const editedItem = 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.props;\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.props.selectedItems.slice(this.state.editingTokenIndex + 1).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) {\n        this.handleTokenEdit(item);\n      }\n    };\n\n    return renderToken(item, {\n      isActive,\n      onClick: handleTokenClick,\n      onDoubleClick: handleTokenDoubleClick,\n      onRemove: handleIconClick,\n      disabled,\n    });\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"]}

package/components/TokenInput/TokenInput/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/TokenInput/TokenInput.js",
+  "module": "TokenInput",
+  "types": "../TokenInput.d.ts",
+  "sideEffects": false
+}

package/components/TokenInput/TokenInput.d.ts

@@ -1,106 +1,193 @@
-import * as React from 'react';
-import { FocusEventHandler, MouseEventHandler, ReactNode } from 'react';
-import { TokenProps } from '../Token';
-import { MenuItemState } from '../MenuItem';
-import { TokenActions } from '../Token/Token';
-export declare enum TokenInputType {
-    WithReference = 0,
-    WithoutReference = 1,
-    Combined = 2
-}
-export interface TokenInputProps<T> {
-    selectedItems: T[];
-    onChange: (items: T[]) => void;
-    onMouseEnter: MouseEventHandler<HTMLDivElement>;
-    onMouseLeave: MouseEventHandler<HTMLDivElement>;
-    onFocus: FocusEventHandler<HTMLInputElement>;
-    onBlur: FocusEventHandler<HTMLInputElement>;
-    autoFocus?: boolean;
-    type?: TokenInputType;
-    getItems?: (query: string) => Promise<T[]>;
-    hideMenuIfEmptyInputValue?: boolean;
-    renderItem: (item: T, state: MenuItemState) => React.ReactNode | null;
-    renderValue: (item: T) => React.ReactNode;
-    /**
-     * Функция должна возвращать строковое представление токена
-     * @default item => item
-     */
-    valueToString: (item: T) => string;
-    renderNotFound?: () => React.ReactNode;
-    valueToItem: (item: string) => T;
-    toKey: (item: T) => string | number | undefined;
-    placeholder?: string;
-    delimiters?: string[];
-    error?: boolean;
-    warning?: boolean;
-    disabled?: boolean;
-    width?: string | number;
-    renderToken?: (item: T, props: Partial<TokenProps & TokenActions>) => ReactNode;
-    /**
-     * @deprecated Use `renderToken` prop instead
-     */
-    renderTokenComponent?: (token: (props?: Partial<TokenProps>) => React.ReactElement<TokenProps>, value?: T) => React.ReactElement<TokenProps>;
-}
-export interface TokenInputState<T> {
-    autocompleteItems?: T[];
-    activeTokens: T[];
-    inFocus?: boolean;
-    inputValue: string;
-    inputValueWidth: number;
-    preventBlur?: boolean;
-    loading?: boolean;
-}
-export default class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
-    static defaultProps: Partial<TokenInputProps<any>>;
-    state: TokenInputState<T>;
-    private input;
-    private tokensInputMenu;
-    private textHelper;
-    private wrapper;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>): void;
-    componentWillUnmount(): void;
-    render(): ReactNode;
-    private hasValueInItems;
-    private readonly showAddItemHint;
-    private readonly type;
-    private readonly delimiters;
-    private readonly menuRef;
-    private readonly isCursorVisible;
-    private isCursorVisibleForState;
-    private inputRef;
-    private tokensInputMenuRef;
-    private textHelperRef;
-    private wrapperRef;
-    private dispatch;
-    private updateInputTextWidth;
-    private handleInputFocus;
-    private handleInputBlur;
-    private isBlurToMenu;
-    private handleWrapperMouseDown;
-    private handleWrapperMouseUp;
-    private handleCopy;
-    private handleInputPaste;
-    private tryGetItems;
-    private handleKeyDown;
-    private handleInputKeyDown;
-    private moveFocusToLastToken;
-    private focusInput;
-    private handleWrapperKeyDown;
-    private handleWrapperArrows;
-    private handleWrapperArrowsWithoutShift;
-    private handleWrapperArrowsWithShift;
-    private handleChange;
-    private handleAddItem;
-    private handleRemoveToken;
-    private handleTokenClick;
-    private handleChangeInputValue;
-    private highlightMenuItem;
-    private renderTokenFields;
-    private renderTokenSelector;
-    /**
-     * @deprecated
-     */
-    private renderTokenComponent;
-    private renderToken;
-}
+import React, { FocusEventHandler, MouseEventHandler, ReactNode } from 'react';
+import { TokenProps } from '../Token';
+import { MenuItemState } from '../MenuItem';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare enum TokenInputType {
+    WithReference = 0,
+    WithoutReference = 1,
+    Combined = 2
+}
+export declare type TokenInputMenuAlign = 'left' | 'cursor';
+export interface TokenInputProps<T> extends CommonProps {
+    selectedItems: T[];
+    onValueChange: (items: T[]) => void;
+    onMouseEnter: MouseEventHandler<HTMLDivElement>;
+    onMouseLeave: MouseEventHandler<HTMLDivElement>;
+    onFocus: FocusEventHandler<HTMLTextAreaElement>;
+    onBlur: FocusEventHandler<HTMLTextAreaElement>;
+    autoFocus?: boolean;
+    type?: TokenInputType;
+    /**
+     * Ширина выпадающего меню может быть указана как 'auto'
+     * а также в пикселях, процентах (от ширины инпута)
+     * или других конкретных единицах
+     *
+     * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'
+     * (по ширине текста)
+     */
+    menuWidth: React.CSSProperties['width'];
+    menuAlign: TokenInputMenuAlign;
+    /**
+     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
+     * По умолчанию ожидаются строки.
+     *
+     * Элементы могут быть любого типа. В этом случае необходимо определить
+     * свойства `renderItem`, `valueToString`
+     */
+    getItems?: (query: string) => Promise<T[]>;
+    hideMenuIfEmptyInputValue?: boolean;
+    renderItem: (item: T, state: MenuItemState) => React.ReactNode | null;
+    renderValue: (item: T) => React.ReactNode;
+    /**
+     * Функция должна возвращать строковое представление токена
+     * @default item => item
+     */
+    valueToString: (item: T) => string;
+    renderNotFound?: () => React.ReactNode;
+    valueToItem: (item: string) => T;
+    toKey: (item: T) => string | number | undefined;
+    placeholder?: string;
+    delimiters: string[];
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    disabled?: boolean;
+    width?: string | number;
+    maxMenuHeight?: number | string;
+    renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;
+    /**
+     * Вызывается при изменении текста в поле ввода,
+     */
+    onInputValueChange?: (value: string) => void;
+    /**
+     * Функция отрисовки кнопки добавления в выпадающем списке
+     */
+    renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;
+    /**
+     * Функция для обработки ситуации, когда была введена
+     * строка в инпут и был потерян фокус с компонента
+     *
+     * Функция срабатывает с аргументом инпута строки
+     *
+     * Если при потере фокуса в выпадающем списке будет только один
+     * элемент и  результат `valueToString` с этим элементом будет
+     * совпадать со значение в текстовом поле, то
+     * сработает `onValueChange` со значением данного элемента
+     *
+     * Сама функция также может вернуть значение,
+     * неравное `undefined`, с которым будет вызван `onValueChange`.
+     * Если возвращаемое значение будет равно `null`,
+     * то сработает очистка текущего значения инпута,
+     * а в режиме редактирования токен будет удален
+     */
+    onUnexpectedInput?: (value: string) => void | null | undefined | T;
+    inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];
+}
+export interface TokenInputState<T> {
+    autocompleteItems?: T[];
+    activeTokens: T[];
+    editingTokenIndex: number;
+    clickedToken?: T;
+    clickedTokenTimeout?: number;
+    inFocus?: boolean;
+    inputValue: string;
+    reservedInputValue: string | undefined;
+    inputValueWidth: number;
+    inputValueHeight: number;
+    preventBlur?: boolean;
+    loading?: boolean;
+}
+export declare const DefaultState: {
+    inputValue: string;
+    reservedInputValue: undefined;
+    autocompleteItems: undefined;
+    activeTokens: never[];
+    editingTokenIndex: number;
+    inFocus: boolean;
+    loading: boolean;
+    preventBlur: boolean;
+    inputValueWidth: number;
+    inputValueHeight: number;
+};
+export declare class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: Partial<TokenInputProps<any>>;
+    state: TokenInputState<T>;
+    private readonly locale;
+    private theme;
+    private input;
+    private tokensInputMenu;
+    private textHelper;
+    private wrapper;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>): void;
+    componentWillUnmount(): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    render(): JSX.Element;
+    private renderMain;
+    /**
+     * Сбрасывает введенное пользователем значение
+     * @public
+     */
+    reset(): void;
+    private hasValueInItems;
+    private get showAddItemHint();
+    private get type();
+    private get menuRef();
+    private get isCursorVisible();
+    private get isEditingMode();
+    private isCursorVisibleForState;
+    private inputRef;
+    private tokensInputMenuRef;
+    private textHelperRef;
+    private wrapperRef;
+    private dispatch;
+    private updateInputTextWidth;
+    private handleInputFocus;
+    private handleInputBlur;
+    private handleOutsideBlur;
+    private get isInputChanged();
+    private get isInputValueChanged();
+    private get isTokenValueChanged();
+    private isBlurToMenu;
+    private handleWrapperMouseDown;
+    private handleWrapperMouseUp;
+    private handleCopy;
+    private handleInputPaste;
+    private tryGetItems;
+    private handleKeyDown;
+    private handleInputKeyDown;
+    private moveFocusToLastToken;
+    private focusInput;
+    private selectInputText;
+    private handleWrapperKeyDown;
+    private handleWrapperArrows;
+    private handleWrapperArrowsWithoutShift;
+    private handleWrapperArrowsWithShift;
+    private handleValueChange;
+    private handleAddItem;
+    private selectItem;
+    private handleRemoveToken;
+    private handleTokenClick;
+    private handleTokenEdit;
+    private finishTokenEdit;
+    private checkForUnexpectedInput;
+    private handleChangeInputValue;
+    private highlightMenuItem;
+    private renderTokensStart;
+    private renderTokensEnd;
+    private renderToken;
+    private renderAddButton;
+}

package/components/TokenInput/TokenInput.md

@@ -0,0 +1,79 @@
+```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>;
+```
+
+#### Локали по умолчанию
+
+```typescript static
+interface TokenInputLocale {
+  addButtonComment?: string;
+  addButtonTitle?: string;
+}
+
+const ru_RU = {
+  addButtonComment: 'Нажмите запятую или пробел',
+  addButtonTitle: 'Добавить',
+};
+
+const en_GB = {
+  addButtonComment: 'Type comma or space',
+  addButtonTitle: 'Add',
+};
+```

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

@@ -0,0 +1,51 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var mixins = {
+  inputAndHelperCommonStyles: function inputAndHelperCommonStyles(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      line-height: ", ";\n      font-size: ", ";\n    "])), t.tokenInputInputPaddingRight, t.tokenInputInputPaddingLeft, t.tokenInputLineHeight, t.tokenInputFontSize);
+  },
+  inputAndHelperCommonEditingStyles: function inputAndHelperCommonEditingStyles(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin: ", " ", ";\n      padding: 0 ", " 0 ", ";\n      line-height: ", ";\n    "])), t.tokenMarginY, t.tokenMarginX, t.tokenInputInputPaddingRight, t.tokenPaddingX, t.tokenLineHeight);
+  }
+};
+export var styles = memoizeStyle({
+  label: function label(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-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    "])), t.tokenInputBg, t.tokenInputShadow, t.tokenInputBorderWidth, t.tokenInputBorderColor, t.tokenInputBorderTopColor, t.tokenInputPaddingY, t.tokenInputPaddingX);
+  },
+  warning: function warning(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenInputBorderWidth, t.tokenInputBorderColorWarning, t.tokenInputOutlineWidth, t.tokenInputBorderColorWarning);
+  },
+  error: function error(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenInputBorderWidth, t.tokenInputBorderColorError, t.tokenInputOutlineWidth, t.tokenInputBorderColorError);
+  },
+  labelFocused: function labelFocused(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenInputBorderWidth, t.tokenInputBorderColorFocus, t.tokenInputOutlineWidth, t.tokenInputBorderColorFocus);
+  },
+  labelDisabled: function labelDisabled(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])), t.tokenInputDisabledBg, t.tokenInputDisabledBorderColor);
+  },
+  input: function input(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\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 css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\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 css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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 css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      font-size: ", ";\n      padding-bottom: ", ";\n    "])), mixins.inputAndHelperCommonEditingStyles(t), t.tokenFontSize, t.tokenLegacyTextShift);
+  },
+  inputDisabled: function inputDisabled(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\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 css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), mixins.inputAndHelperCommonEditingStyles(t));
+  },
+  reservedInput: function reservedInput(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\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);
+  }
+});

package/components/TokenInput/TokenInput.styles/TokenInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TokenInput.styles.ts"],"names":["css","memoizeStyle","mixins","inputAndHelperCommonStyles","t","tokenInputInputPaddingRight","tokenInputInputPaddingLeft","tokenInputLineHeight","tokenInputFontSize","inputAndHelperCommonEditingStyles","tokenMarginY","tokenMarginX","tokenPaddingX","tokenLineHeight","styles","label","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","tokenInputPaddingY","tokenInputPaddingX","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","helperContainer","helperText","helperTextEditing","tokenFontSize","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","inputEditing","reservedInput"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst mixins = {\n  inputAndHelperCommonStyles(t: Theme) {\n    return css`\n      padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n      line-height: ${t.tokenInputLineHeight};\n      font-size: ${t.tokenInputFontSize};\n    `;\n  },\n  inputAndHelperCommonEditingStyles(t: Theme) {\n    return css`\n      margin: ${t.tokenMarginY} ${t.tokenMarginX};\n      padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenPaddingX};\n      line-height: ${t.tokenLineHeight};\n    `;\n  },\n};\n\nexport const styles = memoizeStyle({\n  label(t: Theme) {\n    return css`\n      background-color: ${t.tokenInputBg};\n      box-shadow: ${t.tokenInputShadow};\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n      border-top-color: ${t.tokenInputBorderTopColor};\n      box-sizing: border-box;\n      cursor: text;\n      padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg};\n      border-color: ${t.tokenInputDisabledBorderColor};\n      box-shadow: none;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\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: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n      overflow: hidden;\n      resize: none;\n      height: ${t.tokenInputLineHeight};\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ${t.tokenInputTextColor};\n      box-sizing: border-box;\n      word-break: break-all;\n\n      ${mixins.inputAndHelperCommonStyles(t)};\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:disabled::placeholder {\n        color: ${t.tokenInputPlaceholderColorDisabled};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n      }\n      &:focus::placeholder {\n        color: ${t.tokenInputPlaceholderColorLight};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    `;\n  },\n\n  helperContainer(t: Theme) {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n      visibility: hidden;\n    `;\n  },\n\n  helperText(t: Theme) {\n    return css`\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      ${mixins.inputAndHelperCommonStyles(t)}\n    `;\n  },\n\n  helperTextEditing(t: Theme) {\n    return css`\n      ${mixins.inputAndHelperCommonEditingStyles(t)};\n\n      font-size: ${t.tokenFontSize};\n      padding-bottom: ${t.tokenLegacyTextShift};\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ${t.tokenInputTextColorDisabled};\n    `;\n  },\n\n  inputEditing(t: Theme) {\n    return css`\n      ${mixins.inputAndHelperCommonEditingStyles(t)};\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      min-height: ${t.tokenInputLineHeight};\n      line-height: ${t.tokenInputLineHeight};\n      font-size: ${t.tokenInputFontSize};\n      margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n      padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n});\n"]}