@skbkontur/react-ui 4.8.0 → 4.9.0-theme2022.1

package/components/TokenInput/TokenInput.d.ts

@@ -1,214 +1,214 @@
-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 declare type TokenInputMenuAlign = 'left' | 'cursor';
-export interface TokenInputProps<T> extends CommonProps {
-    selectedItems?: T[];
-    onValueChange?: (items: T[]) => void;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
-    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
-    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
-    autoFocus?: boolean;
-    type?: TokenInputType;
-    /**
-     * Ширина выпадающего меню может быть указана как 'auto'
-     * а также в пикселях, процентах (от ширины инпута)
-     * или других конкретных единицах
-     *
-     * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'
-     * (по ширине текста)
-     */
-    menuWidth?: React.CSSProperties['width'];
-    menuAlign?: TokenInputMenuAlign;
-    /**
-     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
-     * По умолчанию ожидаются строки.
-     *
-     * Элементы могут быть любого типа. В этом случае необходимо определить
-     * свойства `renderItem`, `valueToString`
-     */
-    getItems?: (query: string) => Promise<T[]>;
-    hideMenuIfEmptyInputValue?: boolean;
-    renderItem?: (item: T, state: MenuItemState) => React.ReactNode | null;
-    renderValue?: (item: T) => React.ReactNode;
-    /**
-     * Функция должна возвращать строковое представление токена
-     * @default item => item
-     */
-    valueToString?: (item: T) => string;
-    /**
-     * Функция отображающая сообщение об общем количестве элементов.
-     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`.
-     */
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    /**
-     * Общее количество элементов.
-     * Необходим для работы `renderTotalCount`
-     */
-    totalCount?: number;
-    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 const TokenInputDataTids: {
-    readonly root: "TokenInput__root";
-    readonly tokenInputMenu: "TokenInputMenu__root";
-};
-declare type DefaultProps<T> = Required<Pick<TokenInputProps<T>, 'selectedItems' | 'delimiters' | 'renderItem' | 'renderValue' | 'valueToString' | 'valueToItem' | 'toKey' | 'onValueChange' | 'width' | 'onBlur' | 'onFocus' | 'onMouseEnter' | 'onMouseLeave' | 'menuWidth' | 'menuAlign'>>;
-export declare class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: DefaultProps<any>;
-    private getProps;
-    state: TokenInputState<T>;
-    private readonly locale;
-    private theme;
-    private input;
-    private tokensInputMenu;
-    private textHelper;
-    private wrapper;
-    private setRootNode;
-    private memoizedTokens;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: TokenInputProps<T> & DefaultProps<T>, prevState: TokenInputState<T>): void;
-    componentWillUnmount(): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): 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;
-    private isTokenDisabled;
-    private getAvailableTokenIndex;
-}
-export {};
+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 declare type TokenInputMenuAlign = 'left' | 'cursor';
+export interface TokenInputProps<T> extends CommonProps {
+    selectedItems?: T[];
+    onValueChange?: (items: T[]) => void;
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    autoFocus?: boolean;
+    type?: TokenInputType;
+    /**
+     * Ширина выпадающего меню может быть указана как 'auto'
+     * а также в пикселях, процентах (от ширины инпута)
+     * или других конкретных единицах
+     *
+     * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'
+     * (по ширине текста)
+     */
+    menuWidth?: React.CSSProperties['width'];
+    menuAlign?: TokenInputMenuAlign;
+    /**
+     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
+     * По умолчанию ожидаются строки.
+     *
+     * Элементы могут быть любого типа. В этом случае необходимо определить
+     * свойства `renderItem`, `valueToString`
+     */
+    getItems?: (query: string) => Promise<T[]>;
+    hideMenuIfEmptyInputValue?: boolean;
+    renderItem?: (item: T, state: MenuItemState) => React.ReactNode | null;
+    renderValue?: (item: T) => React.ReactNode;
+    /**
+     * Функция должна возвращать строковое представление токена
+     * @default item => item
+     */
+    valueToString?: (item: T) => string;
+    /**
+     * Функция отображающая сообщение об общем количестве элементов.
+     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`.
+     */
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    /**
+     * Общее количество элементов.
+     * Необходим для работы `renderTotalCount`
+     */
+    totalCount?: number;
+    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 const TokenInputDataTids: {
+    readonly root: "TokenInput__root";
+    readonly tokenInputMenu: "TokenInputMenu__root";
+};
+declare type DefaultProps<T> = Required<Pick<TokenInputProps<T>, 'selectedItems' | 'delimiters' | 'renderItem' | 'renderValue' | 'valueToString' | 'valueToItem' | 'toKey' | 'onValueChange' | 'width' | 'onBlur' | 'onFocus' | 'onMouseEnter' | 'onMouseLeave' | 'menuWidth' | 'menuAlign'>>;
+export declare class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: DefaultProps<any>;
+    private getProps;
+    state: TokenInputState<T>;
+    private readonly locale;
+    private theme;
+    private input;
+    private tokensInputMenu;
+    private textHelper;
+    private wrapper;
+    private setRootNode;
+    private memoizedTokens;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: TokenInputProps<T> & DefaultProps<T>, prevState: TokenInputState<T>): void;
+    componentWillUnmount(): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): 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;
+    private isTokenDisabled;
+    private getAvailableTokenIndex;
+}
+export {};

