npm - @skbkontur/react-ui - Versions diffs - 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca - Mend

@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1528) hide show

package/cjs/components/MenuHeader/MenuHeader.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_MenuHeader","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","~~getStyles~~","exports","~~emotion","~~memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuHeaderColor","rootSmall","menuHeaderSizeMixin","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"sources":["MenuHeader.styles.ts"],"sourcesContent":["import ~~type~~ { ~~Emotion } from '@emotion/~~css~~/types/create-instance';\n\nimport~~ { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const ~~getStyles~~ = ~~(emotion: Emotion) =>\n~~ memoizeStyle({\n root(t: Theme) {\n return ~~emotion.~~css`\n color: ${t.menuHeaderColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return ~~emotion.~~css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXSmall,\n t.menuHeaderFontSizeSmall,\n t.menuHeaderLineHeightSmall,\n t.menuHeaderPaddingTopSmall,\n t.menuHeaderPaddingBottomSmall,\n ~~emotion,\n~~ )};\n `;\n },\n rootMedium(t: Theme) {\n return ~~emotion.~~css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXMedium,\n t.menuHeaderFontSizeMedium,\n t.menuHeaderLineHeightMedium,\n t.menuHeaderPaddingTopMedium,\n t.menuHeaderPaddingBottomMedium,\n ~~emotion,\n~~ )};\n `;\n },\n rootLarge(t: Theme) {\n return ~~emotion.~~css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXLarge,\n t.menuHeaderFontSizeLarge,\n t.menuHeaderLineHeightLarge,\n t.menuHeaderPaddingTopLarge,\n t.menuHeaderPaddingBottomLarge,\n ~~emotion,\n~~ )};\n `;\n },\n\n withLeftPaddingSmall(t: Theme) {\n return ~~emotion.~~css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall~~, emotion~~)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return ~~emotion.~~css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium~~, emotion~~)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return ~~emotion.~~css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge~~, emotion~~)}\n `;\n },\n });\n"],"mappings":"~~;;AAEA~~,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAA6E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtE,IAAMC,~~SAAS~~,GAAAC,OAAA,CAAAD,~~SAAA~~,GAAG,~~SAAZA~~,~~SAASA,CAAIE,OAAgB;IACxC,IAAAC,~~qBAAY,EAAC;~~MACXC~~,IAAI,WAAAA,KAACC,CAAQ,EAAE;~~QACb~~,~~OAAOH~~,~~OAAO~~,~~CAACI~~,~~GAAG,CAAAb,~~eAAA,KAAAA,eAAA,~~OAAAc~~,4BAAA,CAAAC,OAAA;~~QACPH~~,CAAC,CAACI,eAAe;;;~~MAG9B~~,CAAC;;~~MAEDC~~,SAAS,WAAAA,UAACL,CAAQ,EAAE;~~QAClB~~,~~OAAOH~~,~~OAAO~~,~~CAACI~~,~~GAAG,CAAAZ,~~gBAAA,KAAAA,gBAAA,~~OAAAa~~,4BAAA,CAAAC,OAAA;~~QACd~~,IAAAG,+BAAmB;~~UACnBN~~,CAAC,CAACO,uBAAuB;~~UACzBP~~,CAAC,CAACQ,uBAAuB;~~UACzBR~~,CAAC,CAACS,yBAAyB;~~UAC3BT~~,CAAC,CAACU,yBAAyB;~~UAC3BV~~,CAAC,CAACW~~,4BAA4B~~;~~UAC9Bd;QACF~~,CAAC;;~~MAEL~~,CAAC;~~MACDe~~,UAAU,WAAAA,WAACZ,CAAQ,EAAE;~~QACnB~~,~~OAAOH~~,~~OAAO~~,~~CAACI~~,~~GAAG,CAAAX,~~gBAAA,KAAAA,gBAAA,~~OAAAY~~,4BAAA,CAAAC,OAAA;~~QACd~~,IAAAG,+BAAmB;~~UACnBN~~,CAAC,CAACa,wBAAwB;~~UAC1Bb~~,CAAC,CAACc,wBAAwB;~~UAC1Bd~~,CAAC,CAACe,0BAA0B;~~UAC5Bf~~,CAAC,CAACgB,0BAA0B;~~UAC5BhB~~,CAAC,CAACiB~~,6BAA6B~~;~~UAC/BpB;QACF~~,CAAC;;~~MAEL~~,CAAC;~~MACDqB~~,SAAS,WAAAA,UAAClB,CAAQ,EAAE;~~QAClB~~,~~OAAOH~~,~~OAAO~~,~~CAACI~~,~~GAAG,CAAAV,~~gBAAA,KAAAA,gBAAA,~~OAAAW~~,4BAAA,CAAAC,OAAA;~~QACd~~,IAAAG,+BAAmB;~~UACnBN~~,CAAC,CAACmB,uBAAuB;~~UACzBnB~~,CAAC,CAACoB,uBAAuB;~~UACzBpB~~,CAAC,CAACqB,yBAAyB;~~UAC3BrB~~,CAAC,CAACsB,yBAAyB;~~UAC3BtB~~,CAAC,CAACuB~~,4BAA4B~~;~~UAC9B1B;QACF~~,CAAC;;~~MAEL~~,CAAC;;~~MAED2B~~,oBAAoB,WAAAA,qBAACxB,CAAQ,EAAE;~~QAC7B~~,~~OAAOH~~,~~OAAO~~,~~CAACI~~,~~GAAG,CAAAT,~~gBAAA,KAAAA,gBAAA,~~OAAAU~~,4BAAA,CAAAC,OAAA;~~QACd~~,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC0B,2BAA2B,~~EAAE7B,OAAO,~~CAAC;;~~MAE/D~~,CAAC;~~MACD8B~~,qBAAqB,WAAAA,sBAAC3B,CAAQ,EAAE;~~QAC9B~~,~~OAAOH~~,~~OAAO~~,~~CAACI~~,~~GAAG,CAAAR,~~gBAAA,KAAAA,gBAAA,~~OAAAS~~,4BAAA,CAAAC,OAAA;~~QACd~~,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC4B,4BAA4B,~~EAAE/B,OAAO,~~CAAC;;~~MAEhE~~,CAAC;~~MACDgC~~,oBAAoB,WAAAA,qBAAC7B,CAAQ,EAAE;~~QAC7B~~,~~OAAOH~~,~~OAAO~~,~~CAACI~~,~~GAAG,CAAAP,~~gBAAA,KAAAA,gBAAA,~~OAAAQ~~,4BAAA,CAAAC,OAAA;~~QACd~~,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC8B,2BAA2B,~~EAAEjC,OAAO,~~CAAC;;~~MAE/D~~;~~IACF~~,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_MenuHeader","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuHeaderColor","rootSmall","menuHeaderSizeMixin","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"sources":["MenuHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.menuHeaderColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXSmall,\n t.menuHeaderFontSizeSmall,\n t.menuHeaderLineHeightSmall,\n t.menuHeaderPaddingTopSmall,\n t.menuHeaderPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXMedium,\n t.menuHeaderFontSizeMedium,\n t.menuHeaderLineHeightMedium,\n t.menuHeaderPaddingTopMedium,\n t.menuHeaderPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXLarge,\n t.menuHeaderFontSizeLarge,\n t.menuHeaderLineHeightLarge,\n t.menuHeaderPaddingTopLarge,\n t.menuHeaderPaddingBottomLarge,\n )};\n `;\n },\n\n withLeftPaddingSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAA6E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACI,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACL,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,uBAAuB;MACzBR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU,yBAAyB;MAC3BV,CAAC,CAACW;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACZ,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACa,wBAAwB;MAC1Bb,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,0BAA0B;MAC5Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACmB,uBAAuB;MACzBnB,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,yBAAyB;MAC3BrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACxB,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACN,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC0B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC3B,CAAQ,EAAE;IAC9B,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACN,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC4B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC7B,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACN,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC8B,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/MenuItem/MenuItem.d.ts CHANGED Viewed

@@ -70,9 +70,6 @@ export declare class MenuItem extends React.Component<MenuItemProps> {
         iconOffsetTop: number;
         highlighted: boolean;
     };
-    private globalObject;
-    private cx;
-    private styles;
     private theme;
     private mouseEntered;
     getRootNode: TGetRootNode;

package/cjs/components/MenuItem/MenuItem.js CHANGED Viewed

@@ -1,10 +1,7 @@
 "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");
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
-var _globalObject = require("../../lib/globalObject");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _scrollYCenterIntoNearestScrollable = require("../../lib/dom/scrollYCenterIntoNearestScrollable");
@@ -13,6 +10,7 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
@@ -115,9 +113,6 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
     };_this.
     mouseEntered = false;_this.
@@ -161,18 +156,6 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
@@ -207,9 +190,9 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
         return;
       }
       if (_this.props.target) {
-        _this.globalObject.open(_this.props.href, _this.props.target);
+        window.open(_this.props.href, _this.props.target);
       } else {
-        _this.globalObject.location.href = _this.props.href;
+        location.href = _this.props.href;
       }
     };_this.
@@ -249,7 +232,7 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
-    renderMain = function () {var _this$cx2, _this$cx3, _this$cx4;
+    renderMain = function () {var _cx2, _cx3, _cx4;
       var _this$props =
@@ -272,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, _this.globalObject) ? '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);
+        _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) {var _this$cx;
+      if (icon) {var _cx;
         iconElement = /*#__PURE__*/
         _react.default.createElement("div", {
           style: { top: _this.state.iconOffsetTop },
-          className: _this.cx((_this$cx = {}, _this$cx[
-          _this.styles.icon()] = true, _this$cx[
-          _this.getIconSizeClassName()] = true, _this$cx)
+          className: (0, _Emotion.cx)((_cx = {}, _cx[
+          _MenuItem2.styles.icon()] = true, _cx[
+          _this.getIconSizeClassName()] = true, _cx)
           ) },
         icon
@@ -290,17 +273,17 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
       }
       var isThemeGTE_5_2 = (0, _ThemeHelpers.isThemeGTE)(_this.theme, '5.2');
-      var className = _this.cx((_this$cx2 = {}, _this$cx2[
-      _this.styles.root(_this.theme)] = true, _this$cx2[
-      _this.getRootSizeClassName()] = true, _this$cx2[
-      _this.styles.rootMobile(_this.theme)] = isMobile, _this$cx2[
-      _this.styles.loose()] = !!loose, _this$cx2[
-      _this.styles.hover(_this.theme)] = _this.isHover, _this$cx2[
-      _this.styles.selected(_this.theme)] = _this.isSelected, _this$cx2[
-      _this.styles.link(_this.theme)] = !!link, _this$cx2[
-      _this.getWithIconSizeClassName()] = Boolean(iconElement) || !!_enableIconPadding || _this.context.enableIconPadding, _this$cx2[
-      _this.styles.nonSelectable()] = isThemeGTE_5_2 && !!isNotSelectable, _this$cx2[
-      _this.styles.disabled(_this.theme)] = !!disabled, _this$cx2)
+      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;
@@ -335,8 +318,8 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
         iconElement, /*#__PURE__*/
         _react.default.createElement("span", {
-          className: _this.cx((_this$cx3 = {}, _this$cx3[
-          _this.styles.mobileContentWithIcon()] = isMobile && (0, _utils.isNonNullable)(icon), _this$cx3)
+          className: (0, _Emotion.cx)((_cx3 = {}, _cx3[
+          _MenuItem2.styles.mobileContentWithIcon()] = isMobile && (0, _utils.isNonNullable)(icon), _cx3)
           ),
           ref: _this.contentRef,
           "data-tid": MenuItemDataTids.content },
@@ -346,9 +329,9 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
         comment && /*#__PURE__*/
         _react.default.createElement("div", {
           "data-tid": MenuItemDataTids.comment,
-          className: _this.cx((_this$cx4 = {}, _this$cx4[
-          _this.styles.comment(_this.theme)] = true, _this$cx4[
-          _this.styles.commentHover(_this.theme)] = _this.isHover, _this$cx4)
+          className: (0, _Emotion.cx)((_cx4 = {}, _cx4[
+          _MenuItem2.styles.comment(_this.theme)] = true, _cx4[
+          _MenuItem2.styles.commentHover(_this.theme)] = _this.isHover, _cx4)
           ) },
         comment
@@ -419,7 +402,7 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
     hasIconAmongItems = function () {var _this$context$navigat3;
       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(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var globalObject = _ref.globalObject,emotion = _ref.emotion;_this2.globalObject = globalObject;_this2.cx = emotion.cx;_this2.styles = (0, _MenuItem2.getStyles)(emotion);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)(this.globalObject)) {this.setState({ iconOffsetTop: this.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 this.styles.rootLarge(this.theme);case 'medium':return this.styles.rootMedium(this.theme);case 'small':default:return this.styles.rootSmall(this.theme);}};_proto.getIconSizeClassName = function getIconSizeClassName() {switch (this.props.size) {case 'large':return this.styles.iconLarge(this.theme);case 'medium':return this.styles.iconMedium(this.theme);case 'small':default:return this.styles.iconSmall(this.theme);}};_proto.getWithIconSizeClassName = function getWithIconSizeClassName() {switch (this.props.size) {case 'large':return this.styles.withIconLarge(this.theme);case 'medium':return this.styles.withIconMedium(this.theme);case 'small':default:return this.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;
+    };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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_globalObject","_ThemeHelpers","_scrollYCenterIntoNearestScrollable","_utils","_ThemeContext","_CommonWrapper","_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","globalObject","open","location","renderMain","_this$cx2","_this$cx3","_this$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","_this$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","RenderEnvironmentContext","Consumer","_ref","emotion","getStyles","ThemeContext","componentDidMount","scrollYCenterIntoNearestScrollable","isBrowser","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 type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isBrowser } from '../../lib/globalObject';\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 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 { getStyles } 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 globalObject!: GlobalObject;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\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 <RenderEnvironmentContext.Consumer>\n {({ globalObject, emotion }) => {\n this.globalObject = globalObject;\n this.cx = emotion.cx;\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </RenderEnvironmentContext.Consumer>\n );\n }\n\n public componentDidMount() {\n if (this.props.scrollIntoView && this.rootRef) {\n scrollYCenterIntoNearestScrollable(this.rootRef);\n }\n if (this.rootRef && isBrowser(this.globalObject)) {\n this.setState({\n iconOffsetTop: this.globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top'),\n });\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 this.globalObject.open(this.props.href, this.props.target);\n } else {\n this.globalObject.location.href = this.props.href;\n }\n };\n\n private getRootSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return this.styles.rootLarge(this.theme);\n case 'medium':\n return this.styles.rootMedium(this.theme);\n case 'small':\n default:\n return this.styles.rootSmall(this.theme);\n }\n }\n\n private getIconSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return this.styles.iconLarge(this.theme);\n case 'medium':\n return this.styles.iconMedium(this.theme);\n case 'small':\n default:\n return this.styles.iconSmall(this.theme);\n }\n }\n\n private getWithIconSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return this.styles.withIconLarge(this.theme);\n case 'medium':\n return this.styles.withIconMedium(this.theme);\n case 'small':\n default:\n return this.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, this.globalObject) ? '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={this.cx({\n [this.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 = this.cx({\n [this.styles.root(this.theme)]: true,\n [this.getRootSizeClassName()]: true,\n [this.styles.rootMobile(this.theme)]: isMobile,\n [this.styles.loose()]: !!loose,\n [this.styles.hover(this.theme)]: this.isHover,\n [this.styles.selected(this.theme)]: this.isSelected,\n [this.styles.link(this.theme)]: !!link,\n [this.getWithIconSizeClassName()]: Boolean(iconElement) \|\| !!_enableIconPadding \|\| this.context.enableIconPadding,\n [this.styles.nonSelectable()]: isThemeGTE_5_2 && !!isNotSelectable,\n [this.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={this.cx({\n [this.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={this.cx({\n [this.styles.comment(this.theme)]: true,\n [this.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":[]}
1	+ {"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.md ADDED Viewed

@@ -0,0 +1,139 @@
+### Меню с базовыми элементами меню
+```jsx harmony
+import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
+<DropdownMenu
+  caption={<Button use="primary">Открыть меню с базовыми элементами меню</Button>}
+  >
+  <MenuItem>Базовый элемент меню</MenuItem>
+  <MenuItem>Ещё один базовый элемент меню</MenuItem>
+  <MenuItem>И ещё один</MenuItem>
+</DropdownMenu>
+```
+### Disabled
+```jsx harmony
+import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
+<DropdownMenu
+  caption={<Button use="primary">Открыть меню с базовыми и заблокированными элементами</Button>}
+  >
+  <MenuItem>Это базовый элемент меню</MenuItem>
+  <MenuItem disabled>А это заблокированный</MenuItem>
+  <MenuItem>А это снова базовый</MenuItem>
+  <MenuItem disabled>И снова заблокированный</MenuItem>
+  <MenuItem disabled>И вот ещё один заблокированный</MenuItem>
+</DropdownMenu>
+```
+### Запрет выделения
+В пункты меню можно передать проп `isNotSelectable`, чтобы запретить выделение и выбор этого пункта меню
+```jsx harmony
+import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
+<DropdownMenu
+  caption={<Button use="primary">Открыть меню с базовыми и отключёнными элементами</Button>}
+  >
+  <MenuItem>Это базовый элемент меню</MenuItem>
+  <MenuItem isNotSelectable>А это отключённый</MenuItem>
+  <MenuItem>А это снова базовый</MenuItem>
+  <MenuItem isNotSelectable>И снова отключённый</MenuItem>
+  <MenuItem isNotSelectable>И вот ещё один отключённый</MenuItem>
+</DropdownMenu>
+```
+### Описание элементов
+```jsx harmony
+import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
+<DropdownMenu
+  caption={<Button use="primary">Открыть меню с причастными к Pied Piper</Button>}
+  >
+  <MenuItem comment="Системный инженер">Bertram Gilfoyle</MenuItem>
+  <MenuItem comment="Hooli CEO">Gavin Belson</MenuItem>
+  <MenuItem comment="Java-разработчик">Dinesh Chugtai</MenuItem>
+  <MenuItem comment="Основатель Pied Piper">Richard Hendricks</MenuItem>
+  <MenuItem comment="Владелец инкубатора">Erlich Bachman</MenuItem>
+</DropdownMenu>
+```
+### Иконки в элементах
+```jsx harmony
+import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
+import { TechPhoneSmartIcon16Regular } from '@skbkontur/icons/icons/TechPhoneSmartIcon/TechPhoneSmartIcon16Regular';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';
+import { HandThumbDownIcon16Regular } from '@skbkontur/icons/icons/HandThumbDownIcon/HandThumbDownIcon16Regular';
+<DropdownMenu
+  caption={<Button use="primary">Открыть меню с иконками</Button>}
+  >
+  <MenuItem icon={<CheckAIcon16Regular />}>Базовый элемент меню c иконкой</MenuItem>
+  <MenuItem
+    disabled
+    icon={<HandThumbDownIcon16Regular />}
+    >
+    Отключённый элемент меню с иконкой
+  </MenuItem>
+  <MenuItem
+    icon={<TechPhoneSmartIcon16Regular />}
+    comment="А слева вы можете видеть икону 21-го века"
+    >
+     Элемент меню с описанием и иконкой
+  </MenuItem>
+</DropdownMenu>
+```
+### Проп href
+В элементы меню можно передавать проп `href`, чтобы превратить их в ссылку. Лучше выделять такие элементы иконками.
+```jsx harmony
+import { Button, MenuItem, DropdownMenu, MenuSeparator } from '@skbkontur/react-ui';
+import { ArrowUiCornerOutUpRightIcon } from '@skbkontur/icons/icons/ArrowUiCornerOutUpRightIcon';
+<DropdownMenu
+  caption={<Button use="primary">Открыть меню с ссылками</Button>}
+  >
+  <MenuItem
+    href="http://tech.skbkontur.ru/react-ui/"
+    target="_blank"
+    rel="noopener noreferrer"
+  >
+    Начало документации
+  </MenuItem>
+  <MenuItem
+    href="https://github.com/skbkontur/retail-ui/graphs/contributors"
+    target="_blank"
+    rel="noopener noreferrer"
+  >
+    Список прекрасных людей
+  </MenuItem>
+  <MenuSeparator />
+  <MenuItem
+    icon={< ArrowUiCornerOutUpRightIcon />}
+    href="https://guides.kontur.ru/"
+    target="_blank"
+    rel="noopener noreferrer"
+  >
+    Подробнее в Контур Гайдах
+  </MenuItem>
+</DropdownMenu>
+```
+### Размер
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+<Gapped vertical>
+  <MenuItem size={'small'}>Маленький</MenuItem>
+  <MenuItem size={'medium'}>Средний</MenuItem>
+  <MenuItem size={'large'}>Большой</MenuItem>
+</Gapped>
+```

