@skbkontur/react-ui 5.4.7-1b16b.0 → 5.4.7-7ccf0.0

package/components/MenuHeader/MenuHeader/MenuHeader.js

@@ -0,0 +1,72 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["id", "_enableIconPadding", "children", "size"];
+import React, { useContext } from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { MenuContext } from "../../../internal/Menu/MenuContext";
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
+import { getStyles } from "../MenuHeader.styles";
+export var MenuHeaderDataTids = {
+  root: 'MenuHeader__root'
+};
+
+/**
+ * Заголовок меню `MenuHeader` используется для того, чтобы разделить элементы меню на категории в рамках одного меню.
+ *
+ * `MenuHeader`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+
+var MenuHeader = forwardRefAndName('MenuHeader', function MenuHeader(_ref, ref) {
+  var _cx;
+  var id = _ref.id,
+    _ref$_enableIconPaddi = _ref._enableIconPadding,
+    _enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
+  var menuContext = useContext(MenuContext);
+  function getRootSizeClassName() {
+    switch (size) {
+      case 'large':
+        return styles.rootLarge(theme);
+      case 'medium':
+        return styles.rootMedium(theme);
+      case 'small':
+      default:
+        return styles.rootSmall(theme);
+    }
+  }
+  function getWithLeftPaddingSizeClassName() {
+    switch (size) {
+      case 'large':
+        return styles.withLeftPaddingSmall(theme);
+      case 'medium':
+        return styles.withLeftPaddingMedium(theme);
+      case 'small':
+      default:
+        return styles.withLeftPaddingSmall(theme);
+    }
+  }
+  return /*#__PURE__*/(
+    React.createElement(CommonWrapper, rest, /*#__PURE__*/
+    React.createElement("div", {
+      ref: ref,
+      id: id,
+      "data-tid": MenuHeaderDataTids.root,
+      className: cx(getRootSizeClassName(), (_cx = {}, _cx[styles.root(theme)] = true, _cx[getWithLeftPaddingSizeClassName()] = menuContext.enableIconPadding || _enableIconPadding, _cx))
+    }, children))
+  );
+});
+MenuHeader.__MENU_HEADER__ = true;
+export { MenuHeader };
+export var isMenuHeader = function isMenuHeader(child) {
+  return /*#__PURE__*/React.isValidElement(child) ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__') : false;
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useEmotion","useStyles","ThemeContext","CommonWrapper","MenuContext","forwardRefAndName","getStyles","MenuHeaderDataTids","root","MenuHeader","_ref","ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","theme","_useEmotion","cx","styles","menuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","className","enableIconPadding","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getStyles } from './MenuHeader.styles';\n\nexport interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Добавляет отступ иконке. */\n  _enableIconPadding?: boolean;\n\n  /** @ignore */\n  children: ReactNode;\n\n  /** Задает размер. */\n  size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n  root: 'MenuHeader__root',\n} as const;\n\n/**\n * Заголовок меню `MenuHeader` используется для того, чтобы разделить элементы меню на категории в рамках одного меню.\n *\n * `MenuHeader`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n\nconst MenuHeader = forwardRefAndName(\n  'MenuHeader',\n  function MenuHeader(\n    { id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\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          ref={ref}\n          id={id}\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);\n\n(MenuHeader as any).__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"],"mappings":"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","ignoreList":[]}

package/components/MenuHeader/MenuHeader/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MenuHeader/MenuHeader.js",
+  "module": "MenuHeader",
+  "types": "../MenuHeader.d.ts",
+  "sideEffects": false
+}

package/components/MenuHeader/MenuHeader.d.ts

@@ -1,7 +1,7 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import React from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper/index.js';
-import type { SizeProp } from '../../lib/types/props.js';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
 export interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
     /** Добавляет отступ иконке. */
     _enableIconPadding?: boolean;
