@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-b08da15166

package/components/MenuItem/MenuItem.js

@@ -1,188 +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 warning from 'warning';
-
-import { isFunction } from '../../lib/utils';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-
-import { jsStyles } from './MenuItem.styles';import
-styles from "./MenuItem.module.css";
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                                      * Элемент меню.
-                                      */
-export var MenuItem = /*#__PURE__*/function (_React$Component) {_inheritsLoose(MenuItem, _React$Component);function MenuItem() {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.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    theme = void 0;_this.
-    mouseEntered = false;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    handleMouseEnterFix = function (e) {
-      if (!_this.mouseEntered && _this.props.onMouseEnter) {
-        _this.mouseEntered = true;
-        _this.props.onMouseEnter(e);
-      }
-    };_this.
-
-    handleMouseLeave = function (e) {
-      _this.mouseEntered = false;
-      if (_this.props.onMouseLeave) {
-        _this.props.onMouseLeave(e);
-      }
-    };_this.
-
-    getComponent = function () {var _this$props =
-      _this.props,disabled = _this$props.disabled,component = _this$props.component,href = _this$props.href;
-
-      if (disabled) {
-        return 'button';
-      }
-
-      if (component) {
-        return component;
-      }
-
-      if (href) {
-        return 'a';
-      }
-
-      return 'button';
-    };return _this;}var _proto = MenuItem.prototype;_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx, _cx2;var _this$props2 = this.props,alkoLink = _this$props2.alkoLink,link = _this$props2.link,comment = _this$props2.comment,icon = _this$props2.icon,loose = _this$props2.loose,state = _this$props2.state,children = _this$props2.children,_enableIconPadding = _this$props2._enableIconPadding,component = _this$props2.component,onMouseEnter = _this$props2.onMouseEnter,onMouseLeave = _this$props2.onMouseLeave,rest = _objectWithoutPropertiesLoose(_this$props2, ["alkoLink", "link", "comment", "icon", "loose", "state", "children", "_enableIconPadding", "component", "onMouseEnter", "onMouseLeave"]);warning(alkoLink === undefined, "[MenuItem]: Prop 'alkoLink' was deprecated please use 'link' instead");var hover = state === 'hover' && !this.props.disabled;var iconElement = null;if (icon) {iconElement = React.createElement("div", { className: styles.icon }, icon);}var className = cx((_cx = {}, _cx[styles.root] = true, _cx[jsStyles.root(this.theme)] = true, _cx[styles.disabled] = !!this.props.disabled, _cx[styles.loose] = !!loose, _cx[jsStyles.hover(this.theme)] = hover, _cx[jsStyles.selected(this.theme)] = state === 'selected', _cx[jsStyles.link(this.theme)] = !!link || !!alkoLink, _cx[jsStyles.withIcon(this.theme)] = Boolean(iconElement) || !!_enableIconPadding, _cx[jsStyles.disabled(this.theme)] = !!this.props.disabled, _cx));var content = children;if (isFunction(children)) {content = children(this.props.state);}var Component = this.getComponent();return React.createElement(Component, _extends({}, rest, { onMouseOver: this.handleMouseEnterFix, onMouseLeave: this.handleMouseLeave, className: className, tabIndex: -1 }), iconElement, content, this.props.comment && React.createElement("div", { className: cx((_cx2 = {}, _cx2[styles.comment] = true, _cx2[styles.commentHover] = hover, _cx2)) }, comment));} // https://github.com/facebook/react/issues/10109
-  // Mouseenter event not triggered when cursor moves from disabled button
-  ;return MenuItem;}(React.Component);MenuItem.__KONTUR_REACT_UI__ = 'MenuItem';MenuItem.__MENU_ITEM__ = true;MenuItem.propTypes = { alkoLink: PropTypes.bool, comment: PropTypes.node, disabled: PropTypes.bool, href: PropTypes.string, icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), loose: PropTypes.bool, state: PropTypes.string, target: PropTypes.string, onClick: PropTypes.func };
-export var isMenuItem = function isMenuItem(child) {
-  return React.isValidElement(child) ? child.type.hasOwnProperty('__MENU_ITEM__') : false;
-};

