@skbkontur/react-ui 3.12.0 → 3.12.3-popup-fix

package/components/ComboBox/ComboBox.d.ts

@@ -1,184 +1,184 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { MenuItemState } from '../MenuItem';
-import { InputIconType } from '../Input';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ComboBoxProps<T> extends CommonProps {
-    align?: 'left' | 'center' | 'right';
-    /**
-     * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода
-     * @default true
-     */
-    searchOnFocus?: boolean;
-    /**
-     * Рисует справа иконку в виде стрелки
-     * @default true
-     */
-    drawArrow?: boolean;
-    autoFocus?: boolean;
-    borderless?: boolean;
-    /**
-     * Не использовать Portal для рендеринга меню.
-     * См. https://github.com/skbkontur/retail-ui/issues/15
-     * @default false
-     */
-    disablePortal?: boolean;
-    disabled?: boolean;
-    /**
-     * Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    leftIcon?: InputIconType;
-    rightIcon?: InputIconType;
-    /**
-     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
-     * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.
-     *
-     * Элементы могут быть любого типа. В этом случае необходимо определить
-     * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`
-     */
-    getItems: (query: string) => Promise<T[]>;
-    /**
-     * Необходим для сравнения полученных результатов с `value`
-     * @default item => item.label
-     */
-    itemToValue: (item: T) => string | number;
-    maxLength?: number;
-    menuAlign?: 'left' | 'right';
-    onBlur?: () => void;
-    /** Вызывается при изменении `value` */
-    onValueChange?: (value: T) => void;
-    onFocus?: () => void;
-    /**
-     * Вызывается при изменении текста в поле ввода,
-     * если результатом функции будет строка,
-     * то она станет следующим состояним полем ввода
-     */
-    onInputValueChange?: (value: string) => Nullable<string> | void;
-    /**
-     * Функция для обработки ситуации, когда была введена
-     * строка в инпут и был потерян фокус с элемента.
-     *
-     * Если при потере фокуса в выпадающем списке будет только один
-     * элемент и  результат `renderValue` с этим элементом будет
-     * совпадать со значение в текстовом поле, то
-     * сработает onValueChange со значением данного элемента
-     *
-     * Сама функция также может вернуть значение,
-     * неравное `undefined`,
-     * с которым будет вызван onValueChange.
-     */
-    onUnexpectedInput?: (value: string) => void | null | T;
-    placeholder?: string;
-    /**
-     * Функция отрисовки элементов результата поиска.
-     * Не применяется если элемент является функцией или React-элементом
-     * @default item => item.label
-     */
-    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
-    /**
-     * Функция для отрисовки сообщения о пустом результате поиска
-     * Если есть renderAddButton - не работает
-     */
-    renderNotFound?: () => React.ReactNode;
-    /**
-     * Функция отображающая сообщение об общем количестве элементов.
-     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`.
-     */
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    /**
-     * Функция отрисовки выбранного значения
-     * @default item => item.label
-     */
-    renderValue: (item: T) => React.ReactNode;
-    /**
-     * Функция отрисовки кнопки добавления в выпадающем списке
-     */
-    renderAddButton?: (query?: string) => React.ReactNode;
-    /**
-     * Общее количество элементов.
-     * Необходим для работы `renderTotalCount`
-     */
-    totalCount?: number;
-    /**
-     * Выбранное значение
-     * Ожидается, что `value` того же типа что и элементы в массиве,
-     * возвращаемом в `getItems`
-     */
-    value?: Nullable<T>;
-    /**
-     * Необходим для преобразования `value` в строку при фокусировке
-     * @default item => item.label
-     */
-    valueToString: (item: T) => string;
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    width?: string | number;
-    maxMenuHeight?: number | string;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
-    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
-}
-export interface ComboBoxItem {
-    value: string;
-    label: string;
-}
-export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        itemToValue: (item: ComboBoxItem) => string;
-        valueToString: (item: ComboBoxItem) => string;
-        renderValue: (item: ComboBoxItem) => string;
-        renderItem: (item: ComboBoxItem) => string;
-        menuAlign: string;
-        searchOnFocus: boolean;
-        drawArrow: boolean;
-    };
-    private comboboxElement;
-    private setRootNode;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * Открывает выпадающий список и запускает поиск элементов
-     *
-     * @public
-     * @param {string} [query] Текст поиска. По умолчанию берется
-     * текст из инпута или результат `valueToString(value)`
-     */
-    search(query?: string): void;
-    /**
-     * @public
-     */
-    cancelSearch(): void;
-    /**
-     * @public Открывает выпадающий список
-     */
-    open(): void;
-    /**
-     * @public Закрывает выпадающий список
-     */
-    close(): void;
-    /**
-     * Выделяет текст внутри input
-     * @public
-     */
-    selectInputText(): void;
-    /**
-     * Сбрасывает введенное пользователем значение
-     * @public
-     */
-    reset(): void;
-    render(): JSX.Element;
-    private customComboBoxRef;
-}
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { MenuItemState } from '../MenuItem';
+import { InputIconType } from '../Input';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ComboBoxProps<T> extends CommonProps {
+    align?: 'left' | 'center' | 'right';
+    /**
+     * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода
+     * @default true
+     */
+    searchOnFocus?: boolean;
+    /**
+     * Рисует справа иконку в виде стрелки
+     * @default true
+     */
+    drawArrow?: boolean;
+    autoFocus?: boolean;
+    borderless?: boolean;
+    /**
+     * Не использовать Portal для рендеринга меню.
+     * См. https://github.com/skbkontur/retail-ui/issues/15
+     * @default false
+     */
+    disablePortal?: boolean;
+    disabled?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    leftIcon?: InputIconType;
+    rightIcon?: InputIconType;
+    /**
+     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
+     * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.
+     *
+     * Элементы могут быть любого типа. В этом случае необходимо определить
+     * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`
+     */
+    getItems: (query: string) => Promise<T[]>;
+    /**
+     * Необходим для сравнения полученных результатов с `value`
+     * @default item => item.label
+     */
+    itemToValue: (item: T) => string | number;
+    maxLength?: number;
+    menuAlign?: 'left' | 'right';
+    onBlur?: () => void;
+    /** Вызывается при изменении `value` */
+    onValueChange?: (value: T) => void;
+    onFocus?: () => void;
+    /**
+     * Вызывается при изменении текста в поле ввода,
+     * если результатом функции будет строка,
+     * то она станет следующим состояним полем ввода
+     */
+    onInputValueChange?: (value: string) => Nullable<string> | void;
+    /**
+     * Функция для обработки ситуации, когда была введена
+     * строка в инпут и был потерян фокус с элемента.
+     *
+     * Если при потере фокуса в выпадающем списке будет только один
+     * элемент и  результат `renderValue` с этим элементом будет
+     * совпадать со значение в текстовом поле, то
+     * сработает onValueChange со значением данного элемента
+     *
+     * Сама функция также может вернуть значение,
+     * неравное `undefined`,
+     * с которым будет вызван onValueChange.
+     */
+    onUnexpectedInput?: (value: string) => void | null | T;
+    placeholder?: string;
+    /**
+     * Функция отрисовки элементов результата поиска.
+     * Не применяется если элемент является функцией или React-элементом
+     * @default item => item.label
+     */
+    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
+    /**
+     * Функция для отрисовки сообщения о пустом результате поиска
+     * Если есть renderAddButton - не работает
+     */
+    renderNotFound?: () => React.ReactNode;
+    /**
+     * Функция отображающая сообщение об общем количестве элементов.
+     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`.
+     */
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    /**
+     * Функция отрисовки выбранного значения
+     * @default item => item.label
+     */
+    renderValue: (item: T) => React.ReactNode;
+    /**
+     * Функция отрисовки кнопки добавления в выпадающем списке
+     */
+    renderAddButton?: (query?: string) => React.ReactNode;
+    /**
+     * Общее количество элементов.
+     * Необходим для работы `renderTotalCount`
+     */
+    totalCount?: number;
+    /**
+     * Выбранное значение
+     * Ожидается, что `value` того же типа что и элементы в массиве,
+     * возвращаемом в `getItems`
+     */
+    value?: Nullable<T>;
+    /**
+     * Необходим для преобразования `value` в строку при фокусировке
+     * @default item => item.label
+     */
+    valueToString: (item: T) => string;
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    width?: string | number;
+    maxMenuHeight?: number | string;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseOver?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+}
+export interface ComboBoxItem {
+    value: string;
+    label: string;
+}
+export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        itemToValue: (item: ComboBoxItem) => string;
+        valueToString: (item: ComboBoxItem) => string;
+        renderValue: (item: ComboBoxItem) => string;
+        renderItem: (item: ComboBoxItem) => string;
+        menuAlign: string;
+        searchOnFocus: boolean;
+        drawArrow: boolean;
+    };
+    private comboboxElement;
+    private setRootNode;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * Открывает выпадающий список и запускает поиск элементов
+     *
+     * @public
+     * @param {string} [query] Текст поиска. По умолчанию берется
+     * текст из инпута или результат `valueToString(value)`
+     */
+    search(query?: string): void;
+    /**
+     * @public
+     */
+    cancelSearch(): void;
+    /**
+     * @public Открывает выпадающий список
+     */
+    open(): void;
+    /**
+     * @public Закрывает выпадающий список
+     */
+    close(): void;
+    /**
+     * Выделяет текст внутри input
+     * @public
+     */
+    selectInputText(): void;
+    /**
+     * Сбрасывает введенное пользователем значение
+     * @public
+     */
+    reset(): void;
+    render(): JSX.Element;
+    private customComboBoxRef;
+}

