@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/InternalTextareaWithLayout.js

@@ -7,18 +7,18 @@ var _class, _InternalTextareaWithLayout;
 import React from 'react';
 import { InputLayout } from "../../../components/Input/InputLayout/InputLayout";
 import { DEFAULT_WIDTH, Textarea } from "../../../components/Textarea";
-import { styles as textareaStyles } from "../../../components/Textarea/Textarea.styles";
-import { cx } from "../../../lib/theming/Emotion";
+import { getStyles as getTextareaStyles } from "../../../components/Textarea/Textarea.styles";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
-import { styles as inputStyles } from "../../../components/Input/Input.styles";
+import { getStyles as getInputStyles } from "../../../components/Input/Input.styles";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { calculateClearCrossShowedState, InputDataTids } from "../../../components/Input";
 import { ClearCrossIcon } from "../../ClearCrossIcon/ClearCrossIcon";
-import { styles } from "../InternalTextareaWithLayout.styles";
-export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWithLayout = /*#__PURE__*/function (_React$Component) {
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../InternalTextareaWithLayout.styles";
+export var InternalTextareaWithLayout = withRenderEnvironment(_class = rootNode(_class = (_InternalTextareaWithLayout = /*#__PURE__*/function (_React$Component) {
   function InternalTextareaWithLayout() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -86,9 +86,9 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
       });
     };
     _this.renderLayout = function () {
-      var _cx;
+      var _this$cx;
       var labelProps = {
-        className: cx(styles.contentWrapper(), textareaStyles.textarea(_this.theme), _this.getTextareaSizeClassName(), _this.getRootSizeClassName(), (_cx = {}, _cx[inputStyles.focus(_this.theme)] = _this.state.focused && !_this.props.warning && !_this.props.error, _cx[inputStyles.borderless()] = _this.props.borderless && !_this.state.focused, _cx[textareaStyles.disabled(_this.theme)] = _this.props.disabled, _cx[textareaStyles.warning(_this.theme)] = _this.props.warning, _cx[textareaStyles.error(_this.theme)] = _this.props.error, _cx)),
+        className: _this.cx(_this.styles.contentWrapper(), _this.textareaStyles.textarea(_this.theme), _this.getTextareaSizeClassName(), _this.getRootSizeClassName(), (_this$cx = {}, _this$cx[_this.inputStyles.focus(_this.theme)] = _this.state.focused && !_this.props.warning && !_this.props.error, _this$cx[_this.inputStyles.borderless()] = _this.props.borderless && !_this.state.focused, _this$cx[_this.textareaStyles.disabled(_this.theme)] = _this.props.disabled, _this$cx[_this.textareaStyles.warning(_this.theme)] = _this.props.warning, _this$cx[_this.textareaStyles.error(_this.theme)] = _this.props.error, _this$cx)),
         style: {
           width: _this.props.width || DEFAULT_WIDTH,
           minWidth: '0',
@@ -198,6 +198,9 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
   };
   _proto.render = function render() {
     var _this2 = this;
+    this.styles = getStyles(this.emotion);
+    this.inputStyles = getInputStyles(this.emotion);
+    this.textareaStyles = getTextareaStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = theme;
       return /*#__PURE__*/React.createElement("span", {
@@ -208,23 +211,23 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
   _proto.getTextareaSizeClassName = function getTextareaSizeClassName() {
     switch (this.getProps().size) {
       case 'large':
-        return textareaStyles.textareaLarge(this.theme);
+        return this.textareaStyles.textareaLarge(this.theme);
       case 'medium':
-        return textareaStyles.textareaMedium(this.theme);
+        return this.textareaStyles.textareaMedium(this.theme);
       case 'small':
       default:
-        return textareaStyles.textareaSmall(this.theme);
+        return this.textareaStyles.textareaSmall(this.theme);
     }
   };
   _proto.getRootSizeClassName = function getRootSizeClassName() {
     switch (this.getProps().size) {
       case 'large':
-        return textareaStyles.rootLarge(this.theme);
+        return this.textareaStyles.rootLarge(this.theme);
       case 'medium':
-        return textareaStyles.rootMedium(this.theme);
+        return this.textareaStyles.rootMedium(this.theme);
       case 'small':
       default:
-        return textareaStyles.rootSmall(this.theme);
+        return this.textareaStyles.rootSmall(this.theme);
     }
   };
   return _createClass(InternalTextareaWithLayout, [{
@@ -246,4 +249,4 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
       }, this.theme);
     }
   }]);
-}(React.Component), _InternalTextareaWithLayout.__KONTUR_REACT_UI__ = 'InternalTextareaWithLayout', _InternalTextareaWithLayout)) || _class;
+}(React.Component), _InternalTextareaWithLayout.__KONTUR_REACT_UI__ = 'InternalTextareaWithLayout', _InternalTextareaWithLayout)) || _class) || _class;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","InputLayout","DEFAULT_WIDTH","Textarea","styles","textareaStyles","cx","ThemeContext","ThemeFactory","getRootNode","rootNode","inputStyles","createPropsGetter","isTestEnv","calculateClearCrossShowedState","InputDataTids","ClearCrossIcon","InternalTextareaWithLayout","_class","_InternalTextareaWithLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","wrappedComponentRef","createRef","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","value","state","clearCrossShowed","handleClearInput","current","clear","focus","onValueChange","getRightIcon","_this$props","size","rightIcon","createElement","clearCross","onClick","handleMouseEnter","setState","handleMouseOut","renderLayout","_cx","labelProps","className","contentWrapper","textarea","theme","getTextareaSizeClassName","getRootSizeClassName","warning","error","borderless","style","width","minWidth","position","onMouseEnter","onMouseLeave","handleLayoutClick","leftIcon","context","tag","renderTextarea","_this$props2","textareaProps","_objectWithoutPropertiesLoose","_excluded","Provider","preparedTheme","_extends","spellCheck","ref","onFocus","handleFocus","onBlur","handleBlur","_this$wrappedComponen","event","_getRootNode","contains","relatedTarget","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","_this$state","_this$wrappedComponen2","blur","_this$wrappedComponen3","setSelectionRange","start","end","_this$wrappedComponen4","selectAll","_this$wrappedComponen5","render","_this2","Consumer","textareaLarge","textareaMedium","textareaSmall","rootLarge","rootMedium","rootSmall","_createClass","key","get","create","textareaWidth","textareaBorderWidth","textareaPaddingXSmall","textareaPaddingXMedium","textareaPaddingXLarge","textareaPaddingYSmall","textareaPaddingYMedium","textareaPaddingYLarge","textareaOutlineWidth","textareaShadow","textareaDisabledBg","textareaBg","Component","__KONTUR_REACT_UI__"],"sources":["InternalTextareaWithLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../../components/Input';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea';\nimport type { TextareaProps } from '../../components/Textarea';\nimport { styles as textareaStyles } from '../../components/Textarea/Textarea.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { styles as inputStyles } from '../../components/Input/Input.styles';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\n\nimport { styles } from './InternalTextareaWithLayout.styles';\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps,\n    Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus() {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur() {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.textareaLarge(this.theme);\n      case 'medium':\n        return textareaStyles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.textareaSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.rootLarge(this.theme);\n      case 'medium':\n        return textareaStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.rootSmall(this.theme);\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: cx(\n        styles.contentWrapper(),\n        textareaStyles.textarea(this.theme),\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [inputStyles.focus(this.theme)]: this.state.focused && !this.props.warning && !this.props.error,\n          [inputStyles.borderless()]: this.props.borderless && !this.state.focused,\n          [textareaStyles.disabled(this.theme)]: this.props.disabled,\n          [textareaStyles.warning(this.theme)]: this.props.warning,\n          [textareaStyles.error(this.theme)]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private get preparedTheme(): Theme {\n    return ThemeFactory.create(\n      {\n        textareaWidth: 'auto',\n        textareaBorderWidth: '0px',\n        textareaPaddingXSmall: '0px',\n        textareaPaddingXMedium: '0px',\n        textareaPaddingXLarge: '0px',\n        textareaPaddingYSmall: '0px',\n        textareaPaddingYMedium: '0px',\n        textareaPaddingYLarge: '0px',\n        textareaOutlineWidth: '0px',\n        textareaShadow: 'none',\n        textareaDisabledBg: 'transparent',\n        textareaBg: 'transparent',\n      },\n      this.theme,\n    );\n  }\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider value={this.preparedTheme}>\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","InputLayout","DEFAULT_WIDTH","Textarea","getStyles","getTextareaStyles","ThemeContext","ThemeFactory","getRootNode","rootNode","getInputStyles","createPropsGetter","isTestEnv","calculateClearCrossShowedState","InputDataTids","ClearCrossIcon","withRenderEnvironment","InternalTextareaWithLayout","_class","_InternalTextareaWithLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","wrappedComponentRef","createRef","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","value","state","clearCrossShowed","handleClearInput","current","clear","focus","onValueChange","getRightIcon","_this$props","size","rightIcon","createElement","clearCross","onClick","handleMouseEnter","setState","handleMouseOut","renderLayout","_this$cx","labelProps","className","cx","styles","contentWrapper","textareaStyles","textarea","theme","getTextareaSizeClassName","getRootSizeClassName","inputStyles","warning","error","borderless","style","width","minWidth","position","onMouseEnter","onMouseLeave","handleLayoutClick","leftIcon","context","tag","renderTextarea","_this$props2","textareaProps","_objectWithoutPropertiesLoose","_excluded","Provider","preparedTheme","_extends","spellCheck","ref","onFocus","handleFocus","onBlur","handleBlur","_this$wrappedComponen","event","_getRootNode","contains","relatedTarget","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","_this$state","_this$wrappedComponen2","blur","_this$wrappedComponen3","setSelectionRange","start","end","_this$wrappedComponen4","selectAll","_this$wrappedComponen5","render","_this2","emotion","Consumer","textareaLarge","textareaMedium","textareaSmall","rootLarge","rootMedium","rootSmall","_createClass","key","get","create","textareaWidth","textareaBorderWidth","textareaPaddingXSmall","textareaPaddingXMedium","textareaPaddingXLarge","textareaPaddingYSmall","textareaPaddingYMedium","textareaPaddingYLarge","textareaOutlineWidth","textareaShadow","textareaDisabledBg","textareaBg","Component","__KONTUR_REACT_UI__"],"sources":["InternalTextareaWithLayout.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { InputProps } from '../../components/Input';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea';\nimport type { TextareaProps } from '../../components/Textarea';\nimport { getStyles as getTextareaStyles } from '../../components/Textarea/Textarea.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getStyles as getInputStyles } from '../../components/Input/Input.styles';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './InternalTextareaWithLayout.styles';\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps,\n    Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@withRenderEnvironment\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private styles!: ReturnType<typeof getStyles>;\n  private inputStyles!: ReturnType<typeof getInputStyles>;\n  private textareaStyles!: ReturnType<typeof getTextareaStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus() {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur() {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n    this.inputStyles = getInputStyles(this.emotion);\n    this.textareaStyles = getTextareaStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.textareaStyles.textareaLarge(this.theme);\n      case 'medium':\n        return this.textareaStyles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return this.textareaStyles.textareaSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.textareaStyles.rootLarge(this.theme);\n      case 'medium':\n        return this.textareaStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return this.textareaStyles.rootSmall(this.theme);\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: this.cx(\n        this.styles.contentWrapper(),\n        this.textareaStyles.textarea(this.theme),\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [this.inputStyles.focus(this.theme)]: this.state.focused && !this.props.warning && !this.props.error,\n          [this.inputStyles.borderless()]: this.props.borderless && !this.state.focused,\n          [this.textareaStyles.disabled(this.theme)]: this.props.disabled,\n          [this.textareaStyles.warning(this.theme)]: this.props.warning,\n          [this.textareaStyles.error(this.theme)]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private get preparedTheme(): Theme {\n    return ThemeFactory.create(\n      {\n        textareaWidth: 'auto',\n        textareaBorderWidth: '0px',\n        textareaPaddingXSmall: '0px',\n        textareaPaddingXMedium: '0px',\n        textareaPaddingXLarge: '0px',\n        textareaPaddingYSmall: '0px',\n        textareaPaddingYMedium: '0px',\n        textareaPaddingYLarge: '0px',\n        textareaOutlineWidth: '0px',\n        textareaShadow: 'none',\n        textareaDisabledBg: 'transparent',\n        textareaBg: 'transparent',\n      },\n      this.theme,\n    );\n  }\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider value={this.preparedTheme}>\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.d.ts

