@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

package/components/MenuItem/MenuItem/MenuItem.js

@@ -1,17 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["link", "comment", "icon", "loose", "state", "size", "_enableIconPadding", "component", "onMouseEnter", "onMouseLeave", "isMobile", "href", "disabled", "scrollIntoView", "rel", "isNotSelectable", "children", "className", "style", "data-tid"];
 var _class, _MenuItem;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
@@ -38,11 +30,10 @@ export var MenuItemDataTids = {
 export var MenuItem = rootNode(_class = (_MenuItem = /*#__PURE__*/function (_React$Component) {
   function MenuItem() {
     var _this;
-    _classCallCheck(this, MenuItem);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, MenuItem, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.state = {
       iconOffsetTop: 0,
       highlighted: false
@@ -77,6 +68,7 @@ export var MenuItem = rootNode(_class = (_MenuItem = /*#__PURE__*/function (_Rea
       }
     };
     _this.renderMain = function () {
+      var _cx2, _cx3, _cx4;
       var _this$props = _this.props,
         link = _this$props.link,
         comment = _this$props.comment,
@@ -99,19 +91,20 @@ export var MenuItem = rootNode(_class = (_MenuItem = /*#__PURE__*/function (_Rea
         unusedClasses = _this$props.className,
         style = _this$props.style,
         dataTid = _this$props['data-tid'],
-        rest = _objectWithoutProperties(_this$props, _excluded);
+        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
       var iconElement = null;
       if (icon) {
+        var _cx;
         iconElement = /*#__PURE__*/
         React.createElement("div", {
           style: {
             top: _this.state.iconOffsetTop
           },
-          className: cx(_defineProperty(_defineProperty({}, styles.icon(), true), _this.getIconSizeClassName(), true))
+          className: cx((_cx = {}, _cx[styles.icon()] = true, _cx[_this.getIconSizeClassName()] = true, _cx))
         }, icon);
       }
       var isThemeGTE_5_2 = isThemeGTE(_this.theme, '5.2');
-      var className = cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.root(_this.theme), true), _this.getRootSizeClassName(), true), styles.rootMobile(_this.theme), isMobile), styles.loose(), !!loose), styles.hover(_this.theme), _this.isHover), styles.selected(_this.theme), _this.isSelected), styles.link(_this.theme), !!link), _this.getWithIconSizeClassName(), Boolean(iconElement) || !!_enableIconPadding || _this.context.enableIconPadding), styles.nonSelectable(), isThemeGTE_5_2 && !!isNotSelectable), styles.disabled(_this.theme), !!disabled));
+      var className = cx((_cx2 = {}, _cx2[styles.root(_this.theme)] = true, _cx2[_this.getRootSizeClassName()] = true, _cx2[styles.rootMobile(_this.theme)] = isMobile, _cx2[styles.loose()] = !!loose, _cx2[styles.hover(_this.theme)] = _this.isHover, _cx2[styles.selected(_this.theme)] = _this.isSelected, _cx2[styles.link(_this.theme)] = !!link, _cx2[_this.getWithIconSizeClassName()] = Boolean(iconElement) || !!_enableIconPadding || _this.context.enableIconPadding, _cx2[styles.nonSelectable()] = isThemeGTE_5_2 && !!isNotSelectable, _cx2[styles.disabled(_this.theme)] = !!disabled, _cx2));
       var content = children;
       if (isFunction(children)) {
         content = children(_this.activeState);
@@ -140,13 +133,13 @@ export var MenuItem = rootNode(_class = (_MenuItem = /*#__PURE__*/function (_Rea
           tabIndex: -1
         }), iconElement, /*#__PURE__*/
         React.createElement("span", {
-          className: cx(_defineProperty({}, styles.mobileContentWithIcon(), isMobile && isNonNullable(icon))),
+          className: cx((_cx3 = {}, _cx3[styles.mobileContentWithIcon()] = isMobile && isNonNullable(icon), _cx3)),
           ref: _this.contentRef,
           "data-tid": MenuItemDataTids.content
         }, typeof content === 'function' ? content() : content), comment && /*#__PURE__*/
         React.createElement("div", {
           "data-tid": MenuItemDataTids.comment,
-          className: cx(_defineProperty(_defineProperty({}, styles.comment(_this.theme), true), styles.commentHover(_this.theme), _this.isHover))
+          className: cx((_cx4 = {}, _cx4[styles.comment(_this.theme)] = true, _cx4[styles.commentHover(_this.theme)] = _this.isHover, _cx4))
         }, comment)))
       );
     };
