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

package/components/Autocomplete/Autocomplete.styles/Autocomplete.styles.js

@@ -1,10 +1,13 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root(t) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputWidth);
+  },
+  noPortal: function noPortal() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
   }
 });

package/components/Autocomplete/Autocomplete.styles/Autocomplete.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Autocomplete.styles.ts"],"names":["css","memoizeStyle","styles","root","t","inputWidth"],"mappings":"oHAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;;AAEWI,IAAAA,CAAC,CAACC,UAFb;;AAID,GANgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      width: ${t.inputWidth};\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Autocomplete.styles.ts"],"names":["css","memoizeStyle","styles","root","t","inputWidth","noPortal"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;;AAEWI,IAAAA,CAAC,CAACC,UAFb;;AAID,GANgC;AAOjCC,EAAAA,QAPiC,sBAOtB;AACT,WAAON,GAAP;;;AAGD,GAXgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      width: ${t.inputWidth};\n    `;\n  },\n  noPortal() {\n    return css`\n      position: relative;\n    `;\n  },\n});\n"]}

package/components/Autocomplete/Autocomplete.styles.d.ts

@@ -1,4 +1,5 @@
 import { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
+    noPortal(): string;
 };

package/components/Button/Button/Button.js

@@ -1,9 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["onClick", "onFocus", "onBlur", "children"],
+    _excluded2 = ["corners", "active", "disabled", "borderless", "checked", "error", "warning", "loading", "narrow", "icon", "rightIcon", "_noPadding", "_noRightPadding", "visuallyFocused", "align", "disableFocus", "onMouseEnter", "onMouseLeave", "onMouseOver", "onMouseDown", "onMouseUp", "onKeyDown", "onClick", "onClickCapture", "width", "children", "tabIndex", "component", "className", "data-tid", "use", "size", "aria-describedby", "aria-haspopup", "aria-controls", "aria-label", "aria-checked", "aria-expanded", "role"];
 
 var _class, _class2, _temp;
 
 import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
+import warning from 'warning';
 import { isKonturIcon, isReactUIComponent } from "../../../lib/utils";
 import { isIE11, isEdge, isSafari } from "../../../lib/client";
 import { keyListener } from "../../../lib/events/keyListener";
@@ -15,16 +20,40 @@ 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 { globalThat } from "../../../lib/SSRSafe";
 import { styles, activeStyles, globalClasses } from "../Button.styles";
 import { ButtonIcon, getButtonIconSizes } from "../ButtonIcon";
 import { useButtonArrow } from "../ButtonArrow";
 import { getInnerLinkTheme } from "../getInnerLinkTheme";
+import { LoadingButtonIcon } from "../LoadingButtonIcon";
+/**
+ * @deprecated use SizeProp
+ */
+
+export var BUTTON_DEFAULT_ELEMENT = 'button';
 export var ButtonDataTids = {
-  root: 'Button__root'
+  rootElement: 'Button__rootElement',
+  root: 'Button__root',
+  spinner: 'Button__spinner'
+};
+
+var ButtonLink = function ButtonLink(_ref) {
+  var focused = _ref.focused,
+      disabled = _ref.disabled,
+      icon = _ref.icon,
+      rightIcon = _ref.rightIcon,
+      as = _ref.as,
+      tabIndex = _ref.tabIndex,
+      children = _ref.children;
+  return /*#__PURE__*/React.createElement(Link, {
+    focused: focused,
+    disabled: disabled,
+    icon: icon,
+    rightIcon: rightIcon,
+    as: as,
+    tabIndex: tabIndex
+  }, children);
 };
+
 export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Button, _React$Component);
 
