@skbkontur/react-ui 5.6.8 → 5.6.9-5e213.0

package/components/Button/Button/Button.js

@@ -1,9 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _class, _Button;
 var _excluded = ["children"],
   _excluded2 = ["corners", "active", "disabled", "borderless", "checked", "error", "warning", "loading", "narrow", "arrow", "icon", "rightIcon", "_noPadding", "_noRightPadding", "visuallyFocused", "align", "disableFocus", "width", "tabIndex", "component", "use", "theme"];
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import { isKonturIcon } from "../../../lib/utils";
@@ -31,7 +43,7 @@ export var ButtonDataTids = {
 };
 var SpanComponent = function SpanComponent(_ref) {
   var children = _ref.children,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("span", rest, children);
 };
 
@@ -39,17 +51,17 @@ var SpanComponent = function SpanComponent(_ref) {
 export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/function (_React$Component) {
   function Button() {
     var _this;
+    _classCallCheck(this, Button);
     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 = _callSuper(this, Button, [].concat(args));
     _this.getProps = createPropsGetter(Button.defaultProps);
     _this.state = {
       focusedByTab: false
     };
     _this.node = null;
     _this.renderMain = function (props) {
-      var _cx, _cx4, _cx5;
       var corners = props.corners,
         active = props.active,
         disabled = props.disabled,
@@ -72,7 +84,7 @@ export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/
         _component = props.component,
         useProp = props.use,
         theme = props.theme,
-        rest = _objectWithoutPropertiesLoose(props, _excluded2);
+        rest = _objectWithoutProperties(props, _excluded2);
       var _this$getProps = _this.getProps(),
         use = _this$getProps.use,
         component = _this$getProps.component,
@@ -80,18 +92,19 @@ export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/
       var sizeClass = _this.getSizeClassName();
       var isFocused = _this.state.focusedByTab || visuallyFocused;
       var isLink = use === 'link';
-      var _useButtonArrow = useButtonArrow(_extends({}, _this.props, {
+      var _useButtonArrow = useButtonArrow(_objectSpread(_objectSpread({}, _this.props), {}, {
           isFocused: Boolean(isFocused),
           size: _this.size
         }), _this.theme),
-        rootClassNameWithArrow = _useButtonArrow[0],
-        arrowNode = _useButtonArrow[1];
+        _useButtonArrow2 = _slicedToArray(_useButtonArrow, 2),
+        rootClassNameWithArrow = _useButtonArrow2[0],
+        arrowNode = _useButtonArrow2[1];
       var isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);
       var nonInteractive = disabled || loading;
-      var rootClassName = cx.apply(void 0, [styles.root(_this.theme), styles[use](_this.theme), sizeClass, narrow && styles.narrow(), _noPadding && styles.noPadding(), _noRightPadding && styles.noRightPadding(), rootClassNameWithArrow].concat(nonInteractive ? [styles.disabled(_this.theme), isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(_this.theme), checked && styles.checkedDisabled(_this.theme), borderless && styles.borderless(), use === 'backless' && styles.backlessDisabled(_this.theme), use === 'text' && styles.textDisabled(), globalClasses.disabled] : [active && !checked && activeStyles[use](_this.theme), isFocused && styles.focus(_this.theme), checked && styles.checked(_this.theme), checked && isFocused && styles.checkedFocused(_this.theme), borderless && !checked && !isFocused && styles.borderless()]));
-      var rootProps = _extends({}, rest, {
+      var rootClassName = cx.apply(void 0, [styles.root(_this.theme), styles[use](_this.theme), sizeClass, narrow && styles.narrow(), _noPadding && styles.noPadding(), _noRightPadding && styles.noRightPadding(), rootClassNameWithArrow].concat(_toConsumableArray(nonInteractive ? [styles.disabled(_this.theme), isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(_this.theme), checked && styles.checkedDisabled(_this.theme), borderless && styles.borderless(), use === 'backless' && styles.backlessDisabled(_this.theme), use === 'text' && styles.textDisabled(), globalClasses.disabled] : [active && !checked && activeStyles[use](_this.theme), isFocused && styles.focus(_this.theme), checked && styles.checked(_this.theme), checked && isFocused && styles.checkedFocused(_this.theme), borderless && !checked && !isFocused && styles.borderless()])));
+      var rootProps = _objectSpread(_objectSpread({}, rest), {}, {
         className: rootClassName,
-        style: _extends({
+        style: _objectSpread({
           textAlign: align
         }, corners),
         onFocus: _this.handleFocus,
@@ -103,7 +116,7 @@ export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/
         })
       });
       var wrapProps = {
-        className: cx(globalClasses.root, (_cx = {}, _cx[styles.wrap(_this.theme)] = true, _cx[_this.getSizeWrapClassName()] = true, _cx)),
+        className: cx(globalClasses.root, _defineProperty(_defineProperty({}, styles.wrap(_this.theme), true), _this.getSizeWrapClassName(), true)),
         style: {
           width: width
         }
@@ -114,10 +127,9 @@ export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/
       var innerShadowNode = null;
       var outlineNode = null;
       if ((!isFocused || isLink) && !nonInteractive) {
-        var _cx2;
         outlineNode = /*#__PURE__*/
         React.createElement("div", {
-          className: cx(styles.outline(), (_cx2 = {}, _cx2[styles.outlineWarning(_this.theme)] = warning, _cx2[styles.outlineError(_this.theme)] = error, _cx2[styles.outlineLink()] = isLink, _cx2[styles.outlineLinkWarning(_this.theme)] = isLink && warning, _cx2[styles.outlineLinkError(_this.theme)] = isLink && error, _cx2))
+          className: cx(styles.outline(), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.outlineWarning(_this.theme), warning), styles.outlineError(_this.theme), error), styles.outlineLink(), isLink), styles.outlineLinkWarning(_this.theme), isLink && warning), styles.outlineLinkError(_this.theme), isLink && error))
         });
       }
       var iconProps = {
@@ -139,8 +151,7 @@ export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/
 
       // Force disable all props and features, that cannot be use with Link
       if (isLink) {
-        var _cx3;
-        rootProps.className = cx((_cx3 = {}, _cx3[styles.root(_this.theme)] = true, _cx3[sizeClass] = true, _cx3[styles.link(_this.theme)] = true, _cx3[styles.linkLineHeight()] = !isSafari, _cx3[styles.linkLineHeightSafariFallback()] = isSafari, _cx3[styles.linkFocus(_this.theme)] = isFocused, _cx3[styles.linkDisabled(_this.theme)] = nonInteractive, _cx3));
+        rootProps.className = cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.root(_this.theme), true), sizeClass, true), styles.link(_this.theme), true), styles.linkLineHeight(), !isSafari), styles.linkLineHeightSafariFallback(), isSafari), styles.linkFocus(_this.theme), isFocused), styles.linkDisabled(_this.theme), nonInteractive));
         Object.assign(wrapProps, {
           className: cx(styles.wrap(_this.theme), styles.wrapLink()),
           style: {
@@ -155,10 +166,10 @@ export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/
       });
       var captionNode = /*#__PURE__*/
       React.createElement("div", {
-        className: cx(styles.caption(), globalClasses.caption, (_cx4 = {}, _cx4[styles.captionLink()] = isLink, _cx4[styles.captionDisabled()] = !checked && disabled, _cx4))
+        className: cx(styles.caption(), globalClasses.caption, _defineProperty(_defineProperty({}, styles.captionLink(), isLink), styles.captionDisabled(), !checked && disabled))
       }, loadingNode, leftIconNode, /*#__PURE__*/
       React.createElement("span", {
-        className: cx(globalClasses.text, (_cx5 = {}, _cx5[styles.visibilityHidden()] = hasLoadingNode, _cx5))
+        className: cx(globalClasses.text, _defineProperty({}, styles.visibilityHidden(), hasLoadingNode))
       }, children), rightIconNode);
       if (isLink && !loading) {
         captionNode = /*#__PURE__*/
@@ -188,16 +199,17 @@ export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/
     };
     _this.handleFocus = function (e) {
       if (!_this.props.disabled && !_this.props.disableFocus) {
+        var _globalObject$request, _this$props$onFocus, _this$props;
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+        (_globalObject$request = globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(globalObject, function () {
           if (keyListener.isTabPressed) {
             _this.setState({
               focusedByTab: true
             });
           }
         });
-        _this.props.onFocus == null || _this.props.onFocus(e);
+        (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props, e);
       }
     };
     _this.handleBlur = function (e) {
@@ -205,7 +217,8 @@ export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/
         focusedByTab: false
       });
       if (!_this.props.disabled && !_this.props.disableFocus) {
-        _this.props.onBlur == null || _this.props.onBlur(e);
+        var _this$props$onBlur, _this$props2;
+        (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props2, e);
       }
     };
     _this._ref = function (node) {
@@ -213,109 +226,125 @@ export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/
     };
     return _this;
   }