package/components/ComboBox/index.d.ts

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

package/components/CurrencyInput/CurrencyHelper.d.ts

@@ -1,35 +1,35 @@
-import { Nullable } from '../../typings/utility-types';
-import { DecimalOptions } from './CurrencyInputHelper';
-import { CursorMap } from './CursorHelper';
-export interface DecimalFormattingOptions {
-    fractionDigits?: Nullable<number>;
-    hideTrailingZeros?: boolean;
-    thousandsDelimiter?: string;
-    minusSign?: string;
-}
-declare type DecimalFormattingOptionsInternal = Required<DecimalFormattingOptions>;
-export interface FormattingInfo {
-    raw: string;
-    formatted: string;
-    cursorMap: CursorMap;
-}
-export declare class CurrencyHelper {
-    static defaultOptions: DecimalFormattingOptionsInternal;
-    static getOptions(options?: Nullable<DecimalFormattingOptions>): DecimalFormattingOptionsInternal;
-    static getInfo(value: string, options?: Nullable<DecimalFormattingOptions>): FormattingInfo;
-    static getCursorMap(formatted: string, formattingOptions?: Nullable<DecimalFormattingOptions>): CursorMap;
-    static format(value: Nullable<number>, options?: Nullable<DecimalFormattingOptions>): string;
-    static parse(value: string): Nullable<number>;
-    static unformatString(value: string): string;
-    static formatForClipboard(value: string): string;
-    static formatString(value: string, formattingOptions?: Nullable<DecimalFormattingOptions>): string;
-    static isValidString(value: string, options: DecimalOptions): boolean;
-    static extractValid(value: string, options: DecimalOptions): string;
-    static destructString(value: string): {
-        sign: string;
-        integer: string;
-        delimiter: string;
-        fraction: string;
-    } | null;
-}
-export {};
+import { Nullable } from '../../typings/utility-types';
+import { DecimalOptions } from './CurrencyInputHelper';
+import { CursorMap } from './CursorHelper';
+export interface DecimalFormattingOptions {
+    fractionDigits?: Nullable<number>;
+    hideTrailingZeros?: boolean;
+    thousandsDelimiter?: string;
+    minusSign?: string;
+}
+declare type DecimalFormattingOptionsInternal = Required<DecimalFormattingOptions>;
+export interface FormattingInfo {
+    raw: string;
+    formatted: string;
+    cursorMap: CursorMap;
+}
+export declare class CurrencyHelper {
+    static defaultOptions: DecimalFormattingOptionsInternal;
+    static getOptions(options?: Nullable<DecimalFormattingOptions>): DecimalFormattingOptionsInternal;
+    static getInfo(value: string, options?: Nullable<DecimalFormattingOptions>): FormattingInfo;
+    static getCursorMap(formatted: string, formattingOptions?: Nullable<DecimalFormattingOptions>): CursorMap;
+    static format(value: Nullable<number>, options?: Nullable<DecimalFormattingOptions>): string;
+    static parse(value: string): Nullable<number>;
+    static unformatString(value: string): string;
+    static formatForClipboard(value: string): string;
+    static formatString(value: string, formattingOptions?: Nullable<DecimalFormattingOptions>): string;
+    static isValidString(value: string, options: DecimalOptions): boolean;
+    static extractValid(value: string, options: DecimalOptions): string;
+    static destructString(value: string): {
+        sign: string;
+        integer: string;
+        delimiter: string;
+        fraction: string;
+    } | null;
+}
+export {};