@@ -46,7 +75,7 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       if (!_this.props.disabled && !_this.props.disableFocus) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        globalThat.requestAnimationFrame(function () {
+        globalObject.requestAnimationFrame == null ? void 0 : globalObject.requestAnimationFrame(function () {
           if (keyListener.isTabPressed) {
             _this.setState({
               focusedByTab: true
@@ -81,6 +110,8 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       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) {
@@ -122,6 +153,29 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
     });
   };
 
+  _proto.renderLinkRootWithoutHandlers = function renderLinkRootWithoutHandlers(props) {
+    var onClick = props.onClick,
+        onFocus = props.onFocus,
+        onBlur = props.onBlur,
+        children = props.children,
+        rest = _objectWithoutPropertiesLoose(props, _excluded);
+
+    return /*#__PURE__*/React.createElement("span", rest, children);
+  };
+
+  _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;
+    }
+
+    return tabIndex;
+  };
+
   _proto.renderMain = function renderMain() {
     var _cx2, _cx5, _cx6;
 
@@ -136,6 +190,7 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
         loading = _this$props.loading,
         narrow = _this$props.narrow,
         icon = _this$props.icon,
+        rightIcon = _this$props.rightIcon,
         _noPadding = _this$props._noPadding,
         _noRightPadding = _this$props._noRightPadding,
         visuallyFocused = _this$props.visuallyFocused,
@@ -144,24 +199,35 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
         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,
+        tabIndex = _this$props.tabIndex,
+        _this$props$component = _this$props.component,
+        component = _this$props$component === void 0 ? BUTTON_DEFAULT_ELEMENT : _this$props$component,
+        className = _this$props.className,
+        dataTid = _this$props['data-tid'],
+        useProp = _this$props.use,
+        sizeProp = _this$props.size,
         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;
+        role = _this$props.role,
+        rest = _objectWithoutPropertiesLoose(_this$props, _excluded2);
 
     var _this$getProps = this.getProps(),
         use = _this$getProps.use,
-        type = _this$getProps.type,
         size = _this$getProps.size;
 
     var sizeClass = this.getSizeClassName();
+    var Root = component;
     var isFocused = this.state.focusedByTab || visuallyFocused;
     var isLink = use === 'link';
 
@@ -175,22 +241,19 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
         rootClassNameWithArrow = _useButtonArrow[1],
         arrowNode = _useButtonArrow[2];
 
+    var isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);
     var rootClassName = '';
+    var trueDisabled = disabled || loading;
 
     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), 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()]));
+      rootClassName = cx.apply(void 0, [styles.root(this.theme), styles[use](this.theme), sizeClass, styles.disableTextSelect(), narrow && styles.narrow(), _noPadding && styles.noPadding(), _noRightPadding && styles.noRightPadding(), rootClassNameWithArrow, globalClasses.customComponent].concat(trueDisabled ? [styles.disabled(this.theme), isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme), checked && styles.checkedDisabled(this.theme), checked && styles.checkedDisabled2022(this.theme), borderless && styles.borderless2022(), use === 'backless' && !checked && styles.backlessDisabled2022(this.theme), use === 'text' && styles.textDisabled2022(), globalClasses.disabled] : [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));
+      rootClassName = cx((_cx = {}, _cx[styles.root(this.theme)] = true, _cx[styles.simulatedPress()] = true, _cx[styles[use](this.theme)] = true, _cx[styles.disableTextSelect()] = true, _cx[activeStyles[use](this.theme)] = active, _cx[sizeClass] = true, _cx[globalClasses.customComponent] = 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)] = trueDisabled, _cx[globalClasses.disabled] = trueDisabled, _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: type,
       role: role,
       'aria-describedby': ariaDescribedby,
       'aria-haspopup': ariaHasPopup,
@@ -202,7 +265,7 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       style: _extends({
         textAlign: align
       }, corners),
-      disabled: disabled || loading,
+      disabled: trueDisabled,
       onClick: onClick,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,
@@ -210,11 +273,18 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       onMouseOver: onMouseOver,
-      tabIndex: disableFocus ? -1 : 0,
+      onMouseDown: onMouseDown,
+      onMouseUp: onMouseUp,
+      onClickCapture: onClickCapture,
+      tabIndex: this.getTabIndex({
+        disableFocus: disableFocus,
+        disabled: trueDisabled,
+        tabIndex: tabIndex
+      }),
       title: this.props.title
     };
     var wrapProps = {
-      className: cx((_cx2 = {}, _cx2[styles.wrap(this.theme)] = true, _cx2[wrapClassNameWithArrow] = true, _cx2[this.getSizeWrapClassName()] = true, _cx2)),
+      className: cx(globalClasses.root, (_cx2 = {}, _cx2[styles.wrap(this.theme)] = true, _cx2[wrapClassNameWithArrow] = true, _cx2[this.getSizeWrapClassName()] = true, _cx2)),
       style: {
         width: width
       }
@@ -223,7 +293,7 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       className: globalClasses.innerShadow
     });
     var outlineNode = null;
-    var isDisabled2022 = _isTheme2022 && (disabled || loading);
+    var isDisabled2022 = _isTheme2022 && trueDisabled;
 
     if ((!isFocused || isLink) && !isDisabled2022) {
       var _cx3;
@@ -236,34 +306,26 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       });
     }
 
