@skbkontur/react-ui 3.9.2 → 3.9.3-sidepagefix

package/cjs/components/Paging/NavigationHelper.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export interface KeyDescriptionType {
-    name: string;
-    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
-}
-export declare const getKeyName: () => string;
-export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;
+import React from 'react';
+export interface KeyDescriptionType {
+    name: string;
+    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
+}
+export declare const getKeyName: () => string;
+export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;

package/cjs/components/Paging/Paging.d.ts

@@ -1,90 +1,90 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-interface ItemComponentProps {
-    active: boolean;
-    children?: React.ReactNode;
-    className: string;
-    onClick: () => void;
-    pageNumber: number | 'forward';
-    tabIndex: number;
-}
-export interface PagingProps extends CommonProps {
-    activePage: number;
-    /**
-     * Компонент обертки по умолчанию
-     * @default <span />
-     */
-    component: React.ComponentType<ItemComponentProps>;
-    onPageChange: (pageNumber: number) => void;
-    pagesCount: number;
-    disabled?: boolean;
-    /**
-     * Отключает навигационные подсказки.
-     * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры
-     * (либо элемент в фокусе, либо globalListeners === true)
-     */
-    withoutNavigationHint?: boolean;
-    caption?: string;
-    /**
-     * Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.
-     * Если на странице используется несколько элементов
-     * **Paging** с useGlobalListener === true, то обработчик keyDown будет вызываться
-     * на каждом из них. Такие случаи лучше обрабатывать отдельно.
-     */
-    useGlobalListener: boolean;
-}
-export interface PagingState {
-    focusedByTab: boolean;
-    focusedItem: Nullable<ItemType>;
-    keyboardControl: boolean;
-}
-export declare type ItemType = number | '.' | 'forward';
-export declare class Paging extends React.Component<PagingProps, PagingState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        component: ({ className, onClick, children }: any) => JSX.Element;
-        useGlobalListener: boolean;
-        "data-tid": string;
-    };
-    static propTypes: {};
-    static isForward(pageNumber: number | 'forward'): boolean;
-    state: PagingState;
-    private theme;
-    private readonly locale;
-    private addedGlobalListener;
-    private container;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: PagingProps): void;
-    componentDidUpdate(prevProps: PagingProps): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderItem;
-    private renderDots;
-    private renderForwardLink;
-    private renderPageLink;
-    private renderNavigationHint;
-    private handleMouseDown;
-    private handleMouseDownPageLink;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-    private getItems;
-    private getFocusedItem;
-    private isItemFocusable;
-    private isItemDisabled;
-    private executeItemAction;
-    private moveFocusLeft;
-    private moveFocusRight;
-    private moveFocus;
-    private canGoBackward;
-    private canGoForward;
-    private goBackward;
-    private goForward;
-    private goToPage;
-    private addGlobalListener;
-    private removeGlobalListener;
-    private refContainer;
-}
-export {};
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+interface ItemComponentProps {
+    active: boolean;
+    children?: React.ReactNode;
+    className: string;
+    onClick: () => void;
+    pageNumber: number | 'forward';
+    tabIndex: number;
+}
+export interface PagingProps extends CommonProps {
+    activePage: number;
+    /**
+     * Компонент обертки по умолчанию
+     * @default <span />
+     */
+    component: React.ComponentType<ItemComponentProps>;
+    onPageChange: (pageNumber: number) => void;
+    pagesCount: number;
+    disabled?: boolean;
+    /**
+     * Отключает навигационные подсказки.
+     * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры
+     * (либо элемент в фокусе, либо globalListeners === true)
+     */
+    withoutNavigationHint?: boolean;
+    caption?: string;
+    /**
+     * Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.
+     * Если на странице используется несколько элементов
+     * **Paging** с useGlobalListener === true, то обработчик keyDown будет вызываться
+     * на каждом из них. Такие случаи лучше обрабатывать отдельно.
+     */
+    useGlobalListener: boolean;
+}
+export interface PagingState {
+    focusedByTab: boolean;
+    focusedItem: Nullable<ItemType>;
+    keyboardControl: boolean;
+}
+export declare type ItemType = number | '.' | 'forward';
+export declare class Paging extends React.Component<PagingProps, PagingState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        component: ({ className, onClick, children }: any) => JSX.Element;
+        useGlobalListener: boolean;
+        "data-tid": string;
+    };
+    static propTypes: {};
+    static isForward(pageNumber: number | 'forward'): boolean;
+    state: PagingState;
+    private theme;
+    private readonly locale;
+    private addedGlobalListener;
+    private container;
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: PagingProps): void;
+    componentDidUpdate(prevProps: PagingProps): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private renderItem;
+    private renderDots;
+    private renderForwardLink;
+    private renderPageLink;
+    private renderNavigationHint;
+    private handleMouseDown;
+    private handleMouseDownPageLink;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    private getItems;
+    private getFocusedItem;
+    private isItemFocusable;
+    private isItemDisabled;
+    private executeItemAction;
+    private moveFocusLeft;
+    private moveFocusRight;
+    private moveFocus;
+    private canGoBackward;
+    private canGoForward;
+    private goBackward;
+    private goForward;
+    private goToPage;
+    private addGlobalListener;
+    private removeGlobalListener;
+    private refContainer;
+}
+export {};

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