@@ -155,34 +148,33 @@ export var MenuItem = rootNode(_class = (_MenuItem = /*#__PURE__*/function (_Rea
     // Mouseenter event not triggered when cursor moves from disabled button
     _this.handleMouseEnterFix = function (e) {
       if (!_this.mouseEntered) {
-        var _this$props$onMouseEn, _this$props2, _this$context$navigat;
+        var _this$context$navigat;
         _this.mouseEntered = true;
-        (_this$props$onMouseEn = (_this$props2 = _this.props).onMouseEnter) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props2, e);
-        !_this.props.isNotSelectable && ((_this$context$navigat = _this.context.navigation) === null || _this$context$navigat === void 0 ? void 0 : _this$context$navigat.highlight(_this));
+        _this.props.onMouseEnter == null || _this.props.onMouseEnter(e);
+        !_this.props.isNotSelectable && ((_this$context$navigat = _this.context.navigation) == null ? void 0 : _this$context$navigat.highlight(_this));
       }
     };
     _this.handleMouseLeave = function (e) {
-      var _this$props$onMouseLe, _this$props3, _this$context$navigat2;
+      var _this$context$navigat2;
       _this.mouseEntered = false;
-      (_this$props$onMouseLe = (_this$props3 = _this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props3, e);
-      !_this.props.isNotSelectable && ((_this$context$navigat2 = _this.context.navigation) === null || _this$context$navigat2 === void 0 ? void 0 : _this$context$navigat2.unhighlight());
+      _this.props.onMouseLeave == null || _this.props.onMouseLeave(e);
+      !_this.props.isNotSelectable && ((_this$context$navigat2 = _this.context.navigation) == null ? void 0 : _this$context$navigat2.unhighlight());
     };
     _this.handleClick = function (e) {
-      var _this$props$onClick, _this$props4, _this$context$onItemC, _this$context;
       if (_this.props.isNotSelectable) {
         return;
       }
-      (_this$props$onClick = (_this$props4 = _this.props).onClick) === null || _this$props$onClick === void 0 || _this$props$onClick.call(_this$props4, e);
-      (_this$context$onItemC = (_this$context = _this.context).onItemClick) === null || _this$context$onItemC === void 0 || _this$context$onItemC.call(_this$context, e);
+      _this.props.onClick == null || _this.props.onClick(e);
+      _this.context.onItemClick == null || _this.context.onItemClick(e);
     };
     _this.setRootRef = function (element) {
       _this.rootRef = element;
     };
     _this.getComponent = function () {
-      var _this$props5 = _this.props,
-        disabled = _this$props5.disabled,
-        component = _this$props5.component,
-        href = _this$props5.href;
+      var _this$props2 = _this.props,
+        disabled = _this$props2.disabled,
+        component = _this$props2.component,
+        href = _this$props2.href;
       if (component) {
         return component;
       }
@@ -196,109 +188,96 @@ export var MenuItem = rootNode(_class = (_MenuItem = /*#__PURE__*/function (_Rea
     };
     _this.hasIconAmongItems = function () {
       var _this$context$navigat3;
-      return Boolean((_this$context$navigat3 = _this.context.navigation) === null || _this$context$navigat3 === void 0 ? void 0 : _this$context$navigat3.items.some(function (item) {
+      return Boolean((_this$context$navigat3 = _this.context.navigation) == null ? void 0 : _this$context$navigat3.items.some(function (item) {
         return item.props.icon;
       }));
     };
     return _this;
   }
-  _inherits(MenuItem, _React$Component);
-  return _createClass(MenuItem, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
+  _inheritsLoose(MenuItem, _React$Component);
+  var _proto = MenuItem.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  };
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.props.scrollIntoView && this.rootRef) {
+      scrollYCenterIntoNearestScrollable(this.rootRef);
+    }
+    if (this.rootRef && isBrowser(globalObject)) {
+      this.setState({
+        iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top')
       });
     }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.scrollIntoView && this.rootRef) {
-        scrollYCenterIntoNearestScrollable(this.rootRef);
-      }
-      if (this.rootRef && isBrowser(globalObject)) {
-        this.setState({
-          iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top')
-        });
-      }
-      if (this.contentRef.current && !this.props.isNotSelectable) {
-        var _this$context$navigat4;
-        (_this$context$navigat4 = this.context.navigation) === null || _this$context$navigat4 === void 0 || _this$context$navigat4.add(this.contentRef.current, this);
-      }
-      if (this.props.icon) {
-        var _this$context$setEnab, _this$context2;
-        (_this$context$setEnab = (_this$context2 = this.context).setEnableIconPadding) === null || _this$context$setEnab === void 0 || _this$context$setEnab.call(_this$context2, true);
-      }
+    if (this.contentRef.current && !this.props.isNotSelectable) {
+      var _this$context$navigat4;
+      (_this$context$navigat4 = this.context.navigation) == null || _this$context$navigat4.add(this.contentRef.current, this);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.contentRef.current) {
-        var _this$context$navigat5, _this$context$setEnab2, _this$context3;
-        !this.props.isNotSelectable && ((_this$context$navigat5 = this.context.navigation) === null || _this$context$navigat5 === void 0 ? void 0 : _this$context$navigat5.remove(this.contentRef.current));
-        (_this$context$setEnab2 = (_this$context3 = this.context).setEnableIconPadding) === null || _this$context$setEnab2 === void 0 || _this$context$setEnab2.call(_this$context3, this.hasIconAmongItems());
-      }
+    if (this.props.icon) {
+      var _this$context$setEnab, _this$context;
+      (_this$context$setEnab = (_this$context = this.context).setEnableIconPadding) == null || _this$context$setEnab.call(_this$context, true);
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.icon !== this.props.icon) {
-        var _this$context$setEnab3, _this$context4;
-        (_this$context$setEnab3 = (_this$context4 = this.context).setEnableIconPadding) === null || _this$context$setEnab3 === void 0 || _this$context$setEnab3.call(_this$context4, !!this.props.icon || this.hasIconAmongItems());
-      }
-      if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {
-        if (this.props.isNotSelectable) {
-          var _this$context$navigat6;
-          this.unhighlight();
-          (_this$context$navigat6 = this.context.navigation) === null || _this$context$navigat6 === void 0 || _this$context$navigat6.remove(this.contentRef.current);
-        } else {
-          var _this$context$navigat7;
-          (_this$context$navigat7 = this.context.navigation) === null || _this$context$navigat7 === void 0 || _this$context$navigat7.add(this.contentRef.current, this);
-        }
-      }
+  };
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    if (this.contentRef.current) {
+      var _this$context$navigat5, _this$context$setEnab2, _this$context2;
+      !this.props.isNotSelectable && ((_this$context$navigat5 = this.context.navigation) == null ? void 0 : _this$context$navigat5.remove(this.contentRef.current));
+      (_this$context$setEnab2 = (_this$context2 = this.context).setEnableIconPadding) == null || _this$context$setEnab2.call(_this$context2, this.hasIconAmongItems());
     }
-  }, {
-    key: "getRootSizeClassName",
-    value: function getRootSizeClassName() {
-      switch (this.props.size) {
-        case 'large':
-          return styles.rootLarge(this.theme);
-        case 'medium':
-          return styles.rootMedium(this.theme);
-        case 'small':
-        default:
-          return styles.rootSmall(this.theme);
-      }
+  };
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (prevProps.icon !== this.props.icon) {
+      var _this$context$setEnab3, _this$context3;
+      (_this$context$setEnab3 = (_this$context3 = this.context).setEnableIconPadding) == null || _this$context$setEnab3.call(_this$context3, !!this.props.icon || this.hasIconAmongItems());
     }
-  }, {
-    key: "getIconSizeClassName",
-    value: function getIconSizeClassName() {
-      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);
+    if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {
+      if (this.props.isNotSelectable) {
+        var _this$context$navigat6;
+        this.unhighlight();
+        (_this$context$navigat6 = this.context.navigation) == null || _this$context$navigat6.remove(this.contentRef.current);
+      } else {
+        var _this$context$navigat7;
+        (_this$context$navigat7 = this.context.navigation) == null || _this$context$navigat7.add(this.contentRef.current, this);
       }
     }
-  }, {
-    key: "getWithIconSizeClassName",
-    value: function getWithIconSizeClassName() {
-      switch (this.props.size) {
-        case 'large':
-          return styles.withIconLarge(this.theme);
-        case 'medium':
-          return styles.withIconMedium(this.theme);
-        case 'small':
-        default:
-          return styles.withIconSmall(this.theme);
-      }
+  };
+  _proto.getRootSizeClassName = function getRootSizeClassName() {
+    switch (this.props.size) {
+      case 'large':
+        return styles.rootLarge(this.theme);
+      case 'medium':
+        return styles.rootMedium(this.theme);
+      case 'small':
+      default:
+        return styles.rootSmall(this.theme);
     }
-  }, {
+  };
+  _proto.getIconSizeClassName = function getIconSizeClassName() {
+    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.getWithIconSizeClassName = function getWithIconSizeClassName() {
+    switch (this.props.size) {
+      case 'large':
+        return styles.withIconLarge(this.theme);
+      case 'medium':
+        return styles.withIconMedium(this.theme);
+      case 'small':
+      default:
+        return styles.withIconSmall(this.theme);
+    }
+  };
+  return _createClass(MenuItem, [{
     key: "activeState",
     get: function get() {
       return this.state.highlighted ? 'hover' : this.props.state;

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","isBrowser","isThemeGTE","scrollYCenterIntoNearestScrollable","isExternalLink","isFunction","isNonNullable","isReactUIComponent","ThemeContext","CommonWrapper","cx","rootNode","MenuContext","getVisualStateDataAttributes","styles","MenuItemDataTids","root","content","comment","MenuItem","_class","_MenuItem","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","_this$props","link","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_this$props$rel","rel","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutProperties","_excluded","iconElement","createElement","top","_defineProperty","getIconSizeClassName","isThemeGTE_5_2","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","nonSelectable","activeState","Component","getComponent","_extends","rootNodeRef","setRootNode","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","commentHover","e","_this$props$onMouseEn","_this$props2","_this$context$navigat","call","navigation","_this$props$onMouseLe","_this$props3","_this$context$navigat2","_this$props$onClick","_this$props4","_this$context$onItemC","_this$context","onItemClick","element","_this$props5","hasIconAmongItems","_this$context$navigat3","items","some","item","_inherits","_createClass","key","value","render","_this2","Consumer","componentDidMount","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context2","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context3","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context4","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","contextType","isMenuItem"],"sources":["MenuItem.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport type { Nullable } from '../../typings/utility-types';\nimport { scrollYCenterIntoNearestScrollable } from '../../lib/dom/scrollYCenterIntoNearestScrollable';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MenuContextType } from '../../internal/Menu/MenuContext';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Omit<CommonProps, 'children'> {\n  /** Добавляет отступ иконке.\n   * @ignore */\n  _enableIconPadding?: boolean;\n\n  /** Добавляет описание для элемента меню. */\n  comment?: React.ReactNode;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку элементу меню. */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   * @deprecated\n   */\n  link?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** @ignore */\n  loose?: boolean;\n\n  /** @ignore */\n  state?: MenuItemState;\n\n  /** Задает функцию, которая вызывается при клике. */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: React.MouseEventHandler;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: React.MouseEventHandler;\n\n  /** @ignore */\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n\n  /** Задает HTML-атрибут `target`. */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\n  /** Задает HTML-атрибут `title`. */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\n  /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n  /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\". */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n\n  /** Заменяет корневой элемент, на компонент переданный в проп.\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */\n  component?: React.ComponentType<any>;\n\n  /** Запрещает выделение и выбор данного пункта меню. */\n  isNotSelectable?: boolean;\n\n  /** Устанавливает стиль для отображения в мобильной версии. */\n  isMobile?: boolean;\n  /** @ignore */\n  scrollIntoView?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  content: 'MenuItem__content',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static displayName = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public state = {\n    iconOffsetTop: 0,\n    highlighted: false,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n  private contentRef = React.createRef<HTMLElement>();\n  static contextType = MenuContext;\n\n  public context!: MenuContextType;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.props.scrollIntoView && this.rootRef) {\n      scrollYCenterIntoNearestScrollable(this.rootRef);\n    }\n    if (this.rootRef && isBrowser(globalObject)) {\n      this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n    }\n    if (this.contentRef.current && !this.props.isNotSelectable) {\n      this.context.navigation?.add(this.contentRef.current, this);\n    }\n    if (this.props.icon) {\n      this.context.setEnableIconPadding?.(true);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.contentRef.current) {\n      !this.props.isNotSelectable && this.context.navigation?.remove(this.contentRef.current);\n      this.context.setEnableIconPadding?.(this.hasIconAmongItems());\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<MenuItemProps>) {\n    if (prevProps.icon !== this.props.icon) {\n      this.context.setEnableIconPadding?.(!!this.props.icon || this.hasIconAmongItems());\n    }\n    if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {\n      if (this.props.isNotSelectable) {\n        this.unhighlight();\n        this.context.navigation?.remove(this.contentRef.current);\n      } else {\n        this.context.navigation?.add(this.contentRef.current, this);\n      }\n    }\n  }\n\n  public highlight = () => {\n    this.setState({ highlighted: true });\n  };\n\n  public unhighlight = () => {\n    this.setState({ highlighted: false });\n  };\n\n  public select = (event: React.SyntheticEvent<HTMLElement>) => {\n    this.handleClick(event as React.MouseEvent<HTMLElement>);\n  };\n\n  public isEnabled = () => {\n    return !this.props.disabled;\n  };\n\n  public navigate = () => {\n    if (!this.props.href) {\n      return;\n    }\n    if (this.props.target) {\n      window.open(this.props.href, this.props.target);\n    } else {\n      location.href = this.props.href;\n    }\n  };\n\n  private getRootSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getIconSizeClassName() {\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 getWithIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.withIconLarge(this.theme);\n      case 'medium':\n        return styles.withIconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.withIconSmall(this.theme);\n    }\n  }\n\n  private renderMain = () => {\n    const {\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      size,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      disabled,\n      scrollIntoView,\n      rel = href && isExternalLink(href) ? 'noopener noreferrer' : this.props.rel,\n      isNotSelectable,\n      children,\n      className: unusedClasses,\n      style,\n      'data-tid': dataTid,\n      ...rest\n    } = this.props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div\n          style={{ top: this.state.iconOffsetTop }}\n          className={cx({\n            [styles.icon()]: true,\n            [this.getIconSizeClassName()]: true,\n          })}\n        >\n          {icon}\n        </div>\n      );\n    }\n    const isThemeGTE_5_2 = isThemeGTE(this.theme, '5.2');\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [this.getRootSizeClassName()]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: this.isHover,\n      [styles.selected(this.theme)]: this.isSelected,\n      [styles.link(this.theme)]: !!link,\n      [this.getWithIconSizeClassName()]: Boolean(iconElement) || !!_enableIconPadding || this.context.enableIconPadding,\n      [styles.nonSelectable()]: isThemeGTE_5_2 && !!isNotSelectable,\n      [styles.disabled(this.theme)]: !!disabled,\n    });\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.activeState);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <CommonWrapper\n        rootNodeRef={this.setRootNode}\n        {...getVisualStateDataAttributes({\n          hover: this.isHover,\n          selected: this.isSelected,\n        })}\n        {...this.props}\n      >\n        <Component\n          ref={this.setRootRef}\n          data-tid={MenuItemDataTids.root}\n          {...rest}\n          disabled={disabled}\n          state={this.activeState}\n          onMouseOver={this.handleMouseEnterFix}\n          onMouseLeave={this.handleMouseLeave}\n          onClick={this.handleClick}\n          className={className}\n          href={href}\n          rel={href ? rel : undefined}\n          tabIndex={-1}\n        >\n          {iconElement}\n          <span\n            className={cx({\n              [styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n            })}\n            ref={this.contentRef}\n            data-tid={MenuItemDataTids.content}\n          >\n            {typeof content === 'function' ? content() : content}\n          </span>\n          {comment && (\n            <div\n              data-tid={MenuItemDataTids.comment}\n              className={cx({\n                [styles.comment(this.theme)]: true,\n                [styles.commentHover(this.theme)]: this.isHover,\n              })}\n            >\n              {comment}\n            </div>\n          )}\n        </Component>\n      </CommonWrapper>\n    );\n  };\n\n  private get activeState() {\n    return this.state.highlighted ? 'hover' : this.props.state;\n  }\n\n  private get isHover(): boolean {\n    return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;\n  }\n\n  private get isSelected(): boolean {\n    return this.props.state === 'selected' && !this.state.highlighted;\n  }\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter?.(e);\n      !this.props.isNotSelectable && this.context.navigation?.highlight(this);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    this.props.onMouseLeave?.(e);\n    !this.props.isNotSelectable && this.context.navigation?.unhighlight();\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (this.props.isNotSelectable) {\n      return;\n    }\n    this.props.onClick?.(e);\n    this.context.onItemClick?.(e);\n  };\n\n  private setRootRef = (element: HTMLElement) => {\n    this.rootRef = element;\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (component) {\n      return component;\n    }\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n\n  private hasIconAmongItems = () => {\n    return Boolean(this.context.navigation?.items.some((item) => item.props.icon));\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","isBrowser","isThemeGTE","scrollYCenterIntoNearestScrollable","isExternalLink","isFunction","isNonNullable","isReactUIComponent","ThemeContext","CommonWrapper","cx","rootNode","MenuContext","getVisualStateDataAttributes","styles","MenuItemDataTids","root","content","comment","MenuItem","_class","_MenuItem","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","_cx2","_cx3","_cx4","_this$props","link","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_this$props$rel","rel","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutPropertiesLoose","_excluded","iconElement","_cx","createElement","top","getIconSizeClassName","isThemeGTE_5_2","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","nonSelectable","activeState","Component","getComponent","_extends","rootNodeRef","setRootNode","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props2","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose","_proto","prototype","render","_this2","Consumer","componentDidMount","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context2","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context3","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","_createClass","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","contextType","isMenuItem"],"sources":["MenuItem.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport type { Nullable } from '../../typings/utility-types';\nimport { scrollYCenterIntoNearestScrollable } from '../../lib/dom/scrollYCenterIntoNearestScrollable';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MenuContextType } from '../../internal/Menu/MenuContext';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Omit<CommonProps, 'children'> {\n  /** Добавляет отступ иконке.\n   * @ignore */\n  _enableIconPadding?: boolean;\n\n  /** Добавляет описание для элемента меню. */\n  comment?: React.ReactNode;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку элементу меню. */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   * @deprecated\n   */\n  link?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** @ignore */\n  loose?: boolean;\n\n  /** @ignore */\n  state?: MenuItemState;\n\n  /** Задает функцию, которая вызывается при клике. */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: React.MouseEventHandler;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: React.MouseEventHandler;\n\n  /** @ignore */\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n\n  /** Задает HTML-атрибут `target`. */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\n  /** Задает HTML-атрибут `title`. */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\n  /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n  /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\". */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n\n  /** Заменяет корневой элемент, на компонент переданный в проп.\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */\n  component?: React.ComponentType<any>;\n\n  /** Запрещает выделение и выбор данного пункта меню. */\n  isNotSelectable?: boolean;\n\n  /** Устанавливает стиль для отображения в мобильной версии. */\n  isMobile?: boolean;\n  /** @ignore */\n  scrollIntoView?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  content: 'MenuItem__content',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static displayName = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public state = {\n    iconOffsetTop: 0,\n    highlighted: false,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n  private contentRef = React.createRef<HTMLElement>();\n  static contextType = MenuContext;\n\n  public context!: MenuContextType;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.props.scrollIntoView && this.rootRef) {\n      scrollYCenterIntoNearestScrollable(this.rootRef);\n    }\n    if (this.rootRef && isBrowser(globalObject)) {\n      this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n    }\n    if (this.contentRef.current && !this.props.isNotSelectable) {\n      this.context.navigation?.add(this.contentRef.current, this);\n    }\n    if (this.props.icon) {\n      this.context.setEnableIconPadding?.(true);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.contentRef.current) {\n      !this.props.isNotSelectable && this.context.navigation?.remove(this.contentRef.current);\n      this.context.setEnableIconPadding?.(this.hasIconAmongItems());\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<MenuItemProps>) {\n    if (prevProps.icon !== this.props.icon) {\n      this.context.setEnableIconPadding?.(!!this.props.icon || this.hasIconAmongItems());\n    }\n    if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {\n      if (this.props.isNotSelectable) {\n        this.unhighlight();\n        this.context.navigation?.remove(this.contentRef.current);\n      } else {\n        this.context.navigation?.add(this.contentRef.current, this);\n      }\n    }\n  }\n\n  public highlight = () => {\n    this.setState({ highlighted: true });\n  };\n\n  public unhighlight = () => {\n    this.setState({ highlighted: false });\n  };\n\n  public select = (event: React.SyntheticEvent<HTMLElement>) => {\n    this.handleClick(event as React.MouseEvent<HTMLElement>);\n  };\n\n  public isEnabled = () => {\n    return !this.props.disabled;\n  };\n\n  public navigate = () => {\n    if (!this.props.href) {\n      return;\n    }\n    if (this.props.target) {\n      window.open(this.props.href, this.props.target);\n    } else {\n      location.href = this.props.href;\n    }\n  };\n\n  private getRootSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getIconSizeClassName() {\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 getWithIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.withIconLarge(this.theme);\n      case 'medium':\n        return styles.withIconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.withIconSmall(this.theme);\n    }\n  }\n\n  private renderMain = () => {\n    const {\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      size,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      disabled,\n      scrollIntoView,\n      rel = href && isExternalLink(href) ? 'noopener noreferrer' : this.props.rel,\n      isNotSelectable,\n      children,\n      className: unusedClasses,\n      style,\n      'data-tid': dataTid,\n      ...rest\n    } = this.props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div\n          style={{ top: this.state.iconOffsetTop }}\n          className={cx({\n            [styles.icon()]: true,\n            [this.getIconSizeClassName()]: true,\n          })}\n        >\n          {icon}\n        </div>\n      );\n    }\n    const isThemeGTE_5_2 = isThemeGTE(this.theme, '5.2');\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [this.getRootSizeClassName()]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: this.isHover,\n      [styles.selected(this.theme)]: this.isSelected,\n      [styles.link(this.theme)]: !!link,\n      [this.getWithIconSizeClassName()]: Boolean(iconElement) || !!_enableIconPadding || this.context.enableIconPadding,\n      [styles.nonSelectable()]: isThemeGTE_5_2 && !!isNotSelectable,\n      [styles.disabled(this.theme)]: !!disabled,\n    });\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.activeState);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <CommonWrapper\n        rootNodeRef={this.setRootNode}\n        {...getVisualStateDataAttributes({\n          hover: this.isHover,\n          selected: this.isSelected,\n        })}\n        {...this.props}\n      >\n        <Component\n          ref={this.setRootRef}\n          data-tid={MenuItemDataTids.root}\n          {...rest}\n          disabled={disabled}\n          state={this.activeState}\n          onMouseOver={this.handleMouseEnterFix}\n          onMouseLeave={this.handleMouseLeave}\n          onClick={this.handleClick}\n          className={className}\n          href={href}\n          rel={href ? rel : undefined}\n          tabIndex={-1}\n        >\n          {iconElement}\n          <span\n            className={cx({\n              [styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n            })}\n            ref={this.contentRef}\n            data-tid={MenuItemDataTids.content}\n          >\n            {typeof content === 'function' ? content() : content}\n          </span>\n          {comment && (\n            <div\n              data-tid={MenuItemDataTids.comment}\n              className={cx({\n                [styles.comment(this.theme)]: true,\n                [styles.commentHover(this.theme)]: this.isHover,\n              })}\n            >\n              {comment}\n            </div>\n          )}\n        </Component>\n      </CommonWrapper>\n    );\n  };\n\n  private get activeState() {\n    return this.state.highlighted ? 'hover' : this.props.state;\n  }\n\n  private get isHover(): boolean {\n    return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;\n  }\n\n  private get isSelected(): boolean {\n    return this.props.state === 'selected' && !this.state.highlighted;\n  }\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter?.(e);\n      !this.props.isNotSelectable && this.context.navigation?.highlight(this);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    this.props.onMouseLeave?.(e);\n    !this.props.isNotSelectable && this.context.navigation?.unhighlight();\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (this.props.isNotSelectable) {\n      return;\n    }\n    this.props.onClick?.(e);\n    this.context.onItemClick?.(e);\n  };\n\n  private setRootRef = (element: HTMLElement) => {\n    this.rootRef = element;\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (component) {\n      return component;\n    }\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n\n  private hasIconAmongItems = () => {\n    return Boolean(this.context.navigation?.items.some((item) => item.props.icon));\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"],"mappings":"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","ignoreList":[]}

package/components/MenuItem/MenuItem.mixins/MenuItem.mixins.js

@@ -1,4 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3;
 import { css } from "../../../lib/theming/Emotion";
 import { getMenuItemPaddings } from "../MenuItem.styles";
@@ -9,11 +9,11 @@ export var menuItemSizeMixin = function menuItemSizeMixin(menuItemPaddingX, menu
     }),
     paddingX = _getMenuItemPaddings.paddingX,
     paddingY = _getMenuItemPaddings.paddingY;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " ", " ", " ", ";\n  "])), menuItemLineHeight, menuItemFontSize, menuItemPaddingY, paddingX, paddingY, menuItemPaddingX);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " ", " ", " ", ";\n  "])), menuItemLineHeight, menuItemFontSize, menuItemPaddingY, paddingX, paddingY, menuItemPaddingX);
 };
 export var iconSizeMixin = function iconSizeMixin(menuItemIconWidth, menuItemPaddingX) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", ";\n    left: ", "px;\n  "])), menuItemIconWidth, parseInt(menuItemPaddingX));
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    width: ", ";\n    left: ", "px;\n  "])), menuItemIconWidth, parseInt(menuItemPaddingX));
 };
 export var withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding-left: ", ";\n  "])), menuItemPaddingForIcon);
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    padding-left: ", ";\n  "])), menuItemPaddingForIcon);
 };

