@skbkontur/react-ui 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c

package/components/MenuFooter/MenuFooter.styles.d.ts

@@ -1,5 +1,6 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: (emotion: Emotion) => {
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;

package/components/MenuHeader/MenuHeader/MenuHeader.js

@@ -1,11 +1,11 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["_enableIconPadding", "children", "size"];
 import React, { useContext } from 'react';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { MenuContext } from "../../../internal/Menu/MenuContext";
-import { styles } from "../MenuHeader.styles";
+import { useTheme } from "../../../lib/theming/useTheme";
+import { useEmotion } from "../../../lib/theming/Emotion";
+import { getStyles } from "../MenuHeader.styles";
 /**
  * @deprecated use SizeProp
  */
@@ -22,7 +22,7 @@ export var MenuHeaderDataTids = {
  */
 
 function MenuHeader(_ref) {
-  var _cx;
+  var _emotion$cx;
 
   var _ref$_enableIconPaddi = _ref._enableIconPadding,
       _enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,
@@ -31,7 +31,9 @@ function MenuHeader(_ref) {
       size = _ref$size === void 0 ? 'small' : _ref$size,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var theme = useContext(ThemeContext);
+  var theme = useTheme();
+  var emotion = useEmotion();
+  var styles = getStyles(emotion);
   var menuContext = useContext(MenuContext);
 
   function getRootSizeClassName() {
@@ -64,11 +66,12 @@ function MenuHeader(_ref) {
 
   return /*#__PURE__*/React.createElement(CommonWrapper, rest, /*#__PURE__*/React.createElement("div", {
     "data-tid": MenuHeaderDataTids.root,
-    className: cx(getRootSizeClassName(), (_cx = {}, _cx[styles.root(theme)] = true, _cx[getWithLeftPaddingSizeClassName()] = menuContext.enableIconPadding || _enableIconPadding, _cx))
+    className: emotion.cx(getRootSizeClassName(), (_emotion$cx = {}, _emotion$cx[styles.root(theme)] = true, _emotion$cx[getWithLeftPaddingSizeClassName()] = menuContext.enableIconPadding || _enableIconPadding, _emotion$cx))
   }, children));
 }
 
 MenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';
+MenuHeader.displayName = 'MenuHeader';
 MenuHeader.__MENU_HEADER__ = true;
 export { MenuHeader };
 export var isMenuHeader = function isMenuHeader(child) {

package/components/MenuHeader/MenuHeader/MenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.tsx"],"names":["React","useContext","ThemeContext","CommonWrapper","cx","MenuContext","styles","MenuHeaderDataTids","root","MenuHeader","_enableIconPadding","children","size","rest","theme","menuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","enableIconPadding","__KONTUR_REACT_UI__","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"+JAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,WAAT,QAA4B,iCAA5B;;AAEA,SAASC,MAAT,QAAuB,qBAAvB;;AAEA;AACA;AACA;;;;;;;;;;AAUA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,kBAD0B,EAA3B;;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAT,OAAwG,0CAAlFC,kBAAkF,CAAlFA,kBAAkF,sCAA7D,KAA6D,yBAAtDC,QAAsD,QAAtDA,QAAsD,kBAA5CC,IAA4C,CAA5CA,IAA4C,0BAArC,OAAqC,aAAzBC,IAAyB;AACtG,MAAMC,KAAK,GAAGb,UAAU,CAACC,YAAD,CAAxB;AACA,MAAMa,WAAW,GAAGd,UAAU,CAACI,WAAD,CAA9B;;AAEA,WAASW,oBAAT,GAAgC;AAC9B,YAAQJ,IAAR;AACE,WAAK,OAAL;AACE,eAAON,MAAM,CAACW,SAAP,CAAiBH,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOR,MAAM,CAACY,UAAP,CAAkBJ,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOR,MAAM,CAACa,SAAP,CAAiBL,KAAjB,CAAP,CAPJ;;AASD;AACD,WAASM,+BAAT,GAA2C;AACzC,YAAQR,IAAR;AACE,WAAK,OAAL;AACE,eAAON,MAAM,CAACe,oBAAP,CAA4BP,KAA5B,CAAP;AACF,WAAK,QAAL;AACE,eAAOR,MAAM,CAACgB,qBAAP,CAA6BR,KAA7B,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOR,MAAM,CAACe,oBAAP,CAA4BP,KAA5B,CAAP,CAPJ;;AASD;;AAED;AACE,wBAAC,aAAD,EAAmBD,IAAnB;AACE;AACE,kBAAUN,kBAAkB,CAACC,IAD/B;AAEE,MAAA,SAAS,EAAEJ,EAAE,CAACY,oBAAoB,EAArB;AACVV,MAAAA,MAAM,CAACE,IAAP,CAAYM,KAAZ,CADU,IACW,IADX;AAEVM,MAAAA,+BAA+B,EAFrB,IAE0BL,WAAW,CAACQ,iBAAZ,IAAiCb,kBAF3D,OAFf;;;AAOGC,IAAAA,QAPH,CADF,CADF;;;;AAaD;;AAEDF,UAAU,CAACe,mBAAX,GAAiC,YAAjC;AACAf,UAAU,CAACgB,eAAX,GAA6B,IAA7B;;AAEA,SAAShB,UAAT;;AAEA,OAAO,IAAMiB,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,aAAA3B,KAAK,CAAC4B,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM","sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\n\nimport { styles } from './MenuHeader.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type MenuHeaderSize = SizeProp;\n\nexport interface MenuHeaderProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n  root: 'MenuHeader__root',\n} as const;\n\n/**\n * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.\n *\n * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuHeader({ _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps) {\n  const theme = useContext(ThemeContext);\n  const menuContext = useContext(MenuContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        data-tid={MenuHeaderDataTids.root}\n        className={cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding || _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n  return React.isValidElement<MenuHeaderProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n    : false;\n};\n"]}
+{"version":3,"sources":["MenuHeader.tsx"],"names":["React","useContext","CommonWrapper","MenuContext","useTheme","useEmotion","getStyles","MenuHeaderDataTids","root","MenuHeader","_enableIconPadding","children","size","rest","theme","emotion","styles","menuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","cx","enableIconPadding","__KONTUR_REACT_UI__","displayName","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"+JAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,WAAT,QAA4B,iCAA5B;AACA,SAASC,QAAT,QAAyB,4BAAzB;AACA,SAASC,UAAT,QAA2B,2BAA3B;;AAEA,SAASC,SAAT,QAA0B,qBAA1B;;AAEA;AACA;AACA;;;;;;;;;;AAUA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,kBAD0B,EAA3B;;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAT,OAAwG,kDAAlFC,kBAAkF,CAAlFA,kBAAkF,sCAA7D,KAA6D,yBAAtDC,QAAsD,QAAtDA,QAAsD,kBAA5CC,IAA4C,CAA5CA,IAA4C,0BAArC,OAAqC,aAAzBC,IAAyB;AACtG,MAAMC,KAAK,GAAGV,QAAQ,EAAtB;AACA,MAAMW,OAAO,GAAGV,UAAU,EAA1B;AACA,MAAMW,MAAM,GAAGV,SAAS,CAACS,OAAD,CAAxB;AACA,MAAME,WAAW,GAAGhB,UAAU,CAACE,WAAD,CAA9B;;AAEA,WAASe,oBAAT,GAAgC;AAC9B,YAAQN,IAAR;AACE,WAAK,OAAL;AACE,eAAOI,MAAM,CAACG,SAAP,CAAiBL,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOE,MAAM,CAACI,UAAP,CAAkBN,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOE,MAAM,CAACK,SAAP,CAAiBP,KAAjB,CAAP,CAPJ;;AASD;AACD,WAASQ,+BAAT,GAA2C;AACzC,YAAQV,IAAR;AACE,WAAK,OAAL;AACE,eAAOI,MAAM,CAACO,oBAAP,CAA4BT,KAA5B,CAAP;AACF,WAAK,QAAL;AACE,eAAOE,MAAM,CAACQ,qBAAP,CAA6BV,KAA7B,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOE,MAAM,CAACO,oBAAP,CAA4BT,KAA5B,CAAP,CAPJ;;AASD;;AAED;AACE,wBAAC,aAAD,EAAmBD,IAAnB;AACE;AACE,kBAAUN,kBAAkB,CAACC,IAD/B;AAEE,MAAA,SAAS,EAAEO,OAAO,CAACU,EAAR,CAAWP,oBAAoB,EAA/B;AACRF,MAAAA,MAAM,CAACR,IAAP,CAAYM,KAAZ,CADQ,IACa,IADb;AAERQ,MAAAA,+BAA+B,EAFvB,IAE4BL,WAAW,CAACS,iBAAZ,IAAiChB,kBAF7D,eAFb;;;AAOGC,IAAAA,QAPH,CADF,CADF;;;;AAaD;;AAEDF,UAAU,CAACkB,mBAAX,GAAiC,YAAjC;AACAlB,UAAU,CAACmB,WAAX,GAAyB,YAAzB;AACAnB,UAAU,CAACoB,eAAX,GAA6B,IAA7B;;AAEA,SAASpB,UAAT;;AAEA,OAAO,IAAMqB,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,aAAA/B,KAAK,CAACgC,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM","sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { useTheme } from '../../lib/theming/useTheme';\nimport { useEmotion } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './MenuHeader.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type MenuHeaderSize = SizeProp;\n\nexport interface MenuHeaderProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n  root: 'MenuHeader__root',\n} as const;\n\n/**\n * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.\n *\n * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuHeader({ _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps) {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n  const menuContext = useContext(MenuContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        data-tid={MenuHeaderDataTids.root}\n        className={emotion.cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding || _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.displayName = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n  return React.isValidElement<MenuHeaderProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n    : false;\n};\n"]}

package/components/MenuHeader/MenuHeader.d.ts

@@ -24,6 +24,7 @@ export declare const MenuHeaderDataTids: {
 declare function MenuHeader({ _enableIconPadding, children, size, ...rest }: MenuHeaderProps): JSX.Element;
 declare namespace MenuHeader {
     var __KONTUR_REACT_UI__: string;
+    var displayName: string;
     var __MENU_HEADER__: boolean;
 }
 export { MenuHeader };

package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js

@@ -2,12 +2,15 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2;
 
-import { css } from "../../../lib/theming/Emotion";
-export var menuHeaderSizeMixin = function menuHeaderSizeMixin(menuHeaderLegacyPaddingRight, menuHeaderPaddingX, menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, menuHeaderPaddingBottom) {
-  var legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);
-  var paddingRight = legacyPaddingRight !== 0 ? parseFloat(menuHeaderPaddingX) + legacyPaddingRight + "px" : menuHeaderPaddingX;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])), menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, paddingRight, menuHeaderPaddingBottom, menuHeaderPaddingX);
+export var menuHeaderSizeMixin = function menuHeaderSizeMixin(emotion) {
+  return function (menuHeaderLegacyPaddingRight, menuHeaderPaddingX, menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, menuHeaderPaddingBottom) {
+    var legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);
+    var paddingRight = legacyPaddingRight !== 0 ? parseFloat(menuHeaderPaddingX) + legacyPaddingRight + "px" : menuHeaderPaddingX;
+    return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])), menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, paddingRight, menuHeaderPaddingBottom, menuHeaderPaddingX);
+  };
 };
