npm - @skbkontur/react-ui - Versions diffs - 0.0.0-2ac4c133dd → 0.0.0-2dd5039746 - Mend

@skbkontur/react-ui 0.0.0-2ac4c133dd → 0.0.0-2dd5039746

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

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

@@ -59,6 +59,32 @@ const tokenColors = {
 </div>;
 ```
+Заблокированный TokenInput с кастомными Token:
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+const [selectedItems, setSelectedItems] = React.useState(['aaa', 'bbb', 'ccc']);
+async function getItems(query) {
+  return ['aaa', 'bbb', 'ccc'].filter((s) => s.includes(query));
+};
+<TokenInput
+  disabled
+  type={TokenInputType.Combined}
+  getItems={getItems}
+  selectedItems={selectedItems}
+  onValueChange={setSelectedItems}
+  renderToken={(item, tokenProps) => (
+    <Token key={item.toString()} {...tokenProps} disabled={item === 'bbb' || tokenProps.disabled} >
+      {item}
+    </Token>
+  )}
+/>
+```
 #### Локали по умолчанию
 ```typescript static

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

@@ -59,11 +59,12 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
   labelDisabled: function labelDisabled(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n      box-shadow: none;\n      cursor: default;\n    "])),
     t.tokenInputDisabledBg,
     t.tokenInputDisabledBorderColor);
   },
   input: function input(t) {

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","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","helperContainer","helperText","helperTextEditing","tokenFontSize","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","inputEditing","reservedInput"],"mappings":"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,OAnBiC,mBAmBzBrB,CAnByB,EAmBf;AAChB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACe,qBADd,EAC6Cf,CAAC,CAACsB,4BAD/C;AAEsBtB,IAAAA,CAAC,CAACuB,sBAFxB,EAEkDvB,CAAC,CAACsB,4BAFpD;;AAID,GAxBgC;;AA0BjCE,EAAAA,KA1BiC,iBA0B3BxB,CA1B2B,EA0BjB;AACd,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACe,qBADd,EAC6Cf,CAAC,CAACyB,0BAD/C;AAEsBzB,IAAAA,CAAC,CAACuB,sBAFxB,EAEkDvB,CAAC,CAACyB,0BAFpD;;AAID,GA/BgC;;AAiCjCC,EAAAA,YAjCiC,wBAiCpB1B,CAjCoB,EAiCV;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACe,qBADd,EAC6Cf,CAAC,CAAC2B,0BAD/C;AAEsB3B,IAAAA,CAAC,CAACuB,sBAFxB,EAEkDvB,CAAC,CAAC2B,0BAFpD;;AAID,GAtCgC;;AAwCjCC,EAAAA,aAxCiC,yBAwCnB5B,CAxCmB,EAwCT;AACtB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAAC6B,oBADlB;AAEkB7B,IAAAA,CAAC,CAAC8B,6BAFpB~~;;;AAKD~~,~~GA9CgC~~;;~~AAgDjCC~~,EAAAA,~~KAhDiC~~,~~iBAgD3B~~/B,~~CAhD2B~~,~~EAgDjB~~;AACd,eAAOC,YAAP;;;;;;;;;AASYD,IAAAA,CAAC,CAACO,YATd,EASgCP,CAAC,CAACO,YATlC;;;AAYYP,IAAAA,CAAC,CAACI,oBAZd;;;;;AAiBWJ,IAAAA,CAAC,CAACgC,mBAjBb;;;;AAqBIlC,IAAAA,MAAM,CAACC,0BAAP,CAAkCC,CAAlC,CArBJ;;;;;;AA2BaA,IAAAA,CAAC,CAACiC,0BA3Bf;AA4B+BjC,IAAAA,CAAC,CAACiC,0BA5BjC;;;AA+BajC,IAAAA,CAAC,CAACkC,kCA/Bf;AAgC+BlC,IAAAA,CAAC,CAACkC,kCAhCjC;;;AAmCalC,IAAAA,CAAC,CAACmC,+BAnCf;AAoC+BnC,IAAAA,CAAC,CAACmC,+BApCjC;;;;;;;;;;AA8CD,~~GA/FgC~~;;~~AAiGjCC~~,EAAAA,~~eAjGiC~~,~~2BAiGjBpC~~,~~CAjGiB~~,~~EAiGP~~;AACxB,eAAOC,YAAP;;;;;;AAMaD,IAAAA,CAAC,CAACkB,kBANf,EAMqClB,CAAC,CAACmB,kBANvC;;;AASD,~~GA3GgC~~;;~~AA6GjCkB~~,EAAAA,~~UA7GiC~~,~~sBA6GtBrC~~,~~CA7GsB~~,~~EA6GZ~~;AACnB,eAAOC,YAAP;;;;;;;;AAQIH,IAAAA,MAAM,CAACC,0BAAP,CAAkCC,CAAlC,CARJ;;AAUD,~~GAxHgC~~;;~~AA0HjCsC~~,EAAAA,~~iBA1HiC~~,~~6BA0HftC~~,~~CA1He~~,~~EA0HL~~;AAC1B,eAAOC,YAAP;AACIH,IAAAA,MAAM,CAACQ,iCAAP,CAAyCN,CAAzC,CADJ;;AAGeA,IAAAA,CAAC,CAACuC,aAHjB;AAIoBvC,IAAAA,CAAC,CAACwC,oBAJtB;;AAMD,~~GAjIgC~~;;~~AAmIjCC~~,EAAAA,~~aAnIiC~~,~~yBAmInBzC~~,~~CAnImB~~,~~EAmIT~~;AACtB,eAAOC,YAAP;;;;AAIWD,IAAAA,CAAC,CAAC0C,2BAJb;;AAMD,~~GA1IgC~~;;~~AA4IjCC~~,EAAAA,~~YA5IiC~~,~~wBA4IpB3C~~,~~CA5IoB~~,~~EA4IV~~;AACrB,eAAOC,YAAP;AACIH,IAAAA,MAAM,CAACQ,iCAAP,CAAyCN,CAAzC,CADJ;;AAGD,~~GAhJgC~~;;~~AAkJjC4C~~,EAAAA,~~aAlJiC~~,~~yBAkJnB5C~~,~~CAlJmB~~,~~EAkJT~~;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,CAAC0C,2BAPb;;;AAUD,~~GA7JgC~~,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 warning(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n `;\n },\n\n labelFocused(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n `;\n },\n\n labelDisabled(t: Theme) {\n return css`\n background: ${t.tokenInputDisabledBg};\n border-color: ${t.tokenInputDisabledBorderColor};\n box-shadow: none;\n `;\n },\n\n input(t: Theme) {\n return css`\n min-width: 0;\n max-width: 100%;\n width: 50px;\n background: transparent;\n border: none;\n box-shadow: none;\n outline: none;\n font-family: inherit;\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n overflow: hidden;\n resize: none;\n height: ${t.tokenInputLineHeight};\n -webkit-appearance: none;\n text-overflow: clip;\n background-clip: padding-box;\n transition: background-color 0.15s ease-in;\n color: ${t.tokenInputTextColor};\n box-sizing: border-box;\n word-break: break-all;\n\n ${mixins.inputAndHelperCommonStyles(t)};\n\n &::-ms-clear {\n display: none;\n }\n &::placeholder {\n color: ${t.tokenInputPlaceholderColor};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n }\n &:disabled::placeholder {\n color: ${t.tokenInputPlaceholderColorDisabled};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n }\n &:focus::placeholder {\n color: ${t.tokenInputPlaceholderColorLight};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n }\n /* fix firefox placeholder opacity /\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n `;\n },\n\n helperContainer(t: Theme) {\n return css`\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n visibility: hidden;\n `;\n },\n\n helperText(t: Theme) {\n return css`\n max-width: 100%;\n word-break: break-all;\n\n // don't collapse spaces\n // so they get counted in width\n white-space: pre-wrap;\n\n ${mixins.inputAndHelperCommonStyles(t)}\n `;\n },\n\n helperTextEditing(t: Theme) {\n return css`\n ${mixins.inputAndHelperCommonEditingStyles(t)};\n\n font-size: ${t.tokenFontSize};\n padding-bottom: ${t.tokenLegacyTextShift};\n `;\n },\n\n inputDisabled(t: Theme) {\n return css`\n pointer-events: none;\n / fix text color in safari */\n -webkit-text-fill-color: currentcolor;\n color: ${t.tokenInputTextColorDisabled};\n `;\n },\n\n inputEditing(t: Theme) {\n return css`\n ${mixins.inputAndHelperCommonEditingStyles(t)};\n `;\n },\n\n reservedInput(t: Theme) {\n return css`\n min-width: 2px;\n min-height: ${t.tokenInputLineHeight};\n line-height: ${t.tokenInputLineHeight};\n font-size: ${t.tokenInputFontSize};\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n color: ${t.tokenInputTextColorDisabled};\n word-break: break-all;\n `;\n },\n});\n"]}
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","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","helperContainer","helperText","helperTextEditing","tokenFontSize","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","inputEditing","reservedInput"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst mixins = {\n inputAndHelperCommonStyles(t: Theme) {\n return css`\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n line-height: ${t.tokenInputLineHeight};\n font-size: ${t.tokenInputFontSize};\n `;\n },\n inputAndHelperCommonEditingStyles(t: Theme) {\n return css`\n margin: ${t.tokenMarginY} ${t.tokenMarginX};\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenPaddingX};\n line-height: ${t.tokenLineHeight};\n `;\n },\n};\n\nexport const styles = memoizeStyle({\n label(t: Theme) {\n return css`\n background-color: ${t.tokenInputBg};\n box-shadow: ${t.tokenInputShadow};\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n border-top-color: ${t.tokenInputBorderTopColor};\n box-sizing: border-box;\n cursor: text;\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n display: flex;\n flex-wrap: wrap;\n align-items: start;\n outline: none;\n position: relative;\n border-radius: ${t.tokenInputBorderRadius};\n `;\n },\n\n warning(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n `;\n },\n\n labelFocused(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n `;\n },\n\n labelDisabled(t: Theme) {\n return css`\n background: ${t.tokenInputDisabledBg};\n border-color: ${t.tokenInputDisabledBorderColor};\n box-shadow: none;\n 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,8 +1,9 @@
 import React from 'react';
+import { PopupProps } from '../../internal/Popup';
 import { ComboBoxMenuProps } from '../../internal/CustomComboBox';
 import { TokenInputMenuAlign, TokenInputProps } from './TokenInput';
 export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
-    anchorElement: HTMLElement;
+    anchorElement: PopupProps['anchorElement'];
     menuWidth: TokenInputProps<string>['menuWidth'];
     menuAlign: TokenInputMenuAlign;
 }

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

