@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3dbb8bef27

package/components/Autocomplete/__creevey__/Autocomplete.creevey.mts

@@ -0,0 +1,239 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+const commonTests = () => {
+  test('focus and type text', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElement = context.webdriver.findElement({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElement).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+};
+
+const mobileHintsTests = () => {
+  test('noInputValue', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .perform();
+    await delay(200);
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'noInputValue');
+  });
+
+  test('nothingWasFound', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .sendKeys('abc')
+      .perform();
+    await delay(200);
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'nothingWasFound');
+  });
+
+  test('updateValue', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .sendKeys('one')
+      .perform();
+    await delay(200);
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-comp-name~="MenuItem"]' }))
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .perform();
+    await delay(200);
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'updateValue');
+  });
+};
+
+const sizeTests = () => {
+  test('focus and type text small', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElements = await context.webdriver.findElements({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[0]).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+
+  test('focus and type text medium', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElements = await context.webdriver.findElements({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[1]).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+
+  test('focus and type text large', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElements = await context.webdriver.findElements({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[2]).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+};
+
+const menuPosTests = () => {
+  test('focus and type text menu top', async (context) => {
+    const screenshotElement = context.webdriver.findElement({ css: '#test-element' });
+    const autocompleteElements = await context.webdriver.findElements({ css: '[data-comp-name~="Autocomplete"]' });
+
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[0]).sendKeys('o').perform();
+    await delay(1000);
+
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+  test('focus and type text menu bottom', async (context) => {
+    const screenshotElement = context.webdriver.findElement({ css: '#test-element' });
+    const autocompleteElements = await context.webdriver.findElements({ css: '[data-comp-name~="Autocomplete"]' });
+
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[1]).sendKeys('o').perform();
+    await delay(1000);
+
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+};
+
+kind('Autocomplete', () => {
+  story('Simple', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('focused', async (context) => {
+      const autocompleteElement = context.webdriver.findElement({
+        css: '[data-comp-name~="Autocomplete"]',
+      });
+      await context.webdriver.actions({ bridge: true }).click(autocompleteElement).perform();
+      await delay(1000);
+      await context.matchImage(await autocompleteElement.takeScreenshot());
+    });
+
+    commonTests();
+  });
+
+  story('WithRenderItem', () => {
+    commonTests();
+  });
+
+  story('WithBigRenderItemWidth', () => {
+    commonTests();
+  });
+
+  story('WithFixedMenuSize', () => {
+    commonTests();
+  });
+
+  story('WithPercentageWidth', () => {
+    commonTests();
+  });
+
+  story('WithFixedWidth', () => {
+    commonTests();
+  });
+
+  story('WithZeroWidth', () => {
+    commonTests();
+  });
+
+  story('MobileHints', () => {
+    mobileHintsTests();
+  });
+
+  story('MobileHintsEN', () => {
+    mobileHintsTests();
+  });
+
+  story('MobileWithTitle', () => {
+    test('opened', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .perform();
+      await delay(200);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'opened');
+    });
+  });
+
+  story('WithManualPosition', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ },
+        flaky: {
+          in: ['firefox2022'],
+          tests: ['opened top with portal', 'opened bottom with portal'],
+        },
+      },
+    });
+
+    test('opened top with portal', async (context) => {
+      const screenshotElement = context.webdriver.findElement({
+        css: '#test-element',
+      });
+      const autocompleteElement = context.webdriver.findElement({
+        css: '[data-comp-name~="Autocomplete"]',
+      });
+      await context.webdriver.actions({ bridge: true }).click(autocompleteElement).sendKeys('o').perform();
+      await delay(1000);
+      await context.matchImage(await screenshotElement.takeScreenshot());
+    });
+
+    test('opened bottom with portal', async (context) => {
+      const screenshotElement = context.webdriver.findElement({
+        css: '#test-element',
+      });
+      const autocompleteElement = context.webdriver.findElement({
+        css: '[data-comp-name~="Autocomplete"]',
+      });
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="pos"]' }))
+        .click(autocompleteElement)
+        .sendKeys('o')
+        .perform();
+      await delay(1000);
+      await context.matchImage(await screenshotElement.takeScreenshot());
+    });
+  });
+
+  story('Size', () => {
+    sizeTests();
+  });
+
+  story('WithDisabledPortal', () => {
+    commonTests();
+    menuPosTests();
+  });
+
+  story('MenuPos', () => {
+    menuPosTests();
+  });
+});

package/components/Autocomplete/__docs__/Autocomplete.mdx

@@ -0,0 +1,26 @@
+import * as AutocompleteStories from './Autocomplete.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+import { Autocomplete } from '../Autocomplete';
+import { Button, Group, Gapped } from '@skbkontur/react-ui';
+
+<Meta of={AutocompleteStories} />
+
+# Autocomplete
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/Button/Button/Button.js

@@ -6,8 +6,7 @@ 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"];
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
-import warning from 'warning';
-import { isKonturIcon, isReactUIComponent } from "../../../lib/utils";
+import { isKonturIcon } from "../../../lib/utils";
 import { isIE11, isEdge, isSafari } from "../../../lib/client";
 import { keyListener } from "../../../lib/events/keyListener";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