package/components/MenuItem/MenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","warning","isFunction","cx","ThemeConsumer","jsStyles","styles","MenuItem","theme","mouseEntered","handleMouseEnterFix","e","props","onMouseEnter","handleMouseLeave","onMouseLeave","getComponent","disabled","component","href","render","renderMain","alkoLink","link","comment","icon","loose","state","children","_enableIconPadding","rest","undefined","hover","iconElement","className","root","selected","withIcon","Boolean","content","Component","commentHover","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","bool","node","string","oneOfType","target","onClick","func","isMenuItem","child","isValidElement","type","hasOwnProperty"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,SAApB;;AAEA,SAASC,UAAT,QAA2B,iBAA3B;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,aAAT,QAA8B,kBAA9B;;;AAGA,SAASC,QAAT,QAAyB,mBAAzB,C;AACOC,M;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BP;;;AAGA,WAAaC,QAAb;;;;;;;;;;;;;;;;;;;;;;;;AAwBUC,IAAAA,KAxBV;AAyBUC,IAAAA,YAzBV,GAyByB,KAzBzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GUC,IAAAA,mBA5GV,GA4GgC,UAACC,CAAD,EAAsC;AAClE,UAAI,CAAC,MAAKF,YAAN,IAAsB,MAAKG,KAAL,CAAWC,YAArC,EAAmD;AACjD,cAAKJ,YAAL,GAAoB,IAApB;AACA,cAAKG,KAAL,CAAWC,YAAX,CAAwBF,CAAxB;AACD;AACF,KAjHH;;AAmHUG,IAAAA,gBAnHV,GAmH6B,UAACH,CAAD,EAAsC;AAC/D,YAAKF,YAAL,GAAoB,KAApB;AACA,UAAI,MAAKG,KAAL,CAAWG,YAAf,EAA6B;AAC3B,cAAKH,KAAL,CAAWG,YAAX,CAAwBJ,CAAxB;AACD;AACF,KAxHH;;AA0HUK,IAAAA,YA1HV,GA0HyB,YAAM;AACW,YAAKJ,KADhB,CACnBK,QADmB,eACnBA,QADmB,CACTC,SADS,eACTA,SADS,CACEC,IADF,eACEA,IADF;;AAG3B,UAAIF,QAAJ,EAAc;AACZ,eAAO,QAAP;AACD;;AAED,UAAIC,SAAJ,EAAe;AACb,eAAOA,SAAP;AACD;;AAED,UAAIC,IAAJ,EAAU;AACR,eAAO,GAAP;AACD;;AAED,aAAO,QAAP;AACD,KA1IH,sDA2BSC,MA3BT,GA2BE,kBAAgB,mBACd,OACE,oBAAC,aAAD,QACG,UAAAZ,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACa,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CApCH,QAsCUA,UAtCV,GAsCE,sBAAqB,kCAcf,KAAKT,KAdU,CAEjBU,QAFiB,gBAEjBA,QAFiB,CAGjBC,IAHiB,gBAGjBA,IAHiB,CAIjBC,OAJiB,gBAIjBA,OAJiB,CAKjBC,IALiB,gBAKjBA,IALiB,CAMjBC,KANiB,gBAMjBA,KANiB,CAOjBC,KAPiB,gBAOjBA,KAPiB,CAQjBC,QARiB,gBAQjBA,QARiB,CASjBC,kBATiB,gBASjBA,kBATiB,CAUjBX,SAViB,gBAUjBA,SAViB,CAWjBL,YAXiB,gBAWjBA,YAXiB,CAYjBE,YAZiB,gBAYjBA,YAZiB,CAade,IAbc,yLAgBnB7B,OAAO,CAACqB,QAAQ,KAAKS,SAAd,EAAyB,sEAAzB,CAAP,CAEA,IAAMC,KAAK,GAAGL,KAAK,KAAK,OAAV,IAAqB,CAAC,KAAKf,KAAL,CAAWK,QAA/C,CAEA,IAAIgB,WAAW,GAAG,IAAlB,CACA,IAAIR,IAAJ,EAAU,CACRQ,WAAW,GAAG,6BAAK,SAAS,EAAE3B,MAAM,CAACmB,IAAvB,IAA8BA,IAA9B,CAAd,CACD,CAED,IAAMS,SAAS,GAAG/B,EAAE,gBACjBG,MAAM,CAAC6B,IADU,IACH,IADG,MAEjB9B,QAAQ,CAAC8B,IAAT,CAAc,KAAK3B,KAAnB,CAFiB,IAEW,IAFX,MAGjBF,MAAM,CAACW,QAHU,IAGC,CAAC,CAAC,KAAKL,KAAL,CAAWK,QAHd,MAIjBX,MAAM,CAACoB,KAJU,IAIF,CAAC,CAACA,KAJA,MAKjBrB,QAAQ,CAAC2B,KAAT,CAAe,KAAKxB,KAApB,CALiB,IAKYwB,KALZ,MAMjB3B,QAAQ,CAAC+B,QAAT,CAAkB,KAAK5B,KAAvB,CANiB,IAMemB,KAAK,KAAK,UANzB,MAOjBtB,QAAQ,CAACkB,IAAT,CAAc,KAAKf,KAAnB,CAPiB,IAOW,CAAC,CAACe,IAAF,IAAU,CAAC,CAACD,QAPvB,MAQjBjB,QAAQ,CAACgC,QAAT,CAAkB,KAAK7B,KAAvB,CARiB,IAQe8B,OAAO,CAACL,WAAD,CAAP,IAAwB,CAAC,CAACJ,kBARzC,MASjBxB,QAAQ,CAACY,QAAT,CAAkB,KAAKT,KAAvB,CATiB,IASe,CAAC,CAAC,KAAKI,KAAL,CAAWK,QAT5B,OAApB,CAYA,IAAIsB,OAAO,GAAGX,QAAd,CACA,IAAI1B,UAAU,CAAC0B,QAAD,CAAd,EAA0B,CACxBW,OAAO,GAAGX,QAAQ,CAAC,KAAKhB,KAAL,CAAWe,KAAZ,CAAlB,CACD,CAED,IAAMa,SAAS,GAAG,KAAKxB,YAAL,EAAlB,CAEA,OACE,oBAAC,SAAD,eACMc,IADN,IAEE,WAAW,EAAE,KAAKpB,mBAFpB,EAGE,YAAY,EAAE,KAAKI,gBAHrB,EAIE,SAAS,EAAEoB,SAJb,EAKE,QAAQ,EAAE,CAAC,CALb,KAOGD,WAPH,EAQGM,OARH,EASG,KAAK3B,KAAL,CAAWY,OAAX,IACC,6BACE,SAAS,EAAErB,EAAE,kBACVG,MAAM,CAACkB,OADG,IACO,IADP,OAEVlB,MAAM,CAACmC,YAFG,IAEYT,KAFZ,QADf,IAMGR,OANH,CAVJ,CADF,CAsBD,CAxGH,CA0GE;AACA;AA3GF,qBAA8BzB,KAAK,CAACyC,SAApC,EAAajC,Q,CACGmC,mB,GAAsB,U,CADzBnC,Q,CAEGoC,a,GAAgB,I,CAFnBpC,Q,CAIGqC,S,GAAY,EACxBtB,QAAQ,EAAEtB,SAAS,CAAC6C,IADI,EAGxBrB,OAAO,EAAExB,SAAS,CAAC8C,IAHK,EAKxB7B,QAAQ,EAAEjB,SAAS,CAAC6C,IALI,EAOxB1B,IAAI,EAAEnB,SAAS,CAAC+C,MAPQ,EASxBtB,IAAI,EAAEzB,SAAS,CAACgD,SAAV,CAAoB,CAAChD,SAAS,CAAC+C,MAAX,EAAmB/C,SAAS,CAAC8C,IAA7B,CAApB,CATkB,EAWxBpB,KAAK,EAAE1B,SAAS,CAAC6C,IAXO,EAaxBlB,KAAK,EAAE3B,SAAS,CAAC+C,MAbO,EAexBE,MAAM,EAAEjD,SAAS,CAAC+C,MAfM,EAiBxBG,OAAO,EAAElD,SAAS,CAACmD,IAjBK,E;AAyI5B,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAwE;AAChG,SAAOtD,KAAK,CAACuD,cAAN,CAAoCD,KAApC,IAA6CA,KAAK,CAACE,IAAN,CAAWC,cAAX,CAA0B,eAA1B,CAA7C,GAA0F,KAAjG;AACD,CAFM","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport warning from 'warning';\r\n\r\nimport { isFunction } from '../../lib/utils';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './MenuItem.styles';\r\nimport styles from './MenuItem.module.less';\r\n\r\nexport type MenuItemState = null | 'hover' | 'selected' | void;\r\n\r\nexport interface MenuItemProps {\r\n  /** @ignore */\r\n  _enableIconPadding?: boolean;\r\n\r\n  /** @ignore */\r\n  alkoLink?: boolean;\r\n  comment?: React.ReactNode;\r\n  disabled?: boolean;\r\n  icon?: React.ReactElement<any>;\r\n  link?: boolean;\r\n\r\n  /** @ignore */\r\n  loose?: boolean;\r\n\r\n  /** @ignore */\r\n  state?: MenuItemState;\r\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\r\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\r\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\r\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\r\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\r\n  onMouseEnter?: React.MouseEventHandler;\r\n  onMouseLeave?: React.MouseEventHandler;\r\n\r\n  component?: React.ComponentType<any>;\r\n}\r\n\r\n/**\r\n * Элемент меню.\r\n */\r\nexport class MenuItem extends React.Component<MenuItemProps> {\r\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\r\n  public static __MENU_ITEM__ = true;\r\n\r\n  public static propTypes = {\r\n    alkoLink: PropTypes.bool,\r\n\r\n    comment: PropTypes.node,\r\n\r\n    disabled: PropTypes.bool,\r\n\r\n    href: PropTypes.string,\r\n\r\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n\r\n    loose: PropTypes.bool,\r\n\r\n    state: PropTypes.string,\r\n\r\n    target: PropTypes.string,\r\n\r\n    onClick: PropTypes.func,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private mouseEntered = false;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      alkoLink,\r\n      link,\r\n      comment,\r\n      icon,\r\n      loose,\r\n      state,\r\n      children,\r\n      _enableIconPadding,\r\n      component,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      ...rest\r\n    } = this.props;\r\n\r\n    warning(alkoLink === undefined, \"[MenuItem]: Prop 'alkoLink' was deprecated please use 'link' instead\");\r\n\r\n    const hover = state === 'hover' && !this.props.disabled;\r\n\r\n    let iconElement = null;\r\n    if (icon) {\r\n      iconElement = <div className={styles.icon}>{icon}</div>;\r\n    }\r\n\r\n    const className = cx({\r\n      [styles.root]: true,\r\n      [jsStyles.root(this.theme)]: true,\r\n      [styles.disabled]: !!this.props.disabled,\r\n      [styles.loose]: !!loose,\r\n      [jsStyles.hover(this.theme)]: hover,\r\n      [jsStyles.selected(this.theme)]: state === 'selected',\r\n      [jsStyles.link(this.theme)]: !!link || !!alkoLink,\r\n      [jsStyles.withIcon(this.theme)]: Boolean(iconElement) || !!_enableIconPadding,\r\n      [jsStyles.disabled(this.theme)]: !!this.props.disabled,\r\n    });\r\n\r\n    let content = children;\r\n    if (isFunction(children)) {\r\n      content = children(this.props.state);\r\n    }\r\n\r\n    const Component = this.getComponent();\r\n\r\n    return (\r\n      <Component\r\n        {...rest}\r\n        onMouseOver={this.handleMouseEnterFix}\r\n        onMouseLeave={this.handleMouseLeave}\r\n        className={className}\r\n        tabIndex={-1}\r\n      >\r\n        {iconElement}\r\n        {content}\r\n        {this.props.comment && (\r\n          <div\r\n            className={cx({\r\n              [styles.comment]: true,\r\n              [styles.commentHover]: hover,\r\n            })}\r\n          >\r\n            {comment}\r\n          </div>\r\n        )}\r\n      </Component>\r\n    );\r\n  }\r\n\r\n  // https://github.com/facebook/react/issues/10109\r\n  // Mouseenter event not triggered when cursor moves from disabled button\r\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\r\n    if (!this.mouseEntered && this.props.onMouseEnter) {\r\n      this.mouseEntered = true;\r\n      this.props.onMouseEnter(e);\r\n    }\r\n  };\r\n\r\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\r\n    this.mouseEntered = false;\r\n    if (this.props.onMouseLeave) {\r\n      this.props.onMouseLeave(e);\r\n    }\r\n  };\r\n\r\n  private getComponent = () => {\r\n    const { disabled, component, href } = this.props;\r\n\r\n    if (disabled) {\r\n      return 'button';\r\n    }\r\n\r\n    if (component) {\r\n      return component;\r\n    }\r\n\r\n    if (href) {\r\n      return 'a';\r\n    }\r\n\r\n    return 'button';\r\n  };\r\n}\r\n\r\nexport const isMenuItem = (child: React.ReactNode): child is React.ReactElement<MenuItemProps> => {\r\n  return React.isValidElement<MenuItemProps>(child) ? child.type.hasOwnProperty('__MENU_ITEM__') : false;\r\n};\r\n"]}

