npm - @skbkontur/react-ui - Versions diffs - 0.0.0-cb54865bf2 → 0.0.0-ce2a893b1a - Mend

@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ce2a893b1a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2982) hide show

package/components/TokenInput/TokenInput/TokenInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["TokenInput.tsx"],"names":["React","findDOMNode","isEqual","cn","isKeyArrowHorizontal","isKeyArrowLeft","isKeyArrowRight","isKeyArrowUp","isKeyArrowVertical","isKeyBackspace","isKeyDelete","isKeyEnter","isKeyEscape","isShortcutSelectAll","LayoutEvents","Token","emptyHandler","ThemeContext","locale","MenuItem","TokenInputLocaleHelper","jsStyles","tokenInputReducer","TokenInputMenu","TextWidthHelper","TokenInputType","DefaultState","inputValue","autocompleteItems","undefined","activeTokens","inFocus","loading","preventBlur","inputValueWidth","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","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","preventDefault","focus","process","nextTick","payload","onBlur","menuRef","menu","relatedTarget","document","activeElement","contains","handleWrapperMouseDown","target","isClickOnToken","handleWrapperMouseUp","handleCopy","length","isCursorVisible","tokens","map","token","selectedItems","indexOf","sort","index","valueToString","clipboardData","setData","join","delimiters","handleInputPaste","WithReference","paste","getData","delimiter","stopPropagation","split","valueToItem","filter","newItems","concat","onValueChange","tryGetItems","query","getItems","hideMenuIfEmptyInputValue","autocompleteItemsUnique","emit","highlightMenuItem","handleKeyDown","handleInputKeyDown","handleWrapperKeyDown","e","key","newValue","handleAddItem","enter","up","down","blur","moveFocusToLastToken","selectionStart","focusInput","itemsNew","handleWrapperArrows","activeItemIndex","newItemIndex","isLeftEdge","isRightEdge","shiftKey","handleWrapperArrowsWithoutShift","handleWrapperArrowsWithShift","itemNew","handleValueChange","handleRemoveToken","_","filteredActiveTokens","handleTokenClick","ctrlKey","handleChangeInputValue","trimLeft","endsWith","trimRight","onInputValueChange","Combined","highlightItem","renderTokenFields","renderToken","handleIconClick","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","showMenu","inputInlineStyles","Math","max","flex","caretColor","labelClassName","label","labelFocused","labelDisabled","inputClassName","inputDisabled","reset","getTextWidth","slice","getMenuRef","PureComponent","__KONTUR_REACT_UI__","defaultProps","renderValue","toKey"],"mappings":"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","sourcesContent":["import React, { ChangeEvent, FocusEvent, FocusEventHandler, KeyboardEvent, MouseEventHandler, ReactNode } from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\nimport isEqual from 'lodash.isequal';\r\nimport cn from 'classnames';\r\n\r\nimport {\r\n isKeyArrowHorizontal,\r\n isKeyArrowLeft,\r\n isKeyArrowRight,\r\n isKeyArrowUp,\r\n isKeyArrowVertical,\r\n isKeyBackspace,\r\n isKeyDelete,\r\n isKeyEnter,\r\n isKeyEscape,\r\n isShortcutSelectAll,\r\n} from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Menu } from '../../internal/Menu';\r\nimport { Token, TokenProps } from '../Token';\r\nimport { MenuItemState } from '../MenuItem';\r\nimport { emptyHandler } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { MenuItem } from '../MenuItem/MenuItem';\r\n\r\nimport { TokenInputLocale, TokenInputLocaleHelper } from './locale';\r\nimport { jsStyles } from './TokenInput.styles';\r\nimport { TokenInputAction, tokenInputReducer } from './TokenInputReducer';\r\nimport { TokenInputMenu } from './TokenInputMenu';\r\nimport { TextWidthHelper } from './TextWidthHelper';\r\n\r\nexport enum TokenInputType {\r\n WithReference,\r\n WithoutReference,\r\n Combined,\r\n}\r\n\r\nexport interface TokenInputProps<T> {\r\n selectedItems: T[];\r\n onValueChange: (items: T[]) => void;\r\n onMouseEnter: MouseEventHandler<HTMLDivElement>;\r\n onMouseLeave: MouseEventHandler<HTMLDivElement>;\r\n onFocus: FocusEventHandler<HTMLInputElement>;\r\n onBlur: FocusEventHandler<HTMLInputElement>;\r\n autoFocus?: boolean;\r\n type?: TokenInputType;\r\n getItems?: (query: string) => Promise<T[]>;\r\n hideMenuIfEmptyInputValue?: boolean;\r\n renderItem: (item: T, state: MenuItemState) => React.ReactNode \| null;\r\n renderValue: (item: T) => React.ReactNode;\r\n /*\r\n Функция должна возвращать строковое представление токена\r\n * @default item => item\r\n /\r\n valueToString: (item: T) => string;\r\n renderNotFound?: () => React.ReactNode;\r\n valueToItem: (item: string) => T;\r\n toKey: (item: T) => string \| number \| undefined;\r\n placeholder?: string;\r\n delimiters?: string[];\r\n error?: boolean;\r\n warning?: boolean;\r\n disabled?: boolean;\r\n width?: string \| number;\r\n maxMenuHeight?: number \| string;\r\n renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\r\n /\r\n Вызывается при изменении текста в поле ввода,\r\n /\r\n onInputValueChange?: (value: string) => void;\r\n /\r\n Функция отрисовки кнопки добавления в выпадающем списке\r\n /\r\n renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;\r\n}\r\n\r\nexport interface TokenInputState<T> {\r\n autocompleteItems?: T[];\r\n activeTokens: T[];\r\n inFocus?: boolean;\r\n inputValue: string;\r\n inputValueWidth: number;\r\n preventBlur?: boolean;\r\n loading?: boolean;\r\n}\r\n\r\nexport const DefaultState = {\r\n inputValue: '',\r\n autocompleteItems: undefined,\r\n activeTokens: [],\r\n inFocus: false,\r\n loading: false,\r\n preventBlur: false,\r\n inputValueWidth: 20,\r\n};\r\n\r\nconst defaultToKey = <T extends any>(item: T): string => item.toString();\r\nconst identity = <T extends any>(item: T): T => item;\r\nconst defaultRenderToken = <T extends any>(item: T, { isActive, onClick, onRemove, disabled }: Partial<TokenProps>) => (\r\n <Token key={item.toString()} isActive={isActive} onClick={onClick} onRemove={onRemove} disabled={disabled}>\r\n {item}\r\n </Token>\r\n);\r\n\r\n@locale('TokenInput', TokenInputLocaleHelper)\r\nexport class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {\r\n public static __KONTUR_REACT_UI__ = 'TokenInput';\r\n\r\n public static defaultProps: Partial<TokenInputProps<any>> = {\r\n selectedItems: [],\r\n renderItem: identity,\r\n renderValue: identity,\r\n valueToString: identity,\r\n valueToItem: (item: string) => item,\r\n toKey: defaultToKey,\r\n onValueChange: () => void 0,\r\n width: 250 as string \| number,\r\n onBlur: emptyHandler,\r\n onFocus: emptyHandler,\r\n onMouseEnter: emptyHandler,\r\n onMouseLeave: emptyHandler,\r\n };\r\n\r\n public state: TokenInputState<T> = DefaultState;\r\n\r\n private readonly locale!: TokenInputLocale;\r\n private theme!: Theme;\r\n private input: HTMLInputElement \| null = null;\r\n private tokensInputMenu: TokenInputMenu<T> \| null = null;\r\n private textHelper: TextWidthHelper \| null = null;\r\n private wrapper: HTMLLabelElement \| null = null;\r\n\r\n public componentDidMount() {\r\n this.updateInputTextWidth();\r\n document.addEventListener('copy', this.handleCopy);\r\n if (this.props.autoFocus) {\r\n this.focusInput();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>) {\r\n if (prevState.inputValue !== this.state.inputValue) {\r\n this.updateInputTextWidth();\r\n }\r\n if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {\r\n this.dispatch({\r\n type: 'SET_AUTOCOMPLETE_ITEMS',\r\n payload: undefined,\r\n });\r\n }\r\n if (prevProps.selectedItems.length !== this.props.selectedItems.length) {\r\n LayoutEvents.emit();\r\n }\r\n if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {\r\n this.tryGetItems(this.state.inputValue);\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n document.removeEventListener('copy', this.handleCopy);\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {\r\n throw Error('Missed getItems for type ' + this.type);\r\n }\r\n\r\n const {\r\n selectedItems,\r\n width,\r\n maxMenuHeight,\r\n error,\r\n warning,\r\n disabled,\r\n placeholder,\r\n renderItem,\r\n renderNotFound,\r\n hideMenuIfEmptyInputValue,\r\n onMouseEnter,\r\n onMouseLeave,\r\n } = this.props;\r\n\r\n const { activeTokens, inFocus, inputValueWidth, inputValue, autocompleteItems, loading } = this.state;\r\n\r\n const showMenu =\r\n this.type !== TokenInputType.WithoutReference &&\r\n this.isCursorVisible &&\r\n activeTokens.length === 0 &&\r\n (inputValue !== '' \|\| !hideMenuIfEmptyInputValue);\r\n\r\n const inputInlineStyles: React.CSSProperties = {\r\n // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости\r\n width: Math.max(50, inputValueWidth + 7),\r\n // input растягивается на всю ширину чтобы placeholder не обрезался\r\n flex: selectedItems && selectedItems.length === 0 ? 1 : undefined,\r\n // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее\r\n caretColor: this.isCursorVisible ? undefined : 'transparent',\r\n };\r\n\r\n const theme = this.theme;\r\n const labelClassName = cn(jsStyles.label(theme), {\r\n [jsStyles.labelFocused(theme)]: !!inFocus,\r\n [jsStyles.error(theme)]: !!error,\r\n [jsStyles.warning(theme)]: !!warning,\r\n [jsStyles.labelDisabled(theme)]: !!disabled,\r\n });\r\n const inputClassName = cn(jsStyles.input(theme), {\r\n [jsStyles.inputDisabled(theme)]: !!disabled,\r\n });\r\n return (\r\n <div onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\r\n {/ расчёт ширины текста с последующим обновлением ширины input /}\r\n <TextWidthHelper ref={this.textHelperRef} text={inputValue} />\r\n <label\r\n ref={this.wrapperRef}\r\n style={{ width }}\r\n className={labelClassName}\r\n onMouseDown={this.handleWrapperMouseDown}\r\n onMouseUp={this.handleWrapperMouseUp}\r\n >\r\n {this.renderTokenFields()}\r\n <input\r\n type=\"text\"\r\n ref={this.inputRef}\r\n value={inputValue}\r\n style={inputInlineStyles}\r\n autoComplete=\"off\"\r\n spellCheck={false}\r\n disabled={disabled}\r\n className={inputClassName}\r\n placeholder={selectedItems.length > 0 ? undefined : placeholder}\r\n onFocus={this.handleInputFocus}\r\n onBlur={this.handleInputBlur}\r\n onChange={this.handleChangeInputValue}\r\n onKeyDown={this.handleKeyDown}\r\n onPaste={this.handleInputPaste}\r\n />\r\n {showMenu && (\r\n <TokenInputMenu\r\n ref={this.tokensInputMenuRef}\r\n items={autocompleteItems}\r\n loading={loading}\r\n opened={showMenu}\r\n maxMenuHeight={maxMenuHeight}\r\n anchorElement={this.input!}\r\n renderNotFound={renderNotFound}\r\n renderItem={renderItem}\r\n onValueChange={this.handleValueChange}\r\n renderAddButton={this.renderAddButton}\r\n />\r\n )}\r\n </label>\r\n </div>\r\n );\r\n }\r\n\r\n /\r\n Сбрасывает введенное пользователем значение\r\n * @public\r\n */\r\n public reset() {\r\n this.dispatch({ type: 'RESET' });\r\n }\r\n\r\n private hasValueInItems = (items: T[], value: T) => {\r\n if (typeof value === 'string') {\r\n return items.includes(value);\r\n }\r\n // todo: как то не очень\r\n return items.some(item => isEqual(item, value));\r\n };\r\n\r\n private get showAddItemHint() {\r\n const items = this.state.autocompleteItems;\r\n const value = this.props.valueToItem(this.state.inputValue);\r\n\r\n if (items && this.hasValueInItems(items, value)) {\r\n return false;\r\n }\r\n\r\n const selectedItems = this.props.selectedItems;\r\n if (selectedItems && this.hasValueInItems(selectedItems, value)) {\r\n return false;\r\n }\r\n\r\n if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {\r\n return true;\r\n }\r\n }\r\n\r\n private get type() {\r\n return this.props.type ? this.props.type : TokenInputType.WithReference;\r\n }\r\n\r\n private get delimiters() {\r\n return this.props.delimiters ? this.props.delimiters : [','];\r\n }\r\n\r\n private get menuRef(): Menu \| null {\r\n return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();\r\n }\r\n\r\n private get isCursorVisible() {\r\n return this.isCursorVisibleForState(this.state);\r\n }\r\n\r\n private isCursorVisibleForState(state: TokenInputState<T>) {\r\n return state.inFocus && (state.inputValue !== '' \|\| state.activeTokens.length === 0);\r\n }\r\n\r\n private inputRef = (node: HTMLInputElement) => (this.input = node);\r\n private tokensInputMenuRef = (node: TokenInputMenu<T>) => (this.tokensInputMenu = node);\r\n private textHelperRef = (node: TextWidthHelper) => (this.textHelper = node);\r\n private wrapperRef = (node: HTMLLabelElement) => (this.wrapper = node);\r\n\r\n private dispatch = (action: TokenInputAction, cb?: () => void) => {\r\n this.setState(prevState => tokenInputReducer(prevState, action), cb);\r\n };\r\n\r\n private updateInputTextWidth() {\r\n if (this.textHelper) {\r\n const inputValueWidth = this.textHelper.getTextWidth();\r\n this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);\r\n }\r\n }\r\n\r\n private handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\r\n this.dispatch({ type: 'SET_FOCUS_IN' });\r\n if (this.props.onFocus) {\r\n this.props.onFocus(event);\r\n }\r\n };\r\n\r\n private handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\r\n if (this.isBlurToMenu(event) \|\| this.state.preventBlur) {\r\n event.preventDefault();\r\n // первый focus нужен для предотвращения/уменьшения моргания в других браузерах\r\n this.input!.focus();\r\n // в firefox не работает без второго focus\r\n process.nextTick(() => this.input!.focus());\r\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\r\n } else {\r\n this.dispatch({ type: 'BLUR' });\r\n }\r\n if (this.props.onBlur) {\r\n this.props.onBlur(event);\r\n }\r\n };\r\n\r\n private isBlurToMenu = (event: FocusEvent<HTMLElement>) => {\r\n if (this.menuRef) {\r\n const menu = findDOMNode(this.menuRef) as HTMLElement \| null;\r\n const relatedTarget = (event.relatedTarget \|\| document.activeElement) as HTMLElement;\r\n if (menu && menu.contains(relatedTarget)) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n private handleWrapperMouseDown = (event: React.MouseEvent<HTMLElement>) => {\r\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });\r\n const target = event.target as HTMLElement;\r\n const isClickOnToken =\r\n target && this.wrapper!.contains(target) && target !== this.wrapper! && target !== this.input!;\r\n if (!isClickOnToken) {\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\r\n }\r\n };\r\n\r\n private handleWrapperMouseUp = () => {\r\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\r\n };\r\n\r\n private handleCopy = (event: any) => {\r\n if (!this.state.inFocus \|\| this.state.activeTokens.length === 0 \|\| this.isCursorVisible) {\r\n return;\r\n }\r\n event.preventDefault();\r\n\r\n // упорядочивание токенов по индексу\r\n const tokens = this.state.activeTokens\r\n .map(token => this.props.selectedItems.indexOf(token))\r\n .sort()\r\n .map(index => this.props.selectedItems[index])\r\n .map(item => this.props.valueToString(item));\r\n event.clipboardData.setData('text/plain', tokens.join(this.delimiters[0]));\r\n };\r\n\r\n private handleInputPaste = (event: React.ClipboardEvent<HTMLElement>) => {\r\n if (this.type === TokenInputType.WithReference \|\| !event.clipboardData) {\r\n return;\r\n }\r\n let paste = event.clipboardData.getData('text');\r\n const delimiters = this.delimiters;\r\n if (delimiters.some(delimiter => paste.includes(delimiter))) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n for (const delimiter of delimiters) {\r\n paste = paste.split(delimiter).join(delimiters[0]);\r\n }\r\n const tokens = paste.split(delimiters[0]);\r\n const items = tokens\r\n .map(token => this.props.valueToItem(token))\r\n .filter(item => !this.hasValueInItems(this.props.selectedItems, item));\r\n const newItems = this.props.selectedItems.concat(items);\r\n this.props.onValueChange(newItems);\r\n }\r\n };\r\n\r\n private tryGetItems = async (query = '') => {\r\n if (this.props.getItems && (this.state.inputValue !== '' \|\| !this.props.hideMenuIfEmptyInputValue)) {\r\n this.dispatch({ type: 'SET_LOADING', payload: true });\r\n const autocompleteItems = await this.props.getItems(query);\r\n this.dispatch({ type: 'SET_LOADING', payload: false });\r\n\r\n const autocompleteItemsUnique = autocompleteItems.filter(\r\n item => !this.hasValueInItems(this.props.selectedItems, item),\r\n );\r\n if (query === '' \|\| this.state.inputValue !== '') {\r\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: autocompleteItemsUnique }, () => {\r\n LayoutEvents.emit();\r\n this.highlightMenuItem();\r\n });\r\n }\r\n }\r\n };\r\n\r\n private handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (this.isCursorVisible) {\r\n this.handleInputKeyDown(event);\r\n } else {\r\n this.handleWrapperKeyDown(event);\r\n }\r\n };\r\n\r\n private handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\r\n e.stopPropagation();\r\n\r\n if (this.type !== TokenInputType.WithReference && (isKeyEnter(e) \|\| this.delimiters.includes(e.key))) {\r\n e.preventDefault();\r\n const newValue = this.state.inputValue;\r\n if (newValue !== '') {\r\n this.handleAddItem();\r\n }\r\n }\r\n\r\n switch (true) {\r\n case isKeyEnter(e):\r\n if (this.menuRef) {\r\n this.menuRef.enter(e);\r\n }\r\n break;\r\n case isKeyArrowVertical(e):\r\n e.preventDefault();\r\n if (this.menuRef) {\r\n if (isKeyArrowUp(e)) {\r\n this.menuRef.up();\r\n } else {\r\n this.menuRef.down();\r\n }\r\n }\r\n break;\r\n case isKeyEscape(e):\r\n this.input!.blur();\r\n break;\r\n case isKeyBackspace(e):\r\n this.moveFocusToLastToken();\r\n break;\r\n case isKeyArrowLeft(e):\r\n if (this.input!.selectionStart === 0) {\r\n this.moveFocusToLastToken();\r\n }\r\n break;\r\n }\r\n };\r\n\r\n private moveFocusToLastToken() {\r\n const items = this.props.selectedItems;\r\n if (this.state.inputValue === '' && items && items.length > 0) {\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });\r\n }\r\n }\r\n\r\n private focusInput = () => {\r\n process.nextTick(() => this.input!.focus());\r\n };\r\n\r\n private handleWrapperKeyDown = (e: KeyboardEvent<HTMLElement>) => {\r\n switch (true) {\r\n case isKeyBackspace(e):\r\n case isKeyDelete(e): {\r\n const itemsNew = this.props.selectedItems.filter(item => !this.hasValueInItems(this.state.activeTokens, item));\r\n this.props.onValueChange(itemsNew);\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => {\r\n LayoutEvents.emit();\r\n this.input!.focus();\r\n });\r\n break;\r\n }\r\n case isKeyArrowHorizontal(e):\r\n this.handleWrapperArrows(e);\r\n break;\r\n case isKeyEscape(e):\r\n this.wrapper!.blur();\r\n break;\r\n case isShortcutSelectAll(e):\r\n e.preventDefault();\r\n this.dispatch({\r\n type: 'SET_ACTIVE_TOKENS',\r\n payload: this.props.selectedItems,\r\n });\r\n break;\r\n }\r\n };\r\n\r\n private handleWrapperArrows = (e: KeyboardEvent<HTMLElement>) => {\r\n e.preventDefault();\r\n const activeTokens = this.state.activeTokens;\r\n const activeItemIndex = this.props.selectedItems.indexOf(activeTokens[0]);\r\n const newItemIndex = activeItemIndex + (isKeyArrowLeft(e) ? -1 : +1);\r\n const isLeftEdge = activeItemIndex === 0 && isKeyArrowLeft(e);\r\n const isRightEdge = activeItemIndex === this.props.selectedItems.length - 1 && isKeyArrowRight(e);\r\n if (!e.shiftKey && activeTokens.length === 1) {\r\n this.handleWrapperArrowsWithoutShift(isLeftEdge, isRightEdge, newItemIndex);\r\n } else {\r\n this.handleWrapperArrowsWithShift(isLeftEdge, isRightEdge, newItemIndex);\r\n }\r\n };\r\n\r\n private handleWrapperArrowsWithoutShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\r\n if (isRightEdge) {\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => this.input!.focus());\r\n } else if (!isLeftEdge) {\r\n this.dispatch({\r\n type: 'SET_ACTIVE_TOKENS',\r\n payload: [this.props.selectedItems[newItemIndex]],\r\n });\r\n }\r\n };\r\n\r\n private handleWrapperArrowsWithShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\r\n if (!isLeftEdge && !isRightEdge) {\r\n const itemNew = this.props.selectedItems[newItemIndex];\r\n const itemsNew = [itemNew, ...this.state.activeTokens.filter(item => !isEqual(item, itemNew))];\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: itemsNew });\r\n }\r\n };\r\n\r\n private handleValueChange = (item: T) => {\r\n if (this.hasValueInItems(this.props.selectedItems, item)) {\r\n return;\r\n }\r\n\r\n const newItems = this.props.selectedItems.concat([item]);\r\n this.props.onValueChange(newItems);\r\n\r\n this.dispatch({ type: 'CLEAR_INPUT' });\r\n this.tryGetItems();\r\n };\r\n\r\n private handleAddItem = () => {\r\n const item = this.state.inputValue;\r\n const value = this.props.valueToItem(item);\r\n if (this.hasValueInItems(this.props.selectedItems, value)) {\r\n return;\r\n }\r\n\r\n const newItems = this.props.selectedItems.concat([value]);\r\n this.props.onValueChange(newItems);\r\n\r\n this.dispatch({ type: 'CLEAR_INPUT' });\r\n this.tryGetItems();\r\n };\r\n\r\n private handleRemoveToken = (item: T) => {\r\n this.props.onValueChange(this.props.selectedItems.filter(_ => !isEqual(_, item)));\r\n const filteredActiveTokens = this.state.activeTokens.filter(_ => !isEqual(_, item));\r\n\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: filteredActiveTokens });\r\n if (filteredActiveTokens.length === 0) {\r\n this.focusInput();\r\n }\r\n\r\n this.tryGetItems();\r\n };\r\n\r\n private handleTokenClick = (event: React.MouseEvent<HTMLElement>, itemNew: T) => {\r\n const items = this.state.activeTokens;\r\n if (event.ctrlKey) {\r\n const newItems = this.hasValueInItems(this.state.activeTokens, itemNew)\r\n ? items.filter(item => !isEqual(item, itemNew))\r\n : [...items, itemNew];\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: newItems });\r\n } else {\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\r\n }\r\n this.focusInput();\r\n };\r\n\r\n private handleChangeInputValue = (event: ChangeEvent<HTMLInputElement>) => {\r\n let query = event.target.value.trimLeft();\r\n if (query.endsWith(' ')) {\r\n query = query.trimRight() + ' ';\r\n }\r\n if (this.state.inputValue !== '' && query === '') {\r\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\r\n }\r\n this.dispatch({ type: 'UPDATE_QUERY', payload: query }, () => {\r\n this.tryGetItems(query);\r\n });\r\n if (this.props.onInputValueChange) {\r\n this.props.onInputValueChange(query);\r\n }\r\n };\r\n\r\n private highlightMenuItem = () => {\r\n if (\r\n this.menuRef &&\r\n this.state.autocompleteItems &&\r\n this.state.autocompleteItems.length > 0 &&\r\n this.type !== TokenInputType.Combined\r\n ) {\r\n this.menuRef.highlightItem(0);\r\n }\r\n };\r\n\r\n private renderTokenFields = () => {\r\n return this.props.selectedItems.map(this.renderToken);\r\n };\r\n\r\n private renderToken = (item: T) => {\r\n const { renderToken = defaultRenderToken, disabled } = this.props;\r\n\r\n const isActive = this.state.activeTokens.includes(item);\r\n\r\n // TODO useCallback\r\n const handleIconClick: React.MouseEventHandler<HTMLElement> = event => {\r\n event.stopPropagation();\r\n this.handleRemoveToken(item);\r\n };\r\n\r\n // TODO useCallback\r\n const handleTokenClick: React.MouseEventHandler<HTMLDivElement> = event => {\r\n event.stopPropagation();\r\n this.handleTokenClick(event, item);\r\n };\r\n\r\n return renderToken(item, {\r\n isActive,\r\n onClick: handleTokenClick,\r\n onRemove: handleIconClick,\r\n disabled,\r\n });\r\n };\r\n\r\n private renderAddButton = (value = this.state.inputValue): React.ReactNode \| undefined => {\r\n if (!this.showAddItemHint) {\r\n return;\r\n }\r\n\r\n if (this.props.renderAddButton) {\r\n return this.props.renderAddButton(value, this.handleAddItem);\r\n }\r\n\r\n const { addButtonComment, addButtonTitle } = this.locale;\r\n\r\n return (\r\n <MenuItem onClick={this.handleAddItem} comment={addButtonComment} key=\"renderAddButton\">\r\n {addButtonTitle} {value}\r\n </MenuItem>\r\n );\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["TokenInput.tsx"],"names":["React","isEqual","isKeyArrowHorizontal","isKeyArrowLeft","isKeyArrowRight","isKeyArrowUp","isKeyArrowVertical","isKeyBackspace","isKeyComma","isKeyDelete","isKeyEnter","isKeyEscape","isShortcutSelectAll","LayoutEvents","Token","emptyHandler","ThemeContext","locale","MenuItem","CommonWrapper","cx","getRootNode","rootNode","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","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","getMenuRef","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","WithoutReference","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","theme","renderMain","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","setRootNode","helperText","helperTextEditing","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","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 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';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\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 Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\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@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: 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 private setRootNode!: TSetRootNode;\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 rootNodeRef={this.setRootNode} {...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) {\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 { 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 = getRootNode(this.tokensInputMenu?.getMenuRef());\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 (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\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) {\n this.moveFocusToLastToken();\n }\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 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.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 }\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.d.ts CHANGED Viewed

@@ -1,20 +1,39 @@
 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 interface TokenInputProps<T> {
+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<HTMLInputElement>;
-    onBlur: FocusEventHandler<HTMLInputElement>;
+    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;
@@ -28,8 +47,14 @@ export interface TokenInputProps<T> {
     valueToItem: (item: string) => T;
     toKey: (item: T) => string | number | undefined;
     placeholder?: string;
-    delimiters?: string[];
+    delimiters: string[];
+    /**
+     * Состояние валидации при ошибке.
+     */
     error?: boolean;
+    /**
+     * Состояние валидации при предупреждении.
+     */
     warning?: boolean;
     disabled?: boolean;
     width?: string | number;
@@ -43,24 +68,51 @@ export interface TokenInputProps<T> {
      * Функция отрисовки кнопки добавления в выпадающем списке
      */
     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;
@@ -72,9 +124,18 @@ export declare class TokenInput<T = string> extends React.PureComponent<TokenInp
     private tokensInputMenu;
     private textHelper;
     private wrapper;
+    private setRootNode;
     componentDidMount(): void;
     componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>): void;
     componentWillUnmount(): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
     render(): JSX.Element;
     private renderMain;
     /**
@@ -85,9 +146,9 @@ export declare class TokenInput<T = string> extends React.PureComponent<TokenInp
     private hasValueInItems;
     private get showAddItemHint();
     private get type();
-    private get delimiters();
     private get menuRef();
     private get isCursorVisible();
+    private get isEditingMode();
     private isCursorVisibleForState;
     private inputRef;
     private tokensInputMenuRef;
@@ -97,6 +158,10 @@ export declare class TokenInput<T = string> extends React.PureComponent<TokenInp
     private updateInputTextWidth;
     private handleInputFocus;
     private handleInputBlur;
+    private handleOutsideBlur;
+    private get isInputChanged();
+    private get isInputValueChanged();
+    private get isTokenValueChanged();
     private isBlurToMenu;
     private handleWrapperMouseDown;
     private handleWrapperMouseUp;
@@ -107,17 +172,23 @@ export declare class TokenInput<T = string> extends React.PureComponent<TokenInp
     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 renderTokenFields;
+    private renderTokensStart;
+    private renderTokensEnd;
     private renderToken;
     private renderAddButton;
 }

package/components/TokenInput/TokenInput.md CHANGED Viewed

@@ -1,83 +1,79 @@
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
-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={state.selectedItems}
-    onValueChange={itemsNew => setState({ selectedItems: itemsNew })}
-    renderToken={(item, { isActive, onClick, onRemove }) => (
-      <Token
-        key={item.toString()}
-        colors={tokenColors[item] || tokenColors.default}
-        isActive={isActive}
-        onClick={onClick}
-        onRemove={onRemove}
-      >
-        {item}
-      </Token>
-    )}
-  />
-</div>;
-```
-#### Локали по умолчанию (см. `LocaleProvider`)
-```typescript
-interface TokenInputLocale {
-  addButtonComment?: string;
-  addButtonTitle?: string;
-}
-const ru_RU = {
-  addButtonComment: 'Нажмите Enter или поставьте запятую',
-  addButtonTitle: 'Добавить',
-};
-const en_GB = {
-  addButtonComment: 'Press Enter or type comma',
-  addButtonTitle: 'Add',
-};
-```
+```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',
+};
+```