@skbkontur/react-ui 2.17.4-source-maps.1 → 2.17.7-sidepage-header

package/cjs/components/TokenInput/TokenInput.d.ts

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

package/cjs/components/TokenInput/TokenInput.js

@@ -428,12 +428,12 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
         _this.handleOutsideBlur();
       }
 
-      if (isBlurToMenu || _this.state.preventBlur) {
+      if (isBlurToMenu || _this.state.preventBlur) {var _this$input;
         event.preventDefault();
         // первый focus нужен для предотвращения/уменьшения моргания в других браузерах
-        _this.input.focus();
+        (_this$input = _this.input) == null ? void 0 : _this$input.focus();
         // в firefox не работает без второго focus
-        process.nextTick(function () {return _this.input.focus();});
+        process.nextTick(function () {var _this$input2;return (_this$input2 = _this.input) == null ? void 0 : _this$input2.focus();});
         _this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });
       } else {
         _this.dispatch({ type: 'BLUR' });
@@ -510,11 +510,11 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
       return false;
     };_this.
 
-    handleWrapperMouseDown = function (event) {
+    handleWrapperMouseDown = function (event) {var _this$wrapper;
       _this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });
       var target = event.target;
       var isClickOnToken =
-      target && _this.wrapper.contains(target) && target !== _this.wrapper && target !== _this.input;
+      target && ((_this$wrapper = _this.wrapper) == null ? void 0 : _this$wrapper.contains(target)) && target !== _this.wrapper && target !== _this.input;
       if (!isClickOnToken) {
         _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });
       }
@@ -610,7 +610,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
       }
     };_this.
 
-    handleInputKeyDown = function (e) {
+    handleInputKeyDown = function (e) {var _this$input3, _this$input4;
       e.stopPropagation();
 
       if (_this.type !== TokenInputType.WithReference && _this.props.delimiters.includes(e.key)) {
@@ -645,13 +645,13 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
           }
           break;
         case (0, _identifiers.isKeyEscape)(e):
-          _this.input.blur();
+          (_this$input3 = _this.input) == null ? void 0 : _this$input3.blur();
           break;
         case (0, _identifiers.isKeyBackspace)(e):
           if (!_this.isEditingMode) _this.moveFocusToLastToken();
           break;
         case (0, _identifiers.isKeyArrowLeft)(e):
-          if (_this.input.selectionStart === 0) {
+          if (((_this$input4 = _this.input) == null ? void 0 : _this$input4.selectionStart) === 0) {
             _this.moveFocusToLastToken();
           }
           break;}
@@ -666,7 +666,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
 
 
     focusInput = function () {
-      process.nextTick(function () {return _this.input.focus();});
+      process.nextTick(function () {var _this$input5;return (_this$input5 = _this.input) == null ? void 0 : _this$input5.focus();});
     };_this.
 
     selectInputText = function () {
@@ -675,7 +675,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
       }
     };_this.
 
-    handleWrapperKeyDown = function (e) {
+    handleWrapperKeyDown = function (e) {var _this$wrapper2;
       switch (true) {
         case (0, _identifiers.isKeyBackspace)(e):
         case (0, _identifiers.isKeyDelete)(e):{
@@ -684,9 +684,9 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
               function (item) {return !_this.hasValueInItems(_this.state.activeTokens, item);});
 
               _this.props.onValueChange(itemsNew);
-              _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {
+              _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {var _this$input6;
                 LayoutEvents.emit();
-                _this.input.focus();
+                (_this$input6 = _this.input) == null ? void 0 : _this$input6.focus();
               });
             }
             break;
@@ -695,7 +695,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
           _this.handleWrapperArrows(e);
           break;
         case (0, _identifiers.isKeyEscape)(e):
-          _this.wrapper.blur();
+          (_this$wrapper2 = _this.wrapper) == null ? void 0 : _this$wrapper2.blur();
           break;
         case (0, _identifiers.isKeyEnter)(e):
           e.preventDefault();
@@ -729,7 +729,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
 
     handleWrapperArrowsWithoutShift = function (isLeftEdge, isRightEdge, newItemIndex) {
       if (isRightEdge) {
-        _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {return _this.input.focus();});
+        _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {var _this$input7;return (_this$input7 = _this.input) == null ? void 0 : _this$input7.focus();});
       } else if (!isLeftEdge) {
         _this.dispatch({
           type: 'SET_ACTIVE_TOKENS',