@skbkontur/react-ui 0.0.0-30619a873c → 0.0.0-32550fb571

package/internal/InputLikeText/InputLikeText/InputLikeText.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby"];
+var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby", "aria-label", "aria-labelledby", "showClearIcon", "onClearCrossClick"];
 var _class, _InputLikeText;
 import React from 'react';
 import ReactDOM from 'react-dom';
@@ -12,6 +12,7 @@ import { isKeyTab, isShortcutPaste } from "../../../lib/events/keyboard/identifi
 import { MouseDrag } from "../../../lib/events/MouseDrag";
 import { isEdge, isIE11, isMobile } from "../../../lib/client";
 import { removeAllSelections, selectNodeContents } from "../../../lib/dom/selectionHelpers";
+import { calculateClearCrossShowedState, InputDataTids } from "../../../components/Input";
 import { styles as jsInputStyles } from "../../../components/Input/Input.styles";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../CommonWrapper";
@@ -23,6 +24,7 @@ import { InputLayoutAside } from "../../../components/Input/InputLayout/InputLay
 import { InputLayoutContext, InputLayoutContextDefault } from "../../../components/Input/InputLayout/InputLayoutContext";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { FocusControlWrapper } from "../../FocusControlWrapper";
+import { ClearCrossIcon } from "../../ClearCrossIcon/ClearCrossIcon";
 import { HiddenInput } from "../HiddenInput";
 import { styles } from "../InputLikeText.styles";
 export var InputLikeTextDataTids = {
@@ -38,9 +40,25 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(InputLikeText.defaultProps);
+    _this.getClearCrossShowed = function (_ref) {
+      var focused = _ref.focused,
+        hovered = _ref.hovered;
+      if (_this.props.disabled) {
+        return false;
+      }
+      return calculateClearCrossShowedState({
+        showClearIcon: _this.getProps().showClearIcon,
+        notEmptyValue: Boolean(_this.props.children),
+        focused: focused,
+        hovered: hovered
+      });
+    };
     _this.state = {
       blinking: false,
-      focused: false
+      focused: false,
+      clearCrossShowed: _this.getClearCrossShowed({
+        focused: false
+      })
     };
     _this.node = null;
     _this.hiddenInput = null;
@@ -98,17 +116,32 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
         onMouseDragEnd = props.onMouseDragEnd,
         takeContentWidth = props.takeContentWidth,
         ariaDescribedby = props['aria-describedby'],
+        ariaLabel = props['aria-label'],
+        ariaLabelledby = props['aria-labelledby'],
+        showClearIcon = props.showClearIcon,
+        onClearCrossClick = props.onClearCrossClick,
         rest = _objectWithoutPropertiesLoose(props, _excluded);
       var _this$state = _this.state,
         focused = _this$state.focused,
         blinking = _this$state.blinking;
+      var getRightIcon = function getRightIcon() {
+        return _this.state.clearCrossShowed ? /*#__PURE__*/
+        React.createElement(ClearCrossIcon, {
+          "data-tid": InputDataTids.clearCross,
+          size: size,
+          onFocus: function onFocus(event) {
+            return event.stopPropagation();
+          },
+          onClick: onClearCrossClick
+        }) : rightIcon;
+      };
       var leftSide = /*#__PURE__*/React.createElement(InputLayoutAside, {
         icon: leftIcon,
         text: prefix,
         side: "left"
       });
       var rightSide = /*#__PURE__*/React.createElement(InputLayoutAside, {
-        icon: rightIcon,
+        icon: getRightIcon(),
         text: suffix,
         side: "right"
       });
@@ -133,23 +166,29 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
             width: width,
             textAlign: align
           },
-          tabIndex: disabled ? undefined : 0,
+          tabIndex: disabled ? -1 : 0,
           onFocus: _this.handleFocus,
