@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/components/Autocomplete/Autocomplete.md

@@ -1,7 +0,0 @@
-```jsx harmony
-let items = ['Grey Face', 'Grey Space', 'Kappa', 'Keepo', 'Resident Sleeper'];
-
-const [value, setValue] = React.useState('Kappa');
-
-<Autocomplete source={items} value={value} onValueChange={setValue} />;
-```

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

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

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

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

package/components/Autocomplete/Autocomplete.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Autocomplete/Autocomplete.styles.js",
-  "module": "Autocomplete.styles",
-  "types": "../Autocomplete.styles.d.ts",
-  "sideEffects": false
-}

package/components/Autocomplete/index/index.js

@@ -1 +0,0 @@
-export * from "../Autocomplete";

package/components/Autocomplete/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAd","sourcesContent":["export * from './Autocomplete';\n"]}

package/components/Autocomplete/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Autocomplete/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/components/Autocomplete/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/components/Autocomplete/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/components/Button/Button/Button.js

@@ -1,302 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-
-var _class, _class2, _temp;
-
-import React from 'react';
-import { isReactUIComponent } from "../../../lib/utils";
-import { isIE11, isEdge } from "../../../lib/client";
-import { keyListener } from "../../../lib/events/keyListener";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { Spinner } from "../../Spinner";
-import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
-import { rootNode } from "../../../lib/rootNode";
-import { styles, activeStyles, globalClasses } from "../Button.styles";
-export var ButtonDataTids = {
-  root: 'Button__root'
-};
-export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Button, _React$Component);
-
-  function Button() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.state = {
-      focusedByTab: false
-    };
-    _this.node = null;
-
-    _this.handleFocus = function (e) {
-      if (!_this.props.disabled && !_this.props.disableFocus) {
-        // focus event fires before keyDown eventlistener
-        // so we should check tabPressed in async way
-        requestAnimationFrame(function () {
-          if (keyListener.isTabPressed) {
-            _this.setState({
-              focusedByTab: true
-            });
-          }
-        });
-        _this.props.onFocus == null ? void 0 : _this.props.onFocus(e);
-      }
-    };
-
-    _this.handleBlur = function (e) {
-      _this.setState({
-        focusedByTab: false
-      });
-
-      if (!_this.props.disabled && !_this.props.disableFocus) {
-        _this.props.onBlur == null ? void 0 : _this.props.onBlur(e);
-      }
-    };
-
-    _this._ref = function (node) {
-      _this.node = node;
-    };
-
-    return _this;
-  }
-
-  var _proto = Button.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.props.autoFocus) {
-      keyListener.isTabPressed = true;
-      this.focus();
-    }
-  };
-
-  Button.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
-    if (props.loading || props.disabled) {
-      return {
-        focusedByTab: false
-      };
-    }
-
-    return null;
-  }
-  /**
-  * @public
-  */
-  ;
-
-  _proto.focus = function focus() {
-    var _this$node;
-
-    (_this$node = this.node) == null ? void 0 : _this$node.focus();
-  }
-  /**
-  * @public
-  */
-  ;
-
-  _proto.blur = function blur() {
-    var _this$node2;
-
-    (_this$node2 = this.node) == null ? void 0 : _this$node2.blur();
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _cx, _cx2, _cx7, _cx8;
-
-    var _this$props = this.props,
-        corners = _this$props.corners,
-        active = _this$props.active,
-        disabled = _this$props.disabled,
-        borderless = _this$props.borderless,
-        checked = _this$props.checked,
-        error = _this$props.error,
-        warning = _this$props.warning,
-        loading = _this$props.loading,
-        arrow = _this$props.arrow,
-        narrow = _this$props.narrow,
-        icon = _this$props.icon,
-        _noPadding = _this$props._noPadding,
-        _noRightPadding = _this$props._noRightPadding,
-        visuallyFocused = _this$props.visuallyFocused,
-        align = _this$props.align,
-        disableFocus = _this$props.disableFocus,
-        onMouseEnter = _this$props.onMouseEnter,
-        onMouseLeave = _this$props.onMouseLeave,
-        onMouseOver = _this$props.onMouseOver,
-        onKeyDown = _this$props.onKeyDown,
-        onClick = _this$props.onClick,
-        width = _this$props.width,
-        children = _this$props.children;
-    var use = this.props.use || Button.defaultProps.use;
-    var sizeClass = this.getSizeClassName();
-    var isFocused = this.state.focusedByTab || visuallyFocused;
-    var isLink = use === 'link';
-    var rootProps = {
-      // By default the type attribute is 'submit'. IE8 will fire a click event
-      // on this button if somewhere on the page user presses Enter while some
-      // input is focused. So we set type to 'button' by default.
-      type: this.props.type,
-      className: cx((_cx = {}, _cx[styles.root(this.theme)] = true, _cx[styles[use](this.theme)] = true, _cx[activeStyles[use](this.theme)] = active, _cx[sizeClass] = true, _cx[styles.focus(this.theme)] = isFocused, _cx[styles.checked(this.theme)] = checked, _cx[styles.checkedFocused(this.theme)] = checked && isFocused, _cx[styles.disabled(this.theme)] = disabled || loading, _cx[styles.checkedDisabled(this.theme)] = checked && disabled, _cx[styles.borderless()] = borderless && !disabled && !loading && !checked && !isFocused && !active, _cx[styles.narrow()] = narrow, _cx[styles.noPadding()] = _noPadding, _cx[styles.noRightPadding()] = _noRightPadding, _cx)),
-      style: _extends({
-        textAlign: align
-      }, corners),
-      disabled: disabled || loading,
-      onClick: onClick,
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      onKeyDown: onKeyDown,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      onMouseOver: onMouseOver,
-      tabIndex: disableFocus ? -1 : 0,
-      title: this.props.title
-    };
-    var wrapProps = {
-      className: cx((_cx2 = {}, _cx2[styles.wrap(this.theme)] = true, _cx2[styles.wrapArrow()] = arrow === true, _cx2[styles.wrapArrowLeft()] = arrow === 'left', _cx2[this.getSizeWrapClassName()] = true, _cx2)),
-      style: {
-        width: width
-      }
-    };
-    var innerShadowNode = /*#__PURE__*/React.createElement("div", {
-      className: globalClasses.innerShadow
-    });
-    var outlineNode = null;
-
-    if (!isFocused || isLink) {
-      var _cx3;
-
-      outlineNode = /*#__PURE__*/React.createElement("div", {
-        className: cx(styles.outline(), (_cx3 = {}, _cx3[styles.outlineWarning(this.theme)] = warning, _cx3[styles.outlineError(this.theme)] = error, _cx3[styles.outlineLink()] = isLink, _cx3[styles.outlineLinkWarning(this.theme)] = isLink && warning, _cx3[styles.outlineLinkError(this.theme)] = isLink && error, _cx3))
-      });
-    }
-
-    var loadingNode = null;
-
-    if (loading && !icon) {
-      loadingNode = /*#__PURE__*/React.createElement("div", {
-        className: styles.loading()
-      }, this.getLoadingSpinner());
-    }
-
-    var iconNode = null;
-
-    if (icon) {
-      var _cx4;
-
-      iconNode = /*#__PURE__*/React.createElement("span", {
-        className: cx(styles.icon(), this.getSizeIconClassName(), (_cx4 = {}, _cx4[styles.iconNoRightMargin()] = !children, _cx4[styles.iconLink(this.theme)] = isLink, _cx4))
-      }, loading ? this.getLoadingSpinner() : icon);
-    }
-
-    var arrowNode = null;
-
-    if (arrow) {
-      var _cx5;
-
-      arrowNode = /*#__PURE__*/React.createElement("div", {
-        className: cx((_cx5 = {}, _cx5[styles.arrow()] = true, _cx5[styles.arrowWarning(this.theme)] = !checked && warning, _cx5[styles.arrowError(this.theme)] = !checked && error, _cx5[styles.arrowFocus(this.theme)] = !checked && isFocused, _cx5[styles.arrowLeft()] = arrow === 'left', _cx5))
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)
-      }), /*#__PURE__*/React.createElement("div", {
-        className: cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)
-      }));
-    } // Force disable all props and features, that cannot be use with Link
-
-
-    if (isLink) {
-      var _cx6;
-
-      rootProps.className = cx((_cx6 = {}, _cx6[styles.root(this.theme)] = true, _cx6[sizeClass] = true, _cx6[styles.link(this.theme)] = true, _cx6[styles.linkFocus(this.theme)] = isFocused, _cx6[styles.linkDisabled(this.theme)] = disabled || loading, _cx6));
-      Object.assign(wrapProps, {
-        className: cx(styles.wrap(this.theme), styles.wrapLink()),
-        style: {
-          width: wrapProps.style.width
-        }
-      });
-      rootProps.style.textAlign = undefined;
-      arrowNode = null;
-    }
-
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.props), /*#__PURE__*/React.createElement("span", wrapProps, /*#__PURE__*/React.createElement("button", _extends({
-      "data-tid": ButtonDataTids.root,
-      ref: this._ref
-    }, rootProps), innerShadowNode, outlineNode, loadingNode, arrowNode, /*#__PURE__*/React.createElement("div", {
-      className: cx(styles.caption(), globalClasses.caption, (_cx7 = {}, _cx7[styles.captionTranslated()] = active || checked, _cx7[styles.captionLink()] = isLink, _cx7[styles.captionDisabled()] = !checked && disabled, _cx7))
-    }, iconNode, /*#__PURE__*/React.createElement("span", {
-      className: cx((_cx8 = {}, _cx8[styles.visibilityHidden()] = !!loadingNode, _cx8))
-    }, children)))));
-  };
-
-  _proto.getLoadingSpinner = function getLoadingSpinner() {
-    return /*#__PURE__*/React.createElement(Spinner, {
-      caption: null,
-      dimmed: true,
-      type: "mini"
-    });
-  };
-
-  _proto.getSizeClassName = function getSizeClassName() {
-    var _cx9, _cx10, _cx11;
-
-    switch (this.props.size) {
-      case 'large':
-        return cx(styles.sizeLarge(this.theme), (_cx9 = {}, _cx9[styles.sizeLargeIE11(this.theme)] = isIE11 || isEdge, _cx9));
-
-      case 'medium':
-        return cx(styles.sizeMedium(this.theme), (_cx10 = {}, _cx10[styles.sizeMediumIE11(this.theme)] = isIE11 || isEdge, _cx10));
-
-      case 'small':
-      default:
-        return cx(styles.sizeSmall(this.theme), (_cx11 = {}, _cx11[styles.sizeSmallIE11(this.theme)] = isIE11 || isEdge, _cx11));
-    }
-  };
-
-  _proto.getSizeIconClassName = function getSizeIconClassName() {
-    switch (this.props.size) {
-      case 'large':
-        return styles.iconLarge(this.theme);
-
-      case 'medium':
-        return styles.iconMedium(this.theme);
-
-      case 'small':
-      default:
-        return styles.iconSmall(this.theme);
-    }
-  };
-
-  _proto.getSizeWrapClassName = function getSizeWrapClassName() {
-    switch (this.props.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.Component), _class2.__KONTUR_REACT_UI__ = 'Button', _class2.__BUTTON__ = true, _class2.defaultProps = {
-  use: 'default',
-  size: 'small',
-  type: 'button'
-}, _temp)) || _class;
-export var isButton = isReactUIComponent('Button');

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Button.tsx"],"names":["React","isReactUIComponent","isIE11","isEdge","keyListener","ThemeContext","Spinner","CommonWrapper","cx","rootNode","styles","activeStyles","globalClasses","ButtonDataTids","root","Button","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","renderMain","corners","active","borderless","checked","error","warning","arrow","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","use","defaultProps","sizeClass","getSizeClassName","isFocused","isLink","rootProps","type","className","checkedFocused","checkedDisabled","noPadding","noRightPadding","style","textAlign","tabIndex","title","wrapProps","wrap","wrapArrow","wrapArrowLeft","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","loadingNode","getLoadingSpinner","iconNode","getSizeIconClassName","iconNoRightMargin","iconLink","arrowNode","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","link","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","setRootNode","caption","captionTranslated","captionLink","captionDisabled","visibilityHidden","size","sizeLarge","sizeLargeIE11","sizeMedium","sizeMediumIE11","sizeSmall","sizeSmallIE11","iconLarge","iconMedium","iconSmall","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\n\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link';\n\nexport interface ButtonProps 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<any>;\n\n  /**\n   * Переводит кнопку в состояние загрузки.\n   */\n  loading?: boolean;\n\n  /**\n   * Сужает кнопку.\n   */\n  narrow?: boolean;\n\n  /**\n   * HTML-событие `onblur`.\n   */\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onfocus`.\n   */\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `keydown`.\n   */\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onmouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onmouseover`.\n   */\n  onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * Задаёт размер кнопки.\n   *\n   * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n   */\n  size?: ButtonSize;\n\n  /**\n   * HTML-атрибут `type`.\n   */\n  type?: ButtonType;\n\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: string;\n\n  /**\n   * Стиль кнопки.\n   *\n   * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`.\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\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  root: 'Button__root',\n} as const;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps = {\n    use: 'default' as ButtonUse,\n    size: 'small' as ButtonSize,\n    type: 'button' as ButtonType,\n  };\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private node: HTMLButtonElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      arrow,\n      narrow,\n      icon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onKeyDown,\n      onClick,\n      width,\n      children,\n    } = this.props;\n    const use = this.props.use || Button.defaultProps.use;\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n    const rootProps = {\n      // By default the type attribute is 'submit'. IE8 will fire a click event\n      // on this button if somewhere on the page user presses Enter while some\n      // input is focused. So we set type to 'button' by default.\n      type: this.props.type,\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [styles[use](this.theme)]: true,\n        [activeStyles[use](this.theme)]: active,\n        [sizeClass]: true,\n        [styles.focus(this.theme)]: isFocused,\n        [styles.checked(this.theme)]: checked,\n        [styles.checkedFocused(this.theme)]: checked && isFocused,\n        [styles.disabled(this.theme)]: disabled || loading,\n        [styles.checkedDisabled(this.theme)]: checked && disabled,\n        [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n        [styles.narrow()]: narrow,\n        [styles.noPadding()]: _noPadding,\n        [styles.noRightPadding()]: _noRightPadding,\n      }),\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      disabled: disabled || loading,\n      onClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onKeyDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      tabIndex: disableFocus ? -1 : 0,\n      title: this.props.title,\n    };\n\n    const wrapProps = {\n      className: cx({\n        [styles.wrap(this.theme)]: true,\n        [styles.wrapArrow()]: arrow === true,\n        [styles.wrapArrowLeft()]: arrow === 'left',\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const innerShadowNode = <div className={globalClasses.innerShadow} />;\n\n    let outlineNode = null;\n    if (!isFocused || isLink) {\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    let loadingNode = null;\n    if (loading && !icon) {\n      loadingNode = <div className={styles.loading()}>{this.getLoadingSpinner()}</div>;\n    }\n\n    let iconNode = null;\n    if (icon) {\n      iconNode = (\n        <span\n          className={cx(styles.icon(), this.getSizeIconClassName(), {\n            [styles.iconNoRightMargin()]: !children,\n            [styles.iconLink(this.theme)]: isLink,\n          })}\n        >\n          {loading ? this.getLoadingSpinner() : icon}\n        </span>\n      );\n    }\n\n    let arrowNode = null;\n    if (arrow) {\n      arrowNode = (\n        <div\n          className={cx({\n            [styles.arrow()]: true,\n            [styles.arrowWarning(this.theme)]: !checked && warning,\n            [styles.arrowError(this.theme)]: !checked && error,\n            [styles.arrowFocus(this.theme)]: !checked && isFocused,\n            [styles.arrowLeft()]: arrow === 'left',\n          })}\n        >\n          <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n          <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n        </div>\n      );\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.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: disabled || loading,\n      });\n      Object.assign(wrapProps, {\n        className: cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n      rootProps.style.textAlign = undefined;\n      arrowNode = null;\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span {...wrapProps}>\n          <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n            {innerShadowNode}\n            {outlineNode}\n            {loadingNode}\n            {arrowNode}\n            <div\n              className={cx(styles.caption(), globalClasses.caption, {\n                [styles.captionTranslated()]: active || checked,\n                [styles.captionLink()]: isLink,\n                [styles.captionDisabled()]: !checked && disabled,\n              })}\n            >\n              {iconNode}\n              <span className={cx({ [styles.visibilityHidden()]: !!loadingNode })}>{children}</span>\n            </div>\n          </button>\n        </span>\n      </CommonWrapper>\n    );\n  }\n\n  private getLoadingSpinner() {\n    return <Spinner caption={null} dimmed type=\"mini\" />;\n  }\n\n  private getSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return cx(styles.sizeLarge(this.theme), { [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge });\n      case 'medium':\n        return cx(styles.sizeMedium(this.theme), { [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge });\n      case 'small':\n      default:\n        return cx(styles.sizeSmall(this.theme), { [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge });\n    }\n  }\n\n  private getSizeIconClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.iconLarge(this.theme);\n      case 'medium':\n        return styles.iconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.iconSmall(this.theme);\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLButtonElement | null) => {\n    this.node = node;\n  };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}

