@skbkontur/react-ui 4.0.0-beta.4 → 4.0.0-beta.5

package/cjs/components/Textarea/Textarea.d.ts

@@ -1,185 +1,185 @@
-import React, { ReactNode } from 'react';
-import PropTypes from 'prop-types';
-import { Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
-    /**
-     * Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    /** Не активное состояние */
-    disabled?: boolean;
-    /**
-     * Атоматический ресайз
-     * в зависимости от содержимого
-     */
-    autoResize?: boolean;
-    /**
-     * Число строк
-     */
-    rows: number;
-    /**
-     * Максимальное число строк при
-     * автоматическом ресайзе
-     */
-    maxRows: string | number;
-    /**
-     * Стандартный ресайз
-     * Попадает в `style`
-     */
-    resize?: React.CSSProperties['resize'];
-    /**
-     * Ширина
-     */
-    width?: React.CSSProperties['width'];
-    /**
-     * Вызывается при изменении `value`
-     */
-    onValueChange?: (value: string) => void;
-    /** Выделение значения при фокусе */
-    selectAllOnFocus?: boolean;
-    /** Показывать счетчик символов */
-    showLengthCounter?: boolean;
-    /** Допустимое количество символов в поле. Отображается в счетчике.
-     * Если не указано, равно `maxLength`
-     */
-    lengthCounter?: number;
-    /** Подсказка к счетчику символов.
-     *
-     * По умолчанию - тултип с содежимым из пропа, если передан`ReactNode`.
-     *
-     * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,
-     *
-     * ```
-     * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}
-     * ```
-     * */
-    counterHelp?: ReactNode | (() => ReactNode);
-    /** Добавлять дополнительную свободную строку при авто-ресайзе.
-     * @see https://guides.kontur.ru/components/textarea/#04
-     * */
-    extraRow: boolean;
-    /** Отключать анимацию при авто-ресайзе.
-     * Автоматически отключается когда в `extraRow` передан `false`.
-     */
-    disableAnimations: boolean;
-}> {
-}
-export interface TextareaState {
-    polyfillPlaceholder: boolean;
-    isCounterVisible: boolean;
-}
-/**
- * Компонент для ввода многострочного текста.
- *
- * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
- *
- * ** `className` и `style`  игнорируются**
- */
-export declare class Textarea extends React.Component<TextareaProps, TextareaState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        error: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        autoResize: PropTypes.Requireable<boolean>;
-        extraRow: PropTypes.Requireable<boolean>;
-        disableAnimations: PropTypes.Requireable<boolean>;
-        maxRows: PropTypes.Requireable<string | number>;
-        resize: PropTypes.Requireable<string | number>;
-        width: PropTypes.Requireable<string | number>;
-        id: PropTypes.Requireable<string>;
-        name: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        spellCheck: PropTypes.Requireable<boolean>;
-        role: PropTypes.Requireable<string>;
-        maxLength: PropTypes.Requireable<number>;
-        tabIndex: PropTypes.Requireable<number>;
-        rows: PropTypes.Requireable<number>;
-        placeholder: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseUp: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
-        onInput: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
-        onWheel: PropTypes.Requireable<(...args: any[]) => any>;
-        onCut: PropTypes.Requireable<(...args: any[]) => any>;
-        onPaste: PropTypes.Requireable<(...args: any[]) => any>;
-        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        rows: number;
-        maxRows: number;
-        extraRow: boolean;
-        disableAnimations: boolean;
-    };
-    state: {
-        polyfillPlaceholder: boolean;
-        isCounterVisible: boolean;
-    };
-    private reflowCounter;
-    private theme;
-    private selectAllId;
-    private node;
-    private fakeNode;
-    private counter;
-    private layoutEvents;
-    private textareaObserver;
-    private setRootNode;
-    private getAutoResizeThrottleWait;
-    private isAnimationsDisabled;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: TextareaProps): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     * @param {number} start
-     * @param {number} end
-     */
-    setSelectionRange: (start: number, end: number) => void;
-    /**
-     * @public
-     */
-    selectAll: () => void;
-    private delaySelectAll;
-    private cancelDelayedSelectAll;
-    private renderMain;
-    private handleCloseCounterHelp;
-    private handleKeyDown;
-    private handleChange;
-    private ref;
-    private refFake;
-    private refCounter;
-    private autoResizeHandler;
-    private autoResize;
-    private handleCut;
-    private handlePaste;
-    private handleFocus;
-}
+import React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    /** Не активное состояние */
+    disabled?: boolean;
+    /**
+     * Атоматический ресайз
+     * в зависимости от содержимого
+     */
+    autoResize?: boolean;
+    /**
+     * Число строк
+     */
+    rows: number;
+    /**
+     * Максимальное число строк при
+     * автоматическом ресайзе
+     */
+    maxRows: string | number;
+    /**
+     * Стандартный ресайз
+     * Попадает в `style`
+     */
+    resize?: React.CSSProperties['resize'];
+    /**
+     * Ширина
+     */
+    width?: React.CSSProperties['width'];
+    /**
+     * Вызывается при изменении `value`
+     */
+    onValueChange?: (value: string) => void;
+    /** Выделение значения при фокусе */
+    selectAllOnFocus?: boolean;
+    /** Показывать счетчик символов */
+    showLengthCounter?: boolean;
+    /** Допустимое количество символов в поле. Отображается в счетчике.
+     * Если не указано, равно `maxLength`
+     */
+    lengthCounter?: number;
+    /** Подсказка к счетчику символов.
+     *
+     * По умолчанию - тултип с содежимым из пропа, если передан`ReactNode`.
+     *
+     * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,
+     *
+     * ```
+     * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}
+     * ```
+     * */
+    counterHelp?: ReactNode | (() => ReactNode);
+    /** Добавлять дополнительную свободную строку при авто-ресайзе.
+     * @see https://guides.kontur.ru/components/textarea/#04
+     * */
+    extraRow: boolean;
+    /** Отключать анимацию при авто-ресайзе.
+     * Автоматически отключается когда в `extraRow` передан `false`.
+     */
+    disableAnimations: boolean;
+}> {
+}
+export interface TextareaState {
+    polyfillPlaceholder: boolean;
+    isCounterVisible: boolean;
+}
+/**
+ * Компонент для ввода многострочного текста.
+ *
+ * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
+ *
+ * ** `className` и `style`  игнорируются**
+ */
+export declare class Textarea extends React.Component<TextareaProps, TextareaState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        error: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        autoResize: PropTypes.Requireable<boolean>;
+        extraRow: PropTypes.Requireable<boolean>;
+        disableAnimations: PropTypes.Requireable<boolean>;
+        maxRows: PropTypes.Requireable<string | number>;
+        resize: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<string | number>;
+        id: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        spellCheck: PropTypes.Requireable<boolean>;
+        role: PropTypes.Requireable<string>;
+        maxLength: PropTypes.Requireable<number>;
+        tabIndex: PropTypes.Requireable<number>;
+        rows: PropTypes.Requireable<number>;
+        placeholder: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<string>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseUp: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
+        onInput: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onWheel: PropTypes.Requireable<(...args: any[]) => any>;
+        onCut: PropTypes.Requireable<(...args: any[]) => any>;
+        onPaste: PropTypes.Requireable<(...args: any[]) => any>;
+        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        rows: number;
+        maxRows: number;
+        extraRow: boolean;
+        disableAnimations: boolean;
+    };
+    state: {
+        polyfillPlaceholder: boolean;
+        isCounterVisible: boolean;
+    };
+    private reflowCounter;
+    private theme;
+    private selectAllId;
+    private node;
+    private fakeNode;
+    private counter;
+    private layoutEvents;
+    private textareaObserver;
+    private setRootNode;
+    private getAutoResizeThrottleWait;
+    private isAnimationsDisabled;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: TextareaProps): void;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     * @param {number} start
+     * @param {number} end
+     */
+    setSelectionRange: (start: number, end: number) => void;
+    /**
+     * @public
+     */
+    selectAll: () => void;
+    private delaySelectAll;
+    private cancelDelayedSelectAll;
+    private renderMain;
+    private handleCloseCounterHelp;
+    private handleKeyDown;
+    private handleChange;
+    private ref;
+    private refFake;
+    private refCounter;
+    private autoResizeHandler;
+    private autoResize;
+    private handleCut;
+    private handlePaste;
+    private handleFocus;
+}