package/components/MenuItem/MenuItem.module.css

@@ -1,30 +0,0 @@
-:local button.root {
-  min-width: 100%;
-}
-:local .root {
-  display: block;
-  position: relative;
-  cursor: pointer;
-  text-decoration: none;
-}
-:local .loose {
-  padding-left: 15px;
-}
-:local .disabled {
-  background: transparent;
-  cursor: default;
-}
-:local .comment {
-  color: #a0a0a0;
-  white-space: normal;
-}
-:local .commentHover {
-  color: #fff;
-  opacity: 0.6;
-}
-:local .icon {
-  display: inline-block;
-  position: absolute;
-  left: 15px;
-  top: 5px;
-}

package/components/MenuItem/MenuItem.module.css.d.ts

@@ -1,10 +0,0 @@
-export interface IMenuItemModuleLess {
-  'root': string;
-  'loose': string;
-  'disabled': string;
-  'comment': string;
-  'commentHover': string;
-  'icon': string;
-}
-declare const styles: IMenuItemModuleLess;
-export default styles;

package/components/MenuItem/MenuItem.styles.js

@@ -1,40 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", " !important;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      line-height: 18px;\n      padding: 6px 18px 7px 8px;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
-import { css } from '../../lib/theming/Emotion';
-import { resetButton } from '../../lib/styles/Mixins';
-
-export var jsStyles = {
-  root: function root(t) {
-    return css(_templateObject(),
-    resetButton());
-
-
-
-
-  },
-  hover: function hover(t) {
-    // Color with !important in purpose to override `a:hover`
-    return css(_templateObject2(),
-    t.dropdownMenuHoverBg,
-    t.textColorInvert);
-
-  },
-  selected: function selected(t) {
-    return css(_templateObject3(),
-    t.dropdownMenuSelectedBg);
-
-  },
-  disabled: function disabled(t) {
-    return css(_templateObject4(),
-    t.textColorDisabled);
-
-  },
-  link: function link(t) {
-    return css(_templateObject5(),
-    t.linkColor);
-
-  },
-  withIcon: function withIcon(t) {
-    return css(_templateObject6(),
-    t.menuItemPaddingForIcon);
-
-  } };