@@ -20,6 +20,6 @@ export declare const MenuHeaderDataTids: {
  *
  * Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.
  */
-declare const MenuHeader: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLDivElement, MenuHeaderProps> & Record<never, never>;
+declare const MenuHeader: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MenuHeaderProps> & Record<never, never>;
 export { MenuHeader };
 export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps>;

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

@@ -0,0 +1,7 @@
+export var menuHeaderSizeMixin = function menuHeaderSizeMixin(menuHeaderPaddingX, menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, menuHeaderPaddingBottom) {
+  var paddingRight = menuHeaderPaddingX;
+  return "\n    font-size: " + menuHeaderFontSize + ";\n    line-height: " + menuHeaderLineHeight + ";\n    padding: " + menuHeaderPaddingTop + " " + paddingRight + " " + menuHeaderPaddingBottom + " " + menuHeaderPaddingX + ";\n  ";
+};
+export var withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
+  return "\n    padding-left: " + menuItemPaddingForIcon + ";\n  ";
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["menuHeaderSizeMixin","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","paddingRight","withIconSizeMixin","menuItemPaddingForIcon"],"sources":["MenuHeader.mixins.ts"],"sourcesContent":["export const menuHeaderSizeMixin = (\n  menuHeaderPaddingX: string,\n  menuHeaderFontSize: string,\n  menuHeaderLineHeight: string,\n  menuHeaderPaddingTop: string,\n  menuHeaderPaddingBottom: string,\n) => {\n  const paddingRight = menuHeaderPaddingX;\n\n  return `\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return `\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"AAAA,OAAO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC;EACeC,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,SAAIE,YAAY,SAAID,uBAAuB,SAAIJ,kBAAkB;;AAEpG,CAAC;;AAED,OAAO,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE;EACkBA,sBAAsB;;AAE1C,CAAC","ignoreList":[]}

package/components/MenuHeader/MenuHeader.mixins/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MenuHeader/MenuHeader.mixins.js",
+  "module": "MenuHeader.mixins",
+  "types": "../MenuHeader.mixins.d.ts",
+  "sideEffects": false
+}

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

@@ -0,0 +1,30 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+import { menuHeaderSizeMixin, withIconSizeMixin } from "../MenuHeader.mixins";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    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.menuHeaderPaddingXSmall, t.menuHeaderFontSizeSmall, t.menuHeaderLineHeightSmall, t.menuHeaderPaddingTopSmall, t.menuHeaderPaddingBottomSmall));
+    },
+    rootMedium: function rootMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXMedium, t.menuHeaderFontSizeMedium, t.menuHeaderLineHeightMedium, t.menuHeaderPaddingTopMedium, t.menuHeaderPaddingBottomMedium));
+    },
+    rootLarge: function rootLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(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));
+    }
+  };
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["memoizeGetStyles","menuHeaderSizeMixin","withIconSizeMixin","getStyles","_ref","css","root","t","_templateObject","_taggedTemplateLiteralLoose","menuHeaderColor","rootSmall","_templateObject2","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","_templateObject3","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","_templateObject4","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuHeader.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;;AAG5D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,SAAS,GAAGH,gBAAgB,CAAC,UAAAI,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;MACCF,CAAC,CAACG,eAAe;;;IAG9B,CAAC;;IAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;MACNR,mBAAmB;QACnBM,CAAC,CAACM,uBAAuB;QACzBN,CAAC,CAACO,uBAAuB;QACzBP,CAAC,CAACQ,yBAAyB;QAC3BR,CAAC,CAACS,yBAAyB;QAC3BT,CAAC,CAACU;MACJ,CAAC;;IAEL,CAAC;IACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;MACNR,mBAAmB;QACnBM,CAAC,CAACa,wBAAwB;QAC1Bb,CAAC,CAACc,wBAAwB;QAC1Bd,CAAC,CAACe,0BAA0B;QAC5Bf,CAAC,CAACgB,0BAA0B;QAC5BhB,CAAC,CAACiB;MACJ,CAAC;;IAEL,CAAC;IACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;MACNR,mBAAmB;QACnBM,CAAC,CAACoB,uBAAuB;QACzBpB,CAAC,CAACqB,uBAAuB;QACzBrB,CAAC,CAACsB,yBAAyB;QAC3BtB,CAAC,CAACuB,yBAAyB;QAC3BvB,CAAC,CAACwB;MACJ,CAAC;;IAEL,CAAC;;IAEDC,oBAAoB,WAAAA,qBAACzB,CAAQ,EAAE;MAC7B,OAAOF,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;MACNP,iBAAiB,CAACK,CAAC,CAAC2B,2BAA2B,CAAC;;IAEtD,CAAC;IACDC,qBAAqB,WAAAA,sBAAC5B,CAAQ,EAAE;MAC9B,OAAOF,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAA3B,2BAAA;MACNP,iBAAiB,CAACK,CAAC,CAAC8B,4BAA4B,CAAC;;IAEvD,CAAC;IACDC,oBAAoB,WAAAA,qBAAC/B,CAAQ,EAAE;MAC7B,OAAOF,GAAG,CAAAkC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;MACNP,iBAAiB,CAACK,CAAC,CAACiC,2BAA2B,CAAC;;IAEtD;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/components/MenuHeader/MenuHeader.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MenuHeader/MenuHeader.styles.js",
+  "module": "MenuHeader.styles",
+  "types": "../MenuHeader.styles.d.ts",
+  "sideEffects": false
+}

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

