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

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

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 (3991) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["TokenInput.tsx"],"names":["TokenInputType","DefaultState","inputValue","autocompleteItems","undefined","activeTokens","inFocus","loading","preventBlur","inputValueWidth","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","onRemove","disabled","TokenInput","TokenInputLocaleHelper","state","locale","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","LayoutEvents","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","jsStyles","label","labelFocused","labelDisabled","inputClassName","inputDisabled","reset","getTextWidth","slice","getMenuRef","React","PureComponent","__KONTUR_REACT_UI__","defaultProps","renderValue","toKey","emptyHandler"],"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":["TokenInputType","DefaultState","inputValue","reservedInputValue","undefined","autocompleteItems","activeTokens","editingTokenIndex","inFocus","loading","preventBlur","inputValueWidth","inputValueHeight","TokenInputDataTids","root","tokenInputMenu","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","onDoubleClick","onRemove","disabled","TokenInput","TokenInputLocaleHelper","rootNode","getProps","defaultProps","state","textareaId","input","tokensInputMenu","textHelper","wrapper","memoizedTokens","Map","hasValueInItems","items","value","includes","some","inputRef","node","tokensInputMenuRef","textHelperRef","wrapperRef","dispatch","action","cb","setState","prevState","handleInputFocus","event","type","onFocus","handleInputBlur","isBlurToMenu","handleOutsideBlur","preventDefault","focus","requestAnimationFrame","payload","onBlur","isEditingMode","finishTokenEdit","isTokenValueChanged","length","valueToString","selectItem","isInputChanged","checkForUnexpectedInput","menuRef","menu","getMenuRef","relatedTarget","document","activeElement","contains","handleWrapperMouseDown","target","isClickOnToken","handleWrapperMouseUp","handleCopy","isCursorVisible","selectedItems","delimiters","tokens","map","token","indexOf","sort","index","clipboardData","setData","join","handleInputPaste","WithReference","paste","getData","valueToItem","onValueChange","delimiter","stopPropagation","trim","split","RegExp","filter","Boolean","newItems","concat","tryGetItems","query","props","getItems","hideMenuIfEmptyInputValue","isSelectedItem","isEditingItem","editingItem","autocompleteItemsUnique","unshift","LayoutEvents","emit","highlightMenuItem","selectItemIndex","findIndex","toLowerCase","highlightItem","handleKeyDown","handleInputKeyDown","handleWrapperKeyDown","e","key","WithoutReference","newValue","handleAddItem","isRightmostTokenNotDisabled","isTokenDisabled","enter","up","down","blur","moveFocusToLastToken","selectionStart","getAvailableTokenIndex","itemNew","focusInput","selectInputText","setSelectionRange","indexOfActiveToken","itemsNew","handleWrapperArrows","handleTokenEdit","activeItemIndex","newItemIndex","isLeftEdge","isRightEdge","shiftKey","handleWrapperArrowsWithoutShift","handleWrapperArrowsWithShift","handleValueChange","handleRemoveToken","_","filteredActiveTokens","handleTokenClick","ctrlKey","editedItem","splice","onUnexpectedInput","returnedValue","handleChangeInputValue","trimLeft","endsWith","trimRight","onInputValueChange","Combined","renderTokensStart","slice","renderToken","renderTokensEnd","handleIconClick","handleTokenDoubleClick","renderedToken","set","renderAddButton","showAddItemHint","locale","addButtonComment","addButtonTitle","itemIndex","has","get","startIndex","isDirectionLeft","step","availableIndex","componentDidMount","updateInputTextWidth","addEventListener","autoFocus","componentDidUpdate","prevProps","clear","isCursorVisibleForState","componentWillUnmount","removeEventListener","render","theme","renderMain","Error","maxMenuHeight","error","warning","placeholder","renderNotFound","inputMode","renderTotalCount","totalCount","ariaDescribedby","width","onMouseEnter","onMouseLeave","menuWidth","menuAlign","renderItem","showMenu","lineHeight","parseInt","tokenInputLineHeight","inputInlineStyles","height","Math","max","flex","caretColor","labelClassName","styles","label","hovering","labelDisabled","labelFocused","inputClassName","inputDisabled","inputEditing","setRootNode","helperText","helperTextEditing","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","isInputValueChanged","React","PureComponent","__KONTUR_REACT_UI__","renderValue","toKey","emptyHandler"],"mappings":"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","sourcesContent":["import React, {\n AriaAttributes,\n ChangeEvent,\n FocusEvent,\n FocusEventHandler,\n KeyboardEvent,\n MouseEventHandler,\n ReactNode,\n} from 'react';\nimport isEqual from 'lodash.isequal';\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 { AnyObject, 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';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { getUid } from '../../lib/uidUtils';\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 /*\n Выбранные токены, которые будут отображаться в поле ввода\n /\n selectedItems?: T[];\n /\n Вызывается при добавлении нового токена\n /\n onValueChange?: (items: T[]) => void;\n onMouseEnter?: MouseEventHandler<HTMLDivElement>;\n onMouseLeave?: MouseEventHandler<HTMLDivElement>;\n onFocus?: FocusEventHandler<HTMLTextAreaElement>;\n onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n autoFocus?: boolean;\n /\n Тип инпута. Возможные значения:\n \n `TokenInputType.WithReference` (можно выбирать токены только из предложенных, нельзя добавить новые)\n \n `TokenInputType.WithoutReference` (можно добавлять токены, но нельзя выбирать)\n \n `TokenInputType.Combined` (можно и выбирать, и добавлять)\n /\n type?: TokenInputType;\n /\n Ширина выпадающего меню может быть указана как 'auto'\n * а также в пикселях, процентах (от ширины инпута)\n * или других конкретных единицах\n \n Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'\n * (по ширине текста)\n /\n menuWidth?: React.CSSProperties['width'];\n /\n Определяет выравнивание меню. Принимает значения `left` и `cursor`\n /\n menuAlign?: TokenInputMenuAlign;\n /\n Функция поиска элементов, должна возвращать Promise с массивом элементов.\n * По умолчанию ожидаются строки.\n \n Элементы могут быть любого типа. В этом случае необходимо определить\n * свойства `renderItem`, `valueToString`\n /\n getItems?: (query: string) => Promise<T[]>;\n /\n Скрывает меню при пустом вводе\n /\n hideMenuIfEmptyInputValue?: boolean;\n /\n Позволяет настроить отображение элемента списка\n /\n renderItem?: (item: T, state: MenuItemState) => React.ReactNode \| null;\n /\n Позволяет настроить отображение выбранного значения\n /\n renderValue?: (item: T) => React.ReactNode;\n /\n Функция должна возвращать строковое представление токена\n * @default item => item\n /\n valueToString?: (item: T) => string;\n /\n Функция отображающая сообщение об общем количестве элементов.\n * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n /\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\n /\n Общее количество элементов.\n * Необходим для работы `renderTotalCount`\n /\n totalCount?: number;\n /\n Отображает заданное содержимое, если ничего не найдено. Работает если не рендерится `AddButton`\n /\n renderNotFound?: () => React.ReactNode;\n /\n Преобразует значение в элемент списка\n /\n valueToItem?: (item: string) => T;\n /\n Определяет уникальный ключ по элементу\n /\n toKey?: (item: T) => string \| number \| undefined;\n placeholder?: string;\n /\n Символы, которые разделяют введённый текст на токены\n /\n delimiters?: string[];\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n disabled?: boolean;\n width?: string \| number;\n maxMenuHeight?: number \| string;\n /\n Позволяет настроить отображение токена, предоставляя возможность кастомизации внешнего вида и поведения токена\n /\n renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\n /\n Вызывается при изменении текста в поле ввода,\n /\n onInputValueChange?: (value: string) => void;\n /\n Функция отрисовки кнопки добавления в выпадающем списке.\n * Работает только когда тип инпута = `TokenInputType.Combined`\n /\n renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;\n /\n Атрибут для указания id элемента(-ов), описывающих его\n /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n\n /\n Функция для обработки ситуации, когда была введена\n * строка в инпут и был потерян фокус с компонента\n \n Функция срабатывает с аргументом инпута строки\n \n Если при потере фокуса в выпадающем списке будет только один\n * элемент и результат `valueToString` с этим элементом будет\n * совпадать со значение в текстовом поле, то\n * сработает `onValueChange` со значением данного элемента\n \n Сама функция также может вернуть значение,\n * неравное `undefined`, с которым будет вызван `onValueChange`.\n * Если возвращаемое значение будет равно `null`,\n * то сработает очистка текущего значения инпута,\n * а в режиме редактирования токен будет удален\n /\n onUnexpectedInput?: (value: string) => void \| null \| undefined \| T;\n inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];\n}\n\nexport interface TokenInputState<T> {\n autocompleteItems?: T[];\n activeTokens: T[];\n editingTokenIndex: number;\n clickedToken?: T;\n clickedTokenTimeout?: number;\n inFocus?: boolean;\n inputValue: string;\n reservedInputValue: string \| undefined;\n inputValueWidth: number;\n inputValueHeight: number;\n preventBlur?: boolean;\n loading?: boolean;\n}\n\nexport const DefaultState = {\n inputValue: '',\n reservedInputValue: undefined,\n autocompleteItems: undefined,\n activeTokens: [],\n editingTokenIndex: -1,\n inFocus: false,\n loading: false,\n preventBlur: false,\n inputValueWidth: 2,\n inputValueHeight: 22,\n};\n\nexport const TokenInputDataTids = {\n root: 'TokenInput__root',\n tokenInputMenu: 'TokenInputMenu__root',\n} as const;\n\ntype DefaultProps<T> = Required<\n Pick<\n TokenInputProps<T>,\n \| 'selectedItems'\n \| 'delimiters'\n \| 'renderItem'\n \| 'renderValue'\n \| 'valueToString'\n \| 'valueToItem'\n \| 'toKey'\n \| 'onValueChange'\n \| 'width'\n \| 'onBlur'\n \| 'onFocus'\n \| 'onMouseEnter'\n \| 'onMouseLeave'\n \| 'menuWidth'\n \| 'menuAlign'\n >\n>;\n\nconst defaultToKey = <T extends AnyObject>(item: T): string => item.toString();\nconst identity = <T extends unknown>(item: T): T => item;\nconst defaultRenderToken = <T extends AnyObject>(\n item: T,\n { isActive, onClick, onDoubleClick, onRemove, disabled }: Partial<TokenProps>,\n) => (\n <Token\n key={item.toString()}\n isActive={isActive}\n onClick={onClick}\n onDoubleClick={onDoubleClick}\n onRemove={onRemove}\n disabled={disabled}\n >\n {item}\n </Token>\n);\n\n@rootNode\n@locale('TokenInput', TokenInputLocaleHelper)\nexport class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {\n public static __KONTUR_REACT_UI__ = 'TokenInput';\n\n public static defaultProps: DefaultProps<any> = {\n selectedItems: [],\n 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 private getProps = createPropsGetter(TokenInput.defaultProps);\n\n public state: TokenInputState<T> = DefaultState;\n\n private readonly textareaId: string = getUid();\n private readonly locale!: TokenInputLocale;\n private theme!: Theme;\n private input: HTMLTextAreaElement \| null = null;\n private tokensInputMenu: TokenInputMenu<T> \| null = null;\n private textHelper: TextWidthHelper \| null = null;\n private wrapper: HTMLLabelElement \| null = null;\n private setRootNode!: TSetRootNode;\n private memoizedTokens = new Map();\n\n public componentDidMount() {\n this.updateInputTextWidth();\n document.addEventListener('copy', this.handleCopy);\n if (this.props.autoFocus) {\n this.focusInput();\n }\n }\n\n public componentDidUpdate(prevProps: TokenInputProps<T> & DefaultProps<T>, prevState: TokenInputState<T>) {\n if (prevState.inputValue !== this.state.inputValue) {\n this.updateInputTextWidth();\n }\n if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {\n this.dispatch({\n type: 'SET_AUTOCOMPLETE_ITEMS',\n payload: undefined,\n });\n }\n if (prevProps.selectedItems.length !== this.getProps().selectedItems.length) {\n LayoutEvents.emit();\n this.memoizedTokens.clear();\n }\n if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {\n this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);\n }\n }\n\n public componentWillUnmount() {\n 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 maxMenuHeight,\n error,\n warning,\n disabled,\n placeholder,\n renderNotFound,\n hideMenuIfEmptyInputValue,\n inputMode,\n renderTotalCount,\n totalCount,\n 'aria-describedby': ariaDescribedby,\n } = this.props;\n\n const { selectedItems, width, onMouseEnter, onMouseLeave, menuWidth, menuAlign, renderItem } = this.getProps();\n\n const {\n activeTokens,\n inFocus,\n inputValueWidth,\n inputValue,\n reservedInputValue,\n autocompleteItems,\n loading,\n inputValueHeight,\n } = this.state;\n\n const showMenu =\n this.type !== TokenInputType.WithoutReference &&\n this.isCursorVisible &&\n activeTokens.length === 0 &&\n (inputValue !== '' \|\| !hideMenuIfEmptyInputValue);\n\n const theme = this.theme;\n\n const lineHeight = parseInt(theme.tokenInputLineHeight, 10) \|\| 0;\n\n const inputInlineStyles: React.CSSProperties = {\n // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости\n width: inputValueWidth,\n height: Math.max(lineHeight, inputValueHeight),\n // input растягивается на всю ширину чтобы placeholder не обрезался\n flex: selectedItems && selectedItems.length === 0 ? 1 : undefined,\n // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее\n caretColor: this.isCursorVisible ? undefined : 'transparent',\n };\n\n const labelClassName = cx(styles.label(theme), {\n [styles.hovering(this.theme)]: !inFocus && !disabled && !warning && !error,\n [styles.labelDisabled(theme)]: !!disabled,\n [styles.labelFocused(theme)]: !!inFocus,\n [styles.error(theme)]: !!error,\n [styles.warning(theme)]: !!warning,\n });\n const inputClassName = cx(styles.input(theme), {\n [styles.inputDisabled(theme)]: !!disabled,\n [styles.inputEditing(theme)]: this.isEditingMode,\n });\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div data-tid={TokenInputDataTids.root} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n <label\n ref={this.wrapperRef}\n style={{ width }}\n className={labelClassName}\n onMouseDown={this.handleWrapperMouseDown}\n onMouseUp={this.handleWrapperMouseUp}\n htmlFor={this.textareaId}\n >\n <TextWidthHelper\n ref={this.textHelperRef}\n classHelp={cx(styles.helperText(theme), {\n [styles.helperTextEditing(theme)]: this.isEditingMode,\n })}\n text={inputValue}\n theme={this.theme}\n />\n {this.renderTokensStart()}\n <textarea\n id={this.textareaId}\n ref={this.inputRef}\n value={inputValue}\n style={inputInlineStyles}\n spellCheck={false}\n disabled={disabled}\n className={inputClassName}\n placeholder={selectedItems.length > 0 ? undefined : placeholder}\n onFocus={this.handleInputFocus}\n onBlur={this.handleInputBlur}\n onChange={this.handleChangeInputValue}\n onKeyDown={this.handleKeyDown}\n onPaste={this.handleInputPaste}\n inputMode={inputMode}\n aria-describedby={ariaDescribedby}\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 renderTotalCount={renderTotalCount}\n totalCount={totalCount}\n />\n )}\n {this.renderTokensEnd()}\n {this.isEditingMode ? <span className={styles.reservedInput(theme)}>{reservedInputValue}</span> : null}\n </label>\n </div>\n </CommonWrapper>\n );\n }\n\n /\n Сбрасывает введенное пользователем значение\n * @public\n */\n public reset() {\n this.dispatch({ type: 'RESET' });\n }\n\n private hasValueInItems = (items: T[], value: T) => {\n if (typeof value === 'string') {\n return items.includes(value);\n }\n // todo: как то не очень\n return items.some((item) => isEqual(item, value));\n };\n\n private get showAddItemHint() {\n const items = this.state.autocompleteItems;\n const value = this.getProps().valueToItem(this.state.inputValue);\n\n if (items && this.hasValueInItems(items, value)) {\n return false;\n }\n\n const selectedItems = this.getProps().selectedItems;\n if (selectedItems && this.hasValueInItems(selectedItems, value)) {\n return false;\n }\n\n if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {\n return true;\n }\n }\n\n private get type() {\n return this.props.type ? this.props.type : TokenInputType.WithReference;\n }\n\n private get menuRef(): Menu \| null {\n return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();\n }\n\n private get isCursorVisible() {\n return this.isCursorVisibleForState(this.state);\n }\n\n private get isEditingMode() {\n return this.state.editingTokenIndex > -1;\n }\n\n private isCursorVisibleForState(state: TokenInputState<T>) {\n return state.inFocus && (state.inputValue !== '' \|\| state.activeTokens.length === 0);\n }\n\n private inputRef = (node: HTMLTextAreaElement) => (this.input = node);\n private tokensInputMenuRef = (node: TokenInputMenu<T>) => (this.tokensInputMenu = node);\n private textHelperRef = (node: TextWidthHelper) => (this.textHelper = node);\n private wrapperRef = (node: HTMLLabelElement) => (this.wrapper = node);\n\n private dispatch = (action: TokenInputAction, cb?: () => void) => {\n this.setState((prevState) => tokenInputReducer(prevState, action), cb);\n };\n\n private updateInputTextWidth() {\n if (this.textHelper) {\n // в IE текст иногда не помещается в input\n // из-за округления, поэтому округляем явно\n const inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));\n const inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));\n\n this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);\n this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);\n }\n }\n\n private handleInputFocus = (event: FocusEvent<HTMLTextAreaElement>) => {\n this.dispatch({ type: 'SET_FOCUS_IN' });\n this.getProps().onFocus(event);\n };\n\n private handleInputBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n const isBlurToMenu = this.isBlurToMenu(event);\n\n if (!isBlurToMenu) {\n this.handleOutsideBlur();\n }\n\n if (isBlurToMenu \|\| this.state.preventBlur) {\n event.preventDefault();\n // первый focus нужен для предотвращения/уменьшения моргания в других браузерах\n this.input?.focus();\n // в firefox не работает без второго focus\n requestAnimationFrame(() => this.input?.focus());\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\n } else {\n this.dispatch({ type: 'BLUR' });\n this.getProps().onBlur(event);\n }\n };\n\n private handleOutsideBlur = () => {\n const { inputValue, autocompleteItems } = this.state;\n\n if (inputValue === '') {\n // если стерли содержимое токена в режиме редактирования, то удаляем токен\n if (this.isEditingMode) {\n this.finishTokenEdit();\n }\n return;\n }\n\n // если не изменилось значение токена при редактировании\n if (this.isEditingMode && !this.isTokenValueChanged) {\n this.finishTokenEdit();\n return;\n }\n\n // чекаем автокомплит на совпадение с введенным значением в инпут\n if (autocompleteItems && autocompleteItems.length === 1) {\n const item = autocompleteItems[0];\n\n if (this.getProps().valueToString(item) === inputValue) {\n this.isEditingMode ? this.finishTokenEdit() : this.selectItem(item);\n\n return;\n }\n }\n\n if (this.isInputChanged) {\n this.checkForUnexpectedInput();\n }\n };\n\n private get isInputChanged() {\n if (this.isEditingMode) {\n return this.isTokenValueChanged;\n }\n\n return this.isInputValueChanged;\n }\n\n private get isInputValueChanged() {\n const { inputValue } = this.state;\n\n return inputValue !== '';\n }\n\n private get isTokenValueChanged() {\n const { inputValue, editingTokenIndex } = this.state;\n const { valueToString, selectedItems } = this.getProps();\n\n if (this.isEditingMode) {\n return valueToString(selectedItems[editingTokenIndex]) !== inputValue;\n }\n\n return false;\n }\n\n private isBlurToMenu = (event: FocusEvent<HTMLElement>) => {\n if (this.menuRef) {\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 = target && this.wrapper?.contains(target) && target !== this.wrapper && target !== this.input;\n if (!isClickOnToken) {\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n }\n };\n\n private handleWrapperMouseUp = () => {\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\n };\n\n private handleCopy = (event: any) => {\n if (!this.state.inFocus \|\| this.state.activeTokens.length === 0 \|\| this.isCursorVisible) {\n return;\n }\n event.preventDefault();\n const { selectedItems, valueToString, delimiters } = this.getProps();\n // упорядочивание токенов по индексу\n const tokens = this.state.activeTokens\n .map((token) => selectedItems.indexOf(token))\n .sort()\n .map((index) => selectedItems[index])\n .map((item) => valueToString(item));\n event.clipboardData.setData('text/plain', tokens.join(delimiters[0]));\n };\n\n private handleInputPaste = (event: React.ClipboardEvent<HTMLElement>) => {\n if (this.type === TokenInputType.WithReference \|\| !event.clipboardData) {\n return;\n }\n const paste = event.clipboardData.getData('text');\n const { delimiters, selectedItems, valueToItem, onValueChange } = this.getProps();\n if (delimiters.some((delimiter) => paste.includes(delimiter))) {\n event.preventDefault();\n event.stopPropagation();\n const tokens = paste.trim().split(new RegExp(`[${delimiters.join('')}]+`));\n const items = tokens\n .filter(Boolean)\n .map((token) => valueToItem(token))\n .filter((item) => item && !this.hasValueInItems(selectedItems, item));\n const newItems = selectedItems.concat(items);\n onValueChange(newItems);\n\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\n this.tryGetItems();\n }\n };\n\n private tryGetItems = async (query = '') => {\n if (this.props.getItems && (this.state.inputValue !== '' \|\| !this.props.hideMenuIfEmptyInputValue)) {\n this.dispatch({ type: 'SET_LOADING', payload: true });\n const autocompleteItems = await this.props.getItems(query);\n this.dispatch({ type: 'SET_LOADING', payload: false });\n\n const { selectedItems, valueToItem, valueToString } = this.getProps();\n const isSelectedItem = (item: T) => this.hasValueInItems(selectedItems, item);\n const isEditingItem = (item: T) => {\n const editingItem = selectedItems[this.state.editingTokenIndex];\n return !!editingItem && isEqual(item, editingItem);\n };\n\n const autocompleteItemsUnique = autocompleteItems.filter((item) => !isSelectedItem(item) \|\| isEditingItem(item));\n\n if (this.isEditingMode) {\n const editingItem = selectedItems[this.state.editingTokenIndex];\n if (\n isEqual(editingItem, valueToItem(this.state.inputValue)) &&\n !this.hasValueInItems(autocompleteItemsUnique, editingItem)\n ) {\n autocompleteItemsUnique.unshift(editingItem);\n }\n }\n\n if (query === '' \|\| this.state.inputValue !== '') {\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: autocompleteItemsUnique }, () => {\n LayoutEvents.emit();\n this.highlightMenuItem();\n });\n }\n const selectItemIndex = autocompleteItemsUnique.findIndex(\n (item) => valueToString(item).toLowerCase() === this.state.inputValue.toLowerCase(),\n );\n if (this.menuRef) {\n this.menuRef.highlightItem(selectItemIndex < 0 ? 0 : selectItemIndex);\n }\n }\n };\n\n private handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n if (this.isCursorVisible) {\n this.handleInputKeyDown(event);\n } else {\n this.handleWrapperKeyDown(event);\n }\n };\n\n private handleInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n e.stopPropagation();\n\n if (\n (this.type !== TokenInputType.WithReference &&\n this.getProps().delimiters.some((key) => key === e.key \|\| (key === ',' && isKeyComma(e)))) \|\|\n (isKeyEnter(e) && this.type === TokenInputType.WithoutReference)\n ) {\n e.preventDefault();\n const newValue = this.state.inputValue;\n if (newValue !== '') {\n if (this.isEditingMode) {\n this.finishTokenEdit();\n } else {\n this.handleAddItem();\n }\n }\n }\n const isRightmostTokenNotDisabled = !this.isTokenDisabled(this.getProps().selectedItems.length - 1);\n switch (true) {\n case isKeyEnter(e):\n if (this.menuRef) {\n this.menuRef.enter(e);\n }\n // don't allow textarea\n // became multiline\n e.preventDefault();\n break;\n case isKeyArrowVertical(e):\n e.preventDefault();\n if (this.menuRef) {\n if (isKeyArrowUp(e)) {\n this.menuRef.up();\n } else {\n this.menuRef.down();\n }\n }\n break;\n case isKeyEscape(e):\n this.input?.blur();\n break;\n case isKeyBackspace(e):\n if (!this.isEditingMode && isRightmostTokenNotDisabled) {\n this.moveFocusToLastToken();\n }\n break;\n case isKeyArrowLeft(e):\n if (this.input?.selectionStart === 0) {\n const index = this.getAvailableTokenIndex(this.getProps().selectedItems.length);\n const itemNew = this.getProps().selectedItems[index];\n if (itemNew) {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\n }\n }\n break;\n }\n };\n\n private moveFocusToLastToken() {\n const items = this.getProps().selectedItems;\n if (this.state.inputValue === '' && items && items.length > 0) {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });\n }\n }\n\n private focusInput = () => {\n requestAnimationFrame(() => this.input?.focus());\n };\n\n private selectInputText = () => {\n if (this.input) {\n this.input.setSelectionRange(0, this.state.inputValue.length);\n }\n };\n\n private handleWrapperKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n const { selectedItems, onValueChange } = this.getProps();\n switch (true) {\n case isKeyBackspace(e):\n case isKeyDelete(e): {\n const indexOfActiveToken = this.getProps().selectedItems.indexOf(\n this.state.activeTokens[this.state.activeTokens.length - 1],\n );\n if (!this.isEditingMode && !this.isTokenDisabled(indexOfActiveToken)) {\n const itemsNew = selectedItems.filter((item) => !this.hasValueInItems(this.state.activeTokens, item));\n onValueChange(itemsNew);\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => {\n LayoutEvents.emit();\n this.input?.focus();\n });\n }\n break;\n }\n case isKeyArrowHorizontal(e):\n this.handleWrapperArrows(e);\n break;\n case isKeyEscape(e):\n this.wrapper?.blur();\n break;\n case isKeyEnter(e):\n e.preventDefault();\n if (this.state.activeTokens.length === 1) {\n this.handleTokenEdit(this.state.activeTokens[0]);\n }\n break;\n case isShortcutSelectAll(e):\n e.preventDefault();\n this.dispatch({\n type: 'SET_ACTIVE_TOKENS',\n payload: selectedItems.filter((item) => !this.isTokenDisabled(selectedItems.indexOf(item))),\n });\n break;\n }\n };\n\n private handleWrapperArrows = (e: KeyboardEvent<HTMLElement>) => {\n e.preventDefault();\n const selectedItems = this.getProps().selectedItems;\n const activeTokens = this.state.activeTokens;\n const activeItemIndex = selectedItems.indexOf(activeTokens[0]);\n const newItemIndex = this.getAvailableTokenIndex(activeItemIndex, isKeyArrowLeft(e));\n const isLeftEdge = activeItemIndex === 0 && isKeyArrowLeft(e);\n const isRightEdge = newItemIndex === selectedItems.length && isKeyArrowRight(e);\n if (!e.shiftKey && activeTokens.length === 1) {\n this.handleWrapperArrowsWithoutShift(isLeftEdge, isRightEdge, newItemIndex);\n } else {\n this.handleWrapperArrowsWithShift(isLeftEdge, isRightEdge, newItemIndex);\n }\n };\n\n private handleWrapperArrowsWithoutShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\n if (isRightEdge) {\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => this.input?.focus());\n } else if (!isLeftEdge) {\n this.dispatch({\n type: 'SET_ACTIVE_TOKENS',\n payload: [this.getProps().selectedItems[newItemIndex]],\n });\n }\n };\n\n private handleWrapperArrowsWithShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\n if (!isLeftEdge && !isRightEdge) {\n const itemNew = this.getProps().selectedItems[newItemIndex];\n const itemsNew = [itemNew, ...this.state.activeTokens.filter((item) => !isEqual(item, itemNew))];\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: itemsNew });\n }\n };\n\n private handleValueChange = (items: T[]) => {\n this.getProps().onValueChange(items);\n };\n\n private handleAddItem = () => {\n const item = this.getProps().valueToItem(this.state.inputValue);\n if (item) {\n this.selectItem(item);\n }\n };\n\n private selectItem = (item: T) => {\n const { selectedItems, valueToString } = this.getProps();\n if (this.isEditingMode) {\n this.dispatch({ type: 'UPDATE_QUERY', payload: valueToString(item) }, this.finishTokenEdit);\n } else if (!this.hasValueInItems(selectedItems, item)) {\n this.handleValueChange(selectedItems.concat([item]));\n this.dispatch({ type: 'CLEAR_INPUT' });\n this.tryGetItems();\n }\n };\n\n private handleRemoveToken = (item: T) => {\n this.props.onValueChange?.(this.getProps().selectedItems.filter((_) => !isEqual(_, item)));\n const filteredActiveTokens = this.state.activeTokens.filter((_) => !isEqual(_, item));\n\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: filteredActiveTokens });\n if (filteredActiveTokens.length === 0) {\n this.focusInput();\n }\n\n this.tryGetItems();\n };\n\n private handleTokenClick = (event: React.MouseEvent<HTMLElement>, itemNew: T) => {\n const items = this.state.activeTokens;\n if (event.ctrlKey) {\n const newItems = this.hasValueInItems(this.state.activeTokens, itemNew)\n ? items.filter((item) => !isEqual(item, itemNew))\n : [...items, itemNew];\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: newItems });\n } else {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\n }\n this.focusInput();\n };\n\n private handleTokenEdit = (itemNew: T) => {\n const { selectedItems, valueToString } = this.getProps();\n const editingTokenIndex = selectedItems.findIndex((item) => item === itemNew);\n this.dispatch({ type: 'SET_EDITING_TOKEN_INDEX', payload: editingTokenIndex });\n\n if (this.state.inputValue !== '') {\n if (this.state.reservedInputValue === undefined) {\n this.dispatch({ type: 'SET_TEMPORARY_QUERY', payload: this.state.inputValue });\n }\n }\n this.dispatch({ type: 'UPDATE_QUERY', payload: valueToString(itemNew) }, this.selectInputText);\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n\n this.tryGetItems();\n };\n\n private finishTokenEdit = () => {\n const selectedItems = this.getProps().selectedItems;\n const { editingTokenIndex, inputValue, reservedInputValue } = this.state;\n const editedItem = this.getProps().valueToItem(inputValue);\n const newItems = selectedItems.concat([]);\n\n if (!this.hasValueInItems(selectedItems, editedItem)) {\n newItems.splice(editingTokenIndex, 1, ...(inputValue !== '' ? [editedItem] : []));\n this.handleValueChange(newItems);\n }\n\n this.dispatch({ type: 'REMOVE_EDITING_TOKEN_INDEX' });\n\n if (reservedInputValue) {\n this.dispatch({ type: 'UPDATE_QUERY', payload: reservedInputValue });\n this.dispatch({ type: 'REMOVE_TEMPORARY_QUERY' });\n } else {\n this.dispatch({ type: 'CLEAR_INPUT' });\n }\n\n if (newItems.length === selectedItems.length) {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [newItems[editingTokenIndex]] });\n }\n };\n\n private checkForUnexpectedInput = () => {\n const { inputValue } = this.state;\n const { onUnexpectedInput } = this.props;\n\n if (onUnexpectedInput) {\n // чекаем не возвращает ли что-нибудь обработчик\n const returnedValue = onUnexpectedInput(inputValue);\n\n if (returnedValue === undefined) {\n return;\n }\n\n if (returnedValue === null) {\n this.dispatch({ type: 'CLEAR_INPUT' }, () => {\n if (this.isEditingMode) {\n this.finishTokenEdit();\n }\n });\n\n return;\n }\n\n if (returnedValue) {\n this.selectItem(returnedValue);\n }\n }\n };\n\n private handleChangeInputValue = (event: ChangeEvent<HTMLTextAreaElement>) => {\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n let query = event.target.value.trimLeft();\n\n if (query.endsWith(' ')) {\n query = query.trimRight() + ' ';\n }\n if (this.state.inputValue !== '' && query === '') {\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\n }\n this.dispatch({ type: 'UPDATE_QUERY', payload: query }, () => {\n this.tryGetItems(query);\n });\n if (this.props.onInputValueChange) {\n this.props.onInputValueChange(query);\n }\n };\n\n private highlightMenuItem = () => {\n if (\n this.menuRef &&\n this.state.autocompleteItems &&\n this.state.autocompleteItems.length > 0 &&\n this.type !== TokenInputType.Combined\n ) {\n this.menuRef.highlightItem(0);\n }\n };\n\n private renderTokensStart = () => {\n const { editingTokenIndex } = this.state;\n const selectedItems = this.getProps().selectedItems;\n const delimiter = editingTokenIndex >= 0 ? editingTokenIndex : selectedItems.length;\n return selectedItems.slice(0, delimiter).map(this.renderToken);\n };\n\n private renderTokensEnd = () => {\n if (this.state.editingTokenIndex >= 0) {\n return this.getProps()\n .selectedItems.slice(this.state.editingTokenIndex + 1)\n .map(this.renderToken);\n }\n };\n\n private renderToken = (item: T) => {\n const { renderToken = defaultRenderToken, disabled } = this.props;\n\n const isActive = this.state.activeTokens.includes(item);\n\n // TODO useCallback\n const handleIconClick: React.MouseEventHandler<HTMLElement> = (event) => {\n event.stopPropagation();\n if (!this.isEditingMode) {\n this.handleRemoveToken(item);\n }\n };\n\n // TODO useCallback\n const handleTokenClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n event.stopPropagation();\n if (!this.isEditingMode) {\n this.handleTokenClick(event, item);\n }\n };\n\n const handleTokenDoubleClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n event.stopPropagation();\n if (!this.isEditingMode && !disabled) {\n this.handleTokenEdit(item);\n }\n };\n\n const renderedToken = renderToken(item as T & AnyObject, {\n isActive,\n onClick: handleTokenClick,\n onDoubleClick: handleTokenDoubleClick,\n onRemove: handleIconClick,\n disabled,\n });\n\n this.memoizedTokens.set(this.props.selectedItems?.indexOf(item), renderedToken);\n return renderedToken;\n };\n\n private renderAddButton = (value = this.state.inputValue): React.ReactNode \| undefined => {\n if (!this.showAddItemHint) {\n return;\n }\n\n if (this.props.renderAddButton) {\n return this.props.renderAddButton(value, this.handleAddItem);\n }\n\n const { addButtonComment, addButtonTitle } = this.locale;\n\n return (\n <MenuItem onClick={this.handleAddItem} comment={addButtonComment} key=\"renderAddButton\">\n {addButtonTitle} {value}\n </MenuItem>\n );\n };\n\n private isTokenDisabled = (itemIndex: number) => {\n let renderedToken;\n if (this.memoizedTokens.has(itemIndex)) {\n renderedToken = this.memoizedTokens.get(itemIndex);\n } else if (itemIndex < 0 \|\| itemIndex > this.getProps().selectedItems.length - 1) {\n return false;\n } else {\n renderedToken = this.renderToken(this.getProps().selectedItems[itemIndex]) as React.ReactElement<\n TokenInputProps<unknown>\n >;\n }\n return renderedToken.props.disabled;\n };\n\n private getAvailableTokenIndex = (startIndex: number, isDirectionLeft = true) => {\n const { selectedItems } = this.getProps();\n const step = isDirectionLeft ? -1 : +1;\n let availableIndex = startIndex + step;\n\n while (this.isTokenDisabled(availableIndex)) {\n availableIndex += step;\n if (availableIndex === selectedItems.length) {\n return availableIndex;\n } else if (availableIndex === -1) {\n return startIndex;\n }\n }\n\n return availableIndex;\n };\n}\n"]}