-  _inheritsLoose(Button, _React$Component);
-  var _proto = Button.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.props.autoFocus) {
-      keyListener.isTabPressed = true;
-      this.focus();
-    } // warning(
-    //   this.props.use !== 'link',
-    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,
-    // );
-  };
-  Button.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
-    if (props.loading || props.disabled) {
-      return {
-        focusedByTab: false
-      };
+  _inherits(Button, _React$Component);
+  return _createClass(Button, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.props.autoFocus) {
+        keyListener.isTabPressed = true;
+        this.focus();
+      } // warning(
+      //   this.props.use !== 'link',
+      //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,
+      // );
     }
-    return null;
-  } /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
-    * @public
-    */;
-  _proto.focus = function focus() {
-    var _this$node;
-    (_this$node = this.node) == null || _this$node.focus();
-  } /** Программно снимает фокус с кнопки.
+  }, {
+    key: "focus",
+    value:
+    /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
     * @public
-    */;
-  _proto.blur = function blur() {
-    var _this$node2;
-    (_this$node2 = this.node) == null || _this$node2.blur();
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this2.setRootNode
-      }, _this2.props), _this2.renderMain);
-    });
-  };
-  _proto.getTabIndex = function getTabIndex(_ref2) {
-    var disableFocus = _ref2.disableFocus,
-      disabled = _ref2.disabled,
-      _ref2$tabIndex = _ref2.tabIndex,
-      tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;
-    if (disableFocus || disabled) {
-      return -1;
+    */
+    function focus() {
+      var _this$node;
+      (_this$node = this.node) === null || _this$node === void 0 || _this$node.focus();
+    } /** Программно снимает фокус с кнопки.
+      * @public
+      */
+  }, {
+    key: "blur",
+    value: function blur() {
+      var _this$node2;
+      (_this$node2 = this.node) === null || _this$node2 === void 0 || _this$node2.blur();
     }
-    return tabIndex;
-  };
-  _proto.renderIcon2022 = function renderIcon2022(icon) {
-    if (icon && isKonturIcon(icon)) {
-      var _icon$props$size;
-      var sizes = getButtonIconSizes(this.theme);
-      return /*#__PURE__*/React.cloneElement(icon, {
-        size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.size]
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
+        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+          rootNodeRef: _this2.setRootNode
+        }, _this2.props), _this2.renderMain);
       });
     }