package/components/CurrencyInput/CurrencyInput.d.ts

@@ -1,106 +1,106 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { InputProps } from '../Input';
-import { Nullable, Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import { Selection } from './SelectionHelper';
-export interface CurrencyInputProps extends CommonProps, Override<InputProps, {
-    /** Значение */
-    value: Nullable<number>;
-    /** Убрать лишние нули после запятой */
-    hideTrailingZeros: boolean;
-    /** Кол-во цифр после зяпятой */
-    fractionDigits?: Nullable<number>;
-    /** Отрицательные значения */
-    signed?: boolean;
-    /**
-     * Допустимое кол-во цифр целой части.
-     * Если передан **0**, или `fractionDigits=15`, то и в целой части допускается только **0**.
-     */
-    integerDigits?: Nullable<number>;
-    /** Вызывается при изменении `value` */
-    onValueChange: (value: Nullable<number>) => void;
-    /** onSubmit */
-    onSubmit?: () => void;
-}> {
-}
-export interface CurrencyInputState {
-    formatted: string;
-    selection: Selection;
-    focused: boolean;
-}
-/**
- * Поле для денежных сумм (и других числовых значений).
- * Принимает любые свойства `Input`.
- *
- * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
- * <br/>
- * Если `fractionDigits=15`, то в целой части допускается **0**.
- */
-export declare class CurrencyInput extends React.PureComponent<CurrencyInputProps, CurrencyInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        align: PropTypes.Requireable<string>;
-        autoFocus: PropTypes.Requireable<boolean>;
-        borderless: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        fractionDigits: PropTypes.Requireable<number>;
-        hideTrailingZeros: PropTypes.Requireable<boolean>;
-        leftIcon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        placeholder: PropTypes.Requireable<string>;
-        signed: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<number>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onValueChange: PropTypes.Validator<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        align: string;
-        fractionDigits: number;
-        hideTrailingZeros: boolean;
-        value: null;
-        inputMode: string;
-    };
-    state: CurrencyInputState;
-    private input;
-    private tempSelectionForOnChange;
-    private setRootNode;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CurrencyInputProps, prevState: CurrencyInputState): void;
-    render(): JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<CurrencyInputProps>) => JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private getState;
-    private setSelectionFromEvent;
-    private readonly debouncedSetSelectionFromEvent;
-    private handleMouseUp;
-    private handleKeyDown;
-    private scrollInput;
-    private getSelection;
-    private moveCursor;
-    private extendSelection;
-    private inputValue;
-    private getOnChangeDelta;
-    private handleValueChange;
-    private handlePaste;
-    private handleCopy;
-    private handleCut;
-    private handleFocus;
-    private handleBlur;
-    private refInput;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { InputProps } from '../Input';
+import { Nullable, Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import { Selection } from './SelectionHelper';
+export interface CurrencyInputProps extends CommonProps, Override<InputProps, {
+    /** Значение */
+    value: Nullable<number>;
+    /** Убрать лишние нули после запятой */
+    hideTrailingZeros: boolean;
+    /** Кол-во цифр после зяпятой */
+    fractionDigits?: Nullable<number>;
+    /** Отрицательные значения */
+    signed?: boolean;
+    /**
+     * Допустимое кол-во цифр целой части.
+     * Если передан **0**, или `fractionDigits=15`, то и в целой части допускается только **0**.
+     */
+    integerDigits?: Nullable<number>;
+    /** Вызывается при изменении `value` */
+    onValueChange: (value: Nullable<number>) => void;
+    /** onSubmit */
+    onSubmit?: () => void;
+}> {
+}
+export interface CurrencyInputState {
+    formatted: string;
+    selection: Selection;
+    focused: boolean;
+}
+/**
+ * Поле для денежных сумм (и других числовых значений).
+ * Принимает любые свойства `Input`.
+ *
+ * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
+ * <br/>
+ * Если `fractionDigits=15`, то в целой части допускается **0**.
+ */
+export declare class CurrencyInput extends React.PureComponent<CurrencyInputProps, CurrencyInputState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        align: PropTypes.Requireable<string>;
+        autoFocus: PropTypes.Requireable<boolean>;
+        borderless: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        fractionDigits: PropTypes.Requireable<number>;
+        hideTrailingZeros: PropTypes.Requireable<boolean>;
+        leftIcon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        placeholder: PropTypes.Requireable<string>;
+        signed: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<number>;
+        warning: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string | number>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onValueChange: PropTypes.Validator<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        align: string;
+        fractionDigits: number;
+        hideTrailingZeros: boolean;
+        value: null;
+        inputMode: string;
+    };
+    state: CurrencyInputState;
+    private input;
+    private tempSelectionForOnChange;
+    private setRootNode;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CurrencyInputProps, prevState: CurrencyInputState): void;
+    render(): JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<CurrencyInputProps>) => JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private getState;
+    private setSelectionFromEvent;
+    private readonly debouncedSetSelectionFromEvent;
+    private handleMouseUp;
+    private handleKeyDown;
+    private scrollInput;
+    private getSelection;
+    private moveCursor;
+    private extendSelection;
+    private inputValue;
+    private getOnChangeDelta;
+    private handleValueChange;
+    private handlePaste;
+    private handleCopy;
+    private handleCut;
+    private handleFocus;
+    private handleBlur;
+    private refInput;
+}