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

package/cjs/components/MenuItem/MenuItem.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.isMenuItem = exports.MenuItemDataTids = exports.MenuItem = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.isMenuItem = exports.MenuItemDataTids = exports.MenuItem = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
@@ -18,7 +18,7 @@ var _rootNode = require("../../lib/rootNode");
 var _MenuContext = require("../../internal/Menu/MenuContext");
 var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
 
-var _MenuItem2 = require("./MenuItem.styles");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 = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+var _MenuItem2 = require("./MenuItem.styles");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;
 
 
 
@@ -102,7 +102,7 @@ var MenuItemDataTids = exports.MenuItemDataTids = {
  * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.
  */var
 
-MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#__PURE__*/function (_React$Component) {function MenuItem() {var _this;(0, _classCallCheck2.default)(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.
+MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#__PURE__*/function (_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.
 
 
 
@@ -232,7 +232,7 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
 
 
 
-    renderMain = function () {
+    renderMain = function () {var _cx2, _cx3, _cx4;
       var _this$props =
 
 
@@ -255,16 +255,16 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
 
 
 
-        _this.props,link = _this$props.link,comment = _this$props.comment,icon = _this$props.icon,loose = _this$props.loose,state = _this$props.state,size = _this$props.size,_enableIconPadding = _this$props._enableIconPadding,component = _this$props.component,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,isMobile = _this$props.isMobile,href = _this$props.href,disabled = _this$props.disabled,scrollIntoView = _this$props.scrollIntoView,_this$props$rel = _this$props.rel,rel = _this$props$rel === void 0 ? href && (0, _utils.isExternalLink)(href) ? 'noopener noreferrer' : _this.props.rel : _this$props$rel,isNotSelectable = _this$props.isNotSelectable,children = _this$props.children,unusedClasses = _this$props.className,style = _this$props.style,dataTid = _this$props['data-tid'],rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+        _this.props,link = _this$props.link,comment = _this$props.comment,icon = _this$props.icon,loose = _this$props.loose,state = _this$props.state,size = _this$props.size,_enableIconPadding = _this$props._enableIconPadding,component = _this$props.component,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,isMobile = _this$props.isMobile,href = _this$props.href,disabled = _this$props.disabled,scrollIntoView = _this$props.scrollIntoView,_this$props$rel = _this$props.rel,rel = _this$props$rel === void 0 ? href && (0, _utils.isExternalLink)(href) ? 'noopener noreferrer' : _this.props.rel : _this$props$rel,isNotSelectable = _this$props.isNotSelectable,children = _this$props.children,unusedClasses = _this$props.className,style = _this$props.style,dataTid = _this$props['data-tid'],rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, _excluded);
 
       var iconElement = null;
-      if (icon) {
+      if (icon) {var _cx;
         iconElement = /*#__PURE__*/
         _react.default.createElement("div", {
           style: { top: _this.state.iconOffsetTop },
-          className: (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
-          _MenuItem2.styles.icon(), true),
-          _this.getIconSizeClassName(), true)
+          className: (0, _Emotion.cx)((_cx = {}, _cx[
+          _MenuItem2.styles.icon()] = true, _cx[
+          _this.getIconSizeClassName()] = true, _cx)
           ) },
 
         icon
@@ -273,17 +273,17 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
       }
       var isThemeGTE_5_2 = (0, _ThemeHelpers.isThemeGTE)(_this.theme, '5.2');
 
-      var className = (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
-      _MenuItem2.styles.root(_this.theme), true),
-      _this.getRootSizeClassName(), true),
-      _MenuItem2.styles.rootMobile(_this.theme), isMobile),
-      _MenuItem2.styles.loose(), !!loose),
-      _MenuItem2.styles.hover(_this.theme), _this.isHover),
-      _MenuItem2.styles.selected(_this.theme), _this.isSelected),
-      _MenuItem2.styles.link(_this.theme), !!link),
-      _this.getWithIconSizeClassName(), Boolean(iconElement) || !!_enableIconPadding || _this.context.enableIconPadding),
-      _MenuItem2.styles.nonSelectable(), isThemeGTE_5_2 && !!isNotSelectable),
-      _MenuItem2.styles.disabled(_this.theme), !!disabled)
+      var className = (0, _Emotion.cx)((_cx2 = {}, _cx2[
+      _MenuItem2.styles.root(_this.theme)] = true, _cx2[
+      _this.getRootSizeClassName()] = true, _cx2[
+      _MenuItem2.styles.rootMobile(_this.theme)] = isMobile, _cx2[
+      _MenuItem2.styles.loose()] = !!loose, _cx2[
+      _MenuItem2.styles.hover(_this.theme)] = _this.isHover, _cx2[
+      _MenuItem2.styles.selected(_this.theme)] = _this.isSelected, _cx2[
+      _MenuItem2.styles.link(_this.theme)] = !!link, _cx2[
+      _this.getWithIconSizeClassName()] = Boolean(iconElement) || !!_enableIconPadding || _this.context.enableIconPadding, _cx2[
+      _MenuItem2.styles.nonSelectable()] = isThemeGTE_5_2 && !!isNotSelectable, _cx2[
+      _MenuItem2.styles.disabled(_this.theme)] = !!disabled, _cx2)
       );
 
       var content = children;