@@ -79,8 +78,6 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
       var sizeClass = _this.getSizeClassName();
       var isFocused = _this.state.focusedByTab || visuallyFocused;
       var isLink = use === 'link';
-
-      // eslint-disable-next-line react-hooks/rules-of-hooks
       var _useButtonArrow = useButtonArrow(_extends({}, _this.props, {
           isFocused: Boolean(isFocused)
         }), _this.theme),
@@ -88,7 +85,7 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
         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, styles.disableTextSelect(), 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 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 rootProps = _extends({}, rest, {
         className: rootClassName,
         style: _extends({
@@ -115,9 +112,6 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
         var _cx2;
         outlineNode = /*#__PURE__*/
         React.createElement("div", {
-          style: {
-            zIndex: isLink ? -1 : undefined
-          },
           className: cx(styles.outline(), (_cx2 = {}, _cx2[styles.outlineWarning(_this.theme)] = warning, _cx2[styles.outlineError(_this.theme)] = error, _cx2[styles.outlineLink()] = isLink, _cx2[styles.outlineLinkWarning(_this.theme)] = isLink && warning, _cx2[styles.outlineLinkError(_this.theme)] = isLink && error, _cx2))
         });
       }
@@ -220,8 +214,10 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
     if (this.props.autoFocus) {
       keyListener.isTabPressed = true;
       this.focus();
-    }
-    warning(this.props.use !== 'link', "[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.");
+    } // warning(
+    //   this.props.use !== 'link',
+    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,
+    // );
   };
   Button.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
     if (props.loading || props.disabled) {
@@ -304,5 +300,4 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
   // 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;

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","warning","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","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","disableTextSelect","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","focus","checkedFocused","rootProps","className","style","textAlign","onFocus","handleFocus","onBlur","handleBlur","getTabIndex","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","outlineNode","_cx2","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","position","rightIconNode","hasBothIcons","_cx3","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","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';\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, 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 '../../typings/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  /**\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_COMPONENT: ButtonLinkAllowedValues = '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    // eslint-disable-next-line react-hooks/rules-of-hooks\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      styles.disableTextSelect(),\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          style={{ zIndex: 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,\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","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"],"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 } 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"],"mappings":"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","ignoreList":[]}

package/components/Button/Button.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { ButtonLinkAllowedValues } from '../../typings/button-link';
+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 '../../typings/polymorphic-component';
+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 {
@@ -11,99 +11,57 @@ export interface ButtonInnerProps extends CommonProps {
     _noPadding?: boolean;
     /** @ignore */
     _noRightPadding?: boolean;
-    /**
-     * Применяет к кнопке стили псевдокласса `:active`.
-     */
+    /** Применяет к кнопке стили псевдокласса `:active`. */
     active?: boolean;
-    /**
-     * CSS-свойство `text-align`.
-     */
+    /** Задаёт выравнивание тексту в кнопке. */
     align?: React.CSSProperties['textAlign'];
-    /**
-     * Превращает обычную кнопку в кнопку со стрелкой.
-     */
+    /** Превращает обычную кнопку в кнопку со стрелкой. */
     arrow?: boolean | 'left';
-    /**
-     * Даёт кнопке фокус после окончания загрузки страницы.
-     */
+    /** Устанавливает фокус на контроле после окончания загрузки страницы.*/
     autoFocus?: boolean;
-    /**
-     * Убирает обводку у кнопки.
-     */
+    /** Убирает обводку у кнопки. */
     borderless?: boolean;
-    /**
-     * @ignore
-     */
+    /** @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;
-    /**
-     * Задаёт размер кнопки.
-     *
-     * **Допустимые значения**: `"small"`, `"medium"`, `"large"`.
-     */
+    /** Задаёт размер кнопки. */
     size?: SizeProp;
-    /**
-     * HTML-атрибут `type`.
-     */
+    /** Задаёт HTML-атрибут `type`. */
     type?: ButtonType;
-    /**
-     * HTML-атрибут `title`.
-     */
+    /** Задаёт HTML-атрибут `title`. */
     title?: string;
-    /**
-     * Стиль кнопки.
-     *
-     * **Допустимые значения**: `"default"`, `"primary"`, `"success"`, `"danger"`, `"pay"`, `"link"`, `"text"`, `"backless"`.
-     *
+    /** Задаёт стиль кнопки.
      * **Вариант `link` устарел.**
      * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.
      */
     use?: ButtonUse;
     /** @ignore */
     visuallyFocused?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
+    /** Переводит контрол в состояние валидации "предупреждение". */
     warning?: boolean;
-    /**
-     * CSS-свойство `width`.
-     */
+    /** Задаёт ширину кнопки. */
     width?: number | string;
-    /**
-     * Обычный объект с переменными темы.
-     * Он будет объединён с темой из контекста.
-     */
+    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
     theme?: ThemeIn;
 }
-export declare const BUTTON_DEFAULT_COMPONENT: ButtonLinkAllowedValues;
+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;
@@ -148,5 +106,4 @@ export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DE
     private handleBlur;
     private _ref;
 }
-export declare const isButton: (child: React.ReactNode) => child is React.ReactElement<ButtonProps<"button">, string | React.JSXElementConstructor<any>>;
 export {};