@skbkontur/react-ui 3.10.0-fileuploader.2 → 3.11.0-select-right-2

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

@@ -1 +1 @@
-{"version":3,"sources":["InputLikeText.tsx"],"names":["InputLikeText","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","selectInnerNode","start","end","isIE11","document","body","setTimeout","clearInterval","window","isEdge","focus","renderMain","props","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","disabled","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","takeContentWidth","rest","leftSide","renderLeftSide","rightSide","renderRightSide","className","styles","root","jsInputStyles","getSizeClassName","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","isMobile","wrapperClass","wrapper","userSelectContain","textAlign","undefined","handleFocus","handleBlur","handleKeyDown","handleMouseDown","input","absolute","inputFocus","inputDisabled","children","renderPlaceholder","hiddenInputRef","renderLeftIcon","renderIcon","getIconClassname","renderRightIcon","icon","iconNode","Function","useDefaultColor","iconDisabled","renderPrefix","prefixDisabled","renderSuffix","suffixDisabled","sideContainer","rightContainer","hasValue","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","onKeyDown","handleMouseDragStart","documentElement","classList","add","userSelectNone","handleMouseDragEnd","remove","setAttribute","setState","onFocus","removeAttribute","stopPropagation","onBlur","el","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","blur","getNode","componentDidMount","MouseDrag","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\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 { Nullable } from '../../typings/utility-types';\nimport { removeAllSelections, selectNodeContents } from '../../components/DateInput/helpers/SelectionHelpers';\nimport { InputProps, InputIconType, 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';\n\nimport { styles } from './InputLikeText.styles';\nimport { HiddenInput } from './HiddenInput';\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, 'polyfillPlaceholder'>;\n\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n\n  public static defaultProps = { size: 'small' };\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: Nullable<number>;\n  private blinkTimeout: Nullable<number>;\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 = window.setTimeout(() => this.setState({ blinking: false }), 150);\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n    if (isIE11 && findRenderContainer(node, 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    setTimeout(() => selectNodeContents(node, start, end), 0);\n    if (this.focusTimeout) {\n      clearInterval(this.focusTimeout);\n    }\n    this.focusTimeout = window.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    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      clearTimeout(this.blinkTimeout);\n    }\n    MouseDrag.stop(this.node);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\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      ...rest\n    } = props;\n\n    const { focused, blinking } = this.state;\n\n    const leftSide = this.renderLeftSide();\n    const rightSide = this.renderRightSide();\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.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    return (\n      <span\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        <input type=\"hidden\" value={value} />\n        {leftSide}\n        <span className={wrapperClass}>\n          <span\n            data-tid=\"InputLikeText__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      </span>\n    );\n  };\n\n  private getIconClassname(right = false) {\n    switch (this.props.size) {\n      case 'large':\n        return right ? jsInputStyles.rightIconLarge(this.theme) : jsInputStyles.leftIconLarge(this.theme);\n      case 'medium':\n        return right ? jsInputStyles.rightIconMedium(this.theme) : jsInputStyles.leftIconMedium(this.theme);\n      case 'small':\n      default:\n        return right ? jsInputStyles.rightIconSmall(this.theme) : jsInputStyles.leftIconSmall(this.theme);\n    }\n  }\n\n  private renderLeftIcon = () => {\n    return this.renderIcon(this.props.leftIcon, this.getIconClassname());\n  };\n\n  private renderRightIcon = () => {\n    return this.renderIcon(this.props.rightIcon, this.getIconClassname(true));\n  };\n\n  private renderIcon = (icon: InputIconType, className: string): JSX.Element | null => {\n    if (!icon) {\n      return null;\n    }\n\n    const { disabled } = this.props;\n    const iconNode = icon instanceof Function ? icon() : icon;\n\n    return (\n      <span\n        className={cx(jsInputStyles.icon(), className, jsInputStyles.useDefaultColor(this.theme), {\n          [jsInputStyles.iconDisabled()]: disabled,\n        })}\n      >\n        {iconNode}\n      </span>\n    );\n  };\n\n  private renderPrefix = (): JSX.Element | null => {\n    const { prefix, disabled } = this.props;\n\n    if (!prefix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.prefix(this.theme), { [jsInputStyles.prefixDisabled(this.theme)]: disabled })}>\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderSuffix = (): JSX.Element | null => {\n    const { suffix, disabled } = this.props;\n\n    if (!suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.suffix(this.theme), { [jsInputStyles.suffixDisabled(this.theme)]: disabled })}>\n        {suffix}\n      </span>\n    );\n  };\n\n  private renderLeftSide = (): JSX.Element | null => {\n    const leftIcon = this.renderLeftIcon();\n    const prefix = this.renderPrefix();\n\n    if (!leftIcon && !prefix) {\n      return null;\n    }\n\n    return (\n      <span className={jsInputStyles.sideContainer()}>\n        {leftIcon}\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderRightSide = (): JSX.Element | null => {\n    const rightIcon = this.renderRightIcon();\n    const suffix = this.renderSuffix();\n\n    if (!rightIcon && !suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())}>\n        {rightIcon}\n        {suffix}\n      </span>\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 && e.target instanceof 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 = (e: React.MouseEvent<HTMLElement>) => {\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      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    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    setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    document.documentElement.classList.remove(styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      e.target.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      if (isIE11) {\n        selectNodeContents(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    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      e.target.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\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(e);\n    }\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.props.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"]}
+{"version":3,"sources":["InputLikeText.tsx"],"names":["InputLikeText","rootNode","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","setRootNode","selectInnerNode","start","end","isIE11","document","body","setTimeout","clearInterval","window","isEdge","focus","renderMain","props","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","disabled","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","takeContentWidth","rest","leftSide","renderLeftSide","rightSide","renderRightSide","className","styles","root","jsInputStyles","getSizeClassName","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","isMobile","wrapperClass","wrapper","userSelectContain","textAlign","undefined","handleFocus","handleBlur","handleKeyDown","handleMouseDown","input","absolute","inputFocus","inputDisabled","children","renderPlaceholder","hiddenInputRef","renderLeftIcon","renderIcon","getIconClassname","renderRightIcon","icon","iconNode","Function","useDefaultColor","iconDisabled","renderPrefix","prefixDisabled","renderSuffix","suffixDisabled","sideContainer","rightContainer","hasValue","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","onKeyDown","handleMouseDragStart","documentElement","classList","add","userSelectNone","handleMouseDragEnd","remove","setAttribute","setState","onFocus","removeAttribute","stopPropagation","onBlur","el","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","blur","getNode","componentDidMount","MouseDrag","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\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 { Nullable } from '../../typings/utility-types';\nimport { removeAllSelections, selectNodeContents } from '../../components/DateInput/helpers/SelectionHelpers';\nimport { InputProps, InputIconType, 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 { TSetRootNode, rootNode } from '../../lib/rootNode';\n\nimport { styles } from './InputLikeText.styles';\nimport { HiddenInput } from './HiddenInput';\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, 'polyfillPlaceholder'>;\n\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n\n  public static defaultProps = { size: 'small' };\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: Nullable<number>;\n  private blinkTimeout: Nullable<number>;\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 = window.setTimeout(() => this.setState({ blinking: false }), 150);\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n    if (isIE11 && findRenderContainer(node, 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    setTimeout(() => selectNodeContents(node, start, end), 0);\n    if (this.focusTimeout) {\n      clearInterval(this.focusTimeout);\n    }\n    this.focusTimeout = window.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    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      clearTimeout(this.blinkTimeout);\n    }\n    MouseDrag.stop(this.node);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    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.props}>\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      ...rest\n    } = props;\n\n    const { focused, blinking } = this.state;\n\n    const leftSide = this.renderLeftSide();\n    const rightSide = this.renderRightSide();\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.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    return (\n      <span\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        <input type=\"hidden\" value={value} />\n        {leftSide}\n        <span className={wrapperClass}>\n          <span\n            data-tid=\"InputLikeText__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      </span>\n    );\n  };\n\n  private getIconClassname(right = false) {\n    switch (this.props.size) {\n      case 'large':\n        return right ? jsInputStyles.rightIconLarge(this.theme) : jsInputStyles.leftIconLarge(this.theme);\n      case 'medium':\n        return right ? jsInputStyles.rightIconMedium(this.theme) : jsInputStyles.leftIconMedium(this.theme);\n      case 'small':\n      default:\n        return right ? jsInputStyles.rightIconSmall(this.theme) : jsInputStyles.leftIconSmall(this.theme);\n    }\n  }\n\n  private renderLeftIcon = () => {\n    return this.renderIcon(this.props.leftIcon, this.getIconClassname());\n  };\n\n  private renderRightIcon = () => {\n    return this.renderIcon(this.props.rightIcon, this.getIconClassname(true));\n  };\n\n  private renderIcon = (icon: InputIconType, className: string): JSX.Element | null => {\n    if (!icon) {\n      return null;\n    }\n\n    const { disabled } = this.props;\n    const iconNode = icon instanceof Function ? icon() : icon;\n\n    return (\n      <span\n        className={cx(jsInputStyles.icon(), className, jsInputStyles.useDefaultColor(this.theme), {\n          [jsInputStyles.iconDisabled()]: disabled,\n        })}\n      >\n        {iconNode}\n      </span>\n    );\n  };\n\n  private renderPrefix = (): JSX.Element | null => {\n    const { prefix, disabled } = this.props;\n\n    if (!prefix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.prefix(this.theme), { [jsInputStyles.prefixDisabled(this.theme)]: disabled })}>\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderSuffix = (): JSX.Element | null => {\n    const { suffix, disabled } = this.props;\n\n    if (!suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.suffix(this.theme), { [jsInputStyles.suffixDisabled(this.theme)]: disabled })}>\n        {suffix}\n      </span>\n    );\n  };\n\n  private renderLeftSide = (): JSX.Element | null => {\n    const leftIcon = this.renderLeftIcon();\n    const prefix = this.renderPrefix();\n\n    if (!leftIcon && !prefix) {\n      return null;\n    }\n\n    return (\n      <span className={jsInputStyles.sideContainer()}>\n        {leftIcon}\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderRightSide = (): JSX.Element | null => {\n    const rightIcon = this.renderRightIcon();\n    const suffix = this.renderSuffix();\n\n    if (!rightIcon && !suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())}>\n        {rightIcon}\n        {suffix}\n      </span>\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 && e.target instanceof 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 = (e: React.MouseEvent<HTMLElement>) => {\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      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    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    setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    document.documentElement.classList.remove(styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      e.target.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      if (isIE11) {\n        selectNodeContents(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    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      e.target.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\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(e);\n    }\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.props.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"]}

