npm - @skbkontur/react-ui - Versions diffs - 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c - Mend

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

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

Files changed (1909) hide show

package/internal/Menu/Menu/Menu.js CHANGED Viewed

@@ -13,8 +13,6 @@ import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator
 import { isNonNullable, isNullable } from "../../../lib/utils";
 import { ScrollContainer } from "../../../components/ScrollContainer";
 import { MenuItemDataTids } from "../../../components/MenuItem";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { cx } from "../../../lib/theming/Emotion";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { addIconPaddingIfPartOfMenu } from "../../InternalMenu/addIconPaddingIfPartOfMenu";
 import { isIE11 } from "../../../lib/client";
@@ -23,7 +21,9 @@ import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { isIconPaddingEnabled } from "../../InternalMenu/isIconPaddingEnabled";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
-import { styles } from "../Menu.styles";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { getStyles } from "../Menu.styles";
 import { isActiveElement } from "../isActiveElement";
 import { MenuNavigation } from "../MenuNavigation";
 import { MenuContext } from "../MenuContext";
@@ -61,10 +61,11 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_temp = _class2 =
     };
     _this.renderHeader = function () {
-      var _cx;
+      var _this$emotion$cx;
+      var styles = getStyles(_this.emotion);
       return /*#__PURE__*/React.createElement("div", {
-        className: cx((_cx = {}, _cx[styles.wrapper()] = true, _cx[styles.headerWrapper()] = true, _cx)),
+        className: _this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.wrapper()] = true, _this$emotion$cx[styles.headerWrapper()] = true, _this$emotion$cx)),
         ref: function ref(el) {
           return _this.header = el;
         }
@@ -76,10 +77,11 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_temp = _class2 =
     };
     _this.renderFooter = function () {
-      var _cx2;
+      var _this$emotion$cx2;
+      var styles = getStyles(_this.emotion);
       return /*#__PURE__*/React.createElement("div", {
-        className: cx((_cx2 = {}, _cx2[styles.wrapper()] = true, _cx2[styles.footerWrapper()] = true, _cx2)),
+        className: _this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[styles.wrapper()] = true, _this$emotion$cx2[styles.footerWrapper()] = true, _this$emotion$cx2)),
         ref: function ref(el) {
           return _this.footer = el;
         }
@@ -320,9 +322,12 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_temp = _class2 =
     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 _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 _this2.renderMain();
+        });
       });
     });
   }