@@ -1,16 +1,16 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    paging(t: Theme): string;
-    dots(t: Theme): string;
-    forwardLink(t: Theme): string;
-    forwardLinkFocused(): string;
-    forwardIcon(t: Theme): string;
-    disabled(t: Theme): string;
-    pageLinkWrapper(): string;
-    pageLink(t: Theme): string;
-    active(t: Theme): string;
-    pageLinkFocused(t: Theme): string;
-    transparent(): string;
-    pageLinkHintPlaceHolder(t: Theme): string;
-    pageLinkHint(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    paging(t: Theme): string;
+    dots(t: Theme): string;
+    forwardLink(t: Theme): string;
+    forwardLinkFocused(): string;
+    forwardIcon(t: Theme): string;
+    disabled(t: Theme): string;
+    pageLinkWrapper(): string;
+    pageLink(t: Theme): string;
+    active(t: Theme): string;
+    pageLinkFocused(t: Theme): string;
+    transparent(): string;
+    pageLinkHintPlaceHolder(t: Theme): string;
+    pageLinkHint(t: Theme): string;
+};

package/cjs/components/Paging/PagingHelper.d.ts

@@ -1,2 +1,2 @@
-import { ItemType } from './Paging';
-export declare function getItems(active: number, total: number): ItemType[];
+import { ItemType } from './Paging';
+export declare function getItems(active: number, total: number): ItemType[];

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

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

package/cjs/components/Paging/locale/index.d.ts

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

package/cjs/components/Paging/locale/locales/en.d.ts

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

package/cjs/components/Paging/locale/locales/ru.d.ts

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

package/cjs/components/Paging/locale/types.d.ts

@@ -1,3 +1,3 @@
-export interface PagingLocale {
-    forward: string;
-}
+export interface PagingLocale {
+    forward: string;
+}

package/cjs/components/PasswordInput/PasswordInput.d.ts

@@ -1,48 +1,48 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { InputProps } from '../Input';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface PasswordInputProps extends CommonProps, InputProps {
-    detectCapsLock?: boolean;
-}
-export interface PasswordInputState {
-    visible: boolean;
-    capsLockEnabled?: boolean | null;
-}
-/**
- * Компонент для ввода пароля
- */
-export declare class PasswordInput extends React.Component<PasswordInputProps, PasswordInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        /**
-         * Включает CapsLock детектор
-         */
-        detectCapsLock: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        size: string;
-    };
-    state: PasswordInputState;
-    private theme;
-    private input;
-    UNSAFE_componentWillMount(): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private handleKeyPress;
-    private handleKeydown;
-    private handleToggleVisibility;
-    private handleFocus;
-    private handleBlur;
-    private getEyeWrapperClassname;
-    private renderEye;
-    private refInput;
-    private renderMain;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { InputProps } from '../Input';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface PasswordInputProps extends CommonProps, InputProps {
+    detectCapsLock?: boolean;
+}
+export interface PasswordInputState {
+    visible: boolean;
+    capsLockEnabled?: boolean | null;
+}
+/**
+ * Компонент для ввода пароля
+ */
+export declare class PasswordInput extends React.Component<PasswordInputProps, PasswordInputState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        /**
+         * Включает CapsLock детектор
+         */
+        detectCapsLock: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        size: string;
+    };
+    state: PasswordInputState;
+    private theme;
+    private input;
+    UNSAFE_componentWillMount(): void;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private handleKeyPress;
+    private handleKeydown;
+    private handleToggleVisibility;
+    private handleFocus;
+    private handleBlur;
+    private getEyeWrapperClassname;
+    private renderEye;
+    private refInput;
+    private renderMain;
+}

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