-export var withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    padding-left: ", ";\n  "])), menuItemPaddingForIcon);
+export var withIconSizeMixin = function withIconSizeMixin(emotion) {
+  return function (menuItemPaddingForIcon) {
+    return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    padding-left: ", ";\n  "])), menuItemPaddingForIcon);
+  };
 };

package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.mixins.ts"],"names":["css","menuHeaderSizeMixin","menuHeaderLegacyPaddingRight","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","legacyPaddingRight","parseFloat","paddingRight","withIconSizeMixin","menuItemPaddingForIcon"],"mappings":"sIAAA,SAASA,GAAT,QAAoB,2BAApB;;AAEA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,4BADiC;AAEjCC,kBAFiC;AAGjCC,kBAHiC;AAIjCC,oBAJiC;AAKjCC,oBALiC;AAMjCC,uBANiC;AAO9B;AACH,MAAMC,kBAAkB,GAAGC,UAAU,CAACP,4BAAD,CAArC;AACA,MAAMQ,YAAY;AAChBF,EAAAA,kBAAkB,KAAK,CAAvB,GAA8BC,UAAU,CAACN,kBAAD,CAAV,GAAiCK,kBAA/D,UAAwFL,kBAD1F;;AAGA,SAAOH,GAAP;AACeI,EAAAA,kBADf;AAEiBC,EAAAA,oBAFjB;AAGaC,EAAAA,oBAHb,EAGqCI,YAHrC,EAGqDH,uBAHrD,EAGgFJ,kBAHhF;;AAKD,CAjBM;;AAmBP,OAAO,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,sBAAD,EAAoC;AACnE,SAAOZ,GAAP;AACkBY,EAAAA,sBADlB;;AAGD,CAJM","sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuHeaderSizeMixin = (\n  menuHeaderLegacyPaddingRight: string,\n  menuHeaderPaddingX: string,\n  menuHeaderFontSize: string,\n  menuHeaderLineHeight: string,\n  menuHeaderPaddingTop: string,\n  menuHeaderPaddingBottom: string,\n) => {\n  const legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);\n  const paddingRight =\n    legacyPaddingRight !== 0 ? `${parseFloat(menuHeaderPaddingX) + legacyPaddingRight}px` : menuHeaderPaddingX;\n\n  return css`\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"]}
+{"version":3,"sources":["MenuHeader.mixins.ts"],"names":["menuHeaderSizeMixin","emotion","menuHeaderLegacyPaddingRight","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","legacyPaddingRight","parseFloat","paddingRight","css","withIconSizeMixin","menuItemPaddingForIcon"],"mappings":";;AAEA,OAAO,IAAMA,mBAAmB;AAC9B,SADWA,mBACX,CAACC,OAAD;AACA;AACEC,IAAAA,4BADF;AAEEC,IAAAA,kBAFF;AAGEC,IAAAA,kBAHF;AAIEC,IAAAA,oBAJF;AAKEC,IAAAA,oBALF;AAMEC,IAAAA,uBANF;AAOK;AACH,UAAMC,kBAAkB,GAAGC,UAAU,CAACP,4BAAD,CAArC;AACA,UAAMQ,YAAY;AAChBF,MAAAA,kBAAkB,KAAK,CAAvB,GAA8BC,UAAU,CAACN,kBAAD,CAAV,GAAiCK,kBAA/D,UAAwFL,kBAD1F;;AAGA,aAAOF,OAAO,CAACU,GAAf;AACaP,MAAAA,kBADb;AAEeC,MAAAA,oBAFf;AAGWC,MAAAA,oBAHX,EAGmCI,YAHnC,EAGmDH,uBAHnD,EAG8EJ,kBAH9E;;AAKD,KAlBD,GADK;;AAqBP,OAAO,IAAMS,iBAAiB,GAAG,SAApBA,iBAAoB,CAACX,OAAD,UAAsB,UAACY,sBAAD,EAAoC;AACzF,WAAOZ,OAAO,CAACU,GAAf;AACkBE,IAAAA,sBADlB;;AAGD,GAJgC,EAA1B","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nexport const menuHeaderSizeMixin =\n  (emotion: Emotion) =>\n  (\n    menuHeaderLegacyPaddingRight: string,\n    menuHeaderPaddingX: string,\n    menuHeaderFontSize: string,\n    menuHeaderLineHeight: string,\n    menuHeaderPaddingTop: string,\n    menuHeaderPaddingBottom: string,\n  ) => {\n    const legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);\n    const paddingRight =\n      legacyPaddingRight !== 0 ? `${parseFloat(menuHeaderPaddingX) + legacyPaddingRight}px` : menuHeaderPaddingX;\n\n    return emotion.css`\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n  };\n\nexport const withIconSizeMixin = (emotion: Emotion) => (menuItemPaddingForIcon: string) => {\n  return emotion.css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"]}

package/components/MenuHeader/MenuHeader.mixins.d.ts

@@ -1,2 +1,3 @@
-export declare const menuHeaderSizeMixin: (menuHeaderLegacyPaddingRight: string, menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const menuHeaderSizeMixin: (emotion: Emotion) => (menuHeaderLegacyPaddingRight: string, menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string) => string;
+export declare const withIconSizeMixin: (emotion: Emotion) => (menuItemPaddingForIcon: string) => string;

package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js

@@ -2,28 +2,30 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { memoizeStyle } from "../../../lib/theming/Emotion";
 import { menuHeaderSizeMixin, withIconSizeMixin } from "../MenuHeader.mixins";
-export var styles = memoizeStyle({
-  root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.menuHeaderColor);
-  },
-  rootSmall: function rootSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderLegacyPaddingRight, t.menuHeaderPaddingXSmall, t.menuHeaderFontSizeSmall, t.menuHeaderLineHeightSmall, t.menuHeaderPaddingTopSmall, t.menuHeaderPaddingBottomSmall));
-  },
-  rootMedium: function rootMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderLegacyPaddingRight, t.menuHeaderPaddingXMedium, t.menuHeaderFontSizeMedium, t.menuHeaderLineHeightMedium, t.menuHeaderPaddingTopMedium, t.menuHeaderPaddingBottomMedium));
-  },
-  rootLarge: function rootLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderLegacyPaddingRight, t.menuHeaderPaddingXLarge, t.menuHeaderFontSizeLarge, t.menuHeaderLineHeightLarge, t.menuHeaderPaddingTopLarge, t.menuHeaderPaddingBottomLarge));
-  },
-  withLeftPaddingSmall: function withLeftPaddingSmall(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
-  },
-  withLeftPaddingMedium: function withLeftPaddingMedium(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
-  },
-  withLeftPaddingLarge: function withLeftPaddingLarge(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
-  }
-});
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    root: function root(t) {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        cursor: default;\n      "])), t.menuHeaderColor);
+    },
+    rootSmall: function rootSmall(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), menuHeaderSizeMixin(emotion)(t.menuHeaderLegacyPaddingRight, t.menuHeaderPaddingXSmall, t.menuHeaderFontSizeSmall, t.menuHeaderLineHeightSmall, t.menuHeaderPaddingTopSmall, t.menuHeaderPaddingBottomSmall));
+    },
+    rootMedium: function rootMedium(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), menuHeaderSizeMixin(emotion)(t.menuHeaderLegacyPaddingRight, t.menuHeaderPaddingXMedium, t.menuHeaderFontSizeMedium, t.menuHeaderLineHeightMedium, t.menuHeaderPaddingTopMedium, t.menuHeaderPaddingBottomMedium));
+    },
+    rootLarge: function rootLarge(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), menuHeaderSizeMixin(emotion)(t.menuHeaderLegacyPaddingRight, t.menuHeaderPaddingXLarge, t.menuHeaderFontSizeLarge, t.menuHeaderLineHeightLarge, t.menuHeaderPaddingTopLarge, t.menuHeaderPaddingBottomLarge));
+    },
+    withLeftPaddingSmall: function withLeftPaddingSmall(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), withIconSizeMixin(emotion)(t.menuItemPaddingForIconSmall));
+    },
+    withLeftPaddingMedium: function withLeftPaddingMedium(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), withIconSizeMixin(emotion)(t.menuItemPaddingForIconMedium));
+    },
+    withLeftPaddingLarge: function withLeftPaddingLarge(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), withIconSizeMixin(emotion)(t.menuItemPaddingForIconLarge));
+    }
+  });
+};