package/cjs/components/MenuItem/MenuItem.mixins.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
-export declare const menuItemSizeMixin: (menuItemPaddingX: string, menuItemPaddingY: string, menuItemLineHeight: string, menuItemFontSize: string, emotion: Emotion) => string;
-export declare const iconSizeMixin: (menuItemIconWidth: string, menuItemPaddingX: string, emotion: Emotion) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string, emotion: Emotion) => string;
+export declare const menuItemSizeMixin: (menuItemPaddingX: string, menuItemPaddingY: string, menuItemLineHeight: string, menuItemFontSize: string) => string;
+export declare const iconSizeMixin: (menuItemIconWidth: string, menuItemPaddingX: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

package/cjs/components/MenuItem/MenuItem.mixins.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"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"));
+"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;
@@ -6,30 +6,29 @@ var menuItemSizeMixin = exports.menuItemSizeMixin = function menuItemSizeMixin(
 menuItemPaddingX,
 menuItemPaddingY,
 menuItemLineHeight,
-menuItemFontSize,
-emotion)
+menuItemFontSize)
 {
   var _getMenuItemPaddings = (0, _MenuItem.getMenuItemPaddings)({
       menuItemPaddingX: menuItemPaddingX,
       menuItemPaddingY: menuItemPaddingY
     }),paddingX = _getMenuItemPaddings.paddingX,paddingY = _getMenuItemPaddings.paddingY;
-  return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.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);
 };
