@skbkontur/react-ui 0.0.0-b203c99d11 → 0.0.0-b4292e4d5b

package/components/Button/Button/Button.js

@@ -1,15 +1,30 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
-import cn from 'classnames';
-import { isIE11, isEdge } from "../../../lib/client";
-import { tabListener } from "../../../lib/events/tabListener";
+import { isKonturIcon, isReactUIComponent } from "../../../lib/utils";
+import { isIE11, isEdge, isSafari } from "../../../lib/client";
+import { keyListener } from "../../../lib/events/keyListener";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { Spinner } from "../../Spinner";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Button.styles";
-import { Corners } from "../Corners";
-export var Button = /*#__PURE__*/function (_React$Component) {
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { Link } from "../../Link";
+import { Spinner } from "../../Spinner";
+import { LoadingIcon } from "../../../internal/icons2022/LoadingIcon";
+import { styles, activeStyles, globalClasses } from "../Button.styles";
+import { ButtonIcon, getButtonIconSizes } from "../ButtonIcon";
+import { useButtonArrow } from "../ButtonArrow";
+import { getInnerLinkTheme } from "../getInnerLinkTheme";
+export var ButtonDataTids = {
+  root: 'Button__root'
+};
+export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Button, _React$Component);
 
   function Button() {
@@ -20,18 +35,18 @@ export var Button = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Button.defaultProps);
     _this.state = {
       focusedByTab: false
     };