@@ -1,10 +1,10 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    toggleVisibility(): string;
-    capsLockDetector(): string;
-    iconWrapper(): string;
-    eyeWrapperSmall(t: Theme): string;
-    eyeWrapperMedium(t: Theme): string;
-    eyeWrapperLarge(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    toggleVisibility(): string;
+    capsLockDetector(): string;
+    iconWrapper(): string;
+    eyeWrapperSmall(t: Theme): string;
+    eyeWrapperMedium(t: Theme): string;
+    eyeWrapperLarge(t: Theme): string;
+};

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

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

package/cjs/components/Radio/Radio.d.ts

@@ -1,82 +1,82 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface RadioProps<T> extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /**
-     *  Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    /**
-     * Состояние фокуса.
-     */
-    focused?: boolean;
-    /**
-     * Функция, вызываемая при изменении `value`.
-     */
-    onValueChange?: (value: T) => void;
-    /**
-     * HTML-событие `onmouseenter`
-     */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-событие `mouseleave`
-     */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-событие `onmouseover`
-     */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-атрибут `value`.
-     */
-    value: T;
-}> {
-}
-export interface RadioState {
-    focusedByKeyboard: boolean;
-}
-/**
- * Радио-кнопки используются, когда может быть выбран только один вариант из нескольких.
- */
-export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState> {
-    static __KONTUR_REACT_UI__: string;
-    state: {
-        focusedByKeyboard: boolean;
-    };
-    static contextTypes: {
-        activeItem: PropTypes.Requireable<any>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        name: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        focused: boolean;
-    };
-    private theme;
-    private inputEl;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    renderMain: (props: CommonWrapperRestProps<RadioProps<T>>) => JSX.Element;
-    private _isInRadioGroup;
-    private renderLabel;
-    private handleChange;
-    private handleMouseOver;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleFocus;
-    private handleBlur;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export interface RadioProps<T> extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /**
+     *  Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    /**
+     * Состояние фокуса.
+     */
+    focused?: boolean;
+    /**
+     * Функция, вызываемая при изменении `value`.
+     */
+    onValueChange?: (value: T) => void;
+    /**
+     * HTML-событие `onmouseenter`
+     */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-событие `mouseleave`
+     */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-событие `onmouseover`
+     */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-атрибут `value`.
+     */
+    value: T;
+}> {
+}
+export interface RadioState {
+    focusedByKeyboard: boolean;
+}
+/**
+ * Радио-кнопки используются, когда может быть выбран только один вариант из нескольких.
+ */
+export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState> {
+    static __KONTUR_REACT_UI__: string;
+    state: {
+        focusedByKeyboard: boolean;
+    };
+    static contextTypes: {
+        activeItem: PropTypes.Requireable<any>;
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        name: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        focused: boolean;
+    };
+    private theme;
+    private inputEl;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    renderMain: (props: CommonWrapperRestProps<RadioProps<T>>) => JSX.Element;
+    private _isInRadioGroup;
+    private renderLabel;
+    private handleChange;
+    private handleMouseOver;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocus;
+    private handleBlur;
+}

package/cjs/components/Radio/Radio.js

@@ -7,6 +7,7 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _keyListener = require("../../lib/events/keyListener");
+var _fixFirefoxModifiedClickOnLabel = require("../../lib/events/fixFirefoxModifiedClickOnLabel");
 
 var _Radio = require("./Radio.styles");
 
@@ -154,7 +155,8 @@ Radio = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(R
         className: (0, _Emotion.cx)(_Radio.styles.root(_this.theme), _this.props.checked && _Radio.styles.rootChecked(_this.theme)),
         onMouseOver: _this.handleMouseOver,
         onMouseEnter: _this.handleMouseEnter,
-        onMouseLeave: _this.handleMouseLeave };
+        onMouseLeave: _this.handleMouseLeave,
+        onClick: (0, _fixFirefoxModifiedClickOnLabel.fixFirefoxModifiedClickOnLabel)(_this.inputEl) };
 
 
       if (_this._isInRadioGroup()) {var _cx2;
@@ -162,6 +164,7 @@ Radio = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(R
         inputProps.checked = checked;
         inputProps.name = _this.context.name;
         inputProps.suppressHydrationWarning = true;
+        labelProps.className = (0, _Emotion.cx)(_Radio.styles.root(_this.theme), checked && _Radio.styles.rootChecked(_this.theme));
         radioProps.className = (0, _Emotion.cx)(radioProps.className, (_cx2 = {}, _cx2[
         _Radio.styles.checked(_this.theme)] = checked, _cx2[
         _Radio.styles.checkedDisabled(_this.theme)] = checked && disabled, _cx2));