-    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
-
+    var iconProps = {
+      use: use,
+      size: this.getProps().size,
+      hasChildren: !!children,
+      loading: loading || false
+    };
+    var leftIconNode = icon && /*#__PURE__*/React.createElement(ButtonIcon, _extends({}, iconProps, {
+      position: "left",
+      icon: icon
+    }));
+    var rightIconNode = rightIcon && /*#__PURE__*/React.createElement(ButtonIcon, _extends({}, iconProps, {
+      hasBothIcons: !!icon && !!rightIcon,
+      position: "right",
+      icon: rightIcon
+    })); // Force disable all props and features, that cannot be use with Link
 
     if (isLink) {
       var _cx4;
 
-      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));
+      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)] = trueDisabled, _cx4));
       Object.assign(wrapProps, {
         className: cx(styles.wrap(this.theme), styles.wrapLink()),
         style: {
@@ -273,30 +335,37 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       rootProps.style.textAlign = undefined;
     }
 
+    var hasLoadingNode = loading && !icon && !rightIcon;
+    var loadingNode = hasLoadingNode && /*#__PURE__*/React.createElement(LoadingButtonIcon, {
+      size: size
+    });
     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));
+    }, loadingNode, leftIconNode, /*#__PURE__*/React.createElement("span", {
+      className: cx(globalClasses.text, (_cx6 = {}, _cx6[styles.visibilityHidden()] = hasLoadingNode, _cx6))
+    }, children), rightIconNode);
 
     if (_isTheme2022 && isLink && !loading) {
       captionNode = /*#__PURE__*/React.createElement(ThemeContext.Provider, {
         value: getInnerLinkTheme(this.theme)
-      }, /*#__PURE__*/React.createElement(Link, {
+      }, /*#__PURE__*/React.createElement(ButtonLink, {
         focused: isFocused,
         disabled: disabled,
         icon: this.renderIcon2022(icon),
-        as: "span",
+        rightIcon: this.renderIcon2022(rightIcon),
+        as: this.renderLinkRootWithoutHandlers,
         tabIndex: -1
       }, children));
     }
 
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
-    }, this.props), /*#__PURE__*/React.createElement("span", wrapProps, /*#__PURE__*/React.createElement("button", _extends({
+    }, this.props), /*#__PURE__*/React.createElement("span", _extends({}, wrapProps, {
+      "data-tid": ButtonDataTids.rootElement
+    }), /*#__PURE__*/React.createElement(Root, _extends({
       "data-tid": ButtonDataTids.root,
       ref: this._ref
-    }, rootProps), innerShadowNode, outlineNode, arrowNode, captionNode)));
+    }, rootProps, rest), innerShadowNode, outlineNode, arrowNode, captionNode)));
   };
 
   _proto.renderIcon2022 = function renderIcon2022(icon) {
@@ -345,9 +414,12 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
   };
 
   return Button;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Button', _class2.__BUTTON__ = true, _class2.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Button', _class2.displayName = 'Button', _class2.__BUTTON__ = true, _class2.defaultProps = {
   use: 'default',
   size: 'small',
+  // 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: 'button'
 }, _temp)) || _class;
 export var isButton = isReactUIComponent('Button');

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