@@ -99,4 +99,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' }, 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' }, 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';

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["TokenInputMenu.tsx"],"names":["TokenInputMenu","menu","getMenuRef","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingY","outlineWidth","controlOutlineWidth","marginY","tokenMarginY","menuRef","node","render","ThemeFactory","create","popupMargin","renderMain","props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","TokenInputDataTids","tokenInputMenu","undefined","React","Component","__KONTUR_REACT_UI__"],"mappings":"0PAAA;;AAEA;AACA;AACA;;;AAGA;;AAEA,0C;;;;;;;;AAQaA,c;;;;;AAKHC,IAAAA,I,GAAoB,I;;;;;;;;;;;;;;;;;;;;;;;;AAwBrBC,IAAAA,U,GAAa,oBAAkB,MAAKD,IAAvB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDZE,IAAAA,c,GAAiB,YAAc;AACrC,UAAMC,QAAQ,GAAGC,QAAQ,CAAC,MAAKC,KAAL,CAAWC,kBAAZ,EAAgC,EAAhC,CAAR,IAA+C,CAAhE;AACA,UAAMC,YAAY,GAAGH,QAAQ,CAAC,MAAKC,KAAL,CAAWG,mBAAZ,EAAiC,EAAjC,CAAR,IAAgD,CAArE;AACA,UAAMC,OAAO,GAAGL,QAAQ,CAAC,MAAKC,KAAL,CAAWK,YAAZ,EAA0B,EAA1B,CAAR,IAAyC,CAAzD;AACA,aAAOP,QAAQ,GAAGI,YAAX,GAA0BE,OAAjC;AACD,K;;AAEOE,IAAAA,O,GAAU,UAACC,IAAD,UAAgB,MAAKZ,IAAL,GAAYY,IAA5B,E,4DA7EXC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACR,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,6BAAC,0BAAD,CAAc,QAAd,IACE,KAAK,EAAES,2BAAaC,MAAb,CACL,EACEC,WAAW,EAAE,MAAI,CAACd,cAAL,KAAwB,IADvC,EADK,EAILG,KAJK,CADT,IAQG,MAAI,CAACY,UAAL,EARH,CADF,CAYD,CAfH,CADF,CAmBD,C,QAIOA,U,GAAR,sBAAqB,CACnB,kBAcI,KAAKC,KAdT,CACEC,OADF,eACEA,OADF,CAEEC,aAFF,eAEEA,aAFF,CAGEC,gBAHF,eAGEA,gBAHF,CAIEC,UAJF,eAIEA,UAJF,CAKEC,MALF,eAKEA,MALF,CAMEC,KANF,eAMEA,KANF,CAOEC,cAPF,eAOEA,cAPF,CAQEC,UARF,eAQEA,UARF,CASEC,aATF,eASEA,aATF,CAUEC,eAVF,eAUEA,eAVF,CAWEC,aAXF,eAWEA,aAXF,CAYEC,SAZF,eAYEA,SAZF,CAaEC,SAbF,eAaEA,SAbF,CAgBA,oBACE,6BAAC,YAAD,IACE,YAAUC,+BAAmBC,cAD/B,EAEE,MAAM,~~EAAEV~~,~~MAFV~~,EAGE,SAAS,EAAE,CAAC,aAAD,EAAgB,UAAhB,CAHb,EAIE,aAAa,EAAEM,aAJjB,EAKE,WAAW,EAAEE,SAAS,KAAK,MAAd,GAAuB,CAAvB,GAA2B,CAL1C,EAME,MAAM,EAAEA,SAAS,KAAK,MAAd,GAAuB,CAAvB,GAA2BG,SANrC,EAOE,SAAS,MAPX,EAQE,KAAK,EAAEH,SAAS,KAAK,QAAd,GAAyB,MAAzB,GAAkCD,SAR3C,EASE,aAAa,MATf,iBAWE,6BAAC,4BAAD,IACE,KAAK,EAAEN,KADT,EAEE,OAAO,EAAEL,OAFX,EAGE,aAAa,EAAEC,aAHjB,EAIE,aAAa,EAAEO,aAJjB,EAKE,MAAM,EAAEJ,MALV,EAME,OAAO,EAAE,KAAKZ,OANhB,EAOE,gBAAgB,EAAEU,gBAPpB,EAQE,UAAU,EAAEK,UARd,EASE,cAAc,EAAED,cATlB,EAUE,UAAU,EAAEH,UAVd,EAWE,eAAe,EAAEM,eAXnB,GAXF,CADF,CA2BD,C,yBA3E6CO,eAAMC,S,0CAAzCrC,c,CACGsC,mB,GAAsB,gB","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup } from '../../internal/Popup';\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { Menu } from '../../internal/Menu';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { TokenInputDataTids, TokenInputMenuAlign, TokenInputProps } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n anchorElement: ~~HTMLElement~~;\n menuWidth: TokenInputProps<string>['menuWidth'];\n menuAlign: TokenInputMenuAlign;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n\n private theme!: Theme;\n\n private menu: Menu \| null = null;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupMargin: this.getPopupMargin() + 'px',\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public getMenuRef = (): any \| null => this.menu;\n\n private renderMain() {\n const {\n loading,\n maxMenuHeight,\n renderTotalCount,\n totalCount,\n opened,\n items,\n renderNotFound,\n renderItem,\n onValueChange,\n renderAddButton,\n anchorElement,\n menuWidth,\n menuAlign,\n } = this.props;\n\n return (\n <Popup\n data-tid={TokenInputDataTids.tokenInputMenu}\n opened={opened!}\n positions={['bottom left', 'top left']}\n anchorElement={anchorElement}\n popupOffset={menuAlign === 'left' ? 0 : 5}\n margin={menuAlign === 'left' ? 1 : undefined}\n hasShadow\n width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n withoutMobile\n >\n <ComboBoxMenu\n items={items}\n loading={loading}\n maxMenuHeight={maxMenuHeight}\n onValueChange={onValueChange}\n opened={opened}\n refMenu={this.menuRef}\n renderTotalCount={renderTotalCount}\n renderItem={renderItem}\n renderNotFound={renderNotFound}\n totalCount={totalCount}\n renderAddButton={renderAddButton}\n />\n </Popup>\n );\n }\n\n private getPopupMargin = (): number => {\n const paddingY = parseInt(this.theme.tokenInputPaddingY, 10) \|\| 0;\n const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) \|\| 0;\n const marginY = parseInt(this.theme.tokenMarginY, 10) \|\| 0;\n return paddingY + outlineWidth + marginY;\n };\n\n private menuRef = (node: any) => (this.menu = node);\n}\n"]}
1	+ {"version":3,"sources":["TokenInputMenu.tsx"],"names":["TokenInputMenu","menu","getMenuRef","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingY","outlineWidth","controlOutlineWidth","marginY","tokenMarginY","menuRef","node","render","ThemeFactory","create","popupMargin","renderMain","props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","TokenInputDataTids","tokenInputMenu","undefined","React","Component","__KONTUR_REACT_UI__"],"mappings":"0PAAA;;AAEA;AACA;AACA;;;AAGA;;AAEA,0C;;;;;;;;AAQaA,c;;;;;AAKHC,IAAAA,I,GAAoB,I;;;;;;;;;;;;;;;;;;;;;;;;AAwBrBC,IAAAA,U,GAAa,oBAAkB,MAAKD,IAAvB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDZE,IAAAA,c,GAAiB,YAAc;AACrC,UAAMC,QAAQ,GAAGC,QAAQ,CAAC,MAAKC,KAAL,CAAWC,kBAAZ,EAAgC,EAAhC,CAAR,IAA+C,CAAhE;AACA,UAAMC,YAAY,GAAGH,QAAQ,CAAC,MAAKC,KAAL,CAAWG,mBAAZ,EAAiC,EAAjC,CAAR,IAAgD,CAArE;AACA,UAAMC,OAAO,GAAGL,QAAQ,CAAC,MAAKC,KAAL,CAAWK,YAAZ,EAA0B,EAA1B,CAAR,IAAyC,CAAzD;AACA,aAAOP,QAAQ,GAAGI,YAAX,GAA0BE,OAAjC;AACD,K;;AAEOE,IAAAA,O,GAAU,UAACC,IAAD,UAAgB,MAAKZ,IAAL,GAAYY,IAA5B,E,4DA7EXC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACR,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,6BAAC,0BAAD,CAAc,QAAd,IACE,KAAK,EAAES,2BAAaC,MAAb,CACL,EACEC,WAAW,EAAE,MAAI,CAACd,cAAL,KAAwB,IADvC,EADK,EAILG,KAJK,CADT,IAQG,MAAI,CAACY,UAAL,EARH,CADF,CAYD,CAfH,CADF,CAmBD,C,QAIOA,U,GAAR,sBAAqB,CACnB,kBAcI,KAAKC,KAdT,CACEC,OADF,eACEA,OADF,CAEEC,aAFF,eAEEA,aAFF,CAGEC,gBAHF,eAGEA,gBAHF,CAIEC,UAJF,eAIEA,UAJF,CAKEC,MALF,eAKEA,MALF,CAMEC,KANF,eAMEA,KANF,CAOEC,cAPF,eAOEA,cAPF,CAQEC,UARF,eAQEA,UARF,CASEC,aATF,eASEA,aATF,CAUEC,eAVF,eAUEA,eAVF,CAWEC,aAXF,eAWEA,aAXF,CAYEC,SAZF,eAYEA,SAZF,CAaEC,SAbF,eAaEA,SAbF,CAgBA,oBACE,6BAAC,YAAD,IACE,YAAUC,+BAAmBC,cAD/B,EAEE,MAAM,EAAE,CAAC,CAACV,MAFZ,EAGE,SAAS,EAAE,CAAC,aAAD,EAAgB,UAAhB,CAHb,EAIE,aAAa,EAAEM,aAJjB,EAKE,WAAW,EAAEE,SAAS,KAAK,MAAd,GAAuB,CAAvB,GAA2B,CAL1C,EAME,MAAM,EAAEA,SAAS,KAAK,MAAd,GAAuB,CAAvB,GAA2BG,SANrC,EAOE,SAAS,MAPX,EAQE,KAAK,EAAEH,SAAS,KAAK,QAAd,GAAyB,MAAzB,GAAkCD,SAR3C,EASE,aAAa,MATf,iBAWE,6BAAC,4BAAD,IACE,KAAK,EAAEN,KADT,EAEE,OAAO,EAAEL,OAFX,EAGE,aAAa,EAAEC,aAHjB,EAIE,aAAa,EAAEO,aAJjB,EAKE,MAAM,EAAEJ,MALV,EAME,OAAO,EAAE,KAAKZ,OANhB,EAOE,gBAAgB,EAAEU,gBAPpB,EAQE,UAAU,EAAEK,UARd,EASE,cAAc,EAAED,cATlB,EAUE,UAAU,EAAEH,UAVd,EAWE,eAAe,EAAEM,eAXnB,GAXF,CADF,CA2BD,C,yBA3E6CO,eAAMC,S,0CAAzCrC,c,CACGsC,mB,GAAsB,gB","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupProps } from '../../internal/Popup';\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { Menu } from '../../internal/Menu';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { TokenInputDataTids, TokenInputMenuAlign, TokenInputProps } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n anchorElement: PopupProps['anchorElement'];\n menuWidth: TokenInputProps<string>['menuWidth'];\n menuAlign: TokenInputMenuAlign;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n\n private theme!: Theme;\n\n private menu: Menu \| null = null;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupMargin: this.getPopupMargin() + 'px',\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public getMenuRef = (): any \| null => this.menu;\n\n private renderMain() {\n const {\n loading,\n maxMenuHeight,\n renderTotalCount,\n totalCount,\n opened,\n items,\n renderNotFound,\n renderItem,\n onValueChange,\n renderAddButton,\n anchorElement,\n menuWidth,\n menuAlign,\n } = this.props;\n\n return (\n <Popup\n data-tid={TokenInputDataTids.tokenInputMenu}\n opened={!!opened}\n positions={['bottom left', 'top left']}\n anchorElement={anchorElement}\n popupOffset={menuAlign === 'left' ? 0 : 5}\n margin={menuAlign === 'left' ? 1 : undefined}\n hasShadow\n width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n withoutMobile\n >\n <ComboBoxMenu\n items={items}\n loading={loading}\n maxMenuHeight={maxMenuHeight}\n onValueChange={onValueChange}\n opened={opened}\n refMenu={this.menuRef}\n renderTotalCount={renderTotalCount}\n renderItem={renderItem}\n renderNotFound={renderNotFound}\n totalCount={totalCount}\n renderAddButton={renderAddButton}\n />\n </Popup>\n );\n }\n\n private getPopupMargin = (): number => {\n const paddingY = parseInt(this.theme.tokenInputPaddingY, 10) \|\| 0;\n const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) \|\| 0;\n const marginY = parseInt(this.theme.tokenMarginY, 10) \|\| 0;\n return paddingY + outlineWidth + marginY;\n };\n\n private menuRef = (node: any) => (this.menu = node);\n}\n"]}