package/components/MenuItem/MenuItem.mixins/MenuItem.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","getMenuItemPaddings","menuItemSizeMixin","menuItemPaddingX","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","_getMenuItemPaddings","paddingX","paddingY","_templateObject","_taggedTemplateLiteral","iconSizeMixin","menuItemIconWidth","_templateObject2","parseInt","withIconSizeMixin","menuItemPaddingForIcon","_templateObject3"],"sources":["MenuItem.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nimport { getMenuItemPaddings } from './MenuItem.styles';\n\nexport const menuItemSizeMixin = (\n  menuItemPaddingX: string,\n  menuItemPaddingY: string,\n  menuItemLineHeight: string,\n  menuItemFontSize: string,\n) => {\n  const { paddingX, paddingY } = getMenuItemPaddings({\n    menuItemPaddingX,\n    menuItemPaddingY,\n  });\n\n  return css`\n    line-height: ${menuItemLineHeight};\n    font-size: ${menuItemFontSize};\n    padding: ${menuItemPaddingY} ${paddingX} ${paddingY} ${menuItemPaddingX};\n  `;\n};\n\nexport const iconSizeMixin = (menuItemIconWidth: string, menuItemPaddingX: string) => {\n  return css`\n    width: ${menuItemIconWidth};\n    left: ${parseInt(menuItemPaddingX)}px;\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"8IAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,SAASC,mBAAmB,QAAQ,mBAAmB;;AAEvD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA;AAC5BC,gBAAwB;AACxBC,gBAAwB;AACxBC,kBAA0B;AAC1BC,gBAAwB;AACrB;EACH,IAAAC,oBAAA,GAA+BN,mBAAmB,CAAC;MACjDE,gBAAgB,EAAhBA,gBAAgB;MAChBC,gBAAgB,EAAhBA;IACF,CAAC,CAAC,CAHMI,QAAQ,GAAAD,oBAAA,CAARC,QAAQ,CAAEC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;;EAK1B,OAAOT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,sBAAA;EACON,kBAAkB;EACpBC,gBAAgB;EAClBF,gBAAgB,EAAII,QAAQ,EAAIC,QAAQ,EAAIN,gBAAgB;;AAE3E,CAAC;;AAED,OAAO,IAAMS,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,iBAAyB,EAAEV,gBAAwB,EAAK;EACpF,OAAOH,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA;EACCE,iBAAiB;EAClBE,QAAQ,CAACZ,gBAAgB,CAAC;;AAEtC,CAAC;;AAED,OAAO,IAAMa,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA;EACQM,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
+{"version":3,"names":["css","getMenuItemPaddings","menuItemSizeMixin","menuItemPaddingX","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","_getMenuItemPaddings","paddingX","paddingY","_templateObject","_taggedTemplateLiteralLoose","iconSizeMixin","menuItemIconWidth","_templateObject2","parseInt","withIconSizeMixin","menuItemPaddingForIcon","_templateObject3"],"sources":["MenuItem.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nimport { getMenuItemPaddings } from './MenuItem.styles';\n\nexport const menuItemSizeMixin = (\n  menuItemPaddingX: string,\n  menuItemPaddingY: string,\n  menuItemLineHeight: string,\n  menuItemFontSize: string,\n) => {\n  const { paddingX, paddingY } = getMenuItemPaddings({\n    menuItemPaddingX,\n    menuItemPaddingY,\n  });\n\n  return css`\n    line-height: ${menuItemLineHeight};\n    font-size: ${menuItemFontSize};\n    padding: ${menuItemPaddingY} ${paddingX} ${paddingY} ${menuItemPaddingX};\n  `;\n};\n\nexport const iconSizeMixin = (menuItemIconWidth: string, menuItemPaddingX: string) => {\n  return css`\n    width: ${menuItemIconWidth};\n    left: ${parseInt(menuItemPaddingX)}px;\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"wJAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,SAASC,mBAAmB,QAAQ,mBAAmB;;AAEvD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA;AAC5BC,gBAAwB;AACxBC,gBAAwB;AACxBC,kBAA0B;AAC1BC,gBAAwB;AACrB;EACH,IAAAC,oBAAA,GAA+BN,mBAAmB,CAAC;MACjDE,gBAAgB,EAAhBA,gBAAgB;MAChBC,gBAAgB,EAAhBA;IACF,CAAC,CAAC,CAHMI,QAAQ,GAAAD,oBAAA,CAARC,QAAQ,CAAEC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;;EAK1B,OAAOT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACON,kBAAkB;EACpBC,gBAAgB;EAClBF,gBAAgB,EAAII,QAAQ,EAAIC,QAAQ,EAAIN,gBAAgB;;AAE3E,CAAC;;AAED,OAAO,IAAMS,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,iBAAyB,EAAEV,gBAAwB,EAAK;EACpF,OAAOH,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;EACCE,iBAAiB;EAClBE,QAAQ,CAACZ,gBAAgB,CAAC;;AAEtC,CAAC;;AAED,OAAO,IAAMa,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;EACQM,sBAAsB;;AAE1C,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
@@ -15,67 +15,67 @@ export var getMenuItemPaddings = function getMenuItemPaddings(_ref) {
 };
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", ";\n\n      cursor: pointer;\n      display: ", ";\n      position: relative;\n      text-decoration: none;\n      color: ", ";\n      border-radius: ", ";\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ", ";\n      }\n    "])), resetButton(), t.menuItemDisplay, t.menuItemTextColor, t.menuItemBorderRadius, t.menuItemGap);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      cursor: pointer;\n      display: ", ";\n      position: relative;\n      text-decoration: none;\n      color: ", ";\n      border-radius: ", ";\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ", ";\n      }\n    "])), resetButton(), t.menuItemDisplay, t.menuItemTextColor, t.menuItemBorderRadius, t.menuItemGap);
   },
   rootSmall: function rootSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemPaddingXSmall, t.menuItemPaddingYSmall, t.menuItemLineHeightSmall, t.menuItemFontSizeSmall));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemPaddingXSmall, t.menuItemPaddingYSmall, t.menuItemLineHeightSmall, t.menuItemFontSizeSmall));
   },
   rootMedium: function rootMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemPaddingXMedium, t.menuItemPaddingYMedium, t.menuItemLineHeightMedium, t.menuItemFontSizeMedium));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemPaddingXMedium, t.menuItemPaddingYMedium, t.menuItemLineHeightMedium, t.menuItemFontSizeMedium));
   },
   rootLarge: function rootLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemPaddingXLarge, t.menuItemPaddingYLarge, t.menuItemLineHeightLarge, t.menuItemFontSizeLarge));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemPaddingXLarge, t.menuItemPaddingYLarge, t.menuItemLineHeightLarge, t.menuItemFontSizeLarge));
   },
   rootMobile: function rootMobile(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuItemFontSizeMobile, t.menuItemLineHeightMobile, t.menuItemPaddingMobile);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuItemFontSizeMobile, t.menuItemLineHeightMobile, t.menuItemPaddingMobile);
   },
   hover: function hover(t) {
     // Color with !important in purpose to override `a:hover`
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      background: ", " !important;\n      color: ", " !important;\n    "])), t.menuItemHoverBg, t.menuItemHoverColor);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: ", " !important;\n      color: ", " !important;\n    "])), t.menuItemHoverBg, t.menuItemHoverColor);
   },
   selected: function selected(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      background: ", " !important;\n    "])), t.menuItemSelectedBg);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background: ", " !important;\n    "])), t.menuItemSelectedBg);
   },
   disabled: function disabled(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n      cursor: default;\n    "])), t.menuItemDisabledBg, t.menuItemDisabledColor);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      cursor: default;\n    "])), t.menuItemDisabledBg, t.menuItemDisabledColor);
   },
   nonSelectable: function nonSelectable() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      cursor: default;\n    "])));
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
   },
   link: function link(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.menuItemLinkColor);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.menuItemLinkColor);
   },
   loose: function loose() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      padding-left: 15px;\n    "])));
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      padding-left: 15px;\n    "])));
   },
   withIconSmall: function withIconSmall(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
   },
   withIconMedium: function withIconMedium(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
   },
   withIconLarge: function withIconLarge(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
   },
   comment: function comment(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      color: ", ";\n      opacity: ", ";\n      white-space: normal;\n      padding-top: 4px;\n    "])), t.menuItemCommentColor, t.menuItemCommentOpacity);
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      opacity: ", ";\n      white-space: normal;\n      padding-top: 4px;\n    "])), t.menuItemCommentColor, t.menuItemCommentOpacity);
   },
   commentHover: function commentHover(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      color: ", ";\n      opacity: ", ";\n    "])), t.menuItemCommentColorHover, t.menuItemCommentOpacityHover);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      opacity: ", ";\n    "])), t.menuItemCommentColorHover, t.menuItemCommentOpacityHover);
   },
   icon: function icon() {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    "])));
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    "])));
   },
   iconSmall: function iconSmall(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));
   },
   iconMedium: function iconMedium(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));
   },
   iconLarge: function iconLarge(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));
   },
   mobileContentWithIcon: function mobileContentWithIcon() {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n      margin-left: 8px;\n    "])));
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      margin-left: 8px;\n    "])));
   }
 });