package/components/MenuItem/MenuItem.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MenuItem.styles.ts"],"names":["css","resetButton","jsStyles","root","t","hover","dropdownMenuHoverBg","textColorInvert","selected","dropdownMenuSelectedBg","disabled","textColorDisabled","link","linkColor","withIcon","menuItemPaddingForIcon"],"mappings":";AACA,SAASA,GAAT,QAAoB,2BAApB;AACA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,IADsB,gBACjBC,CADiB,EACP;AACb,WAAOJ,GAAP;AACIC,IAAAA,WAAW,EADf;;;;;AAMD,GARqB;AAStBI,EAAAA,KATsB,iBAShBD,CATgB,EASN;AACd;AACA,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACE,mBADlB;AAEWF,IAAAA,CAAC,CAACG,eAFb;;AAID,GAfqB;AAgBtBC,EAAAA,QAhBsB,oBAgBbJ,CAhBa,EAgBH;AACjB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACK,sBADlB;;AAGD,GApBqB;AAqBtBC,EAAAA,QArBsB,oBAqBbN,CArBa,EAqBH;AACjB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACO,iBADb;;AAGD,GAzBqB;AA0BtBC,EAAAA,IA1BsB,gBA0BjBR,CA1BiB,EA0BP;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACS,SADb;;AAGD,GA9BqB;AA+BtBC,EAAAA,QA/BsB,oBA+BbV,CA/Ba,EA+BH;AACjB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACW,sBADpB;;AAGD,GAnCqB,EAAjB","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\r\nimport { css } from '../../lib/theming/Emotion';\r\nimport { resetButton } from '../../lib/styles/Mixins';\r\n\r\nexport const jsStyles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetButton()};\r\n\r\n      line-height: 18px;\r\n      padding: 6px 18px 7px 8px;\r\n    `;\r\n  },\r\n  hover(t: Theme) {\r\n    // Color with !important in purpose to override `a:hover`\r\n    return css`\r\n      background: ${t.dropdownMenuHoverBg};\r\n      color: ${t.textColorInvert} !important;\r\n    `;\r\n  },\r\n  selected(t: Theme) {\r\n    return css`\r\n      background: ${t.dropdownMenuSelectedBg};\r\n    `;\r\n  },\r\n  disabled(t: Theme) {\r\n    return css`\r\n      color: ${t.textColorDisabled};\r\n    `;\r\n  },\r\n  link(t: Theme) {\r\n    return css`\r\n      color: ${t.linkColor};\r\n    `;\r\n  },\r\n  withIcon(t: Theme) {\r\n    return css`\r\n      padding-left: ${t.menuItemPaddingForIcon};\r\n    `;\r\n  },\r\n};\r\n"]}

package/components/MenuItem/index.js

@@ -1 +0,0 @@
-export * from './MenuItem';

package/components/MenuItem/index.js.map

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

package/components/MenuSeparator/MenuSeparator.js

@@ -1,31 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-
-import { jsStyles } from './MenuSeparator.styles';import
-styles from "./MenuSeparator.module.css";
-
-/**
-                                           * Разделитель в меню.
-                                           */
-export var MenuSeparator = /*#__PURE__*/function (_React$Component) {_inheritsLoose(MenuSeparator, _React$Component);function MenuSeparator() {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.
-
-
-    theme = void 0;return _this;}var _proto = MenuSeparator.prototype;_proto.
-
-  render = function render() {var _this2 = this;
-    return (
-      React.createElement(ThemeConsumer, null,
-      function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      }));
-
-
-  };_proto.
-
-  renderMain = function renderMain() {
-    return React.createElement("div", { className: cx(styles.root, jsStyles.root(this.theme)) });
-  };return MenuSeparator;}(React.Component);MenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';

package/components/MenuSeparator/MenuSeparator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MenuSeparator.tsx"],"names":["React","cx","ThemeConsumer","jsStyles","styles","MenuSeparator","theme","render","renderMain","root","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,aAAT,QAA8B,kBAA9B;;;AAGA,SAASC,QAAT,QAAyB,wBAAzB,C;AACOC,M;;AAEP;;;AAGA,WAAaC,aAAb;;;AAGUC,IAAAA,KAHV;;AAKSC,EAAAA,MALT,GAKE,kBAAgB;AACd;AACE,0BAAC,aAAD;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GAdH;;AAgBUA,EAAAA,UAhBV,GAgBE,sBAAqB;AACnB,WAAO,6BAAK,SAAS,EAAEP,EAAE,CAACG,MAAM,CAACK,IAAR,EAAcN,QAAQ,CAACM,IAAT,CAAc,KAAKH,KAAnB,CAAd,CAAlB,GAAP;AACD,GAlBH,wBAAmCN,KAAK,CAACU,SAAzC,EAAaL,a,CACGM,mB,GAAsB,e","sourcesContent":["import React from 'react';\r\n\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './MenuSeparator.styles';\r\nimport styles from './MenuSeparator.module.less';\r\n\r\n/**\r\n * Разделитель в меню.\r\n */\r\nexport class MenuSeparator extends React.Component<{}> {\r\n  public static __KONTUR_REACT_UI__ = 'MenuSeparator';\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    return <div className={cx(styles.root, jsStyles.root(this.theme))} />;\r\n  }\r\n}\r\n"]}

package/components/MenuSeparator/MenuSeparator.module.css

@@ -1,3 +0,0 @@
-:local .root {
-  margin: 5px 0;
-}

package/components/MenuSeparator/MenuSeparator.module.css.d.ts

@@ -1,5 +0,0 @@
-export interface IMenuSeparatorModuleLess {
-  'root': string;
-}
-declare const styles: IMenuSeparatorModuleLess;
-export default styles;

package/components/MenuSeparator/MenuSeparator.styles.js

@@ -1,9 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      border-top: 1px solid ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../lib/theming/Emotion';
-
-
-export var jsStyles = {
-  root: function root(t) {
-    return css(_templateObject(),
-    t.menuSeparatorBorderColor);
-
-  } };

package/components/MenuSeparator/MenuSeparator.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MenuSeparator.styles.ts"],"names":["css","jsStyles","root","t","menuSeparatorBorderColor"],"mappings":"2RAAA,SAASA,GAAT,QAAoB,2BAApB;;;AAGA,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,IADsB,gBACjBC,CADiB,EACP;AACb,WAAOH,GAAP;AAC0BG,IAAAA,CAAC,CAACC,wBAD5B;;AAGD,GALqB,EAAjB","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nexport const jsStyles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      border-top: 1px solid ${t.menuSeparatorBorderColor};\r\n    `;\r\n  },\r\n};\r\n"]}

