@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/components/Button/Button/Button.js

@@ -3,11 +3,11 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _class, _Button;
 var _excluded = ["children"],
-  _excluded2 = ["corners", "active", "disabled", "borderless", "checked", "error", "warning", "loading", "narrow", "arrow", "icon", "rightIcon", "_noPadding", "_noRightPadding", "visuallyFocused", "align", "disableFocus", "width", "tabIndex", "component", "use", "size", "theme"];
+  _excluded2 = ["corners", "active", "disabled", "borderless", "checked", "error", "warning", "loading", "narrow", "arrow", "icon", "rightIcon", "_noPadding", "_noRightPadding", "visuallyFocused", "align", "disableFocus", "width", "tabIndex", "component", "use", "theme"];
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
-import { isKonturIcon, isReactUIComponent } from "../../../lib/utils";
-import { isIE11, isEdge, isSafari } from "../../../lib/client";
+import { isKonturIcon } from "../../../lib/utils";
+import { isSafari } from "../../../lib/client";
 import { keyListener } from "../../../lib/events/keyListener";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
@@ -16,6 +16,7 @@ import { rootNode } from "../../../lib/rootNode";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { Link } from "../../Link";
+import { withSize } from "../../../lib/size/SizeDecorator";
 import { styles, activeStyles, globalClasses } from "../Button.styles";
 import { ButtonIcon, getButtonIconSizes } from "../ButtonIcon";
 import { useButtonArrow } from "../ButtonArrow";
@@ -32,7 +33,9 @@ var SpanComponent = function SpanComponent(_ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("span", rest, children);
 };