@@ -12,6 +12,11 @@ export declare class InternalTextareaWithLayout extends React.Component<Internal
     static __KONTUR_REACT_UI__: string;
     private wrappedComponentRef;
     private theme;
+    private styles;
+    private inputStyles;
+    private textareaStyles;
+    private emotion;
+    private cx;
     private getProps;
     componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>): void;
     private getClearCrossShowed;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles/InternalTextareaWithLayout.styles.js

@@ -1,8 +1,11 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  contentWrapper: function contentWrapper() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: flex-start;\n    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    contentWrapper: function contentWrapper() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: flex-start;\n    "])));
+    }
+  };
 });

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles/InternalTextareaWithLayout.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","contentWrapper","_templateObject","_taggedTemplateLiteralLoose"],"sources":["InternalTextareaWithLayout.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  contentWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n});\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","contentWrapper","_templateObject","_taggedTemplateLiteralLoose"],"sources":["InternalTextareaWithLayout.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  contentWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,cAAc,WAAAA,eAAA,EAAG;MACf,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     contentWrapper(): string;
-};
+}>;

package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { styles } from "../MaskCharLowLine.styles";
+import { useStyles } from "../../../lib/renderEnvironment";
+import { getStyles } from "../MaskCharLowLine.styles";
 
 /**
  * FIGURE SPACE
@@ -10,6 +11,7 @@ import { styles } from "../MaskCharLowLine.styles";
  */
 export var MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);
 export var MaskCharLowLine = function MaskCharLowLine() {
+  var styles = useStyles(getStyles);
   return /*#__PURE__*/React.createElement("span", {
     className: styles.root()
   }, MASK_CHAR_EXEMPLAR);

package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","styles","MASK_CHAR_EXEMPLAR","String","fromCharCode","MaskCharLowLine","createElement","className","root"],"sources":["MaskCharLowLine.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styles } from './MaskCharLowLine.styles';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => <span className={styles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,0BAA0B;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAGC,MAAM,CAACC,YAAY,CAAC,MAAM,CAAC;;AAE7D,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,uBAASL,KAAA,CAAAM,aAAA,WAAMC,SAAS,EAAEN,MAAM,CAACO,IAAI,CAAC,CAAE,IAAEN,kBAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useStyles","getStyles","MASK_CHAR_EXEMPLAR","String","fromCharCode","MaskCharLowLine","styles","createElement","className","root"],"sources":["MaskCharLowLine.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './MaskCharLowLine.styles';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => {\n  const styles = useStyles(getStyles);\n  return <span className={styles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,6BAA6B;;AAEvD,SAASC,SAAS,QAAQ,0BAA0B;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAGC,MAAM,CAACC,YAAY,CAAC,MAAM,CAAC;;AAE7D,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACnC,IAAMC,MAAM,GAAGN,SAAS,CAACC,SAAS,CAAC;EACnC,oBAAOF,KAAA,CAAAQ,aAAA,WAAMC,SAAS,EAAEF,MAAM,CAACG,IAAI,CAAC,CAAE,IAAEP,kBAAyB,CAAC;AACpE,CAAC","ignoreList":[]}

package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js

@@ -1,8 +1,11 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
+    }
+  };
 });