@@ -318,8 +318,8 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
 
         iconElement, /*#__PURE__*/
         _react.default.createElement("span", {
-          className: (0, _Emotion.cx)((0, _defineProperty2.default)({},
-          _MenuItem2.styles.mobileContentWithIcon(), isMobile && (0, _utils.isNonNullable)(icon))
+          className: (0, _Emotion.cx)((_cx3 = {}, _cx3[
+          _MenuItem2.styles.mobileContentWithIcon()] = isMobile && (0, _utils.isNonNullable)(icon), _cx3)
           ),
           ref: _this.contentRef,
           "data-tid": MenuItemDataTids.content },
@@ -329,9 +329,9 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
         comment && /*#__PURE__*/
         _react.default.createElement("div", {
           "data-tid": MenuItemDataTids.comment,
-          className: (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
-          _MenuItem2.styles.comment(_this.theme), true),
-          _MenuItem2.styles.commentHover(_this.theme), _this.isHover)
+          className: (0, _Emotion.cx)((_cx4 = {}, _cx4[
+          _MenuItem2.styles.comment(_this.theme)] = true, _cx4[
+          _MenuItem2.styles.commentHover(_this.theme)] = _this.isHover, _cx4)
           ) },
 
         comment
@@ -357,25 +357,25 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
     // https://github.com/facebook/react/issues/10109
     // 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;
+      if (!_this.mouseEntered) {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;
+    handleMouseLeave = function (e) {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;
+    handleClick = function (e) {
       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) {
@@ -383,7 +383,7 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
     };_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;
@@ -401,8 +401,8 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
     };_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 item.props.icon;}));
