npm - @skbkontur/react-ui - Versions diffs - 0.0.0-0dca6f33be → 0.0.0-0ffbe8b468 - Mend

@skbkontur/react-ui 0.0.0-0dca6f33be → 0.0.0-0ffbe8b468

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

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

	@@ -1 +1 @@
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"]}
1	+ {"version":3,"sources":["TokenInput.tsx"],"names":["TokenInputType","DefaultState","inputValue","reservedInputValue","undefined","autocompleteItems","activeTokens","editingTokenIndex","inFocus","loading","preventBlur","inputValueWidth","inputValueHeight","TokenInputDataTids","root","tokenInputMenu","label","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","onDoubleClick","onRemove","disabled","TokenInput","TokenInputLocaleHelper","rootNode","getProps","defaultProps","state","textareaId","rootId","PopupIds","input","tokensInputMenu","textHelper","wrapper","memoizedTokens","Map","hasValueInItems","items","value","includes","some","inputRef","node","tokensInputMenuRef","textHelperRef","wrapperRef","dispatch","action","cb","setState","prevState","handleInputFocus","event","type","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","ariaLabel","width","onMouseEnter","onMouseLeave","menuWidth","menuAlign","renderItem","showMenu","lineHeight","parseInt","tokenInputLineHeight","inputInlineStyles","height","Math","max","flex","caretColor","labelClassName","styles","hovering","labelDisabled","labelFocused","inputClassName","inputDisabled","inputEditing","setRootNode","helperText","helperTextEditing","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","isInputValueChanged","React","PureComponent","__KONTUR_REACT_UI__","renderValue","toKey","emptyHandler"],"mappings":"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","sourcesContent":["import React, {\n AriaAttributes,\n ChangeEvent,\n FocusEvent,\n FocusEventHandler,\n KeyboardEvent,\n MouseEventHandler,\n ReactNode,\n} from 'react';\nimport isEqual from 'lodash.isequal';\n\nimport { PopupIds } from '../../internal/Popup';\nimport {\n isKeyArrowHorizontal,\n isKeyArrowLeft,\n isKeyArrowRight,\n isKeyArrowUp,\n isKeyArrowVertical,\n isKeyBackspace,\n isKeyComma,\n isKeyDelete,\n isKeyEnter,\n isKeyEscape,\n isShortcutSelectAll,\n} from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Menu } from '../../internal/Menu';\nimport { Token, TokenProps } from '../Token';\nimport { MenuItemState } from '../MenuItem';\nimport { AnyObject, emptyHandler, getRandomID } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { locale } from '../../lib/locale/decorators';\nimport { MenuItem } from '../MenuItem/MenuItem';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { getUid } from '../../lib/uidUtils';\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 Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>, CommonProps {\n /*\n Выбранные токены, которые будут отображаться в поле ввода\n /\n selectedItems?: T[];\n /\n Вызывается при добавлении нового токена\n /\n onValueChange?: (items: T[]) => void;\n onMouseEnter?: MouseEventHandler<HTMLDivElement>;\n onMouseLeave?: MouseEventHandler<HTMLDivElement>;\n onFocus?: FocusEventHandler<HTMLTextAreaElement>;\n onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n autoFocus?: boolean;\n /\n Тип инпута. Возможные значения:\n \n `TokenInputType.WithReference` (можно выбирать токены только из предложенных, нельзя добавить новые)\n \n `TokenInputType.WithoutReference` (можно добавлять токены, но нельзя выбирать)\n \n `TokenInputType.Combined` (можно и выбирать, и добавлять)\n /\n type?: TokenInputType;\n /\n Ширина выпадающего меню может быть указана как 'auto'\n * а также в пикселях, процентах (от ширины инпута)\n * или других конкретных единицах\n \n Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'\n * (по ширине текста)\n /\n menuWidth?: React.CSSProperties['width'];\n /\n Определяет выравнивание меню. Принимает значения `left` и `cursor`\n /\n menuAlign?: TokenInputMenuAlign;\n /\n Функция поиска элементов, должна возвращать Promise с массивом элементов.\n * По умолчанию ожидаются строки.\n \n Элементы могут быть любого типа. В этом случае необходимо определить\n * свойства `renderItem`, `valueToString`\n /\n getItems?: (query: string) => Promise<T[]>;\n /\n Скрывает меню при пустом вводе\n /\n hideMenuIfEmptyInputValue?: boolean;\n /\n Позволяет настроить отображение элемента списка\n /\n renderItem?: (item: T, state: MenuItemState) => React.ReactNode \| null;\n /\n Позволяет настроить отображение выбранного значения\n /\n renderValue?: (item: T) => React.ReactNode;\n /\n Функция должна возвращать строковое представление токена\n * @default item => item\n /\n valueToString?: (item: T) => string;\n /\n Функция отображающая сообщение об общем количестве элементов.\n * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n /\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\n /\n Общее количество элементов.\n * Необходим для работы `renderTotalCount`\n /\n totalCount?: number;\n /\n Отображает заданное содержимое, если ничего не найдено. Работает если не рендерится `AddButton`\n /\n renderNotFound?: () => React.ReactNode;\n /\n Преобразует значение в элемент списка\n /\n valueToItem?: (item: string) => T;\n /\n Определяет уникальный ключ по элементу\n /\n toKey?: (item: T) => string \| number \| undefined;\n placeholder?: string;\n /\n Символы, которые разделяют введённый текст на токены\n /\n delimiters?: string[];\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n disabled?: boolean;\n width?: string \| number;\n maxMenuHeight?: number \| string;\n /\n Позволяет настроить отображение токена, предоставляя возможность кастомизации внешнего вида и поведения токена\n /\n renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\n /\n Вызывается при изменении текста в поле ввода,\n /\n onInputValueChange?: (value: string) => void;\n /\n Функция отрисовки кнопки добавления в выпадающем списке.\n * Работает только когда тип инпута = `TokenInputType.Combined`\n /\n renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;\n /\n Функция для обработки ситуации, когда была введена\n * строка в инпут и был потерян фокус с компонента\n \n Функция срабатывает с аргументом инпута строки\n \n Если при потере фокуса в выпадающем списке будет только один\n * элемент и результат `valueToString` с этим элементом будет\n * совпадать со значение в текстовом поле, то\n * сработает `onValueChange` со значением данного элемента\n \n Сама функция также может вернуть значение,\n * неравное `undefined`, с которым будет вызван `onValueChange`.\n * Если возвращаемое значение будет равно `null`,\n * то сработает очистка текущего значения инпута,\n * а в режиме редактирования токен будет удален\n /\n onUnexpectedInput?: (value: string) => void \| null \| undefined \| T;\n inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];\n}\n\nexport interface TokenInputState<T> {\n autocompleteItems?: T[];\n activeTokens: T[];\n editingTokenIndex: number;\n clickedToken?: T;\n clickedTokenTimeout?: number;\n inFocus?: boolean;\n inputValue: string;\n reservedInputValue: string \| undefined;\n inputValueWidth: number;\n inputValueHeight: number;\n preventBlur?: boolean;\n loading?: boolean;\n}\n\nexport const DefaultState = {\n inputValue: '',\n reservedInputValue: undefined,\n autocompleteItems: undefined,\n activeTokens: [],\n editingTokenIndex: -1,\n inFocus: false,\n loading: false,\n preventBlur: false,\n inputValueWidth: 2,\n inputValueHeight: 22,\n};\n\nexport const TokenInputDataTids = {\n root: 'TokenInput__root',\n tokenInputMenu: 'TokenInputMenu__root',\n label: 'TokenInput__label',\n} as const;\n\ntype DefaultProps<T> = Required<\n Pick<\n TokenInputProps<T>,\n \| 'selectedItems'\n \| 'delimiters'\n \| 'renderItem'\n \| 'renderValue'\n \| 'valueToString'\n \| 'valueToItem'\n \| 'toKey'\n \| 'onValueChange'\n \| 'width'\n \| 'onBlur'\n \| 'onFocus'\n \| 'onMouseEnter'\n \| 'onMouseLeave'\n \| 'menuWidth'\n \| 'menuAlign'\n >\n>;\n\nconst defaultToKey = <T extends AnyObject>(item: T): string => item.toString();\nconst identity = <T extends unknown>(item: T): T => item;\nconst defaultRenderToken = <T extends AnyObject>(\n item: T,\n { isActive, onClick, onDoubleClick, onRemove, disabled }: Partial<TokenProps>,\n) => (\n <Token\n key={item.toString()}\n isActive={isActive}\n onClick={onClick}\n onDoubleClick={onDoubleClick}\n onRemove={onRemove}\n disabled={disabled}\n >\n {item}\n </Token>\n);\n\n@rootNode\n@locale('TokenInput', TokenInputLocaleHelper)\nexport class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {\n public static __KONTUR_REACT_UI__ = 'TokenInput';\n\n public static defaultProps: DefaultProps<any> = {\n selectedItems: [],\n 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 rootId = PopupIds.root + getRandomID();\n private readonly locale!: TokenInputLocale;\n private theme!: Theme;\n private input: HTMLTextAreaElement \| null = null;\n private tokensInputMenu: TokenInputMenu<T> \| null = null;\n private textHelper: TextWidthHelper \| null = null;\n private wrapper: HTMLLabelElement \| null = null;\n private setRootNode!: TSetRootNode;\n private memoizedTokens = new Map();\n\n public componentDidMount() {\n this.updateInputTextWidth();\n 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 'aria-label': ariaLabel,\n } = this.props;\n\n const { selectedItems, width, onMouseEnter, onMouseLeave, menuWidth, menuAlign, renderItem } = this.getProps();\n\n const {\n activeTokens,\n inFocus,\n inputValueWidth,\n inputValue,\n reservedInputValue,\n autocompleteItems,\n loading,\n inputValueHeight,\n } = this.state;\n\n const showMenu =\n this.type !== TokenInputType.WithoutReference &&\n this.isCursorVisible &&\n activeTokens.length === 0 &&\n (inputValue !== '' \|\| !hideMenuIfEmptyInputValue);\n\n const theme = this.theme;\n\n const lineHeight = parseInt(theme.tokenInputLineHeight, 10) \|\| 0;\n\n const inputInlineStyles: React.CSSProperties = {\n // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости\n width: inputValueWidth,\n height: Math.max(lineHeight, inputValueHeight),\n // input растягивается на всю ширину чтобы placeholder не обрезался\n flex: selectedItems && selectedItems.length === 0 ? 1 : undefined,\n // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее\n caretColor: this.isCursorVisible ? undefined : 'transparent',\n };\n\n const labelClassName = cx(styles.label(theme), {\n [styles.hovering(this.theme)]: !inFocus && !disabled && !warning && !error,\n [styles.labelDisabled(theme)]: !!disabled,\n [styles.labelFocused(theme)]: !!inFocus,\n [styles.error(theme)]: !!error,\n [styles.warning(theme)]: !!warning,\n });\n const inputClassName = cx(styles.input(theme), {\n [styles.inputDisabled(theme)]: !!disabled,\n [styles.inputEditing(theme)]: this.isEditingMode,\n });\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div data-tid={TokenInputDataTids.root} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n <label\n ref={this.wrapperRef}\n style={{ width }}\n className={labelClassName}\n onMouseDown={this.handleWrapperMouseDown}\n onMouseUp={this.handleWrapperMouseUp}\n htmlFor={this.textareaId}\n aria-controls={this.rootId}\n data-tid={TokenInputDataTids.label}\n >\n <TextWidthHelper\n ref={this.textHelperRef}\n classHelp={cx(styles.helperText(theme), {\n [styles.helperTextEditing(theme)]: this.isEditingMode,\n })}\n text={inputValue}\n theme={this.theme}\n />\n {this.renderTokensStart()}\n <textarea\n id={this.textareaId}\n ref={this.inputRef}\n value={inputValue}\n style={inputInlineStyles}\n spellCheck={false}\n disabled={disabled}\n className={inputClassName}\n placeholder={selectedItems.length > 0 ? undefined : placeholder}\n onFocus={this.handleInputFocus}\n onBlur={this.handleInputBlur}\n onChange={this.handleChangeInputValue}\n onKeyDown={this.handleKeyDown}\n onPaste={this.handleInputPaste}\n inputMode={inputMode}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n />\n {showMenu && (\n <TokenInputMenu\n popupMenuId={this.rootId}\n ref={this.tokensInputMenuRef}\n items={autocompleteItems}\n loading={loading}\n opened={showMenu}\n maxMenuHeight={maxMenuHeight}\n anchorElement={menuAlign === 'cursor' ? this.input : this.wrapper}\n renderNotFound={renderNotFound}\n renderItem={renderItem}\n onValueChange={this.selectItem}\n renderAddButton={this.renderAddButton}\n menuWidth={menuWidth}\n menuAlign={menuAlign}\n renderTotalCount={renderTotalCount}\n totalCount={totalCount}\n />\n )}\n {this.renderTokensEnd()}\n {this.isEditingMode ? <span className={styles.reservedInput(theme)}>{reservedInputValue}</span> : null}\n </label>\n </div>\n </CommonWrapper>\n );\n }\n\n /\n Сбрасывает введенное пользователем значение\n * @public\n */\n public reset() {\n this.dispatch({ type: 'RESET' });\n }\n\n private hasValueInItems = (items: T[], value: T) => {\n if (typeof value === 'string') {\n return items.includes(value);\n }\n // todo: как то не очень\n return items.some((item) => isEqual(item, value));\n };\n\n private get showAddItemHint() {\n const items = this.state.autocompleteItems;\n const value = this.getProps().valueToItem(this.state.inputValue);\n\n if (items && this.hasValueInItems(items, value)) {\n return false;\n }\n\n const selectedItems = this.getProps().selectedItems;\n if (selectedItems && this.hasValueInItems(selectedItems, value)) {\n return false;\n }\n\n if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {\n return true;\n }\n }\n\n private get type() {\n return this.props.type ? this.props.type : TokenInputType.WithReference;\n }\n\n private get menuRef(): Menu \| null {\n return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();\n }\n\n private get isCursorVisible() {\n return this.isCursorVisibleForState(this.state);\n }\n\n private get isEditingMode() {\n return this.state.editingTokenIndex > -1;\n }\n\n private isCursorVisibleForState(state: TokenInputState<T>) {\n return state.inFocus && (state.inputValue !== '' \|\| state.activeTokens.length === 0);\n }\n\n private inputRef = (node: HTMLTextAreaElement) => (this.input = node);\n private tokensInputMenuRef = (node: TokenInputMenu<T>) => (this.tokensInputMenu = node);\n private textHelperRef = (node: TextWidthHelper) => (this.textHelper = node);\n private wrapperRef = (node: HTMLLabelElement) => (this.wrapper = node);\n\n private dispatch = (action: TokenInputAction, cb?: () => void) => {\n this.setState((prevState) => tokenInputReducer(prevState, action), cb);\n };\n\n private updateInputTextWidth() {\n if (this.textHelper) {\n // в IE текст иногда не помещается в input\n // из-за округления, поэтому округляем явно\n const inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));\n const inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));\n\n this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);\n this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);\n }\n }\n\n private handleInputFocus = (event: FocusEvent<HTMLTextAreaElement>) => {\n this.dispatch({ type: 'SET_FOCUS_IN' });\n this.getProps().onFocus(event);\n };\n\n private handleInputBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n const isBlurToMenu = this.isBlurToMenu(event);\n\n if (!isBlurToMenu) {\n this.handleOutsideBlur();\n }\n\n if (isBlurToMenu \|\| this.state.preventBlur) {\n event.preventDefault();\n // первый focus нужен для предотвращения/уменьшения моргания в других браузерах\n this.input?.focus();\n // в firefox не работает без второго focus\n 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

@@ -85,58 +85,48 @@ async function getItems(query) {
 />
 ```
-Показ определенного количества токенов
+Ограничение количества токенов в выпадающем списке
 ```jsx harmony
 import { Token, MenuHeader } from '@skbkontur/react-ui';
 import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-const kladr = require('../ComboBox/__mocks__/./kladr.json');
+import { Promise } from 'es6-promise';
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+const cities = require('../ComboBox/__mocks__/./kladr.json');
 const maxItems = 5;
-const [value, setValue] = React.useState(null);
+const [totalCount, setTotalCount] = React.useState(cities.length);
+const [value, setValue] = React.useState([]);
-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 getItems = (query) => {
+  const items = cities
+    .map((x) => x.City)
+    .filter((x) => x.toLowerCase().includes(query.toLowerCase()) || x.toString() === query);
   const result = items.slice(0, maxItems);
-  return Promise.resolve({
-    foundItems: result,
-    totalCount: items.length,
-  }).then(delay(300));
+  setTotalCount(items.length);
+  return Promise.resolve(result).then(delay(500));
 };
-const renderTotalCount = (foundCount, totalCount) =>
-  foundCount < totalCount ? (
-    <MenuHeader>
-      Показано {foundCount} из {totalCount} найденных городов.
-    </MenuHeader>
-  ) : (
-    []
-  );
-const getItems = query =>
-  getCities(query).then(({ foundItems, totalCount }) =>
-    [].concat(
-      foundItems,
-      renderTotalCount(foundItems.length, totalCount),
-    ),
-  );
+const renderTotalCount = (foundCount, totalCount) => (
+  <span>
+    Показано {foundCount} из {totalCount} найденных городов
+  </span>
+);
-<div style={{ width: '300px' }}>
+<div style={{ width: "300px" }}>
   <TokenInput
     type={TokenInputType.Combined}
-    value={value}
+    selectedItems={value}
     onValueChange={setValue}
     getItems={getItems}
     placeholder="Начните вводить название"
-    renderToken={(item, tokenProps) => (
-      <Token key={item.toString()} {...tokenProps} >
-        {item}
-      </Token>
-    )}
+    renderTotalCount={renderTotalCount}
+    totalCount={totalCount}
   />
-</div>;
+</div>
 ```
 Пример с кастомным типом элементов меню
@@ -169,6 +159,7 @@ const getModelItems = async (query) => {
     renderItem={renderItem}
     renderValue={renderValue}
     valueToItem={valueToItem}
+    valueToString={renderValue}
     getItems={getModelItems}
     onValueChange={setSelectedItems}
     placeholder="placeholder"

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

@@ -20,11 +20,12 @@ var mixins = {
 var styles = (0, _Emotion.memoizeStyle)({
   label: function label(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-sizing: border-box;\n      cursor: text;\n      padding: ", " ", ";\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-sizing: border-box;\n      cursor: text;\n      padding: ", " ", ";\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "])),
     t.tokenInputBg,
     t.tokenInputShadow,
     t.tokenInputBorderWidth, t.tokenInputBorderColor,
     t.tokenInputBorderTopColor,
+    t.transitionDuration, t.transitionTimingFunction,
     t.tokenInputPaddingY, t.tokenInputPaddingX,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["TokenInput.styles.ts"],"names":["mixins","inputAndHelperCommonStyles","t","css","tokenInputInputPaddingRight","tokenInputInputPaddingLeft","tokenInputLineHeight","tokenInputFontSize","inputAndHelperCommonEditingStyles","tokenMarginY","tokenMarginX","tokenPaddingX","tokenLineHeight","styles","label","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","tokenInputPaddingY","tokenInputPaddingX","tokenInputBorderRadius","hovering","tokenInputBorderColorHover","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","helperContainer","helperText","helperTextEditing","tokenFontSize","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","inputEditing","reservedInput"],"mappings":"4QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,0BADa,sCACcC,CADd,EACwB;AACnC,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACE,2BADjB,EACkDF,CAAC,CAACG,0BADpD;AAEiBH,IAAAA,CAAC,CAACI,oBAFnB;AAGeJ,IAAAA,CAAC,CAACK,kBAHjB;;AAKD,GAPY;AAQbC,EAAAA,iCARa,6CAQqBN,CARrB,EAQ+B;AAC1C,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACO,YADd,EAC8BP,CAAC,CAACQ,YADhC;AAEeR,IAAAA,CAAC,CAACE,2BAFjB,EAEkDF,CAAC,CAACS,aAFpD;AAGiBT,IAAAA,CAAC,CAACU,eAHnB;;AAKD,GAdY,EAAf;;;AAiBO,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,KADiC,iBAC3BZ,CAD2B,EACjB;AACd,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACa,YADxB;AAEgBb,IAAAA,CAAC,CAACc,gBAFlB;AAGYd,IAAAA,CAAC,CAACe,qBAHd,EAG6Cf,CAAC,CAACgB,qBAH/C;AAIsBhB,IAAAA,CAAC,CAACiB,wBAJxB~~;;;AAOajB~~,IAAAA,CAAC,CAACkB,~~kBAPf~~,~~EAOqClB~~,CAAC,CAACmB,~~kBAPvC;;;;;;AAamBnB~~,IAAAA,CAAC,CAACoB,~~sBAbrB~~;;~~AAeD~~,~~GAjBgC~~;;~~AAmBjCC~~,EAAAA,~~QAnBiC~~,~~oBAmBxBrB~~,~~CAnBwB~~,~~EAmBd~~;AACjB,eAAOC,YAAP;;AAEoBD,IAAAA,CAAC,~~CAACsB~~,0BAFtB;;;AAKD,~~GAzBgC~~;;~~AA2BjCC~~,EAAAA,~~OA3BiC~~,~~mBA2BzBvB~~,~~CA3ByB~~,~~EA2Bf~~;AAChB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACe,qBADd,EAC6Cf,CAAC,~~CAACwB~~,4BAD/C;~~AAEsBxB~~,IAAAA,CAAC,~~CAACyB~~,sBAFxB,~~EAEkDzB~~,CAAC,~~CAACwB~~,4BAFpD;;AAID,~~GAhCgC~~;;~~AAkCjCE~~,EAAAA,~~KAlCiC~~,~~iBAkC3B1B~~,~~CAlC2B~~,~~EAkCjB~~;AACd,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACe,qBADd,EAC6Cf,CAAC,~~CAAC2B~~,0BAD/C;~~AAEsB3B~~,IAAAA,CAAC,~~CAACyB~~,sBAFxB,~~EAEkDzB~~,CAAC,~~CAAC2B~~,0BAFpD;;AAID,~~GAvCgC~~;;~~AAyCjCC~~,EAAAA,~~YAzCiC~~,~~wBAyCpB5B~~,~~CAzCoB~~,~~EAyCV~~;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACe,qBADd,EAC6Cf,CAAC,~~CAAC6B~~,0BAD/C;~~AAEsB7B~~,IAAAA,CAAC,~~CAACyB~~,sBAFxB,~~EAEkDzB~~,CAAC,~~CAAC6B~~,0BAFpD;;AAID,~~GA9CgC~~;;~~AAgDjCC~~,EAAAA,~~aAhDiC~~,~~yBAgDnB9B~~,~~CAhDmB~~,~~EAgDT~~;AACtB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,~~CAAC+B~~,oBADlB;~~AAEqB/B~~,IAAAA,CAAC,~~CAACgC~~,2BAFvB;~~AAGkBhC~~,IAAAA,CAAC,~~CAACiC~~,6BAHpB;;;;AAOD,~~GAxDgC~~;;~~AA0DjCC~~,EAAAA,~~KA1DiC~~,~~iBA0D3BlC~~,~~CA1D2B~~,~~EA0DjB~~;AACd,eAAOC,YAAP;;;;;;;;;AASYD,IAAAA,CAAC,CAACO,YATd,EASgCP,CAAC,CAACO,YATlC;;;AAYYP,IAAAA,CAAC,CAACI,oBAZd;;;;;AAiBWJ,IAAAA,CAAC,~~CAACmC~~,mBAjBb;;;;~~AAqBIrC~~,IAAAA,MAAM,CAACC,0BAAP,CAAkCC,CAAlC,CArBJ;;;;;;AA2BaA,IAAAA,CAAC,~~CAACoC~~,0BA3Bf;AA4B+~~BpC~~,IAAAA,CAAC,~~CAACoC~~,0BA5BjC;;;AA+~~BapC~~,IAAAA,CAAC,~~CAACqC~~,kCA/Bf;AAgC+~~BrC~~,IAAAA,CAAC,~~CAACqC~~,kCAhCjC;;;~~AAmCarC~~,IAAAA,CAAC,~~CAACsC~~,+BAnCf;AAoC+~~BtC~~,IAAAA,CAAC,~~CAACsC~~,+BApCjC;;;;;;;;;;AA8CD,~~GAzGgC~~;;~~AA2GjCC~~,EAAAA,~~eA3GiC~~,~~2BA2GjBvC~~,~~CA3GiB~~,~~EA2GP~~;AACxB,eAAOC,YAAP;;;;;;AAMaD,IAAAA,CAAC,~~CAACkB~~,kBANf,~~EAMqClB~~,CAAC,~~CAACmB~~,kBANvC;;;AASD,~~GArHgC~~;;~~AAuHjCqB~~,EAAAA,~~UAvHiC~~,~~sBAuHtBxC~~,~~CAvHsB~~,~~EAuHZ~~;AACnB,eAAOC,YAAP;;;;;;;;AAQIH,IAAAA,MAAM,CAACC,0BAAP,CAAkCC,CAAlC,CARJ;;AAUD,~~GAlIgC~~;;~~AAoIjCyC~~,EAAAA,~~iBApIiC~~,~~6BAoIfzC~~,~~CApIe~~,~~EAoIL~~;AAC1B,eAAOC,YAAP;AACIH,IAAAA,MAAM,CAACQ,iCAAP,CAAyCN,CAAzC,CADJ;;AAGeA,IAAAA,CAAC,~~CAAC0C~~,aAHjB;~~AAIoB1C~~,IAAAA,CAAC,~~CAAC2C~~,oBAJtB;;AAMD,~~GA3IgC~~;;~~AA6IjCC~~,EAAAA,~~aA7IiC~~,~~yBA6InB5C~~,~~CA7ImB~~,~~EA6IT~~;AACtB,eAAOC,YAAP;;;;AAIWD,IAAAA,CAAC,~~CAAC6C~~,2BAJb;;AAMD,~~GApJgC~~;;~~AAsJjCC~~,EAAAA,~~YAtJiC~~,~~wBAsJpB9C~~,~~CAtJoB~~,~~EAsJV~~;AACrB,eAAOC,YAAP;AACIH,IAAAA,MAAM,CAACQ,iCAAP,CAAyCN,CAAzC,CADJ;;AAGD,~~GA1JgC~~;;~~AA4JjC+C~~,EAAAA,~~aA5JiC~~,~~yBA4JnB/C~~,~~CA5JmB~~,~~EA4JT~~;AACtB,eAAOC,YAAP;;AAEgBD,IAAAA,CAAC,CAACI,oBAFlB;AAGiBJ,IAAAA,CAAC,CAACI,oBAHnB;AAIeJ,IAAAA,CAAC,CAACK,kBAJjB;AAKYL,IAAAA,CAAC,CAACO,YALd,EAKgCP,CAAC,CAACO,YALlC;AAMeP,IAAAA,CAAC,CAACE,2BANjB,EAMkDF,CAAC,CAACG,0BANpD;AAOWH,IAAAA,CAAC,~~CAAC6C~~,2BAPb;;;AAUD,~~GAvKgC~~,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst mixins = {\n inputAndHelperCommonStyles(t: Theme) {\n return css`\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n line-height: ${t.tokenInputLineHeight};\n font-size: ${t.tokenInputFontSize};\n `;\n },\n inputAndHelperCommonEditingStyles(t: Theme) {\n return css`\n margin: ${t.tokenMarginY} ${t.tokenMarginX};\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenPaddingX};\n line-height: ${t.tokenLineHeight};\n `;\n },\n};\n\nexport const styles = memoizeStyle({\n label(t: Theme) {\n return css`\n background-color: ${t.tokenInputBg};\n box-shadow: ${t.tokenInputShadow};\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n border-top-color: ${t.tokenInputBorderTopColor};\n box-sizing: border-box;\n cursor: text;\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n display: flex;\n flex-wrap: wrap;\n align-items: start;\n outline: none;\n position: relative;\n border-radius: ${t.tokenInputBorderRadius};\n `;\n },\n\n hovering(t: Theme) {\n return css`\n &:hover {\n border-color: ${t.tokenInputBorderColorHover};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n `;\n },\n\n labelFocused(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n `;\n },\n\n labelDisabled(t: Theme) {\n return css`\n background: ${t.tokenInputDisabledBg};\n background-clip: ${t.inputDisabledBackgroundClip};\n border-color: ${t.tokenInputDisabledBorderColor};\n box-shadow: none;\n cursor: default;\n `;\n },\n\n input(t: Theme) {\n return css`\n min-width: 0;\n max-width: 100%;\n width: 50px;\n background: transparent;\n border: none;\n box-shadow: none;\n outline: none;\n font-family: inherit;\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n overflow: hidden;\n resize: none;\n height: ${t.tokenInputLineHeight};\n -webkit-appearance: none;\n text-overflow: clip;\n background-clip: padding-box;\n transition: background-color 0.15s ease-in;\n color: ${t.tokenInputTextColor};\n box-sizing: border-box;\n word-break: break-all;\n\n ${mixins.inputAndHelperCommonStyles(t)};\n\n &::-ms-clear {\n display: none;\n }\n &::placeholder {\n color: ${t.tokenInputPlaceholderColor};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n }\n &:disabled::placeholder {\n color: ${t.tokenInputPlaceholderColorDisabled};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n }\n &:focus::placeholder {\n color: ${t.tokenInputPlaceholderColorLight};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n }\n /* fix firefox placeholder opacity /\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n `;\n },\n\n helperContainer(t: Theme) {\n return css`\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n visibility: hidden;\n `;\n },\n\n helperText(t: Theme) {\n return css`\n max-width: 100%;\n word-break: break-all;\n\n // don't collapse spaces\n // so they get counted in width\n white-space: pre-wrap;\n\n ${mixins.inputAndHelperCommonStyles(t)}\n `;\n },\n\n helperTextEditing(t: Theme) {\n return css`\n ${mixins.inputAndHelperCommonEditingStyles(t)};\n\n font-size: ${t.tokenFontSize};\n padding-bottom: ${t.tokenLegacyTextShift};\n `;\n },\n\n inputDisabled(t: Theme) {\n return css`\n pointer-events: none;\n / fix text color in safari */\n -webkit-text-fill-color: currentcolor;\n color: ${t.tokenInputTextColorDisabled};\n `;\n },\n\n inputEditing(t: Theme) {\n return css`\n ${mixins.inputAndHelperCommonEditingStyles(t)};\n `;\n },\n\n reservedInput(t: Theme) {\n return css`\n min-width: 2px;\n min-height: ${t.tokenInputLineHeight};\n line-height: ${t.tokenInputLineHeight};\n font-size: ${t.tokenInputFontSize};\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n color: ${t.tokenInputTextColorDisabled};\n word-break: break-all;\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["TokenInput.styles.ts"],"names":["mixins","inputAndHelperCommonStyles","t","css","tokenInputInputPaddingRight","tokenInputInputPaddingLeft","tokenInputLineHeight","tokenInputFontSize","inputAndHelperCommonEditingStyles","tokenMarginY","tokenMarginX","tokenPaddingX","tokenLineHeight","styles","label","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputPaddingY","tokenInputPaddingX","tokenInputBorderRadius","hovering","tokenInputBorderColorHover","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","helperContainer","helperText","helperTextEditing","tokenFontSize","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","inputEditing","reservedInput"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst mixins = {\n inputAndHelperCommonStyles(t: Theme) {\n return css`\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n line-height: ${t.tokenInputLineHeight};\n font-size: ${t.tokenInputFontSize};\n `;\n },\n inputAndHelperCommonEditingStyles(t: Theme) {\n return css`\n margin: ${t.tokenMarginY} ${t.tokenMarginX};\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenPaddingX};\n line-height: ${t.tokenLineHeight};\n `;\n },\n};\n\nexport const styles = memoizeStyle({\n label(t: Theme) {\n return css`\n background-color: ${t.tokenInputBg};\n box-shadow: ${t.tokenInputShadow};\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n border-top-color: ${t.tokenInputBorderTopColor};\n transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n box-sizing: border-box;\n cursor: text;\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n display: flex;\n flex-wrap: wrap;\n align-items: start;\n outline: none;\n position: relative;\n border-radius: ${t.tokenInputBorderRadius};\n `;\n },\n\n hovering(t: Theme) {\n return css`\n &:hover {\n border-color: ${t.tokenInputBorderColorHover};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n `;\n },\n\n labelFocused(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n `;\n },\n\n labelDisabled(t: Theme) {\n return css`\n background: ${t.tokenInputDisabledBg};\n background-clip: ${t.inputDisabledBackgroundClip};\n border-color: ${t.tokenInputDisabledBorderColor};\n box-shadow: none;\n cursor: default;\n `;\n },\n\n input(t: Theme) {\n return css`\n min-width: 0;\n max-width: 100%;\n width: 50px;\n background: transparent;\n border: none;\n box-shadow: none;\n outline: none;\n font-family: inherit;\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n overflow: hidden;\n resize: none;\n height: ${t.tokenInputLineHeight};\n -webkit-appearance: none;\n text-overflow: clip;\n background-clip: padding-box;\n transition: background-color 0.15s ease-in;\n color: ${t.tokenInputTextColor};\n box-sizing: border-box;\n word-break: break-all;\n\n ${mixins.inputAndHelperCommonStyles(t)};\n\n &::-ms-clear {\n display: none;\n }\n &::placeholder {\n color: ${t.tokenInputPlaceholderColor};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n }\n &:disabled::placeholder {\n color: ${t.tokenInputPlaceholderColorDisabled};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n }\n &:focus::placeholder {\n color: ${t.tokenInputPlaceholderColorLight};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n }\n /* fix firefox placeholder opacity /\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n `;\n },\n\n helperContainer(t: Theme) {\n return css`\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n visibility: hidden;\n `;\n },\n\n helperText(t: Theme) {\n return css`\n max-width: 100%;\n word-break: break-all;\n\n // don't collapse spaces\n // so they get counted in width\n white-space: pre-wrap;\n\n ${mixins.inputAndHelperCommonStyles(t)}\n `;\n },\n\n helperTextEditing(t: Theme) {\n return css`\n ${mixins.inputAndHelperCommonEditingStyles(t)};\n\n font-size: ${t.tokenFontSize};\n padding-bottom: ${t.tokenLegacyTextShift};\n `;\n },\n\n inputDisabled(t: Theme) {\n return css`\n pointer-events: none;\n / fix text color in safari */\n -webkit-text-fill-color: currentcolor;\n color: ${t.tokenInputTextColorDisabled};\n `;\n },\n\n inputEditing(t: Theme) {\n return css`\n ${mixins.inputAndHelperCommonEditingStyles(t)};\n `;\n },\n\n reservedInput(t: Theme) {\n return css`\n min-width: 2px;\n min-height: ${t.tokenInputLineHeight};\n line-height: ${t.tokenInputLineHeight};\n font-size: ${t.tokenInputFontSize};\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n color: ${t.tokenInputTextColorDisabled};\n word-break: break-all;\n `;\n },\n});\n"]}