-    return icon;
-  };
-  _proto.getSizeClassName = function getSizeClassName() {
-    var _this$getProps2 = this.getProps(),
-      icon = _this$getProps2.icon,
-      rightIcon = _this$getProps2.rightIcon,
-      children = _this$getProps2.children;
-    var isThemeGTE_5_3 = isThemeGTE(this.theme, '5.3');
-    switch (this.size) {
-      case 'large':
-        {
-          var _commonClasses, _themeSpecificClasses;
-          var commonClasses = (_commonClasses = {}, _commonClasses[styles.sizeLargeIE11(this.theme)] = isIE11 || isEdge, _commonClasses[styles.sizeLargeWithIcon(this.theme)] = !!icon, _commonClasses[styles.sizeLargeWithIconWithoutText(this.theme)] = !!icon && !children, _commonClasses);
-          var themeSpecificClasses = (_themeSpecificClasses = {}, _themeSpecificClasses[styles.sizeLargeWithRightIcon(this.theme)] = !!rightIcon, _themeSpecificClasses[styles.sizeLargeWithIconWithoutText5_3(this.theme)] = (!!icon || !!rightIcon) && !children, _themeSpecificClasses);
-          return cx(styles.sizeLarge(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);
-        }
-      case 'medium':
-        {
-          var _commonClasses3, _themeSpecificClasses3;
-          var _commonClasses2 = (_commonClasses3 = {}, _commonClasses3[styles.sizeMediumIE11(this.theme)] = isIE11 || isEdge, _commonClasses3[styles.sizeMediumWithIcon(this.theme)] = !!icon, _commonClasses3[styles.sizeMediumWithIconWithoutText(this.theme)] = !!icon && !children, _commonClasses3);
-          var _themeSpecificClasses2 = (_themeSpecificClasses3 = {}, _themeSpecificClasses3[styles.sizeMediumWithRightIcon(this.theme)] = !!rightIcon, _themeSpecificClasses3[styles.sizeMediumWithIconWithoutText5_3(this.theme)] = (!!icon || !!rightIcon) && !children, _themeSpecificClasses3);
-          return cx(styles.sizeMedium(this.theme), _commonClasses2, isThemeGTE_5_3 && _themeSpecificClasses2);
-        }
-      case 'small':
-      default:
-        {
-          var _commonClasses5, _themeSpecificClasses5;
-          var _commonClasses4 = (_commonClasses5 = {}, _commonClasses5[styles.sizeSmallIE11(this.theme)] = isIE11 || isEdge, _commonClasses5[styles.sizeSmallWithIcon(this.theme)] = !!icon, _commonClasses5[styles.sizeSmallWithIconWithoutText(this.theme)] = !!icon && !children, _commonClasses5);
-          var _themeSpecificClasses4 = (_themeSpecificClasses5 = {}, _themeSpecificClasses5[styles.sizeSmallWithRightIcon(this.theme)] = !!rightIcon, _themeSpecificClasses5[styles.sizeSmallWithIconWithoutText5_3(this.theme)] = (!!icon || !!rightIcon) && !children, _themeSpecificClasses5);
-          return cx(styles.sizeSmall(this.theme), _commonClasses4, isThemeGTE_5_3 && _themeSpecificClasses4);
-        }
+  }, {
+    key: "getTabIndex",
+    value: function getTabIndex(_ref2) {
+      var disableFocus = _ref2.disableFocus,
+        disabled = _ref2.disabled,
+        _ref2$tabIndex = _ref2.tabIndex,
+        tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;
+      if (disableFocus || disabled) {
+        return -1;
+      }
+      return tabIndex;
+    }
+  }, {
+    key: "renderIcon2022",
+    value: function renderIcon2022(icon) {
+      if (icon && isKonturIcon(icon)) {
+        var _icon$props$size;
+        var sizes = getButtonIconSizes(this.theme);
+        return /*#__PURE__*/React.cloneElement(icon, {
+          size: (_icon$props$size = icon.props.size) !== null && _icon$props$size !== void 0 ? _icon$props$size : sizes[this.size]
+        });
+      }
+      return icon;
     }
-  };
-  _proto.getSizeWrapClassName = function getSizeWrapClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.wrapLarge(this.theme);
-      case 'medium':
-        return styles.wrapMedium(this.theme);
-      case 'small':
-      default:
-        return styles.wrapSmall(this.theme);
+  }, {
+    key: "getSizeClassName",
+    value: function getSizeClassName() {
+      var _this$getProps2 = this.getProps(),
+        icon = _this$getProps2.icon,
+        rightIcon = _this$getProps2.rightIcon,
+        children = _this$getProps2.children;
+      var isThemeGTE_5_3 = isThemeGTE(this.theme, '5.3');
+      switch (this.size) {
+        case 'large':
+          {
+            var commonClasses = _defineProperty(_defineProperty(_defineProperty({}, styles.sizeLargeIE11(this.theme), isIE11 || isEdge), styles.sizeLargeWithIcon(this.theme), !!icon), styles.sizeLargeWithIconWithoutText(this.theme), !!icon && !children);
+            var themeSpecificClasses = _defineProperty(_defineProperty({}, styles.sizeLargeWithRightIcon(this.theme), !!rightIcon), styles.sizeLargeWithIconWithoutText5_3(this.theme), (!!icon || !!rightIcon) && !children);
+            return cx(styles.sizeLarge(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);
+          }
+        case 'medium':
+          {
+            var _commonClasses2 = _defineProperty(_defineProperty(_defineProperty({}, styles.sizeMediumIE11(this.theme), isIE11 || isEdge), styles.sizeMediumWithIcon(this.theme), !!icon), styles.sizeMediumWithIconWithoutText(this.theme), !!icon && !children);
+            var _themeSpecificClasses2 = _defineProperty(_defineProperty({}, styles.sizeMediumWithRightIcon(this.theme), !!rightIcon), styles.sizeMediumWithIconWithoutText5_3(this.theme), (!!icon || !!rightIcon) && !children);
+            return cx(styles.sizeMedium(this.theme), _commonClasses2, isThemeGTE_5_3 && _themeSpecificClasses2);
+          }
+        case 'small':
+        default:
+          {
+            var _commonClasses4 = _defineProperty(_defineProperty(_defineProperty({}, styles.sizeSmallIE11(this.theme), isIE11 || isEdge), styles.sizeSmallWithIcon(this.theme), !!icon), styles.sizeSmallWithIconWithoutText(this.theme), !!icon && !children);
+            var _themeSpecificClasses4 = _defineProperty(_defineProperty({}, styles.sizeSmallWithRightIcon(this.theme), !!rightIcon), styles.sizeSmallWithIconWithoutText5_3(this.theme), (!!icon || !!rightIcon) && !children);
+            return cx(styles.sizeSmall(this.theme), _commonClasses4, isThemeGTE_5_3 && _themeSpecificClasses4);
+          }
+      }
+    }
+  }, {
+    key: "getSizeWrapClassName",
+    value: function getSizeWrapClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.wrapLarge(this.theme);
+        case 'medium':
+          return styles.wrapMedium(this.theme);
+        case 'small':
+        default:
+          return styles.wrapSmall(this.theme);
+      }
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props) {
+      if (props.loading || props.disabled) {
+        return {
+          focusedByTab: false
+        };
+      }
+      return null;
     }
-  };
-  return Button;
+  }]);
 }(React.Component), _Button.__KONTUR_REACT_UI__ = 'Button', _Button.displayName = 'Button', _Button.__BUTTON__ = true, _Button.defaultProps = {
   use: 'default',
   // By default, the type attribute is 'submit'. IE8 will fire a click event

package/components/Button/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","isKonturIcon","isIE11","isEdge","isSafari","keyListener","isThemeGTE","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","Link","withSize","styles","activeStyles","globalClasses","ButtonIcon","getButtonIconSizes","useButtonArrow","getInnerLinkTheme","LoadingButtonIcon","BUTTON_DEFAULT_COMPONENT","ButtonDataTids","rootElement","root","spinner","SpanComponent","_ref","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","Button","_class","_Button","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","node","renderMain","props","_cx","_cx4","_cx5","corners","active","disabled","borderless","checked","error","warning","loading","narrow","arrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","disableFocus","width","tabIndex","_component","component","useProp","use","theme","_excluded2","_this$getProps","sizeClass","getSizeClassName","isFocused","isLink","_useButtonArrow","_extends","Boolean","size","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","nonInteractive","rootClassName","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","focus","checkedFocused","rootProps","className","style","textAlign","onFocus","handleFocus","onBlur","handleBlur","getTabIndex","wrapProps","wrap","getSizeWrapClassName","buttonOnlyProps","innerShadowNode","outlineNode","_cx2","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","position","rightIconNode","hasBothIcons","_cx3","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","hasLoadingNode","loadingNode","captionNode","caption","captionLink","captionDisabled","text","visibilityHidden","Provider","value","focused","renderIcon2022","Root","ref","e","requestAnimationFrame","isTabPressed","setState","_inheritsLoose","_proto","prototype","componentDidMount","autoFocus","getDerivedStateFromProps","_this$node","blur","_this$node2","render","_this2","Consumer","create","rootNodeRef","setRootNode","_ref2","_ref2$tabIndex","_icon$props$size","sizes","cloneElement","_this$getProps2","isThemeGTE_5_3","_commonClasses","_themeSpecificClasses","commonClasses","sizeLargeIE11","sizeLargeWithIcon","sizeLargeWithIconWithoutText","themeSpecificClasses","sizeLargeWithRightIcon","sizeLargeWithIconWithoutText5_3","sizeLarge","_commonClasses3","_themeSpecificClasses3","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeMediumWithRightIcon","sizeMediumWithIconWithoutText5_3","sizeMedium","_commonClasses5","_themeSpecificClasses5","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","sizeSmallWithRightIcon","sizeSmallWithIconWithoutText5_3","sizeSmall","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","type"],"sources":["Button.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { isKonturIcon } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Link } from '../Link';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport type { ButtonIconProps } from './ButtonIcon';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonInnerProps extends CommonProps {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /** Применяет к кнопке стили псевдокласса `:active`. */\n  active?: boolean;\n\n  /** Выравнивание текста в кнопке. */\n  align?: React.CSSProperties['textAlign'];\n\n  /** Преобразует обычную кнопку в кнопку со стрелкой. */\n  arrow?: boolean | 'left';\n\n  /** Устанавливает фокус на кнопке после окончания загрузки страницы.*/\n  autoFocus?: boolean;\n\n  /** Убирает обводку у кнопки.\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.**\n   */\n  borderless?: boolean;\n\n  /** @ignore */\n  checked?: boolean;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Блокирует кнопку и перекрашивает в серый. */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Ошибка\".\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */\n  error?: boolean;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от текста кнопки. */\n  rightIcon?: React.ReactElement;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Сужает кнопку.\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */\n  narrow?: boolean;\n\n  /** Размер кнопки. */\n  size?: SizeProp;\n\n  /** HTML-атрибут `type`. */\n  type?: ButtonType;\n\n  /** HTML-атрибут `title`. */\n  title?: string;\n\n  /** Стиль кнопки.\n   * **Вариант `link` устарел.** Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Предупреждение\".\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.**\n   */\n  warning?: boolean;\n\n  /** Ширина кнопки. */\n  width?: number | string;\n\n  /** Объект с переменными темы. */\n  theme?: ThemeIn;\n}\n\nexport const BUTTON_DEFAULT_COMPONENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> =\n  PolymorphicPropsWithoutRef<ButtonInnerProps, C>;\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  rootElement: 'Button__rootElement',\n  root: 'Button__root',\n  spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'type' | 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n  return <span {...rest}>{children}</span>;\n};\n\n/** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */\n@withSize\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<\n  ButtonProps<C>,\n  ButtonState\n> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static displayName = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    // By default, the type attribute is 'submit'. IE8 will fire a click event\n    // on this button if somewhere on the page user presses Enter while some\n    // input is focused. So we set type to 'button' by default.\n    type: 'button',\n    component: BUTTON_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private size!: SizeProp;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n    // warning(\n    //   this.props.use !== 'link',\n    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,\n    // );\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /** Программно снимает фокус с кнопки.\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\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.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex({\n    disableFocus,\n    disabled,\n    tabIndex = 0,\n  }: Pick<ButtonProps, 'disableFocus' | 'disabled' | 'tabIndex'>) {\n    if (disableFocus || disabled) {\n      return -1;\n    }\n\n    return tabIndex;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ButtonProps>) => {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      arrow,\n      icon,\n      rightIcon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      width,\n      tabIndex,\n      component: _component,\n      use: useProp,\n      theme,\n      ...rest\n    } = props;\n    const { use, component, children } = this.getProps();\n\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n\n    const [rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused), size: this.size },\n      this.theme,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n\n    const nonInteractive = disabled || loading;\n    const rootClassName = cx(\n      styles.root(this.theme),\n      styles[use](this.theme),\n      sizeClass,\n      narrow && styles.narrow(),\n      _noPadding && styles.noPadding(),\n      _noRightPadding && styles.noRightPadding(),\n      rootClassNameWithArrow,\n      ...(nonInteractive\n        ? [\n            styles.disabled(this.theme),\n            isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n            checked && styles.checkedDisabled(this.theme),\n            borderless && styles.borderless(),\n            use === 'backless' && styles.backlessDisabled(this.theme),\n            use === 'text' && styles.textDisabled(),\n            globalClasses.disabled,\n          ]\n        : [\n            active && !checked && activeStyles[use](this.theme),\n            isFocused && styles.focus(this.theme),\n            checked && styles.checked(this.theme),\n            checked && isFocused && styles.checkedFocused(this.theme),\n            borderless && !checked && !isFocused && styles.borderless(),\n          ]),\n    );\n\n    const rootProps = {\n      ...rest,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ disableFocus, disabled: nonInteractive, tabIndex }),\n    };\n\n    const wrapProps = {\n      className: cx(globalClasses.root, {\n        [styles.wrap(this.theme)]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const buttonOnlyProps = component === 'button' ? { disabled: nonInteractive } : {};\n\n    const innerShadowNode = null;\n\n    let outlineNode = null;\n    if ((!isFocused || isLink) && !nonInteractive) {\n      outlineNode = (\n        <div\n          className={cx(styles.outline(), {\n            [styles.outlineWarning(this.theme)]: warning,\n            [styles.outlineError(this.theme)]: error,\n            [styles.outlineLink()]: isLink,\n            [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [styles.outlineLinkError(this.theme)]: isLink && error,\n          })}\n        />\n      );\n    }\n\n    const iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.size,\n      hasChildren: !!children,\n      loading: loading || false,\n    };\n    const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n    const rightIconNode = rightIcon && (\n      <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n    );\n\n    // Force disable all props and features, that cannot be use with Link\n    if (isLink) {\n      rootProps.className = cx({\n        [styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [styles.link(this.theme)]: true,\n        [styles.linkLineHeight()]: !isSafari,\n        [styles.linkLineHeightSafariFallback()]: isSafari,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: nonInteractive,\n      });\n      Object.assign(wrapProps, {\n        className: cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n\n      rootProps.style.textAlign = undefined;\n    }\n\n    const hasLoadingNode = loading && !icon && !rightIcon;\n    const loadingNode = hasLoadingNode && <LoadingButtonIcon size={this.size} />;\n\n    let captionNode = (\n      <div\n        className={cx(styles.caption(), globalClasses.caption, {\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={cx(globalClasses.text, {\n            [styles.visibilityHidden()]: hasLoadingNode,\n          })}\n        >\n          {children}\n        </span>\n        {rightIconNode}\n      </div>\n    );\n    if (isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          {\n            <Link<typeof SpanComponent>\n              focused={isFocused}\n              disabled={disabled}\n              icon={this.renderIcon2022(icon)}\n              rightIcon={this.renderIcon2022(rightIcon)}\n              tabIndex={-1}\n              component={SpanComponent}\n            >\n              {children}\n            </Link>\n          }\n        </ThemeContext.Provider>\n      );\n    }\n\n    const Root: React.ElementType = component;\n\n    return (\n      <span {...wrapProps} data-tid={ButtonDataTids.root}>\n        <Root data-tid={ButtonDataTids.rootElement} ref={this._ref} {...rootProps} {...buttonOnlyProps}>\n          {innerShadowNode}\n          {outlineNode}\n          {arrowNode}\n          {captionNode}\n        </Root>\n      </span>\n    );\n  };\n\n  private renderIcon2022(icon: React.ReactElement | undefined) {\n    if (icon && isKonturIcon(icon)) {\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    const { icon, rightIcon, children } = this.getProps();\n    const isThemeGTE_5_3 = isThemeGTE(this.theme, '5.3');\n\n    switch (this.size) {\n      case 'large': {\n        const commonClasses = {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeLargeWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeLargeWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n        return cx(styles.sizeLarge(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n      case 'medium': {\n        const commonClasses = {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeMediumWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeMediumWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return cx(styles.sizeMedium(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n      case 'small':\n      default: {\n        const commonClasses = {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeSmallWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeSmallWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return cx(styles.sizeSmall(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\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      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLElement | null) => {\n    this.node = node;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","isKonturIcon","isIE11","isEdge","isSafari","keyListener","isThemeGTE","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","Link","withSize","styles","activeStyles","globalClasses","ButtonIcon","getButtonIconSizes","useButtonArrow","getInnerLinkTheme","LoadingButtonIcon","BUTTON_DEFAULT_COMPONENT","ButtonDataTids","rootElement","root","spinner","SpanComponent","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","Button","_class","_Button","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","getProps","defaultProps","state","focusedByTab","node","renderMain","props","corners","active","disabled","borderless","checked","error","warning","loading","narrow","arrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","disableFocus","width","tabIndex","_component","component","useProp","use","theme","_excluded2","_this$getProps","sizeClass","getSizeClassName","isFocused","isLink","_useButtonArrow","_objectSpread","Boolean","size","_useButtonArrow2","_slicedToArray","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","nonInteractive","rootClassName","apply","noPadding","noRightPadding","_toConsumableArray","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","focus","checkedFocused","rootProps","className","style","textAlign","onFocus","handleFocus","onBlur","handleBlur","getTabIndex","wrapProps","_defineProperty","wrap","getSizeWrapClassName","buttonOnlyProps","innerShadowNode","outlineNode","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","_extends","position","rightIconNode","hasBothIcons","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","hasLoadingNode","loadingNode","captionNode","caption","captionLink","captionDisabled","text","visibilityHidden","Provider","value","focused","renderIcon2022","Root","ref","e","_globalObject$request","_this$props$onFocus","_this$props","requestAnimationFrame","call","isTabPressed","setState","_this$props$onBlur","_this$props2","_inherits","_createClass","key","componentDidMount","autoFocus","_this$node","blur","_this$node2","render","_this2","Consumer","create","rootNodeRef","setRootNode","_ref2","_ref2$tabIndex","_icon$props$size","sizes","cloneElement","_this$getProps2","isThemeGTE_5_3","commonClasses","sizeLargeIE11","sizeLargeWithIcon","sizeLargeWithIconWithoutText","themeSpecificClasses","sizeLargeWithRightIcon","sizeLargeWithIconWithoutText5_3","sizeLarge","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeMediumWithRightIcon","sizeMediumWithIconWithoutText5_3","sizeMedium","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","sizeSmallWithRightIcon","sizeSmallWithIconWithoutText5_3","sizeSmall","wrapLarge","wrapMedium","wrapSmall","getDerivedStateFromProps","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","type"],"sources":["Button.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { isKonturIcon } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Link } from '../Link';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport type { ButtonIconProps } from './ButtonIcon';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonInnerProps extends CommonProps {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /** Применяет к кнопке стили псевдокласса `:active`. */\n  active?: boolean;\n\n  /** Выравнивание текста в кнопке. */\n  align?: React.CSSProperties['textAlign'];\n\n  /** Преобразует обычную кнопку в кнопку со стрелкой. */\n  arrow?: boolean | 'left';\n\n  /** Устанавливает фокус на кнопке после окончания загрузки страницы.*/\n  autoFocus?: boolean;\n\n  /** Убирает обводку у кнопки.\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.**\n   */\n  borderless?: boolean;\n\n  /** @ignore */\n  checked?: boolean;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Блокирует кнопку и перекрашивает в серый. */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Ошибка\".\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */\n  error?: boolean;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от текста кнопки. */\n  rightIcon?: React.ReactElement;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Сужает кнопку.\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */\n  narrow?: boolean;\n\n  /** Размер кнопки. */\n  size?: SizeProp;\n\n  /** HTML-атрибут `type`. */\n  type?: ButtonType;\n\n  /** HTML-атрибут `title`. */\n  title?: string;\n\n  /** Стиль кнопки.\n   * **Вариант `link` устарел.** Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Предупреждение\".\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.**\n   */\n  warning?: boolean;\n\n  /** Ширина кнопки. */\n  width?: number | string;\n\n  /** Объект с переменными темы. */\n  theme?: ThemeIn;\n}\n\nexport const BUTTON_DEFAULT_COMPONENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> =\n  PolymorphicPropsWithoutRef<ButtonInnerProps, C>;\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  rootElement: 'Button__rootElement',\n  root: 'Button__root',\n  spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'type' | 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n  return <span {...rest}>{children}</span>;\n};\n\n/** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */\n@withSize\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<\n  ButtonProps<C>,\n  ButtonState\n> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static displayName = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    // By default, the type attribute is 'submit'. IE8 will fire a click event\n    // on this button if somewhere on the page user presses Enter while some\n    // input is focused. So we set type to 'button' by default.\n    type: 'button',\n    component: BUTTON_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private size!: SizeProp;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n    // warning(\n    //   this.props.use !== 'link',\n    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,\n    // );\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /** Программно снимает фокус с кнопки.\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\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.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex({\n    disableFocus,\n    disabled,\n    tabIndex = 0,\n  }: Pick<ButtonProps, 'disableFocus' | 'disabled' | 'tabIndex'>) {\n    if (disableFocus || disabled) {\n      return -1;\n    }\n\n    return tabIndex;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ButtonProps>) => {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      arrow,\n      icon,\n      rightIcon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      width,\n      tabIndex,\n      component: _component,\n      use: useProp,\n      theme,\n      ...rest\n    } = props;\n    const { use, component, children } = this.getProps();\n\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n\n    const [rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused), size: this.size },\n      this.theme,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n\n    const nonInteractive = disabled || loading;\n    const rootClassName = cx(\n      styles.root(this.theme),\n      styles[use](this.theme),\n      sizeClass,\n      narrow && styles.narrow(),\n      _noPadding && styles.noPadding(),\n      _noRightPadding && styles.noRightPadding(),\n      rootClassNameWithArrow,\n      ...(nonInteractive\n        ? [\n            styles.disabled(this.theme),\n            isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n            checked && styles.checkedDisabled(this.theme),\n            borderless && styles.borderless(),\n            use === 'backless' && styles.backlessDisabled(this.theme),\n            use === 'text' && styles.textDisabled(),\n            globalClasses.disabled,\n          ]\n        : [\n            active && !checked && activeStyles[use](this.theme),\n            isFocused && styles.focus(this.theme),\n            checked && styles.checked(this.theme),\n            checked && isFocused && styles.checkedFocused(this.theme),\n            borderless && !checked && !isFocused && styles.borderless(),\n          ]),\n    );\n\n    const rootProps = {\n      ...rest,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ disableFocus, disabled: nonInteractive, tabIndex }),\n    };\n\n    const wrapProps = {\n      className: cx(globalClasses.root, {\n        [styles.wrap(this.theme)]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const buttonOnlyProps = component === 'button' ? { disabled: nonInteractive } : {};\n\n    const innerShadowNode = null;\n\n    let outlineNode = null;\n    if ((!isFocused || isLink) && !nonInteractive) {\n      outlineNode = (\n        <div\n          className={cx(styles.outline(), {\n            [styles.outlineWarning(this.theme)]: warning,\n            [styles.outlineError(this.theme)]: error,\n            [styles.outlineLink()]: isLink,\n            [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [styles.outlineLinkError(this.theme)]: isLink && error,\n          })}\n        />\n      );\n    }\n\n    const iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.size,\n      hasChildren: !!children,\n      loading: loading || false,\n    };\n    const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n    const rightIconNode = rightIcon && (\n      <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n    );\n\n    // Force disable all props and features, that cannot be use with Link\n    if (isLink) {\n      rootProps.className = cx({\n        [styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [styles.link(this.theme)]: true,\n        [styles.linkLineHeight()]: !isSafari,\n        [styles.linkLineHeightSafariFallback()]: isSafari,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: nonInteractive,\n      });\n      Object.assign(wrapProps, {\n        className: cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n\n      rootProps.style.textAlign = undefined;\n    }\n\n    const hasLoadingNode = loading && !icon && !rightIcon;\n    const loadingNode = hasLoadingNode && <LoadingButtonIcon size={this.size} />;\n\n    let captionNode = (\n      <div\n        className={cx(styles.caption(), globalClasses.caption, {\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={cx(globalClasses.text, {\n            [styles.visibilityHidden()]: hasLoadingNode,\n          })}\n        >\n          {children}\n        </span>\n        {rightIconNode}\n      </div>\n    );\n    if (isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          {\n            <Link<typeof SpanComponent>\n              focused={isFocused}\n              disabled={disabled}\n              icon={this.renderIcon2022(icon)}\n              rightIcon={this.renderIcon2022(rightIcon)}\n              tabIndex={-1}\n              component={SpanComponent}\n            >\n              {children}\n            </Link>\n          }\n        </ThemeContext.Provider>\n      );\n    }\n\n    const Root: React.ElementType = component;\n\n    return (\n      <span {...wrapProps} data-tid={ButtonDataTids.root}>\n        <Root data-tid={ButtonDataTids.rootElement} ref={this._ref} {...rootProps} {...buttonOnlyProps}>\n          {innerShadowNode}\n          {outlineNode}\n          {arrowNode}\n          {captionNode}\n        </Root>\n      </span>\n    );\n  };\n\n  private renderIcon2022(icon: React.ReactElement | undefined) {\n    if (icon && isKonturIcon(icon)) {\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    const { icon, rightIcon, children } = this.getProps();\n    const isThemeGTE_5_3 = isThemeGTE(this.theme, '5.3');\n\n    switch (this.size) {\n      case 'large': {\n        const commonClasses = {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeLargeWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeLargeWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n        return cx(styles.sizeLarge(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n      case 'medium': {\n        const commonClasses = {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeMediumWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeMediumWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return cx(styles.sizeMedium(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n      case 'small':\n      default: {\n        const commonClasses = {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeSmallWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeSmallWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return cx(styles.sizeSmall(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\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      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLElement | null) => {\n    this.node = node;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Button/Button.mixins/Button.mixins.js

@@ -1,24 +1,24 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css } from "../../../lib/theming/Emotion";
 import { globalClasses } from "../Button.styles";
 var getBtnPadding = function getBtnPadding(paddingY, paddingX) {
-  return paddingY + " " + paddingX + " " + paddingY;
+  return "".concat(paddingY, " ").concat(paddingX, " ").concat(paddingY);
 };
 export var buttonUseMixin = function buttonUseMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderWidth) {
   var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none", color, borderWidth, borderColor, globalClasses.arrow, color);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(".concat(btnBackgroundStart, ", ").concat(btnBackgroundEnd, ")") : "none", color, borderWidth, borderColor, globalClasses.arrow, color);
 };
 export var buttonHoverMixin = function buttonHoverMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderWidth) {
   var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n    color: ", ";\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none", borderWidth, borderColor, color);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n    color: ", ";\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(".concat(btnBackgroundStart, ", ").concat(btnBackgroundEnd, ")") : "none", borderWidth, borderColor, color);
 };
 export var buttonActiveMixin = function buttonActiveMixin(btnBackground, btnShadow, borderColor, borderWidth) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n    }\n  "])), btnBackground, borderWidth, borderColor, globalClasses.innerShadow, btnShadow);
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n    }\n  "])), btnBackground, borderWidth, borderColor, globalClasses.innerShadow, btnShadow);
 };
 export var buttonSizeMixin = function buttonSizeMixin(fontSize, lineHeight, paddingX, paddingY) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])), fontSize, getBtnPadding(paddingY, paddingX), lineHeight);
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])), fontSize, getBtnPadding(paddingY, paddingX), lineHeight);
 };
 export var buttonSizeMixinIE11 = function buttonSizeMixinIE11(paddingX, paddingY) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    padding: ", ";\n    line-height: normal;\n  "])), getBtnPadding(paddingY, paddingX));
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: normal;\n  "])), getBtnPadding(paddingY, paddingX));
 };