-    };return _this;}(0, _inherits2.default)(MenuItem, _React$Component);return (0, _createClass2.default)(MenuItem, [{ key: "render", value: function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} }, { key: "componentDidMount", value: function componentDidMount() {if (this.props.scrollIntoView && this.rootRef) {(0, _scrollYCenterIntoNearestScrollable.scrollYCenterIntoNearestScrollable)(this.rootRef);}if (this.rootRef && (0, _globalObject.isBrowser)(_globalObject.globalObject)) {this.setState({ iconOffsetTop: _globalObject.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);}} }, { 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());}} }, { 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);}}} }, { key: "getRootSizeClassName", value: function getRootSizeClassName() {switch (this.props.size) {case 'large':return _MenuItem2.styles.rootLarge(this.theme);case 'medium':return _MenuItem2.styles.rootMedium(this.theme);case 'small':default:return _MenuItem2.styles.rootSmall(this.theme);}} }, { key: "getIconSizeClassName", value: function getIconSizeClassName() {switch (this.props.size) {case 'large':return _MenuItem2.styles.iconLarge(this.theme);case 'medium':return _MenuItem2.styles.iconMedium(this.theme);case 'small':default:return _MenuItem2.styles.iconSmall(this.theme);}} }, { key: "getWithIconSizeClassName", value: function getWithIconSizeClassName() {switch (this.props.size) {case 'large':return _MenuItem2.styles.withIconLarge(this.theme);case 'medium':return _MenuItem2.styles.withIconMedium(this.theme);case 'small':default:return _MenuItem2.styles.withIconSmall(this.theme);}} }, { key: "activeState", get: function get() {return this.state.highlighted ? 'hover' : this.props.state;} }, { key: "isHover", get: function get() {return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;} }, { key: "isSelected", get: function get() {return this.props.state === 'selected' && !this.state.highlighted;} }]);}(_react.default.Component), _MenuItem.__KONTUR_REACT_UI__ = 'MenuItem', _MenuItem.displayName = 'MenuItem', _MenuItem.__MENU_ITEM__ = true, _MenuItem.contextType = _MenuContext.MenuContext, _MenuItem)) || _class;
+      return Boolean((_this$context$navigat3 = _this.context.navigation) == null ? void 0 : _this$context$navigat3.items.some(function (item) {return item.props.icon;}));
+    };return _this;}(0, _inheritsLoose2.default)(MenuItem, _React$Component);var _proto = MenuItem.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.componentDidMount = function componentDidMount() {if (this.props.scrollIntoView && this.rootRef) {(0, _scrollYCenterIntoNearestScrollable.scrollYCenterIntoNearestScrollable)(this.rootRef);}if (this.rootRef && (0, _globalObject.isBrowser)(_globalObject.globalObject)) {this.setState({ iconOffsetTop: _globalObject.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.add(this.contentRef.current, this);}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);}};_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());}};_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());}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);}}};_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.props.size) {case 'large':return _MenuItem2.styles.rootLarge(this.theme);case 'medium':return _MenuItem2.styles.rootMedium(this.theme);case 'small':default:return _MenuItem2.styles.rootSmall(this.theme);}};_proto.getIconSizeClassName = function getIconSizeClassName() {switch (this.props.size) {case 'large':return _MenuItem2.styles.iconLarge(this.theme);case 'medium':return _MenuItem2.styles.iconMedium(this.theme);case 'small':default:return _MenuItem2.styles.iconSmall(this.theme);}};_proto.getWithIconSizeClassName = function getWithIconSizeClassName() {switch (this.props.size) {case 'large':return _MenuItem2.styles.withIconLarge(this.theme);case 'medium':return _MenuItem2.styles.withIconMedium(this.theme);case 'small':default:return _MenuItem2.styles.withIconSmall(this.theme);}};return (0, _createClass2.default)(MenuItem, [{ key: "activeState", get: function get() {return this.state.highlighted ? 'hover' : this.props.state;} }, { key: "isHover", get: function get() {return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;} }, { key: "isSelected", get: function get() {return this.props.state === 'selected' && !this.state.highlighted;} }]);}(_react.default.Component), _MenuItem.__KONTUR_REACT_UI__ = 'MenuItem', _MenuItem.displayName = 'MenuItem', _MenuItem.__MENU_ITEM__ = true, _MenuItem.contextType = _MenuContext.MenuContext, _MenuItem)) || _class;
 
 
 var isMenuItem = exports.isMenuItem = (0, _utils.isReactUIComponent)('MenuItem');

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeHelpers","_scrollYCenterIntoNearestScrollable","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_MenuContext","_getVisualStateDataAttributes","_MenuItem2","_excluded","_class","_MenuItem","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","MenuItemDataTids","exports","root","content","comment","MenuItem","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","React","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","isExternalLink","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutProperties2","iconElement","createElement","top","cx","_defineProperty2","styles","getIconSizeClassName","isThemeGTE_5_2","isThemeGTE","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","nonSelectable","isFunction","activeState","Component","getComponent","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","isNonNullable","commentHover","_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","_inherits2","_createClass2","key","value","render","_this2","ThemeContext","Consumer","componentDidMount","scrollYCenterIntoNearestScrollable","isBrowser","globalObject","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","MenuContext","isMenuItem","isReactUIComponent"],"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","_interopRequireDefault","require","_globalObject","_ThemeHelpers","_scrollYCenterIntoNearestScrollable","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_MenuContext","_getVisualStateDataAttributes","_MenuItem2","_excluded","_class","_MenuItem","MenuItemDataTids","exports","root","content","comment","MenuItem","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","React","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","isExternalLink","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutPropertiesLoose2","default","iconElement","_cx","createElement","top","cx","styles","getIconSizeClassName","isThemeGTE_5_2","isThemeGTE","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","nonSelectable","isFunction","activeState","Component","getComponent","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","isNonNullable","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props2","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","componentDidMount","scrollYCenterIntoNearestScrollable","isBrowser","globalObject","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","_createClass2","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","contextType","MenuContext","isMenuItem","isReactUIComponent"],"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/cjs/components/MenuItem/MenuItem.mixins.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.withIconSizeMixin = exports.menuItemSizeMixin = exports.iconSizeMixin = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.withIconSizeMixin = exports.menuItemSizeMixin = exports.iconSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 var _MenuItem = require("./MenuItem.styles");var _templateObject, _templateObject2, _templateObject3;
 