-    _this.theme = void 0;
     _this.node = null;
 
     _this.handleFocus = function (e) {
       if (!_this.props.disabled && !_this.props.disableFocus) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        process.nextTick(function () {
-          if (tabListener.isTabPressed) {
+        requestAnimationFrame(function () {
+          if (keyListener.isTabPressed) {
             _this.setState({
               focusedByTab: true
             });
@@ -62,12 +77,22 @@ export var Button = /*#__PURE__*/function (_React$Component) {
 
   _proto.componentDidMount = function componentDidMount() {
     if (this.props.autoFocus) {
-      tabListener.isTabPressed = true;
+      keyListener.isTabPressed = true;
       this.focus();
     }
+  };
+
+  Button.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
+    if (props.loading || props.disabled) {
+      return {
+        focusedByTab: false
+      };
+    }
+
+    return null;
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -76,8 +101,8 @@ export var Button = /*#__PURE__*/function (_React$Component) {
 
     (_this$node = this.node) == null ? void 0 : _this$node.focus();
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -91,161 +116,244 @@ export var Button = /*#__PURE__*/function (_React$Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
+      _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
       return _this2.renderMain();
     });
   };
 
   _proto.renderMain = function renderMain() {
-    var _cn, _cn2, _cn7;
+    var _cx2, _cx5, _cx6;
+
+    var _this$props = this.props,
+        corners = _this$props.corners,
+        active = _this$props.active,
+        disabled = _this$props.disabled,
+        borderless = _this$props.borderless,
+        checked = _this$props.checked,
+        error = _this$props.error,
+        warning = _this$props.warning,
+        loading = _this$props.loading,
+        narrow = _this$props.narrow,
+        icon = _this$props.icon,
+        _noPadding = _this$props._noPadding,
+        _noRightPadding = _this$props._noRightPadding,
+        visuallyFocused = _this$props.visuallyFocused,
+        align = _this$props.align,
+        disableFocus = _this$props.disableFocus,
+        onMouseEnter = _this$props.onMouseEnter,
+        onMouseLeave = _this$props.onMouseLeave,
+        onMouseOver = _this$props.onMouseOver,
+        onMouseDown = _this$props.onMouseDown,
+        onMouseUp = _this$props.onMouseUp,
+        onKeyDown = _this$props.onKeyDown,
+        onClick = _this$props.onClick,
+        onClickCapture = _this$props.onClickCapture,
+        width = _this$props.width,
+        children = _this$props.children,
+        ariaDescribedby = _this$props['aria-describedby'],
+        ariaHasPopup = _this$props['aria-haspopup'],
+        ariaControls = _this$props['aria-controls'],
+        ariaLabel = _this$props['aria-label'],
+        ariaChecked = _this$props['aria-checked'],
+        ariaExpanded = _this$props['aria-expanded'],
+        role = _this$props.role;
+
+    var _this$getProps = this.getProps(),
+        use = _this$getProps.use,
+        type = _this$getProps.type,
+        size = _this$getProps.size;
 
-    var _this$props$corners = this.props.corners,
-        corners = _this$props$corners === void 0 ? 0 : _this$props$corners;
     var sizeClass = this.getSizeClassName();
-    var isError = !!this.props.error;
-    var isWarning = !!this.props.warning;
+    var isFocused = this.state.focusedByTab || visuallyFocused;
+    var isLink = use === 'link';
+
+    var _isTheme2022 = isTheme2022(this.theme); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+
+    var _useButtonArrow = useButtonArrow(_extends({}, this.props, {
+      isFocused: Boolean(isFocused)
+    }), this.theme),
+        wrapClassNameWithArrow = _useButtonArrow[0],
+        rootClassNameWithArrow = _useButtonArrow[1],
+        arrowNode = _useButtonArrow[2];
+
+    var isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);
+    var rootClassName = '';
+
+    if (_isTheme2022) {
+      var trueDisabled = disabled || loading;
+      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(trueDisabled ? [styles.disabled(this.theme), isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme), checked && styles.checkedDisabled(this.theme), checked && styles.checkedDisabled2022(this.theme), borderless && styles.borderless2022()] : [active && !checked && activeStyles[use](this.theme), isFocused && styles.focus(this.theme), checked && styles.checked2022(this.theme), checked && isFocused && styles.checkedFocused(this.theme), borderless && !checked && !isFocused && styles.borderless2022()]));
+    } else {
+      var _cx;
+
+      rootClassName = cx((_cx = {}, _cx[styles.root(this.theme)] = true, _cx[styles.simulatedPress()] = true, _cx[styles[use](this.theme)] = true, _cx[activeStyles[use](this.theme)] = active, _cx[sizeClass] = true, _cx[styles.focus(this.theme)] = isFocused, _cx[styles.checked(this.theme)] = checked, _cx[styles.checkedFocused(this.theme)] = checked && isFocused, _cx[styles.disabled(this.theme)] = disabled || loading, _cx[styles.checkedDisabled(this.theme)] = checked && disabled, _cx[styles.borderless()] = borderless && !disabled && !loading && !checked && !isFocused && !active, _cx[styles.narrow()] = narrow, _cx[styles.noPadding()] = _noPadding, _cx[styles.noRightPadding()] = _noRightPadding, _cx));
+    }
+
     var rootProps = {
       // By default the type attribute is 'submit'. IE8 will fire a click event
       // on this button if somewhere on the page user presses Enter while some
       // input is focused. So we set type to 'button' by default.
-      type: this.props.type,
-      className: cn((_cn = {}, _cn[jsStyles.root(this.theme)] = true, _cn[jsStyles[this.props.use] && jsStyles[this.props.use](this.theme) || jsStyles["default"](this.theme)] = true, _cn[jsStyles.active(this.theme)] = !!this.props.active, _cn[jsStyles.validationRoot(this.theme)] = isError || isWarning, _cn[jsStyles.narrow()] = !!this.props.narrow, _cn[jsStyles.noPadding()] = !!this.props._noPadding, _cn[jsStyles.noRightPadding()] = !!this.props._noRightPadding, _cn[sizeClass] = true, _cn[jsStyles.borderless(this.theme)] = !!this.props.borderless, _cn[jsStyles.focus(this.theme)] = this.state.focusedByTab || !!this.props.visuallyFocused, _cn[jsStyles.checked(this.theme)] = !!this.props.checked, _cn[jsStyles.disabled(this.theme)] = !!this.props.disabled || !!this.props.loading, _cn[jsStyles.fallback(this.theme)] = isIE11 || isEdge, _cn)),
-      style: {
-        borderTopLeftRadius: corners & Corners.TOP_LEFT ? 0 : undefined,
-        borderTopRightRadius: corners & Corners.TOP_RIGHT ? 0 : undefined,
-        borderBottomRightRadius: corners & Corners.BOTTOM_RIGHT ? 0 : undefined,
-        borderBottomLeftRadius: corners & Corners.BOTTOM_LEFT ? 0 : undefined,
-        textAlign: this.props.align
-      },
-      disabled: this.props.disabled || this.props.loading,
-      onClick: this.props.onClick,
+      type: type,
+      role: role,
+      'aria-describedby': ariaDescribedby,
+      'aria-haspopup': ariaHasPopup,
+      'aria-controls': ariaControls,
+      'aria-label': ariaLabel,
+      'aria-checked': ariaChecked,
+      'aria-expanded': ariaExpanded,
+      className: rootClassName,
+      style: _extends({
+        textAlign: align
+      }, corners),
+      disabled: disabled || loading,
+      onClick: onClick,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,
-      onKeyDown: this.props.onKeyDown,
-      onMouseEnter: this.props.onMouseEnter,
-      onMouseLeave: this.props.onMouseLeave,
-      onMouseOver: this.props.onMouseOver,
-      tabIndex: this.props.disableFocus ? -1 : 0
+      onKeyDown: onKeyDown,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onMouseOver: onMouseOver,
+      onMouseDown: onMouseDown,
+      onMouseUp: onMouseUp,
+      onClickCapture: onClickCapture,
+      tabIndex: disableFocus ? -1 : 0,
+      title: this.props.title
     };
     var wrapProps = {
-      className: cn((_cn2 = {}, _cn2[jsStyles.wrap(this.theme)] = true, _cn2[jsStyles.wrapArrow()] = this.props.arrow === true, _cn2[jsStyles.wrapArrowLeft()] = this.props.arrow === 'left', _cn2)),
+      className: cx((_cx2 = {}, _cx2[styles.wrap(this.theme)] = true, _cx2[wrapClassNameWithArrow] = true, _cx2[this.getSizeWrapClassName()] = true, _cx2)),
       style: {
-        width: this.props.width
+        width: width
       }
     };
-    var error = null;
-
-    if (this.props.error) {
-      error = /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.error(this.theme)
-      });
-    } else if (this.props.warning) {
-      error = /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.warning(this.theme)
-      });
-    }
-
-    var loading = null;
-
-    if (this.props.loading && !this.props.icon) {
-      loading = /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.loading()
-      }, this.getLoadingSpinner());
-    }
-
-    var icon = this.props.icon;
+    var innerShadowNode = _isTheme2022 ? null : /*#__PURE__*/React.createElement("div", {
+      className: globalClasses.innerShadow
+    });
+    var outlineNode = null;
+    var isDisabled2022 = _isTheme2022 && (disabled || loading);
 