+          onMouseEnter: _this.handleHover,
+          onMouseLeave: _this.handleUnhover,
           onBlur: _this.handleBlur,
           ref: _this.innerRef,
           onKeyDown: _this.handleKeyDown,
-          onMouseDown: _this.handleMouseDown
+          onMouseDown: _this.handleMouseDown,
+          role: "textbox",
+          "aria-disabled": disabled,
+          "aria-describedby": ariaDescribedby,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby
         }), /*#__PURE__*/
 
         React.createElement(InputLayoutContext.Provider, {
           value: context
         }, /*#__PURE__*/
         React.createElement("input", {
-          "data-tid": InputLikeTextDataTids.nativeInput,
           type: "hidden",
+          "data-tid": InputLikeTextDataTids.nativeInput,
           value: value,
-          disabled: disabled,
-          "aria-describedby": ariaDescribedby
+          disabled: disabled
         }), leftSide, /*#__PURE__*/
         React.createElement("span", {
           className: wrapperClass
@@ -304,6 +343,22 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       });
       _this.props.onBlur == null || _this.props.onBlur(e);
     };
+    _this.handleHover = function () {
+      _this.setState({
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: _this.state.focused,
+          hovered: true
+        })
+      });
+    };
+    _this.handleUnhover = function () {
+      _this.setState({
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: _this.state.focused,
+          hovered: false
+        })
+      });
+    };
     _this.hiddenInputRef = function (el) {
       _this.hiddenInput = el;
     };
@@ -395,5 +450,6 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
   };
   return InputLikeText;
 }(React.Component), _InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText', _InputLikeText.displayName = 'InputLikeText', _InputLikeText.defaultProps = {
-  size: 'small'
+  size: 'small',
+  showClearIcon: 'never'
 }, _InputLikeText)) || _class;