package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.styles.ts"],"names":["css","memoizeStyle","menuHeaderSizeMixin","withIconSizeMixin","styles","root","t","menuHeaderColor","rootSmall","menuHeaderLegacyPaddingRight","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"mappings":"gOAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,SAASC,mBAAT,EAA8BC,iBAA9B,QAAuD,qBAAvD;;AAEA,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;AACjCI,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAON,GAAP;AACWM,IAAAA,CAAC,CAACC,eADb;;;AAID,GANgC;;AAQjCC,EAAAA,SARiC,qBAQvBF,CARuB,EAQb;AAClB,WAAON,GAAP;AACIE,IAAAA,mBAAmB;AACnBI,IAAAA,CAAC,CAACG,4BADiB;AAEnBH,IAAAA,CAAC,CAACI,uBAFiB;AAGnBJ,IAAAA,CAAC,CAACK,uBAHiB;AAInBL,IAAAA,CAAC,CAACM,yBAJiB;AAKnBN,IAAAA,CAAC,CAACO,yBALiB;AAMnBP,IAAAA,CAAC,CAACQ,4BANiB,CADvB;;;AAUD,GAnBgC;AAoBjCC,EAAAA,UApBiC,sBAoBtBT,CApBsB,EAoBZ;AACnB,WAAON,GAAP;AACIE,IAAAA,mBAAmB;AACnBI,IAAAA,CAAC,CAACG,4BADiB;AAEnBH,IAAAA,CAAC,CAACU,wBAFiB;AAGnBV,IAAAA,CAAC,CAACW,wBAHiB;AAInBX,IAAAA,CAAC,CAACY,0BAJiB;AAKnBZ,IAAAA,CAAC,CAACa,0BALiB;AAMnBb,IAAAA,CAAC,CAACc,6BANiB,CADvB;;;AAUD,GA/BgC;AAgCjCC,EAAAA,SAhCiC,qBAgCvBf,CAhCuB,EAgCb;AAClB,WAAON,GAAP;AACIE,IAAAA,mBAAmB;AACnBI,IAAAA,CAAC,CAACG,4BADiB;AAEnBH,IAAAA,CAAC,CAACgB,uBAFiB;AAGnBhB,IAAAA,CAAC,CAACiB,uBAHiB;AAInBjB,IAAAA,CAAC,CAACkB,yBAJiB;AAKnBlB,IAAAA,CAAC,CAACmB,yBALiB;AAMnBnB,IAAAA,CAAC,CAACoB,4BANiB,CADvB;;;AAUD,GA3CgC;;AA6CjCC,EAAAA,oBA7CiC,gCA6CZrB,CA7CY,EA6CF;AAC7B,WAAON,GAAP;AACIG,IAAAA,iBAAiB,CAACG,CAAC,CAACsB,2BAAH,CADrB;;AAGD,GAjDgC;AAkDjCC,EAAAA,qBAlDiC,iCAkDXvB,CAlDW,EAkDD;AAC9B,WAAON,GAAP;AACIG,IAAAA,iBAAiB,CAACG,CAAC,CAACwB,4BAAH,CADrB;;AAGD,GAtDgC;AAuDjCC,EAAAA,oBAvDiC,gCAuDZzB,CAvDY,EAuDF;AAC7B,WAAON,GAAP;AACIG,IAAAA,iBAAiB,CAACG,CAAC,CAAC0B,2BAAH,CADrB;;AAGD,GA3DgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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.menuHeaderLegacyPaddingRight,\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.menuHeaderLegacyPaddingRight,\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.menuHeaderLegacyPaddingRight,\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"]}
+{"version":3,"sources":["MenuHeader.styles.ts"],"names":["memoizeStyle","menuHeaderSizeMixin","withIconSizeMixin","getStyles","emotion","root","t","css","menuHeaderColor","rootSmall","menuHeaderLegacyPaddingRight","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;;AAGA,SAASC,mBAAT,EAA8BC,iBAA9B,QAAuD,qBAAvD;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBJ,IAAAA,YAAY,CAAC;AACXK,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;AACWD,QAAAA,CAAC,CAACE,eADb;;;AAID,OANU;;AAQXC,MAAAA,SARW,qBAQDH,CARC,EAQS;AAClB,eAAOF,OAAO,CAACG,GAAf;AACIN,QAAAA,mBAAmB,CAACG,OAAD,CAAnB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACK,uBAFF;AAGAL,QAAAA,CAAC,CAACM,uBAHF;AAIAN,QAAAA,CAAC,CAACO,yBAJF;AAKAP,QAAAA,CAAC,CAACQ,yBALF;AAMAR,QAAAA,CAAC,CAACS,4BANF,CADJ;;;AAUD,OAnBU;AAoBXC,MAAAA,UApBW,sBAoBAV,CApBA,EAoBU;AACnB,eAAOF,OAAO,CAACG,GAAf;AACIN,QAAAA,mBAAmB,CAACG,OAAD,CAAnB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACW,wBAFF;AAGAX,QAAAA,CAAC,CAACY,wBAHF;AAIAZ,QAAAA,CAAC,CAACa,0BAJF;AAKAb,QAAAA,CAAC,CAACc,0BALF;AAMAd,QAAAA,CAAC,CAACe,6BANF,CADJ;;;AAUD,OA/BU;AAgCXC,MAAAA,SAhCW,qBAgCDhB,CAhCC,EAgCS;AAClB,eAAOF,OAAO,CAACG,GAAf;AACIN,QAAAA,mBAAmB,CAACG,OAAD,CAAnB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACiB,uBAFF;AAGAjB,QAAAA,CAAC,CAACkB,uBAHF;AAIAlB,QAAAA,CAAC,CAACmB,yBAJF;AAKAnB,QAAAA,CAAC,CAACoB,yBALF;AAMApB,QAAAA,CAAC,CAACqB,4BANF,CADJ;;;AAUD,OA3CU;;AA6CXC,MAAAA,oBA7CW,gCA6CUtB,CA7CV,EA6CoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACIL,QAAAA,iBAAiB,CAACE,OAAD,CAAjB,CAA2BE,CAAC,CAACuB,2BAA7B,CADJ;;AAGD,OAjDU;AAkDXC,MAAAA,qBAlDW,iCAkDWxB,CAlDX,EAkDqB;AAC9B,eAAOF,OAAO,CAACG,GAAf;AACIL,QAAAA,iBAAiB,CAACE,OAAD,CAAjB,CAA2BE,CAAC,CAACyB,4BAA7B,CADJ;;AAGD,OAtDU;AAuDXC,MAAAA,oBAvDW,gCAuDU1B,CAvDV,EAuDoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACIL,QAAAA,iBAAiB,CAACE,OAAD,CAAjB,CAA2BE,CAAC,CAAC2B,2BAA7B,CADJ;;AAGD,OA3DU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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(emotion)(\n          t.menuHeaderLegacyPaddingRight,\n          t.menuHeaderPaddingXSmall,\n          t.menuHeaderFontSizeSmall,\n          t.menuHeaderLineHeightSmall,\n          t.menuHeaderPaddingTopSmall,\n          t.menuHeaderPaddingBottomSmall,\n        )};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${menuHeaderSizeMixin(emotion)(\n          t.menuHeaderLegacyPaddingRight,\n          t.menuHeaderPaddingXMedium,\n          t.menuHeaderFontSizeMedium,\n          t.menuHeaderLineHeightMedium,\n          t.menuHeaderPaddingTopMedium,\n          t.menuHeaderPaddingBottomMedium,\n        )};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${menuHeaderSizeMixin(emotion)(\n          t.menuHeaderLegacyPaddingRight,\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 emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconSmall)}\n      `;\n    },\n    withLeftPaddingMedium(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconMedium)}\n      `;\n    },\n    withLeftPaddingLarge(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconLarge)}\n      `;\n    },\n  });\n"]}