@@ -13,7 +13,7 @@ menuItemFontSize)
       menuItemPaddingY: menuItemPaddingY
     }),paddingX = _getMenuItemPaddings.paddingX,paddingY = _getMenuItemPaddings.paddingY;
 
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
   menuItemLineHeight,
   menuItemFontSize,
   menuItemPaddingY, paddingX, paddingY, menuItemPaddingX);
@@ -21,14 +21,14 @@ menuItemFontSize)
 };
 
 var iconSizeMixin = exports.iconSizeMixin = function iconSizeMixin(menuItemIconWidth, menuItemPaddingX) {
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    width: ", ";\n    left: ", "px;\n  "])),
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    left: ", "px;\n  "])),
   menuItemIconWidth,
   parseInt(menuItemPaddingX));
 
 };
 
 var withIconSizeMixin = exports.withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
-  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    padding-left: ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
   menuItemPaddingForIcon);
 
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_MenuItem","_templateObject","_templateObject2","_templateObject3","menuItemSizeMixin","exports","menuItemPaddingX","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","_getMenuItemPaddings","getMenuItemPaddings","paddingX","paddingY","css","_taggedTemplateLiteral2","default","iconSizeMixin","menuItemIconWidth","parseInt","withIconSizeMixin","menuItemPaddingForIcon"],"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":"6WAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,SAAA,GAAAD,OAAA,sBAAwD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEjD,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5BE,gBAAwB;AACxBC,gBAAwB;AACxBC,kBAA0B;AAC1BC,gBAAwB;AACrB;EACH,IAAAC,oBAAA,GAA+B,IAAAC,6BAAmB,EAAC;MACjDL,gBAAgB,EAAhBA,gBAAgB;MAChBC,gBAAgB,EAAhBA;IACF,CAAC,CAAC,CAHMK,QAAQ,GAAAF,oBAAA,CAARE,QAAQ,CAAEC,QAAQ,GAAAH,oBAAA,CAARG,QAAQ;;EAK1B,WAAOC,YAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAC,OAAA;EACOR,kBAAkB;EACpBC,gBAAgB;EAClBF,gBAAgB,EAAIK,QAAQ,EAAIC,QAAQ,EAAIP,gBAAgB;;AAE3E,CAAC;;AAEM,IAAMW,aAAa,GAAAZ,OAAA,CAAAY,aAAA,GAAG,SAAhBA,aAAaA,CAAIC,iBAAyB,EAAEZ,gBAAwB,EAAK;EACpF,WAAOQ,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA;EACCE,iBAAiB;EAClBC,QAAQ,CAACb,gBAAgB,CAAC;;AAEtC,CAAC;;AAEM,IAAMc,iBAAiB,GAAAf,OAAA,CAAAe,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,WAAOP,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA;EACQK,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_MenuItem","_templateObject","_templateObject2","_templateObject3","menuItemSizeMixin","exports","menuItemPaddingX","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","_getMenuItemPaddings","getMenuItemPaddings","paddingX","paddingY","css","_taggedTemplateLiteralLoose2","default","iconSizeMixin","menuItemIconWidth","parseInt","withIconSizeMixin","menuItemPaddingForIcon"],"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":"mVAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,SAAA,GAAAD,OAAA,sBAAwD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEjD,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5BE,gBAAwB;AACxBC,gBAAwB;AACxBC,kBAA0B;AAC1BC,gBAAwB;AACrB;EACH,IAAAC,oBAAA,GAA+B,IAAAC,6BAAmB,EAAC;MACjDL,gBAAgB,EAAhBA,gBAAgB;MAChBC,gBAAgB,EAAhBA;IACF,CAAC,CAAC,CAHMK,QAAQ,GAAAF,oBAAA,CAARE,QAAQ,CAAEC,QAAQ,GAAAH,oBAAA,CAARG,QAAQ;;EAK1B,WAAOC,YAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;EACOR,kBAAkB;EACpBC,gBAAgB;EAClBF,gBAAgB,EAAIK,QAAQ,EAAIC,QAAQ,EAAIP,gBAAgB;;AAE3E,CAAC;;AAEM,IAAMW,aAAa,GAAAZ,OAAA,CAAAY,aAAA,GAAG,SAAhBA,aAAaA,CAAIC,iBAAyB,EAAEZ,gBAAwB,EAAK;EACpF,WAAOQ,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;EACCE,iBAAiB;EAClBC,QAAQ,CAACb,gBAAgB,CAAC;;AAEtC,CAAC;;AAEM,IAAMc,iBAAiB,GAAAf,OAAA,CAAAe,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,WAAOP,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;EACQK,sBAAsB;;AAE1C,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = exports.getMenuItemPaddings = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.getMenuItemPaddings = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _Emotion = require("../../lib/theming/Emotion");
 var _Mixins = require("../../lib/styles/Mixins");
 