-    if (this.props.icon) {
-      var _cn3;
+    if ((!isFocused || isLink) && !isDisabled2022) {
+      var _cx3;
 
-      icon = /*#__PURE__*/React.createElement("span", {
-        className: cn(jsStyles.icon(), this.getSizeIconClassName(), (_cn3 = {}, _cn3[jsStyles.iconNoRightPadding()] = !this.props.children, _cn3[jsStyles.iconLink(this.theme)] = this.props.use === 'link', _cn3))
-      }, this.props.loading ? this.getLoadingSpinner() : this.props.icon);
+      outlineNode = /*#__PURE__*/React.createElement("div", {
+        style: {
+          zIndex: _isTheme2022 && isLink ? -1 : undefined
+        },
+        className: cx(styles.outline(), (_cx3 = {}, _cx3[styles.outlineWarning(this.theme)] = warning, _cx3[styles.outlineError(this.theme)] = error, _cx3[styles.outlineLink()] = isLink, _cx3[styles.outlineLinkWarning(this.theme)] = isLink && warning, _cx3[styles.outlineLinkError(this.theme)] = isLink && error, _cx3))
+      });
     }
 
-    var arrow = null;
-
-    if (this.props.arrow) {
-      var _cn4;
-
-      arrow = /*#__PURE__*/React.createElement("div", {
-        className: cn((_cn4 = {}, _cn4[jsStyles.arrow()] = true, _cn4[jsStyles.arrowWarning(this.theme)] = isWarning, _cn4[jsStyles.arrowError(this.theme)] = isError, _cn4[jsStyles.arrowFocus(this.theme)] = this.state.focusedByTab || !!this.props.visuallyFocused, _cn4[jsStyles.arrowLeft()] = this.props.arrow === 'left', _cn4))
+    var iconNode = icon && /*#__PURE__*/React.createElement(ButtonIcon, {
+      icon: icon,
+      size: size,
+      hasChildren: Boolean(children),
+      disabled: disabled || false,
+      loading: loading || false,
+      use: use
+    });
+    var loadingNode = null;
+
+    if (loading && !icon) {
+      var loadingIcon = _isTheme2022 ? /*#__PURE__*/React.createElement(LoadingIcon, {
+        size: size
+      }) : /*#__PURE__*/React.createElement(Spinner, {
+        caption: null,
+        dimmed: true,
+        type: "mini"
       });
+      loadingNode = /*#__PURE__*/React.createElement("div", {
+        className: styles.loading()
+      }, loadingIcon);
     } // Force disable all props and features, that cannot be use with Link
 
 
-    if (this.props.use === 'link') {
-      var _cn5, _cn6;
+    if (isLink) {
+      var _cx4;
 
-      rootProps.className = cn((_cn5 = {}, _cn5[jsStyles.root(this.theme)] = true, _cn5[sizeClass] = true, _cn5[jsStyles.focus(this.theme)] = this.state.focusedByTab || !!this.props.visuallyFocused, _cn5[jsStyles.link(this.theme)] = true, _cn5[jsStyles.disabled(this.theme)] = !!this.props.disabled || !!this.props.loading, _cn5));
+      rootProps.className = cx((_cx4 = {}, _cx4[styles.root(this.theme)] = true, _cx4[sizeClass] = true, _cx4[styles.link(this.theme)] = true, _cx4[styles.linkLineHeight()] = !isSafari || isSafari && !_isTheme2022, _cx4[styles.linkLineHeightSafariFallback()] = isSafari && _isTheme2022, _cx4[styles.linkFocus(this.theme)] = isFocused, _cx4[styles.linkDisabled(this.theme)] = disabled || loading, _cx4));
       Object.assign(wrapProps, {
-        className: cn(jsStyles.wrap(this.theme), (_cn6 = {}, _cn6[jsStyles.wrapLink(this.theme)] = this.props.use === 'link', _cn6)),
+        className: cx(styles.wrap(this.theme), styles.wrapLink()),
         style: {
           width: wrapProps.style.width
         }
       });
       rootProps.style.textAlign = undefined;
-      arrow = null;
     }
 
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement("span", wrapProps, /*#__PURE__*/React.createElement("button", _extends({
+    var captionNode = /*#__PURE__*/React.createElement("div", {
+      className: cx(styles.caption(), globalClasses.caption, (_cx5 = {}, _cx5[styles.captionTranslated()] = (active || checked) && !loading && !_isTheme2022, _cx5[styles.captionLink()] = isLink, _cx5[styles.captionDisabled()] = !checked && disabled, _cx5))
+    }, loadingNode, iconNode, /*#__PURE__*/React.createElement("span", {
+      className: cx(globalClasses.text, (_cx6 = {}, _cx6[styles.visibilityHidden()] = !!loadingNode, _cx6))
+    }, children));
+
+    if (_isTheme2022 && isLink && !loading) {
+      captionNode = /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: getInnerLinkTheme(this.theme)
+      }, /*#__PURE__*/React.createElement(Link, {
+        focused: isFocused,
+        disabled: disabled,
+        icon: this.renderIcon2022(icon),
+        as: "span",
+        tabIndex: -1
+      }, children));
+    }
+
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("span", wrapProps, /*#__PURE__*/React.createElement("button", _extends({
+      "data-tid": ButtonDataTids.root,
       ref: this._ref
-    }, rootProps), error, loading, arrow, /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.caption()
-    }, icon, /*#__PURE__*/React.createElement("span", {
-      className: cn((_cn7 = {}, _cn7[jsStyles.visibilityHidden()] = loading, _cn7))
-    }, this.props.children)))));
+    }, rootProps), innerShadowNode, outlineNode, arrowNode, captionNode)));
   };
 
