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

package/components/Dropdown/Dropdown.d.ts

@@ -1,124 +1,124 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { MenuHeader } from '../MenuHeader';
-import { MenuItem } from '../MenuItem';
-import { MenuSeparator } from '../MenuSeparator';
-import { ButtonSize, ButtonUse } from '../Button';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface DropdownProps extends CommonProps {
-    /**
-     * Подпись на кнопке.
-     */
-    caption: React.ReactNode;
-    /**
-     * Иконка слева от текста кнопки
-     */
-    icon?: React.ReactElement<any>;
-    width?: React.CSSProperties['width'];
-    /** @ignore */
-    _renderButton?: (params: any) => JSX.Element;
-    /**
-     * Отключает использование портала
-     */
-    disablePortal?: boolean;
-    /**
-     * Визуально отключает Dropdown
-     */
-    disabled?: boolean;
-    /**
-     * Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    maxMenuHeight?: number;
-    menuAlign?: 'left' | 'right';
-    menuWidth?: number | string;
-    size?: ButtonSize;
-    /**
-     * Смотри Button.
-     */
-    use?: ButtonUse;
-    /**
-     * Вызывается при закрытии меню.
-     */
-    onClose?: () => void;
-    /**
-     * Вызывается при открытии меню.
-     */
-    onOpen?: () => void;
-    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-}
-/**
- * Выпадающее меню.
- *
- */
-export declare class Dropdown extends React.Component<DropdownProps> {
-    static __KONTUR_REACT_UI__: string;
-    static Header: typeof MenuHeader;
-    static MenuItem: typeof MenuItem;
-    static Separator: typeof MenuSeparator;
-    static propTypes: {
-        /**
-         * Подпись на кнопке.
-         */
-        caption: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Отключает использование портала
-         */
-        disablePortal: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально отключает Dropdown
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально показать наличие ошибки.
-         */
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Иконка слева от текста кнопки
-         */
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        maxMenuHeight: PropTypes.Requireable<number>;
-        menuAlign: PropTypes.Requireable<string>;
-        menuWidth: PropTypes.Requireable<string | number>;
-        size: PropTypes.Requireable<string>;
-        /**
-         * Смотри Button.
-         */
-        use: PropTypes.Requireable<any>;
-        /**
-         * Визуально показать наличие предупреждения.
-         */
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        /**
-         * Вызывается при закрытии меню.
-         */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Вызывается при открытии меню.
-         */
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private _select;
-    private setRootNode;
-    render(): JSX.Element;
-    renderMain: ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => JSX.Element;
-    /**
-     * @public
-     */
-    open(): void;
-    /**
-     * @public
-     */
-    close(): void;
-    private _refSelect;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { MenuHeader } from '../MenuHeader';
+import { MenuItem } from '../MenuItem';
+import { MenuSeparator } from '../MenuSeparator';
+import { ButtonSize, ButtonUse } from '../Button';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export interface DropdownProps extends CommonProps {
+    /**
+     * Подпись на кнопке.
+     */
+    caption: React.ReactNode;
+    /**
+     * Иконка слева от текста кнопки
+     */
+    icon?: React.ReactElement<any>;
+    width?: React.CSSProperties['width'];
+    /** @ignore */
+    _renderButton?: (params: any) => JSX.Element;
+    /**
+     * Отключает использование портала
+     */
+    disablePortal?: boolean;
+    /**
+     * Визуально отключает Dropdown
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    maxMenuHeight?: number;
+    menuAlign?: 'left' | 'right';
+    menuWidth?: number | string;
+    size?: ButtonSize;
+    /**
+     * Смотри Button.
+     */
+    use?: ButtonUse;
+    /**
+     * Вызывается при закрытии меню.
+     */
+    onClose?: () => void;
+    /**
+     * Вызывается при открытии меню.
+     */
+    onOpen?: () => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+/**
+ * Выпадающее меню.
+ *
+ */
+export declare class Dropdown extends React.Component<DropdownProps> {
+    static __KONTUR_REACT_UI__: string;
+    static Header: typeof MenuHeader;
+    static MenuItem: typeof MenuItem;
+    static Separator: typeof MenuSeparator;
+    static propTypes: {
+        /**
+         * Подпись на кнопке.
+         */
+        caption: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /**
+         * Отключает использование портала
+         */
+        disablePortal: PropTypes.Requireable<boolean>;
+        /**
+         * Визуально отключает Dropdown
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Визуально показать наличие ошибки.
+         */
+        error: PropTypes.Requireable<boolean>;
+        /**
+         * Иконка слева от текста кнопки
+         */
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        maxMenuHeight: PropTypes.Requireable<number>;
+        menuAlign: PropTypes.Requireable<string>;
+        menuWidth: PropTypes.Requireable<string | number>;
+        size: PropTypes.Requireable<string>;
+        /**
+         * Смотри Button.
+         */
+        use: PropTypes.Requireable<any>;
+        /**
+         * Визуально показать наличие предупреждения.
+         */
+        warning: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string | number>;
+        /**
+         * Вызывается при закрытии меню.
+         */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Вызывается при открытии меню.
+         */
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    private _select;
+    private setRootNode;
+    render(): JSX.Element;
+    renderMain: ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => JSX.Element;
+    /**
+     * @public
+     */
+    open(): void;
+    /**
+     * @public
+     */
+    close(): void;
+    private _refSelect;
+}

package/components/Dropdown/index.d.ts

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

package/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,65 +1,65 @@
-import React from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { PopupPositionsType } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface DropdownMenuProps extends CommonProps {
-    /** Максимальная высота меню */
-    menuMaxHeight?: React.CSSProperties['maxWidth'];
-    /** Ширина меню */
-    menuWidth?: React.CSSProperties['width'];
-    /** Ширина caption */
-    width?: React.CSSProperties['width'];
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо `caption`,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: PopupMenuProps['caption'];
-    /**
-     * Произвольный элемент, который будет отрендерен в шапке меню.
-     *
-     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
-     */
-    header?: React.ReactNode;
-    /**
-     * Произвольный элемент, который будет отрендерен в подвале меню.
-     *
-     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
-     */
-    footer?: React.ReactNode;
-    /**
-     *  Список позиций доступных для расположения выпадашки относительно `caption`.
-     *
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
-     *
-     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions?: PopupPositionsType[];
-    onOpen?: () => void;
-    onClose?: () => void;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations: boolean;
-}
-/**
- * Меню, раскрывающееся по клику на переданный в `caption` элемент
- */
-export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        disableAnimations: boolean;
-        positions: string[];
-    };
-    private popupMenu;
-    private setRootNode;
-    constructor(props: DropdownMenuProps);
-    render(): JSX.Element;
-    renderMain(): JSX.Element | null;
-    open: () => void;
-    close: () => void;
-    private refPopupMenu;
-    private handleChangeMenuState;
-}
+import React from 'react';
+import { PopupMenuProps } from '../../internal/PopupMenu';
+import { PopupPositionsType } from '../../internal/Popup';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface DropdownMenuProps extends CommonProps {
+    /** Максимальная высота меню */
+    menuMaxHeight?: React.CSSProperties['maxWidth'];
+    /** Ширина меню */
+    menuWidth?: React.CSSProperties['width'];
+    /** Ширина caption */
+    width?: React.CSSProperties['width'];
+    /**
+     * Элемент или функция возвращающая элемент,
+     * если передана, используется вместо `caption`,
+     * в таком случае управлять открытием и закрытием меню
+     * придется в этой функции
+     */
+    caption: PopupMenuProps['caption'];
+    /**
+     * Произвольный элемент, который будет отрендерен в шапке меню.
+     *
+     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     */
+    header?: React.ReactNode;
+    /**
+     * Произвольный элемент, который будет отрендерен в подвале меню.
+     *
+     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
+     */
+    footer?: React.ReactNode;
+    /**
+     *  Список позиций доступных для расположения выпадашки относительно `caption`.
+     *
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     *
+     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']
+     */
+    positions?: PopupPositionsType[];
+    onOpen?: () => void;
+    onClose?: () => void;
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations: boolean;
+}
+/**
+ * Меню, раскрывающееся по клику на переданный в `caption` элемент
+ */
+export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        disableAnimations: boolean;
+        positions: string[];
+    };
+    private popupMenu;
+    private setRootNode;
+    constructor(props: DropdownMenuProps);
+    render(): JSX.Element;
+    renderMain(): JSX.Element | null;
+    open: () => void;
+    close: () => void;
+    private refPopupMenu;
+    private handleChangeMenuState;
+}

package/components/DropdownMenu/index.d.ts

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

package/components/FxInput/FxInput.d.ts

@@ -1,50 +1,50 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Input, InputProps } from '../Input';
-import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
-import { Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
-    /** Авто-режим */
-    auto?: boolean;
-    /** Тип инпута */
-    type?: 'currency' | InputProps['type'];
-    /** onRestore */
-    onRestore?: () => void;
-    /** onValueChange */
-    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
-    /** Значение */
-    value?: React.ReactText;
-    /** ref Input'а */
-    refInput?: (element: CurrencyInput | Input | null) => void;
-    /** Убрать лишние нули после запятой */
-    hideTrailingZeros?: boolean;
-}> {
-}
-/** Принимает все свойства `Input`'a */
-export declare class FxInput extends React.Component<FxInputProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        auto: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        width: number;
-        type: string;
-        value: string;
-    };
-    private input;
-    private getProps;
-    private setRootNode;
-    render(): JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<FxInputProps>) => JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private refInput;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Input, InputProps } from '../Input';
+import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
+import { Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
+    /** Авто-режим */
+    auto?: boolean;
+    /** Тип инпута */
+    type?: 'currency' | InputProps['type'];
+    /** onRestore */
+    onRestore?: () => void;
+    /** onValueChange */
+    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
+    /** Значение */
+    value?: React.ReactText;
+    /** ref Input'а */
+    refInput?: (element: CurrencyInput | Input | null) => void;
+    /** Убрать лишние нули после запятой */
+    hideTrailingZeros?: boolean;
+}> {
+}
+/** Принимает все свойства `Input`'a */
+export declare class FxInput extends React.Component<FxInputProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        auto: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        width: number;
+        type: string;
+        value: string;
+    };
+    private input;
+    private getProps;
+    private setRootNode;
+    render(): JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<FxInputProps>) => JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private refInput;
+}

