npm - @skbkontur/react-ui - Versions diffs - 0.0.0-044e274f2c → 0.0.0-07d08325b0 - Mend

@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2236) hide show

package/cjs/components/Button/Button.js CHANGED Viewed

@@ -1,8 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.isButton = exports.ButtonDataTids = exports.Button = exports.BUTTON_DEFAULT_COMPONENT = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ButtonDataTids = exports.Button = exports.BUTTON_DEFAULT_COMPONENT = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 var _utils = require("../../lib/utils");
 var _client = require("../../lib/client");
 var _keyListener = require("../../lib/events/keyListener");
@@ -85,48 +84,6 @@ var _LoadingButtonIcon = require("./LoadingButtonIcon");var _class, _Button;var
@@ -195,8 +152,6 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
     };_this.
     node = null;_this.
@@ -259,15 +214,7 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
-    renderMain = function (props) {var _this$emotion, _this$emotion$cx, _this$emotion$cx4, _this$emotion$cx5;
+    renderMain = function (props) {var _cx, _cx4, _cx5;
       var
         corners =
@@ -303,37 +250,35 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
       var _useButtonArrow = (0, _ButtonArrow.useButtonArrow)((0, _extends2.default)({},
         _this.props, { isFocused: Boolean(isFocused) }),
-        _this.theme,
-        _this.emotion
+        _this.theme
         ),rootClassNameWithArrow = _useButtonArrow[0],arrowNode = _useButtonArrow[1];
       var isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);
       var trueDisabled = disabled || loading;
-      var styles = _this.styles;
-      var rootClassName = (_this$emotion = _this.emotion).cx.apply(_this$emotion, [
-      styles.root(_this.theme),
-      styles[use](_this.theme),
+      var rootClassName = _Emotion.cx.apply(void 0, [
+      _Button2.styles.root(_this.theme),
+      _Button2.styles[use](_this.theme),
       sizeClass,
-      narrow && styles.narrow(),
-      _noPadding && styles.noPadding(),
-      _noRightPadding && styles.noRightPadding(),
+      narrow && _Button2.styles.narrow(),
+      _noPadding && _Button2.styles.noPadding(),
+      _noRightPadding && _Button2.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(),
+        _Button2.styles.disabled(_this.theme),
+        isUseStateWithoutOutlineInDisabledState && _Button2.styles.disabledWithoutOutline(_this.theme),
+        checked && _Button2.styles.checkedDisabled(_this.theme),
+        borderless && _Button2.styles.borderless(),
+        use === 'backless' && _Button2.styles.backlessDisabled(_this.theme),
+        use === 'text' && _Button2.styles.textDisabled(),
         _Button2.globalClasses.disabled] :
         [
-        active && !checked && (0, _Button2.getActiveStyles)(_this.emotion)[use](_this.theme),
-        isFocused && styles.focus(_this.theme),
-        checked && styles.checked(_this.theme),
-        checked && isFocused && styles.checkedFocused(_this.theme),
-        borderless && !checked && !isFocused && styles.borderless()])
+        active && !checked && _Button2.activeStyles[use](_this.theme),
+        isFocused && _Button2.styles.focus(_this.theme),
+        checked && _Button2.styles.checked(_this.theme),
+        checked && isFocused && _Button2.styles.checkedFocused(_this.theme),
+        borderless && !checked && !isFocused && _Button2.styles.borderless()])
       );