package/components/TokenInput/TokenInput.styles.d.ts

@@ -1,15 +1,15 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    label(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-    labelFocused(t: Theme): string;
-    labelDisabled(t: Theme): string;
-    input(t: Theme): string;
-    helperContainer(t: Theme): string;
-    helperText(t: Theme): string;
-    helperTextEditing(t: Theme): string;
-    inputDisabled(t: Theme): string;
-    inputEditing(t: Theme): string;
-    reservedInput(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    label(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    labelFocused(t: Theme): string;
+    labelDisabled(t: Theme): string;
+    input(t: Theme): string;
+    helperContainer(t: Theme): string;
+    helperText(t: Theme): string;
+    helperTextEditing(t: Theme): string;
+    inputDisabled(t: Theme): string;
+    inputEditing(t: Theme): string;
+    reservedInput(t: Theme): string;
+};

package/components/TokenInput/TokenInputMenu.d.ts

@@ -1,19 +1,19 @@
-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: PopupProps['anchorElement'];
-    menuWidth: TokenInputProps<string>['menuWidth'];
-    menuAlign: TokenInputMenuAlign;
-}
-export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    private menu;
-    render(): JSX.Element;
-    getMenuRef: () => any | null;
-    private renderMain;
-    private getPopupMargin;
-    private menuRef;
-}
+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: PopupProps['anchorElement'];
+    menuWidth: TokenInputProps<string>['menuWidth'];
+    menuAlign: TokenInputMenuAlign;
+}
+export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    private menu;
+    render(): JSX.Element;
+    getMenuRef: () => any | null;
+    private renderMain;
+    private getPopupMargin;
+    private menuRef;
+}

package/components/TokenInput/TokenInputReducer.d.ts

