@skbkontur/react-ui 4.10.0 → 4.11.0-revert-datatids

package/components/Input/Input.d.ts

@@ -1,157 +1,154 @@
-import React from 'react';
-import { Nullable, Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type InputSize = 'small' | 'medium' | 'large';
-export declare type InputAlign = 'left' | 'center' | 'right';
-export declare type InputType = 'password' | 'text';
-export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
-export interface InputProps extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /**
-     * Иконка слева
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
-    leftIcon?: InputIconType;
-    /**
-     * Иконка справа
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
-    rightIcon?: InputIconType;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    /** Режим прозрачной рамки */
-    borderless?: boolean;
-    /** Выравнивание текста */
-    align?: InputAlign;
-    /** Паттерн маски */
-    mask?: Nullable<string>;
-    /** Символ маски */
-    maskChar?: Nullable<string>;
-    /**
-     * Словарь символов-регулярок для задания маски
-     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
-     */
-    formatChars?: Record<string, string>;
-    /** Показывать символы маски */
-    alwaysShowMask?: boolean;
-    /** Размер */
-    size?: InputSize;
-    /** onValueChange */
-    onValueChange?: (value: string) => void;
-    /** Вызывается на label */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Тип */
-    type?: InputType;
-    /** Значение */
-    value?: string;
-    capture?: boolean;
-    /**
-     * Префикс
-     * `ReactNode` перед значением, но после иконки
-     */
-    prefix?: React.ReactNode;
-    /**
-     * Суффикс
-     * `ReactNode` после значения, но перед правой иконкой
-     */
-    suffix?: React.ReactNode;
-    /** Выделять введенное значение при фокусе */
-    selectAllOnFocus?: boolean;
-    /**
-     * Обработчик неправильного ввода.
-     * По-умолчанию, инпут вспыхивает синим.
-     * Если передан - вызывается переданный обработчик,
-     * в таком случае вспыхивание можно вызвать
-     * публичным методом инстанса `blink()`.
-     *
-     * @param value значение инпута.
-     */
-    onUnexpectedInput?: (value: string) => void;
-}> {
-}
-export interface InputState {
-    blinking: boolean;
-    focused: boolean;
-    needsPolyfillPlaceholder: boolean;
-}
-export declare const InputDataTids: {
-    readonly root: "Input__root";
-};
-declare type DefaultProps = Required<Pick<InputProps, 'size'>>;
-/**
- * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
- *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
- */
-export declare class Input extends React.Component<InputProps, InputState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: InputState;
-    private selectAllId;
-    private theme;
-    private blinkTimeout;
-    private input;
-    private setRootNode;
-    componentWillUnmount(): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    getNode(): HTMLInputElement | null;
-    /**
-     * @public
-     */
-    blink(): void;
-    /**
-     * @public
-     * @param {number} start
-     * @param {number} end
-     */
-    setSelectionRange(start: number, end: number): void;
-    get isMaskVisible(): boolean;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    selectAll: () => void;
-    private delaySelectAll;
-    private cancelDelayedSelectAll;
-    private cancelBlink;
-    private renderMain;
-    private renderMaskedInput;
-    private getIconSizeClassname;
-    private renderLeftIcon;
-    private renderRightIcon;
-    private renderIcon;
-    private renderPlaceholder;
-    private getSizeClassName;
-    private refInput;
-    private handleChange;
-    private handleFocus;
-    private handleKeyDown;
-    private handleKeyPress;
-    private handleMaskedValueChange;
-    private handleUnexpectedInput;
-    private handleBlur;
-    private renderPrefix;
-    private renderSuffix;
-}
-export {};
+import React from 'react';
+import { Nullable, Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type InputSize = 'small' | 'medium' | 'large';
+export declare type InputAlign = 'left' | 'center' | 'right';
+export declare type InputType = 'password' | 'text';
+export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
+export interface InputProps extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /**
+     * Иконка слева
+     * Если `ReactNode` применяются дефолтные стили для иконки
+     * Если `() => ReactNode` применяются только стили для позиционирование
+     */
+    leftIcon?: InputIconType;
+    /**
+     * Иконка справа
+     * Если `ReactNode` применяются дефолтные стили для иконки
+     * Если `() => ReactNode` применяются только стили для позиционирование
+     */
+    rightIcon?: InputIconType;
+    /**
+     * Состояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Состояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    /** Режим прозрачной рамки */
+    borderless?: boolean;
+    /** Выравнивание текста */
+    align?: InputAlign;
+    /** Паттерн маски */
+    mask?: Nullable<string>;
+    /** Символ маски */
+    maskChar?: Nullable<string>;
+    /**
+     * Словарь символов-регулярок для задания маски
+     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
+     */
+    formatChars?: Record<string, string>;
+    /** Показывать символы маски */
+    alwaysShowMask?: boolean;
+    /** Размер */
+    size?: InputSize;
+    /** onValueChange */
+    onValueChange?: (value: string) => void;
+    /** Вызывается на label */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Вызывается на label */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Вызывается на label */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Тип */
+    type?: InputType;
+    /** Значение */
+    value?: string;
+    capture?: boolean;
+    /**
+     * Префикс
+     * `ReactNode` перед значением, но после иконки
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Суффикс
+     * `ReactNode` после значения, но перед правой иконкой
+     */
+    suffix?: React.ReactNode;
+    /** Выделять введенное значение при фокусе */
+    selectAllOnFocus?: boolean;
+    /**
+     * Обработчик неправильного ввода.
+     * По-умолчанию, инпут вспыхивает синим.
+     * Если передан - вызывается переданный обработчик,
+     * в таком случае вспыхивание можно вызвать
+     * публичным методом инстанса `blink()`.
+     *
+     * @param value значение инпута.
+     */
+    onUnexpectedInput?: (value: string) => void;
+}> {
+}
+export interface InputState {
+    blinking: boolean;
+    focused: boolean;
+    needsPolyfillPlaceholder: boolean;
+}
+declare type DefaultProps = Required<Pick<InputProps, 'size'>>;
+/**
+ * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+ *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
+ */
+export declare class Input extends React.Component<InputProps, InputState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: InputState;
+    private selectAllId;
+    private theme;
+    private blinkTimeout;
+    private input;
+    private setRootNode;
+    componentWillUnmount(): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    getNode(): HTMLInputElement | null;
+    /**
+     * @public
+     */
+    blink(): void;
+    /**
+     * @public
+     * @param {number} start
+     * @param {number} end
+     */
+    setSelectionRange(start: number, end: number): void;
+    get isMaskVisible(): boolean;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    selectAll: () => void;
+    private delaySelectAll;
+    private cancelDelayedSelectAll;
+    private cancelBlink;
+    private renderMain;
+    private renderMaskedInput;
+    private getIconSizeClassname;
+    private renderLeftIcon;
+    private renderRightIcon;
+    private renderIcon;
+    private renderPlaceholder;
+    private getSizeClassName;
+    private refInput;
+    private handleChange;
+    private handleFocus;
+    private handleKeyDown;
+    private handleKeyPress;
+    private handleMaskedValueChange;
+    private handleUnexpectedInput;
+    private handleBlur;
+    private renderPrefix;
+    private renderSuffix;
+}
+export {};