@@ -393,7 +398,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_temp = _class2 =
   };
   _proto.renderMain = function renderMain() {
-    var _cx3, _cx4;
+    var _this$emotion$cx3, _this$emotion$cx4;
     if (this.isEmpty()) {
       return null;
@@ -410,9 +415,10 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_temp = _class2 =
       bottom: "" + this.theme.scrollContainerScrollBarOffsetY
     } : {};
     var isMobile = this.isMobileLayout;
+    var styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement("div", {
       "data-tid": MenuDataTids.root,
-      className: cx(getAlignRightClass(this.props), (_cx3 = {}, _cx3[styles.root(this.theme)] = true, _cx3[styles.mobileRoot(this.theme)] = isMobile, _cx3[styles.shadow(this.theme)] = hasShadow && !isMobile, _cx3)),
+      className: this.emotion.cx(getAlignRightClass(this.emotion)(this.props), (_this$emotion$cx3 = {}, _this$emotion$cx3[styles.root(this.theme)] = true, _this$emotion$cx3[styles.mobileRoot(this.theme)] = isMobile, _this$emotion$cx3[styles.shadow(this.theme)] = hasShadow && !isMobile, _this$emotion$cx3)),
       style: this.getStyle(this.props),
       id: this.props.id,
       onKeyDown: this.handleKeyDown,
@@ -426,7 +432,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_temp = _class2 =
       disabled: this.props.disableScrollContainer,
       offsetY: offsetY
     }, /*#__PURE__*/React.createElement("div", {
-      className: cx((_cx4 = {}, _cx4[styles.scrollContainer(this.theme)] = true, _cx4[styles.scrollContainerMobile(this.theme)] = isMobile, _cx4)),
+      className: this.emotion.cx((_this$emotion$cx4 = {}, _this$emotion$cx4[styles.scrollContainer(this.theme)] = true, _this$emotion$cx4[styles.scrollContainerMobile(this.theme)] = isMobile, _this$emotion$cx4)),
       ref: this.contentRef
     }, /*#__PURE__*/React.createElement(MenuContext.Provider, {
       value: {
@@ -561,7 +567,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_temp = _class2 =
   };
   return Menu;
-}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Menu', _class2.defaultProps = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Menu', _class2.displayName = 'Menu', _class2.defaultProps = {
   align: 'left',
   width: 'auto',
   maxHeight: 300,
@@ -580,12 +586,16 @@ function childrenToArray(children) {
   return ret;
 }
-var getAlignRightClass = function getAlignRightClass(props) {
-  if (props.align === 'right') {
-    var _cx5;
+var getAlignRightClass = function getAlignRightClass(emotion) {
+  return function (props) {
+    var styles = getStyles(emotion);
-    return cx((_cx5 = {}, _cx5[styles.alignRight()] = !isIE11, _cx5[styles.alignRightIE11()] = isIE11, _cx5[styles.alignRightIE11FixAutoWidth()] = isIE11 && props.width === 'auto', _cx5));
-  }
+    if (props.align === 'right') {
+      var _emotion$cx;
-  return null;
+      return emotion.cx((_emotion$cx = {}, _emotion$cx[styles.alignRight()] = !isIE11, _emotion$cx[styles.alignRightIE11()] = isIE11, _emotion$cx[styles.alignRightIE11FixAutoWidth()] = isIE11 && props.width === 'auto', _emotion$cx));
+    }
+    return null;
+  };
 };

package/internal/Menu/Menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Menu.tsx"],"names":["React","globalObject","isBrowser","isKeyArrowDown","isKeyArrowUp","isKeyEnter","MenuSeparator","ThemeFactory","getDOMRect","responsiveLayout","isNonNullable","isNullable","ScrollContainer","MenuItemDataTids","ThemeContext","cx","getRootNode","rootNode","addIconPaddingIfPartOfMenu","isIE11","createPropsGetter","isTheme2022","isIconPaddingEnabled","isInstanceOf","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","isActiveElement","MenuNavigation","MenuContext","MenuDataTids","root","Menu","getProps","defaultProps","state","highlightedIndex","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","createRef","menuNavigation","content","focusOnRootElement","HTMLElement","focus","renderHeader","wrapper","headerWrapper","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","footerWrapper","footer","create","menuSeparatorMarginY","getChildList","menuItemsAtAnyLevel","children","preventIconsOffset","Children","map","child","index","modifiedChild","highlight","ref","refHighlighted","bind","cloneElement","onClick","select","onMouseEnter","onMouseLeave","unhighlight","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","count","calculateMaxHeight","parsedMaxHeight","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","highlighted","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","length","handleKeyDown","event","onKeyDown","defaultPrevented","preventDefault","up","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","componentWillUnmount","componentDidMount","componentDidUpdate","render","flags","renderMain","move","enter","navigate","reset","hasHighlightedItem","highlightItem","highlightByIndex","isEmpty","hasShadow","preventWindowScroll","offsetY","top","scrollContainerScrollBarOffsetY","right","bottom","isMobile","isMobileLayout","getAlignRightClass","mobileRoot","shadow","id","setRootNode","disableScrollContainer","scrollContainerMobile","navigation","onItemClick","originalRef","menuItem","shouldHandleHref","item","childrenToArray","href","target","open","location","step","cyclicSelection","activeElements","filter","indexOf","PureComponent","__KONTUR_REACT_UI__","ret","forEach","push","alignRight","alignRightIE11","alignRightIE11FixAutoWidth"],"mappings":"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","sourcesContent":["import React, { CSSProperties, HTMLAttributes } from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { isNonNullable, isNullable } from '../../lib/utils';\nimport { ScrollContainer, ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { MenuItem, MenuItemDataTids, MenuItemProps } from '../../components/MenuItem';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { addIconPaddingIfPartOfMenu } from '../InternalMenu/addIconPaddingIfPartOfMenu';\nimport { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { isIconPaddingEnabled } from '../InternalMenu/isIconPaddingEnabled';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './Menu.styles';\nimport { isActiveElement } from './isActiveElement';\nimport { MenuNavigation } from './MenuNavigation';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n children: React.ReactNode;\n hasShadow?: boolean;\n /*\n Максимальная высота применяется только для скролл контейнера\n \n Высота `header` и `footer` в нее не включены\n /\n maxHeight?: number \| string;\n onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n width?: number \| string;\n preventWindowScroll?: boolean;\n /\n Отключение кастомного скролла контейнера\n /\n disableScrollContainer?: boolean;\n align?: 'left' \| 'right';\n /\n Предотвращает выравнивание текста всех пунктов меню относительно друг друга.\n * Так, если хотя бы у одного пункта меню есть иконка, текст в остальных пунктах меню будет выровнен относительно пункта меню с иконкой\n /\n preventIconsOffset?: boolean;\n onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n header?: React.ReactNode;\n footer?: React.ReactNode;\n /\n Циклический перебор айтемов меню (по-дефолтну включен)\n /\n cyclicSelection?: boolean;\n initialSelectedItemIndex?: number;\n}\n\nexport interface MenuState {\n highlightedIndex: number;\n maxHeight: number \| string;\n scrollState: ScrollContainerScrollState;\n enableIconPadding: boolean;\n}\n\nexport const MenuDataTids = {\n root: 'Menu__root',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n MenuProps,\n \| 'align'\n \| 'width'\n \| 'maxHeight'\n \| 'hasShadow'\n \| 'preventWindowScroll'\n \| 'cyclicSelection'\n \| 'initialSelectedItemIndex'\n >\n>;\n\n@responsiveLayout\n@rootNode\nexport class Menu extends React.PureComponent<MenuProps, MenuState> {\n public static __KONTUR_REACT_UI__ = 'Menu';\n\n public static defaultProps: DefaultProps = {\n align: 'left',\n width: 'auto',\n maxHeight: 300,\n hasShadow: true,\n preventWindowScroll: true,\n cyclicSelection: true,\n initialSelectedItemIndex: -1,\n };\n\n private getProps = createPropsGetter(Menu.defaultProps);\n\n public state: MenuState = {\n highlightedIndex: -1,\n maxHeight: this.getProps().maxHeight \|\| 'none',\n scrollState: 'top',\n enableIconPadding: false,\n };\n\n private theme!: Theme;\n private scrollContainer: Nullable<ScrollContainer>;\n private isMobileLayout!: boolean;\n private highlighted: Nullable<MenuItem>;\n private unmounted = false;\n private setRootNode!: TSetRootNode;\n private header: Nullable<HTMLDivElement>;\n private footer: Nullable<HTMLDivElement>;\n private contentRef = React.createRef<HTMLDivElement>();\n private menuNavigation: MenuNavigation<MenuItem> = new MenuNavigation(this.contentRef, MenuItemDataTids.content);\n private menuItemsAtAnyLevel?: boolean;\n\n public componentWillUnmount() {\n this.unmounted = true;\n }\n\n public componentDidMount() {\n this.setInitialSelection();\n this.calculateMaxHeight();\n }\n\n public componentDidUpdate(prevProps: MenuProps) {\n if (this.shouldRecalculateMaxHeight(prevProps)) {\n this.calculateMaxHeight();\n }\n\n if (prevProps.maxHeight !== this.getProps().maxHeight) {\n this.setState({\n maxHeight: this.props.maxHeight \|\| 'none',\n });\n }\n }\n\n public focus() {\n this.focusOnRootElement();\n }\n\n private focusOnRootElement = (): void => {\n const rootNode = getRootNode(this);\n if (isInstanceOf(rootNode, globalObject.HTMLElement)) {\n rootNode?.focus();\n }\n };\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 this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </ReactUIFeatureFlagsContext.Consumer>\n );\n }\n\n /\n @public\n /\n public up() {\n this.move(-1);\n }\n\n /\n @public\n /\n public down() {\n this.move(1);\n }\n\n /\n @public\n /\n public enter(event: React.SyntheticEvent<HTMLElement>) {\n if (this.menuItemsAtAnyLevel) {\n this.menuNavigation.highlightedItem?.navigate();\n return this.menuNavigation.select(event);\n }\n return this.select(this.state.highlightedIndex, true, event);\n }\n\n /\n @public\n /\n public reset() {\n if (this.menuItemsAtAnyLevel) {\n this.menuNavigation.reset();\n } else {\n this.setState({ highlightedIndex: -1 });\n }\n }\n\n /\n @public\n */\n public hasHighlightedItem() {\n if (this.menuItemsAtAnyLevel) {\n return !!this.menuNavigation.highlightedItem;\n }\n return this.state.highlightedIndex !== -1;\n }\n\n public highlightItem(index: number) {\n if (this.menuItemsAtAnyLevel) {\n this.menuNavigation.highlightByIndex(index);\n } else {\n this.highlight(index);\n }\n }\n\n private renderMain() {\n if (this.isEmpty()) {\n return null;\n }\n const { hasShadow, maxHeight, preventWindowScroll } = this.getProps();\n\n const offsetY = isTheme2022(this.theme)\n ? {\n top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n right: 0,\n bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\n }\n : {};\n\n const isMobile = this.isMobileLayout;\n return (\n <div\n data-tid={MenuDataTids.root}\n className={cx(getAlignRightClass(this.props), {\n [styles.root(this.theme)]: true,\n [styles.mobileRoot(this.theme)]: isMobile,\n [styles.shadow(this.theme)]: hasShadow && !isMobile,\n })}\n style={this.getStyle(this.props)}\n id={this.props.id}\n onKeyDown={this.handleKeyDown}\n ref={this.setRootNode}\n tabIndex={0}\n >\n {this.props.header && this.renderHeader()}\n <ScrollContainer\n ref={this.refScrollContainer}\n maxHeight={maxHeight}\n preventWindowScroll={preventWindowScroll}\n onScrollStateChange={this.handleScrollStateChange}\n disabled={this.props.disableScrollContainer}\n offsetY={offsetY}\n >\n <div\n className={cx({\n [styles.scrollContainer(this.theme)]: true,\n [styles.scrollContainerMobile(this.theme)]: isMobile,\n })}\n ref={this.contentRef}\n >\n <MenuContext.Provider\n value={{\n navigation: this.menuNavigation,\n onItemClick: this.props.onItemClick,\n enableIconPadding: this.state.enableIconPadding,\n setEnableIconPadding: this.setEnableIconPadding,\n }}\n >\n {this.getChildList()}\n </MenuContext.Provider>\n </div>\n </ScrollContainer>\n {this.props.footer && this.renderFooter()}\n </div>\n );\n }\n\n private renderHeader = () => {\n return (\n <div\n className={cx({\n [styles.wrapper()]: true,\n [styles.headerWrapper()]: true,\n })}\n ref={(el) => (this.header = el)}\n >\n <div className={styles.contentWrapper()}>{this.props.header}</div>\n <div className={styles.menuSeparatorWrapper(this.theme)}>\n {this.state.scrollState !== 'top' && this.renderMenuSeparatorWithNoMargin()}\n </div>\n </div>\n );\n };\n\n private renderFooter = () => {\n return (\n <div\n className={cx({\n [styles.wrapper()]: true,\n [styles.footerWrapper()]: true,\n })}\n ref={(el) => (this.footer = el)}\n >\n <div className={styles.menuSeparatorWrapper(this.theme)}>\n {this.state.scrollState !== 'bottom' && this.renderMenuSeparatorWithNoMargin()}\n </div>\n <div className={styles.contentWrapper()}>{this.props.footer}</div>\n </div>\n );\n };\n\n private renderMenuSeparatorWithNoMargin = () => {\n return (\n <ThemeContext.Provider value={ThemeFactory.create({ menuSeparatorMarginY: '0' }, this.theme)}>\n <MenuSeparator />\n </ThemeContext.Provider>\n );\n };\n\n private getChildList = () => {\n if (this.menuItemsAtAnyLevel) {\n return this.props.children;\n }\n const enableIconPadding = isIconPaddingEnabled(this.props.children, this.props.preventIconsOffset);\n\n return React.Children.map(this.props.children, (child, index) => {\n if (typeof child === 'string' \|\| typeof child === 'number' \|\| isNullable(child)) {\n return child;\n }\n\n const modifiedChild = addIconPaddingIfPartOfMenu(child, enableIconPadding);\n\n if (isActiveElement(modifiedChild)) {\n const highlight = this.state.highlightedIndex === index;\n\n let ref = modifiedChild.ref;\n if (highlight && typeof modifiedChild.ref !== 'string') {\n ref = this.refHighlighted.bind(this, modifiedChild.ref);\n }\n\n return React.cloneElement<MenuItemProps, MenuItem>(modifiedChild, {\n ref,\n state: highlight ? 'hover' : modifiedChild.props.state,\n onClick: this.select.bind(this, index, false),\n onMouseEnter: this.highlight.bind(this, index),\n onMouseLeave: this.unhighlight,\n });\n }\n\n return modifiedChild;\n });\n };\n\n private setInitialSelection = () => {\n for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n this.down();\n }\n };\n\n private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n const { header, footer, children } = this.props;\n const maxHeight = this.getProps().maxHeight;\n const prevMaxHeight = prevProps.maxHeight;\n const prevHeader = prevProps.header;\n const prevFooter = prevProps.footer;\n const prevChildrenCount = React.Children.count(prevProps.children);\n\n return (\n maxHeight !== prevMaxHeight \|\|\n footer !== prevFooter \|\|\n header !== prevHeader \|\|\n React.Children.count(children) !== prevChildrenCount\n );\n };\n\n private calculateMaxHeight = () => {\n const maxHeight = this.getProps().maxHeight;\n let parsedMaxHeight = maxHeight;\n const rootNode = getRootNode(this);\n\n if (typeof maxHeight === 'string' && isBrowser(globalObject) && rootNode) {\n const rootElementMaxHeight = globalObject.getComputedStyle?.(rootNode).maxHeight;\n\n if (rootElementMaxHeight) {\n parsedMaxHeight = parseFloat(rootElementMaxHeight);\n }\n }\n\n const calculatedMaxHeight =\n typeof parsedMaxHeight === 'number'\n ? parsedMaxHeight +\n ((this.header && getDOMRect(this.header).height) \|\| 0) +\n ((this.footer && getDOMRect(this.footer).height) \|\| 0)\n : maxHeight;\n\n this.setState({\n maxHeight: calculatedMaxHeight \|\| 'none',\n });\n };\n\n private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n this.scrollContainer = scrollContainer;\n };\n\n private refHighlighted(\n originalRef: ((menuItem: MenuItem \| null) => any) \| React.RefObject<MenuItem> \| null \| undefined,\n menuItem: MenuItem \| null,\n ) {\n this.highlighted = menuItem;\n\n if (typeof originalRef === 'function') {\n originalRef(menuItem);\n }\n }\n\n private scrollToSelected = () => {\n const highlightedItem = this.menuItemsAtAnyLevel ? this.menuNavigation.highlightedItem : this.highlighted;\n if (this.scrollContainer && highlightedItem) {\n const rootNode = getRootNode(highlightedItem);\n // TODO: Remove this check once IF-647 is resolved\n if (isInstanceOf(rootNode, globalObject.HTMLElement)) {\n this.scrollContainer.scrollTo(rootNode);\n }\n }\n };\n\n private scrollToTop = () => {\n if (this.scrollContainer) {\n this.scrollContainer.scrollToTop();\n }\n };\n\n private scrollToBottom = () => {\n if (this.scrollContainer) {\n this.scrollContainer.scrollToBottom();\n }\n };\n\n private scroll = (nextIndex: number) => {\n switch (nextIndex) {\n case 0:\n this.scrollToTop?.();\n break;\n case this.menuNavigation.items.length - 1:\n this.scrollToBottom?.();\n break;\n default:\n this.scrollToSelected?.();\n }\n };\n\n private select(index: number, shouldHandleHref: boolean, event: React.SyntheticEvent<HTMLElement>): boolean {\n const item = childrenToArray(this.props.children)[index];\n if (isActiveElement(item) && isBrowser(globalObject)) {\n if (shouldHandleHref && item.props.href) {\n if (item.props.target) {\n globalObject.open(item.props.href, item.props.target);\n } else {\n globalObject.location.href = item.props.href;\n }\n }\n if (item.props.onClick) {\n item.props.onClick(event);\n }\n if (this.props.onItemClick) {\n this.props.onItemClick(event);\n }\n return true;\n }\n return false;\n }\n\n private highlight = (index: number) => {\n this.setState({ highlightedIndex: index });\n };\n\n private unhighlight = () => {\n this.setState({ highlightedIndex: -1 });\n };\n\n private move(step: number) {\n if (this.unmounted) {\n // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n return;\n }\n if (this.menuItemsAtAnyLevel) {\n const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n this.scroll(nextIndex);\n } else {\n const children = childrenToArray(this.props.children);\n const activeElements = children.filter(isActiveElement);\n if (!activeElements.length) {\n return;\n }\n let index = this.state.highlightedIndex;\n do {\n index += step;\n\n if (!this.getProps().cyclicSelection && (index < 0 \|\| index > children.length)) {\n return;\n }\n\n if (index < 0) {\n index = children.length - 1;\n } else if (index > children.length) {\n index = 0;\n }\n\n const child = children[index];\n if (isActiveElement(child)) {\n this.setState({ highlightedIndex: index }, () => {\n switch (activeElements.indexOf(child)) {\n case 0:\n this.scrollToTop();\n break;\n case activeElements.length - 1:\n this.scrollToBottom();\n break;\n default:\n this.scrollToSelected();\n }\n });\n return;\n }\n } while (index !== this.state.highlightedIndex);\n }\n }\n\n private isEmpty() {\n const { children } = this.props;\n return !children \|\| !childrenToArray(children).filter(isNonNullable).length;\n }\n\n private handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n if (typeof this.props.onKeyDown === 'function') {\n this.props.onKeyDown(event);\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n if (isKeyArrowUp(event)) {\n event.preventDefault();\n this.up();\n } else if (isKeyArrowDown(event)) {\n event.preventDefault();\n this.down();\n } else if (isKeyEnter(event)) {\n if (this.menuItemsAtAnyLevel) {\n this.menuNavigation.select(event);\n } else if (this.highlighted && this.highlighted.props.onClick) {\n this.highlighted.props.onClick(event);\n }\n }\n };\n\n private getStyle = (props: MenuProps): CSSProperties => {\n if (props.align === 'right') {\n return {\n maxWidth: props.width,\n minWidth: props.width,\n maxHeight: this.state.maxHeight,\n };\n }\n\n return {\n width: props.width,\n maxHeight: this.state.maxHeight,\n };\n };\n\n private handleScrollStateChange = (scrollState: ScrollContainerScrollState) => {\n if (this.state.scrollState !== scrollState) {\n this.setState({ scrollState });\n }\n };\n\n private setEnableIconPadding = (isIconPaddingEnabled: boolean) => {\n !this.getProps().preventIconsOffset && this.setState({ enableIconPadding: isIconPaddingEnabled });\n };\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n const ret: React.ReactNode[] = [];\n // Use forEach instead of map to avoid cloning for key unifying.\n React.Children.forEach(children, (child) => {\n ret.push(child);\n });\n return ret;\n}\n\nconst getAlignRightClass = (props: MenuProps) => {\n if (props.align === 'right') {\n return cx({\n [styles.alignRight()]: !isIE11,\n [styles.alignRightIE11()]: isIE11,\n [styles.alignRightIE11FixAutoWidth()]: isIE11 && props.width === 'auto',\n });\n }\n\n return null;\n};\n"]}
1	+ {"version":3,"sources":["Menu.tsx"],"names":["React","globalObject","isBrowser","isKeyArrowDown","isKeyArrowUp","isKeyEnter","MenuSeparator","ThemeFactory","getDOMRect","responsiveLayout","isNonNullable","isNullable","ScrollContainer","MenuItemDataTids","getRootNode","rootNode","addIconPaddingIfPartOfMenu","isIE11","createPropsGetter","isTheme2022","isIconPaddingEnabled","isInstanceOf","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","ThemeContext","EmotionConsumer","getStyles","isActiveElement","MenuNavigation","MenuContext","MenuDataTids","root","Menu","getProps","defaultProps","state","highlightedIndex","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","createRef","menuNavigation","content","focusOnRootElement","HTMLElement","focus","renderHeader","styles","emotion","cx","wrapper","headerWrapper","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","footerWrapper","footer","create","menuSeparatorMarginY","getChildList","menuItemsAtAnyLevel","children","preventIconsOffset","Children","map","child","index","modifiedChild","highlight","ref","refHighlighted","bind","cloneElement","onClick","select","onMouseEnter","onMouseLeave","unhighlight","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","count","calculateMaxHeight","parsedMaxHeight","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","highlighted","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","length","handleKeyDown","event","onKeyDown","defaultPrevented","preventDefault","up","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","componentWillUnmount","componentDidMount","componentDidUpdate","render","flags","renderMain","move","enter","navigate","reset","hasHighlightedItem","highlightItem","highlightByIndex","isEmpty","hasShadow","preventWindowScroll","offsetY","top","scrollContainerScrollBarOffsetY","right","bottom","isMobile","isMobileLayout","getAlignRightClass","mobileRoot","shadow","id","setRootNode","disableScrollContainer","scrollContainerMobile","navigation","onItemClick","originalRef","menuItem","shouldHandleHref","item","childrenToArray","href","target","open","location","step","cyclicSelection","activeElements","filter","indexOf","PureComponent","__KONTUR_REACT_UI__","displayName","ret","forEach","push","alignRight","alignRightIE11","alignRightIE11FixAutoWidth"],"mappings":"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","sourcesContent":["import React, { CSSProperties, HTMLAttributes } from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { isNonNullable, isNullable } from '../../lib/utils';\nimport { ScrollContainer, ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { MenuItem, MenuItemDataTids, MenuItemProps } from '../../components/MenuItem';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { addIconPaddingIfPartOfMenu } from '../InternalMenu/addIconPaddingIfPartOfMenu';\nimport { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { isIconPaddingEnabled } from '../InternalMenu/isIconPaddingEnabled';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './Menu.styles';\nimport { isActiveElement } from './isActiveElement';\nimport { MenuNavigation } from './MenuNavigation';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n children: React.ReactNode;\n hasShadow?: boolean;\n /*\n Максимальная высота применяется только для скролл контейнера\n \n Высота `header` и `footer` в нее не включены\n /\n maxHeight?: number \| string;\n onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n width?: number \| string;\n preventWindowScroll?: boolean;\n /\n Отключение кастомного скролла контейнера\n /\n disableScrollContainer?: boolean;\n align?: 'left' \| 'right';\n /\n Предотвращает выравнивание текста всех пунктов меню относительно друг друга.\n * Так, если хотя бы у одного пункта меню есть иконка, текст в остальных пунктах меню будет выровнен относительно пункта меню с иконкой\n /\n preventIconsOffset?: boolean;\n onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n header?: React.ReactNode;\n footer?: React.ReactNode;\n /\n Циклический перебор айтемов меню (по-дефолтну включен)\n /\n cyclicSelection?: boolean;\n initialSelectedItemIndex?: number;\n}\n\nexport interface MenuState {\n highlightedIndex: number;\n maxHeight: number \| string;\n scrollState: ScrollContainerScrollState;\n enableIconPadding: boolean;\n}\n\nexport const MenuDataTids = {\n root: 'Menu__root',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n MenuProps,\n \| 'align'\n \| 'width'\n \| 'maxHeight'\n \| 'hasShadow'\n \| 'preventWindowScroll'\n \| 'cyclicSelection'\n \| 'initialSelectedItemIndex'\n >\n>;\n\n@responsiveLayout\n@rootNode\nexport class Menu extends React.PureComponent<MenuProps, MenuState> {\n public static __KONTUR_REACT_UI__ = 'Menu';\n public static displayName = 'Menu';\n\n public static defaultProps: DefaultProps = {\n align: 'left',\n width: 'auto',\n maxHeight: 300,\n hasShadow: true,\n preventWindowScroll: true,\n cyclicSelection: true,\n initialSelectedItemIndex: -1,\n };\n\n private getProps = createPropsGetter(Menu.defaultProps);\n\n public state: MenuState = {\n highlightedIndex: -1,\n maxHeight: this.getProps().maxHeight \|\| 'none',\n scrollState: 'top',\n enableIconPadding: false,\n };\n\n private theme!: Theme;\n private emotion!: Emotion;\n private scrollContainer: Nullable<ScrollContainer>;\n private isMobileLayout!: boolean;\n private highlighted: Nullable<MenuItem>;\n private unmounted = false;\n private setRootNode!: TSetRootNode;\n private header: Nullable<HTMLDivElement>;\n private footer: Nullable<HTMLDivElement>;\n private contentRef = React.createRef<HTMLDivElement>();\n private menuNavigation: MenuNavigation<MenuItem> = new MenuNavigation(this.contentRef, MenuItemDataTids.content);\n private menuItemsAtAnyLevel?: boolean;\n\n public componentWillUnmount() {\n this.unmounted = true;\n }\n\n public componentDidMount() {\n this.setInitialSelection();\n this.calculateMaxHeight();\n }\n\n public componentDidUpdate(prevProps: MenuProps) {\n if (this.shouldRecalculateMaxHeight(prevProps)) {\n this.calculateMaxHeight();\n }\n\n if (prevProps.maxHeight !== this.getProps().maxHeight) {\n this.setState({\n maxHeight: this.props.maxHeight \|\| 'none',\n });\n }\n }\n\n public focus() {\n this.focusOnRootElement();\n }\n\n private focusOnRootElement = (): void => {\n const rootNode = getRootNode(this);\n if (isInstanceOf(rootNode, globalObject.HTMLElement)) {\n rootNode?.focus();\n }\n };\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 this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </EmotionConsumer>\n );\n }}\n </ReactUIFeatureFlagsContext.Consumer>\n );\n }\n\n /\n @public\n /\n public up() {\n this.move(-1);\n }\n\n /\n @public\n /\n public down() {\n this.move(1);\n }\n\n /\n @public\n /\n public enter(event: React.SyntheticEvent<HTMLElement>) {\n if (this.menuItemsAtAnyLevel) {\n this.menuNavigation.highlightedItem?.navigate();\n return this.menuNavigation.select(event);\n }\n return this.select(this.state.highlightedIndex, true, event);\n }\n\n /\n @public\n /\n public reset() {\n if (this.menuItemsAtAnyLevel) {\n this.menuNavigation.reset();\n } else {\n this.setState({ highlightedIndex: -1 });\n }\n }\n\n /\n @public\n */\n public hasHighlightedItem() {\n if (this.menuItemsAtAnyLevel) {\n return !!this.menuNavigation.highlightedItem;\n }\n return this.state.highlightedIndex !== -1;\n }\n\n public highlightItem(index: number) {\n if (this.menuItemsAtAnyLevel) {\n this.menuNavigation.highlightByIndex(index);\n } else {\n this.highlight(index);\n }\n }\n\n private renderMain() {\n if (this.isEmpty()) {\n return null;\n }\n const { hasShadow, maxHeight, preventWindowScroll } = this.getProps();\n\n const offsetY = isTheme2022(this.theme)\n ? {\n top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n right: 0,\n bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\n }\n : {};\n\n const isMobile = this.isMobileLayout;\n const styles = getStyles(this.emotion);\n return (\n <div\n data-tid={MenuDataTids.root}\n className={this.emotion.cx(getAlignRightClass(this.emotion)(this.props), {\n [styles.root(this.theme)]: true,\n [styles.mobileRoot(this.theme)]: isMobile,\n [styles.shadow(this.theme)]: hasShadow && !isMobile,\n })}\n style={this.getStyle(this.props)}\n id={this.props.id}\n onKeyDown={this.handleKeyDown}\n ref={this.setRootNode}\n tabIndex={0}\n >\n {this.props.header && this.renderHeader()}\n <ScrollContainer\n ref={this.refScrollContainer}\n maxHeight={maxHeight}\n preventWindowScroll={preventWindowScroll}\n onScrollStateChange={this.handleScrollStateChange}\n disabled={this.props.disableScrollContainer}\n offsetY={offsetY}\n >\n <div\n className={this.emotion.cx({\n [styles.scrollContainer(this.theme)]: true,\n [styles.scrollContainerMobile(this.theme)]: isMobile,\n })}\n ref={this.contentRef}\n >\n <MenuContext.Provider\n value={{\n navigation: this.menuNavigation,\n onItemClick: this.props.onItemClick,\n enableIconPadding: this.state.enableIconPadding,\n setEnableIconPadding: this.setEnableIconPadding,\n }}\n >\n {this.getChildList()}\n </MenuContext.Provider>\n </div>\n </ScrollContainer>\n {this.props.footer && this.renderFooter()}\n </div>\n );\n }\n\n private renderHeader = () => {\n const styles = getStyles(this.emotion);\n return (\n <div\n className={this.emotion.cx({\n [styles.wrapper()]: true,\n [styles.headerWrapper()]: true,\n })}\n ref={(el) => (this.header = el)}\n >\n <div className={styles.contentWrapper()}>{this.props.header}</div>\n <div className={styles.menuSeparatorWrapper(this.theme)}>\n {this.state.scrollState !== 'top' && this.renderMenuSeparatorWithNoMargin()}\n </div>\n </div>\n );\n };\n\n private renderFooter = () => {\n const styles = getStyles(this.emotion);\n return (\n <div\n className={this.emotion.cx({\n [styles.wrapper()]: true,\n [styles.footerWrapper()]: true,\n })}\n ref={(el) => (this.footer = el)}\n >\n <div className={styles.menuSeparatorWrapper(this.theme)}>\n {this.state.scrollState !== 'bottom' && this.renderMenuSeparatorWithNoMargin()}\n </div>\n <div className={styles.contentWrapper()}>{this.props.footer}</div>\n </div>\n );\n };\n\n private renderMenuSeparatorWithNoMargin = () => {\n return (\n <ThemeContext.Provider value={ThemeFactory.create({ menuSeparatorMarginY: '0' }, this.theme)}>\n <MenuSeparator />\n </ThemeContext.Provider>\n );\n };\n\n private getChildList = () => {\n if (this.menuItemsAtAnyLevel) {\n return this.props.children;\n }\n const enableIconPadding = isIconPaddingEnabled(this.props.children, this.props.preventIconsOffset);\n\n return React.Children.map(this.props.children, (child, index) => {\n if (typeof child === 'string' \|\| typeof child === 'number' \|\| isNullable(child)) {\n return child;\n }\n\n const modifiedChild = addIconPaddingIfPartOfMenu(child, enableIconPadding);\n\n if (isActiveElement(modifiedChild)) {\n const highlight = this.state.highlightedIndex === index;\n\n let ref = modifiedChild.ref;\n if (highlight && typeof modifiedChild.ref !== 'string') {\n ref = this.refHighlighted.bind(this, modifiedChild.ref);\n }\n\n return React.cloneElement<MenuItemProps, MenuItem>(modifiedChild, {\n ref,\n state: highlight ? 'hover' : modifiedChild.props.state,\n onClick: this.select.bind(this, index, false),\n onMouseEnter: this.highlight.bind(this, index),\n onMouseLeave: this.unhighlight,\n });\n }\n\n return modifiedChild;\n });\n };\n\n private setInitialSelection = () => {\n for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n this.down();\n }\n };\n\n private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n const { header, footer, children } = this.props;\n const maxHeight = this.getProps().maxHeight;\n const prevMaxHeight = prevProps.maxHeight;\n const prevHeader = prevProps.header;\n const prevFooter = prevProps.footer;\n const prevChildrenCount = React.Children.count(prevProps.children);\n\n return (\n maxHeight !== prevMaxHeight \|\|\n footer !== prevFooter \|\|\n header !== prevHeader \|\|\n React.Children.count(children) !== prevChildrenCount\n );\n };\n\n private calculateMaxHeight = () => {\n const maxHeight = this.getProps().maxHeight;\n let parsedMaxHeight = maxHeight;\n const rootNode = getRootNode(this);\n\n if (typeof maxHeight === 'string' && isBrowser(globalObject) && rootNode) {\n const rootElementMaxHeight = globalObject.getComputedStyle?.(rootNode).maxHeight;\n\n if (rootElementMaxHeight) {\n parsedMaxHeight = parseFloat(rootElementMaxHeight);\n }\n }\n\n const calculatedMaxHeight =\n typeof parsedMaxHeight === 'number'\n ? parsedMaxHeight +\n ((this.header && getDOMRect(this.header).height) \|\| 0) +\n ((this.footer && getDOMRect(this.footer).height) \|\| 0)\n : maxHeight;\n\n this.setState({\n maxHeight: calculatedMaxHeight \|\| 'none',\n });\n };\n\n private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n this.scrollContainer = scrollContainer;\n };\n\n private refHighlighted(\n originalRef: ((menuItem: MenuItem \| null) => any) \| React.RefObject<MenuItem> \| null \| undefined,\n menuItem: MenuItem \| null,\n ) {\n this.highlighted = menuItem;\n\n if (typeof originalRef === 'function') {\n originalRef(menuItem);\n }\n }\n\n private scrollToSelected = () => {\n const highlightedItem = this.menuItemsAtAnyLevel ? this.menuNavigation.highlightedItem : this.highlighted;\n if (this.scrollContainer && highlightedItem) {\n const rootNode = getRootNode(highlightedItem);\n // TODO: Remove this check once IF-647 is resolved\n if (isInstanceOf(rootNode, globalObject.HTMLElement)) {\n this.scrollContainer.scrollTo(rootNode);\n }\n }\n };\n\n private scrollToTop = () => {\n if (this.scrollContainer) {\n this.scrollContainer.scrollToTop();\n }\n };\n\n private scrollToBottom = () => {\n if (this.scrollContainer) {\n this.scrollContainer.scrollToBottom();\n }\n };\n\n private scroll = (nextIndex: number) => {\n switch (nextIndex) {\n case 0:\n this.scrollToTop?.();\n break;\n case this.menuNavigation.items.length - 1:\n this.scrollToBottom?.();\n break;\n default:\n this.scrollToSelected?.();\n }\n };\n\n private select(index: number, shouldHandleHref: boolean, event: React.SyntheticEvent<HTMLElement>): boolean {\n const item = childrenToArray(this.props.children)[index];\n if (isActiveElement(item) && isBrowser(globalObject)) {\n if (shouldHandleHref && item.props.href) {\n if (item.props.target) {\n globalObject.open(item.props.href, item.props.target);\n } else {\n globalObject.location.href = item.props.href;\n }\n }\n if (item.props.onClick) {\n item.props.onClick(event);\n }\n if (this.props.onItemClick) {\n this.props.onItemClick(event);\n }\n return true;\n }\n return false;\n }\n\n private highlight = (index: number) => {\n this.setState({ highlightedIndex: index });\n };\n\n private unhighlight = () => {\n this.setState({ highlightedIndex: -1 });\n };\n\n private move(step: number) {\n if (this.unmounted) {\n // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n return;\n }\n if (this.menuItemsAtAnyLevel) {\n const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n this.scroll(nextIndex);\n } else {\n const children = childrenToArray(this.props.children);\n const activeElements = children.filter(isActiveElement);\n if (!activeElements.length) {\n return;\n }\n let index = this.state.highlightedIndex;\n do {\n index += step;\n\n if (!this.getProps().cyclicSelection && (index < 0 \|\| index > children.length)) {\n return;\n }\n\n if (index < 0) {\n index = children.length - 1;\n } else if (index > children.length) {\n index = 0;\n }\n\n const child = children[index];\n if (isActiveElement(child)) {\n this.setState({ highlightedIndex: index }, () => {\n switch (activeElements.indexOf(child)) {\n case 0:\n this.scrollToTop();\n break;\n case activeElements.length - 1:\n this.scrollToBottom();\n break;\n default:\n this.scrollToSelected();\n }\n });\n return;\n }\n } while (index !== this.state.highlightedIndex);\n }\n }\n\n private isEmpty() {\n const { children } = this.props;\n return !children \|\| !childrenToArray(children).filter(isNonNullable).length;\n }\n\n private handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n if (typeof this.props.onKeyDown === 'function') {\n this.props.onKeyDown(event);\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n if (isKeyArrowUp(event)) {\n event.preventDefault();\n this.up();\n } else if (isKeyArrowDown(event)) {\n event.preventDefault();\n this.down();\n } else if (isKeyEnter(event)) {\n if (this.menuItemsAtAnyLevel) {\n this.menuNavigation.select(event);\n } else if (this.highlighted && this.highlighted.props.onClick) {\n this.highlighted.props.onClick(event);\n }\n }\n };\n\n private getStyle = (props: MenuProps): CSSProperties => {\n if (props.align === 'right') {\n return {\n maxWidth: props.width,\n minWidth: props.width,\n maxHeight: this.state.maxHeight,\n };\n }\n\n return {\n width: props.width,\n maxHeight: this.state.maxHeight,\n };\n };\n\n private handleScrollStateChange = (scrollState: ScrollContainerScrollState) => {\n if (this.state.scrollState !== scrollState) {\n this.setState({ scrollState });\n }\n };\n\n private setEnableIconPadding = (isIconPaddingEnabled: boolean) => {\n !this.getProps().preventIconsOffset && this.setState({ enableIconPadding: isIconPaddingEnabled });\n };\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n const ret: React.ReactNode[] = [];\n // Use forEach instead of map to avoid cloning for key unifying.\n React.Children.forEach(children, (child) => {\n ret.push(child);\n });\n return ret;\n}\n\nconst getAlignRightClass = (emotion: Emotion) => (props: MenuProps) => {\n const styles = getStyles(emotion);\n\n if (props.align === 'right') {\n return emotion.cx({\n [styles.alignRight()]: !isIE11,\n [styles.alignRightIE11()]: isIE11,\n [styles.alignRightIE11FixAutoWidth()]: isIE11 && props.width === 'auto',\n });\n }\n\n return null;\n};\n"]}

package/internal/Menu/Menu.d.ts CHANGED Viewed

@@ -43,10 +43,12 @@ export declare const MenuDataTids: {
 declare type DefaultProps = Required<Pick<MenuProps, 'align' | 'width' | 'maxHeight' | 'hasShadow' | 'preventWindowScroll' | 'cyclicSelection' | 'initialSelectedItemIndex'>>;
 export declare class Menu extends React.PureComponent<MenuProps, MenuState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
     state: MenuState;
     private theme;
+    private emotion;
     private scrollContainer;
     private isMobileLayout;
     private highlighted;

package/internal/Menu/Menu.styles/Menu.styles.js CHANGED Viewed

@@ -2,45 +2,47 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-radius: ", ";\n      box-sizing: ", ";\n      outline: none;\n      padding: ", " ", ";\n      margin: ", " 0;\n    "])), t.menuBgDefault, t.menuBorderRadius, t.menuBoxSizing, t.menuPaddingY, t.menuPaddingX, t.menuOffsetY);
-  },
-  mobileRoot: function mobileRoot(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ", ";\n    "])), t.mobileMenuPaddingX);
-  },
-  alignRight: function alignRight() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n    "])));
-  },
-  alignRightIE11: function alignRightIE11() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      float: right;\n      width: 100%;\n    "])));
-  },
-  alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    "])));
-  },
-  scrollContainer: function scrollContainer(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.menuScrollContainerContentWrapperPaddingY);
-  },
-  scrollContainerMobile: function scrollContainerMobile(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.mobileMenuScrollContainerContentWrapperPaddingY);
-  },
-  shadow: function shadow(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border: ", ";\n      box-shadow: ", ";\n    "])), t.menuBorder, t.menuShadow);
-  },
-  wrapper: function wrapper() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    "])));
-  },
-  headerWrapper: function headerWrapper() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      top: -5px;\n    "])));
-  },
-  footerWrapper: function footerWrapper() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      bottom: -5px;\n    "])));
-  },
-  contentWrapper: function contentWrapper() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      padding: 6px 18px 7px 8px;\n    "])));
-  },
-  menuSeparatorWrapper: function menuSeparatorWrapper(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.menuSeparatorBorderWidth);
-  }
-});
+import { memoizeStyle } from "../../../lib/theming/Emotion";
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    root: function root(t) {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        border-radius: ", ";\n        box-sizing: ", ";\n        outline: none;\n        padding: ", " ", ";\n        margin: ", " 0;\n      "])), t.menuBgDefault, t.menuBorderRadius, t.menuBoxSizing, t.menuPaddingY, t.menuPaddingX, t.menuOffsetY);
+    },
+    mobileRoot: function mobileRoot(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        border-radius: 0;\n        margin: 0;\n        padding: 0 ", ";\n      "])), t.mobileMenuPaddingX);
+    },
+    alignRight: function alignRight() {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        flex: 1 1 100%;\n      "])));
+    },
+    alignRightIE11: function alignRightIE11() {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        float: right;\n        width: 100%;\n      "])));
+    },
+    alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        box-sizing: border-box !important; // override root styles\n        overflow: hidden !important; // override root styles\n      "])));
+    },
+    scrollContainer: function scrollContainer(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        padding: ", " 0;\n      "])), t.menuScrollContainerContentWrapperPaddingY);
+    },
+    scrollContainerMobile: function scrollContainerMobile(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        padding: ", " 0;\n      "])), t.mobileMenuScrollContainerContentWrapperPaddingY);
+    },
+    shadow: function shadow(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        border: ", ";\n        box-shadow: ", ";\n      "])), t.menuBorder, t.menuShadow);
+    },
+    wrapper: function wrapper() {
+      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        position: relative;\n        z-index: 1;\n        width: 100%;\n        overflow: hidden;\n        line-height: 18px;\n        box-sizing: border-box;\n      "])));
+    },
+    headerWrapper: function headerWrapper() {
+      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        top: -5px;\n      "])));
+    },
+    footerWrapper: function footerWrapper() {
+      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        bottom: -5px;\n      "])));
+    },
+    contentWrapper: function contentWrapper() {
+      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        padding: 6px 18px 7px 8px;\n      "])));
+    },
+    menuSeparatorWrapper: function menuSeparatorWrapper(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n      "])), t.menuSeparatorBorderWidth);
+    }
+  });
+};