package/internal/InputLikeText/InputLikeText/InputLikeText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","debounce","globalObject","isNonNullable","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","isMobile","removeAllSelections","selectNodeContents","styles","jsInputStyles","ThemeContext","CommonWrapper","cx","findRenderContainer","rootNode","createPropsGetter","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","isInstanceOf","FocusControlWrapper","HiddenInput","InputLikeTextDataTids","root","input","nativeInput","InputLikeText","_class","_InputLikeText","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","blinking","focused","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","selectNodeContentsDebounced","selectInnerNode","start","end","document","body","focusTimeout","clearInterval","setTimeout","focus","renderMain","props","_cx","_cx2","_cx3","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","disabled","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","takeContentWidth","ariaDescribedby","rest","_objectWithoutPropertiesLoose","_excluded","_this$state","leftSide","createElement","icon","text","side","rightSide","className","theme","getSizeClassName","hovering","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","wrapperClass","wrapper","userSelectContain","context","Object","assign","onBlurWhenDisabled","resetFocus","_extends","style","textAlign","undefined","onFocus","handleFocus","onBlur","handleBlur","ref","onKeyDown","handleKeyDown","onMouseDown","handleMouseDown","Provider","type","absolute","inputFocus","inputDisabled","children","renderPlaceholder","nodeRef","hiddenInputRef","_this$props","hasValue","_cx4","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","_this2","handleMouseDragStart","_globalObject$documen","documentElement","classList","add","userSelectNone","handleMouseDragEnd","_globalObject$documen2","remove","_this$node","setAttribute","version","search","flushSync","setState","cancel","_this$node2","removeAttribute","_this$node3","stopPropagation","el","_cx5","_cx6","_cx7","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","_inheritsLoose","_proto","prototype","blur","_this3","blinkTimeout","getNode","componentDidMount","_globalObject$documen3","_globalObject$documen4","listen","addEventListener","componentWillUnmount","_globalObject$documen5","_globalObject$documen6","clearTimeout","stop","removeEventListener","render","_this4","Consumer","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["InputLikeText.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\nimport { MouseDrag, MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { isEdge, isIE11, isMobile } from '../../lib/client';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers';\nimport { InputProps, InputState } from '../../components/Input';\nimport { styles as jsInputStyles } from '../../components/Input/Input.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { findRenderContainer } from '../../lib/listenFocusOutside';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault } from '../../components/Input/InputLayout/InputLayoutContext';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { FocusControlWrapper } from '../FocusControlWrapper';\n\nimport { HiddenInput } from './HiddenInput';\nimport { styles } from './InputLikeText.styles';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;\n\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = { size: 'small' };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\n\n  public state = { blinking: false, focused: false };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private hiddenInput: HTMLInputElement | null = null;\n  private lastSelectedInnerNode: [HTMLElement, number, number] | null = null;\n  private frozen = false;\n  private frozenBlur = false;\n  private dragging = false;\n  private focusTimeout: SafeTimer;\n  private blinkTimeout: SafeTimer;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = globalObject.setTimeout(() => this.setState({ blinking: false }), 150);\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n    if (isIE11 && globalObject.document && findRenderContainer(node, globalObject.document.body)) {\n      // Code below causes Popup to close after triggering the focus event on the body in IE11\n      return;\n    }\n    this.frozen = true;\n    this.frozenBlur = true;\n\n    this.lastSelectedInnerNode = [node, start, end];\n    this.selectNodeContentsDebounced(node, start, end);\n\n    if (this.focusTimeout) {\n      globalObject.clearInterval(this.focusTimeout);\n    }\n    this.focusTimeout = globalObject.setTimeout(() => (isIE11 || isEdge) && this.node && this.node.focus(), 0);\n  };\n\n  public componentDidMount() {\n    if (this.node) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n    globalObject.document?.addEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n    }\n    MouseDrag.stop(this.node);\n    globalObject.document?.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      size,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      ...rest\n    } = props;\n\n    const { focused, blinking } = this.state;\n\n    const leftSide = <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />;\n    const rightSide = <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />;\n\n    const className = cx(styles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [jsInputStyles.disabled(this.theme)]: !!disabled,\n      [jsInputStyles.borderless()]: !!borderless,\n      [jsInputStyles.focus(this.theme)]: focused,\n      [jsInputStyles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n      [jsInputStyles.blink(this.theme)]: blinking,\n      [jsInputStyles.warning(this.theme)]: !!warning,\n      [jsInputStyles.error(this.theme)]: !!error,\n      [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n      [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\n      [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\n      [jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = cx(jsInputStyles.wrapper(), {\n      [styles.userSelectContain()]: focused,\n    });\n\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? undefined : 0}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          onMouseDown={this.handleMouseDown}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input\n              data-tid={InputLikeTextDataTids.nativeInput}\n              type=\"hidden\"\n              value={value}\n              disabled={disabled}\n              aria-describedby={ariaDescribedby}\n            />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={cx(jsInputStyles.input(this.theme), {\n                  [styles.absolute()]: !takeContentWidth,\n                  [jsInputStyles.inputFocus(this.theme)]: focused,\n                  [jsInputStyles.inputDisabled(this.theme)]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n            {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={cx(jsInputStyles.placeholder(this.theme), {\n            [jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleDocumentMouseDown = (e: MouseEvent) => {\n    if (this.state.focused && this.node && isInstanceOf(e.target, globalObject.Node) && !this.node.contains(e.target)) {\n      this.defrost();\n    }\n  };\n\n  private handleDocumentKeyDown = (e: KeyboardEvent) => {\n    if (this.state.focused && isKeyTab(e)) {\n      this.defrost();\n    }\n  };\n\n  private handleMouseDown = () => {\n    this.frozen = true;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\n      this.frozen = true;\n      globalObject.setTimeout(() => {\n        if (this.lastSelectedInnerNode) {\n          this.selectInnerNode(...this.lastSelectedInnerNode);\n        }\n        if (this.node) {\n          this.node.focus();\n        }\n      }, 0);\n\n      this.hiddenInput.focus();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    globalObject.document?.documentElement.classList.add(styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    globalObject.setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    globalObject.document?.documentElement.classList.remove(styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      if (isIE11 && globalObject.document) {\n        selectNodeContents(globalObject.document.body, 0, 0);\n      }\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozen) {\n      this.frozen = false;\n      if (this.state.focused) {\n        return;\n      }\n    }\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n    }\n    removeAllSelections();\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n      return;\n    }\n    if ((isIE11 || isEdge) && this.frozen) {\n      return;\n    }\n\n    removeAllSelections();\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private hiddenInputRef = (el: HTMLInputElement | null) => {\n    this.hiddenInput = el;\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private defrost = (): void => {\n    this.frozen = false;\n    this.frozenBlur = false;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [jsInputStyles.sizeLarge(this.theme)]: true,\n          [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [jsInputStyles.sizeMedium(this.theme)]: true,\n          [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [jsInputStyles.sizeSmall(this.theme)]: true,\n          [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","debounce","globalObject","isNonNullable","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","isMobile","removeAllSelections","selectNodeContents","calculateClearCrossShowedState","InputDataTids","styles","jsInputStyles","ThemeContext","CommonWrapper","cx","findRenderContainer","rootNode","createPropsGetter","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","isInstanceOf","FocusControlWrapper","ClearCrossIcon","HiddenInput","InputLikeTextDataTids","root","input","nativeInput","InputLikeText","_class","_InputLikeText","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","children","state","blinking","clearCrossShowed","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","selectNodeContentsDebounced","selectInnerNode","start","end","document","body","focusTimeout","clearInterval","setTimeout","focus","renderMain","_cx","_cx2","_cx3","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","takeContentWidth","ariaDescribedby","ariaLabel","ariaLabelledby","onClearCrossClick","rest","_objectWithoutPropertiesLoose","_excluded","_this$state","getRightIcon","createElement","clearCross","onFocus","event","stopPropagation","onClick","leftSide","icon","text","side","rightSide","className","theme","getSizeClassName","hovering","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","wrapperClass","wrapper","userSelectContain","context","Object","assign","onBlurWhenDisabled","resetFocus","_extends","style","textAlign","handleFocus","onMouseEnter","handleHover","onMouseLeave","handleUnhover","onBlur","handleBlur","ref","onKeyDown","handleKeyDown","onMouseDown","handleMouseDown","role","Provider","type","absolute","inputFocus","inputDisabled","renderPlaceholder","nodeRef","hiddenInputRef","_this$props","hasValue","_cx4","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","_this2","handleMouseDragStart","_globalObject$documen","documentElement","classList","add","userSelectNone","handleMouseDragEnd","_globalObject$documen2","remove","_this$node","setAttribute","version","search","flushSync","setState","cancel","_this$node2","removeAttribute","_this$node3","el","_cx5","_cx6","_cx7","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","_inheritsLoose","_proto","prototype","blur","_this3","blinkTimeout","getNode","componentDidMount","_globalObject$documen3","_globalObject$documen4","listen","addEventListener","componentWillUnmount","_globalObject$documen5","_globalObject$documen6","clearTimeout","stop","removeEventListener","render","_this4","Consumer","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["InputLikeText.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\nimport { MouseDrag, MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { isEdge, isIE11, isMobile } from '../../lib/client';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers';\nimport { calculateClearCrossShowedState, InputDataTids, InputProps, InputState } from '../../components/Input';\nimport { styles as jsInputStyles } from '../../components/Input/Input.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { findRenderContainer } from '../../lib/listenFocusOutside';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault } from '../../components/Input/InputLayout/InputLayoutContext';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { FocusControlWrapper } from '../FocusControlWrapper';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\n\nimport { HiddenInput } from './HiddenInput';\nimport { styles } from './InputLikeText.styles';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n  onClearCrossClick?: () => void;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'size' | 'showClearIcon'>>;\n\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\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,\n      notEmptyValue: Boolean(this.props.children),\n      focused,\n      hovered,\n    });\n  };\n\n  public state = {\n    blinking: false,\n    focused: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n    }),\n  };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private hiddenInput: HTMLInputElement | null = null;\n  private lastSelectedInnerNode: [HTMLElement, number, number] | null = null;\n  private frozen = false;\n  private frozenBlur = false;\n  private dragging = false;\n  private focusTimeout: SafeTimer;\n  private blinkTimeout: SafeTimer;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = globalObject.setTimeout(() => this.setState({ blinking: false }), 150);\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n    if (isIE11 && globalObject.document && findRenderContainer(node, globalObject.document.body)) {\n      // Code below causes Popup to close after triggering the focus event on the body in IE11\n      return;\n    }\n    this.frozen = true;\n    this.frozenBlur = true;\n\n    this.lastSelectedInnerNode = [node, start, end];\n    this.selectNodeContentsDebounced(node, start, end);\n\n    if (this.focusTimeout) {\n      globalObject.clearInterval(this.focusTimeout);\n    }\n    this.focusTimeout = globalObject.setTimeout(() => (isIE11 || isEdge) && this.node && this.node.focus(), 0);\n  };\n\n  public componentDidMount() {\n    if (this.node) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n    globalObject.document?.addEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n    }\n    MouseDrag.stop(this.node);\n    globalObject.document?.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      size,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      showClearIcon,\n      onClearCrossClick,\n      ...rest\n    } = props;\n\n    const { focused, blinking } = this.state;\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon\n          data-tid={InputDataTids.clearCross}\n          size={size}\n          onFocus={(event) => event.stopPropagation()}\n          onClick={onClearCrossClick}\n        />\n      ) : (\n        rightIcon\n      );\n    };\n    const leftSide = <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />;\n    const rightSide = <InputLayoutAside icon={getRightIcon()} text={suffix} side=\"right\" />;\n\n    const className = cx(styles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [jsInputStyles.disabled(this.theme)]: !!disabled,\n      [jsInputStyles.borderless()]: !!borderless,\n      [jsInputStyles.focus(this.theme)]: focused,\n      [jsInputStyles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n      [jsInputStyles.blink(this.theme)]: blinking,\n      [jsInputStyles.warning(this.theme)]: !!warning,\n      [jsInputStyles.error(this.theme)]: !!error,\n      [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n      [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\n      [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\n      [jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = cx(jsInputStyles.wrapper(), {\n      [styles.userSelectContain()]: focused,\n    });\n\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={this.handleFocus}\n          onMouseEnter={this.handleHover}\n          onMouseLeave={this.handleUnhover}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          onMouseDown={this.handleMouseDown}\n          role=\"textbox\"\n          aria-disabled={disabled}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input type=\"hidden\" data-tid={InputLikeTextDataTids.nativeInput} value={value} disabled={disabled} />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={cx(jsInputStyles.input(this.theme), {\n                  [styles.absolute()]: !takeContentWidth,\n                  [jsInputStyles.inputFocus(this.theme)]: focused,\n                  [jsInputStyles.inputDisabled(this.theme)]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n            {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={cx(jsInputStyles.placeholder(this.theme), {\n            [jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleDocumentMouseDown = (e: MouseEvent) => {\n    if (this.state.focused && this.node && isInstanceOf(e.target, globalObject.Node) && !this.node.contains(e.target)) {\n      this.defrost();\n    }\n  };\n\n  private handleDocumentKeyDown = (e: KeyboardEvent) => {\n    if (this.state.focused && isKeyTab(e)) {\n      this.defrost();\n    }\n  };\n\n  private handleMouseDown = () => {\n    this.frozen = true;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\n      this.frozen = true;\n      globalObject.setTimeout(() => {\n        if (this.lastSelectedInnerNode) {\n          this.selectInnerNode(...this.lastSelectedInnerNode);\n        }\n        if (this.node) {\n          this.node.focus();\n        }\n      }, 0);\n\n      this.hiddenInput.focus();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    globalObject.document?.documentElement.classList.add(styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    globalObject.setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    globalObject.document?.documentElement.classList.remove(styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      if (isIE11 && globalObject.document) {\n        selectNodeContents(globalObject.document.body, 0, 0);\n      }\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozen) {\n      this.frozen = false;\n      if (this.state.focused) {\n        return;\n      }\n    }\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n    }\n    removeAllSelections();\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n      return;\n    }\n    if ((isIE11 || isEdge) && this.frozen) {\n      return;\n    }\n\n    removeAllSelections();\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private handleHover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleUnhover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private hiddenInputRef = (el: HTMLInputElement | null) => {\n    this.hiddenInput = el;\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private defrost = (): void => {\n    this.frozen = false;\n    this.frozenBlur = false;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [jsInputStyles.sizeLarge(this.theme)]: true,\n          [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [jsInputStyles.sizeMedium(this.theme)]: true,\n          [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [jsInputStyles.sizeSmall(this.theme)]: true,\n          [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/InputLikeText/InputLikeText.d.ts

@@ -10,22 +10,25 @@ export interface InputLikeTextProps extends CommonProps, InputProps {
     onMouseDragStart?: MouseDragEventHandler;
     onMouseDragEnd?: MouseDragEventHandler;
     takeContentWidth?: boolean;
+    onClearCrossClick?: () => void;
 }
-export type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;
+export type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;
 export declare const InputLikeTextDataTids: {
     readonly root: "InputLikeText__root";
     readonly input: "InputLikeText__input";
     readonly nativeInput: "InputLikeText__nativeInput";
 };
-type DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;
+type DefaultProps = Required<Pick<InputLikeTextProps, 'size' | 'showClearIcon'>>;
 export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
+    private getClearCrossShowed;
     state: {
         blinking: boolean;
         focused: boolean;
+        clearCrossShowed: boolean;
     };
     private theme;
     private node;
@@ -66,6 +69,8 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private handleFocus;
     private resetFocus;
     private handleBlur;
+    private handleHover;
+    private handleUnhover;
     private hiddenInputRef;
     private innerRef;
     private defrost;

package/internal/Menu/Menu/Menu.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Menu;
 import React from 'react';
@@ -16,6 +17,7 @@ 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 { MenuNavigation } from "../MenuNavigation";
 import { MenuContext } from "../MenuContext";
@@ -277,13 +279,14 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
       bottom: "" + this.theme.scrollContainerScrollBarOffsetY
     };
     var isMobile = this.isMobileLayout;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      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)),
       style: this.getStyle(this.props),
       id: this.props.id,
       onKeyDown: this.handleKeyDown,