package/components/MenuSeparator/index.js

@@ -1 +0,0 @@
-export * from './MenuSeparator';

package/components/MenuSeparator/index.js.map

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

package/components/Modal/Modal.js

@@ -1,295 +0,0 @@
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import FocusLock from 'react-focus-lock';
-
-import { isKeyEscape } from '../../lib/events/keyboard/identifiers';
-import * as LayoutEvents from '../../lib/LayoutEvents';
-import { RenderContainer } from '../RenderContainer';
-import { ZIndex } from '../ZIndex';
-import { stopPropagation } from '../../lib/events/stopPropagation';
-import { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';
-import { ModalStack } from '../ModalStack';
-import { ResizeDetector } from '../internal/ResizeDetector';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-import { isIE11 } from '../../lib/utils';
-
-import { ModalContext } from './ModalContext';
-import { ModalFooter } from './ModalFooter';
-import { ModalHeader } from './ModalHeader';
-import { isBody, isFooter, isHeader } from './helpers';
-import { ModalBody } from './ModalBody';
-import { ModalClose } from './ModalClose';import
-styles from "./Modal.module.css";
-import { jsStyles } from './Modal.styles';
-
-var mountedModalsCount = 0;
-
-// NOTE: в ie нормально не работает
-var isDisableFocusLock = isIE11;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                                  * Модальное окно
-                                  *
-                                  * Содержит в себе три компоненты: **Modal.Header**,
-                                  * **Modal.Body** и **Modal.Footer**
-                                  *
-                                  * Для отображения серой плашки в футере в компонент
-                                  * **Footer** необходимо передать пропс **panel**
-                                  *
-                                  * Для отключения прилипания шапки и футера
-                                  * в соответствующий компонет нужно передать
-                                  * проп **sticky** со значением **false**
-                                  * (по-умолчанию прилипание включено)
-                                  */
-export var Modal = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Modal, _React$Component);function Modal() {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 = {
-      stackPosition: 0,
-      horizontalScroll: false };_this.
-
-
-    theme = void 0;_this.
-    stackSubscription = null;_this.
-    containerNode = null;_this.
-    mouseDownTarget = null;_this.
-    mouseUpTarget = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    requestClose = function () {
-      if (_this.props.disableClose) {
-        return;
-      }
-      if (_this.props.onClose) {
-        _this.props.onClose();
-      }
-    };_this.
-
-    refContainer = function (center) {
-      _this.containerNode = center;
-    };_this.
-
-    handleStackChange = function (stack) {
-      _this.setState({ stackPosition: stack.indexOf(_assertThisInitialized(_this)) });
-    };_this.
-
-    handleContainerMouseDown = function (event) {
-      _this.mouseDownTarget = event.target;
-    };_this.
-
-    handleContainerMouseUp = function (event) {
-      _this.mouseUpTarget = event.target;
-    };_this.
-
-    handleContainerClick = function (event) {
-      if (!_this.props.ignoreBackgroundClick) {var
-        target = event.target,currentTarget = event.currentTarget;
-        if (target === currentTarget && _this.mouseDownTarget === currentTarget && _this.mouseUpTarget === currentTarget) {
-          _this.requestClose();
-        }
-      }
-    };_this.
-
-    handleKeyDown = function (e) {
-      if (_this.state.stackPosition !== 0) {
-        return;
-      }
-      if (isKeyEscape(e)) {
-        stopPropagation(e);
-        _this.requestClose();
-      }
-    };_this.
-
-    checkHorizontalScrollAppearance = function () {
-      var hasScroll = false;
-
-      if (_this.containerNode) {
-        var containerClientWidth = _this.containerNode.clientWidth;
-        var containerScrollWidth = _this.containerNode.scrollWidth;
-        hasScroll = containerClientWidth < containerScrollWidth;
-      }
-      if (hasScroll && !_this.state.horizontalScroll) {
-        _this.setState({ horizontalScroll: true });
-      } else if (_this.state.horizontalScroll) {
-        _this.setState({ horizontalScroll: false });
-      }
-    };_this.
-
-    handleResize = function (event) {
-      LayoutEvents.emit();
-    };return _this;}var _proto = Modal.prototype;_proto.componentDidMount = function componentDidMount() {this.stackSubscription = ModalStack.add(this, this.handleStackChange);if (mountedModalsCount === 0) {window.addEventListener('resize', this.checkHorizontalScrollAppearance);}mountedModalsCount++;window.addEventListener('keydown', this.handleKeyDown);this.checkHorizontalScrollAppearance();if (this.containerNode) {this.containerNode.addEventListener('scroll', LayoutEvents.emit);}};_proto.componentWillUnmount = function componentWillUnmount() {if (--mountedModalsCount === 0) {window.removeEventListener('resize', this.checkHorizontalScrollAppearance);LayoutEvents.emit();}window.removeEventListener('keydown', this.handleKeyDown);if (this.stackSubscription != null) {this.stackSubscription.remove();}ModalStack.remove(this);if (this.containerNode) {this.containerNode.removeEventListener('scroll', LayoutEvents.emit);}};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx;var hasHeader = false;var hasFooter = false;var hasPanel = false;React.Children.toArray(this.props.children).forEach(function (child) {if (isHeader(child)) {hasHeader = true;}if (isFooter(child)) {hasFooter = true;if (child.props.panel) {hasPanel = true;}}});var modalContextProps = { hasHeader: hasHeader, horizontalScroll: this.state.horizontalScroll };if (hasHeader && !this.props.noClose) {modalContextProps.close = { disableClose: this.props.disableClose, requestClose: this.requestClose };}if (!hasFooter) {modalContextProps.additionalPadding = true;}if (hasFooter && hasPanel) {modalContextProps.additionalPadding = true;}var style = {};var containerStyle = {};if (this.props.width) {style.width = this.props.width;} else {containerStyle.width = 'auto';}return React.createElement(RenderContainer, null, React.createElement(ZIndex, { priority: 'Modal', className: styles.root }, React.createElement(HideBodyVerticalScroll, null), this.state.stackPosition === 0 && React.createElement("div", { className: cx(styles.bg, jsStyles.bg(this.theme)) }), React.createElement("div", { ref: this.refContainer, className: styles.container, onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, "data-tid": "modal-container" }, React.createElement("div", { className: cx(styles.centerContainer, jsStyles.centerContainer(this.theme), (_cx = {}, _cx[styles.alignTop] = !!this.props.alignTop, _cx)), style: containerStyle }, React.createElement("div", { className: cx(styles.window, jsStyles.window(this.theme)), style: style }, React.createElement(ResizeDetector, { onResize: this.handleResize }, React.createElement(FocusLock, { disabled: isDisableFocusLock, autoFocus: false }, !hasHeader && !this.props.noClose ? React.createElement(ZIndex, { priority: 'ModalCross', className: jsStyles.closeWrapper() }, React.createElement(ModalClose, { requestClose: this.requestClose, disableClose: this.props.disableClose })) : null, React.createElement(ModalContext.Provider, { value: modalContextProps }, this.props.children))))))));};return Modal;}(React.Component);Modal.__KONTUR_REACT_UI__ = 'Modal';Modal.Header = ModalHeader;Modal.Body = ModalBody;Modal.Footer = ModalFooter;Modal.propTypes = { children: function children(props, propName, componentName) {if (React.Children.toArray(props[propName]).some(function (child) {return !isHeader(child) && !isBody(child) && !isFooter(child);})) {return new Error("Only 'Header/Body/Footer' components are allowed for '" + propName + "' prop of '" + componentName + "' component");}} };