@@ -1,5 +1,5 @@
-import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;

package/components/MenuHeader/index/index.js

@@ -0,0 +1 @@
+export * from "../MenuHeader";

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

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

package/components/MenuHeader/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MenuHeader/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/MenuHeader/index.d.ts

@@ -1 +1 @@
-export * from './MenuHeader.js';
+export * from './MenuHeader';

package/components/MenuHeader/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/MenuHeader/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/MenuItem/MenuItem/MenuItem.js

@@ -0,0 +1,295 @@
+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 _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["comment", "icon", "loose", "state", "size", "_enableIconPadding", "component", "onMouseEnter", "onMouseLeave", "isMobile", "href", "disabled", "scrollIntoView", "rel", "isNotSelectable", "children", "className", "style", "data-tid"];
+var _class, _MenuItem;
+import React from 'react';
+import { isBrowser } from "../../../lib/globalObject";
+import { scrollYCenterIntoNearestScrollable } from "../../../lib/dom/scrollYCenterIntoNearestScrollable";
+import { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from "../../../lib/utils";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+import { MenuContext } from "../../../internal/Menu/MenuContext";
+import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../MenuItem.styles";
+export var MenuItemDataTids = {
+  root: 'MenuItem__root',
+  content: 'MenuItem__content',
+  comment: 'MenuItem__comment'
+};
+
+/**
+ * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+export var MenuItem = withRenderEnvironment(_class = rootNode(_class = (_MenuItem = /*#__PURE__*/function (_React$Component) {
+  function MenuItem() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.state = {
+      iconOffsetTop: 0,
+      highlighted: false
+    };
+    _this.mouseEntered = false;
+    _this.rootRef = null;
+    _this.contentRef = /*#__PURE__*/React.createRef();
+    _this.highlight = function () {
+      _this.setState({
+        highlighted: true
+      });
+    };
+    _this.unhighlight = function () {
+      _this.setState({
+        highlighted: false
+      });
+    };
+    _this.select = function (event) {
+      _this.handleClick(event);
+    };
+    _this.isEnabled = function () {
+      return !_this.props.disabled;
+    };
+    _this.navigate = function () {
+      if (!_this.props.href) {
+        return;
+      }
+      if (_this.props.target) {
+        _this.globalObject.open == null || _this.globalObject.open(_this.props.href, _this.props.target);
+      } else if (_this.globalObject.location) {
+        _this.globalObject.location.href = _this.props.href;
+      }
+    };
+    _this.renderMain = function () {
+      var _this$cx2, _this$cx3, _this$cx4;
+      var _this$props = _this.props,
+        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 && 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 = _objectWithoutPropertiesLoose(_this$props, _excluded);
+      var iconElement = null;
+      if (icon) {
+        var _this$cx;
+        iconElement = /*#__PURE__*/
+        React.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))
+        }, icon);
+      }
+      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.getWithIconSizeClassName()] = Boolean(iconElement) || !!_enableIconPadding || _this.context.enableIconPadding, _this$cx2[_this.styles.nonSelectable()] = !!isNotSelectable, _this$cx2[_this.styles.disabled(_this.theme)] = !!disabled, _this$cx2));
+      var content = children;
+      if (isFunction(children)) {
+        content = children(_this.activeState);
+      }
+      var Component = _this.getComponent();
+      return /*#__PURE__*/(
+        React.createElement(CommonWrapper, _extends({
+          rootNodeRef: _this.setRootNode
+        }, getVisualStateDataAttributes({
+          hover: _this.isHover,
+          selected: _this.isSelected
+        }), _this.props), /*#__PURE__*/
+
+        React.createElement(Component, _extends({
+          ref: _this.setRootRef,
+          "data-tid": MenuItemDataTids.root
+        }, rest, {
+          disabled: disabled,
+          state: _this.activeState,
+          onMouseOver: _this.handleMouseEnterFix,
+          onMouseLeave: _this.handleMouseLeave,
+          onClick: _this.handleClick,
+          className: className,
+          href: href,
+          rel: href ? rel : undefined,
+          tabIndex: -1
+        }), iconElement, /*#__PURE__*/
+        React.createElement("span", {
+          className: _this.cx((_this$cx3 = {}, _this$cx3[_this.styles.mobileContentWithIcon()] = isMobile && isNonNullable(icon), _this$cx3)),
+          ref: _this.contentRef,
+          "data-tid": MenuItemDataTids.content
+        }, typeof content === 'function' ? content() : content), comment && /*#__PURE__*/
+        React.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))
+        }, comment)))
+      );
+    };
+
+    // https://github.com/facebook/react/issues/10109
+    // Mouseenter event not triggered when cursor moves from disabled button
+    _this.handleMouseEnterFix = function (e) {
+      if (!_this.mouseEntered) {
+        var _this$context$navigat;
+        _this.mouseEntered = true;
+        _this.props.onMouseEnter == null || _this.props.onMouseEnter(e);
+        !_this.props.isNotSelectable && ((_this$context$navigat = _this.context.navigation) == null ? void 0 : _this$context$navigat.highlight(_this));
+      }
+    };
+    _this.handleMouseLeave = function (e) {
+      var _this$context$navigat2;
+      _this.mouseEntered = false;
+      _this.props.onMouseLeave == null || _this.props.onMouseLeave(e);
+      !_this.props.isNotSelectable && ((_this$context$navigat2 = _this.context.navigation) == null ? void 0 : _this$context$navigat2.unhighlight());
+    };
+    _this.handleClick = function (e) {
+      if (_this.props.isNotSelectable) {
+        return;
+      }
+      _this.props.onClick == null || _this.props.onClick(e);
+      _this.context.onItemClick == null || _this.context.onItemClick(e);
+    };
+    _this.setRootRef = function (element) {
+      _this.rootRef = element;
+    };
+    _this.getComponent = function () {
+      var _this$props2 = _this.props,
+        disabled = _this$props2.disabled,
+        component = _this$props2.component,
+        href = _this$props2.href;
+      if (component) {
+        return component;
+      }
+      if (disabled) {
+        return 'button';
+      }
+      if (href) {
+        return 'a';
+      }
+      return 'button';
+    };
+    _this.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;
+  }
+  _inheritsLoose(MenuItem, _React$Component);
+  var _proto = MenuItem.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    this.styles = getStyles(this.emotion);
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  };
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.props.scrollIntoView && this.rootRef) {
+      scrollYCenterIntoNearestScrollable(this.rootRef);
+    }
+    if (this.rootRef && isBrowser(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 _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;
+    }
+  }]);
+}(React.Component), _MenuItem.__KONTUR_REACT_UI__ = 'MenuItem', _MenuItem.displayName = 'MenuItem', _MenuItem.__MENU_ITEM__ = true, _MenuItem.contextType = MenuContext, _MenuItem)) || _class) || _class;
+export var isMenuItem = isReactUIComponent('MenuItem');

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","isBrowser","scrollYCenterIntoNearestScrollable","isExternalLink","isFunction","isNonNullable","isReactUIComponent","ThemeContext","CommonWrapper","rootNode","MenuContext","getVisualStateDataAttributes","withRenderEnvironment","getStyles","MenuItemDataTids","root","content","comment","MenuItem","_class","_MenuItem","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","globalObject","open","location","renderMain","_this$cx2","_this$cx3","_this$cx4","_this$props","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_this$props$rel","rel","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutPropertiesLoose","_excluded","iconElement","_this$cx","createElement","top","cx","styles","getIconSizeClassName","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","nonSelectable","activeState","Component","getComponent","_extends","rootNodeRef","setRootNode","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props2","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose","_proto","prototype","render","_this2","emotion","Consumer","componentDidMount","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context2","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context3","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","_createClass","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","contextType","isMenuItem"],"sources":["MenuItem.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isBrowser } from '../../lib/globalObject';\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';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\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  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@withRenderEnvironment\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 emotion!: Emotion;\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    this.styles = getStyles(this.emotion);\n\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(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 if (this.globalObject.location) {\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      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\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.getWithIconSizeClassName()]: Boolean(iconElement) || !!_enableIconPadding || this.context.enableIconPadding,\n      [this.styles.nonSelectable()]: !!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":[]}

