@skbkontur/react-ui 0.0.0-4cd450ed1e → 0.0.0-4da47ece08

package/cjs/components/Link/Link.d.ts

@@ -1,53 +1,96 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import { Override } from '../../typings/utility-types';
+import { ButtonLinkAllowedValues } from '../../typings/button-link';
+import { PolymorphicPropsWithoutRef } from '../../typings/react-ref';
+import { ThemeIn } from '../../lib/theming/Theme';
 import { CommonProps } from '../../internal/CommonWrapper';
-export interface LinkProps extends CommonProps, Override<React.AnchorHTMLAttributes<HTMLAnchorElement>, {
-    /** Неактивное состояние */
+interface LinkInnerProps extends CommonProps {
+    /**
+     * Отключенное состояние.
+     */
     disabled?: boolean;
-    /** href */
-    href?: string;
-    /** Иконка */
-    icon?: React.ReactElement<any>;
-    /** Тип */
+    /**
+     * Добавляет ссылке иконку слева.
+     */
+    icon?: React.ReactElement;
+    /**
+     * Добавляет ссылке иконку справа.
+     */
+    rightIcon?: React.ReactElement;
+    /**
+     * Тема ссылки.
+     */
     use?: 'default' | 'success' | 'danger' | 'grayed';
+    /**
+     * @ignore
+     */
     _button?: boolean;
+    /**
+     * @ignore
+     */
     _buttonOpened?: boolean;
+    /**
+     * HTML-атрибут `tabindex`.
+     */
     tabIndex?: number;
-    /** Состояние загрузки */
+    /**
+     * Переводит ссылку в состояние загрузки.
+     */
     loading?: boolean;
-    /** onClick */
-    onClick?: (event?: React.MouseEvent<HTMLAnchorElement>) => void;
-}> {
+    /**
+     * Обычный объект с переменными темы.
+     * Он будет объединён с темой из контекста.
+     */
+    theme?: ThemeIn;
+    /**
+     * Компонент, используемый в качестве корневого узла.
+     * @ignore
+     */
+    as?: React.ElementType | keyof React.ReactHTML;
+    /**
+     * @ignore
+     */
+    focused?: boolean;
+    /**
+     * Состояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Состояние валидации при предупреждении.
+     */
+    warning?: boolean;
 }
+declare const LINK_DEFAULT_ELEMENT = "a";
+export declare type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_ELEMENT> = PolymorphicPropsWithoutRef<LinkInnerProps, C>;
 export interface LinkState {
     focusedByTab: boolean;
 }
+export declare const LinkDataTids: {
+    readonly root: "Link__root";
+};
 /**
- * Стандартная ссылка.
- * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.
- * Все свойства передаются в элемент `<a>`.
- * `className` и `style` не поддерживаются
+ * Элемент ссылки из HTML.
  */
-export declare class Link extends React.Component<LinkProps, LinkState> {
+export declare class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_ELEMENT> extends React.Component<LinkProps<C>, LinkState> {
     static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        href: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        use: PropTypes.Requireable<string>;
-    };
+    static displayName: string;
     static defaultProps: {
-        href: string;
         use: string;
+        as: string;
     };
-    state: {
-        focusedByTab: boolean;
-    };
+    private getProps;
+    state: LinkState;
     private theme;
+    private setRootNode;
+    private linkFocusOutline?;
     render(): JSX.Element;
+    private getTabIndex;
+    private getRel;
     private renderMain;
-    private _handleFocus;
-    private _handleBlur;
-    private _handleClick;
+    private handleFocus;
+    private handleBlur;
+    private hasLocationProps;
+    private isRootElementAnchor;
+    private handleClick;
+    private getLinkClassName;
 }
+export {};

package/cjs/components/Link/Link.js

@@ -1,16 +1,50 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Link = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LinkDataTids = exports.Link = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _globalObject = require("@skbkontur/global-object");
 
 
-var _tabListener = require("../../lib/events/tabListener");
+var _Mixins = require("../../lib/styles/Mixins");
+
+var _keyListener = require("../../lib/events/keyListener");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _utils = require("../../lib/utils");
-var _Spinner = require("../Spinner");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _client = require("../../lib/client");
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
+var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
 
 var _Link = require("./Link.styles");
+var _LinkIcon = require("./LinkIcon");var _excluded = ["disabled", "href", "icon", "rightIcon", "use", "loading", "_button", "_buttonOpened", "rel", "as", "component", "focused", "error", "warning", "tabIndex"];var _class, _class2, _temp;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -39,18 +73,12 @@ var _Link = require("./Link.styles");
 
 
 
-/**
- * Стандартная ссылка.
- * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.
- * Все свойства передаются в элемент `<a>`.
- * `className` и `style` не поддерживаются
- */var
-Link = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Link, _React$Component);function Link() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
 
 
+var LINK_DEFAULT_ELEMENT = 'a';
 
 
 