package/internal/Menu/Menu.styles/Menu.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Menu.styles.ts"],"names":["~~css~~","~~memoizeStyle~~","~~styles~~","root","t","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","menuOffsetY","mobileRoot","mobileMenuPaddingX","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","mobileMenuScrollContainerContentWrapperPaddingY","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"mappings":"~~gVAAA~~,SAASA,~~GAAT~~,~~EAAcC~~,~~YAAd,QAAkC,2BAAlC~~;;;AAGA,OAAO,IAAMC,~~MAAM~~,~~GAAGD~~,YAAY,CAAC;~~AACjCE~~,~~EAAAA~~,~~IADiC~~,~~gBAC5BC~~,~~CAD4B~~,~~EAClB~~;AACb,~~WAAOJ~~,~~GAAP~~;~~AACgBI~~,~~IAAAA~~,CAAC,~~CAACC~~,aADlB;~~AAEmBD~~,~~IAAAA~~,CAAC,~~CAACE~~,gBAFrB;~~AAGgBF~~,~~IAAAA~~,CAAC,~~CAACG~~,aAHlB;;~~AAKaH~~,~~IAAAA~~,CAAC,~~CAACI~~,YALf,EAK+BJ,CAAC,~~CAACK~~,YALjC;~~AAMYL~~,~~IAAAA~~,CAAC,~~CAACM~~,WANd;;AAQD,~~GAVgC~~;;~~AAYjCC~~,~~EAAAA~~,~~UAZiC~~,~~sBAYtBP~~,~~CAZsB~~,~~EAYZ~~;AACnB,~~WAAOJ~~,~~GAAP~~;;;~~AAGeI~~,~~IAAAA~~,CAAC,~~CAACQ~~,kBAHjB;;AAKD,~~GAlBgC~~;;~~AAoBjCC~~,~~EAAAA~~,~~UApBiC~~,~~wBAoBpB~~;AACX,~~WAAOb~~,~~GAAP~~;;;AAGD,~~GAxBgC~~;;~~AA0BjCc~~,~~EAAAA~~,~~cA1BiC~~,~~4BA0BhB~~;AACf,~~WAAOd~~,~~GAAP~~;;;;AAID,GA/~~BgC~~;;~~AAiCjCe~~,~~EAAAA~~,~~0BAjCiC~~,~~wCAiCJ~~;AAC3B,~~WAAOf~~,~~GAAP~~;;;;AAID,~~GAtCgC~~;;~~AAwCjCgB~~,~~EAAAA~~,~~eAxCiC~~,~~2BAwCjBZ~~,~~CAxCiB~~,~~EAwCP~~;AACxB,~~WAAOJ~~,~~GAAP~~;~~AACaI~~,~~IAAAA~~,CAAC,~~CAACa~~,yCADf;;AAGD,~~GA5CgC~~;;~~AA8CjCC~~,~~EAAAA~~,~~qBA9CiC~~,~~iCA8CXd~~,~~CA9CW~~,~~EA8CD~~;AAC9B,~~WAAOJ~~,~~GAAP~~;~~AACaI~~,~~IAAAA~~,CAAC,~~CAACe~~,+CADf;;AAGD,~~GAlDgC~~;;~~AAoDjCC~~,~~EAAAA~~,~~MApDiC~~,~~kBAoD1BhB~~,~~CApD0B~~,~~EAoDhB~~;AACf,~~WAAOJ~~,~~GAAP~~;~~AACYI~~,~~IAAAA~~,CAAC,~~CAACiB~~,UADd;~~AAEgBjB~~,~~IAAAA~~,CAAC,~~CAACkB~~,UAFlB;;AAID,~~GAzDgC~~;;~~AA2DjCC~~,~~EAAAA~~,~~OA3DiC~~,~~qBA2DvB~~;AACR,~~WAAOvB~~,~~GAAP~~;;;;;;;;AAQD,~~GApEgC~~;;~~AAsEjCwB~~,~~EAAAA~~,~~aAtEiC~~,~~2BAsEjB~~;AACd,~~WAAOxB~~,~~GAAP~~;;;AAGD,~~GA1EgC~~;;~~AA4EjCyB~~,~~EAAAA~~,~~aA5EiC~~,~~2BA4EjB~~;AACd,~~WAAOzB~~,~~GAAP~~;;;AAGD,~~GAhFgC~~;;~~AAkFjC0B~~,~~EAAAA~~,~~cAlFiC~~,~~4BAkFhB~~;AACf,~~WAAO1B~~,~~GAAP~~;;;AAGD,~~GAtFgC~~;;~~AAwFjC2B~~,~~EAAAA~~,~~oBAxFiC~~,~~gCAwFZvB~~,~~CAxFY~~,~~EAwFF~~;AAC7B,~~WAAOJ~~,~~GAAP~~;~~AACYI~~,~~IAAAA~~,CAAC,~~CAACwB~~,wBADd;;AAGD,~~GA5FgC~~,EAAD,~~CAA3B~~","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const ~~styles~~ = memoizeStyle({\n root(t: Theme) {\n return css`\n background: ${t.menuBgDefault};\n border-radius: ${t.menuBorderRadius};\n box-sizing: ${t.menuBoxSizing};\n outline: none;\n padding: ${t.menuPaddingY} ${t.menuPaddingX};\n margin: ${t.menuOffsetY} 0;\n `;\n },\n\n mobileRoot(t: Theme) {\n return css`\n border-radius: 0;\n margin: 0;\n padding: 0 ${t.mobileMenuPaddingX};\n `;\n },\n\n alignRight() {\n return css`\n flex: 1 1 100%;\n `;\n },\n\n alignRightIE11() {\n return css`\n float: right;\n width: 100%;\n `;\n },\n\n alignRightIE11FixAutoWidth() {\n return css`\n box-sizing: border-box !important; // override root styles\n overflow: hidden !important; // override root styles\n `;\n },\n\n scrollContainer(t: Theme) {\n return css`\n padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n scrollContainerMobile(t: Theme) {\n return css`\n padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n shadow(t: Theme) {\n return css`\n border: ${t.menuBorder};\n box-shadow: ${t.menuShadow};\n `;\n },\n\n wrapper() {\n return css`\n position: relative;\n z-index: 1;\n width: 100%;\n overflow: hidden;\n line-height: 18px;\n box-sizing: border-box;\n `;\n },\n\n headerWrapper() {\n return css`\n top: -5px;\n `;\n },\n\n footerWrapper() {\n return css`\n bottom: -5px;\n `;\n },\n\n contentWrapper() {\n return css`\n padding: 6px 18px 7px 8px;\n `;\n },\n\n menuSeparatorWrapper(t: Theme) {\n return css`\n height: ${t.menuSeparatorBorderWidth};\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Menu.styles.ts"],"names":["memoizeStyle","getStyles","emotion","root","t","css","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","menuOffsetY","mobileRoot","mobileMenuPaddingX","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","mobileMenuScrollContainerContentWrapperPaddingY","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;;AAGA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;AACgBD,QAAAA,CAAC,CAACE,aADlB;AAEmBF,QAAAA,CAAC,CAACG,gBAFrB;AAGgBH,QAAAA,CAAC,CAACI,aAHlB;;AAKaJ,QAAAA,CAAC,CAACK,YALf,EAK+BL,CAAC,CAACM,YALjC;AAMYN,QAAAA,CAAC,CAACO,WANd;;AAQD,OAVU;;AAYXC,MAAAA,UAZW,sBAYAR,CAZA,EAYU;AACnB,eAAOF,OAAO,CAACG,GAAf;;;AAGeD,QAAAA,CAAC,CAACS,kBAHjB;;AAKD,OAlBU;;AAoBXC,MAAAA,UApBW,wBAoBE;AACX,eAAOZ,OAAO,CAACG,GAAf;;;AAGD,OAxBU;;AA0BXU,MAAAA,cA1BW,4BA0BM;AACf,eAAOb,OAAO,CAACG,GAAf;;;;AAID,OA/BU;;AAiCXW,MAAAA,0BAjCW,wCAiCkB;AAC3B,eAAOd,OAAO,CAACG,GAAf;;;;AAID,OAtCU;;AAwCXY,MAAAA,eAxCW,2BAwCKb,CAxCL,EAwCe;AACxB,eAAOF,OAAO,CAACG,GAAf;AACaD,QAAAA,CAAC,CAACc,yCADf;;AAGD,OA5CU;;AA8CXC,MAAAA,qBA9CW,iCA8CWf,CA9CX,EA8CqB;AAC9B,eAAOF,OAAO,CAACG,GAAf;AACaD,QAAAA,CAAC,CAACgB,+CADf;;AAGD,OAlDU;;AAoDXC,MAAAA,MApDW,kBAoDJjB,CApDI,EAoDM;AACf,eAAOF,OAAO,CAACG,GAAf;AACYD,QAAAA,CAAC,CAACkB,UADd;AAEgBlB,QAAAA,CAAC,CAACmB,UAFlB;;AAID,OAzDU;;AA2DXC,MAAAA,OA3DW,qBA2DD;AACR,eAAOtB,OAAO,CAACG,GAAf;;;;;;;;AAQD,OApEU;;AAsEXoB,MAAAA,aAtEW,2BAsEK;AACd,eAAOvB,OAAO,CAACG,GAAf;;;AAGD,OA1EU;;AA4EXqB,MAAAA,aA5EW,2BA4EK;AACd,eAAOxB,OAAO,CAACG,GAAf;;;AAGD,OAhFU;;AAkFXsB,MAAAA,cAlFW,4BAkFM;AACf,eAAOzB,OAAO,CAACG,GAAf;;;AAGD,OAtFU;;AAwFXuB,MAAAA,oBAxFW,gCAwFUxB,CAxFV,EAwFoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACYD,QAAAA,CAAC,CAACyB,wBADd;;AAGD,OA5FU,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\nexport const getStyles = (emotion: Emotion) =>\n memoizeStyle({\n root(t: Theme) {\n return emotion.css`\n background: ${t.menuBgDefault};\n border-radius: ${t.menuBorderRadius};\n box-sizing: ${t.menuBoxSizing};\n outline: none;\n padding: ${t.menuPaddingY} ${t.menuPaddingX};\n margin: ${t.menuOffsetY} 0;\n `;\n },\n\n mobileRoot(t: Theme) {\n return emotion.css`\n border-radius: 0;\n margin: 0;\n padding: 0 ${t.mobileMenuPaddingX};\n `;\n },\n\n alignRight() {\n return emotion.css`\n flex: 1 1 100%;\n `;\n },\n\n alignRightIE11() {\n return emotion.css`\n float: right;\n width: 100%;\n `;\n },\n\n alignRightIE11FixAutoWidth() {\n return emotion.css`\n box-sizing: border-box !important; // override root styles\n overflow: hidden !important; // override root styles\n `;\n },\n\n scrollContainer(t: Theme) {\n return emotion.css`\n padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n scrollContainerMobile(t: Theme) {\n return emotion.css`\n padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n shadow(t: Theme) {\n return emotion.css`\n border: ${t.menuBorder};\n box-shadow: ${t.menuShadow};\n `;\n },\n\n wrapper() {\n return emotion.css`\n position: relative;\n z-index: 1;\n width: 100%;\n overflow: hidden;\n line-height: 18px;\n box-sizing: border-box;\n `;\n },\n\n headerWrapper() {\n return emotion.css`\n top: -5px;\n `;\n },\n\n footerWrapper() {\n return emotion.css`\n bottom: -5px;\n `;\n },\n\n contentWrapper() {\n return emotion.css`\n padding: 6px 18px 7px 8px;\n `;\n },\n\n menuSeparatorWrapper(t: Theme) {\n return emotion.css`\n height: ${t.menuSeparatorBorderWidth};\n `;\n },\n });\n"]}

