@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

package/components/Kebab/Kebab/Kebab.js

@@ -1,219 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from "../../../lib/events/keyboard/identifiers";
-import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { tabListener } from "../../../lib/events/tabListener";
-import { PopupMenu } from "../../../internal/PopupMenu";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { MenuKebabIcon } from "../../../internal/icons/16px";
-import { isTestEnv } from "../../../lib/currentEnvironment";
-import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-import { jsStyles } from "../Kebab.styles";
-export var Kebab = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Kebab, _React$Component);
-
-  function Kebab() {
-    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 = {
-      opened: false,
-      focusedByTab: false,
-      anchor: null
-    };
-    _this.theme = void 0;
-    _this.listener = {
-      remove: function remove() {
-        return undefined;
-      }
-    };
-
-    _this.renderCaption = function (captionProps) {
-      var _cn;
-
-      var disabled = _this.props.disabled;
-
-      var handleCaptionKeyDown = function handleCaptionKeyDown(event) {
-        if (!disabled) {
-          _this.handleCaptionKeyDown(event, captionProps.openMenu);
-        }
-      };
-
-      var handleCaptionClick = function handleCaptionClick() {
-        if (!disabled) {
-          captionProps.toggleMenu();
-        }
-      };
-
-      return /*#__PURE__*/React.createElement("span", {
-        tabIndex: disabled ? -1 : 0,
-        onClick: handleCaptionClick,
-        onKeyDown: handleCaptionKeyDown,
-        onFocus: _this.handleFocus,
-        onBlur: _this.handleBlur,
-        className: cn((_cn = {}, _cn[jsStyles.kebab()] = true, _cn[jsStyles.opened()] = captionProps.opened, _cn[jsStyles.disabled()] = disabled, _cn[jsStyles.focused(_this.theme)] = _this.state.focusedByTab, _cn))
-      }, _this.renderIcon());
-    };
-
-    _this.handleCaptionKeyDown = function (e, openMenu) {
-      if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {
-        e.preventDefault();
-        openMenu(true);
-      }
-    };
-
-    _this.handleChangeMenuState = function (isOpened, restoreFocus) {
-      _this.setState({
-        opened: isOpened,
-        focusedByTab: !isOpened && restoreFocus
-      }, function () {
-        if (_this.props.disabled) {
-          return;
-        }
-
-        if (_this.state.opened) {
-          _this.props.onOpen();
-        } else {
-          _this.props.onClose();
-        }
-      });
-    };
-
-    _this.handleFocus = function () {
-      if (!_this.props.disabled) {
-        // focus event fires before keyDown eventlistener
-        // so we should check tabPressed in async way
-        process.nextTick(function () {
-          if (tabListener.isTabPressed) {
-            _this.setState({
-              focusedByTab: true
-            });
-          }
-        });
-      }
-    };
-
-    _this.handleBlur = function () {
-      _this.setState({
-        focusedByTab: false
-      });
-    };
-
-    return _this;
-  }
-
-  var _proto = Kebab.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    /** addListener'у нужен колбэк в аргумент */
-    this.listener = LayoutEvents.addListener(function () {
-      return undefined;
-    });
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.listener.remove();
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-        value: ThemeFactory.create({
-          popupPinOffset: '15px',
-          popupMargin: '5px'
-        }, theme)
-      }, _this2.renderMain());
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _this$props = this.props,
-        disabled = _this$props.disabled,
-        positions = _this$props.positions;
-    return /*#__PURE__*/React.createElement(PopupMenu, {
-      popupHasPin: true,
-      positions: positions,
-      onChangeMenuState: this.handleChangeMenuState,
-      caption: this.renderCaption,
-      disableAnimations: this.props.disableAnimations
-    }, !disabled && this.props.children);
-  };
-
-  _proto.renderIcon = function renderIcon() {
-    switch (this.props.size) {
-      case 'small':
-        return /*#__PURE__*/React.createElement("div", {
-          className: jsStyles.iconsmall()
-        }, /*#__PURE__*/React.createElement(MenuKebabIcon, {
-          size: "14px",
-          color: "#757575"
-        }));
-
-      case 'medium':
-        return /*#__PURE__*/React.createElement("div", {
-          className: jsStyles.iconmedium()
-        }, /*#__PURE__*/React.createElement(MenuKebabIcon, {
-          size: "18px",
-          color: "#757575"
-        }));
-
-      case 'large':
-        return /*#__PURE__*/React.createElement("div", {
-          className: jsStyles.iconlarge()
-        }, /*#__PURE__*/React.createElement(MenuKebabIcon, {
-          size: "20px",
-          color: "#757575",
-          style: {
-            verticalAlign: -2
-          }
-        }));
-
-      default:
-        throw new Error("Unexpected size '" + this.props.size + "'");
-    }
-  };
-
-  return Kebab;
-}(React.Component);
-Kebab.__KONTUR_REACT_UI__ = 'Kebab';
-Kebab.propTypes = {};
-Kebab.defaultProps = {
-  onOpen: function onOpen() {
-    return undefined;
-  },
-  onClose: function onClose() {
-    return undefined;
-  },
-  positions: ['bottom left', 'bottom right', 'top left', 'top right'],
-  size: 'small',
-  disableAnimations: isTestEnv
-};
-Kebab.propTypes = {
-  children: PropTypes.node,
-  disabled: PropTypes.bool,
-  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  /**
-   * Размер кебаба small 14px | large 20px
-   */
-  size: PropTypes.string,
-
-  /**
-   * Коллбек, вызывающийся перед закрытием кебаба
-   */
-  onClose: PropTypes.func,
-
-  /**
-   * Коллбек, вызывающийся перед открытием кебаба
-   */
-  onOpen: PropTypes.func
-};