-var iconSizeMixin = exports.iconSizeMixin = function iconSizeMixin(menuItemIconWidth, menuItemPaddingX, emotion) {
-  return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    left: ", "px;\n  "])),
+var iconSizeMixin = exports.iconSizeMixin = function iconSizeMixin(menuItemIconWidth, menuItemPaddingX) {
+  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, emotion) {
-  return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
+var withIconSizeMixin = exports.withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
+  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
   menuItemPaddingForIcon);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_MenuItem~~","require","_templateObject","_templateObject2","_templateObject3","menuItemSizeMixin","exports","menuItemPaddingX","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","~~emotion","~~_getMenuItemPaddings","getMenuItemPaddings","paddingX","paddingY","css","_taggedTemplateLiteralLoose2","default","iconSizeMixin","menuItemIconWidth","parseInt","withIconSizeMixin","menuItemPaddingForIcon"],"sources":["MenuItem.mixins.ts"],"sourcesContent":["import ~~type~~ { ~~Emotion~~ } from '~~@emotion~~/~~css~~/~~types/create-instance~~';\n\nimport { getMenuItemPaddings } from './MenuItem.styles';\n\nexport const menuItemSizeMixin = (\n menuItemPaddingX: string,\n menuItemPaddingY: string,\n menuItemLineHeight: string,\n menuItemFontSize: string,\n ~~emotion: Emotion,\n~~) => {\n const { paddingX, paddingY } = getMenuItemPaddings({\n menuItemPaddingX,\n menuItemPaddingY,\n });\n\n return ~~emotion.~~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~~, emotion: Emotion~~) => {\n return ~~emotion.~~css`\n width: ${menuItemIconWidth};\n left: ${parseInt(menuItemPaddingX)}px;\n `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string~~, emotion: Emotion~~) => {\n return ~~emotion.~~css`\n padding-left: ${menuItemPaddingForIcon};\n `;\n};\n"],"mappings":";;AAEA,~~IAAAA~~,SAAA,~~GAAAC~~,OAAA,sBAAwD,~~IAAAC~~,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEjD,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5BE,gBAAwB;AACxBC,gBAAwB;AACxBC,kBAA0B;AAC1BC,gBAAwB;~~AACxBC,OAAgB~~;~~AACb;~~EACH,IAAAC,oBAAA,GAA+B,IAAAC,6BAAmB,EAAC;~~MACjDN~~,gBAAgB,EAAhBA,gBAAgB;MAChBC,gBAAgB,EAAhBA;IACF,CAAC,CAAC,~~CAHMM~~,QAAQ,GAAAF,oBAAA,CAARE,QAAQ,CAAEC,QAAQ,GAAAH,oBAAA,CAARG,QAAQ;;EAK1B,~~OAAOJ~~,~~OAAO~~,~~CAACK~~,~~GAAG,CAAAd,~~eAAA,KAAAA,eAAA,~~OAAAe~~,4BAAA,CAAAC,OAAA;~~EACDT~~,kBAAkB;EACpBC,gBAAgB;EAClBF,gBAAgB,~~EAAIM~~,QAAQ,EAAIC,QAAQ,~~EAAIR~~,gBAAgB;;AAE3E,CAAC;;AAEM,~~IAAMY~~,aAAa,~~GAAAb~~,OAAA,~~CAAAa~~,aAAA,GAAG,SAAhBA,aAAaA,CAAIC,iBAAyB,~~EAAEb~~,gBAAwB,~~EAAEI,OAAgB,~~EAAK;~~EACtG~~,~~OAAOA~~,~~OAAO~~,~~CAACK~~,~~GAAG,CAAAb,~~gBAAA,KAAAA,gBAAA,~~OAAAc~~,4BAAA,CAAAC,OAAA;~~EACPE~~,iBAAiB;EAClBC,QAAQ,~~CAACd~~,gBAAgB,CAAC;;AAEtC,CAAC;;AAEM,~~IAAMe~~,iBAAiB,~~GAAAhB~~,OAAA,~~CAAAgB~~,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,~~EAAEZ,OAAgB,~~EAAK;~~EACrF~~,~~OAAOA~~,~~OAAO~~,~~CAACK~~,~~GAAG,CAAAZ,~~gBAAA,KAAAA,gBAAA,~~OAAAa~~,4BAAA,CAAAC,OAAA;~~EACAK~~,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
1	+ {"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.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
 export declare const getMenuItemPaddings: ({ menuItemPaddingX, menuItemPaddingY, }: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {
     paddingX: string;
     paddingY: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;