package/cjs/internal/InputLikeText/InputLikeText.styles.d.ts

@@ -1,7 +1,7 @@
-export declare const styles: {
-    root(): string;
-    absolute(): string;
-    userSelectContain(): string;
-    userSelectNone(): string;
-    rightSide(): string;
-};
+export declare const styles: {
+    root(): string;
+    absolute(): string;
+    userSelectContain(): string;
+    userSelectNone(): string;
+    rightSide(): string;
+};

package/cjs/internal/InputLikeText/index.d.ts

@@ -1 +1 @@
-export * from './InputLikeText';
+export * from './InputLikeText';

package/cjs/internal/InternalMenu/InternalMenu.d.ts

@@ -1,64 +1,63 @@
-import React from 'react';
-import { ScrollContainerScrollState } from '../../components/ScrollContainer';
-interface MenuProps {
-    children?: React.ReactNode;
-    hasShadow?: boolean;
-    maxHeight?: number | string;
-    onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
-    width?: number | string;
-    preventWindowScroll?: boolean;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    cyclicSelection?: boolean;
-    initialSelectedItemIndex?: number;
-}
-interface MenuState {
-    highlightedIndex: number;
-    maxHeight: number | string;
-    scrollState: ScrollContainerScrollState;
-}
-export declare class InternalMenu extends React.Component<MenuProps, MenuState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        width: string;
-        maxHeight: number;
-        hasShadow: boolean;
-        preventWindowScroll: boolean;
-        cyclicSelection: boolean;
-        initialSelectedItemIndex: number;
-    };
-    state: MenuState;
-    private theme;
-    private scrollContainer;
-    private highlighted;
-    private rootElement;
-    private header;
-    private footer;
-    private getProps;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: MenuProps, prevState: MenuState): void;
-    UNSAFE_componentWillReceiveProps(nextProps: MenuProps): void;
-    focus(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderHeader;
-    private renderFooter;
-    private focusOnRootElement;
-    private shouldRecalculateMaxHeight;
-    private calculateMaxHeight;
-    private setInitialSelection;
-    private refScrollContainer;
-    private refHighlighted;
-    private scrollToSelected;
-    private select;
-    private highlightItem;
-    private unhighlight;
-    private move;
-    private moveUp;
-    private moveDown;
-    private isEmpty;
-    private handleKeyDown;
-    private handleScrollStateChange;
-}
-export {};
+import React from 'react';
+import { ScrollContainerScrollState } from '../../components/ScrollContainer';
+interface MenuProps {
+    children?: React.ReactNode;
+    hasShadow?: boolean;
+    maxHeight?: number | string;
+    onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    width?: number | string;
+    preventWindowScroll?: boolean;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    cyclicSelection?: boolean;
+    initialSelectedItemIndex?: number;
+}
+interface MenuState {
+    highlightedIndex: number;
+    maxHeight: number | string;
+    scrollState: ScrollContainerScrollState;
+}
+export declare class InternalMenu extends React.PureComponent<MenuProps, MenuState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        width: string;
+        maxHeight: number;
+        hasShadow: boolean;
+        preventWindowScroll: boolean;
+        cyclicSelection: boolean;
+        initialSelectedItemIndex: number;
+    };
+    state: MenuState;
+    private theme;
+    private scrollContainer;
+    private highlighted;
+    private setRootNode;
+    private header;
+    private footer;
+    private getProps;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: MenuProps, prevState: MenuState): void;
+    focus(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private renderHeader;
+    private renderFooter;
+    private focusOnRootElement;
+    private shouldRecalculateMaxHeight;
+    private calculateMaxHeight;
+    private setInitialSelection;
+    private refScrollContainer;
+    private refHighlighted;
+    private scrollToSelected;
+    private select;
+    private highlightItem;
+    private unhighlight;
+    private move;
+    private moveUp;
+    private moveDown;
+    private isEmpty;
+    private handleKeyDown;
+    private handleScrollStateChange;
+}
+export {};