@@ -16,7 +16,7 @@ var getMenuItemPaddings = exports.getMenuItemPaddings = function getMenuItemPadd
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
     (0, _Mixins.resetButton)(),
 
 
@@ -37,7 +37,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootSmall: function rootSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _MenuItem.menuItemSizeMixin)(
       t.menuItemPaddingXSmall,
       t.menuItemPaddingYSmall,
@@ -47,7 +47,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   rootMedium: function rootMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _MenuItem.menuItemSizeMixin)(
       t.menuItemPaddingXMedium,
       t.menuItemPaddingYMedium,
@@ -57,7 +57,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   rootLarge: function rootLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _MenuItem.menuItemSizeMixin)(
       t.menuItemPaddingXLarge,
       t.menuItemPaddingYLarge,
@@ -68,7 +68,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootMobile: function rootMobile(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
     t.menuItemFontSizeMobile,
     t.menuItemLineHeightMobile,
     t.menuItemPaddingMobile);
@@ -77,55 +77,55 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   hover: function hover(t) {
     // Color with !important in purpose to override `a:hover`
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      background: ", " !important;\n      color: ", " !important;\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      color: ", " !important;\n    "])),
     t.menuItemHoverBg,
     t.menuItemHoverColor);
 
   },
   selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n      background: ", " !important;\n    "])),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n    "])),
     t.menuItemSelectedBg);
 
   },
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n      background: ", ";\n      color: ", ";\n      cursor: default;\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      cursor: default;\n    "])),
     t.menuItemDisabledBg,
     t.menuItemDisabledColor);
 
 
   },
   nonSelectable: function nonSelectable() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n      cursor: default;\n    "])));
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
 
 
   },
   link: function link(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.menuItemLinkColor);
 
   },
   loose: function loose() {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n      padding-left: 15px;\n    "])));
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 15px;\n    "])));
 
 
   },
   withIconSmall: function withIconSmall(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n      ", "\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
     (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
 
   },
   withIconMedium: function withIconMedium(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n      ", "\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
     (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
 
   },
   withIconLarge: function withIconLarge(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n      ", "\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
     (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
 
   },
   comment: function comment(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      opacity: ", ";\n      white-space: normal;\n      padding-top: 4px;\n    "])),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: ", ";\n      white-space: normal;\n      padding-top: 4px;\n    "])),
     t.menuItemCommentColor,
     t.menuItemCommentOpacity);
 
