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

package/components/Toast/ToastView.d.ts

@@ -1,38 +1,38 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ToastViewProps extends CommonProps {
-    /**
-     * Toast content
-     */
-    children?: string;
-    /**
-     * Adds action handling and close icon for toast
-     */
-    action?: {
-        label: string;
-        handler: () => void;
-    } | null;
-    onClose?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-}
-export declare class ToastView extends React.Component<ToastViewProps> {
-    static propTypes: {
-        /**
-         * Adds action handling and close icon for toast
-         */
-        action: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            handler: import("prop-types").Validator<(...args: any[]) => any>;
-        }>>;
-        /**
-         * Toast content
-         */
-        children: import("prop-types").Validator<string>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    private setRootNode;
-    render(): JSX.Element;
-    private renderMain;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ToastViewProps extends CommonProps {
+    /**
+     * Toast content
+     */
+    children?: string;
+    /**
+     * Adds action handling and close icon for toast
+     */
+    action?: {
+        label: string;
+        handler: () => void;
+    } | null;
+    onClose?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export declare class ToastView extends React.Component<ToastViewProps> {
+    static propTypes: {
+        /**
+         * Adds action handling and close icon for toast
+         */
+        action: import("prop-types").Requireable<import("prop-types").InferProps<{
+            label: import("prop-types").Validator<string>;
+            handler: import("prop-types").Validator<(...args: any[]) => any>;
+        }>>;
+        /**
+         * Toast content
+         */
+        children: import("prop-types").Validator<string>;
+        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    private theme;
+    private setRootNode;
+    render(): JSX.Element;
+    private renderMain;
+}

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

@@ -1,8 +1,8 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    wrapper(): string;
-    closeWrapper(t: Theme): string;
-    link(t: Theme): string;
-    close(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    wrapper(): string;
+    closeWrapper(t: Theme): string;
+    link(t: Theme): string;
+    close(t: Theme): string;
+};

package/components/Toast/index.d.ts

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

package/components/Toggle/Toggle.d.ts

@@ -1,107 +1,107 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ToggleProps extends CommonProps {
-    children?: React.ReactNode;
-    /**
-     * Положение `children` относительно переключателя.
-     * @default 'right'
-     */
-    captionPosition: 'left' | 'right';
-    /**
-     * Состояние `тогла`, если `true` - `тогл` будет включён, иначе выключен.
-     * @default false
-     */
-    checked?: boolean;
-    /**
-     * Делает `тогл` включенным по умолчанию.
-     */
-    defaultChecked?: boolean;
-    /**
-     * Отключает `тогл`.
-     */
-    disabled?: boolean;
-    /**
-     * Событие вызывающееся, когда значение `тогла` меняется, передаёт текущее значение тогла в переданную функцию.
-     */
-    onValueChange?: (value: boolean) => void;
-    /**
-     * Событие вызывающееся при клике на `тогл`.
-     */
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /**
-     * Cостояние валидации при предупреждении.
-     * @default false
-     */
-    warning?: boolean;
-    /**
-     * Cостояние валидации при ошибке.
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * Добавляет стили для состояния `loading` и отключает `тогл`.
-     */
-    loading?: boolean;
-    /**
-     * Если true, выставляет фокус на `тогле` после загрузки страницы.
-     */
-    autoFocus?: boolean;
-    /**
-     * Событие вызывающееся, когда `тогл` получает фокус.
-     */
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * Событие вызывающееся, когда `тогл` теряет фокус.
-     */
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * @deprecated используйте переменную темы `toggleBgChecked` вместо этого пропа.
-     */
-    color?: React.CSSProperties['color'];
-    /**
-     * HTML-атрибут `id` для передачи во внутренний `<input />`.
-     */
-    id?: string;
-}
-export interface ToggleState {
-    checked?: boolean;
-    focusByTab?: boolean;
-}
-/**
- * _Примечание:_ под тоглом понимается полный компонент т.е. надпись + переключатель, а не просто переключатель.
- */
-export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        checked: PropTypes.Requireable<boolean>;
-        defaultChecked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        loading: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        color(props: ToggleProps): void;
-    };
-    static defaultProps: {
-        disabled: boolean;
-        loading: boolean;
-        captionPosition: string;
-    };
-    private theme;
-    private input;
-    private setRootNode;
-    constructor(props: ToggleProps);
-    componentDidMount(): void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    render(): JSX.Element;
-    private renderMain;
-    private inputRef;
-    private handleChange;
-    private handleFocus;
-    private handleBlur;
-    private isUncontrolled;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ToggleProps extends CommonProps {
+    children?: React.ReactNode;
+    /**
+     * Положение `children` относительно переключателя.
+     * @default 'right'
+     */
+    captionPosition: 'left' | 'right';
+    /**
+     * Состояние `тогла`, если `true` - `тогл` будет включён, иначе выключен.
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Делает `тогл` включенным по умолчанию.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Отключает `тогл`.
+     */
+    disabled?: boolean;
+    /**
+     * Событие вызывающееся, когда значение `тогла` меняется, передаёт текущее значение тогла в переданную функцию.
+     */
+    onValueChange?: (value: boolean) => void;
+    /**
+     * Событие вызывающееся при клике на `тогл`.
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Cостояние валидации при предупреждении.
+     * @default false
+     */
+    warning?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Добавляет стили для состояния `loading` и отключает `тогл`.
+     */
+    loading?: boolean;
+    /**
+     * Если true, выставляет фокус на `тогле` после загрузки страницы.
+     */
+    autoFocus?: boolean;
+    /**
+     * Событие вызывающееся, когда `тогл` получает фокус.
+     */
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    /**
+     * Событие вызывающееся, когда `тогл` теряет фокус.
+     */
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    /**
+     * @deprecated используйте переменную темы `toggleBgChecked` вместо этого пропа.
+     */
+    color?: React.CSSProperties['color'];
+    /**
+     * HTML-атрибут `id` для передачи во внутренний `<input />`.
+     */
+    id?: string;
+}
+export interface ToggleState {
+    checked?: boolean;
+    focusByTab?: boolean;
+}
+/**
+ * _Примечание:_ под тоглом понимается полный компонент т.е. надпись + переключатель, а не просто переключатель.
+ */
+export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        checked: PropTypes.Requireable<boolean>;
+        defaultChecked: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        color(props: ToggleProps): void;
+    };
+    static defaultProps: {
+        disabled: boolean;
+        loading: boolean;
+        captionPosition: string;
+    };
+    private theme;
+    private input;
+    private setRootNode;
+    constructor(props: ToggleProps);
+    componentDidMount(): void;
+    /**
+     * @public
+     */
+    focus: () => void;
+    render(): JSX.Element;
+    private renderMain;
+    private inputRef;
+    private handleChange;
+    private handleFocus;
+    private handleBlur;
+    private isUncontrolled;
+}