package/components/MenuHeader/MenuHeader.styles.d.ts

@@ -1,5 +1,6 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: (emotion: Emotion) => {
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;

package/components/MenuItem/MenuItem/MenuItem.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["link", "comment", "icon", "loose", "state", "size", "_enableIconPadding", "component", "onMouseEnter", "onMouseLeave", "isMobile", "href", "disabled", "rel", "isNotSelectable"];
@@ -12,14 +13,15 @@ var _class, _class2, _temp; // TODO: Enable this rule in functional components.
 import React from 'react';
 import PropTypes from 'prop-types';
 import { globalObject, isBrowser } from '@skbkontur/global-object';
+import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from "../../../lib/utils";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { MenuContext } from "../../../internal/Menu/MenuContext";
 import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
-import { styles } from "../MenuItem.styles";
+import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/getVisualStateDataAttributes";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { getStyles } from "../MenuItem.styles";
 /**
  * @deprecated use SizeProp
  */
@@ -88,7 +90,7 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
     };
 
     _this.renderMain = function (props) {
-      var _cx2, _cx3, _cx4;
+      var _this$emotion$cx2, _this$emotion$cx3, _this$emotion$cx4;
 
       var link = props.link,
           comment = props.comment,
@@ -108,21 +110,22 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
           isNotSelectable = props.isNotSelectable,
           rest = _objectWithoutPropertiesLoose(props, _excluded);
 
-      var hover = (_this.state.highlighted || state === 'hover') && !disabled;
+      var styles = getStyles(_this.emotion);
       var iconElement = null;
 
       if (icon) {
-        var _cx;
+        var _this$emotion$cx;
 
         iconElement = /*#__PURE__*/React.createElement("div", {
           style: {
             top: _this.state.iconOffsetTop
           },
-          className: cx((_cx = {}, _cx[styles.icon(_this.theme)] = true, _cx[_this.getIconSizeClassName()] = true, _cx))
+          className: _this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.icon(_this.theme)] = true, _this$emotion$cx[_this.getIconSizeClassName()] = true, _this$emotion$cx))
         }, icon);
       }
 