-      ref: this.setRootNode,
       tabIndex: 0
     }, this.props.header && this.renderHeader(), /*#__PURE__*/React.createElement(ScrollContainer, {
       ref: this.refScrollContainer,
@@ -302,7 +305,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
         enableIconPadding: this.state.enableIconPadding,
         setEnableIconPadding: this.setEnableIconPadding
       }
-    }, this.props.children))), this.props.footer && this.renderFooter());
+    }, this.props.children))), this.props.footer && this.renderFooter()));
   };
   _proto.move = function move(step) {
     if (this.unmounted) {

package/internal/Menu/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","isBrowser","isKeyArrowDown","isKeyArrowUp","isKeyEnter","MenuSeparator","ThemeFactory","getDOMRect","responsiveLayout","isNonNullable","ScrollContainer","MenuItemDataTids","ThemeContext","cx","getRootNode","rootNode","isIE11","createPropsGetter","isInstanceOf","styles","MenuNavigation","MenuContext","MenuDataTids","root","Menu","_class","_Menu","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","highlightedIndex","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","createRef","menuNavigation","content","focusOnRootElement","HTMLElement","focus","renderHeader","_cx","createElement","className","wrapper","headerWrapper","ref","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","_cx2","footerWrapper","footer","Provider","value","create","menuSeparatorMarginY","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","_this$props","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","Children","count","calculateMaxHeight","parsedMaxHeight","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","handleKeyDown","event","onKeyDown","defaultPrevented","preventDefault","up","select","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","isIconPaddingEnabled","preventIconsOffset","_inheritsLoose","_proto","prototype","componentWillUnmount","componentDidMount","componentDidUpdate","render","_this2","Consumer","renderMain","move","enter","_this$menuNavigation$","navigate","reset","hasHighlightedItem","highlightItem","index","highlightByIndex","_cx3","_cx4","isEmpty","_this$getProps","hasMargin","preventWindowScroll","offsetY","top","scrollContainerScrollBarOffsetY","right","bottom","isMobile","isMobileLayout","getAlignRightClass","mobileRoot","shadow","style","id","setRootNode","tabIndex","onScrollStateChange","disabled","disableScrollContainer","scrollContainerMobile","navigation","onItemClick","step","cyclicSelection","childrenToArray","filter","PureComponent","__KONTUR_REACT_UI__","displayName","ret","forEach","child","push","_cx5","alignRight","alignRightIE11","alignRightIE11FixAutoWidth"],"sources":["Menu.tsx"],"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 } from '../../lib/utils';\nimport { ScrollContainer, ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { MenuItem, MenuItemDataTids } 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 { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { styles } from './Menu.styles';\nimport { MenuNavigation } from './MenuNavigation';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  children: React.ReactNode;\n  hasMargin?: 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    | 'hasMargin'\n    | 'maxHeight'\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    hasMargin: 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 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\n  public componentWillUnmount() {\n    this.unmounted = true;\n  }\n\n  public componentDidMount() {\n    this.setInitialSelection();\n    this.calculateMaxHeight();\n    this.unmounted = false;\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      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.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    this.menuNavigation.highlightedItem?.navigate();\n    return this.menuNavigation.select(event);\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.menuNavigation.reset();\n  }\n\n  /**\n   * @public\n   */\n  public hasHighlightedItem() {\n    return !!this.menuNavigation.highlightedItem;\n  }\n\n  public highlightItem(index: number) {\n    this.menuNavigation.highlightByIndex(index);\n  }\n\n  private renderMain() {\n    if (this.isEmpty()) {\n      return null;\n    }\n    const { hasMargin, maxHeight, preventWindowScroll } = this.getProps();\n\n    const offsetY = {\n      top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n      right: 0,\n      bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\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.hasMargin(this.theme)]: hasMargin,\n          [styles.mobileRoot(this.theme)]: isMobile,\n          [styles.shadow(this.theme)]: !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.props.children}\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 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 scrollToSelected = () => {\n    const highlightedItem = this.menuNavigation.highlightedItem;\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 move(step: number) {\n    if (this.unmounted) {\n      // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n      return;\n    }\n    const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n    this.scroll(nextIndex);\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      this.menuNavigation.select(event);\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","isBrowser","isKeyArrowDown","isKeyArrowUp","isKeyEnter","MenuSeparator","ThemeFactory","getDOMRect","responsiveLayout","isNonNullable","ScrollContainer","MenuItemDataTids","ThemeContext","cx","getRootNode","rootNode","isIE11","createPropsGetter","isInstanceOf","CommonWrapper","styles","MenuNavigation","MenuContext","MenuDataTids","root","Menu","_class","_Menu","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","highlightedIndex","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","createRef","menuNavigation","content","focusOnRootElement","HTMLElement","focus","renderHeader","_cx","createElement","className","wrapper","headerWrapper","ref","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","_cx2","footerWrapper","footer","Provider","value","create","menuSeparatorMarginY","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","_this$props","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","Children","count","calculateMaxHeight","parsedMaxHeight","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","handleKeyDown","event","onKeyDown","defaultPrevented","preventDefault","up","select","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","isIconPaddingEnabled","preventIconsOffset","_inheritsLoose","_proto","prototype","componentWillUnmount","componentDidMount","componentDidUpdate","render","_this2","Consumer","renderMain","move","enter","_this$menuNavigation$","navigate","reset","hasHighlightedItem","highlightItem","index","highlightByIndex","_cx3","_cx4","isEmpty","_this$getProps","hasMargin","preventWindowScroll","offsetY","top","scrollContainerScrollBarOffsetY","right","bottom","isMobile","isMobileLayout","_extends","rootNodeRef","setRootNode","getAlignRightClass","mobileRoot","shadow","style","id","tabIndex","onScrollStateChange","disabled","disableScrollContainer","scrollContainerMobile","navigation","onItemClick","step","cyclicSelection","childrenToArray","filter","PureComponent","__KONTUR_REACT_UI__","displayName","ret","forEach","child","push","_cx5","alignRight","alignRightIE11","alignRightIE11FixAutoWidth"],"sources":["Menu.tsx"],"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 } from '../../lib/utils';\nimport { ScrollContainer, ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { MenuItem, MenuItemDataTids } 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 { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\n\nimport { styles } from './Menu.styles';\nimport { MenuNavigation } from './MenuNavigation';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuProps extends CommonProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  children: React.ReactNode;\n  hasMargin?: 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    | 'hasMargin'\n    | 'maxHeight'\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    hasMargin: 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 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\n  public componentWillUnmount() {\n    this.unmounted = true;\n  }\n\n  public componentDidMount() {\n    this.setInitialSelection();\n    this.calculateMaxHeight();\n    this.unmounted = false;\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      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.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    this.menuNavigation.highlightedItem?.navigate();\n    return this.menuNavigation.select(event);\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.menuNavigation.reset();\n  }\n\n  /**\n   * @public\n   */\n  public hasHighlightedItem() {\n    return !!this.menuNavigation.highlightedItem;\n  }\n\n  public highlightItem(index: number) {\n    this.menuNavigation.highlightByIndex(index);\n  }\n\n  private renderMain() {\n    if (this.isEmpty()) {\n      return null;\n    }\n    const { hasMargin, maxHeight, preventWindowScroll } = this.getProps();\n\n    const offsetY = {\n      top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n      right: 0,\n      bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\n    };\n\n    const isMobile = this.isMobileLayout;\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={MenuDataTids.root}\n          className={cx(getAlignRightClass(this.props), {\n            [styles.root(this.theme)]: true,\n            [styles.hasMargin(this.theme)]: hasMargin,\n            [styles.mobileRoot(this.theme)]: isMobile,\n            [styles.shadow(this.theme)]: !isMobile,\n          })}\n          style={this.getStyle(this.props)}\n          id={this.props.id}\n          onKeyDown={this.handleKeyDown}\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.props.children}\n              </MenuContext.Provider>\n            </div>\n          </ScrollContainer>\n          {this.props.footer && this.renderFooter()}\n        </div>\n      </CommonWrapper>\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 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 scrollToSelected = () => {\n    const highlightedItem = this.menuNavigation.highlightedItem;\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 move(step: number) {\n    if (this.unmounted) {\n      // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n      return;\n    }\n    const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n    this.scroll(nextIndex);\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      this.menuNavigation.select(event);\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"],"mappings":"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","ignoreList":[]}

package/internal/Menu/Menu.d.ts

@@ -1,6 +1,7 @@
 import React, { HTMLAttributes } from 'react';
 import { ScrollContainerScrollState } from '../../components/ScrollContainer';
-export interface MenuProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
+import { CommonProps } from '../CommonWrapper';
+export interface MenuProps extends CommonProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     children: React.ReactNode;
     hasMargin?: boolean;
     /**