package/components/Button/Button/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Button/Button.js",
-  "module": "Button",
-  "types": "../Button.d.ts",
-  "sideEffects": false
-}

package/components/Button/Button.md

@@ -1,104 +0,0 @@
-Базовый пример кнопки.
-
-```jsx harmony
-import { Button } from '@skbkontur/react-ui';
-
-<Button>Создать отчёт</Button>;
-```
-
-У кнопки есть различные стили.
-
-```jsx harmony
-import { Gapped } from '@skbkontur/react-ui';
-
-<Gapped>
-  <Button use="default">Default</Button>
-  <Button use="primary">Primary</Button>
-  <Button use="success">Success</Button>
-  <Button use="danger">Danger</Button>
-  <Button use="pay">Pay</Button>
-  <Button use="link">Link</Button>
-</Gapped>;
-```
-
-Пример кнопки с иконкой.
-
-```jsx harmony
-import PrintIcon from '@skbkontur/react-icons/Print';
-import { Button } from '@skbkontur/react-ui';
-
-<Button icon={<PrintIcon />}>Напечатать</Button>;
-```
-
-У кнопки есть 3 стандартных размера.
-
-```jsx harmony
-<div
-  style={{
-    display: "flex",
-    alignItems: "end",
-    justifyContent: "space-between",
-    width: "330px"
-  }}>
-  <Button size="small">Маленькая</Button>
-  <Button size="medium">Средняя</Button>
-  <Button size="large">Большая</Button>
-</div>
-```
-
-Кнопки в виде стрелок.
-
-```jsx harmony
-import { Gapped, Button } from '@skbkontur/react-ui';
-
-<Gapped gap={25}>
-  <Gapped gap={5}>
-    <Button arrow="left" size="medium">
-      Назад
-    </Button>
-    <Button arrow size="medium">
-      Далее
-    </Button>
-  </Gapped>
-</Gapped>;
-```
-
-Кнопка в состоянии загрузки.
-
-**Поведение:**
-
-Кнопка на время нахождения в состоянии загрузки отключается.
-
-Если в кнопке есть иконка, на время загрузки иконка заменяется на спиннер, если иконки нет - весь контент кнопки заменяется на спиннер.
-
-```jsx harmony
-import { Button, Gapped } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
-import BookmarkIcon from '@skbkontur/react-icons/Bookmark';
-
-const [loading, setLoading] = React.useState(false);
-
-const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
-
-const handleLoadingStart = () => {
-  delay(2000)()
-    .then(() => {
-      setLoading(false);
-    })
-};
-
-const handleClick = () => {
-  setLoading(true);
-  handleLoadingStart();
-};
-
-<Gapped>
-  <Button width={150} onClick={handleClick} loading={loading}>
-    Сохранить
-  </Button>
-  <Button icon={<BookmarkIcon />} width={150} onClick={handleClick} loading={loading}>
-    Сохранить
-  </Button>
-</Gapped>
-
-```