package/cjs/components/Textarea/Textarea.styles.d.ts

@@ -1,15 +1,15 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    textarea(t: Theme): string;
-    error(t: Theme): string;
-    warning(t: Theme): string;
-    disabled(t: Theme): string;
-    fake(): string;
-    placeholder(): string;
-    counterContainer(t: Theme): string;
-    counter(t: Theme): string;
-    counterError(t: Theme): string;
-    counterHelp(): string;
-    disableAnimations(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    textarea(t: Theme): string;
+    error(t: Theme): string;
+    warning(t: Theme): string;
+    disabled(t: Theme): string;
+    fake(): string;
+    placeholder(): string;
+    counterContainer(t: Theme): string;
+    counter(t: Theme): string;
+    counterError(t: Theme): string;
+    counterHelp(): string;
+    disableAnimations(): string;
+};

package/cjs/components/Textarea/TextareaCounter.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { TextareaProps } from './Textarea';
-export declare type TextareaCounterProps = {
-    value: TextareaProps['value'];
-    length: number;
-    help: TextareaProps['counterHelp'];
-    onCloseHelp: () => void;
-    textarea: HTMLTextAreaElement;
-};
-export interface TextareaCounterRef {
-    reflow: () => void;
-}
-export declare const TextareaCounter: React.ForwardRefExoticComponent<TextareaCounterProps & React.RefAttributes<TextareaCounterRef>>;
+import React from 'react';
+import { TextareaProps } from './Textarea';
+export declare type TextareaCounterProps = {
+    value: TextareaProps['value'];
+    length: number;
+    help: TextareaProps['counterHelp'];
+    onCloseHelp: () => void;
+    textarea: HTMLTextAreaElement;
+};
+export interface TextareaCounterRef {
+    reflow: () => void;
+}
+export declare const TextareaCounter: React.ForwardRefExoticComponent<TextareaCounterProps & React.RefAttributes<TextareaCounterRef>>;