@@ -60,14 +88,38 @@ Link = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Li
 
 
 
+var LinkDataTids = {
+  root: 'Link__root' };exports.LinkDataTids = LinkDataTids;
 
 
 
+
+
+
+
+
+/**
+ * Элемент ссылки из HTML.
+ */var
+
+Link = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Link, _React$Component);function Link() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+
+
+
+
+
+
+
+
+
+
+    getProps = (0, _createPropsGetter.createPropsGetter)(Link.defaultProps);_this.
+
     state = {
       focusedByTab: false };_this.
 
 
-    theme = void 0;_this.
 
 
 
@@ -79,82 +131,203 @@ Link = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Li
 
 
 
-    renderMain = function (props) {var _cn;var
-      disabled = props.disabled,href = props.href,icon = props.icon,use = props.use,loading = props.loading,_button = props._button,_buttonOpened = props._buttonOpened,relOrigin = props.rel,rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["disabled", "href", "icon", "use", "loading", "_button", "_buttonOpened", "rel"]);
 
-      var iconElement = null;
-      if (icon) {
-        iconElement = /*#__PURE__*/
-        _react.default.createElement("span", { className: _Link.jsStyles.icon(_this.theme) },
-        loading ? /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, type: "mini" }) : icon);
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+    getTabIndex = function (_ref)
+
+
+
+
+
+    {var nonInteractive = _ref.nonInteractive,_ref$tabIndex = _ref.tabIndex,tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
+      return nonInteractive ? -1 : tabIndex;
+    };_this.
+
+    getRel = function (_ref2) {var href = _ref2.href,rel = _ref2.rel;
+      if (!rel && href) {
+        return "noopener" + ((0, _utils.isExternalLink)(href) ? ' noreferrer' : '');
       }
 
+      return rel;
+    };_this.
+
+    renderMain = function (props) {
+      var
+      disabled =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+      props.disabled,href = props.href,icon = props.icon,rightIcon = props.rightIcon,use = props.use,loading = props.loading,_button = props._button,_buttonOpened = props._buttonOpened,rel = props.rel,as = props.as,component = props.component,_props$focused = props.focused,focused = _props$focused === void 0 ? false : _props$focused,error = props.error,warning = props.warning,tabIndex = props.tabIndex,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(_this.theme);
+      var Root = component || as;
+
       var arrow = null;
       if (_button) {
-        arrow = /*#__PURE__*/_react.default.createElement("span", { className: _Link.jsStyles.arrow() });
+        arrow = /*#__PURE__*/_react.default.createElement("span", { className: _Link.styles.arrow() });
       }
 
-      var rel = relOrigin;
-      if (typeof rel === 'undefined' && href) {
-        rel = "noopener" + ((0, _utils.isExternalLink)(href) ? ' noreferrer' : '');
-      }
+      var isFocused = !disabled && (_this.state.focusedByTab || focused);
+
+      var leftIconElement = icon && /*#__PURE__*/_react.default.createElement(_LinkIcon.LinkIcon, { icon: icon, loading: loading, position: "left" });
+      var rightIconElement = rightIcon && /*#__PURE__*/
+      _react.default.createElement(_LinkIcon.LinkIcon, { hasBothIcons: !!icon && !!rightIcon, icon: rightIcon, loading: loading, position: "right" });
+
+      var nonInteractive = disabled || loading;
+
+      var linkOnlyProps = {
+        href: href || '' };
+
+
+      var outlineNode = /*#__PURE__*/
+      _react.default.createElement("div", {
+        style: { zIndex: -1 },
+        className: (0, _Emotion.cx)(
+        _Link.styles.outline(_this.theme),
+        warning && _Link.styles.outlineWarning(_this.theme),
+        error && _Link.styles.outlineError(_this.theme)) });
+
+
+
+
+      var rootProps = (0, _extends2.default)({
+        className: (0, _Emotion.cx)(
+        _Link.styles.useRoot(),
+        Root === 'button' && (0, _Mixins.resetButton)(),
+        use === 'default' && _Link.styles.useDefault(_this.theme),
+        use === 'success' && _Link.styles.useSuccess(_this.theme),
+        use === 'danger' && _Link.styles.useDanger(_this.theme),
+        use === 'grayed' && _Link.styles.useGrayed(_this.theme),
+        !!_button && _Link.styles.button(_this.theme),
+        !!_buttonOpened && _Link.styles.buttonOpened(_this.theme),
+        _this.getLinkClassName(isFocused, Boolean(nonInteractive), _isTheme2022)),
+
+        onClick: _this.handleClick,
+        onFocus: _this.handleFocus,
+        onBlur: _this.handleBlur,
+        tabIndex: _this.getTabIndex({ nonInteractive: nonInteractive, tabIndex: tabIndex }),
+        rel: _this.getRel({ href: href, rel: rel }) },
+      Root === LINK_DEFAULT_ELEMENT ? linkOnlyProps : {});
+
+
+      var child = _this.props.children;
+      if (_isTheme2022) {var _cx, _cx2;
+        // lineTextWrapper нужен для реализации transition у подчеркивания
+        child = /*#__PURE__*/
+        _react.default.createElement("span", {
+          className: (0, _Emotion.cx)(_Link.globalClasses.textWrapper, _Link.styles.lineTextWrapper(_this.theme), (_cx = {}, _cx[
+          _Link.styles.lineTextWrapperFocused(_this.theme)] = isFocused, _cx)) }, /*#__PURE__*/
+
+
+        _react.default.createElement("span", {
+          className: (0, _Emotion.cx)(_Link.globalClasses.text, (_cx2 = {}, _cx2[
+          _Link.styles.lineText(_this.theme)] = !_client.isIE11, _cx2[
+          _Link.styles.lineTextIE11(_this.theme)] = _client.isIE11, _cx2)) },
+
+
+        _this.props.children));
+
+
 
-      var linkProps = {
-        className: (0, _classnames.default)((_cn = {}, _cn[
-        _Link.jsStyles.root(_this.theme)] = true, _cn[
-        _Link.jsStyles.disabled(_this.theme)] = !!disabled || !!loading, _cn[
-        _Link.jsStyles.button(_this.theme)] = !!_button, _cn[
-        _Link.jsStyles.buttonOpened()] = !!_buttonOpened, _cn[
-        _Link.jsStyles.focus(_this.theme)] = !disabled && _this.state.focusedByTab, _cn[
-        _Link.jsStyles.useDefault(_this.theme)] = use === 'default', _cn[
-        _Link.jsStyles.useSuccess(_this.theme)] = use === 'success', _cn[
-        _Link.jsStyles.useDanger(_this.theme)] = use === 'danger', _cn[
-        _Link.jsStyles.useGrayed(_this.theme)] = use === 'grayed', _cn)),
-
-        href: href,
-        rel: rel,
-        onClick: _this._handleClick,
-        onFocus: _this._handleFocus,
-        onBlur: _this._handleBlur,
-        tabIndex: _this.props.tabIndex };
-
-      if (disabled) {
-        props.tabIndex = -1;
       }
 
       return /*#__PURE__*/(
-        _react.default.createElement("a", (0, _extends2.default)({}, rest, linkProps),
-        iconElement,
-        _this.props.children,
+        _react.default.createElement(Root, (0, _extends2.default)({ "data-tid": LinkDataTids.root }, rest, rootProps, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })),
+        leftIconElement,
+        outlineNode,
+        child,
+        rightIconElement,
         arrow));
 
 
     };_this.
 