package/components/Kebab/Kebab/Kebab.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Kebab.tsx"],"names":["React","PropTypes","cn","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","tabListener","PopupMenu","ThemeContext","MenuKebabIcon","isTestEnv","ThemeFactory","jsStyles","Kebab","state","opened","focusedByTab","anchor","theme","listener","remove","undefined","renderCaption","captionProps","disabled","props","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","handleFocus","handleBlur","kebab","focused","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","onOpen","onClose","process","nextTick","isTabPressed","componentDidMount","addListener","componentWillUnmount","render","create","popupPinOffset","popupMargin","renderMain","positions","disableAnimations","children","size","iconsmall","iconmedium","iconlarge","verticalAlign","Error","Component","__KONTUR_REACT_UI__","propTypes","defaultProps","node","bool","menuMaxHeight","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { PopupMenu, PopupMenuCaptionProps } from '../../internal/PopupMenu';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { PopupPosition } from '../../internal/Popup';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { MenuKebabIcon } from '../../internal/icons/16px';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\n\r\nimport { jsStyles } from './Kebab.styles';\r\n\r\nexport interface KebabProps {\r\n  disabled?: boolean;\r\n  /**\r\n   * Функция вызываемая при закрытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onClose: () => void;\r\n  /**\r\n   * Функция вызываемая при открытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onOpen: () => void;\r\n  size: 'small' | 'medium' | 'large';\r\n  /**\r\n   * Список позиций доступных для расположения выпадашки\r\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использоваться первая из этого списка\r\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\r\n   */\r\n  positions: PopupPosition[];\r\n  menuMaxHeight?: number | string;\r\n  /**\r\n   * Не показывать анимацию\r\n   */\r\n  disableAnimations: boolean;\r\n}\r\n\r\nexport interface KebabState {\r\n  anchor: Nullable<HTMLElement>;\r\n  focusedByTab: boolean;\r\n  opened: boolean;\r\n}\r\n\r\nexport class Kebab extends React.Component<KebabProps, KebabState> {\r\n  public static __KONTUR_REACT_UI__ = 'Kebab';\r\n\r\n  public static propTypes = {};\r\n\r\n  public static defaultProps = {\r\n    onOpen: () => undefined,\r\n    onClose: () => undefined,\r\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\r\n    size: 'small',\r\n    disableAnimations: isTestEnv,\r\n  };\r\n\r\n  public state = {\r\n    opened: false,\r\n    focusedByTab: false,\r\n    anchor: null,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  private listener: {\r\n    remove: () => void;\r\n  } = {\r\n    remove: () => undefined,\r\n  };\r\n\r\n  public componentDidMount() {\r\n    /** addListener'у нужен колбэк в аргумент */\r\n    this.listener = LayoutEvents.addListener(() => undefined);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.listener.remove();\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return (\r\n            <ThemeContext.Provider\r\n              value={ThemeFactory.create(\r\n                {\r\n                  popupPinOffset: '15px',\r\n                  popupMargin: '5px',\r\n                },\r\n                theme,\r\n              )}\r\n            >\r\n              {this.renderMain()}\r\n            </ThemeContext.Provider>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { disabled, positions } = this.props;\r\n\r\n    return (\r\n      <PopupMenu\r\n        popupHasPin\r\n        positions={positions}\r\n        onChangeMenuState={this.handleChangeMenuState}\r\n        caption={this.renderCaption}\r\n        disableAnimations={this.props.disableAnimations}\r\n      >\r\n        {!disabled && this.props.children}\r\n      </PopupMenu>\r\n    );\r\n  }\r\n\r\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\r\n    const { disabled } = this.props;\r\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (!disabled) {\r\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\r\n      }\r\n    };\r\n\r\n    const handleCaptionClick = () => {\r\n      if (!disabled) {\r\n        captionProps.toggleMenu();\r\n      }\r\n    };\r\n\r\n    return (\r\n      <span\r\n        tabIndex={disabled ? -1 : 0}\r\n        onClick={handleCaptionClick}\r\n        onKeyDown={handleCaptionKeyDown}\r\n        onFocus={this.handleFocus}\r\n        onBlur={this.handleBlur}\r\n        className={cn({\r\n          [jsStyles.kebab()]: true,\r\n          [jsStyles.opened()]: captionProps.opened,\r\n          [jsStyles.disabled()]: disabled,\r\n          [jsStyles.focused(this.theme)]: this.state.focusedByTab,\r\n        })}\r\n      >\r\n        {this.renderIcon()}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private handleCaptionKeyDown = (\r\n    e: React.KeyboardEvent<HTMLDivElement>,\r\n    openMenu: PopupMenuCaptionProps['openMenu'],\r\n  ) => {\r\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\r\n      e.preventDefault();\r\n      openMenu(true);\r\n    }\r\n  };\r\n\r\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\r\n    this.setState(\r\n      {\r\n        opened: isOpened,\r\n        focusedByTab: !isOpened && restoreFocus,\r\n      },\r\n      () => {\r\n        if (this.props.disabled) {\r\n          return;\r\n        }\r\n\r\n        if (this.state.opened) {\r\n          this.props.onOpen();\r\n        } else {\r\n          this.props.onClose();\r\n        }\r\n      },\r\n    );\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (!this.props.disabled) {\r\n      // focus event fires before keyDown eventlistener\r\n      // so we should check tabPressed in async way\r\n      process.nextTick(() => {\r\n        if (tabListener.isTabPressed) {\r\n          this.setState({ focusedByTab: true });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    this.setState({\r\n      focusedByTab: false,\r\n    });\r\n  };\r\n\r\n  private renderIcon() {\r\n    switch (this.props.size) {\r\n      case 'small':\r\n        return (\r\n          <div className={jsStyles.iconsmall()}>\r\n            <MenuKebabIcon size=\"14px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'medium':\r\n        return (\r\n          <div className={jsStyles.iconmedium()}>\r\n            <MenuKebabIcon size=\"18px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'large':\r\n        return (\r\n          <div className={jsStyles.iconlarge()}>\r\n            <MenuKebabIcon size=\"20px\" color=\"#757575\" style={{ verticalAlign: -2 }} />\r\n          </div>\r\n        );\r\n      default:\r\n        throw new Error(`Unexpected size '${this.props.size}'`);\r\n    }\r\n  }\r\n}\r\n\r\nKebab.propTypes = {\r\n  children: PropTypes.node,\r\n  disabled: PropTypes.bool,\r\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n  /**\r\n   * Размер кебаба small 14px | large 20px\r\n   */\r\n  size: PropTypes.string,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед закрытием кебаба\r\n   */\r\n  onClose: PropTypes.func,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед открытием кебаба\r\n   */\r\n  onOpen: PropTypes.func,\r\n};\r\n"]}

package/components/Kebab/Kebab/package.json

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

package/components/Kebab/Kebab.md

@@ -1,45 +0,0 @@
-```jsx harmony
-import EditIcon from '@skbkontur/react-icons/Edit';
-import TrashIcon from '@skbkontur/react-icons/Trash';
-import { Gapped, MenuItem } from '@skbkontur/react-ui';
-
-let style = {
-  alignItems: 'center',
-  background: 'white',
-  border: '1px solid #dfdede',
-  color: '#333',
-  display: 'flex',
-  justifyContent: 'space-between',
-  padding: '0 20px',
-  width: 250,
-};
-
-let Card = ({ name, post }) => (
-  <div style={style}>
-    <div>
-      <h3>{name}</h3>
-      <p style={{ color: 'gray' }}>{post}</p>
-    </div>
-
-    <Kebab size="large">
-      <MenuItem icon={<EditIcon />} onClick={() => Toast.push('Nope')}>
-        Редактировать
-      </MenuItem>
-      <MenuItem icon={<TrashIcon />} onClick={() => Toast.push('Nope')}>
-        Удалить
-      </MenuItem>
-    </Kebab>
-  </div>
-);
-
-<Gapped gap={-1} wrap>
-  <Gapped gap={-1}>
-    <Card name="Баранова Анастасия" post="SEO GazPro" />
-    <Card name="Слуцкий Антон" post="Junior Front-Back Developer" />
-  </Gapped>
-  <Gapped gap={-1}>
-    <Card name="Иванов Иван" post="Head Ivan Co" />
-    <Card name="Сашка Егоров" post="KungFu Master" />
-  </Gapped>
-</Gapped>;
-```

package/components/Kebab/Kebab.styles/Kebab.styles.js

@@ -1,110 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      border-radius: ", ";\n    "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", " & {\n        margin-top: -4px;\n        margin-left: 0.5px;\n      }\n    "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", " & {\n        margin-top: -2px;\n        margin-left: 0.5px;\n      }\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", " & {\n        margin-top: 1px;\n        margin-left: 0.8124px;\n      }\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        cursor: default;\n\n        &:hover {\n          background: none;\n        }\n      }\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        background: rgba(0, 0, 0, 0.09);\n        cursor: default;\n      }\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        background: rgba(0, 0, 0, 0.09);\n        border-color: ", ";\n      }\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: center;\n      border: 2px solid transparent;\n      box-sizing: border-box;\n      border-radius: 50%;\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      width: 26px;\n      height: 26px;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.09);\n      }\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  kebab: function kebab() {
-    return css(_templateObject());
-  },
-  focused: function focused(t) {
-    return css(_templateObject2(), cssName(styles.kebab()), t.borderColorFocus);
-  },
-  opened: function opened() {
-    return css(_templateObject3(), cssName(styles.kebab()));
-  },
-  disabled: function disabled() {
-    return css(_templateObject4(), cssName(styles.kebab()));
-  },
-  iconsmall: function iconsmall() {
-    return css(_templateObject5(), cssName(styles.kebab()));
-  },
-  iconmedium: function iconmedium() {
-    return css(_templateObject6(), cssName(styles.kebab()));
-  },
-  iconlarge: function iconlarge() {
-    return css(_templateObject7(), cssName(styles.kebab()));
-  },
-  menu: function menu(t) {
-    return css(_templateObject8(), t.popupBorderRadius);
-  }
-};
-export var jsStyles = memoizeStyle(styles);