package/components/Button/Button.mixins/Button.mixins.js

@@ -1,58 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-import { css } from "../../../lib/theming/Emotion";
-import { shift } from "../../../lib/styles/DimensionFunctions";
-import { globalClasses } from "../Button.styles";
-
-var getBtnPadding = function getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, additionalOffset) {
-  if (additionalOffset === void 0) {
-    additionalOffset = 0;
-  }
-
-  var paddingTop = paddingY;
-  var paddingBottom = paddingY;
-  var offset = parseInt(fontFamilyCompensation) || 0;
-
-  var shiftUp = function shiftUp(top, bottom, offset) {
-    return [shift(top, "" + -offset), shift(bottom, "" + offset)];
-  };
-
-  if (fontSize === '16px' && offset) {
-    var _shiftUp = shiftUp(paddingTop, paddingBottom, offset);
-
-    paddingTop = _shiftUp[0];
-    paddingBottom = _shiftUp[1];
-  }
-
-  if (additionalOffset && offset) {
-    var _shiftUp2 = shiftUp(paddingTop, paddingBottom, additionalOffset);
-
-    paddingTop = _shiftUp2[0];
-    paddingBottom = _shiftUp2[1];
-  }
-
-  return paddingTop + " " + paddingX + " " + paddingBottom;
-};
-
-export var buttonUseMixin = function buttonUseMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderBottomColor, borderWidth) {
-  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", "", ";\n\n    .", " {\n      box-shadow: ", " 0 0 0 ", ";\n    }\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none", color, borderWidth, borderColor, borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "", globalClasses.arrowHelper, borderWidth, borderColor);
-};
-export var buttonHoverMixin = function buttonHoverMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd, borderColor, borderBottomColor, borderWidth) {
-  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    &:hover {\n      background-color: ", ";\n      background-image: ", ";\n      box-shadow: 0 0 0 ", " ", "", ";\n\n      .", " {\n        box-shadow: ", " 0 0 ", ";\n      }\n    }\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none", borderWidth, borderColor, borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "", globalClasses.arrowHelper, borderWidth, borderColor);
-};
-export var buttonActiveMixin = function buttonActiveMixin(btnBackground, btnShadow, borderColor, borderTopColor, borderWidth, arrowBgImage) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    background-image: none;\n    background-color: ", ";\n    box-shadow: 0 0 0 ", " ", "", ";\n\n    .", " {\n      box-shadow: ", ";\n    }\n\n    .", " {\n      box-shadow: ", " 0 0 ", ";\n\n      &.", " {\n        background-image: ", ";\n      }\n    }\n  "])), btnBackground, borderWidth, borderColor, borderTopColor ? ", 0 -" + borderWidth + " 0 0 " + borderTopColor : "", globalClasses.innerShadow, btnShadow, globalClasses.arrowHelper, borderWidth, borderColor, globalClasses.arrowHelperTop, arrowBgImage);
-};
-export var buttonSizeMixin = function buttonSizeMixin(fontSize, lineHeight, paddingX, paddingY, fontFamilyCompensation) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])), fontSize, getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation), lineHeight);
-};
-export var buttonSizeMixinIE11 = function buttonSizeMixinIE11(fontSize, paddingX, paddingY, fontFamilyCompensation) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    padding: ", ";\n    line-height: normal;\n  "])), getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, 1));
-};
-export var arrowOutlineMixin = function arrowOutlineMixin(insetWidth, outlineColor, outlineWidth, insetColor) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    .", " {\n      &.", " {\n        box-shadow: inset -", " ", " 0 0 ", ", ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      &.", " {\n        box-shadow: inset -", " -", " 0 0 ", ", ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      // don't hide inner outline\n      // and keep the middle-line fix\n      &:before {\n        top: ", ";\n        right: ", ";\n        left: ", ";\n      }\n      &.", ":before {\n        bottom: ", ";\n      }\n    }\n  "])), globalClasses.arrowHelper, globalClasses.arrowHelperTop, insetWidth, insetWidth, insetColor, outlineWidth, outlineColor, globalClasses.arrowHelperBottom, insetWidth, insetWidth, insetColor, outlineWidth, outlineColor, insetWidth, insetWidth, insetWidth, globalClasses.arrowHelperBottom, insetWidth);
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Button.mixins.ts"],"names":["css","shift","globalClasses","getBtnPadding","fontSize","paddingY","paddingX","fontFamilyCompensation","additionalOffset","paddingTop","paddingBottom","offset","parseInt","shiftUp","top","bottom","buttonUseMixin","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderBottomColor","borderWidth","hasGradient","arrowHelper","buttonHoverMixin","buttonActiveMixin","btnShadow","borderTopColor","arrowBgImage","innerShadow","arrowHelperTop","buttonSizeMixin","lineHeight","buttonSizeMixinIE11","arrowOutlineMixin","insetWidth","outlineColor","outlineWidth","insetColor","arrowHelperBottom"],"mappings":"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","sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (\n  fontSize: string,\n  paddingY: string,\n  paddingX: string,\n  fontFamilyCompensation: string,\n  additionalOffset = 0,\n): string => {\n  let paddingTop = paddingY;\n  let paddingBottom = paddingY;\n  const offset = parseInt(fontFamilyCompensation) || 0;\n\n  const shiftUp = (top: string, bottom: string, offset: number) => {\n    return [shift(top, `${-offset}`), shift(bottom, `${offset}`)];\n  };\n\n  if (fontSize === '16px' && offset) {\n    [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, offset);\n  }\n  if (additionalOffset && offset) {\n    [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, additionalOffset);\n  }\n\n  return `${paddingTop} ${paddingX} ${paddingBottom}`;\n};\n\nexport const buttonUseMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderBottomColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor}${borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``};\n\n    .${globalClasses.arrowHelper} {\n      box-shadow: ${borderWidth} 0 0 0 ${borderColor};\n    }\n  `;\n};\n\nexport const buttonHoverMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  borderColor: string,\n  borderBottomColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    &:hover {\n      background-color: ${hasGradient ? `initial` : btnBackground};\n      background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor}${borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``};\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${borderWidth} 0 0 ${borderColor};\n      }\n    }\n  `;\n};\n\nexport const buttonActiveMixin = (\n  btnBackground: string,\n  btnShadow: string,\n  borderColor: string,\n  borderTopColor: string,\n  borderWidth: string,\n  arrowBgImage: string,\n) => {\n  return css`\n    background-image: none;\n    background-color: ${btnBackground};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor}${borderTopColor ? `, 0 -${borderWidth} 0 0 ${borderTopColor}` : ``};\n\n    .${globalClasses.innerShadow} {\n      box-shadow: ${btnShadow};\n    }\n\n    .${globalClasses.arrowHelper} {\n      box-shadow: ${borderWidth} 0 0 ${borderColor};\n\n      &.${globalClasses.arrowHelperTop} {\n        background-image: ${arrowBgImage};\n      }\n    }\n  `;\n};\n\nexport const buttonSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingX: string,\n  paddingY: string,\n  fontFamilyCompensation: string,\n) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation)};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const buttonSizeMixinIE11 = (\n  fontSize: string,\n  paddingX: string,\n  paddingY: string,\n  fontFamilyCompensation: string,\n) => {\n  return css`\n    padding: ${getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, 1)};\n    line-height: normal;\n  `;\n};\n\nexport const arrowOutlineMixin = (\n  insetWidth: string,\n  outlineColor: string,\n  outlineWidth: string,\n  insetColor: string,\n) => {\n  return css`\n    .${globalClasses.arrowHelper} {\n      &.${globalClasses.arrowHelperTop} {\n        box-shadow: inset -${insetWidth} ${insetWidth} 0 0 ${insetColor}, ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n      }\n\n      &.${globalClasses.arrowHelperBottom} {\n        box-shadow: inset -${insetWidth} -${insetWidth} 0 0 ${insetColor}, ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n      }\n\n      // don't hide inner outline\n      // and keep the middle-line fix\n      &:before {\n        top: ${insetWidth};\n        right: ${insetWidth};\n        left: ${insetWidth};\n      }\n      &.${globalClasses.arrowHelperBottom}:before {\n        bottom: ${insetWidth};\n      }\n    }\n  `;\n};\n"]}

package/components/Button/Button.mixins/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Button/Button.mixins.js",
-  "module": "Button.mixins",
-  "types": "../Button.mixins.d.ts",
-  "sideEffects": false
-}