-      var className = cx((_cx2 = {}, _cx2[styles.root(_this.theme)] = true, _cx2[_this.getRootSizeClassName()] = true, _cx2[styles.rootMobile(_this.theme)] = isMobile, _cx2[styles.loose()] = !!loose, _cx2[styles.hover(_this.theme)] = hover, _cx2[styles.selected(_this.theme)] = state === 'selected' && !_this.state.highlighted, _cx2[styles.link(_this.theme)] = !!link, _cx2[_this.getWithIconSizeClassName()] = Boolean(iconElement) || !!_enableIconPadding || _this.context.enableIconPadding, _cx2[styles.disabled(_this.theme)] = !!_this.props.disabled, _cx2));
+      var className = _this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[styles.root(_this.theme)] = true, _this$emotion$cx2[_this.getRootSizeClassName()] = true, _this$emotion$cx2[styles.rootMobile(_this.theme)] = isMobile, _this$emotion$cx2[styles.loose()] = !!loose, _this$emotion$cx2[styles.hover(_this.theme)] = _this.isHover, _this$emotion$cx2[styles.selected(_this.theme)] = _this.isSelected, _this$emotion$cx2[styles.link(_this.theme)] = !!link, _this$emotion$cx2[_this.getWithIconSizeClassName()] = Boolean(iconElement) || !!_enableIconPadding || _this.context.enableIconPadding, _this$emotion$cx2[styles.disabled(_this.theme)] = !!_this.props.disabled, _this$emotion$cx2));
+
       var children = _this.props.children;
       var content = children;
 