package/cjs/components/TokenInput/TokenInput.md CHANGED Viewed

@@ -1,83 +1,205 @@
-```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>;
+```
+Заблокированный TokenInput с кастомными Token:
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+const [selectedItems, setSelectedItems] = React.useState(['aaa', 'bbb', 'ccc']);
+async function getItems(query) {
+  return ['aaa', 'bbb', 'ccc'].filter((s) => s.includes(query));
+};
+<TokenInput
+  disabled
+  type={TokenInputType.Combined}
+  getItems={getItems}
+  selectedItems={selectedItems}
+  onValueChange={setSelectedItems}
+  renderToken={(item, tokenProps) => (
+    <Token key={item.toString()} {...tokenProps} disabled={item === 'bbb' || tokenProps.disabled} >
+      {item}
+    </Token>
+  )}
+/>
+```
+Показ определенного количества токенов
+```jsx harmony
+import { Token, MenuHeader } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+const kladr = require('../ComboBox/__mocks__/./kladr.json');
+const maxItems = 5;
+const [value, setValue] = React.useState(null);
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+const getCities = (query) => {
+  const items = kladr.map(x => x.City).filter(x => x.toLowerCase().includes(query.toLowerCase()) || x.toString(10) === query);
+  const result = items.slice(0, maxItems);
+  return Promise.resolve({
+    foundItems: result,
+    totalCount: items.length,
+  }).then(delay(300));
+};
+const renderTotalCount = (foundCount, totalCount) =>
+  foundCount < totalCount ? (
+    <MenuHeader>
+      Показано {foundCount} из {totalCount} найденных городов.
+    </MenuHeader>
+  ) : (
+    []
+  );
+const getItems = query =>
+  getCities(query).then(({ foundItems, totalCount }) =>
+    [].concat(
+      foundItems,
+      renderTotalCount(foundItems.length, totalCount),
+    ),
+  );
+<div style={{ width: '300px' }}>
+  <TokenInput
+    type={TokenInputType.Combined}
+    value={value}
+    onValueChange={setValue}
+    getItems={getItems}
+    placeholder="Начните вводить название"
+    renderToken={(item, tokenProps) => (
+      <Token key={item.toString()} {...tokenProps} >
+        {item}
+      </Token>
+    )}
+  />
+</div>;
+```
+Пример с кастомным типом элементов меню
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+const [selectedItems, setSelectedItems] = React.useState([]);
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+const getGenericItems = () => [
+  { id: '111', value: 'aaa' },
+  { id: '222', value: 'bbb' },
+  { id: '333', value: 'ccc' },
+  { id: '444', value: 'ddd' },
+];
+const renderItem = (item) => item.value;
+const renderValue = (value) => value.value;
+const valueToItem = (item) => ({
+  value: item,
+});
+const getModelItems = async (query) => {
+  await delay(400);
+  return getGenericItems().filter((s) => s.value.includes(query));
+}
+<div style={{ width: '300px' }}>
+  <TokenInput
+    selectedItems={selectedItems}
+    renderItem={renderItem}
+    renderValue={renderValue}
+    valueToItem={valueToItem}
+    getItems={getModelItems}
+    onValueChange={setSelectedItems}
+    placeholder="placeholder"
+    type={TokenInputType.Combined}
+    renderToken={(item, tokenProps) => (
+      <Token
+        key={item.id}
+        {...tokenProps}
+      >
+        {item.value}
+      </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/cjs/components/TokenInput/TokenInput.styles.d.ts CHANGED Viewed

@@ -1,9 +1,16 @@
-export declare const jsStyles: {
-    label(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    labelFocused(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    labelDisabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    input(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    inputDisabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    label(t: Theme): string;
+    hovering(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    labelFocused(t: Theme): string;
+    labelDisabled(t: Theme): string;
+    input(t: Theme): string;
+    helperContainer(t: Theme): string;
+    helperText(t: Theme): string;
+    helperTextEditing(t: Theme): string;
+    inputDisabled(t: Theme): string;
+    inputEditing(t: Theme): string;
+    reservedInput(t: Theme): string;
 };