-export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$Component) {
+
+/** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */
+export var Button = withSize(_class = rootNode(_class = (_Button = /*#__PURE__*/function (_React$Component) {
   function Button() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -67,36 +70,34 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
         tabIndex = props.tabIndex,
         _component = props.component,
         useProp = props.use,
-        sizeProp = props.size,
         theme = props.theme,
         rest = _objectWithoutPropertiesLoose(props, _excluded2);
       var _this$getProps = _this.getProps(),
         use = _this$getProps.use,
-        size = _this$getProps.size,
         component = _this$getProps.component,
         children = _this$getProps.children;
       var sizeClass = _this.getSizeClassName();
       var isFocused = _this.state.focusedByTab || visuallyFocused;
       var isLink = use === 'link';
       var _useButtonArrow = useButtonArrow(_extends({}, _this.props, {
-          isFocused: Boolean(isFocused)
+          isFocused: Boolean(isFocused),
+          size: _this.size
         }), _this.theme),
         rootClassNameWithArrow = _useButtonArrow[0],
         arrowNode = _useButtonArrow[1];
       var isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);
-      var trueDisabled = disabled || loading;
-      var rootClassName = cx.apply(void 0, [styles.root(_this.theme), styles[use](_this.theme), sizeClass, narrow && styles.narrow(), _noPadding && styles.noPadding(), _noRightPadding && styles.noRightPadding(), rootClassNameWithArrow].concat(trueDisabled ? [styles.disabled(_this.theme), isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(_this.theme), checked && styles.checkedDisabled(_this.theme), borderless && styles.borderless(), use === 'backless' && styles.backlessDisabled(_this.theme), use === 'text' && styles.textDisabled(), globalClasses.disabled] : [active && !checked && activeStyles[use](_this.theme), isFocused && styles.focus(_this.theme), checked && styles.checked(_this.theme), checked && isFocused && styles.checkedFocused(_this.theme), borderless && !checked && !isFocused && styles.borderless()]));
+      var nonInteractive = disabled || loading;
+      var rootClassName = cx.apply(void 0, [styles.root(_this.theme), styles[use](_this.theme), sizeClass, narrow && styles.narrow(), _noPadding && styles.noPadding(), _noRightPadding && styles.noRightPadding(), rootClassNameWithArrow].concat(nonInteractive ? [styles.disabled(_this.theme), isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(_this.theme), checked && styles.checkedDisabled(_this.theme), borderless && styles.borderless(), use === 'backless' && styles.backlessDisabled(_this.theme), use === 'text' && styles.textDisabled(), globalClasses.disabled] : [active && !checked && activeStyles[use](_this.theme), isFocused && styles.focus(_this.theme), checked && styles.checked(_this.theme), checked && isFocused && styles.checkedFocused(_this.theme), borderless && !checked && !isFocused && styles.borderless()]));
       var rootProps = _extends({}, rest, {
         className: rootClassName,
         style: _extends({
           textAlign: align
         }, corners),
-        disabled: trueDisabled,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
         tabIndex: _this.getTabIndex({
           disableFocus: disableFocus,
-          disabled: trueDisabled,
+          disabled: nonInteractive,
           tabIndex: tabIndex
         })
       });
@@ -106,9 +107,12 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
           width: width
         }
       };
+      var buttonOnlyProps = component === 'button' ? {
+        disabled: nonInteractive
+      } : {};
       var innerShadowNode = null;
       var outlineNode = null;
-      if ((!isFocused || isLink) && !trueDisabled) {
+      if ((!isFocused || isLink) && !nonInteractive) {
         var _cx2;
         outlineNode = /*#__PURE__*/
         React.createElement("div", {
@@ -117,7 +121,7 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
       }
       var iconProps = {
         use: use,
-        size: _this.getProps().size,
+        size: _this.size,
         hasChildren: !!children,
         loading: loading || false
       };
@@ -135,7 +139,7 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
       // Force disable all props and features, that cannot be use with Link
       if (isLink) {
         var _cx3;
-        rootProps.className = cx((_cx3 = {}, _cx3[styles.root(_this.theme)] = true, _cx3[sizeClass] = true, _cx3[styles.link(_this.theme)] = true, _cx3[styles.linkLineHeight()] = !isSafari, _cx3[styles.linkLineHeightSafariFallback()] = isSafari, _cx3[styles.linkFocus(_this.theme)] = isFocused, _cx3[styles.linkDisabled(_this.theme)] = trueDisabled, _cx3));
+        rootProps.className = cx((_cx3 = {}, _cx3[styles.root(_this.theme)] = true, _cx3[sizeClass] = true, _cx3[styles.link(_this.theme)] = true, _cx3[styles.linkLineHeight()] = !isSafari, _cx3[styles.linkLineHeightSafariFallback()] = isSafari, _cx3[styles.linkFocus(_this.theme)] = isFocused, _cx3[styles.linkDisabled(_this.theme)] = nonInteractive, _cx3));
         Object.assign(wrapProps, {
           className: cx(styles.wrap(_this.theme), styles.wrapLink()),
           style: {
@@ -146,7 +150,7 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
       }
       var hasLoadingNode = loading && !icon && !rightIcon;
       var loadingNode = hasLoadingNode && /*#__PURE__*/React.createElement(LoadingButtonIcon, {
-        size: size
+        size: _this.size
       });
       var captionNode = /*#__PURE__*/
       React.createElement("div", {
@@ -178,7 +182,7 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
         React.createElement(Root, _extends({
           "data-tid": ButtonDataTids.rootElement,
           ref: _this._ref
-        }, rootProps), innerShadowNode, outlineNode, arrowNode, captionNode))
+        }, rootProps, buttonOnlyProps), innerShadowNode, outlineNode, arrowNode, captionNode))
       );
     };
     _this.handleFocus = function (e) {
@@ -226,13 +230,13 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
       };
     }
     return null;
-  } /**
+  } /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
     * @public
     */;
   _proto.focus = function focus() {
     var _this$node;
     (_this$node = this.node) == null || _this$node.focus();
-  } /**
+  } /** Программно снимает фокус с кнопки.
     * @public
     */;
   _proto.blur = function blur() {
@@ -263,25 +267,40 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
       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]
+        size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.size]
       });
     }
     return icon;
   };
   _proto.getSizeClassName = function getSizeClassName() {
-    var _cx6, _cx7, _cx8;
-    switch (this.getProps().size) {
+    var _this$getProps2 = this.getProps(),
+      icon = _this$getProps2.icon,
+      rightIcon = _this$getProps2.rightIcon,
+      children = _this$getProps2.children;
+    switch (this.size) {
       case 'large':
-        return cx(styles.sizeLarge(this.theme), (_cx6 = {}, _cx6[styles.sizeLargeIE11(this.theme)] = isIE11 || isEdge, _cx6[styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _cx6[styles.sizeLargeWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx6));
+        {
+          var _commonClasses;
+          var commonClasses = (_commonClasses = {}, _commonClasses[styles.sizeLargeWithIcon(this.theme)] = !!icon, _commonClasses[styles.sizeLargeWithRightIcon(this.theme)] = !!rightIcon, _commonClasses[styles.sizeLargeWithIconWithoutText(this.theme)] = (!!icon || !!rightIcon) && !children, _commonClasses);
+          return cx(styles.sizeLarge(this.theme), commonClasses);
+        }
       case 'medium':
-        return cx(styles.sizeMedium(this.theme), (_cx7 = {}, _cx7[styles.sizeMediumIE11(this.theme)] = isIE11 || isEdge, _cx7[styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _cx7[styles.sizeMediumWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx7));
+        {
+          var _commonClasses3;
+          var _commonClasses2 = (_commonClasses3 = {}, _commonClasses3[styles.sizeMediumWithIcon(this.theme)] = !!icon, _commonClasses3[styles.sizeMediumWithRightIcon(this.theme)] = !!rightIcon, _commonClasses3[styles.sizeMediumWithIconWithoutText(this.theme)] = (!!icon || !!rightIcon) && !children, _commonClasses3);
+          return cx(styles.sizeMedium(this.theme), _commonClasses2);
+        }
       case 'small':
       default:
-        return cx(styles.sizeSmall(this.theme), (_cx8 = {}, _cx8[styles.sizeSmallIE11(this.theme)] = isIE11 || isEdge, _cx8[styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _cx8[styles.sizeSmallWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx8));
+        {
+          var _commonClasses5;
+          var _commonClasses4 = (_commonClasses5 = {}, _commonClasses5[styles.sizeSmallWithIcon(this.theme)] = !!icon, _commonClasses5[styles.sizeSmallWithRightIcon(this.theme)] = !!rightIcon, _commonClasses5[styles.sizeSmallWithIconWithoutText(this.theme)] = (!!icon || !!rightIcon) && !children, _commonClasses5);
+          return cx(styles.sizeSmall(this.theme), _commonClasses4);
+        }
     }
   };
   _proto.getSizeWrapClassName = function getSizeWrapClassName() {
-    switch (this.getProps().size) {
+    switch (this.size) {
       case 'large':
         return styles.wrapLarge(this.theme);
       case 'medium':
@@ -294,11 +313,9 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
   return Button;
 }(React.Component), _Button.__KONTUR_REACT_UI__ = 'Button', _Button.displayName = 'Button', _Button.__BUTTON__ = true, _Button.defaultProps = {
   use: 'default',
-  size: 'small',
-  // By default the type attribute is 'submit'. IE8 will fire a click event
+  // 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',
   component: BUTTON_DEFAULT_COMPONENT
-}, _Button)) || _class;
-export var isButton = isReactUIComponent('Button');
+}, _Button)) || _class) || _class;

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

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

package/components/Button/Button.d.ts

@@ -1,110 +1,122 @@
-import React from 'react';
-import { ButtonLinkAllowedValues } from '../../lib/types/button-link';
-import { ThemeIn } from '../../lib/theming/Theme';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-import { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
-export type ButtonType = 'button' | 'submit' | 'reset';
-export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
-export interface ButtonInnerProps extends CommonProps {
-    /** @ignore */
-    _noPadding?: boolean;
-    /** @ignore */
-    _noRightPadding?: boolean;
-    /** Применяет к кнопке стили псевдокласса `:active`. */
-    active?: boolean;
-    /** Задаёт выравнивание тексту в кнопке. */
-    align?: React.CSSProperties['textAlign'];
-    /** Превращает обычную кнопку в кнопку со стрелкой. */
-    arrow?: boolean | 'left';
-    /** Устанавливает фокус на контроле после окончания загрузки страницы.*/
-    autoFocus?: boolean;
-    /** Убирает обводку у кнопки. */
-    borderless?: boolean;
-    /** @ignore */
-    checked?: boolean;
-    /** @ignore */
-    children?: React.ReactNode;
-    /** @ignore */
-    corners?: React.CSSProperties;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** @ignore */
-    disableFocus?: boolean;
-    /** Переводит контрол в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Добавляет иконку слева от текста кнопки. */
-    icon?: React.ReactElement;
-    /** Добавляет иконку справа от текста кнопки. */
-    rightIcon?: React.ReactElement;
-    /** Переводит кнопку в состояние загрузки. */
-    loading?: boolean;
-    /** Сужает кнопку. */
-    narrow?: boolean;
-    /** Задаёт размер кнопки. */
-    size?: SizeProp;
-    /** Задаёт HTML-атрибут `type`. */
-    type?: ButtonType;
-    /** Задаёт HTML-атрибут `title`. */
-    title?: string;
-    /** Задаёт стиль кнопки.
-     * **Вариант `link` устарел.**
-     * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.
-     */
-    use?: ButtonUse;
-    /** @ignore */
-    visuallyFocused?: boolean;
-    /** Переводит контрол в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Задаёт ширину кнопки. */
-    width?: number | string;
-    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
-    theme?: ThemeIn;
-}
-export declare const BUTTON_DEFAULT_COMPONENT = "button";
-export type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<ButtonInnerProps, C>;
-export interface ButtonState {
-    focusedByTab: boolean;
-}
-export declare const ButtonDataTids: {
-    readonly rootElement: "Button__rootElement";
-    readonly root: "Button__root";
-    readonly spinner: "Button__spinner";
-};
-type DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'size' | 'type' | 'component'>>;
-export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<ButtonProps<C>, ButtonState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static __BUTTON__: boolean;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: {
-        focusedByTab: boolean;
-    };
-    private theme;
-    private node;
-    private setRootNode;
-    componentDidMount(): void;
-    static getDerivedStateFromProps(props: ButtonProps): {
-        focusedByTab: boolean;
-    } | null;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    render(): JSX.Element;
-    private getTabIndex;
-    private renderMain;
-    private renderIcon2022;
-    private getSizeClassName;
-    private getSizeWrapClassName;
-    private handleFocus;
-    private handleBlur;
-    private _ref;
-}
-export declare const isButton: (child: React.ReactNode) => child is React.ReactElement<ButtonProps<"button">, string | React.JSXElementConstructor<any>>;
-export {};
+import React from 'react';
+import type { ButtonLinkAllowedValues } from '../../lib/types/button-link';
+import type { ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+import type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
+export interface ButtonInnerProps extends CommonProps {
+    /** @ignore */
+    _noPadding?: boolean;
+    /** @ignore */
+    _noRightPadding?: boolean;
+    /** Применяет к кнопке стили псевдокласса `:active`. */
+    active?: boolean;
+    /** Задаёт выравнивание текста в кнопке. */
+    align?: React.CSSProperties['textAlign'];
+    /** Преобразует обычную кнопку в кнопку со стрелкой. */
+    arrow?: boolean | 'left';
+    /** Устанавливает фокус на кнопке после окончания загрузки страницы.*/
+    autoFocus?: boolean;
+    /** Убирает обводку у кнопки.
+     *
+     * **Не рекомендуем использовать, противоречит дизайн-требованиям.**
+     */
+    borderless?: boolean;
+    /** @ignore */
+    checked?: boolean;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** @ignore */
+    corners?: React.CSSProperties;
+    /** Блокирует кнопку и перекрашивает в серый. */
+    disabled?: boolean;
+    /** @ignore */
+    disableFocus?: boolean;
+    /** Переводит кнопку в состояние валидации "Ошибка".
+     *
+     * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */
+    error?: boolean;
+    /** Добавляет иконку слева от текста кнопки. */
+    icon?: React.ReactElement;
+    /** Добавляет иконку справа от текста кнопки. */
+    rightIcon?: React.ReactElement;
+    /** Переводит кнопку в состояние загрузки. */
+    loading?: boolean;
+    /** Сужает кнопку.
+     *
+     * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */
+    narrow?: boolean;
+    /** Задаёт размер кнопки. */
+    size?: SizeProp;
+    /** Задаёт HTML-атрибут `type`. */
+    type?: ButtonType;
+    /** Задаёт HTML-атрибут `title`. */
+    title?: string;
+    /** Задаёт стиль кнопки.
+     * **Вариант `link` устарел.** Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.
+     */
+    use?: ButtonUse;
+    /** @ignore */
+    visuallyFocused?: boolean;
+    /** Переводит кнопку в состояние валидации "Предупреждение".
+     *
+     * **Не рекомендуем использовать, противоречит дизайн-требованиям.**
+     */
+    warning?: boolean;
+    /** Задаёт ширину кнопки. */
+    width?: number | string;
+    /** Задаёт объект с переменными темы. */
+    theme?: ThemeIn;
+}
+export declare const BUTTON_DEFAULT_COMPONENT = "button";
+export type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<ButtonInnerProps, C>;
+export interface ButtonState {
+    focusedByTab: boolean;
+}
+export declare const ButtonDataTids: {
+    readonly rootElement: "Button__rootElement";
+    readonly root: "Button__root";
+    readonly spinner: "Button__spinner";
+};
+type DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'type' | 'component'>>;
+/** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */
+export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<ButtonProps<C>, ButtonState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static __BUTTON__: boolean;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: {
+        focusedByTab: boolean;
+    };
+    private theme;
+    private node;
+    private size;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    componentDidMount(): void;
+    static getDerivedStateFromProps(props: ButtonProps): {
+        focusedByTab: boolean;
+    } | null;
+    /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+     * @public
+     */
+    focus(): void;
+    /** Программно снимает фокус с кнопки.
+     * @public
+     */
+    blur(): void;
+    render(): JSX.Element;
+    private getTabIndex;
+    private renderMain;
+    private renderIcon2022;
+    private getSizeClassName;
+    private getSizeWrapClassName;
+    private handleFocus;
+    private handleBlur;
+    private _ref;
+}
+export {};