package/cjs/internal/InternalMenu/InternalMenu.js

@@ -1,5 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InternalMenu = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InternalMenu = void 0;var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _ScrollContainer = require("../../components/ScrollContainer");
@@ -10,9 +9,10 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Emotion = require("../../lib/theming/Emotion");
+var _rootNode = require("../../lib/rootNode");
 
 var _InternalMenu = require("./InternalMenu.styles");
-var _isActiveElement = require("./isActiveElement");var
+var _isActiveElement = require("./isActiveElement");var _class, _class2, _temp;var
 
 
 
@@ -37,7 +37,8 @@ var _isActiveElement = require("./isActiveElement");var
 
 
 
-InternalMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(InternalMenu, _React$Component);function InternalMenu() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+InternalMenu = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(InternalMenu, _React$PureComponent);function InternalMenu() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -58,7 +59,7 @@ InternalMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.def
     theme = void 0;_this.
     scrollContainer = void 0;_this.
     highlighted = void 0;_this.
-    rootElement = void 0;_this.
+    setRootNode = void 0;_this.
     header = void 0;_this.
     footer = void 0;_this.
     getProps = (0, _createPropsGetter.createPropsGetter)(InternalMenu.defaultProps);_this.
@@ -170,10 +171,6 @@ InternalMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.def
 
 
 
-
-
-
-
 
 
 
@@ -207,10 +204,8 @@ InternalMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.def
 
     };_this.
 