@@ -1,25 +1,25 @@
-import { TokenInputState } from './TokenInput';
-export interface TokenInputAction {
-    type: TokenInputActionType;
-    payload?: any;
-}
-export declare const TokenActions: {
-    SET_INPUT_VALUE_WIDTH: string;
-    SET_INPUT_VALUE_HEIGHT: string;
-    UPDATE_QUERY: string;
-    SET_FOCUS_IN: string;
-    SET_PREVENT_BLUR: string;
-    BLUR: string;
-    SET_AUTOCOMPLETE_ITEMS: string;
-    SET_ACTIVE_TOKENS: string;
-    REMOVE_ALL_ACTIVE_TOKENS: string;
-    SET_LOADING: string;
-    CLEAR_INPUT: string;
-    RESET: string;
-    SET_EDITING_TOKEN_INDEX: string;
-    REMOVE_EDITING_TOKEN_INDEX: string;
-    SET_TEMPORARY_QUERY: string;
-    REMOVE_TEMPORARY_QUERY: string;
-};
-export declare type TokenInputActionType = keyof typeof TokenActions;
-export declare function tokenInputReducer<T = string>(state: TokenInputState<T>, action: TokenInputAction): Pick<TokenInputState<T>, never>;
+import { TokenInputState } from './TokenInput';
+export interface TokenInputAction {
+    type: TokenInputActionType;
+    payload?: any;
+}
+export declare const TokenActions: {
+    SET_INPUT_VALUE_WIDTH: string;
+    SET_INPUT_VALUE_HEIGHT: string;
+    UPDATE_QUERY: string;
+    SET_FOCUS_IN: string;
+    SET_PREVENT_BLUR: string;
+    BLUR: string;
+    SET_AUTOCOMPLETE_ITEMS: string;
+    SET_ACTIVE_TOKENS: string;
+    REMOVE_ALL_ACTIVE_TOKENS: string;
+    SET_LOADING: string;
+    CLEAR_INPUT: string;
+    RESET: string;
+    SET_EDITING_TOKEN_INDEX: string;
+    REMOVE_EDITING_TOKEN_INDEX: string;
+    SET_TEMPORARY_QUERY: string;
+    REMOVE_TEMPORARY_QUERY: string;
+};
+export declare type TokenInputActionType = keyof typeof TokenActions;
+export declare function tokenInputReducer<T = string>(state: TokenInputState<T>, action: TokenInputAction): Pick<TokenInputState<T>, never>;

package/components/TokenInput/index.d.ts

@@ -1 +1 @@
-export * from './TokenInput';
+export * from './TokenInput';

package/components/TokenInput/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { TokenInputLocale } from './types';
-export * from './types';
-export declare const TokenInputLocaleHelper: LocaleHelper<TokenInputLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { TokenInputLocale } from './types';
+export * from './types';
+export declare const TokenInputLocaleHelper: LocaleHelper<TokenInputLocale>;

package/components/TokenInput/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { TokenInputLocale } from '../types';
-export declare const componentsLocales: TokenInputLocale;
+import { TokenInputLocale } from '../types';
+export declare const componentsLocales: TokenInputLocale;

package/components/TokenInput/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { TokenInputLocale } from '../types';
-export declare const componentsLocales: TokenInputLocale;
+import { TokenInputLocale } from '../types';
+export declare const componentsLocales: TokenInputLocale;

package/components/TokenInput/locale/types.d.ts

@@ -1,4 +1,4 @@
-export interface TokenInputLocale {
-    addButtonComment: string;
-    addButtonTitle: string;
-}
+export interface TokenInputLocale {
+    addButtonComment: string;
+    addButtonTitle: string;
+}

package/components/Tooltip/Tooltip/Tooltip.js

@@ -18,6 +18,8 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { XIcon16Regular } from "../../../internal/icons2022/XIcon16Regular";
 import { styles } from "../Tooltip.styles";
 export var TooltipDataTids = {
   root: 'Tooltip__root',
@@ -237,10 +239,11 @@ export var Tooltip = rootNode(_class = responsiveLayout(_class = (_temp = _class
       return null;
     }
 
+    var icon = isTheme2022(this.theme) ? /*#__PURE__*/React.createElement(XIcon16Regular, null) : /*#__PURE__*/React.createElement(CrossIcon, null);
     return /*#__PURE__*/React.createElement("div", {
       className: styles.cross(this.theme),
       onClick: this.handleCloseButtonClick
-    }, /*#__PURE__*/React.createElement(CrossIcon, null));
+    }, icon);
   };
   /**
   * Программно открывает тултип.