package/internal/Menu/Menu.styles.d.ts CHANGED Viewed

@@ -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;
     mobileRoot(t: Theme): string;
     alignRight(): string;

package/internal/MenuMessage/MenuMessage/MenuMessage.js CHANGED Viewed

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "className", "size", "as"];
-import React, { useContext } from 'react';
+import React from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { useResponsiveLayout } from "../../../components/ResponsiveLayout";
-import { cx } from "../../../lib/theming/Emotion";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { styles } from "../MenuMessage.styles";
+import { useEmotion } from "../../../lib/theming/Emotion";
+import { useTheme } from "../../../lib/theming/useTheme";
+import { getStyles } from "../MenuMessage.styles";
 export var MenuMessageDataTids = {
   root: 'MenuMessage__root'
 };
 export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
-  var _cx;
+  var _emotion$cx;
   var children = _ref.children,
       className = _ref.className,
@@ -24,25 +24,27 @@ export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
   var _useResponsiveLayout = useResponsiveLayout(),
       isMobile = _useResponsiveLayout.isMobile;
-  var theme = useContext(ThemeContext);
+  var theme = useTheme();
+  var emotion = useEmotion();
+  var styles = getStyles(emotion);
   var getMenuMessageSizeClassName = function getMenuMessageSizeClassName() {
     switch (size) {
       case 'large':
-        return cx(styles.rootLarge(theme));
+        return emotion.cx(styles.rootLarge(theme));
       case 'medium':
-        return cx(styles.rootMedium(theme));
+        return emotion.cx(styles.rootMedium(theme));
       case 'small':
       default:
-        return cx(styles.rootSmall(theme));
+        return emotion.cx(styles.rootSmall(theme));
     }
   };
   return /*#__PURE__*/React.createElement(Tag, _extends({
     ref: ref,
     "data-tid": MenuMessageDataTids.root,
-    className: cx(getMenuMessageSizeClassName(), (_cx = {}, _cx[styles.root(theme)] = true, _cx[styles.rootMobile(theme)] = isMobile, _cx), className)
+    className: emotion.cx(getMenuMessageSizeClassName(), (_emotion$cx = {}, _emotion$cx[styles.root(theme)] = true, _emotion$cx[styles.rootMobile(theme)] = isMobile, _emotion$cx), className)
   }, rest), children);
 });