-    focusOnRootElement = function () {
-      if (_this.rootElement) {
-        _this.rootElement.focus();
-      }
+    focusOnRootElement = function () {var _getRootNode;
+      (_getRootNode = (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this))) == null ? void 0 : _getRootNode.focus();
     };_this.
 
     shouldRecalculateMaxHeight = function (prevProps) {var _this$props =
@@ -231,9 +226,10 @@ InternalMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.def
     calculateMaxHeight = function () {var
       maxHeight = _this.props.maxHeight;
       var parsedMaxHeight = maxHeight;
+      var rootNode = (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
 
-      if (typeof maxHeight === 'string' && typeof window !== 'undefined' && _this.rootElement) {
-        var rootElementMaxHeight = window.getComputedStyle(_this.rootElement).maxHeight;
+      if (typeof maxHeight === 'string' && typeof window !== 'undefined' && rootNode) {
+        var rootElementMaxHeight = window.getComputedStyle(rootNode).maxHeight;
 
         if (rootElementMaxHeight) {
           parsedMaxHeight = parseFloat(rootElementMaxHeight);
@@ -282,7 +278,7 @@ InternalMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.def
 
     scrollToSelected = function () {
       if (_this.scrollContainer && _this.highlighted) {
-        _this.scrollContainer.scrollTo(_reactDom.default.findDOMNode(_this.highlighted));
+        _this.scrollContainer.scrollTo((0, _rootNode.getRootNode)(_this.highlighted));
       }
     };_this.
 
@@ -308,11 +304,9 @@ InternalMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.def
 
 
 
-    highlightItem = function (index) {
+    highlightItem = function (index) {var _getRootNode2;
       _this.setState({ highlightedIndex: index });
-      if (_this.rootElement) {
-        _this.rootElement.focus();
-      }
+      (_getRootNode2 = (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this))) == null ? void 0 : _getRootNode2.focus();
     };_this.
 
     unhighlight = function () {
@@ -386,8 +380,8 @@ InternalMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.def
       if (_this.state.scrollState !== scrollState) {
         _this.setState({ scrollState: scrollState });
       }
-    };return _this;}var _proto = InternalMenu.prototype;_proto.componentDidMount = function componentDidMount() {this.setInitialSelection();this.calculateMaxHeight();};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (this.shouldRecalculateMaxHeight(prevProps)) {this.calculateMaxHeight();}};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (nextProps.maxHeight !== this.props.maxHeight) {this.setState({ maxHeight: nextProps.maxHeight || 'none' });}};_proto.focus = function focus() {this.focusOnRootElement();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx3,_this3 = this;var enableIconPadding = _react.default.Children.toArray(this.props.children).some(function (x) {return /*#__PURE__*/_react.default.isValidElement(x) && x.props.icon;});if (this.isEmpty()) {return null;}return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_InternalMenu.styles.root(this.theme)] = true, _cx3[_InternalMenu.styles.shadow(this.theme)] = this.props.hasShadow, _cx3)), style: { width: this.props.width, maxHeight: this.state.maxHeight }, onKeyDown: this.handleKeyDown, ref: function ref(element) {_this3.rootElement = element;}, tabIndex: 0 }, this.props.header ? this.renderHeader() : null, /*#__PURE__*/_react.default.createElement(_ScrollContainer.ScrollContainer, { ref: this.refScrollContainer, maxHeight: this.props.maxHeight, preventWindowScroll: this.props.preventWindowScroll, onScrollStateChange: this.handleScrollStateChange }, _react.default.Children.map(this.props.children, function (child, index) {if (typeof child === 'string' || typeof child === 'number' || child == null) {return child;}if ( /*#__PURE__*/_react.default.isValidElement(child) && typeof child.type === 'string') {return child;}if (enableIconPadding && ((0, _MenuItem.isMenuItem)(child) || (0, _MenuHeader.isMenuHeader)(child))) {child = /*#__PURE__*/_react.default.cloneElement(child, { _enableIconPadding: true });}if ((0, _isActiveElement.isActiveElement)(child)) {var highlight = _this3.state.highlightedIndex === index;var ref = child.ref;var originalRef = ref;if (highlight) {ref = function ref(menuItem) {return _this3.refHighlighted(originalRef, menuItem);};}return /*#__PURE__*/_react.default.cloneElement(child, { ref: ref, state: highlight ? 'hover' : child.props.state, onClick: _this3.select.bind(_this3, index, false), onMouseEnter: function onMouseEnter(event) {_this3.highlightItem(index);if ((0, _MenuItem.isMenuItem)(child) && child.props.onMouseEnter) {child.props.onMouseEnter(event);}}, onMouseLeave: function onMouseLeave(event) {_this3.unhighlight();if ((0, _MenuItem.isMenuItem)(child) && child.props.onMouseLeave) {child.props.onMouseLeave(event);}} });}return child;})), this.props.footer ? this.renderFooter() : null);};_proto.refHighlighted = function refHighlighted(originalRef, menuItem) {this.highlighted = menuItem;if (!originalRef || typeof originalRef === 'string') {return;}if (typeof originalRef === 'function') {originalRef(menuItem);} else if (typeof originalRef === 'object') {// @ts-ignore see issue https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
-      originalRef.current = menuItem;}};_proto.select = function select(index, shouldHandleHref, event) {var item = childrenToArray(this.props.children)[index];if ((0, _isActiveElement.isActiveElement)(item)) {if (shouldHandleHref && item.props.href) {if (item.props.target) {window.open(item.props.href, item.props.target);} else {location.href = item.props.href;}}if (item.props.onClick) {item.props.onClick(event);}if (this.props.onItemClick) {this.props.onItemClick(event);}return true;}return false;};_proto.move = function move(step) {this.setState(function (state, props) {var children = childrenToArray(props.children);if (!children.some(_isActiveElement.isActiveElement)) {return null;}var index = state.highlightedIndex;do {index += step;if (!props.cyclicSelection && (index < 0 || index > children.length)) {return null;}if (index < 0) {index = children.length - 1;} else if (index > children.length) {index = 0;}var child = children[index];if ((0, _isActiveElement.isActiveElement)(child)) {return { highlightedIndex: index };}} while (index !== state.highlightedIndex);return null;}, this.scrollToSelected);};_proto.isEmpty = function isEmpty() {var children = this.props.children;return !children || !childrenToArray(children).filter(isExist).length;};return InternalMenu;}(_react.default.Component);exports.InternalMenu = InternalMenu;InternalMenu.__KONTUR_REACT_UI__ = 'InternalMenu';InternalMenu.defaultProps = { width: 'auto', maxHeight: 300, hasShadow: true, preventWindowScroll: true, cyclicSelection: true, initialSelectedItemIndex: -1 };
+    };return _this;}var _proto = InternalMenu.prototype;_proto.componentDidMount = function componentDidMount() {this.setInitialSelection();this.calculateMaxHeight();};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (this.shouldRecalculateMaxHeight(prevProps)) {this.calculateMaxHeight();}if (prevProps.maxHeight !== this.props.maxHeight) {this.setState({ maxHeight: this.props.maxHeight || 'none' });}};_proto.focus = function focus() {this.focusOnRootElement();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx3,_this3 = this;var enableIconPadding = _react.default.Children.toArray(this.props.children).some(function (x) {return /*#__PURE__*/_react.default.isValidElement(x) && x.props.icon;});if (this.isEmpty()) {return null;}return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_InternalMenu.styles.root(this.theme)] = true, _cx3[_InternalMenu.styles.shadow(this.theme)] = this.props.hasShadow, _cx3)), style: { width: this.props.width, maxHeight: this.state.maxHeight }, onKeyDown: this.handleKeyDown, ref: this.setRootNode, tabIndex: 0 }, this.props.header ? this.renderHeader() : null, /*#__PURE__*/_react.default.createElement(_ScrollContainer.ScrollContainer, { ref: this.refScrollContainer, maxHeight: this.props.maxHeight, preventWindowScroll: this.props.preventWindowScroll, onScrollStateChange: this.handleScrollStateChange }, _react.default.Children.map(this.props.children, function (child, index) {if (typeof child === 'string' || typeof child === 'number' || child == null) {return child;}if ( /*#__PURE__*/_react.default.isValidElement(child) && typeof child.type === 'string') {return child;}if (enableIconPadding && ((0, _MenuItem.isMenuItem)(child) || (0, _MenuHeader.isMenuHeader)(child))) {child = /*#__PURE__*/_react.default.cloneElement(child, { _enableIconPadding: true });}if ((0, _isActiveElement.isActiveElement)(child)) {var highlight = _this3.state.highlightedIndex === index;var ref = child.ref;var originalRef = ref;if (highlight) {ref = function ref(menuItem) {return _this3.refHighlighted(originalRef, menuItem);};}return /*#__PURE__*/_react.default.cloneElement(child, { ref: ref, state: highlight ? 'hover' : child.props.state, onClick: _this3.select.bind(_this3, index, false), onMouseEnter: function onMouseEnter(event) {_this3.highlightItem(index);if ((0, _MenuItem.isMenuItem)(child) && child.props.onMouseEnter) {child.props.onMouseEnter(event);}}, onMouseLeave: function onMouseLeave(event) {_this3.unhighlight();if ((0, _MenuItem.isMenuItem)(child) && child.props.onMouseLeave) {child.props.onMouseLeave(event);}} });}return child;})), this.props.footer ? this.renderFooter() : null);};_proto.refHighlighted = function refHighlighted(originalRef, menuItem) {this.highlighted = menuItem;if (!originalRef || typeof originalRef === 'string') {return;}if (typeof originalRef === 'function') {originalRef(menuItem);} else if (typeof originalRef === 'object') {// @ts-ignore see issue https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
+      originalRef.current = menuItem;}};_proto.select = function select(index, shouldHandleHref, event) {var item = childrenToArray(this.props.children)[index];if ((0, _isActiveElement.isActiveElement)(item)) {if (shouldHandleHref && item.props.href) {if (item.props.target) {window.open(item.props.href, item.props.target);} else {location.href = item.props.href;}}if (item.props.onClick) {item.props.onClick(event);}if (this.props.onItemClick) {this.props.onItemClick(event);}return true;}return false;};_proto.move = function move(step) {this.setState(function (state, props) {var children = childrenToArray(props.children);if (!children.some(_isActiveElement.isActiveElement)) {return null;}var index = state.highlightedIndex;do {index += step;if (!props.cyclicSelection && (index < 0 || index > children.length)) {return null;}if (index < 0) {index = children.length - 1;} else if (index > children.length) {index = 0;}var child = children[index];if ((0, _isActiveElement.isActiveElement)(child)) {return { highlightedIndex: index };}} while (index !== state.highlightedIndex);return null;}, this.scrollToSelected);};_proto.isEmpty = function isEmpty() {var children = this.props.children;return !children || !childrenToArray(children).filter(isExist).length;};return InternalMenu;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'InternalMenu', _class2.defaultProps = { width: 'auto', maxHeight: 300, hasShadow: true, preventWindowScroll: true, cyclicSelection: true, initialSelectedItemIndex: -1 }, _temp)) || _class;exports.InternalMenu = InternalMenu;
 
 function isExist(value) {
   return value !== null && value !== undefined;

package/cjs/internal/InternalMenu/InternalMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InternalMenu.tsx"],"names":["InternalMenu","state","highlightedIndex","maxHeight","props","scrollState","theme","scrollContainer","highlighted","rootElement","header","footer","getProps","defaultProps","renderHeader","el","styles","fixedHeader","renderFooter","fixedFooter","focusOnRootElement","focus","shouldRecalculateMaxHeight","prevProps","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","React","Children","count","calculateMaxHeight","parsedMaxHeight","window","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","getBoundingClientRect","height","setState","setInitialSelection","i","initialSelectedItemIndex","moveDown","refScrollContainer","scrollToSelected","scrollTo","ReactDOM","findDOMNode","highlightItem","index","unhighlight","moveUp","move","handleKeyDown","e","onKeyDown","defaultPrevented","preventDefault","onClick","handleScrollStateChange","componentDidMount","componentDidUpdate","prevState","UNSAFE_componentWillReceiveProps","nextProps","render","renderMain","enableIconPadding","toArray","some","x","isValidElement","icon","isEmpty","root","shadow","hasShadow","width","element","preventWindowScroll","map","child","type","cloneElement","_enableIconPadding","highlight","ref","originalRef","menuItem","refHighlighted","select","bind","onMouseEnter","event","onMouseLeave","current","shouldHandleHref","item","childrenToArray","href","target","open","location","onItemClick","step","isActiveElement","cyclicSelection","length","filter","isExist","Component","__KONTUR_REACT_UI__","value","undefined","ret","forEach","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { ScrollContainer, ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { isMenuItem, MenuItem, MenuItemProps } from '../../components/MenuItem';\nimport { isMenuHeader } from '../../components/MenuHeader';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './InternalMenu.styles';\nimport { isActiveElement } from './isActiveElement';\n\ninterface MenuProps {\n  children?: React.ReactNode;\n  hasShadow?: boolean;\n  maxHeight?: number | string;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  width?: number | string;\n  preventWindowScroll?: boolean;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  // Циклический перебор айтемов меню (по-дефолтну включен)\n  cyclicSelection?: boolean;\n  initialSelectedItemIndex?: number;\n}\n\ninterface MenuState {\n  highlightedIndex: number;\n  maxHeight: number | string;\n  scrollState: ScrollContainerScrollState;\n}\n\nexport class InternalMenu extends React.Component<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMenu';\n\n  public static defaultProps = {\n    width: 'auto',\n    maxHeight: 300,\n    hasShadow: true,\n    preventWindowScroll: true,\n    cyclicSelection: true,\n    initialSelectedItemIndex: -1,\n  };\n\n  public state: MenuState = {\n    highlightedIndex: -1,\n    maxHeight: this.props.maxHeight || 'none',\n    scrollState: 'top',\n  };\n\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private highlighted: Nullable<MenuItem>;\n  private rootElement: Nullable<HTMLDivElement>;\n  private header: Nullable<HTMLDivElement>;\n  private footer: Nullable<HTMLDivElement>;\n  private getProps = createPropsGetter(InternalMenu.defaultProps);\n\n  public componentDidMount() {\n    this.setInitialSelection();\n    this.calculateMaxHeight();\n  }\n\n  public componentDidUpdate(prevProps: MenuProps, prevState: MenuState) {\n    if (this.shouldRecalculateMaxHeight(prevProps)) {\n      this.calculateMaxHeight();\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: MenuProps) {\n    if (nextProps.maxHeight !== this.props.maxHeight) {\n      this.setState({\n        maxHeight: nextProps.maxHeight || 'none',\n      });\n    }\n  }\n\n  public focus() {\n    this.focusOnRootElement();\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  private renderMain() {\n    const enableIconPadding = React.Children.toArray(this.props.children).some(\n      (x) => React.isValidElement(x) && x.props.icon,\n    );\n\n    if (this.isEmpty()) {\n      return null;\n    }\n\n    return (\n      <div\n        className={cx({\n          [styles.root(this.theme)]: true,\n          [styles.shadow(this.theme)]: this.props.hasShadow,\n        })}\n        style={{\n          width: this.props.width,\n          maxHeight: this.state.maxHeight,\n        }}\n        onKeyDown={this.handleKeyDown}\n        ref={(element) => {\n          this.rootElement = element;\n        }}\n        tabIndex={0}\n      >\n        {this.props.header ? this.renderHeader() : null}\n        <ScrollContainer\n          ref={this.refScrollContainer}\n          maxHeight={this.props.maxHeight}\n          preventWindowScroll={this.props.preventWindowScroll}\n          onScrollStateChange={this.handleScrollStateChange}\n        >\n          {React.Children.map(this.props.children, (child, index) => {\n            if (typeof child === 'string' || typeof child === 'number' || child == null) {\n              return child;\n            }\n            if (React.isValidElement(child) && typeof child.type === 'string') {\n              return child;\n            }\n\n            if (enableIconPadding && (isMenuItem(child) || isMenuHeader(child))) {\n              child = React.cloneElement(child, {\n                _enableIconPadding: true,\n              });\n            }\n\n            if (isActiveElement(child)) {\n              const highlight = this.state.highlightedIndex === index;\n\n              let ref = child.ref;\n              const originalRef = ref;\n              if (highlight) {\n                ref = (menuItem) => this.refHighlighted(originalRef, menuItem);\n              }\n\n              return React.cloneElement<MenuItemProps, MenuItem>(child, {\n                ref,\n                state: highlight ? 'hover' : child.props.state,\n                onClick: this.select.bind(this, index, false),\n                onMouseEnter: (event) => {\n                  this.highlightItem(index);\n                  if (isMenuItem(child) && child.props.onMouseEnter) {\n                    child.props.onMouseEnter(event);\n                  }\n                },\n                onMouseLeave: (event) => {\n                  this.unhighlight();\n                  if (isMenuItem(child) && child.props.onMouseLeave) {\n                    child.props.onMouseLeave(event);\n                  }\n                },\n              });\n            }\n\n            return child;\n          })}\n        </ScrollContainer>\n        {this.props.footer ? this.renderFooter() : null}\n      </div>\n    );\n  }\n\n  private renderHeader = () => {\n    return (\n      <div\n        ref={(el) => (this.header = el)}\n        className={cx({\n          [styles.header()]: true,\n          [styles.fixedHeader()]: this.state.scrollState !== 'top',\n        })}\n      >\n        {this.props.header}\n      </div>\n    );\n  };\n\n  private renderFooter = () => {\n    return (\n      <div\n        ref={(el) => (this.footer = el)}\n        className={cx({\n          [styles.footer()]: true,\n          [styles.fixedFooter()]: this.state.scrollState !== 'bottom',\n        })}\n      >\n        {this.props.footer}\n      </div>\n    );\n  };\n\n  private focusOnRootElement = (): void => {\n    if (this.rootElement) {\n      this.rootElement.focus();\n    }\n  };\n\n  private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n    const { maxHeight, header, footer, children } = this.props;\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.props;\n    let parsedMaxHeight = maxHeight;\n\n    if (typeof maxHeight === 'string' && typeof window !== 'undefined' && this.rootElement) {\n      const rootElementMaxHeight = window.getComputedStyle(this.rootElement).maxHeight;\n\n      if (rootElementMaxHeight) {\n        parsedMaxHeight = parseFloat(rootElementMaxHeight);\n      }\n    }\n\n    const calculatedMaxHeight =\n      typeof parsedMaxHeight === 'number'\n        ? parsedMaxHeight +\n          ((this.header && this.header.getBoundingClientRect().height) || 0) +\n          ((this.footer && this.footer.getBoundingClientRect().height) || 0)\n        : maxHeight;\n\n    this.setState({\n      maxHeight: calculatedMaxHeight || 'none',\n    });\n  };\n\n  private setInitialSelection = () => {\n    for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n      this.moveDown();\n    }\n  };\n\n  private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n    this.scrollContainer = scrollContainer;\n  };\n\n  private refHighlighted(\n    originalRef: string | ((instance: MenuItem | null) => void) | React.RefObject<MenuItem> | null | undefined,\n    menuItem: MenuItem | null,\n  ) {\n    this.highlighted = menuItem;\n\n    if (!originalRef || typeof originalRef === 'string') {\n      return;\n    }\n\n    if (typeof originalRef === 'function') {\n      originalRef(menuItem);\n    } else if (typeof originalRef === 'object') {\n      // @ts-ignore see issue https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065\n      originalRef.current = menuItem;\n    }\n  }\n\n  private scrollToSelected = () => {\n    if (this.scrollContainer && this.highlighted) {\n      this.scrollContainer.scrollTo(ReactDOM.findDOMNode(this.highlighted) as HTMLElement);\n    }\n  };\n\n  private select(index: number, shouldHandleHref: boolean, event: React.SyntheticEvent<HTMLElement>): boolean {\n    const item = childrenToArray(this.props.children)[index];\n\n    if (isActiveElement(item)) {\n      if (shouldHandleHref && item.props.href) {\n        if (item.props.target) {\n          window.open(item.props.href, item.props.target);\n        } else {\n          location.href = item.props.href;\n        }\n      }\n      if (item.props.onClick) {\n        item.props.onClick(event as React.MouseEvent<HTMLElement>);\n      }\n      if (this.props.onItemClick) {\n        this.props.onItemClick(event);\n      }\n      return true;\n    }\n    return false;\n  }\n\n  private highlightItem = (index: number): void => {\n    this.setState({ highlightedIndex: index });\n    if (this.rootElement) {\n      this.rootElement.focus();\n    }\n  };\n\n  private unhighlight = () => {\n    this.setState({ highlightedIndex: -1 });\n  };\n\n  private move(step: number) {\n    this.setState((state, props) => {\n      const children = childrenToArray(props.children);\n      if (!children.some(isActiveElement)) {\n        return null;\n      }\n      let index = state.highlightedIndex;\n      do {\n        index += step;\n        if (!props.cyclicSelection && (index < 0 || index > children.length)) {\n          return null;\n        }\n\n        if (index < 0) {\n          index = children.length - 1;\n        } else if (index > children.length) {\n          index = 0;\n        }\n\n        const child = children[index];\n        if (isActiveElement(child)) {\n          return { highlightedIndex: index };\n        }\n      } while (index !== state.highlightedIndex);\n      return null;\n    }, this.scrollToSelected);\n  }\n\n  private moveUp = () => {\n    this.move(-1);\n  };\n\n  private moveDown = () => {\n    this.move(1);\n  };\n\n  private isEmpty() {\n    const { children } = this.props;\n    return !children || !childrenToArray(children).filter(isExist).length;\n  }\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (typeof this.props.onKeyDown === 'function') {\n      this.props.onKeyDown(e);\n    }\n\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (isKeyArrowUp(e)) {\n      e.preventDefault();\n      this.moveUp();\n    } else if (isKeyArrowDown(e)) {\n      e.preventDefault();\n      this.moveDown();\n    } else if (isKeyEnter(e)) {\n      if (this.highlighted && this.highlighted.props.onClick) {\n        this.highlighted.props.onClick(e);\n      }\n    }\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollContainerScrollState) => {\n    if (this.state.scrollState !== scrollState) {\n      this.setState({ scrollState });\n    }\n  };\n}\n\nfunction isExist(value: any): value is any {\n  return value !== null && value !== undefined;\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"]}
+{"version":3,"sources":["InternalMenu.tsx"],"names":["InternalMenu","rootNode","state","highlightedIndex","maxHeight","props","scrollState","theme","scrollContainer","highlighted","setRootNode","header","footer","getProps","defaultProps","renderHeader","el","styles","fixedHeader","renderFooter","fixedFooter","focusOnRootElement","focus","shouldRecalculateMaxHeight","prevProps","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","React","Children","count","calculateMaxHeight","parsedMaxHeight","window","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","getBoundingClientRect","height","setState","setInitialSelection","i","initialSelectedItemIndex","moveDown","refScrollContainer","scrollToSelected","scrollTo","highlightItem","index","unhighlight","moveUp","move","handleKeyDown","e","onKeyDown","defaultPrevented","preventDefault","onClick","handleScrollStateChange","componentDidMount","componentDidUpdate","prevState","render","renderMain","enableIconPadding","toArray","some","x","isValidElement","icon","isEmpty","root","shadow","hasShadow","width","preventWindowScroll","map","child","type","cloneElement","_enableIconPadding","highlight","ref","originalRef","menuItem","refHighlighted","select","bind","onMouseEnter","event","onMouseLeave","current","shouldHandleHref","item","childrenToArray","href","target","open","location","onItemClick","step","isActiveElement","cyclicSelection","length","filter","isExist","PureComponent","__KONTUR_REACT_UI__","value","undefined","ret","forEach","push"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { ScrollContainer, ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { isMenuItem, MenuItem, MenuItemProps } from '../../components/MenuItem';\nimport { isMenuHeader } from '../../components/MenuHeader';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\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';\n\nimport { styles } from './InternalMenu.styles';\nimport { isActiveElement } from './isActiveElement';\n\ninterface MenuProps {\n  children?: React.ReactNode;\n  hasShadow?: boolean;\n  maxHeight?: number | string;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  width?: number | string;\n  preventWindowScroll?: boolean;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  // Циклический перебор айтемов меню (по-дефолтну включен)\n  cyclicSelection?: boolean;\n  initialSelectedItemIndex?: number;\n}\n\ninterface MenuState {\n  highlightedIndex: number;\n  maxHeight: number | string;\n  scrollState: ScrollContainerScrollState;\n}\n\n@rootNode\nexport class InternalMenu extends React.PureComponent<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMenu';\n\n  public static defaultProps = {\n    width: 'auto',\n    maxHeight: 300,\n    hasShadow: true,\n    preventWindowScroll: true,\n    cyclicSelection: true,\n    initialSelectedItemIndex: -1,\n  };\n\n  public state: MenuState = {\n    highlightedIndex: -1,\n    maxHeight: this.props.maxHeight || 'none',\n    scrollState: 'top',\n  };\n\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private highlighted: Nullable<MenuItem>;\n  private setRootNode!: TSetRootNode;\n  private header: Nullable<HTMLDivElement>;\n  private footer: Nullable<HTMLDivElement>;\n  private getProps = createPropsGetter(InternalMenu.defaultProps);\n\n  public componentDidMount() {\n    this.setInitialSelection();\n    this.calculateMaxHeight();\n  }\n\n  public componentDidUpdate(prevProps: MenuProps, prevState: MenuState) {\n    if (this.shouldRecalculateMaxHeight(prevProps)) {\n      this.calculateMaxHeight();\n    }\n\n    if (prevProps.maxHeight !== this.props.maxHeight) {\n      this.setState({\n        maxHeight: this.props.maxHeight || 'none',\n      });\n    }\n  }\n\n  public focus() {\n    this.focusOnRootElement();\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  private renderMain() {\n    const enableIconPadding = React.Children.toArray(this.props.children).some(\n      (x) => React.isValidElement(x) && x.props.icon,\n    );\n\n    if (this.isEmpty()) {\n      return null;\n    }\n\n    return (\n      <div\n        className={cx({\n          [styles.root(this.theme)]: true,\n          [styles.shadow(this.theme)]: this.props.hasShadow,\n        })}\n        style={{\n          width: this.props.width,\n          maxHeight: this.state.maxHeight,\n        }}\n        onKeyDown={this.handleKeyDown}\n        ref={this.setRootNode}\n        tabIndex={0}\n      >\n        {this.props.header ? this.renderHeader() : null}\n        <ScrollContainer\n          ref={this.refScrollContainer}\n          maxHeight={this.props.maxHeight}\n          preventWindowScroll={this.props.preventWindowScroll}\n          onScrollStateChange={this.handleScrollStateChange}\n        >\n          {React.Children.map(this.props.children, (child, index) => {\n            if (typeof child === 'string' || typeof child === 'number' || child == null) {\n              return child;\n            }\n            if (React.isValidElement(child) && typeof child.type === 'string') {\n              return child;\n            }\n\n            if (enableIconPadding && (isMenuItem(child) || isMenuHeader(child))) {\n              child = React.cloneElement(child, {\n                _enableIconPadding: true,\n              });\n            }\n\n            if (isActiveElement(child)) {\n              const highlight = this.state.highlightedIndex === index;\n\n              let ref = child.ref;\n              const originalRef = ref;\n              if (highlight) {\n                ref = (menuItem) => this.refHighlighted(originalRef, menuItem);\n              }\n\n              return React.cloneElement<MenuItemProps, MenuItem>(child, {\n                ref,\n                state: highlight ? 'hover' : child.props.state,\n                onClick: this.select.bind(this, index, false),\n                onMouseEnter: (event) => {\n                  this.highlightItem(index);\n                  if (isMenuItem(child) && child.props.onMouseEnter) {\n                    child.props.onMouseEnter(event);\n                  }\n                },\n                onMouseLeave: (event) => {\n                  this.unhighlight();\n                  if (isMenuItem(child) && child.props.onMouseLeave) {\n                    child.props.onMouseLeave(event);\n                  }\n                },\n              });\n            }\n\n            return child;\n          })}\n        </ScrollContainer>\n        {this.props.footer ? this.renderFooter() : null}\n      </div>\n    );\n  }\n\n  private renderHeader = () => {\n    return (\n      <div\n        ref={(el) => (this.header = el)}\n        className={cx({\n          [styles.header()]: true,\n          [styles.fixedHeader()]: this.state.scrollState !== 'top',\n        })}\n      >\n        {this.props.header}\n      </div>\n    );\n  };\n\n  private renderFooter = () => {\n    return (\n      <div\n        ref={(el) => (this.footer = el)}\n        className={cx({\n          [styles.footer()]: true,\n          [styles.fixedFooter()]: this.state.scrollState !== 'bottom',\n        })}\n      >\n        {this.props.footer}\n      </div>\n    );\n  };\n\n  private focusOnRootElement = (): void => {\n    getRootNode(this)?.focus();\n  };\n\n  private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n    const { maxHeight, header, footer, children } = this.props;\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.props;\n    let parsedMaxHeight = maxHeight;\n    const rootNode = getRootNode(this);\n\n    if (typeof maxHeight === 'string' && typeof window !== 'undefined' && rootNode) {\n      const rootElementMaxHeight = window.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 && this.header.getBoundingClientRect().height) || 0) +\n          ((this.footer && this.footer.getBoundingClientRect().height) || 0)\n        : maxHeight;\n\n    this.setState({\n      maxHeight: calculatedMaxHeight || 'none',\n    });\n  };\n\n  private setInitialSelection = () => {\n    for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n      this.moveDown();\n    }\n  };\n\n  private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n    this.scrollContainer = scrollContainer;\n  };\n\n  private refHighlighted(\n    originalRef: string | ((instance: MenuItem | null) => void) | React.RefObject<MenuItem> | null | undefined,\n    menuItem: MenuItem | null,\n  ) {\n    this.highlighted = menuItem;\n\n    if (!originalRef || typeof originalRef === 'string') {\n      return;\n    }\n\n    if (typeof originalRef === 'function') {\n      originalRef(menuItem);\n    } else if (typeof originalRef === 'object') {\n      // @ts-ignore see issue https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065\n      originalRef.current = menuItem;\n    }\n  }\n\n  private scrollToSelected = () => {\n    if (this.scrollContainer && this.highlighted) {\n      this.scrollContainer.scrollTo(getRootNode(this.highlighted));\n    }\n  };\n\n  private select(index: number, shouldHandleHref: boolean, event: React.SyntheticEvent<HTMLElement>): boolean {\n    const item = childrenToArray(this.props.children)[index];\n\n    if (isActiveElement(item)) {\n      if (shouldHandleHref && item.props.href) {\n        if (item.props.target) {\n          window.open(item.props.href, item.props.target);\n        } else {\n          location.href = item.props.href;\n        }\n      }\n      if (item.props.onClick) {\n        item.props.onClick(event as React.MouseEvent<HTMLElement>);\n      }\n      if (this.props.onItemClick) {\n        this.props.onItemClick(event);\n      }\n      return true;\n    }\n    return false;\n  }\n\n  private highlightItem = (index: number): void => {\n    this.setState({ highlightedIndex: index });\n    getRootNode(this)?.focus();\n  };\n\n  private unhighlight = () => {\n    this.setState({ highlightedIndex: -1 });\n  };\n\n  private move(step: number) {\n    this.setState((state, props) => {\n      const children = childrenToArray(props.children);\n      if (!children.some(isActiveElement)) {\n        return null;\n      }\n      let index = state.highlightedIndex;\n      do {\n        index += step;\n        if (!props.cyclicSelection && (index < 0 || index > children.length)) {\n          return null;\n        }\n\n        if (index < 0) {\n          index = children.length - 1;\n        } else if (index > children.length) {\n          index = 0;\n        }\n\n        const child = children[index];\n        if (isActiveElement(child)) {\n          return { highlightedIndex: index };\n        }\n      } while (index !== state.highlightedIndex);\n      return null;\n    }, this.scrollToSelected);\n  }\n\n  private moveUp = () => {\n    this.move(-1);\n  };\n\n  private moveDown = () => {\n    this.move(1);\n  };\n\n  private isEmpty() {\n    const { children } = this.props;\n    return !children || !childrenToArray(children).filter(isExist).length;\n  }\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (typeof this.props.onKeyDown === 'function') {\n      this.props.onKeyDown(e);\n    }\n\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (isKeyArrowUp(e)) {\n      e.preventDefault();\n      this.moveUp();\n    } else if (isKeyArrowDown(e)) {\n      e.preventDefault();\n      this.moveDown();\n    } else if (isKeyEnter(e)) {\n      if (this.highlighted && this.highlighted.props.onClick) {\n        this.highlighted.props.onClick(e);\n      }\n    }\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollContainerScrollState) => {\n    if (this.state.scrollState !== scrollState) {\n      this.setState({ scrollState });\n    }\n  };\n}\n\nfunction isExist(value: any): value is any {\n  return value !== null && value !== undefined;\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"]}

package/cjs/internal/InternalMenu/InternalMenu.styles.d.ts

@@ -1,9 +1,9 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    shadow(t: Theme): string;
-    header(): string;
-    footer(): string;
-    fixedHeader(): string;
-    fixedFooter(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    shadow(t: Theme): string;
+    header(): string;
+    footer(): string;
+    fixedHeader(): string;
+    fixedFooter(): string;
+};

package/cjs/internal/InternalMenu/index.d.ts

@@ -1 +1 @@
-export * from './InternalMenu';
+export * from './InternalMenu';

package/cjs/internal/InternalMenu/isActiveElement.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { MenuItem, MenuItemProps } from '../../components/MenuItem';
-export declare function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem>;
+import React from 'react';
+import { MenuItem, MenuItemProps } from '../../components/MenuItem';
+export declare function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem>;

package/cjs/internal/MaskCharLowLine/MaskCharLowLine.d.ts

@@ -1,9 +1,9 @@
-/**
- * FIGURE SPACE
- *
- * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits
- *
- * @see http://www.fileformat.info/info/unicode/char/2007/index.htm
- */
-export declare const MASK_CHAR_EXEMPLAR: string;
-export declare const MaskCharLowLine: () => JSX.Element;
+/**
+ * FIGURE SPACE
+ *
+ * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits
+ *
+ * @see http://www.fileformat.info/info/unicode/char/2007/index.htm
+ */
+export declare const MASK_CHAR_EXEMPLAR: string;
+export declare const MaskCharLowLine: () => JSX.Element;

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

@@ -1,3 +1,3 @@
-export declare const styles: {
-    root(): string;
-};
+export declare const styles: {
+    root(): string;
+};

package/cjs/internal/MaskCharLowLine/index.d.ts

@@ -1 +1 @@
-export * from './MaskCharLowLine';
+export * from './MaskCharLowLine';