package/cjs/components/Textarea/TextareaHelpers.d.ts

@@ -1,11 +1,11 @@
-export declare function getTextAreaHeight(params: GetTextAreaHeightParams): {
-    height: number;
-    exceededMaxHeight: boolean;
-};
-interface GetTextAreaHeightParams {
-    node: HTMLTextAreaElement;
-    minRows: number;
-    maxRows: number;
-    extraRow: boolean;
-}
-export {};
+export declare function getTextAreaHeight(params: GetTextAreaHeightParams): {
+    height: number;
+    exceededMaxHeight: boolean;
+};
+interface GetTextAreaHeightParams {
+    node: HTMLTextAreaElement;
+    minRows: number;
+    maxRows: number;
+    extraRow: boolean;
+}
+export {};

package/cjs/components/Textarea/index.d.ts

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

package/cjs/components/Toast/Toast.d.ts

@@ -1,58 +1,58 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ToastView } from './ToastView';
-export interface Action {
-    label: string;
-    handler: () => void;
-}
-export interface ToastState {
-    notification: Nullable<string>;
-    action: Nullable<Action>;
-    id: number;
-}
-export interface ToastProps extends CommonProps {
-    onPush?: (notification: string, action?: Action) => void;
-    onClose?: (notification: string, action?: Action) => void;
-}
-/**
- * Показывает уведомления.
- *
- * Доступен статический метод: `Toast.push(notification, action?)`.
- * Однако, при его использовании не работает кастомизация и могут быть проблемы
- * с перекрытием уведомления другими элементами страницы.
- *
- * Рекомендуется использовать Toast через `ref` (см. примеры).
- */
-export declare class Toast extends React.Component<ToastProps, ToastState> {
-    static __KONTUR_REACT_UI__: string;
-    private setRootNode;
-    static push(notification: string, action?: Action): void;
-    static close(): void;
-    _toast: Nullable<ToastView>;
-    private _timeout;
-    private rootRef;
-    constructor(props: ToastProps);
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    /**
-     * Показывает тост с `notification` в качестве сообщения.
-     * Тост автоматически скрывается через 3 или 7 секунд,
-     * в зависимости от наличия у него кнопки `action`.
-     *
-     * @public
-     * @param {string} notification
-     * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
-     * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-     */
-    push(notification: string, action?: Action): void;
-    /**
-     * @public
-     */
-    close: () => void;
-    private _renderToast;
-    private setRootRef;
-    private _clearTimer;
-    private _setTimer;
-    private _refToast;
-}
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { ToastView } from './ToastView';
+export interface Action {
+    label: string;
+    handler: () => void;
+}
+export interface ToastState {
+    notification: Nullable<string>;
+    action: Nullable<Action>;
+    id: number;
+}
+export interface ToastProps extends CommonProps {
+    onPush?: (notification: string, action?: Action) => void;
+    onClose?: (notification: string, action?: Action) => void;
+}
+/**
+ * Показывает уведомления.
+ *
+ * Доступен статический метод: `Toast.push(notification, action?)`.
+ * Однако, при его использовании не работает кастомизация и могут быть проблемы
+ * с перекрытием уведомления другими элементами страницы.
+ *
+ * Рекомендуется использовать Toast через `ref` (см. примеры).
+ */
+export declare class Toast extends React.Component<ToastProps, ToastState> {
+    static __KONTUR_REACT_UI__: string;
+    private setRootNode;
+    static push(notification: string, action?: Action): void;
+    static close(): void;
+    _toast: Nullable<ToastView>;
+    private _timeout;
+    private rootRef;
+    constructor(props: ToastProps);
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    /**
+     * Показывает тост с `notification` в качестве сообщения.
+     * Тост автоматически скрывается через 3 или 7 секунд,
+     * в зависимости от наличия у него кнопки `action`.
+     *
+     * @public
+     * @param {string} notification
+     * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
+     * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
+     */
+    push(notification: string, action?: Action): void;
+    /**
+     * @public
+     */
+    close: () => void;
+    private _renderToast;
+    private setRootRef;
+    private _clearTimer;
+    private _setTimer;
+    private _refToast;
+}

package/cjs/components/Toast/Toast.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const styles: {
-    enter(): string;
-    enterActive(): string;
-    exit(): string;
-    exitActive(): string;
-};
+export declare const styles: {
+    enter(): string;
+    enterActive(): string;
+    exit(): string;
+    exitActive(): string;
+};

package/cjs/components/Toast/ToastStatic.d.ts

@@ -1,8 +1,8 @@
-import { Action } from './Toast';
-export declare class ToastStatic {
-    static push: (notification: string, action?: Action | undefined) => void;
-    static _push: (notification: string, action?: Action | undefined) => void;
-    static close: () => void;
-    private static node;
-    private static instance;
-}
+import { Action } from './Toast';
+export declare class ToastStatic {
+    static push: (notification: string, action?: Action | undefined) => void;
+    static _push: (notification: string, action?: Action | undefined) => void;
+    static close: () => void;
+    private static node;
+    private static instance;
+}