package/components/Input/Input.styles.d.ts

@@ -1,43 +1,43 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    wrapper(): string;
-    root(t: Theme): string;
-    borderless(): string;
-    useDefaultColor(t: Theme): string;
-    focus(t: Theme): string;
-    focusFallback(t: Theme): string;
-    placeholder(t: Theme): string;
-    placeholderFocus(t: Theme): string;
-    placeholderDisabled(t: Theme): string;
-    input(t: Theme): string;
-    inputFocus(t: Theme): string;
-    inputDisabled(t: Theme): string;
-    warning(t: Theme): string;
-    warningFallback(t: Theme): string;
-    error(t: Theme): string;
-    errorFallback(t: Theme): string;
-    disabled(t: Theme): string;
-    blink(t: Theme): string;
-    sizeSmall(t: Theme): string;
-    sizeSmallFallback(t: Theme): string;
-    sizeMedium(t: Theme): string;
-    sizeMediumFallback(t: Theme): string;
-    sizeLarge(t: Theme): string;
-    sizeLargeFallback(t: Theme): string;
-    prefix(t: Theme): string;
-    prefixDisabled(t: Theme): string;
-    suffix(t: Theme): string;
-    suffixDisabled(t: Theme): string;
-    sideContainer(): string;
-    rightContainer(): string;
-    icon(): string;
-    iconFocus(t: Theme): string;
-    iconDisabled(): string;
-    leftIconSmall(t: Theme): string;
-    rightIconSmall(t: Theme): string;
-    leftIconMedium(t: Theme): string;
-    rightIconMedium(t: Theme): string;
-    leftIconLarge(t: Theme): string;
-    rightIconLarge(t: Theme): string;
-    hideBlinkingCursor(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    wrapper(): string;
+    root(t: Theme): string;
+    borderless(): string;
+    useDefaultColor(t: Theme): string;
+    focus(t: Theme): string;
+    focusFallback(t: Theme): string;
+    placeholder(t: Theme): string;
+    placeholderFocus(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
+    input(t: Theme): string;
+    inputFocus(t: Theme): string;
+    inputDisabled(t: Theme): string;
+    warning(t: Theme): string;
+    warningFallback(t: Theme): string;
+    error(t: Theme): string;
+    errorFallback(t: Theme): string;
+    disabled(t: Theme): string;
+    blink(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeSmallFallback(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeMediumFallback(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    sizeLargeFallback(t: Theme): string;
+    prefix(t: Theme): string;
+    prefixDisabled(t: Theme): string;
+    suffix(t: Theme): string;
+    suffixDisabled(t: Theme): string;
+    sideContainer(): string;
+    rightContainer(): string;
+    icon(): string;
+    iconFocus(t: Theme): string;
+    iconDisabled(): string;
+    leftIconSmall(t: Theme): string;
+    rightIconSmall(t: Theme): string;
+    leftIconMedium(t: Theme): string;
+    rightIconMedium(t: Theme): string;
+    leftIconLarge(t: Theme): string;
+    rightIconLarge(t: Theme): string;
+    hideBlinkingCursor(): string;
+};

package/components/Input/index.d.ts

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

package/components/Kebab/Kebab.d.ts

@@ -1,53 +1,53 @@
-import React from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { Nullable } from '../../typings/utility-types';
-import { PopupPositionsType } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface KebabProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose'> {
-    disabled?: boolean;
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Список позиций доступных для расположения выпадашки.
-     *
-     * Если во всех позициях выпадашка вылезает за пределы `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[];
-    menuMaxHeight?: number | string;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations?: boolean;
-    /**
-     * Кастомная иконка
-     */
-    icon?: React.ReactNode;
-}
-export interface KebabState {
-    anchor: Nullable<HTMLElement>;
-    focusedByTab: boolean;
-}
-declare type DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations' | 'icon'>>;
-export declare class Kebab extends React.Component<KebabProps, KebabState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {};
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: KebabState;
-    private theme;
-    private setRootNode;
-    private listener;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderCaption;
-    private handleCaptionKeyDown;
-    private handleChangeMenuState;
-    private handleFocus;
-    private handleBlur;
-    private renderIcon;
-}
-export {};
+import React from 'react';
+import { PopupMenuProps } from '../../internal/PopupMenu';
+import { Nullable } from '../../typings/utility-types';
+import { PopupPositionsType } from '../../internal/Popup';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface KebabProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose'> {
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Список позиций доступных для расположения выпадашки.
+     *
+     * Если во всех позициях выпадашка вылезает за пределы `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[];
+    menuMaxHeight?: number | string;
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations?: boolean;
+    /**
+     * Кастомная иконка
+     */
+    icon?: React.ReactNode;
+}
+export interface KebabState {
+    anchor: Nullable<HTMLElement>;
+    focusedByTab: boolean;
+}
+declare type DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations' | 'icon'>>;
+export declare class Kebab extends React.Component<KebabProps, KebabState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {};
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: KebabState;
+    private theme;
+    private setRootNode;
+    private listener;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private renderCaption;
+    private handleCaptionKeyDown;
+    private handleChangeMenuState;
+    private handleFocus;
+    private handleBlur;
+    private renderIcon;
+}
+export {};

package/components/Kebab/Kebab.styles.d.ts

@@ -1,12 +1,12 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    kebab(t: Theme): string;
-    focused(t: Theme): string;
-    opened(t: Theme): string;
-    disabled(): string;
-    icon(): string;
-    iconsmall(): string;
-    iconmedium(): string;
-    iconlarge(): string;
-    menu(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    kebab(t: Theme): string;
+    focused(t: Theme): string;
+    opened(t: Theme): string;
+    disabled(): string;
+    icon(): string;
+    iconsmall(): string;
+    iconmedium(): string;
+    iconlarge(): string;
+    menu(t: Theme): string;
+};

package/components/Kebab/index.d.ts

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

package/components/Link/Link/Link.js

@@ -16,9 +16,6 @@ import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode/rootNodeDecorator";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { styles } from "../Link.styles";
-export var LinkDataTids = {
-  root: 'Link__root'
-};
 export
 /**
 * Элемент ссылки из HTML.
@@ -88,9 +85,7 @@ var Link = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Co
         onBlur: _this._handleBlur,
         tabIndex: disabled || loading ? -1 : _this.props.tabIndex
       };
-      return /*#__PURE__*/React.createElement("a", _extends({
-        "data-tid": LinkDataTids.root
-      }, rest, linkProps), iconElement, _this.props.children, arrow);
+      return /*#__PURE__*/React.createElement("a", _extends({}, rest, linkProps), iconElement, _this.props.children, arrow);
     };
 
     _this._handleFocus = function () {

package/components/Link/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","isExternalLink","Spinner","CommonWrapper","cx","rootNode","createPropsGetter","styles","LinkDataTids","root","Link","getProps","defaultProps","state","focusedByTab","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","rest","iconElement","theme","arrow","focused","linkProps","className","button","buttonOpened","useDefault","useSuccess","useDanger","useGrayed","useGrayedFocus","focus","onClick","_handleClick","onFocus","_handleFocus","onBlur","_handleBlur","tabIndex","children","requestAnimationFrame","isTabPressed","setState","event","preventDefault","render","setRootNode","Component","__KONTUR_REACT_UI__","propTypes","bool","string","node","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode/rootNodeDecorator';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\n\nimport { styles } from './Link.styles';\n\nexport interface LinkProps\n  extends CommonProps,\n    Override<\n      React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      {\n        /**\n         * Отключенное состояние.\n         */\n        disabled?: boolean;\n        /**\n         * HTML-атрибут `href`.\n         */\n        href?: string;\n        /**\n         * Добавляет ссылке иконку.\n         */\n        icon?: React.ReactElement<any>;\n        /**\n         * Тема ссылки.\n         */\n        use?: 'default' | 'success' | 'danger' | 'grayed';\n        /**\n         * @ignore\n         */\n        _button?: boolean;\n        /**\n         * @ignore\n         */\n        _buttonOpened?: boolean;\n        /**\n         * HTML-атрибут `tabindex`.\n         */\n        tabIndex?: number;\n        /**\n         * Переводит ссылку в состояние загрузки.\n         */\n        loading?: boolean;\n        /**\n         * HTML-событие `onclick`.\n         */\n        onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n      }\n    > {}\n\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps, 'href' | 'use'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps, DefaultProps>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link extends React.Component<LinkProps, LinkState> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\n  };\n\n  public static defaultProps: DefaultProps = {\n    href: '',\n    use: 'default',\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const { disabled, href, icon, use, loading, _button, _buttonOpened, rel: relOrigin, ...rest } = props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <span className={styles.icon(this.theme)}>{loading ? <Spinner caption={null} dimmed inline /> : icon}</span>\n      );\n    }\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    let rel = relOrigin;\n    if (typeof rel === 'undefined' && href) {\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n    }\n\n    const focused = !disabled && this.state.focusedByTab;\n\n    const linkProps = {\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [styles.useDefault(this.theme)]: use === 'default',\n        [styles.useSuccess(this.theme)]: use === 'success',\n        [styles.useDanger(this.theme)]: use === 'danger',\n        [styles.useGrayed(this.theme)]: use === 'grayed',\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.focus(this.theme)]: focused,\n        [styles.disabled(this.theme)]: !!disabled || !!loading,\n      }),\n      href,\n      rel,\n      onClick: this._handleClick,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      tabIndex: disabled || loading ? -1 : this.props.tabIndex,\n    };\n\n    return (\n      <a data-tid={LinkDataTids.root} {...rest} {...linkProps}>\n        {iconElement}\n        {this.props.children}\n        {arrow}\n      </a>\n    );\n  };\n\n  private _handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    const { onClick, disabled, loading } = this.props;\n    const href = this.getProps().href;\n    if (!href) {\n      event.preventDefault();\n    }\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["Link.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","isExternalLink","Spinner","CommonWrapper","cx","rootNode","createPropsGetter","styles","Link","getProps","defaultProps","state","focusedByTab","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","rest","iconElement","theme","arrow","focused","linkProps","className","root","button","buttonOpened","useDefault","useSuccess","useDanger","useGrayed","useGrayedFocus","focus","onClick","_handleClick","onFocus","_handleFocus","onBlur","_handleBlur","tabIndex","children","requestAnimationFrame","isTabPressed","setState","event","preventDefault","render","setRootNode","Component","__KONTUR_REACT_UI__","propTypes","bool","string","node","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode/rootNodeDecorator';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\n\nimport { styles } from './Link.styles';\n\nexport interface LinkProps\n  extends CommonProps,\n    Override<\n      React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      {\n        /**\n         * Отключенное состояние.\n         */\n        disabled?: boolean;\n        /**\n         * HTML-атрибут `href`.\n         */\n        href?: string;\n        /**\n         * Добавляет ссылке иконку.\n         */\n        icon?: React.ReactElement<any>;\n        /**\n         * Тема ссылки.\n         */\n        use?: 'default' | 'success' | 'danger' | 'grayed';\n        /**\n         * @ignore\n         */\n        _button?: boolean;\n        /**\n         * @ignore\n         */\n        _buttonOpened?: boolean;\n        /**\n         * HTML-атрибут `tabindex`.\n         */\n        tabIndex?: number;\n        /**\n         * Переводит ссылку в состояние загрузки.\n         */\n        loading?: boolean;\n        /**\n         * HTML-событие `onclick`.\n         */\n        onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n      }\n    > {}\n\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\ntype DefaultProps = Required<Pick<LinkProps, 'href' | 'use'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps, DefaultProps>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link extends React.Component<LinkProps, LinkState> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\n  };\n\n  public static defaultProps: DefaultProps = {\n    href: '',\n    use: 'default',\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const { disabled, href, icon, use, loading, _button, _buttonOpened, rel: relOrigin, ...rest } = props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <span className={styles.icon(this.theme)}>{loading ? <Spinner caption={null} dimmed inline /> : icon}</span>\n      );\n    }\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    let rel = relOrigin;\n    if (typeof rel === 'undefined' && href) {\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n    }\n\n    const focused = !disabled && this.state.focusedByTab;\n\n    const linkProps = {\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [styles.useDefault(this.theme)]: use === 'default',\n        [styles.useSuccess(this.theme)]: use === 'success',\n        [styles.useDanger(this.theme)]: use === 'danger',\n        [styles.useGrayed(this.theme)]: use === 'grayed',\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.focus(this.theme)]: focused,\n        [styles.disabled(this.theme)]: !!disabled || !!loading,\n      }),\n      href,\n      rel,\n      onClick: this._handleClick,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      tabIndex: disabled || loading ? -1 : this.props.tabIndex,\n    };\n\n    return (\n      <a {...rest} {...linkProps}>\n        {iconElement}\n        {this.props.children}\n        {arrow}\n      </a>\n    );\n  };\n\n  private _handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    const { onClick, disabled, loading } = this.props;\n    const href = this.getProps().href;\n    if (!href) {\n      event.preventDefault();\n    }\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n"]}