package/cjs/components/TokenInput/TokenInputMenu.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from 'react';
+import { HTMLProps } from '../../typings/html';
 import { PopupProps } from '../../internal/Popup';
 import { ComboBoxMenuProps } from '../../internal/CustomComboBox';
 import { TokenInputMenuAlign, TokenInputProps } from './TokenInput';
@@ -6,6 +7,12 @@ export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
     anchorElement: PopupProps['anchorElement'];
     menuWidth: TokenInputProps<string>['menuWidth'];
     menuAlign: TokenInputMenuAlign;
+    /**
+     * Позволяет задать `id` выпадающему меню.
+     *
+     * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.
+     */
+    popupMenuId?: HTMLProps['id'];
 }
 export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {
     static __KONTUR_REACT_UI__: string;

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

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TokenInputMenu = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 var _Popup = require("../../internal/Popup");
 var _CustomComboBox = require("../../internal/CustomComboBox");
@@ -15,6 +16,12 @@ var _TokenInput = require("./TokenInput");var
 TokenInputMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(TokenInputMenu, _React$Component);function TokenInputMenu() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
@@ -91,6 +98,7 @@ TokenInputMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.d
     getPopupMargin = function () {
@@ -101,4 +109,4 @@ TokenInputMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.d
       return paddingY + outlineWidth + marginY;
     };_this.
-    menuRef = function (node) {return _this.menu = node;};return _this;}var _proto = TokenInputMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: _this2.getPopupMargin() + 'px', popupBackground: _this2.theme.tokenInputMenuPopupBg }, theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props = this.props,loading = _this$props.loading,maxMenuHeight = _this$props.maxMenuHeight,renderTotalCount = _this$props.renderTotalCount,totalCount = _this$props.totalCount,opened = _this$props.opened,items = _this$props.items,renderNotFound = _this$props.renderNotFound,renderItem = _this$props.renderItem,onValueChange = _this$props.onValueChange,renderAddButton = _this$props.renderAddButton,anchorElement = _this$props.anchorElement,menuWidth = _this$props.menuWidth,menuAlign = _this$props.menuAlign;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { "data-tid": _TokenInput.TokenInputDataTids.tokenInputMenu, opened: !!opened, positions: ['bottom left', 'top left'], anchorElement: anchorElement, popupOffset: menuAlign === 'left' ? 0 : 5, margin: menuAlign === 'left' ? 1 : undefined, hasShadow: true, width: menuAlign === 'cursor' ? 'auto' : menuWidth, withoutMobile: true }, /*#__PURE__*/_react.default.createElement(_CustomComboBox.ComboBoxMenu, { items: items, loading: loading, maxMenuHeight: maxMenuHeight, onValueChange: onValueChange, opened: opened, refMenu: this.menuRef, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, totalCount: totalCount, renderAddButton: renderAddButton }));};return TokenInputMenu;}(_react.default.Component);exports.TokenInputMenu = TokenInputMenu;TokenInputMenu.__KONTUR_REACT_UI__ = 'TokenInputMenu';
+    menuRef = function (node) {return _this.menu = node;};return _this;}var _proto = TokenInputMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: _this2.getPopupMargin() + 'px', popupBackground: _this2.theme.tokenInputMenuPopupBg }, theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props = this.props,loading = _this$props.loading,maxMenuHeight = _this$props.maxMenuHeight,renderTotalCount = _this$props.renderTotalCount,totalCount = _this$props.totalCount,opened = _this$props.opened,items = _this$props.items,renderNotFound = _this$props.renderNotFound,renderItem = _this$props.renderItem,onValueChange = _this$props.onValueChange,renderAddButton = _this$props.renderAddButton,anchorElement = _this$props.anchorElement,menuWidth = _this$props.menuWidth,menuAlign = _this$props.menuAlign;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: this.props.popupMenuId, "data-tid": _TokenInput.TokenInputDataTids.tokenInputMenu, opened: !!opened, positions: ['bottom left', 'top left'], anchorElement: anchorElement, popupOffset: menuAlign === 'left' ? 0 : 5, margin: menuAlign === 'left' ? 1 : undefined, hasShadow: true, width: menuAlign === 'cursor' ? 'auto' : menuWidth, withoutMobile: true }, /*#__PURE__*/_react.default.createElement(_CustomComboBox.ComboBoxMenu, { items: items, loading: loading, maxMenuHeight: maxMenuHeight, onValueChange: onValueChange, opened: opened, refMenu: this.menuRef, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, totalCount: totalCount, renderAddButton: renderAddButton }));};return TokenInputMenu;}(_react.default.Component);exports.TokenInputMenu = TokenInputMenu;TokenInputMenu.__KONTUR_REACT_UI__ = 'TokenInputMenu';