package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose"],"sources":["MaskCharLowLine.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n});\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;;;EAaZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose"],"sources":["MaskCharLowLine.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;;;IAaZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
-};
+}>;

package/internal/Menu/Menu/Menu.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Menu;
 import React from 'react';
-import { globalObject, isBrowser } from '@skbkontur/global-object';
+import { isBrowser } from "../../../lib/globalObject";
 import { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from "../../../lib/events/keyboard/identifiers";
 import { MenuSeparator } from "../../../components/MenuSeparator";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
@@ -12,19 +12,18 @@ import { isNonNullable } 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 { isIE11 } from "../../../lib/client";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { CommonWrapper } from "../../CommonWrapper";
-import { styles } from "../Menu.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../Menu.styles";
 import { MenuNavigation } from "../MenuNavigation";
 import { MenuContext } from "../MenuContext";
 export var MenuDataTids = {
   root: 'Menu__root'
 };
-export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE__*/function (_React$PureComponent) {
+export var Menu = withRenderEnvironment(_class = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE__*/function (_React$PureComponent) {
   function Menu() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -33,7 +32,6 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(Menu.defaultProps);
     _this.state = {
-      highlightedIndex: -1,
       maxHeight: _this.getProps().maxHeight || 'none',
       scrollState: 'top',
       enableIconPadding: false
@@ -43,43 +41,43 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
     _this.menuNavigation = new MenuNavigation(_this.contentRef, MenuItemDataTids.content);
     _this.focusOnRootElement = function () {
       var rootNode = getRootNode(_this);
-      if (isInstanceOf(rootNode, globalObject.HTMLElement)) {
+      if (isInstanceOf(rootNode, _this.globalObject.HTMLElement)) {
         rootNode == null || rootNode.focus();
       }
     };
     _this.renderHeader = function () {
-      var _cx;
+      var _this$cx;
       return /*#__PURE__*/(
         React.createElement("div", {
-          className: cx((_cx = {}, _cx[styles.wrapper()] = true, _cx[styles.headerWrapper()] = true, _cx)),
+          className: _this.cx((_this$cx = {}, _this$cx[_this.styles.wrapper()] = true, _this$cx[_this.styles.headerWrapper()] = true, _this$cx)),
           ref: function ref(el) {
             return _this.header = el;
           }
         }, /*#__PURE__*/
 
         React.createElement("div", {
-          className: styles.contentWrapper()
+          className: _this.styles.contentWrapper()
         }, _this.props.header), /*#__PURE__*/
         React.createElement("div", {
-          className: styles.menuSeparatorWrapper(_this.theme)
+          className: _this.styles.menuSeparatorWrapper(_this.theme)
         }, _this.state.scrollState !== 'top' && _this.renderMenuSeparatorWithNoMargin()))
       );
     };
     _this.renderFooter = function () {
-      var _cx2;
+      var _this$cx2;
       return /*#__PURE__*/(
         React.createElement("div", {
-          className: cx((_cx2 = {}, _cx2[styles.wrapper()] = true, _cx2[styles.footerWrapper()] = true, _cx2)),
+          className: _this.cx((_this$cx2 = {}, _this$cx2[_this.styles.wrapper()] = true, _this$cx2[_this.styles.footerWrapper()] = true, _this$cx2)),
           ref: function ref(el) {
             return _this.footer = el;
           }
         }, /*#__PURE__*/
 
         React.createElement("div", {
-          className: styles.menuSeparatorWrapper(_this.theme)
+          className: _this.styles.menuSeparatorWrapper(_this.theme)
         }, _this.state.scrollState !== 'bottom' && _this.renderMenuSeparatorWithNoMargin()), /*#__PURE__*/
         React.createElement("div", {
-          className: styles.contentWrapper()
+          className: _this.styles.contentWrapper()
         }, _this.props.footer))
       );
     };
@@ -114,8 +112,8 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
       var maxHeight = _this.getProps().maxHeight;
       var parsedMaxHeight = maxHeight;
       var rootNode = getRootNode(_this);
-      if (typeof maxHeight === 'string' && isBrowser(globalObject) && rootNode) {
-        var rootElementMaxHeight = globalObject.getComputedStyle == null ? void 0 : globalObject.getComputedStyle(rootNode).maxHeight;
+      if (typeof maxHeight === 'string' && isBrowser(_this.globalObject) && rootNode) {
+        var rootElementMaxHeight = _this.globalObject.getComputedStyle == null ? void 0 : _this.globalObject.getComputedStyle(rootNode).maxHeight;
         if (rootElementMaxHeight) {
           parsedMaxHeight = parseFloat(rootElementMaxHeight);
         }
@@ -133,7 +131,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
       if (_this.scrollContainer && highlightedItem) {
         var _rootNode = getRootNode(highlightedItem);
         // TODO: Remove this check once IF-647 is resolved
-        if (isInstanceOf(_rootNode, globalObject.HTMLElement)) {
+        if (isInstanceOf(_rootNode, _this.globalObject.HTMLElement)) {
           _this.scrollContainer.scrollTo(_rootNode);
         }
       }
@@ -229,6 +227,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
   };
   _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();
@@ -265,7 +264,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
     this.menuNavigation.highlightByIndex(index);
   };
   _proto.renderMain = function renderMain() {
-    var _cx3, _cx4;
+    var _this$cx3, _this$cx4;
     if (this.isEmpty()) {
       return null;
     }
@@ -283,7 +282,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement("div", {
       "data-tid": MenuDataTids.root,
-      className: cx(getAlignRightClass(this.props), (_cx3 = {}, _cx3[styles.root(this.theme)] = true, _cx3[styles.hasMargin(this.theme)] = hasMargin, _cx3[styles.mobileRoot(this.theme)] = isMobile, _cx3[styles.shadow(this.theme)] = !isMobile, _cx3)),
+      className: this.cx(getAlignRightClass(this.props, this.cx, this.styles), (_this$cx3 = {}, _this$cx3[this.styles.root(this.theme)] = true, _this$cx3[this.styles.hasMargin(this.theme)] = hasMargin, _this$cx3[this.styles.mobileRoot(this.theme)] = isMobile, _this$cx3[this.styles.shadow(this.theme)] = !isMobile, _this$cx3)),
       style: this.getStyle(this.props),
       id: this.props.id,
       onKeyDown: this.handleKeyDown,
@@ -292,11 +291,11 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
       ref: this.refScrollContainer,
       maxHeight: maxHeight,
       preventWindowScroll: preventWindowScroll,
-      onScrollStateChange: this.handleScrollStateChange,
+      onScrollStateChangeY: this.handleScrollStateChange,
       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.cx((_this$cx4 = {}, _this$cx4[this.styles.scrollContainer(this.theme)] = true, _this$cx4[this.styles.scrollContainerMobile(this.theme)] = isMobile, _this$cx4)),
       ref: this.contentRef
     }, /*#__PURE__*/React.createElement(MenuContext.Provider, {
       value: {
@@ -328,7 +327,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
   preventWindowScroll: true,
   cyclicSelection: true,
   initialSelectedItemIndex: -1
-}, _Menu)) || _class) || _class;
+}, _Menu)) || _class) || _class) || _class;
 function childrenToArray(children) {
   var ret = []; // Use forEach instead of map to avoid cloning for key unifying.
   React.Children.forEach(children, function (child) {
@@ -336,10 +335,9 @@ function childrenToArray(children) {
   });
   return ret;
 }
-var getAlignRightClass = function getAlignRightClass(props) {
+var getAlignRightClass = function getAlignRightClass(props, cx, styles) {
   if (props.align === 'right') {
-    var _cx5;
-    return cx((_cx5 = {}, _cx5[styles.alignRight()] = !isIE11, _cx5[styles.alignRightIE11()] = isIE11, _cx5[styles.alignRightIE11FixAutoWidth()] = isIE11 && props.width === 'auto', _cx5));
+    return cx(styles.alignRight());
   }
   return null;
 };