@@ -137,7 +140,7 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
         "data-tid": MenuItemDataTids.root
       }, rest, {
         disabled: disabled,
-        state: _this.state.highlighted ? 'hover' : state,
+        state: _this.activeState,
         onMouseOver: _this.handleMouseEnterFix,
         onMouseLeave: _this.handleMouseLeave,
         onClick: _this.handleClick,
@@ -146,12 +149,12 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
         rel: href ? rel : undefined,
         tabIndex: -1
       }), iconElement, /*#__PURE__*/React.createElement("span", {
-        className: cx((_cx3 = {}, _cx3[styles.mobileContentWithIcon()] = isMobile && isNonNullable(icon), _cx3)),
+        className: _this.emotion.cx((_this$emotion$cx3 = {}, _this$emotion$cx3[styles.mobileContentWithIcon()] = isMobile && isNonNullable(icon), _this$emotion$cx3)),
         ref: _this.contentRef,
         "data-tid": MenuItemDataTids.content
       }, content), _this.props.comment && /*#__PURE__*/React.createElement("div", {
         "data-tid": MenuItemDataTids.comment,
-        className: cx((_cx4 = {}, _cx4[styles.comment(_this.theme)] = true, _cx4[styles.commentHover(_this.theme)] = hover, _cx4))
+        className: _this.emotion.cx((_this$emotion$cx4 = {}, _this$emotion$cx4[styles.comment(_this.theme)] = true, _this$emotion$cx4[styles.commentHover(_this.theme)] = _this.isHover, _this$emotion$cx4))
       }, comment));
     };
 
@@ -228,11 +231,17 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
 
     return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
       _this2.menuItemsAtAnyLevel = getFullReactUIFlagsContext(flags).menuItemsAtAnyLevel;
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this2.setRootNode
-        }, _this2.props), _this2.renderMain);
+      return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
+        _this2.emotion = emotion;
+        return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+          _this2.theme = theme;
+          return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+            rootNodeRef: _this2.setRootNode
+          }, getVisualStateDataAttributes({
+            hover: _this2.isHover,
+            selected: _this2.isSelected
+          }), _this2.props), _this2.renderMain);
+        });
       });
     });
   };