package/internal/MenuMessage/MenuMessage/MenuMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MenuMessage.tsx"],"names":["React","~~useContext","~~forwardRefAndName","useResponsiveLayout","cx","~~ThemeContext~~","~~styles~~","MenuMessageDataTids","root","MenuMessage","ref","children","className","size","as","Tag","rest","isMobile","theme","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","rootMobile"],"mappings":"sNAAA,OAAOA,KAAP,~~IAAgBC~~,~~UAAhB,QAAkC,OAAlC~~;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,mBAAT,QAAoC,mCAApC;AACA,SAASC,~~EAAT~~,~~QAAmB~~,~~2BAAnB;AACA~~,SAASC,~~YAAT~~,~~QAA6B~~,~~gCAA7B;;;;AAIA~~,SAASC,~~MAAT~~,~~QAAuB~~,~~sBAAvB~~;;;;;;;;AAQA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;AAC1C,aAD0C;AAE1C,gBAAkEQ,GAAlE,EAA0E,~~aAAvEC~~,QAAuE,QAAvEA,QAAuE,CAA7DC,SAA6D,QAA7DA,SAA6D,kBAAlDC,IAAkD,CAAlDA,IAAkD,0BAA3C,OAA2C,4BAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxE,6BAAqBb,mBAAmB,EAAxC,CAAQc,QAAR,wBAAQA,QAAR~~;;AAEA~~,MAAMC,KAAK,~~GAAGjB~~,UAAU,~~CAACI~~,~~YAAD~~,CAAxB;;AAEA,~~MAAMc~~,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAM;AACxC,~~YAAQN~~,IAAR;AACE,WAAK,OAAL;AACE,~~eAAOT~~,~~EAAE~~,~~CAACE~~,MAAM,~~CAACc~~,SAAP,~~CAAiBF~~,KAAjB,~~CAAD~~,~~CAAT~~;AACF,WAAK,QAAL;AACE,~~eAAOd~~,~~EAAE~~,~~CAACE~~,MAAM,~~CAACe~~,UAAP,~~CAAkBH~~,KAAlB,~~CAAD~~,~~CAAT~~;AACF,WAAK,OAAL;AACA;AACE,~~eAAOd~~,~~EAAE~~,~~CAACE~~,MAAM,~~CAACgB~~,SAAP,~~CAAiBJ~~,KAAjB,~~CAAD~~,~~CAAT~~,CAPJ;;AASD,GAVD;;AAYA;AACE,wBAAC,GAAD;AACE,MAAA,GAAG,EAAER,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,~~EAAEJ~~,~~EAAE~~;~~AACXe~~,MAAAA,2BAA2B,~~EADhB~~;;~~AAGRb~~,MAAAA,MAAM,~~CAACE~~,IAAP,CAAYU,KAAZ,~~CAHQ~~,~~IAGa~~,~~IAHb~~;~~AAIRZ~~,MAAAA,MAAM,~~CAACiB~~,UAAP,~~CAAkBL~~,KAAlB,~~CAJQ~~,~~IAImBD~~,~~QAJnB~~;;~~AAMXL~~,MAAAA,~~SANW~~,~~CAHf~~;;AAWMI,IAAAA,IAXN;;AAaGL,IAAAA,QAbH,CADF;;;AAiBD,~~CApCyC~~,CAArC","sourcesContent":["import React, ~~{ useContext }~~ from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ~~ThemeContext~~ } from '~~../../lib/theming/ThemeContext~~';\nimport { ~~CommonProps~~ } from '~~../CommonWrapper~~';\nimport { ~~SizeProp~~ } from '../../lib/~~types~~/~~props~~';\n\nimport { ~~styles~~ } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n children: React.ReactNode;\n as?: React.ElementType;\n size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n 'MenuMessage',\n ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n const { isMobile } = useResponsiveLayout();\n\n const theme = ~~useContext~~(~~ThemeContext~~);\n\n const getMenuMessageSizeClassName = () => {\n switch (size) {\n case 'large':\n return cx(styles.rootLarge(theme));\n case 'medium':\n return cx(styles.rootMedium(theme));\n case 'small':\n default:\n return cx(styles.rootSmall(theme));\n }\n };\n\n return (\n <Tag\n ref={ref}\n data-tid={MenuMessageDataTids.root}\n className={cx(\n getMenuMessageSizeClassName(),\n {\n [styles.root(theme)]: true,\n [styles.rootMobile(theme)]: isMobile,\n },\n className,\n )}\n {...rest}\n >\n {children}\n </Tag>\n );\n },\n);\n"]}
1	+ {"version":3,"sources":["MenuMessage.tsx"],"names":["React","forwardRefAndName","useResponsiveLayout","useEmotion","useTheme","getStyles","MenuMessageDataTids","root","MenuMessage","ref","children","className","size","as","Tag","rest","isMobile","theme","emotion","styles","getMenuMessageSizeClassName","cx","rootLarge","rootMedium","rootSmall","rootMobile"],"mappings":"sNAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,mBAAT,QAAoC,mCAApC;AACA,SAASC,UAAT,QAA2B,2BAA3B;;;AAGA,SAASC,QAAT,QAAyB,4BAAzB;;AAEA,SAASC,SAAT,QAA0B,sBAA1B;;;;;;;;AAQA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;AAC1C,aAD0C;AAE1C,gBAAkEQ,GAAlE,EAA0E,qBAAvEC,QAAuE,QAAvEA,QAAuE,CAA7DC,SAA6D,QAA7DA,SAA6D,kBAAlDC,IAAkD,CAAlDA,IAAkD,0BAA3C,OAA2C,4BAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxE,6BAAqBb,mBAAmB,EAAxC,CAAQc,QAAR,wBAAQA,QAAR;AACA,MAAMC,KAAK,GAAGb,QAAQ,EAAtB;AACA,MAAMc,OAAO,GAAGf,UAAU,EAA1B;AACA,MAAMgB,MAAM,GAAGd,SAAS,CAACa,OAAD,CAAxB;;AAEA,MAAME,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAM;AACxC,YAAQR,IAAR;AACE,WAAK,OAAL;AACE,eAAOM,OAAO,CAACG,EAAR,CAAWF,MAAM,CAACG,SAAP,CAAiBL,KAAjB,CAAX,CAAP;AACF,WAAK,QAAL;AACE,eAAOC,OAAO,CAACG,EAAR,CAAWF,MAAM,CAACI,UAAP,CAAkBN,KAAlB,CAAX,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOC,OAAO,CAACG,EAAR,CAAWF,MAAM,CAACK,SAAP,CAAiBP,KAAjB,CAAX,CAAP,CAPJ;;AASD,GAVD;;AAYA;AACE,wBAAC,GAAD;AACE,MAAA,GAAG,EAAER,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,EAAEW,OAAO,CAACG,EAAR;AACTD,MAAAA,2BAA2B,EADlB;;AAGND,MAAAA,MAAM,CAACZ,IAAP,CAAYU,KAAZ,CAHM,IAGe,IAHf;AAINE,MAAAA,MAAM,CAACM,UAAP,CAAkBR,KAAlB,CAJM,IAIqBD,QAJrB;;AAMTL,MAAAA,SANS,CAHb;;AAWMI,IAAAA,IAXN;;AAaGL,IAAAA,QAbH,CADF;;;AAiBD,CArCyC,CAArC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../CommonWrapper';\nimport { SizeProp } from '../../lib/types/props';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { getStyles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n children: React.ReactNode;\n as?: React.ElementType;\n size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n 'MenuMessage',\n ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n const { isMobile } = useResponsiveLayout();\n const theme = useTheme();\n const emotion = useEmotion();\n const styles = getStyles(emotion);\n\n const getMenuMessageSizeClassName = () => {\n switch (size) {\n case 'large':\n return emotion.cx(styles.rootLarge(theme));\n case 'medium':\n return emotion.cx(styles.rootMedium(theme));\n case 'small':\n default:\n return emotion.cx(styles.rootSmall(theme));\n }\n };\n\n return (\n <Tag\n ref={ref}\n data-tid={MenuMessageDataTids.root}\n className={emotion.cx(\n getMenuMessageSizeClassName(),\n {\n [styles.root(theme)]: true,\n [styles.rootMobile(theme)]: isMobile,\n },\n className,\n )}\n {...rest}\n >\n {children}\n </Tag>\n );\n },\n);\n"]}