package/components/Toggle/Toggle.styles.d.ts

@@ -1,30 +1,30 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    handle: string;
-    container: string;
-    disabled: string;
-    containerDisabled: string;
-    containerLoading: string;
-    background: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    handle(t: Theme): string;
-    handleDisabled(t: Theme): string;
-    input(t: Theme): string;
-    container(t: Theme): string;
-    containerDisabled(t: Theme): string;
-    focused(t: Theme): string;
-    activeBackground(): string;
-    disabledBackground(t: Theme): string;
-    activeBackgroundLoading(t: Theme): string;
-    isWarning(t: Theme): string;
-    isError(t: Theme): string;
-    button(t: Theme): string;
-    buttonRight(): string;
-    disabled(): string;
-    rootLeft(): string;
-    caption(t: Theme): string;
-    disabledCaption(t: Theme): string;
-    captionLeft(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    handle: string;
+    container: string;
+    disabled: string;
+    containerDisabled: string;
+    containerLoading: string;
+    background: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    handle(t: Theme): string;
+    handleDisabled(t: Theme): string;
+    input(t: Theme): string;
+    container(t: Theme): string;
+    containerDisabled(t: Theme): string;
+    focused(t: Theme): string;
+    activeBackground(): string;
+    disabledBackground(t: Theme): string;
+    activeBackgroundLoading(t: Theme): string;
+    isWarning(t: Theme): string;
+    isError(t: Theme): string;
+    button(t: Theme): string;
+    buttonRight(): string;
+    disabled(): string;
+    rootLeft(): string;
+    caption(t: Theme): string;
+    disabledCaption(t: Theme): string;
+    captionLeft(t: Theme): string;
+};