package/components/Kebab/Kebab.styles/Kebab.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Kebab.styles.ts"],"names":["css","cssName","memoizeStyle","styles","kebab","focused","t","borderColorFocus","opened","disabled","iconsmall","iconmedium","iconlarge","menu","popupBorderRadius","jsStyles"],"mappings":"owEAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,WAAOJ,GAAP;;;;;;;;;;;;;;;;;AAiBD,GAnBY;;AAqBbK,EAAAA,OArBa,mBAqBLC,CArBK,EAqBK;AAChB,WAAON,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,KAAP,EAAD,CADX;;AAGoBE,IAAAA,CAAC,CAACC,gBAHtB;;;AAMD,GA5BY;;AA8BbC,EAAAA,MA9Ba,oBA8BJ;AACP,WAAOR,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,KAAP,EAAD,CADX;;;;;AAMD,GArCY;;AAuCbK,EAAAA,QAvCa,sBAuCF;AACT,WAAOT,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,KAAP,EAAD,CADX;;;;;;;;AASD,GAjDY;;AAmDbM,EAAAA,SAnDa,uBAmDD;AACV,WAAOV,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,KAAP,EAAD,CADX;;;;;AAMD,GA1DY;;AA4DbO,EAAAA,UA5Da,wBA4DA;AACX,WAAOX,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,KAAP,EAAD,CADX;;;;;AAMD,GAnEY;;AAqEbQ,EAAAA,SArEa,uBAqED;AACV,WAAOZ,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,KAAP,EAAD,CADX;;;;;AAMD,GA5EY;;AA8EbS,EAAAA,IA9Ea,gBA8ERP,CA9EQ,EA8EE;AACb,WAAON,GAAP;;AAEmBM,IAAAA,CAAC,CAACQ,iBAFrB;;AAID,GAnFY,EAAf;;;AAsFA,OAAO,IAAMC,QAAQ,GAAGb,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  kebab() {\r\n    return css`\r\n      display: inline-block;\r\n      text-align: center;\r\n      border: 2px solid transparent;\r\n      box-sizing: border-box;\r\n      border-radius: 50%;\r\n      user-select: none;\r\n      cursor: pointer;\r\n      outline: 0;\r\n      transition: background 0.12s ease-out;\r\n      width: 26px;\r\n      height: 26px;\r\n\r\n      &:hover {\r\n        background: rgba(0, 0, 0, 0.09);\r\n      }\r\n    `;\r\n  },\r\n\r\n  focused(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.kebab())}& {\r\n        background: rgba(0, 0, 0, 0.09);\r\n        border-color: ${t.borderColorFocus};\r\n      }\r\n    `;\r\n  },\r\n\r\n  opened() {\r\n    return css`\r\n      ${cssName(styles.kebab())}& {\r\n        background: rgba(0, 0, 0, 0.09);\r\n        cursor: default;\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled() {\r\n    return css`\r\n      ${cssName(styles.kebab())}& {\r\n        cursor: default;\r\n\r\n        &:hover {\r\n          background: none;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  iconsmall() {\r\n    return css`\r\n      ${cssName(styles.kebab())} & {\r\n        margin-top: 1px;\r\n        margin-left: 0.8124px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  iconmedium() {\r\n    return css`\r\n      ${cssName(styles.kebab())} & {\r\n        margin-top: -2px;\r\n        margin-left: 0.5px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  iconlarge() {\r\n    return css`\r\n      ${cssName(styles.kebab())} & {\r\n        margin-top: -4px;\r\n        margin-left: 0.5px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  menu(t: Theme) {\r\n    return css`\r\n      overflow: hidden;\r\n      border-radius: ${t.popupBorderRadius};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Kebab/Kebab.styles/package.json

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

package/components/Kebab/__stories__/Kebab.items/Kebab.items.js

@@ -1,38 +0,0 @@
-export var defaultItemsList = [{
-  text: 'First',
-  action: 'First'
-}, {
-  text: 'Second',
-  action: 'Second'
-}, {
-  text: 'Uno',
-  action: 'Uno'
-}];
-export var manyItemsList = [{
-  text: 'Edit',
-  action: 'Edit'
-}, {
-  text: 'Remove',
-  action: 'Remove'
-}, {
-  text: 'Communicate',
-  action: 'Communicate'
-}, {
-  text: 'Grade',
-  action: 'Grade'
-}, {
-  text: 'Dispatch',
-  action: 'Dispatch'
-}, {
-  text: 'Disable',
-  action: 'Disable'
-}, {
-  text: 'Rate',
-  action: 'Rate'
-}, {
-  text: 'Collaborate',
-  action: 'Collaborate'
-}, {
-  text: 'Contribute',
-  action: 'Contribute'
-}];

package/components/Kebab/__stories__/Kebab.items/Kebab.items.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Kebab.items.tsx"],"names":["defaultItemsList","text","action","manyItemsList"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAG;AAC9B;AACEC,EAAAA,IAAI,EAAE,OADR;AAEEC,EAAAA,MAAM,EAAE,OAFV,EAD8B;;AAK9B;AACED,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,MAAM,EAAE,QAFV,EAL8B;;AAS9B;AACED,EAAAA,IAAI,EAAE,KADR;AAEEC,EAAAA,MAAM,EAAE,KAFV,EAT8B,CAAzB;;;;AAeP,OAAO,IAAMC,aAAa,GAAG;AAC3B;AACEF,EAAAA,IAAI,EAAE,MADR;AAEEC,EAAAA,MAAM,EAAE,MAFV,EAD2B;;AAK3B;AACED,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,MAAM,EAAE,QAFV,EAL2B;;AAS3B;AACED,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,MAAM,EAAE,aAFV,EAT2B;;AAa3B;AACED,EAAAA,IAAI,EAAE,OADR;AAEEC,EAAAA,MAAM,EAAE,OAFV,EAb2B;;AAiB3B;AACED,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,MAAM,EAAE,UAFV,EAjB2B;;AAqB3B;AACED,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,MAAM,EAAE,SAFV,EArB2B;;AAyB3B;AACED,EAAAA,IAAI,EAAE,MADR;AAEEC,EAAAA,MAAM,EAAE,MAFV,EAzB2B;;AA6B3B;AACED,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,MAAM,EAAE,aAFV,EA7B2B;;AAiC3B;AACED,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,MAAM,EAAE,YAFV,EAjC2B,CAAtB","sourcesContent":["export const defaultItemsList = [\r\n  {\r\n    text: 'First',\r\n    action: 'First',\r\n  },\r\n  {\r\n    text: 'Second',\r\n    action: 'Second',\r\n  },\r\n  {\r\n    text: 'Uno',\r\n    action: 'Uno',\r\n  },\r\n];\r\n\r\nexport const manyItemsList = [\r\n  {\r\n    text: 'Edit',\r\n    action: 'Edit',\r\n  },\r\n  {\r\n    text: 'Remove',\r\n    action: 'Remove',\r\n  },\r\n  {\r\n    text: 'Communicate',\r\n    action: 'Communicate',\r\n  },\r\n  {\r\n    text: 'Grade',\r\n    action: 'Grade',\r\n  },\r\n  {\r\n    text: 'Dispatch',\r\n    action: 'Dispatch',\r\n  },\r\n  {\r\n    text: 'Disable',\r\n    action: 'Disable',\r\n  },\r\n  {\r\n    text: 'Rate',\r\n    action: 'Rate',\r\n  },\r\n  {\r\n    text: 'Collaborate',\r\n    action: 'Collaborate',\r\n  },\r\n  {\r\n    text: 'Contribute',\r\n    action: 'Contribute',\r\n  },\r\n];\r\n"]}

package/components/Kebab/__stories__/Kebab.items/package.json

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

package/components/Kebab/index/index.js

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

package/components/Kebab/index/index.js.map

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

package/components/Kebab/index/package.json

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

package/components/Kebab/package.json

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

package/components/Link/Link/Link.js

@@ -1,151 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { tabListener } from "../../../lib/events/tabListener";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { isExternalLink } from "../../../lib/utils";
-import { jsStyles } from "../Link.styles";
-/**
- * Стандартная ссылка.
- * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.
- * Все свойства передаются в элемент `<a>`.
- * `className` и `style` не поддерживаются
- */
-
-export var Link = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Link, _React$Component);
-
-  function Link() {
-    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.theme = void 0;
-    _this.getProps = createPropsGetter(Link.defaultProps);
-
-    _this._handleFocus = function (event) {
-      if (!_this.props.disabled) {
-        // focus event fires before keyDown eventlistener
-        // so we should check tabPressed in async way
-        process.nextTick(function () {
-          if (tabListener.isTabPressed) {
-            _this.setState({
-              focusedByTab: true
-            });
-          }
-        });
-      }
-    };
-
-    _this._handleBlur = function () {
-      _this.setState({
-        focusedByTab: false
-      });
-    };
-
-    _this._handleClick = function (event) {
-      var _this$props = _this.props,
-          href = _this$props.href,
-          onClick = _this$props.onClick,
-          disabled = _this$props.disabled;
-
-      if (!href) {
-        event.preventDefault();
-      }
-
-      if (onClick && !disabled) {
-        onClick(event);
-      }
-    };
-
-    return _this;
-  }
-
-  var _proto = Link.prototype;
-
-  _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 _cn;
-
-    var _this$getProps = this.getProps(),
-        disabled = _this$getProps.disabled,
-        href = _this$getProps.href,
-        icon = _this$getProps.icon,
-        use = _this$getProps.use,
-        _button = _this$getProps._button,
-        _buttonOpened = _this$getProps._buttonOpened,
-        className = _this$getProps.className,
-        style = _this$getProps.style,
-        relOrigin = _this$getProps.rel,
-        rest = _objectWithoutPropertiesLoose(_this$getProps, ["disabled", "href", "icon", "use", "_button", "_buttonOpened", "className", "style", "rel"]);
-
-    var iconElement = null;
-
-    if (icon) {
-      iconElement = /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.icon(this.theme)
-      }, icon);
-    }
-
-    var arrow = null;
-
-    if (_button) {
-      arrow = /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.arrow()
-      });
-    }
-
-    var rel = relOrigin;
-
-    if (typeof rel === 'undefined' && href) {
-      rel = "noopener" + (isExternalLink(href) ? ' noreferrer' : '');
-    }
-
-    var props = {
-      className: cn((_cn = {}, _cn[jsStyles.root(this.theme)] = true, _cn[jsStyles.disabled(this.theme)] = !!disabled, _cn[jsStyles.button(this.theme)] = !!_button, _cn[jsStyles.buttonOpened()] = !!_buttonOpened, _cn[jsStyles.focus(this.theme)] = !disabled && this.state.focusedByTab, _cn[jsStyles.useDefault(this.theme)] = use === 'default', _cn[jsStyles.useSuccess(this.theme)] = use === 'success', _cn[jsStyles.useDanger(this.theme)] = use === 'danger', _cn[jsStyles.useGrayed(this.theme)] = use === 'grayed', _cn)),
-      href: href,
-      rel: rel,
-      onClick: this._handleClick,
-      onFocus: this._handleFocus,
-      onBlur: this._handleBlur,
-      tabIndex: this.props.tabIndex
-    };
-
-    if (disabled) {
-      props.tabIndex = -1;
-    }
-
-    return /*#__PURE__*/React.createElement("a", _extends({}, rest, props), iconElement, this.props.children, arrow);
-  };
-
-  return Link;
-}(React.Component);
-Link.__KONTUR_REACT_UI__ = 'Link';
-Link.propTypes = {
-  disabled: PropTypes.bool,
-  href: PropTypes.string,
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed'])
-};
-Link.defaultProps = {
-  href: '',
-  use: 'default'
-};