@@ -288,6 +297,8 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
   };
 
   _proto.getRootSizeClassName = function getRootSizeClassName() {
+    var styles = getStyles(this.emotion);
+
     switch (this.props.size) {
       case 'large':
         return styles.rootLarge(this.theme);
@@ -302,6 +313,8 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
   };
 
   _proto.getIconSizeClassName = function getIconSizeClassName() {
+    var styles = getStyles(this.emotion);
+
     switch (this.props.size) {
       case 'large':
         return styles.iconLarge(this.theme);
@@ -316,6 +329,8 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
   };
 
   _proto.getWithIconSizeClassName = function getWithIconSizeClassName() {
+    var styles = getStyles(this.emotion);
+
     switch (this.props.size) {
       case 'large':
         return styles.withIconLarge(this.theme);
@@ -329,8 +344,27 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
     }
   };
 
+  _createClass(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;
+    } // https://github.com/facebook/react/issues/10109
+    // Mouseenter event not triggered when cursor moves from disabled button
+
+  }]);
+
   return MenuItem;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'MenuItem', _class2.__MENU_ITEM__ = true, _class2.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'MenuItem', _class2.displayName = 'MenuItem', _class2.__MENU_ITEM__ = true, _class2.propTypes = {
   comment: PropTypes.node,
   disabled: PropTypes.bool,
   href: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","globalObject","isBrowser","isExternalLink","isFunction","isNonNullable","isReactUIComponent","ThemeContext","CommonWrapper","cx","rootNode","MenuContext","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","MenuItemDataTids","root","content","comment","MenuItem","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","link","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","rel","isNotSelectable","rest","hover","iconElement","top","theme","getIconSizeClassName","className","getRootSizeClassName","rootMobile","selected","getWithIconSizeClassName","Boolean","context","enableIconPadding","children","Component","getComponent","setRootRef","handleMouseEnterFix","handleMouseLeave","undefined","mobileContentWithIcon","commentHover","e","menuItemsAtAnyLevel","navigation","onClick","onItemClick","element","hasIconAmongItems","items","some","item","render","flags","setRootNode","componentDidMount","getComputedStyle","getPropertyValue","current","add","setEnableIconPadding","componentWillUnmount","remove","componentDidUpdate","prevProps","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","node","bool","string","func","contextType","isMenuItem"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext, MenuContextType } from '../../internal/Menu/MenuContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './MenuItem.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type MenuItemSize = SizeProp;\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Omit<CommonProps, 'children'> {\n  /**\n   * @ignore\n   */\n  _enableIconPadding?: boolean;\n  /**\n   * Добавляет описание для элемента меню.\n   */\n  comment?: React.ReactNode;\n  /**\n   * Отключенное состояние.\n   */\n  disabled?: boolean;\n  /**\n   * Добавляет элементу меню иконку.\n   */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   */\n  link?: boolean;\n  /**\n   * Размер\n   */\n  size?: SizeProp;\n  /**\n   * @ignore\n   */\n  loose?: boolean;\n  /**\n   * @ignore\n   */\n  state?: MenuItemState;\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /**\n   * HTML-событие `mouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler;\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler;\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n  /**\n   * HTML-атрибут `target`.\n   */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n  /**\n   * HTML-атрибут `href`.\n   */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n  /**\n   * HTML-атрибут `rel`.\n   *\n   * Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\"\n   */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n  /**\n   * Заменяет корневой элемент, на компонент переданный в проп.\n   *\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`.\n   */\n  component?: React.ComponentType<any>;\n  /**\n   * Запрещает выделение и выбор данного пункта меню\n   *\n   */\n  isNotSelectable?: boolean;\n\n  isMobile?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  content: 'MenuItem__content',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n *\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public static propTypes = {\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n\n    size: PropTypes.string,\n  };\n\n  public state = {\n    iconOffsetTop: 0,\n    highlighted: false,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n  private contentRef = React.createRef<HTMLElement>();\n  private menuItemsAtAnyLevel?: boolean;\n  static contextType = MenuContext;\n\n  public context!: MenuContextType;\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.menuItemsAtAnyLevel = getFullReactUIFlagsContext(flags).menuItemsAtAnyLevel;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                    {this.renderMain}\n                  </CommonWrapper>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.rootRef && isBrowser(globalObject)) {\n      this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n    }\n    if (this.contentRef.current && this.menuItemsAtAnyLevel && !this.props.isNotSelectable) {\n      this.context.navigation?.add(this.contentRef.current, this);\n    }\n    if (this.props.icon && this.menuItemsAtAnyLevel) {\n      this.context.setEnableIconPadding?.(true);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.contentRef.current && this.menuItemsAtAnyLevel) {\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 (\n      this.contentRef.current &&\n      this.menuItemsAtAnyLevel &&\n      prevProps.isNotSelectable !== this.props.isNotSelectable\n    ) {\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 = (props: CommonWrapperRestProps<MenuItemProps>) => {\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      rel = this.props.href && isExternalLink(this.props.href) ? 'noopener noreferrer' : this.props.rel,\n      isNotSelectable,\n      ...rest\n    } = props;\n\n    const hover = (this.state.highlighted || state === 'hover') && !disabled;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div\n          style={{ top: this.state.iconOffsetTop }}\n          className={cx({\n            [styles.icon(this.theme)]: true,\n            [this.getIconSizeClassName()]: true,\n          })}\n        >\n          {icon}\n        </div>\n      );\n    }\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)]: hover,\n      [styles.selected(this.theme)]: state === 'selected' && !this.state.highlighted,\n      [styles.link(this.theme)]: !!link,\n      [this.getWithIconSizeClassName()]: Boolean(iconElement) || !!_enableIconPadding || this.context.enableIconPadding,\n      [styles.disabled(this.theme)]: !!this.props.disabled,\n    });\n\n    const { children } = this.props;\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.props.state);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <Component\n        ref={this.setRootRef}\n        data-tid={MenuItemDataTids.root}\n        {...rest}\n        disabled={disabled}\n        state={this.state.highlighted ? 'hover' : state}\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          {content}\n        </span>\n        {this.props.comment && (\n          <div\n            data-tid={MenuItemDataTids.comment}\n            className={cx({\n              [styles.comment(this.theme)]: true,\n              [styles.commentHover(this.theme)]: hover,\n            })}\n          >\n            {comment}\n          </div>\n        )}\n      </Component>\n    );\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.menuItemsAtAnyLevel && !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.menuItemsAtAnyLevel && !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    if (this.menuItemsAtAnyLevel) {\n      this.context.onItemClick?.(e);\n    }\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"]}