package/cjs/components/Tooltip/Tooltip.d.ts CHANGED Viewed

@@ -45,7 +45,7 @@ export interface TooltipProps extends CommonProps {
     /**
      * Значение по умолчанию: `"top left"`.
      */
-    pos: PopupPositionsType;
+    pos?: PopupPositionsType;
     /**
      * Триггер открытия тултипа
      * ```ts
@@ -60,7 +60,7 @@ export interface TooltipProps extends CommonProps {
      * | 'manual';
      * ```
      */
-    trigger: TooltipTrigger;
+    trigger?: TooltipTrigger;
     /**
      * Хэндлер, вызываемый при клике по крестику
      */
@@ -69,7 +69,7 @@ export interface TooltipProps extends CommonProps {
      * Хэндлер, вызываемый при клике по крестику или
      * снаружи тултипа
      */
-    onCloseRequest?: () => void;
+    onCloseRequest?: (event?: Event | React.MouseEvent) => void;
     /**
      * Хэндлер, вызываемый при закрытии тултипа
      */
@@ -85,18 +85,18 @@ export interface TooltipProps extends CommonProps {
      * следующая позиция. Обязательно должен включать
      * позицию указанную в `pos`
      */
-    allowedPositions: PopupPositionsType[];
+    allowedPositions?: PopupPositionsType[];
     /**
      * Флаг отключения анимации.
      * @default false
      */
-    disableAnimations: boolean;
+    disableAnimations?: boolean;
     /**
      * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
      *
      * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
      */
-    useWrapper: boolean;
+    useWrapper?: boolean;
 }
 export interface TooltipState {
     opened: boolean;
@@ -105,21 +105,16 @@ export interface TooltipState {
 export declare const TooltipDataTids: {
     readonly root: "Tooltip__root";
     readonly content: "Tooltip__content";
+    readonly crossIcon: "Tooltip__crossIcon";
 };
+declare type DefaultProps = Required<Pick<TooltipProps, 'pos' | 'trigger' | 'allowedPositions' | 'disableAnimations' | 'useWrapper'>>;
 export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {
     static __KONTUR_REACT_UI__: string;
-    private isMobileLayout;
     static propTypes: {
         children(props: TooltipProps, propName: keyof TooltipProps, componentName: string): void;
     };
-    static defaultProps: {
-        pos: "top left";
-        trigger: string;
-        allowedPositions: ("top left" | "top center" | "top right" | "right top" | "right middle" | "right bottom" | "bottom right" | "bottom center" | "bottom left" | "left bottom" | "left middle" | "left top")[];
-        disableAnimations: boolean;
-        useWrapper: boolean;
-        closeOnChildrenMouseLeave: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     static delay: number;
     private static triggersWithoutCloseButton;
     state: TooltipState;
@@ -135,7 +130,7 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     render(): JSX.Element;
     renderContent: () => JSX.Element | null;
     renderCloseButton(): JSX.Element | null;
-    getAnchorElement: () => Nullable<HTMLElement>;
+    getAnchorElement: () => Nullable<Element>;
     /**
      * Программно открывает тултип.
      * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
@@ -150,21 +145,19 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     hide(): void;
     private renderMain;
     private renderPopup;
-    private mobileCloseHandler;
     private refContent;
     private getPositions;
-    private getProps;
+    private getPopupAndLayerProps;
     private open;
     private close;
     private clearHoverTimeout;
     private handleMouseEnter;
     private handleMouseLeave;
     private handleClick;
-    private handleClickOutside;
+    private handleClickOutsideAnchor;
     private isClickOutsideContent;
-    private isClickOutsideAnchor;
-    private isClickOutside;
     private handleFocus;
     private handleBlur;
     private handleCloseButtonClick;
 }
+export {};