package/components/FxInput/index.d.ts

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

package/components/Gapped/Gapped.d.ts

@@ -1,58 +1,58 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface GappedProps extends CommonProps {
-    /**
-     * Расстояние между элементами в пикселях
-     * @default 8
-     */
-    gap?: number;
-    /**
-     * Вертикальное выравнивание
-     * @default "baseline"
-     */
-    verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';
-    /**
-     * Расположение элементов по вертикали
-     * @default false
-     */
-    vertical: boolean;
-    /**
-     * Перенос элементов на новую строку при горизонтальном расположении
-     * @default false
-     */
-    wrap: boolean;
-    children: React.ReactNode;
-}
-/**
- * Контейнер, расстояние между элементами в котором равно `gap`.
- */
-export declare class Gapped extends React.Component<GappedProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        /**
-         * Расстояние между элементами.
-         */
-        gap: PropTypes.Requireable<number>;
-        /**
-         * Располагать элементы вертикально.
-         */
-        vertical: PropTypes.Requireable<boolean>;
-        /**
-         * Вертикальное выравнивание элементов.
-         */
-        verticalAlign: PropTypes.Requireable<string>;
-    };
-    private theme;
-    private setRootNode;
-    static defaultProps: {
-        wrap: boolean;
-        vertical: boolean;
-        verticalAlign: string;
-    };
-    render(): JSX.Element;
-    private getGapValue;
-    private renderVertical;
-    private renderHorizontal;
-    private filterChildren;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface GappedProps extends CommonProps {
+    /**
+     * Расстояние между элементами в пикселях
+     * @default 8
+     */
+    gap?: number;
+    /**
+     * Вертикальное выравнивание
+     * @default "baseline"
+     */
+    verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';
+    /**
+     * Расположение элементов по вертикали
+     * @default false
+     */
+    vertical: boolean;
+    /**
+     * Перенос элементов на новую строку при горизонтальном расположении
+     * @default false
+     */
+    wrap: boolean;
+    children: React.ReactNode;
+}
+/**
+ * Контейнер, расстояние между элементами в котором равно `gap`.
+ */
+export declare class Gapped extends React.Component<GappedProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        /**
+         * Расстояние между элементами.
+         */
+        gap: PropTypes.Requireable<number>;
+        /**
+         * Располагать элементы вертикально.
+         */
+        vertical: PropTypes.Requireable<boolean>;
+        /**
+         * Вертикальное выравнивание элементов.
+         */
+        verticalAlign: PropTypes.Requireable<string>;
+    };
+    private theme;
+    private setRootNode;
+    static defaultProps: {
+        wrap: boolean;
+        vertical: boolean;
+        verticalAlign: string;
+    };
+    render(): JSX.Element;
+    private getGapValue;
+    private renderVertical;
+    private renderHorizontal;
+    private filterChildren;
+}

package/components/Gapped/index.d.ts

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

package/components/Group/Group.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface GroupProps extends CommonProps {
-    width?: React.CSSProperties['width'];
-}
-export declare class Group extends React.Component<GroupProps> {
-    static __KONTUR_REACT_UI__: string;
-    private setRootNode;
-    static propTypes: {
-        width: PropTypes.Requireable<string | number>;
-    };
-    render(): JSX.Element;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface GroupProps extends CommonProps {
+    width?: React.CSSProperties['width'];
+}
+export declare class Group extends React.Component<GroupProps> {
+    static __KONTUR_REACT_UI__: string;
+    private setRootNode;
+    static propTypes: {
+        width: PropTypes.Requireable<string | number>;
+    };
+    render(): JSX.Element;
+}

package/components/Group/Group.styles.d.ts

@@ -1,8 +1,8 @@
-export declare const styles: {
-    root(): string;
-    fixed(): string;
-    stretch(): string;
-    stretchFallback(): string;
-    item(): string;
-    itemFirst(): string;
-};
+export declare const styles: {
+    root(): string;
+    fixed(): string;
+    stretch(): string;
+    stretchFallback(): string;
+    item(): string;
+    itemFirst(): string;
+};