@@ -133,35 +133,35 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   commentHover: function commentHover(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      opacity: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: ", ";\n    "])),
     t.menuItemCommentColorHover,
     t.menuItemCommentOpacityHover);
 
   },
   icon: function icon() {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\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 (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));
 
   },
   iconMedium: function iconMedium(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));
 
   },
   iconLarge: function iconLarge(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));
 
   },
   mobileContentWithIcon: function mobileContentWithIcon() {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n      margin-left: 8px;\n    "])));
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 8px;\n    "])));
 
 
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Mixins","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","getMenuItemPaddings","exports","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","styles","memoizeStyle","root","t","css","_taggedTemplateLiteral2","default","resetButton","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemSizeMixin","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","nonSelectable","link","menuItemLinkColor","loose","withIconSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","menuItemCommentOpacityHover","icon","iconSmall","iconSizeMixin","menuItemIconWidthSmall","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemPaddingX,\n  menuItemPaddingY,\n}: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {\n  const paddingX = menuItemPaddingX;\n  const paddingY = menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: ${t.menuItemDisplay};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ${t.menuItemGap};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXSmall,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXMedium,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXLarge,\n        t.menuItemPaddingYLarge,\n        t.menuItemLineHeightLarge,\n        t.menuItemFontSizeLarge,\n      )};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuItemFontSizeMobile};\n      line-height: ${t.menuItemLineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: ${t.menuItemDisabledBg};\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  nonSelectable() {\n    return css`\n      cursor: default;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIconSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withIconMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withIconLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      opacity: ${t.menuItemCommentOpacity};\n      white-space: normal;\n      padding-top: 4px;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: ${t.menuItemCommentOpacityHover};\n    `;\n  },\n  icon() {\n    return css`\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    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Mixins","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","getMenuItemPaddings","exports","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemSizeMixin","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","nonSelectable","link","menuItemLinkColor","loose","withIconSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","menuItemCommentOpacityHover","icon","iconSmall","iconSizeMixin","menuItemIconWidthSmall","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemPaddingX,\n  menuItemPaddingY,\n}: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {\n  const paddingX = menuItemPaddingX;\n  const paddingY = menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: ${t.menuItemDisplay};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ${t.menuItemGap};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXSmall,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXMedium,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXLarge,\n        t.menuItemPaddingYLarge,\n        t.menuItemLineHeightLarge,\n        t.menuItemFontSizeLarge,\n      )};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuItemFontSizeMobile};\n      line-height: ${t.menuItemLineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: ${t.menuItemDisabledBg};\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  nonSelectable() {\n    return css`\n      cursor: default;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIconSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withIconMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withIconLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      opacity: ${t.menuItemCommentOpacity};\n      white-space: normal;\n      padding-top: 4px;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: ${t.menuItemCommentOpacityHover};\n    `;\n  },\n  icon() {\n    return css`\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    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}