@@ -1 +1 @@
-{"version":3,"sources":["Button.tsx"],"names":["React","isKonturIcon","isReactUIComponent","isIE11","isEdge","isSafari","keyListener","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","isTheme2022","Link","Spinner","LoadingIcon","globalThat","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","onKeyDown","onClick","width","children","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","rootClassName","trueDisabled","noPadding","noRightPadding","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 { 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';\nimport { globalThat } from '../../lib/SSRSafe';\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  /** @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      onKeyDown,\n      onClick,\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\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              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      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      globalThat.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"]}
+{"version":3,"sources":["Button.tsx"],"names":["React","globalObject","warning","isKonturIcon","isReactUIComponent","isIE11","isEdge","isSafari","keyListener","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","isTheme2022","Link","styles","activeStyles","globalClasses","ButtonIcon","getButtonIconSizes","useButtonArrow","getInnerLinkTheme","LoadingButtonIcon","BUTTON_DEFAULT_ELEMENT","ButtonDataTids","rootElement","root","spinner","ButtonLink","focused","disabled","icon","rightIcon","as","tabIndex","children","Button","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","use","getDerivedStateFromProps","loading","blur","render","theme","create","renderMain","renderLinkRootWithoutHandlers","onClick","rest","getTabIndex","corners","active","borderless","checked","error","narrow","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onMouseDown","onMouseUp","onKeyDown","onClickCapture","width","component","className","dataTid","useProp","sizeProp","size","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","sizeClass","getSizeClassName","Root","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","rootClassName","trueDisabled","disableTextSelect","noPadding","noRightPadding","customComponent","disabledWithoutOutline","checkedDisabled","checkedDisabled2022","borderless2022","backlessDisabled2022","textDisabled2022","checked2022","checkedFocused","simulatedPress","rootProps","style","textAlign","title","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","rightIconNode","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","hasLoadingNode","loadingNode","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__","displayName","__BUTTON__","type","isButton"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport warning from 'warning';\n\nimport { ButtonLinkAllowedValues } from '../../typings/button-link';\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, LinkProps } from '../Link';\nimport { SizeProp } from '../../lib/types/props';\nimport { PolymorphicPropsWithoutRef } from '../../typings/react-ref';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, ButtonIconProps, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\n/**\n * @deprecated use SizeProp\n */\nexport type ButtonSize = SizeProp;\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\ninterface ButtonInnerProps extends CommonProps {\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;\n\n  /**\n   * Иконка справа от текста кнопки.\n   */\n  rightIcon?: React.ReactElement;\n\n  /**\n   * Переводит кнопку в состояние загрузки.\n   */\n  loading?: boolean;\n\n  /**\n   * Сужает кнопку.\n   */\n  narrow?: boolean;\n\n  /**\n   * Задаёт размер кнопки.\n   *\n   * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n   */\n  size?: SizeProp;\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   * **Вариант `link` устарел.**\n   * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.\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 const BUTTON_DEFAULT_ELEMENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_ELEMENT> = PolymorphicPropsWithoutRef<\n  ButtonInnerProps,\n  C\n>;\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, 'use' | 'size' | 'type'>>;\n\nconst ButtonLink = ({ focused, disabled, icon, rightIcon, as, tabIndex, children }: LinkProps) => (\n  <Link focused={focused} disabled={disabled} icon={icon} rightIcon={rightIcon} as={as} tabIndex={tabIndex}>\n    {children}\n  </Link>\n);\n\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_ELEMENT> 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    size: 'small',\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  };\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 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 this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderLinkRootWithoutHandlers(props: LinkProps) {\n    const { onClick, onFocus, onBlur, children, ...rest } = props;\n    return <span {...rest}>{children}</span>;\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() {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      icon,\n      rightIcon,\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      tabIndex,\n      component = BUTTON_DEFAULT_ELEMENT,\n      className, //exclude from rest to prevent class override\n      'data-tid': dataTid, //exclude from rest to prevent data-tid override on root\n      use: useProp,\n      size: sizeProp,\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      ...rest\n    } = this.props;\n    const { use, size } = this.getProps();\n\n    const sizeClass = this.getSizeClassName();\n\n    const Root = component;\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    const trueDisabled = disabled || loading;\n    if (_isTheme2022) {\n      rootClassName = cx(\n        styles.root(this.theme),\n        styles[use](this.theme),\n        sizeClass,\n        styles.disableTextSelect(),\n        narrow && styles.narrow(),\n        _noPadding && styles.noPadding(),\n        _noRightPadding && styles.noRightPadding(),\n        rootClassNameWithArrow,\n        globalClasses.customComponent,\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              use === 'backless' && !checked && styles.backlessDisabled2022(this.theme),\n              use === 'text' && styles.textDisabled2022(),\n              globalClasses.disabled,\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        [styles.disableTextSelect()]: true,\n        [activeStyles[use](this.theme)]: active,\n        [sizeClass]: true,\n        [globalClasses.customComponent]: 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)]: trueDisabled,\n        [globalClasses.disabled]: trueDisabled,\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      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: trueDisabled,\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: this.getTabIndex({ disableFocus, disabled: trueDisabled, tabIndex }),\n      title: this.props.title,\n    };\n\n    const wrapProps = {\n      className: cx(globalClasses.root, {\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 && trueDisabled;\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 iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.getProps().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 || (isSafari && !_isTheme2022),\n        [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: trueDisabled,\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={size} />;\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        {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 (_isTheme2022 && isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          {\n            <ButtonLink\n              focused={isFocused}\n              disabled={disabled}\n              icon={this.renderIcon2022(icon)}\n              rightIcon={this.renderIcon2022(rightIcon)}\n              as={this.renderLinkRootWithoutHandlers}\n              tabIndex={-1}\n            >\n              {children}\n            </ButtonLink>\n          }\n        </ThemeContext.Provider>\n      );\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span {...wrapProps} data-tid={ButtonDataTids.rootElement}>\n          <Root data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps} {...rest}>\n            {innerShadowNode}\n            {outlineNode}\n            {arrowNode}\n            {captionNode}\n          </Root>\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) => {\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\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}