package/components/MenuItem/MenuItem/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MenuItem/MenuItem.js",
+  "module": "MenuItem",
+  "types": "../MenuItem.d.ts",
+  "sideEffects": false
+}

package/components/MenuItem/MenuItem.d.ts

@@ -1,9 +1,9 @@
 import type { AriaAttributes, HTMLAttributes } from 'react';
 import React from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper/index.js';
-import type { TGetRootNode } from '../../lib/rootNode/index.js';
-import type { SizeProp } from '../../lib/types/props.js';
-import type { MenuContextType } from '../../internal/Menu/MenuContext.js';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+import type { MenuContextType } from '../../internal/Menu/MenuContext';
 export type MenuItemState = null | 'hover' | 'selected' | void;
 export interface MenuItemProps extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Omit<CommonProps, 'children'> {
     /** Добавляет отступ иконке.

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

@@ -0,0 +1,16 @@
+import { getMenuItemPaddings } from "../MenuItem.styles";
+export var menuItemSizeMixin = function menuItemSizeMixin(menuItemPaddingX, menuItemPaddingY, menuItemLineHeight, menuItemFontSize) {
+  var _getMenuItemPaddings = getMenuItemPaddings({
+      menuItemPaddingX: menuItemPaddingX,
+      menuItemPaddingY: menuItemPaddingY
+    }),
+    paddingX = _getMenuItemPaddings.paddingX,
+    paddingY = _getMenuItemPaddings.paddingY;
+  return "\n    line-height: " + menuItemLineHeight + ";\n    font-size: " + menuItemFontSize + ";\n    padding: " + menuItemPaddingY + " " + paddingX + " " + paddingY + " " + menuItemPaddingX + ";\n  ";
+};
+export var iconSizeMixin = function iconSizeMixin(menuItemIconWidth, menuItemPaddingX) {
+  return "\n    width: " + menuItemIconWidth + ";\n    left: " + parseInt(menuItemPaddingX) + "px;\n  ";
+};
+export var withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
+  return "\n    padding-left: " + menuItemPaddingForIcon + ";\n  ";
+};