+{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","globalObject","isBrowser","EmotionConsumer","isExternalLink","isFunction","isNonNullable","isReactUIComponent","CommonWrapper","rootNode","MenuContext","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","getVisualStateDataAttributes","ThemeContext","getStyles","MenuItemDataTids","root","content","comment","MenuItem","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","link","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","rel","isNotSelectable","rest","styles","emotion","iconElement","top","cx","theme","getIconSizeClassName","className","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","children","Component","getComponent","setRootRef","activeState","handleMouseEnterFix","handleMouseLeave","undefined","mobileContentWithIcon","commentHover","e","menuItemsAtAnyLevel","navigation","onClick","onItemClick","element","hasIconAmongItems","items","some","item","render","flags","setRootNode","componentDidMount","getComputedStyle","getPropertyValue","current","add","setEnableIconPadding","componentWillUnmount","remove","componentDidUpdate","prevProps","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","propTypes","node","bool","string","func","contextType","isMenuItem"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { Nullable } from '../../typings/utility-types';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext, MenuContextType } from '../../internal/Menu/MenuContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/getVisualStateDataAttributes';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './MenuItem.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type MenuItemSize = SizeProp;\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Omit<CommonProps, 'children'> {\n  /**\n   * @ignore\n   */\n  _enableIconPadding?: boolean;\n  /**\n   * Добавляет описание для элемента меню.\n   */\n  comment?: React.ReactNode;\n  /**\n   * Отключенное состояние.\n   */\n  disabled?: boolean;\n  /**\n   * Добавляет элементу меню иконку.\n   */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   */\n  link?: boolean;\n  /**\n   * Размер\n   */\n  size?: SizeProp;\n  /**\n   * @ignore\n   */\n  loose?: boolean;\n  /**\n   * @ignore\n   */\n  state?: MenuItemState;\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /**\n   * HTML-событие `mouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler;\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler;\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n  /**\n   * HTML-атрибут `target`.\n   */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n  /**\n   * HTML-атрибут `href`.\n   */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n  /**\n   * HTML-атрибут `rel`.\n   *\n   * Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\"\n   */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n  /**\n   * Заменяет корневой элемент, на компонент переданный в проп.\n   *\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`.\n   */\n  component?: React.ComponentType<any>;\n  /**\n   * Запрещает выделение и выбор данного пункта меню\n   *\n   */\n  isNotSelectable?: boolean;\n\n  isMobile?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  content: 'MenuItem__content',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n *\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/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 static propTypes = {\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n\n    size: PropTypes.string,\n  };\n\n  public state = {\n    iconOffsetTop: 0,\n    highlighted: false,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private mouseEntered = false;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n  private contentRef = React.createRef<HTMLElement>();\n  private menuItemsAtAnyLevel?: boolean;\n  static contextType = MenuContext;\n\n  public context!: MenuContextType;\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.menuItemsAtAnyLevel = getFullReactUIFlagsContext(flags).menuItemsAtAnyLevel;\n          return (\n            <EmotionConsumer>\n              {(emotion) => {\n                this.emotion = emotion;\n                return (\n                  <ThemeContext.Consumer>\n                    {(theme) => {\n                      this.theme = theme;\n                      return (\n                        <CommonWrapper\n                          rootNodeRef={this.setRootNode}\n                          {...getVisualStateDataAttributes({\n                            hover: this.isHover,\n                            selected: this.isSelected,\n                          })}\n                          {...this.props}\n                        >\n                          {this.renderMain}\n                        </CommonWrapper>\n                      );\n                    }}\n                  </ThemeContext.Consumer>\n                );\n              }}\n            </EmotionConsumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.rootRef && isBrowser(globalObject)) {\n      this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n    }\n    if (this.contentRef.current && this.menuItemsAtAnyLevel && !this.props.isNotSelectable) {\n      this.context.navigation?.add(this.contentRef.current, this);\n    }\n    if (this.props.icon && this.menuItemsAtAnyLevel) {\n      this.context.setEnableIconPadding?.(true);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.contentRef.current && this.menuItemsAtAnyLevel) {\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 (\n      this.contentRef.current &&\n      this.menuItemsAtAnyLevel &&\n      prevProps.isNotSelectable !== this.props.isNotSelectable\n    ) {\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    const styles = getStyles(this.emotion);\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    const styles = getStyles(this.emotion);\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    const styles = getStyles(this.emotion);\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 = (props: CommonWrapperRestProps<MenuItemProps>) => {\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      rel = this.props.href && isExternalLink(this.props.href) ? 'noopener noreferrer' : this.props.rel,\n      isNotSelectable,\n      ...rest\n    } = props;\n\n    const styles = getStyles(this.emotion);\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div\n          style={{ top: this.state.iconOffsetTop }}\n          className={this.emotion.cx({\n            [styles.icon(this.theme)]: true,\n            [this.getIconSizeClassName()]: true,\n          })}\n        >\n          {icon}\n        </div>\n      );\n    }\n\n    const className = this.emotion.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.disabled(this.theme)]: !!this.props.disabled,\n    });\n\n    const { children } = this.props;\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.props.state);\n    }\n\n    const Component = this.getComponent();\n\n    return (\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.emotion.cx({\n            [styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n          })}\n          ref={this.contentRef}\n          data-tid={MenuItemDataTids.content}\n        >\n          {content}\n        </span>\n        {this.props.comment && (\n          <div\n            data-tid={MenuItemDataTids.comment}\n            className={this.emotion.cx({\n              [styles.comment(this.theme)]: true,\n              [styles.commentHover(this.theme)]: this.isHover,\n            })}\n          >\n            {comment}\n          </div>\n        )}\n      </Component>\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.menuItemsAtAnyLevel && !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.menuItemsAtAnyLevel && !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    if (this.menuItemsAtAnyLevel) {\n      this.context.onItemClick?.(e);\n    }\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"]}

package/components/MenuItem/MenuItem.d.ts

@@ -98,6 +98,7 @@ export declare const MenuItemDataTids: {
  */
 export declare class MenuItem extends React.Component<MenuItemProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static __MENU_ITEM__: boolean;
     static propTypes: {
         comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -115,6 +116,7 @@ export declare class MenuItem extends React.Component<MenuItemProps> {
         highlighted: boolean;
     };
     private theme;
+    private emotion;
     private mouseEntered;
     private setRootNode;
     private rootRef;
@@ -135,6 +137,9 @@ export declare class MenuItem extends React.Component<MenuItemProps> {
     private getIconSizeClassName;
     private getWithIconSizeClassName;
     private renderMain;
+    private get activeState();
+    private get isHover();
+    private get isSelected();
     private handleMouseEnterFix;
     private handleMouseLeave;
     private handleClick;