-  _proto.getLoadingSpinner = function getLoadingSpinner() {
-    return /*#__PURE__*/React.createElement(Spinner, {
-      caption: null,
-      dimmed: true,
-      type: "mini"
-    });
+  _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.getProps().size]
+      });
+    }
+
+    return icon;
   };
 
   _proto.getSizeClassName = function getSizeClassName() {
-    switch (this.props.size) {
+    var _cx7, _cx8, _cx9;
+
+    var _isTheme2022 = isTheme2022(this.theme);
+
+    switch (this.getProps().size) {
       case 'large':
-        return cn(jsStyles.sizeLarge(this.theme));
+        return cx(styles.sizeLarge(this.theme), (_cx7 = {}, _cx7[styles.sizeLargeIE11(this.theme)] = isIE11 || isEdge, _cx7[styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _cx7[styles.sizeLargeWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _cx7));
 
       case 'medium':
-        return cn(jsStyles.sizeMedium(this.theme));
+        return cx(styles.sizeMedium(this.theme), (_cx8 = {}, _cx8[styles.sizeMediumIE11(this.theme)] = isIE11 || isEdge, _cx8[styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _cx8[styles.sizeMediumWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _cx8));
 
       case 'small':
       default:
-        return cn(jsStyles.sizeSmall(this.theme));
+        return cx(styles.sizeSmall(this.theme), (_cx9 = {}, _cx9[styles.sizeSmallIE11(this.theme)] = isIE11 || isEdge, _cx9[styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _cx9[styles.sizeSmallWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _cx9));
     }
   };
 
-  _proto.getSizeIconClassName = function getSizeIconClassName() {
-    switch (this.props.size) {
+  _proto.getSizeWrapClassName = function getSizeWrapClassName() {
+    switch (this.getProps().size) {
       case 'large':
-        return jsStyles.iconLarge(this.theme);
+        return styles.wrapLarge(this.theme);
 
       case 'medium':
-        return jsStyles.iconMedium(this.theme);
+        return styles.wrapMedium(this.theme);
 
       case 'small':
       default:
-        return jsStyles.iconSmall(this.theme);
+        return styles.wrapSmall(this.theme);
     }
   };
 
   return Button;
-}(React.Component);
-Button.__KONTUR_REACT_UI__ = 'Button';
-Button.__BUTTON__ = true;
-Button.TOP_LEFT = Corners.TOP_LEFT;
-Button.TOP_RIGHT = Corners.TOP_RIGHT;
-Button.BOTTOM_RIGHT = Corners.BOTTOM_RIGHT;
-Button.BOTTOM_LEFT = Corners.BOTTOM_LEFT;
-Button.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Button', _class2.__BUTTON__ = true, _class2.defaultProps = {
   use: 'default',
   size: 'small',
   type: 'button'
-};
-export var isButton = function isButton(child) {
-  return /*#__PURE__*/React.isValidElement(child) ? Object.prototype.hasOwnProperty.call(child.type, '__BUTTON__') : false;
-};
+}, _temp)) || _class;
+export var isButton = isReactUIComponent('Button');

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

@@ -1 +1 @@
-{"version":3,"sources":["Button.tsx"],"names":["React","cn","isIE11","isEdge","tabListener","ThemeContext","Spinner","CommonWrapper","jsStyles","Corners","Button","state","focusedByTab","theme","node","handleFocus","e","props","disabled","disableFocus","process","nextTick","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","blur","render","renderMain","corners","sizeClass","getSizeClassName","isError","error","isWarning","warning","rootProps","type","className","root","use","active","validationRoot","narrow","noPadding","_noPadding","noRightPadding","_noRightPadding","borderless","visuallyFocused","checked","loading","fallback","style","borderTopLeftRadius","TOP_LEFT","undefined","borderTopRightRadius","TOP_RIGHT","borderBottomRightRadius","BOTTOM_RIGHT","borderBottomLeftRadius","BOTTOM_LEFT","textAlign","align","onClick","onKeyDown","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","wrapProps","wrap","wrapArrow","arrow","wrapArrowLeft","width","icon","getLoadingSpinner","getSizeIconClassName","iconNoRightPadding","children","iconLink","arrowWarning","arrowError","arrowFocus","arrowLeft","link","Object","assign","wrapLink","caption","visibilityHidden","size","sizeLarge","sizeMedium","sizeSmall","iconLarge","iconMedium","iconSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","defaultProps","isButton","child","isValidElement","prototype","hasOwnProperty","call"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { isIE11, isEdge } from '../../lib/client';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Spinner } from '../Spinner';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Button.styles';\r\nimport { Corners } from './Corners';\r\n\r\nexport type ButtonSize = 'small' | 'medium' | 'large';\r\nexport type ButtonType = 'button' | 'submit' | 'reset';\r\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link';\r\n\r\nexport interface ButtonProps extends CommonProps {\r\n  /** @ignore */\r\n  _noPadding?: boolean;\r\n\r\n  /** @ignore */\r\n  _noRightPadding?: boolean;\r\n\r\n  /**\r\n   * Визуально нажатое состояние.\r\n   */\r\n  active?: boolean;\r\n\r\n  /** `type TextAlignProperty = \"inherit\" | \"initial\" | \"unset\" | \"center\" | \"end\" | \"justify\" | \"left\" | \"match-parent\" | \"right\" | \"start\"` */\r\n  align?: React.CSSProperties['textAlign'];\r\n\r\n  /**\r\n   * Кнопка со стрелкой.\r\n   *\r\n   * `type ButtonArrow = boolean | \"left\"`\r\n   */\r\n  arrow?: boolean | 'left';\r\n\r\n  autoFocus?: boolean;\r\n\r\n  borderless?: boolean;\r\n\r\n  checked?: boolean;\r\n\r\n  children?: React.ReactNode;\r\n\r\n  /** @ignore */\r\n  corners?: number;\r\n\r\n  disabled?: boolean;\r\n\r\n  /** @ignore */\r\n  disableFocus?: boolean;\r\n\r\n  error?: boolean;\r\n\r\n  focused?: boolean;\r\n\r\n  /**\r\n   * Иконка слева от текста кнопки.\r\n   */\r\n  icon?: React.ReactElement<any>;\r\n\r\n  loading?: boolean;\r\n\r\n  narrow?: boolean;\r\n\r\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\r\n\r\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n\r\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\r\n\r\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\r\n\r\n  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\r\n\r\n  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\r\n\r\n  onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\r\n\r\n  /** `type ButtonSize = \"small\" | \"medium\" | \"large\"` */\r\n  size?: ButtonSize;\r\n\r\n  /** `type ButtonType = \"button\" | \"submit\" | \"reset\"` */\r\n  type?: ButtonType;\r\n\r\n  /**\r\n   * Вариант использования. Влияет на цвет кнопки.\r\n   *\r\n   * `type ButtonUse = \"default\" | \"primary\" | \"success\" | \"danger\" | \"pay\" | \"link\"`\r\n   */\r\n  use?: ButtonUse;\r\n\r\n  /** @ignore */\r\n  visuallyFocused?: boolean;\r\n\r\n  warning?: boolean;\r\n\r\n  width?: number | string;\r\n}\r\n\r\nexport interface ButtonState {\r\n  focusedByTab: boolean;\r\n}\r\n\r\nexport class Button extends React.Component<ButtonProps, ButtonState> {\r\n  public static __KONTUR_REACT_UI__ = 'Button';\r\n  public static __BUTTON__ = true;\r\n  public static TOP_LEFT = Corners.TOP_LEFT;\r\n  public static TOP_RIGHT = Corners.TOP_RIGHT;\r\n  public static BOTTOM_RIGHT = Corners.BOTTOM_RIGHT;\r\n  public static BOTTOM_LEFT = Corners.BOTTOM_LEFT;\r\n\r\n  public static defaultProps = {\r\n    use: 'default',\r\n    size: 'small',\r\n    type: 'button',\r\n  };\r\n\r\n  public state = {\r\n    focusedByTab: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private node: HTMLButtonElement | null = null;\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoFocus) {\r\n      tabListener.isTabPressed = true;\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    this.node?.focus();\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    this.node?.blur();\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { corners = 0 } = this.props;\r\n    const sizeClass = this.getSizeClassName();\r\n\r\n    const isError = !!this.props.error;\r\n    const isWarning = !!this.props.warning;\r\n    const rootProps = {\r\n      // By default the type attribute is 'submit'. IE8 will fire a click event\r\n      // on this button if somewhere on the page user presses Enter while some\r\n      // input is focused. So we set type to 'button' by default.\r\n      type: this.props.type,\r\n      className: cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [(jsStyles[this.props.use!] && jsStyles[this.props.use!](this.theme)) || jsStyles.default(this.theme)]: true,\r\n        [jsStyles.active(this.theme)]: !!this.props.active,\r\n        [jsStyles.validationRoot(this.theme)]: isError || isWarning,\r\n        [jsStyles.narrow()]: !!this.props.narrow,\r\n        [jsStyles.noPadding()]: !!this.props._noPadding,\r\n        [jsStyles.noRightPadding()]: !!this.props._noRightPadding,\r\n        [sizeClass]: true,\r\n        [jsStyles.borderless(this.theme)]: !!this.props.borderless,\r\n        [jsStyles.focus(this.theme)]: this.state.focusedByTab || !!this.props.visuallyFocused,\r\n        [jsStyles.checked(this.theme)]: !!this.props.checked,\r\n        [jsStyles.disabled(this.theme)]: !!this.props.disabled || !!this.props.loading,\r\n        [jsStyles.fallback(this.theme)]: isIE11 || isEdge,\r\n      }),\r\n      style: {\r\n        borderTopLeftRadius: corners & Corners.TOP_LEFT ? 0 : undefined,\r\n        borderTopRightRadius: corners & Corners.TOP_RIGHT ? 0 : undefined,\r\n        borderBottomRightRadius: corners & Corners.BOTTOM_RIGHT ? 0 : undefined,\r\n        borderBottomLeftRadius: corners & Corners.BOTTOM_LEFT ? 0 : undefined,\r\n        textAlign: this.props.align,\r\n      },\r\n      disabled: this.props.disabled || this.props.loading,\r\n      onClick: this.props.onClick,\r\n      onFocus: this.handleFocus,\r\n      onBlur: this.handleBlur,\r\n      onKeyDown: this.props.onKeyDown,\r\n      onMouseEnter: this.props.onMouseEnter,\r\n      onMouseLeave: this.props.onMouseLeave,\r\n      onMouseOver: this.props.onMouseOver,\r\n      tabIndex: this.props.disableFocus ? -1 : 0,\r\n    };\r\n\r\n    const wrapProps = {\r\n      className: cn({\r\n        [jsStyles.wrap(this.theme)]: true,\r\n        [jsStyles.wrapArrow()]: this.props.arrow === true,\r\n        [jsStyles.wrapArrowLeft()]: this.props.arrow === 'left',\r\n      }),\r\n      style: {\r\n        width: this.props.width,\r\n      },\r\n    };\r\n\r\n    let error = null;\r\n    if (this.props.error) {\r\n      error = <div className={jsStyles.error(this.theme)} />;\r\n    } else if (this.props.warning) {\r\n      error = <div className={jsStyles.warning(this.theme)} />;\r\n    }\r\n\r\n    let loading = null;\r\n    if (this.props.loading && !this.props.icon) {\r\n      loading = <div className={jsStyles.loading()}>{this.getLoadingSpinner()}</div>;\r\n    }\r\n\r\n    let icon = this.props.icon;\r\n    if (this.props.icon) {\r\n      icon = (\r\n        <span\r\n          className={cn(jsStyles.icon(), this.getSizeIconClassName(), {\r\n            [jsStyles.iconNoRightPadding()]: !this.props.children,\r\n            [jsStyles.iconLink(this.theme)]: this.props.use === 'link',\r\n          })}\r\n        >\r\n          {this.props.loading ? this.getLoadingSpinner() : this.props.icon}\r\n        </span>\r\n      );\r\n    }\r\n\r\n    let arrow = null;\r\n    if (this.props.arrow) {\r\n      arrow = (\r\n        <div\r\n          className={cn({\r\n            [jsStyles.arrow()]: true,\r\n            [jsStyles.arrowWarning(this.theme)]: isWarning,\r\n            [jsStyles.arrowError(this.theme)]: isError,\r\n            [jsStyles.arrowFocus(this.theme)]: this.state.focusedByTab || !!this.props.visuallyFocused,\r\n            [jsStyles.arrowLeft()]: this.props.arrow === 'left',\r\n          })}\r\n        />\r\n      );\r\n    }\r\n\r\n    // Force disable all props and features, that cannot be use with Link\r\n    if (this.props.use === 'link') {\r\n      rootProps.className = cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [sizeClass]: true,\r\n        [jsStyles.focus(this.theme)]: this.state.focusedByTab || !!this.props.visuallyFocused,\r\n        [jsStyles.link(this.theme)]: true,\r\n        [jsStyles.disabled(this.theme)]: !!this.props.disabled || !!this.props.loading,\r\n      });\r\n      Object.assign(wrapProps, {\r\n        className: cn(jsStyles.wrap(this.theme), {\r\n          [jsStyles.wrapLink(this.theme)]: this.props.use === 'link',\r\n        }),\r\n        style: { width: wrapProps.style.width },\r\n      });\r\n      rootProps.style.textAlign = undefined;\r\n      arrow = null;\r\n    }\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <span {...wrapProps}>\r\n          <button ref={this._ref} {...rootProps}>\r\n            {error}\r\n            {loading}\r\n            {arrow}\r\n            <div className={jsStyles.caption()}>\r\n              {icon}\r\n              <span className={cn({ [jsStyles.visibilityHidden()]: loading })}>{this.props.children}</span>\r\n            </div>\r\n          </button>\r\n        </span>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private getLoadingSpinner() {\r\n    return <Spinner caption={null} dimmed type=\"mini\" />;\r\n  }\r\n\r\n  private getSizeClassName() {\r\n    switch (this.props.size) {\r\n      case 'large':\r\n        return cn(jsStyles.sizeLarge(this.theme));\r\n      case 'medium':\r\n        return cn(jsStyles.sizeMedium(this.theme));\r\n      case 'small':\r\n      default:\r\n        return cn(jsStyles.sizeSmall(this.theme));\r\n    }\r\n  }\r\n\r\n  private getSizeIconClassName() {\r\n    switch (this.props.size) {\r\n      case 'large':\r\n        return jsStyles.iconLarge(this.theme);\r\n      case 'medium':\r\n        return jsStyles.iconMedium(this.theme);\r\n      case 'small':\r\n      default:\r\n        return jsStyles.iconSmall(this.theme);\r\n    }\r\n  }\r\n\r\n  private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\r\n    if (!this.props.disabled && !this.props.disableFocus) {\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      this.props.onFocus?.(e);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\r\n    this.setState({ focusedByTab: false });\r\n    if (!this.props.disabled && !this.props.disableFocus) {\r\n      this.props.onBlur?.(e);\r\n    }\r\n  };\r\n\r\n  private _ref = (node: HTMLButtonElement | null) => {\r\n    this.node = node;\r\n  };\r\n}\r\n\r\nexport const isButton = (child: React.ReactChild): child is React.ReactElement<ButtonProps> => {\r\n  return React.isValidElement<ButtonProps>(child)\r\n    ? Object.prototype.hasOwnProperty.call(child.type, '__BUTTON__')\r\n    : false;\r\n};\r\n"]}
+{"version":3,"sources":["Button.tsx"],"names":["React","isKonturIcon","isReactUIComponent","isIE11","isEdge","isSafari","keyListener","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","isTheme2022","Link","Spinner","LoadingIcon","styles","activeStyles","globalClasses","ButtonIcon","getButtonIconSizes","useButtonArrow","getInnerLinkTheme","ButtonDataTids","root","Button","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","create","renderMain","corners","active","borderless","checked","error","warning","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onMouseDown","onMouseUp","onKeyDown","onClick","onClickCapture","width","children","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","rootClassName","trueDisabled","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","checkedDisabled2022","borderless2022","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconNode","loadingNode","loadingIcon","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","cloneElement","sizeLarge","sizeLargeIE11","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { HTMLProps } from '../../typings/html';\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link } from '../Link';\nimport { Spinner } from '../Spinner';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\n\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonProps\n  extends CommonProps,\n    Pick<\n      AriaAttributes,\n      'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked' | 'aria-expanded'\n    >,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<HTMLProps['button'], 'onClickCapture' | 'onMouseUp' | 'onMouseDown'> {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /**\n   * Применяет к кнопке стили псевдокласса `:active`.\n   */\n  active?: boolean;\n\n  /**\n   * CSS-свойство `text-align`.\n   */\n  align?: React.CSSProperties['textAlign'];\n\n  /**\n   * Превращает обычную кнопку в кнопку со стрелкой.\n   */\n  arrow?: boolean | 'left';\n\n  /**\n   * Даёт кнопке фокус после окончания загрузки страницы.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Убирает обводку у кнопки.\n   */\n  borderless?: boolean;\n\n  /**\n   * @ignore\n   */\n  checked?: boolean;\n\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /**\n   * Отключенное состояние кнопки.\n   */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  /**\n   * Иконка слева от текста кнопки.\n   */\n  icon?: React.ReactElement<any>;\n\n  /**\n   * Переводит кнопку в состояние загрузки.\n   */\n  loading?: boolean;\n\n  /**\n   * Сужает кнопку.\n   */\n  narrow?: boolean;\n\n  /**\n   * HTML-событие `onblur`.\n   */\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onfocus`.\n   */\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `keydown`.\n   */\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onmouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onmouseover`.\n   */\n  onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * Задаёт размер кнопки.\n   *\n   * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n   */\n  size?: ButtonSize;\n\n  /**\n   * HTML-атрибут `type`.\n   */\n  type?: ButtonType;\n\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: string;\n\n  /**\n   * Стиль кнопки.\n   *\n   * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  /**\n   * CSS-свойство `width`.\n   */\n  width?: number | string;\n\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n}\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  root: 'Button__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' | 'size' | 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    size: 'small',\n    type: 'button',\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private node: HTMLButtonElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\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 this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      icon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onMouseDown,\n      onMouseUp,\n      onKeyDown,\n      onClick,\n      onClickCapture,\n      width,\n      children,\n      'aria-describedby': ariaDescribedby,\n      'aria-haspopup': ariaHasPopup,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      'aria-checked': ariaChecked,\n      'aria-expanded': ariaExpanded,\n      role,\n    } = this.props;\n    const { use, type, size } = this.getProps();\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n    const _isTheme2022 = isTheme2022(this.theme);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused) },\n      this.theme,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n    let rootClassName = '';\n    if (_isTheme2022) {\n      const trueDisabled = disabled || loading;\n      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        ...(trueDisabled\n          ? [\n              styles.disabled(this.theme),\n              isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n              checked && styles.checkedDisabled(this.theme),\n              checked && styles.checkedDisabled2022(this.theme),\n              borderless && styles.borderless2022(),\n            ]\n          : [\n              active && !checked && activeStyles[use](this.theme),\n              isFocused && styles.focus(this.theme),\n              checked && styles.checked2022(this.theme),\n              checked && isFocused && styles.checkedFocused(this.theme),\n              borderless && !checked && !isFocused && styles.borderless2022(),\n            ]),\n      );\n    } else {\n      rootClassName = cx({\n        [styles.root(this.theme)]: true,\n        [styles.simulatedPress()]: true,\n        [styles[use](this.theme)]: true,\n        [activeStyles[use](this.theme)]: active,\n        [sizeClass]: true,\n        [styles.focus(this.theme)]: isFocused,\n        [styles.checked(this.theme)]: checked,\n        [styles.checkedFocused(this.theme)]: checked && isFocused,\n        [styles.disabled(this.theme)]: disabled || loading,\n        [styles.checkedDisabled(this.theme)]: checked && disabled,\n        [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n        [styles.narrow()]: narrow,\n        [styles.noPadding()]: _noPadding,\n        [styles.noRightPadding()]: _noRightPadding,\n      });\n    }\n\n    const rootProps = {\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,\n      role,\n      'aria-describedby': ariaDescribedby,\n      'aria-haspopup': ariaHasPopup,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      'aria-checked': ariaChecked,\n      'aria-expanded': ariaExpanded,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      disabled: disabled || loading,\n      onClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onKeyDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onMouseDown,\n      onMouseUp,\n      onClickCapture,\n      tabIndex: disableFocus ? -1 : 0,\n      title: this.props.title,\n    };\n\n    const wrapProps = {\n      className: cx({\n        [styles.wrap(this.theme)]: true,\n        [wrapClassNameWithArrow]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n    let outlineNode = null;\n    const isDisabled2022 = _isTheme2022 && (disabled || loading);\n    if ((!isFocused || isLink) && !isDisabled2022) {\n      outlineNode = (\n        <div\n          style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\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 iconNode = icon && (\n      <ButtonIcon\n        icon={icon}\n        size={size}\n        hasChildren={Boolean(children)}\n        disabled={disabled || false}\n        loading={loading || false}\n        use={use}\n      />\n    );\n    let loadingNode = null;\n    if (loading && !icon) {\n      const loadingIcon = _isTheme2022 ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />;\n      loadingNode = <div className={styles.loading()}>{loadingIcon}</div>;\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 || (isSafari && !_isTheme2022),\n        [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: disabled || loading,\n      });\n      Object.assign(wrapProps, {\n        className: cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n      rootProps.style.textAlign = undefined;\n    }\n\n    let captionNode = (\n      <div\n        className={cx(styles.caption(), globalClasses.caption, {\n          [styles.captionTranslated()]: (active || checked) && !loading && !_isTheme2022,\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {iconNode}\n        <span\n          className={cx(globalClasses.text, {\n            [styles.visibilityHidden()]: !!loadingNode,\n          })}\n        >\n          {children}\n        </span>\n      </div>\n    );\n    if (_isTheme2022 && isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          <Link focused={isFocused} disabled={disabled} icon={this.renderIcon2022(icon)} as=\"span\" tabIndex={-1}>\n            {children}\n          </Link>\n        </ThemeContext.Provider>\n      );\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span {...wrapProps}>\n          <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n            {innerShadowNode}\n            {outlineNode}\n            {arrowNode}\n            {captionNode}\n          </button>\n        </span>\n      </CommonWrapper>\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.getProps().size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    const _isTheme2022 = isTheme2022(this.theme);\n    switch (this.getProps().size) {\n      case 'large':\n        return cx(styles.sizeLarge(this.theme), {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n        });\n      case 'medium':\n        return cx(styles.sizeMedium(this.theme), {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n        });\n      case 'small':\n      default:\n        return cx(styles.sizeSmall(this.theme), {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n        });\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.getProps().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<HTMLButtonElement>) => {\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      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<HTMLButtonElement>) => {\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: HTMLButtonElement | null) => {\n    this.node = node;\n  };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}