-    _handleFocus = function (event) {
+    handleFocus = function () {
       if (!_this.props.disabled) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        process.nextTick(function () {
-          if (_tabListener.tabListener.isTabPressed) {
+        _globalObject.globalObject.requestAnimationFrame == null ? void 0 : _globalObject.globalObject.requestAnimationFrame(function () {
+          if (_keyListener.keyListener.isTabPressed) {
             _this.setState({ focusedByTab: true });
           }
         });
       }
     };_this.
 
-    _handleBlur = function () {
+    handleBlur = function () {
       _this.setState({ focusedByTab: false });
     };_this.
 
-    _handleClick = function (event) {var _this$props =
-      _this.props,href = _this$props.href,onClick = _this$props.onClick,disabled = _this$props.disabled;
-      if (!href) {
-        event.preventDefault();
+    hasLocationProps = function () {
+      // we have to check for 'href' and 'to' props in case Root is anchor or react-router link
+      return Boolean(
+      Object.prototype.hasOwnProperty.call(_this.props, 'href') ||
+      Object.prototype.hasOwnProperty.call(_this.props, 'to'));
+
+    };_this.
+
+    isRootElementAnchor = function () {
+      var _this$props = _this.props,component = _this$props.component,as = _this$props.as;
+      var Root = component || as;
+      return Root === 'a';
+    };_this.
+
+    handleClick = function (event) {
+      var _this$props2 = _this.props,onClick = _this$props2.onClick,disabled = _this$props2.disabled,loading = _this$props2.loading;
+
+      var location = _this.hasLocationProps();
+      if (!location) {
+        _this.isRootElementAnchor() && event.preventDefault();
       }
-      if (onClick && !disabled) {
+      if (onClick && !disabled && !loading) {
         onClick(event);
       }
-    };return _this;}var _proto = Link.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this2.props, _this2.renderMain);});};return Link;}(_react.default.Component);exports.Link = Link;Link.__KONTUR_REACT_UI__ = 'Link';Link.propTypes = { disabled: _propTypes.default.bool, href: _propTypes.default.string, icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]), use: _propTypes.default.oneOf(['default', 'success', 'danger', 'grayed']) };Link.defaultProps = { href: '', use: 'default' };
+    };return _this;}var _proto = Link.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.linkFocusOutline = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags).linkFocusOutline;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});});};_proto.
+
+  getLinkClassName = function getLinkClassName(focused, disabled, _isTheme2022) {
+    var _this$getProps = this.getProps(),use = _this$getProps.use;
+    var isBorderBottom = parseInt(this.theme.linkLineBorderBottomWidth) > 0;
+    var isFocused = focused && !disabled;
+
+    return !isBorderBottom ?
+    (0, _Emotion.cx)(
+    _Link.styles.root(this.theme),
+    isFocused && _Link.styles.focus(this.theme),
+    disabled && _Link.styles.disabled(this.theme),
+    use === 'grayed' && focused && _Link.styles.useGrayedFocus(this.theme)) :
+
+    (0, _Emotion.cx)(
+    _Link.styles.lineRoot(),
+    disabled && _Link.styles.disabled(this.theme),
+    disabled && _isTheme2022 && (0, _ThemeHelpers.isDarkTheme)(this.theme) && _Link.styles.disabledDark22Theme(this.theme),
+    isFocused && use === 'default' && _Link.styles.lineFocus(this.theme),
+    isFocused && use === 'success' && _Link.styles.lineFocusSuccess(this.theme),
+    isFocused && use === 'danger' && _Link.styles.lineFocusDanger(this.theme),
+    isFocused && use === 'grayed' && _Link.styles.lineFocusGrayed(this.theme),
+    isFocused && _isTheme2022 && this.linkFocusOutline && _Link.styles.focus2022(this.theme));
+
+  };return Link;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Link', _class2.displayName = 'Link', _class2.defaultProps = { use: 'default', as: LINK_DEFAULT_ELEMENT }, _temp)) || _class;exports.Link = Link;

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.tsx"],"names":["Link","state","focusedByTab","theme","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","rest","iconElement","jsStyles","arrow","linkProps","className","root","button","buttonOpened","focus","useDefault","useSuccess","useDanger","useGrayed","onClick","_handleClick","onFocus","_handleFocus","onBlur","_handleBlur","tabIndex","children","event","process","nextTick","tabListener","isTabPressed","setState","preventDefault","render","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","oneOfType","node","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { Override } from '../../typings/utility-types';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { isExternalLink } from '../../lib/utils';\r\nimport { Spinner } from '../Spinner';\r\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Link.styles';\r\n\r\nexport interface LinkProps\r\n  extends CommonProps,\r\n    Override<\r\n      React.AnchorHTMLAttributes<HTMLAnchorElement>,\r\n      {\r\n        /** Неактивное состояние */\r\n        disabled?: boolean;\r\n        /** href */\r\n        href?: string;\r\n        /** Иконка */\r\n        icon?: React.ReactElement<any>;\r\n        /** Тип */\r\n        use?: 'default' | 'success' | 'danger' | 'grayed';\r\n        _button?: boolean;\r\n        _buttonOpened?: boolean;\r\n        tabIndex?: number;\r\n        /** Состояние загрузки */\r\n        loading?: boolean;\r\n        /** onClick */\r\n        onClick?: (event?: React.MouseEvent<HTMLAnchorElement>) => void;\r\n      }\r\n    > {}\r\n\r\nexport interface LinkState {\r\n  focusedByTab: boolean;\r\n}\r\n\r\n/**\r\n * Стандартная ссылка.\r\n * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.\r\n * Все свойства передаются в элемент `<a>`.\r\n * `className` и `style` не поддерживаются\r\n */\r\nexport class Link extends React.Component<LinkProps, LinkState> {\r\n  public static __KONTUR_REACT_UI__ = 'Link';\r\n\r\n  public static propTypes = {\r\n    disabled: PropTypes.bool,\r\n\r\n    href: PropTypes.string,\r\n\r\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n\r\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\r\n  };\r\n\r\n  public static defaultProps = {\r\n    href: '',\r\n    use: 'default',\r\n  };\r\n\r\n  public state = {\r\n    focusedByTab: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<LinkProps>) => {\r\n    const { disabled, href, icon, use, loading, _button, _buttonOpened, rel: relOrigin, ...rest } = props;\r\n\r\n    let iconElement = null;\r\n    if (icon) {\r\n      iconElement = (\r\n        <span className={jsStyles.icon(this.theme)}>\r\n          {loading ? <Spinner caption={null} dimmed type=\"mini\" /> : icon}\r\n        </span>\r\n      );\r\n    }\r\n\r\n    let arrow = null;\r\n    if (_button) {\r\n      arrow = <span className={jsStyles.arrow()} />;\r\n    }\r\n\r\n    let rel = relOrigin;\r\n    if (typeof rel === 'undefined' && href) {\r\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\r\n    }\r\n\r\n    const linkProps = {\r\n      className: cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [jsStyles.disabled(this.theme)]: !!disabled || !!loading,\r\n        [jsStyles.button(this.theme)]: !!_button,\r\n        [jsStyles.buttonOpened()]: !!_buttonOpened,\r\n        [jsStyles.focus(this.theme)]: !disabled && this.state.focusedByTab,\r\n        [jsStyles.useDefault(this.theme)]: use === 'default',\r\n        [jsStyles.useSuccess(this.theme)]: use === 'success',\r\n        [jsStyles.useDanger(this.theme)]: use === 'danger',\r\n        [jsStyles.useGrayed(this.theme)]: use === 'grayed',\r\n      }),\r\n      href,\r\n      rel,\r\n      onClick: this._handleClick,\r\n      onFocus: this._handleFocus,\r\n      onBlur: this._handleBlur,\r\n      tabIndex: this.props.tabIndex,\r\n    };\r\n    if (disabled) {\r\n      props.tabIndex = -1;\r\n    }\r\n\r\n    return (\r\n      <a {...rest} {...linkProps}>\r\n        {iconElement}\r\n        {this.props.children}\r\n        {arrow}\r\n      </a>\r\n    );\r\n  };\r\n\r\n  private _handleFocus = (event: React.FocusEvent<HTMLAnchorElement>) => {\r\n    if (!this.props.disabled) {\r\n      // focus event fires before keyDown eventlistener\r\n      // so we should check tabPressed in async way\r\n      process.nextTick(() => {\r\n        if (tabListener.isTabPressed) {\r\n          this.setState({ focusedByTab: true });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  private _handleBlur = () => {\r\n    this.setState({ focusedByTab: false });\r\n  };\r\n\r\n  private _handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n    const { href, onClick, disabled } = this.props;\r\n    if (!href) {\r\n      event.preventDefault();\r\n    }\r\n    if (onClick && !disabled) {\r\n      onClick(event);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Link.tsx"],"names":["LINK_DEFAULT_ELEMENT","LinkDataTids","root","Link","rootNode","getProps","defaultProps","state","focusedByTab","getTabIndex","nonInteractive","tabIndex","getRel","href","rel","renderMain","props","disabled","icon","rightIcon","use","loading","_button","_buttonOpened","as","component","focused","error","warning","rest","_isTheme2022","theme","Root","arrow","styles","isFocused","leftIconElement","rightIconElement","linkOnlyProps","outlineNode","zIndex","outline","outlineWarning","outlineError","rootProps","className","useRoot","useDefault","useSuccess","useDanger","useGrayed","button","buttonOpened","getLinkClassName","Boolean","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","child","children","globalClasses","textWrapper","lineTextWrapper","lineTextWrapperFocused","text","lineText","isIE11","lineTextIE11","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","hasLocationProps","Object","prototype","hasOwnProperty","call","isRootElementAnchor","event","location","preventDefault","render","flags","linkFocusOutline","ThemeFactory","create","setRootNode","isBorderBottom","parseInt","linkLineBorderBottomWidth","focus","useGrayedFocus","lineRoot","disabledDark22Theme","lineFocus","lineFocusSuccess","lineFocusDanger","lineFocusGrayed","focus2022","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ButtonLinkAllowedValues } from '../../typings/button-link';\nimport { resetButton } from '../../lib/styles/Mixins';\nimport { PolymorphicPropsWithoutRef } from '../../typings/react-ref';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { isDarkTheme, isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { isIE11 } from '../../lib/client';\nimport { ReactUIFeatureFlagsContext, getFullReactUIFlagsContext } from '../../lib/featureFlagsContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { globalClasses, styles } from './Link.styles';\nimport { LinkIcon } from './LinkIcon';\n\ninterface LinkInnerProps extends CommonProps {\n  /**\n   * Отключенное состояние.\n   */\n  disabled?: boolean;\n  /**\n   * Добавляет ссылке иконку слева.\n   */\n  icon?: React.ReactElement;\n  /**\n   * Добавляет ссылке иконку справа.\n   */\n  rightIcon?: React.ReactElement;\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   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n  /**\n   * Компонент, используемый в качестве корневого узла.\n   * @ignore\n   */\n  as?: React.ElementType | keyof React.ReactHTML;\n  /**\n   * @ignore\n   */\n  focused?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n}\n\nconst LINK_DEFAULT_ELEMENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_ELEMENT> = PolymorphicPropsWithoutRef<\n  LinkInnerProps,\n  C\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, 'use' | 'as'>>;\ntype DefaultizedLinkProps<T extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_ELEMENT> = DefaultizedProps<\n  LinkProps<T>,\n  DefaultProps\n>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_ELEMENT> extends React.Component<\n  LinkProps<C>,\n  LinkState\n> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n  public static displayName = 'Link';\n\n  public static defaultProps = {\n    use: 'default',\n    as: LINK_DEFAULT_ELEMENT,\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  private linkFocusOutline?: boolean;\n\n  public render(): JSX.Element {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.linkFocusOutline = getFullReactUIFlagsContext(flags).linkFocusOutline;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n                return (\n                  <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                    {this.renderMain}\n                  </CommonWrapper>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private getTabIndex = ({\n    nonInteractive,\n    tabIndex = 0,\n  }: {\n    nonInteractive: boolean | undefined;\n    tabIndex: number | undefined;\n  }) => {\n    return nonInteractive ? -1 : tabIndex;\n  };\n\n  private getRel = ({ href, rel }: Pick<LinkProps, 'href' | 'rel'>) => {\n    if (!rel && href) {\n      return `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n    }\n\n    return rel;\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      href,\n      icon,\n      rightIcon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      rel,\n      as,\n      component,\n      focused = false,\n      error,\n      warning,\n      tabIndex,\n      ...rest\n    } = props;\n    const _isTheme2022 = isTheme2022(this.theme);\n    const Root = component || as;\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n    const rightIconElement = rightIcon && (\n      <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n    );\n    const nonInteractive = disabled || loading;\n\n    const linkOnlyProps = {\n      href: href || '',\n    };\n\n    const outlineNode = (\n      <div\n        style={{ zIndex: -1 }}\n        className={cx(\n          styles.outline(this.theme),\n          warning && styles.outlineWarning(this.theme),\n          error && styles.outlineError(this.theme),\n        )}\n      />\n    );\n\n    const rootProps = {\n      className: cx(\n        styles.useRoot(),\n        Root === 'button' && resetButton(),\n        use === 'default' && styles.useDefault(this.theme),\n        use === 'success' && styles.useSuccess(this.theme),\n        use === 'danger' && styles.useDanger(this.theme),\n        use === 'grayed' && styles.useGrayed(this.theme),\n        !!_button && styles.button(this.theme),\n        !!_buttonOpened && styles.buttonOpened(this.theme),\n        this.getLinkClassName(isFocused, Boolean(nonInteractive), _isTheme2022),\n      ),\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n      rel: this.getRel({ href, rel }),\n      ...(Root === LINK_DEFAULT_ELEMENT ? linkOnlyProps : {}),\n    };\n\n    let child = this.props.children;\n    if (_isTheme2022) {\n      // lineTextWrapper нужен для реализации transition у подчеркивания\n      child = (\n        <span\n          className={cx(globalClasses.textWrapper, styles.lineTextWrapper(this.theme), {\n            [styles.lineTextWrapperFocused(this.theme)]: isFocused,\n          })}\n        >\n          <span\n            className={cx(globalClasses.text, {\n              [styles.lineText(this.theme)]: !isIE11,\n              [styles.lineTextIE11(this.theme)]: isIE11,\n            })}\n          >\n            {this.props.children}\n          </span>\n        </span>\n      );\n    }\n\n    return (\n      <Root data-tid={LinkDataTids.root} {...rest} {...rootProps} {...getVisualStateDataAttributes({ disabled })}>\n        {leftIconElement}\n        {outlineNode}\n        {child}\n        {rightIconElement}\n        {arrow}\n      </Root>\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      globalObject.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 hasLocationProps = () => {\n    // we have to check for 'href' and 'to' props in case Root is anchor or react-router link\n    return Boolean(\n      Object.prototype.hasOwnProperty.call(this.props, 'href') ||\n        Object.prototype.hasOwnProperty.call(this.props, 'to'),\n    );\n  };\n\n  private isRootElementAnchor = () => {\n    const { component, as } = this.props;\n    const Root = component || as;\n    return Root === 'a';\n  };\n\n  private handleClick = (event: React.MouseEvent) => {\n    const { onClick, disabled, loading } = this.props;\n\n    const location = this.hasLocationProps();\n    if (!location) {\n      this.isRootElementAnchor() && event.preventDefault();\n    }\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n\n  private getLinkClassName(focused: boolean, disabled: boolean, _isTheme2022: boolean): string {\n    const { use } = this.getProps();\n    const isBorderBottom = parseInt(this.theme.linkLineBorderBottomWidth) > 0;\n    const isFocused = focused && !disabled;\n\n    return !isBorderBottom\n      ? cx(\n          styles.root(this.theme),\n          isFocused && styles.focus(this.theme),\n          disabled && styles.disabled(this.theme),\n          use === 'grayed' && focused && styles.useGrayedFocus(this.theme),\n        )\n      : cx(\n          styles.lineRoot(),\n          disabled && styles.disabled(this.theme),\n          disabled && _isTheme2022 && isDarkTheme(this.theme) && styles.disabledDark22Theme(this.theme),\n          isFocused && use === 'default' && styles.lineFocus(this.theme),\n          isFocused && use === 'success' && styles.lineFocusSuccess(this.theme),\n          isFocused && use === 'danger' && styles.lineFocusDanger(this.theme),\n          isFocused && use === 'grayed' && styles.lineFocusGrayed(this.theme),\n          isFocused && _isTheme2022 && this.linkFocusOutline && styles.focus2022(this.theme),\n        );\n  }\n}\n"]}