package/components/Toggle/index.d.ts

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

package/components/Token/Token.d.ts

@@ -1,36 +1,36 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { colorStyles } from './Token.styles';
-export declare type TokenColorName = keyof typeof colorStyles;
-export interface TokenColors {
-    idle: TokenColorName;
-    active?: TokenColorName;
-}
-export interface TokenProps extends CommonProps {
-    colors?: TokenColors;
-    isActive?: boolean;
-    /**
-     * Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
-    onRemove?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
-    onFocus?: React.FocusEventHandler<HTMLDivElement>;
-    onBlur?: React.FocusEventHandler<HTMLDivElement>;
-}
-export declare class Token extends React.Component<TokenProps> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    private setRootNode;
-    render(): JSX.Element;
-    private renderMain;
-    private onRemoveClick;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { colorStyles } from './Token.styles';
+export declare type TokenColorName = keyof typeof colorStyles;
+export interface TokenColors {
+    idle: TokenColorName;
+    active?: TokenColorName;
+}
+export interface TokenProps extends CommonProps {
+    colors?: TokenColors;
+    isActive?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
+    onRemove?: React.MouseEventHandler<HTMLElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+}
+export declare class Token extends React.Component<TokenProps> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    private setRootNode;
+    render(): JSX.Element;
+    private renderMain;
+    private onRemoveClick;
+}

package/components/Token/Token.styles.d.ts

@@ -1,29 +1,29 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    removeIcon: string;
-};
-export declare const styles: {
-    token(t: Theme): string;
-    disabled(t: Theme): string;
-    text(t: Theme): string;
-    removeIcon(t: Theme): string;
-};
-export declare const colorStyles: {
-    defaultIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    defaultActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    defaultDisabled: (t: Theme) => string;
-    defaultDisabledWarning: (t: Theme) => string;
-    defaultDisabledError: (t: Theme) => string;
-    grayIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    grayActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    blueIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    blueActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    greenIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    greenActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    yellowIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    yellowActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    redIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    redActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    white: (t: Theme, v: 'error' | 'warning' | null) => string;
-    black: (t: Theme, v: 'error' | 'warning' | null) => string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    removeIcon: string;
+};
+export declare const styles: {
+    token(t: Theme): string;
+    disabled(t: Theme): string;
+    text(t: Theme): string;
+    removeIcon(t: Theme): string;
+};
+export declare const colorStyles: {
+    defaultIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    defaultActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    defaultDisabled: (t: Theme) => string;
+    defaultDisabledWarning: (t: Theme) => string;
+    defaultDisabledError: (t: Theme) => string;
+    grayIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    grayActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    blueIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    blueActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    greenIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    greenActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    yellowIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    yellowActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    redIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    redActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    white: (t: Theme, v: 'error' | 'warning' | null) => string;
+    black: (t: Theme, v: 'error' | 'warning' | null) => string;
+};

package/components/Token/index.d.ts

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

package/components/TokenInput/TextWidthHelper.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Theme } from '../../lib/theming/Theme';
-export interface TextWidthHelperProps {
-    text?: string;
-    classHelp: string;
-    theme: Theme;
-}
-/**
- * Херпер позволяет вычислить размеры блока с текстом
- * для последующего выставления размеров input
- */
-export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
-    private element;
-    render(): JSX.Element;
-    getTextWidth(): number;
-    getTextHeight(): number;
-    private elementRef;
-}
+import React from 'react';
+import { Theme } from '../../lib/theming/Theme';
+export interface TextWidthHelperProps {
+    text?: string;
+    classHelp: string;
+    theme: Theme;
+}
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ * для последующего выставления размеров input
+ */
+export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
+    private element;
+    render(): JSX.Element;
+    getTextWidth(): number;
+    getTextHeight(): number;
+    private elementRef;
+}