@@ -351,9 +296,9 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
       var wrapProps = {
-        className: _this.emotion.cx(_Button2.globalClasses.root, (_this$emotion$cx = {}, _this$emotion$cx[
-        styles.wrap(_this.theme)] = true, _this$emotion$cx[
-        _this.getSizeWrapClassName()] = true, _this$emotion$cx)
+        className: (0, _Emotion.cx)(_Button2.globalClasses.root, (_cx = {}, _cx[
+        _Button2.styles.wrap(_this.theme)] = true, _cx[
+        _this.getSizeWrapClassName()] = true, _cx)
         ),
         style: {
           width: width
@@ -363,15 +308,15 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
       var innerShadowNode = null;
       var outlineNode = null;
-      if ((!isFocused || isLink) && !trueDisabled) {var _this$emotion$cx2;
+      if ((!isFocused || isLink) && !trueDisabled) {var _cx2;
         outlineNode = /*#__PURE__*/
         _react.default.createElement("div", {
-          className: _this.emotion.cx(styles.outline(), (_this$emotion$cx2 = {}, _this$emotion$cx2[
-          styles.outlineWarning(_this.theme)] = warning, _this$emotion$cx2[
-          styles.outlineError(_this.theme)] = error, _this$emotion$cx2[
-          styles.outlineLink()] = isLink, _this$emotion$cx2[
-          styles.outlineLinkWarning(_this.theme)] = isLink && warning, _this$emotion$cx2[
-          styles.outlineLinkError(_this.theme)] = isLink && error, _this$emotion$cx2)
+          className: (0, _Emotion.cx)(_Button2.styles.outline(), (_cx2 = {}, _cx2[
+          _Button2.styles.outlineWarning(_this.theme)] = warning, _cx2[
+          _Button2.styles.outlineError(_this.theme)] = error, _cx2[
+          _Button2.styles.outlineLink()] = isLink, _cx2[
+          _Button2.styles.outlineLinkWarning(_this.theme)] = isLink && warning, _cx2[
+          _Button2.styles.outlineLinkError(_this.theme)] = isLink && error, _cx2)
           ) }
         );
@@ -389,18 +334,18 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
       // Force disable all props and features, that cannot be use with Link
-      if (isLink) {var _this$emotion$cx3;
-        rootProps.className = _this.emotion.cx((_this$emotion$cx3 = {}, _this$emotion$cx3[
-        styles.root(_this.theme)] = true, _this$emotion$cx3[
-        sizeClass] = true, _this$emotion$cx3[
-        styles.link(_this.theme)] = true, _this$emotion$cx3[
-        styles.linkLineHeight()] = !_client.isSafari, _this$emotion$cx3[
-        styles.linkLineHeightSafariFallback()] = _client.isSafari, _this$emotion$cx3[
-        styles.linkFocus(_this.theme)] = isFocused, _this$emotion$cx3[
-        styles.linkDisabled(_this.theme)] = trueDisabled, _this$emotion$cx3)
+      if (isLink) {var _cx3;
+        rootProps.className = (0, _Emotion.cx)((_cx3 = {}, _cx3[
+        _Button2.styles.root(_this.theme)] = true, _cx3[
+        sizeClass] = true, _cx3[
+        _Button2.styles.link(_this.theme)] = true, _cx3[
+        _Button2.styles.linkLineHeight()] = !_client.isSafari, _cx3[
+        _Button2.styles.linkLineHeightSafariFallback()] = _client.isSafari, _cx3[
+        _Button2.styles.linkFocus(_this.theme)] = isFocused, _cx3[
+        _Button2.styles.linkDisabled(_this.theme)] = trueDisabled, _cx3)
         );
         Object.assign(wrapProps, {
-          className: _this.emotion.cx(styles.wrap(_this.theme), styles.wrapLink()),
+          className: (0, _Emotion.cx)(_Button2.styles.wrap(_this.theme), _Button2.styles.wrapLink()),
           style: { width: wrapProps.style.width }
         });
@@ -412,16 +357,16 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
       var captionNode = /*#__PURE__*/
       _react.default.createElement("div", {
-        className: _this.emotion.cx(styles.caption(), _Button2.globalClasses.caption, (_this$emotion$cx4 = {}, _this$emotion$cx4[
-        styles.captionLink()] = isLink, _this$emotion$cx4[
-        styles.captionDisabled()] = !checked && disabled, _this$emotion$cx4)
+        className: (0, _Emotion.cx)(_Button2.styles.caption(), _Button2.globalClasses.caption, (_cx4 = {}, _cx4[
+        _Button2.styles.captionLink()] = isLink, _cx4[
+        _Button2.styles.captionDisabled()] = !checked && disabled, _cx4)
         ) },
       loadingNode,
       leftIconNode, /*#__PURE__*/
       _react.default.createElement("span", {
-        className: _this.emotion.cx(_Button2.globalClasses.text, (_this$emotion$cx5 = {}, _this$emotion$cx5[
-        styles.visibilityHidden()] = hasLoadingNode, _this$emotion$cx5)
+        className: (0, _Emotion.cx)(_Button2.globalClasses.text, (_cx5 = {}, _cx5[
+        _Button2.styles.visibilityHidden()] = hasLoadingNode, _cx5)
         ) },
       children
@@ -504,8 +449,6 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
@@ -539,7 +482,7 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
    * @public
    */;_proto.focus = function focus() {var _this$node;(_this$node = this.node) == null || _this$node.focus();} /**
    * @public
-   */;_proto.blur = function blur() {var _this$node2;(_this$node2 = this.node) == null || _this$node2.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _Button2.getStyles)(_this2.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});});};_proto.getTabIndex = function getTabIndex(_ref2) {var disableFocus = _ref2.disableFocus,disabled = _ref2.disabled,_ref2$tabIndex = _ref2.tabIndex,tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;if (disableFocus || disabled) {return -1;}return tabIndex;};_proto.renderIcon2022 = function renderIcon2022(icon) {if (icon && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;var sizes = (0, _ButtonIcon.getButtonIconSizes)(this.theme);return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.getProps().size] });}return icon;};_proto.getSizeClassName = function getSizeClassName() {var _this$emotion$cx6, _this$emotion$cx7, _this$emotion$cx8;var styles = this.styles;switch (this.getProps().size) {case 'large':return this.emotion.cx(styles.sizeLarge(this.theme), (_this$emotion$cx6 = {}, _this$emotion$cx6[styles.sizeLargeIE11(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx6[styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _this$emotion$cx6[styles.sizeLargeWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _this$emotion$cx6));case 'medium':return this.emotion.cx(styles.sizeMedium(this.theme), (_this$emotion$cx7 = {}, _this$emotion$cx7[styles.sizeMediumIE11(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx7[styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _this$emotion$cx7[styles.sizeMediumWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _this$emotion$cx7));case 'small':default:return this.emotion.cx(styles.sizeSmall(this.theme), (_this$emotion$cx8 = {}, _this$emotion$cx8[styles.sizeSmallIE11(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx8[styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _this$emotion$cx8[styles.sizeSmallWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _this$emotion$cx8));}};_proto.getSizeWrapClassName = function getSizeWrapClassName() {var styles = this.styles;switch (this.getProps().size) {case 'large':return styles.wrapLarge(this.theme);case 'medium':return styles.wrapMedium(this.theme);case 'small':default:return styles.wrapSmall(this.theme);}};return Button;}(_react.default.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
+   */;_proto.blur = function blur() {var _this$node2;(_this$node2 = this.node) == null || _this$node2.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});};_proto.getTabIndex = function getTabIndex(_ref2) {var disableFocus = _ref2.disableFocus,disabled = _ref2.disabled,_ref2$tabIndex = _ref2.tabIndex,tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;if (disableFocus || disabled) {return -1;}return tabIndex;};_proto.renderIcon2022 = function renderIcon2022(icon) {if (icon && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;var sizes = (0, _ButtonIcon.getButtonIconSizes)(this.theme);return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.getProps().size] });}return icon;};_proto.getSizeClassName = function getSizeClassName() {var _cx6, _cx7, _cx8;switch (this.getProps().size) {case 'large':return (0, _Emotion.cx)(_Button2.styles.sizeLarge(this.theme), (_cx6 = {}, _cx6[_Button2.styles.sizeLargeIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx6[_Button2.styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _cx6[_Button2.styles.sizeLargeWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx6));case 'medium':return (0, _Emotion.cx)(_Button2.styles.sizeMedium(this.theme), (_cx7 = {}, _cx7[_Button2.styles.sizeMediumIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx7[_Button2.styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _cx7[_Button2.styles.sizeMediumWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx7));case 'small':default:return (0, _Emotion.cx)(_Button2.styles.sizeSmall(this.theme), (_cx8 = {}, _cx8[_Button2.styles.sizeSmallIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx8[_Button2.styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _cx8[_Button2.styles.sizeSmallWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx8));}};_proto.getSizeWrapClassName = function getSizeWrapClassName() {switch (this.getProps().size) {case 'large':return _Button2.styles.wrapLarge(this.theme);case 'medium':return _Button2.styles.wrapMedium(this.theme);case 'small':default:return _Button2.styles.wrapSmall(this.theme);}};return Button;}(_react.default.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
   // 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;var isButton = exports.isButton = (0, _utils.isReactUIComponent)('Button');
+  type: 'button', component: BUTTON_DEFAULT_COMPONENT }, _Button)) || _class;

package/cjs/components/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_client","_keyListener","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_ThemeFactory","_createPropsGetter","_Link","_Button2","_ButtonIcon","_ButtonArrow","_getInnerLinkTheme","_LoadingButtonIcon","_class","_Button","_excluded","_excluded2","BUTTON_DEFAULT_COMPONENT","exports","ButtonDataTids","rootElement","root","spinner","SpanComponent","_ref","children","rest","_objectWithoutPropertiesLoose2","default","createElement","Button","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","node","renderMain","props","_this$emotion","_this$emotion$cx","_this$emotion$cx4","_this$emotion$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","_this$getProps","sizeClass","getSizeClassName","isFocused","isLink","_useButtonArrow","useButtonArrow","_extends2","Boolean","emotion","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","trueDisabled","styles","rootClassName","cx","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","globalClasses","getActiveStyles","focus","checkedFocused","rootProps","className","style","textAlign","onFocus","handleFocus","onBlur","handleBlur","getTabIndex","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","outlineNode","_this$emotion$cx2","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","ButtonIcon","position","rightIconNode","hasBothIcons","_this$emotion$cx3","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","hasLoadingNode","loadingNode","LoadingButtonIcon","captionNode","caption","captionLink","captionDisabled","text","visibilityHidden","ThemeContext","Provider","value","getInnerLinkTheme","Link","focused","renderIcon2022","Root","ref","e","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","_inheritsLoose2","_proto","prototype","componentDidMount","autoFocus","getDerivedStateFromProps","_this$node","blur","_this$node2","render","_this2","EmotionConsumer","getStyles","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","_ref2","_ref2$tabIndex","isKonturIcon","_icon$props$size","sizes","getButtonIconSizes","React","cloneElement","_this$emotion$cx6","_this$emotion$cx7","_this$emotion$cx8","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","type","isButton","isReactUIComponent"],"sources":["Button.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\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 { EmotionConsumer } 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 { getStyles, getActiveStyles, 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 = '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 emotion!: Emotion;\n private styles!: ReturnType<typeof getStyles>;\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 <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n this.styles = getStyles(this.emotion);\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 </EmotionConsumer>\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 this.emotion,\n );\n const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n\n const trueDisabled = disabled \|\| loading;\n const styles = this.styles;\n const rootClassName = this.emotion.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 && getActiveStyles(this.emotion)[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: this.emotion.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={this.emotion.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 = this.emotion.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: this.emotion.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={this.emotion.cx(styles.caption(), globalClasses.caption, {\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {leftIconNode}\n <span\n className={this.emotion.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 const styles = this.styles;\n switch (this.getProps().size) {\n case 'large':\n return this.emotion.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 this.emotion.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 this.emotion.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 const styles = this.styles;\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":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_client","_keyListener","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_ThemeFactory","_createPropsGetter","_Link","_Button2","_ButtonIcon","_ButtonArrow","_getInnerLinkTheme","_LoadingButtonIcon","_class","_Button","_excluded","_excluded2","BUTTON_DEFAULT_COMPONENT","exports","ButtonDataTids","rootElement","root","spinner","SpanComponent","_ref","children","rest","_objectWithoutPropertiesLoose2","default","createElement","Button","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","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","_this$getProps","sizeClass","getSizeClassName","isFocused","isLink","_useButtonArrow","useButtonArrow","_extends2","Boolean","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","trueDisabled","rootClassName","cx","styles","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","globalClasses","activeStyles","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","ButtonIcon","position","rightIconNode","hasBothIcons","_cx3","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","hasLoadingNode","loadingNode","LoadingButtonIcon","captionNode","caption","captionLink","captionDisabled","text","visibilityHidden","ThemeContext","Provider","value","getInnerLinkTheme","Link","focused","renderIcon2022","Root","ref","e","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","_inheritsLoose2","_proto","prototype","componentDidMount","autoFocus","getDerivedStateFromProps","_this$node","blur","_this$node2","render","_this2","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","_ref2","_ref2$tabIndex","isKonturIcon","_icon$props$size","sizes","getButtonIconSizes","React","cloneElement","_cx6","_cx7","_cx8","sizeLarge","sizeLargeIE11","isIE11","isEdge","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/cjs/components/Button/Button.md CHANGED Viewed

@@ -1,3 +1,4 @@
+### Базовый пример
 По умолчанию, кнопка принимает все пропы `HTMLButtonElement`.
 ```jsx harmony
@@ -6,6 +7,7 @@ import { Button } from '@skbkontur/react-ui';
 <Button onClick={alert} name="report">Создать отчёт</Button>;
 ```
+### Корневой компонент
 Кнопка может рендерить ссылку в качестве корневого элемента, c помощью пропа `component`. Кнопка принимает все пропы переданного в `component` компонента.
 ```jsx harmony
@@ -14,7 +16,7 @@ import { Button } from '@skbkontur/react-ui';
 <Button component='a' href='https://kontur.ru' target="_blank">Ссылка, но выглядит как кнопка</Button>
 ```
-У кнопки есть различные стили.
+### Различные стили
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
@@ -51,6 +53,7 @@ const bgStyle = {
 </Gapped>
 ```
+### Иконка
 В кнопку можно передать иконку. Иконка может находиться как слева от текста кнопки, так и справа и даже в обоих позициях одновременно.
 ```jsx harmony
@@ -64,7 +67,7 @@ import { XIcon16Regular } from '@skbkontur/icons/XIcon16Regular';
 </Gapped>
 ```
-У кнопки есть 3 стандартных размера.
+### Размер
 ```jsx harmony
 <div
@@ -80,11 +83,26 @@ import { XIcon16Regular } from '@skbkontur/icons/XIcon16Regular';
 </div>
 ```
-Кнопки могут принимать вид стрелок. В таком случае иконка привязывается к краю кнопки.
+### Ширина
+```jsx harmony
+<Button width={40}>Закрыть</Button>
+```
+### Состояние валидации
 ```jsx harmony
 import { Gapped, Button } from '@skbkontur/react-ui';
+<Gapped gap={5}>
+  <Button warning>Закрыть</Button>
+  <Button error>Закрыть</Button>
+</Gapped>
+```
+### Стрелка
+```jsx harmony
+import { Gapped, Button } from '@skbkontur/react-ui';
 <Gapped gap={5}>
   <Button arrow="left" size="medium">
@@ -96,12 +114,10 @@ import { Gapped, Button } from '@skbkontur/react-ui';
 </Gapped>
 ```
-Кнопка в состоянии загрузки.
+### Состояние загрузки
 **Поведение:**
 Кнопка на время нахождения в состоянии загрузки отключается.
 Если в кнопке есть иконка, на время загрузки иконка заменяется на спиннер, если иконки нет — весь контент кнопки заменяется на спиннер. Когда иконки две — заменяется только левая.
 ```jsx harmony
@@ -141,7 +157,7 @@ const handleClick = () => {
 ```
-Пример кнопки с пропом `theme`.
+### Проп темы
 ```jsx harmony
 import { Button, Gapped } from '@skbkontur/react-ui';
@@ -153,8 +169,7 @@ import { Button, Gapped } from '@skbkontur/react-ui';
 </Gapped>
 ```
-Пример кастомизации кнопки-ссылки.
+### Кастомизация кнопки-ссылки
 ```jsx harmony
 import { Toast } from "@skbkontur/react-ui";
@@ -175,7 +190,7 @@ const differentColorStyles = {
 }
 const stringify = (styles) => {
-    return `${Object.entries(styles).map(([key, value]) => `${key}: "${value}"`).join(", ")}`
+  return `${Object.entries(styles).map(([key, value]) => `${key}: "${value}"`).join(", ")}`
 }
 const copyStyles = (styles) => {
@@ -193,19 +208,19 @@ const tdStyle = {
   padding: '8px',
 };
-const renderExampleRow = (title, styles, index) => {
-    return (
-        <tr>
-          <td style={tdStyle}>{title}</td>
-          <td style={tdStyle}><Button use={'link'} theme={styles}>Button-link</Button></td>
-          <td style={tdStyle}>
-            <div style={{display: 'flex'}}>
-              <div style={{width: '80%', whiteSpace: 'pre-line'}}>{stringify(styles).replace(/, /g, '\n')}</div>
-              <Button icon={<CopyIcon16Regular />} use={'text'} onClick={() => copyStyles(styles)}/>
-            </div>
-          </td>
-        </tr>
-    )
+const renderExampleRow = (title, styles) => {
+  return (
+    <tr>
+      <td style={tdStyle}>{title}</td>
+      <td style={tdStyle}><Button use={'link'} theme={styles}>Button-link</Button></td>
+      <td style={tdStyle}>
+        <div style={{display: 'flex'}}>
+          <div style={{width: '80%', whiteSpace: 'pre-line'}}>{stringify(styles).replace(/, /g, '\n')}</div>
+          <Button icon={<CopyIcon16Regular />} use={'text'} onClick={() => copyStyles(styles)}/>
+        </div>
+      </td>
+    </tr>
+  )
 }
 <table style={tableStyle}>
@@ -220,7 +235,7 @@ const renderExampleRow = (title, styles, index) => {
 </table>
 ```
-Кнопка может быть узкой.
+### Узкая Кнопка
 ```jsx harmony
 import { Button } from '@skbkontur/react-ui';
@@ -230,8 +245,7 @@ import { Button } from '@skbkontur/react-ui';
 </Button>
 ```
-У кнопки есть состояния валидации.
+### Состояния валидации
 ```jsx harmony
 import { Button, Gapped } from '@skbkontur/react-ui';

package/cjs/components/Button/Button.mixins.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const buttonUseMixin: (emotion: Emotion) => (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
-export declare const buttonHoverMixin: (emotion: Emotion) => (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
-export declare const buttonActiveMixin: (emotion: Emotion) => (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => string;
-export declare const buttonSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;
-export declare const buttonSizeMixinIE11: (emotion: Emotion) => (paddingX: string, paddingY: string) => string;
+export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonActiveMixin: (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;
+export declare const buttonSizeMixinIE11: (paddingX: string, paddingY: string) => string;