@skbkontur/react-ui 2.17.4-source-maps.1 → 2.17.7

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

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

@@ -1,8 +1,8 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    shadow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    header(): string;
-    footer(): string;
-    fixedHeader(): string;
-    fixedFooter(): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    shadow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    header(): string;
+    footer(): string;
+    fixedHeader(): string;
+    fixedFooter(): string;
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["InternalMenu.styles.ts"],"names":["styles","root","t","css","bgDefault","shadow","menuBorder","menuShadow","header","footer","fixedHeader","fixedFooter","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;AAIgBD,IAAAA,CAAC,CAACE,SAJlB;;AAMD,GARY;;AAUbC,EAAAA,MAVa,kBAUNH,CAVM,EAUI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACI,UADd;AAEgBJ,IAAAA,CAAC,CAACK,UAFlB;;AAID,GAfY;;AAiBbC,EAAAA,MAjBa,oBAiBJ;AACP,eAAOL,YAAP;;;;;;;;;;AAUD,GA5BY;;AA8BbM,EAAAA,MA9Ba,oBA8BJ;AACP,eAAON,YAAP;;;;;;;;;;AAUD,GAzCY;;AA2CbO,EAAAA,WA3Ca,yBA2CC;AACZ,eAAOP,YAAP;;;AAGD,GA/CY;;AAiDbQ,EAAAA,WAjDa,yBAiDC;AACZ,eAAOR,YAAP;;;AAGD,GArDY,EAAf;;;AAwDO,IAAMS,QAAQ,GAAG,2BAAaZ,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      overflow: auto;\n      padding: 5px 0;\n      outline: none;\n      background: ${t.bgDefault};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n\n  header() {\n    return css`\n      top: -5px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  footer() {\n    return css`\n      bottom: -5px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  fixedHeader() {\n    return css`\n      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n    `;\n  },\n\n  fixedFooter() {\n    return css`\n      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["InternalMenu.styles.ts"],"names":["styles","root","t","css","bgDefault","shadow","menuBorder","menuShadow","header","footer","fixedHeader","fixedFooter","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;AAIgBD,IAAAA,CAAC,CAACE,SAJlB;;AAMD,GARY;;AAUbC,EAAAA,MAVa,kBAUNH,CAVM,EAUI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACI,UADd;AAEgBJ,IAAAA,CAAC,CAACK,UAFlB;;AAID,GAfY;;AAiBbC,EAAAA,MAjBa,oBAiBJ;AACP,eAAOL,YAAP;;;;;;;;;;AAUD,GA5BY;;AA8BbM,EAAAA,MA9Ba,oBA8BJ;AACP,eAAON,YAAP;;;;;;;;;;AAUD,GAzCY;;AA2CbO,EAAAA,WA3Ca,yBA2CC;AACZ,eAAOP,YAAP;;;AAGD,GA/CY;;AAiDbQ,EAAAA,WAjDa,yBAiDC;AACZ,eAAOR,YAAP;;;AAGD,GArDY,EAAf;;;AAwDO,IAAMS,QAAQ,GAAG,2BAAaZ,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      overflow: auto;\r\n      padding: 5px 0;\r\n      outline: none;\r\n      background: ${t.bgDefault};\r\n    `;\r\n  },\r\n\r\n  shadow(t: Theme) {\r\n    return css`\r\n      border: ${t.menuBorder};\r\n      box-shadow: ${t.menuShadow};\r\n    `;\r\n  },\r\n\r\n  header() {\r\n    return css`\r\n      top: -5px;\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      line-height: 18px;\r\n      box-sizing: border-box;\r\n      padding: 6px 18px 7px 8px;\r\n    `;\r\n  },\r\n\r\n  footer() {\r\n    return css`\r\n      bottom: -5px;\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      line-height: 18px;\r\n      box-sizing: border-box;\r\n      padding: 6px 18px 7px 8px;\r\n    `;\r\n  },\r\n\r\n  fixedHeader() {\r\n    return css`\r\n      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\r\n    `;\r\n  },\r\n\r\n  fixedFooter() {\r\n    return css`\r\n      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './InternalMenu';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './InternalMenu';\r\n"]}

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/InternalMenu/isActiveElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["isActiveElement.tsx"],"names":["isActiveElement","element","props","disabled"],"mappings":";;AAEA;;AAEO,SAASA,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAO,0BAAWA,OAAX,KAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAA7C;AACD","sourcesContent":["import React from 'react';\n\nimport { MenuItem, MenuItemProps, isMenuItem } from '../../components/MenuItem';\n\nexport function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem> {\n  return isMenuItem(element) && !element.props.disabled;\n}\n"]}
+{"version":3,"sources":["isActiveElement.tsx"],"names":["isActiveElement","element","props","disabled"],"mappings":";;AAEA;;AAEO,SAASA,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAO,0BAAWA,OAAX,KAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAA7C;AACD","sourcesContent":["import React from 'react';\r\n\r\nimport { MenuItem, MenuItemProps, isMenuItem } from '../../components/MenuItem';\r\n\r\nexport function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem> {\r\n  return isMenuItem(element) && !element.props.disabled;\r\n}\r\n"]}

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-/**
- * 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;
+/// <reference types="react" />
+/**
+ * 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.js

@@ -2,12 +2,12 @@
 
 var _MaskCharLowLine = require("./MaskCharLowLine.styles");
 
-/**
- * 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
+/**
+ * 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
  */
 var MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);exports.MASK_CHAR_EXEMPLAR = MASK_CHAR_EXEMPLAR;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["MaskCharLowLine.tsx"],"names":["MASK_CHAR_EXEMPLAR","String","fromCharCode","MaskCharLowLine","jsStyles","root"],"mappings":"0LAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAA3B,C;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,wBAAM,uCAAM,SAAS,EAAEC,0BAASC,IAAT,EAAjB,IAAmCL,kBAAnC,CAAN,EAAxB,C","sourcesContent":["import React from 'react';\n\nimport { jsStyles } from './MaskCharLowLine.styles';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => <span className={jsStyles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n"]}
+{"version":3,"sources":["MaskCharLowLine.tsx"],"names":["MASK_CHAR_EXEMPLAR","String","fromCharCode","MaskCharLowLine","jsStyles","root"],"mappings":"0LAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAA3B,C;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,wBAAM,uCAAM,SAAS,EAAEC,0BAASC,IAAT,EAAjB,IAAmCL,kBAAnC,CAAN,EAAxB,C","sourcesContent":["import React from 'react';\r\n\r\nimport { jsStyles } from './MaskCharLowLine.styles';\r\n\r\n/**\r\n * FIGURE SPACE\r\n *\r\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\r\n *\r\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\r\n */\r\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\r\n\r\nexport const MaskCharLowLine = () => <span className={jsStyles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\r\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["MaskCharLowLine.styles.ts"],"names":["styles","root","css","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;;;;;;;;;;AAaD,GAfY,EAAf;;;AAkBO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["MaskCharLowLine.styles.ts"],"names":["styles","root","css","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;;;;;;;;;;AAaD,GAfY,EAAf;;;AAkBO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      position: relative;\r\n\r\n      &:after {\r\n        content: '';\r\n        position: absolute;\r\n        width: calc(100% - 0.1em);\r\n        height: 1px;\r\n        left: 0.05em;\r\n        bottom: 0.11em;\r\n        border-bottom: solid 0.05em;\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

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

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

package/cjs/internal/MaskCharLowLine/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './MaskCharLowLine';\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './MaskCharLowLine';\r\n"]}

package/cjs/internal/MaskedInput/MaskedInput.d.ts

@@ -1,40 +1,40 @@
-import React from 'react';
-export interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    mask: string;
-    maskChar: string | null;
-    formatChars?: {
-        [key: string]: string;
-    };
-    alwaysShowMask?: boolean;
-    hasLeftIcon?: boolean;
-    hasRightIcon?: boolean;
-    onUnexpectedInput?: (value: string) => void;
-    onValueChange?: (value: string) => void;
-}
-interface MaskedInputState {
-    value: string;
-    emptyValue: string;
-    focused: boolean;
-}
-export declare class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: Partial<MaskedInputProps>;
-    input: HTMLInputElement | null;
-    private theme;
-    private reactInputMask;
-    constructor(props: MaskedInputProps);
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps): void;
-    render(): JSX.Element;
-    private renderMain;
-    private getValue;
-    private refInput;
-    private refMaskedInput;
-    private handleChange;
-    private handleFocus;
-    private handleBlur;
-    private preprocess;
-    private isMaskVisible;
-    private handleUnexpectedInput;
-}
-export {};
+import React from 'react';
+export interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    mask: string;
+    maskChar: string | null;
+    formatChars?: {
+        [key: string]: string;
+    };
+    alwaysShowMask?: boolean;
+    hasLeftIcon?: boolean;
+    hasRightIcon?: boolean;
+    onUnexpectedInput?: (value: string) => void;
+    onValueChange?: (value: string) => void;
+}
+interface MaskedInputState {
+    value: string;
+    emptyValue: string;
+    focused: boolean;
+}
+export declare class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: Partial<MaskedInputProps>;
+    input: HTMLInputElement | null;
+    private theme;
+    private reactInputMask;
+    constructor(props: MaskedInputProps);
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps): void;
+    render(): JSX.Element;
+    private renderMain;
+    private getValue;
+    private refInput;
+    private refMaskedInput;
+    private handleChange;
+    private handleFocus;
+    private handleBlur;
+    private preprocess;
+    private isMaskVisible;
+    private handleUnexpectedInput;
+}
+export {};

package/cjs/internal/MaskedInput/MaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MaskedInput.tsx"],"names":["MaskedInput","props","input","theme","reactInputMask","getValue","value","defaultValue","undefined","toString","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","componentDidMount","forceUpdate","UNSAFE_componentWillReceiveProps","nextProps","render","renderMain","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","leftHelper","textAlign","color","slice","leftClass","jsStyles","inputMaskLeft","rightHelper","map","_char","i","container","inputMask","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport ReactInputMask, { InputState, MaskOptions } from 'react-input-mask';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\n\nimport { jsStyles } from './MaskedInput.styles';\n\nexport interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n  emptyValue: string;\n  focused: boolean;\n}\n\nexport class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'MaskedInput';\n\n  public static defaultProps: Partial<MaskedInputProps> = {\n    maskChar: '_',\n  };\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: MaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps) {\n    if (this.props.value !== nextProps.value) {\n      this.setState({\n        value: nextProps.value ? nextProps.value.toString() : '',\n      });\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  private renderMain() {\n    const {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, value.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && jsStyles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(value.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span className={jsStyles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cn(jsStyles.inputMask(this.theme), leftClass)}>\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: MaskedInputProps): string => {\n    const { value, defaultValue } = props;\n\n    return value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: MaskOptions & Pick<MaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.props.maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char, index) => {\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["MaskedInput.tsx"],"names":["MaskedInput","props","input","theme","reactInputMask","getValue","value","defaultValue","undefined","toString","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","componentDidMount","forceUpdate","UNSAFE_componentWillReceiveProps","nextProps","render","renderMain","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","leftHelper","textAlign","color","slice","leftClass","jsStyles","inputMaskLeft","rightHelper","map","_char","i","container","inputMask","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport ReactInputMask, { InputState, MaskOptions } from 'react-input-mask';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { MaskCharLowLine } from '../MaskCharLowLine';\r\n\r\nimport { jsStyles } from './MaskedInput.styles';\r\n\r\nexport interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n  mask: string;\r\n  maskChar: string | null;\r\n  formatChars?: { [key: string]: string };\r\n  alwaysShowMask?: boolean;\r\n  hasLeftIcon?: boolean;\r\n  hasRightIcon?: boolean;\r\n  onUnexpectedInput?: (value: string) => void;\r\n  onValueChange?: (value: string) => void;\r\n}\r\n\r\ninterface MaskedInputState {\r\n  value: string;\r\n  emptyValue: string;\r\n  focused: boolean;\r\n}\r\n\r\nexport class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {\r\n  public static __KONTUR_REACT_UI__ = 'MaskedInput';\r\n\r\n  public static defaultProps: Partial<MaskedInputProps> = {\r\n    maskChar: '_',\r\n  };\r\n\r\n  public input: HTMLInputElement | null = null;\r\n  private theme!: Theme;\r\n  private reactInputMask: ReactInputMask | null = null;\r\n\r\n  public constructor(props: MaskedInputProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      value: this.getValue(props),\r\n      emptyValue: '',\r\n      focused: false,\r\n    };\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.reactInputMask) {\r\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\r\n      this.reactInputMask.forceUpdate();\r\n    }\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps) {\r\n    if (this.props.value !== nextProps.value) {\r\n      this.setState({\r\n        value: nextProps.value ? nextProps.value.toString() : '',\r\n      });\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      maskChar,\r\n      alwaysShowMask,\r\n      hasLeftIcon,\r\n      hasRightIcon,\r\n      maxLength,\r\n      onValueChange,\r\n      onUnexpectedInput,\r\n      defaultValue,\r\n      style,\r\n      ...inputProps\r\n    } = this.props;\r\n    const { emptyValue, value } = this.state;\r\n\r\n    const leftHelper = style?.textAlign !== 'right' && (\r\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, value.length)}</span>\r\n    );\r\n    const leftClass = style?.textAlign !== 'right' && jsStyles.inputMaskLeft();\r\n\r\n    const rightHelper = emptyValue\r\n      .slice(value.length)\r\n      .split('')\r\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\r\n\r\n    return (\r\n      <span className={jsStyles.container()} x-ms-format-detection=\"none\">\r\n        <ReactInputMask\r\n          {...inputProps}\r\n          maskChar={null}\r\n          beforeMaskedValueChange={this.preprocess}\r\n          alwaysShowMask={false}\r\n          onChange={this.handleChange}\r\n          onFocus={this.handleFocus}\r\n          onBlur={this.handleBlur}\r\n          value={value}\r\n          inputRef={this.refInput}\r\n          ref={this.refMaskedInput}\r\n          style={{ ...style }}\r\n        />\r\n        {this.isMaskVisible() && (\r\n          <span className={cn(jsStyles.inputMask(this.theme), leftClass)}>\r\n            {leftHelper}\r\n            {rightHelper}\r\n          </span>\r\n        )}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private getValue = (props: MaskedInputProps): string => {\r\n    const { value, defaultValue } = props;\r\n\r\n    return value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '';\r\n  };\r\n\r\n  private refInput = (input: HTMLInputElement | null) => {\r\n    this.input = input;\r\n  };\r\n\r\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\r\n    this.reactInputMask = reactInputMask;\r\n  };\r\n\r\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.value === this.state.value) {\r\n      this.handleUnexpectedInput();\r\n    } else {\r\n      this.setState({ value: event.target.value });\r\n      if (this.props.onValueChange) {\r\n        this.props.onValueChange(event.target.value);\r\n      }\r\n      if (this.props.onChange) {\r\n        this.props.onChange(event);\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({ focused: true });\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({ focused: false });\r\n\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n  };\r\n\r\n  private preprocess = (\r\n    newState: InputState,\r\n    oldState: InputState,\r\n    userInput: string,\r\n    options: MaskOptions & Pick<MaskedInputProps, 'mask'>,\r\n  ) => {\r\n    const visibleMaskChars = new Array(options.mask.length).fill(this.props.maskChar);\r\n\r\n    if (newState.value !== oldState.value && userInput === null) {\r\n      this.setState({\r\n        value: newState.value,\r\n      });\r\n    }\r\n\r\n    options.mask.split('').forEach((char, index) => {\r\n      if (options.permanents.includes(index)) {\r\n        visibleMaskChars[index] = char;\r\n      }\r\n\r\n      if (newState.value[index]) {\r\n        visibleMaskChars[index] = newState.value[index];\r\n      }\r\n    });\r\n\r\n    const emptyValue = visibleMaskChars.join('');\r\n\r\n    if (this.state.emptyValue !== emptyValue) {\r\n      this.setState({\r\n        emptyValue,\r\n      });\r\n    }\r\n\r\n    return newState;\r\n  };\r\n\r\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\r\n\r\n  private handleUnexpectedInput = () => {\r\n    if (this.props.onUnexpectedInput) {\r\n      this.props.onUnexpectedInput(this.state.value);\r\n    }\r\n  };\r\n}\r\n"]}

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

@@ -1,5 +1,5 @@
-export declare const jsStyles: {
-    container(): string;
-    inputMask(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    inputMaskLeft(): string;
-};
+export declare const jsStyles: {
+    container(): string;
+    inputMask(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    inputMaskLeft(): string;
+};

package/cjs/internal/MaskedInput/MaskedInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MaskedInput.styles.ts"],"names":["styles","container","css","inputMask","t","placeholderColor","inputMaskLeft","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,SADa,uBACD;AACV,eAAOC,YAAP;;;;;;AAMD,GARY;AASbC,EAAAA,SATa,qBASHC,CATG,EASO;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACC,gBADb;;;;;;AAOD,GAjBY;AAkBbC,EAAAA,aAlBa,2BAkBG;AACd,eAAOJ,YAAP;;;;;;AAMD,GAzBY,EAAf;;;AA4BO,IAAMK,QAAQ,GAAG,2BAAaP,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  container() {\n    return css`\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    `;\n  },\n  inputMask(t: Theme) {\n    return css`\n      color: ${t.placeholderColor};\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    `;\n  },\n  inputMaskLeft() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["MaskedInput.styles.ts"],"names":["styles","container","css","inputMask","t","placeholderColor","inputMaskLeft","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,SADa,uBACD;AACV,eAAOC,YAAP;;;;;;AAMD,GARY;AASbC,EAAAA,SATa,qBASHC,CATG,EASO;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACC,gBADb;;;;;;AAOD,GAjBY;AAkBbC,EAAAA,aAlBa,2BAkBG;AACd,eAAOJ,YAAP;;;;;;AAMD,GAzBY,EAAf;;;AA4BO,IAAMK,QAAQ,GAAG,2BAAaP,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  container() {\r\n    return css`\r\n      display: inline-flex;\r\n      position: relative;\r\n      font-size: inherit;\r\n      flex: 100% 1 1;\r\n    `;\r\n  },\r\n  inputMask(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n      pointer-events: none;\r\n      font-size: inherit;\r\n      z-index: 5;\r\n      user-select: none;\r\n    `;\r\n  },\r\n  inputMaskLeft() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

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

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

package/cjs/internal/MaskedInput/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './MaskedInput';\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './MaskedInput';\r\n"]}

package/cjs/internal/Menu/Menu.d.ts

@@ -1,62 +1,62 @@
-import React from 'react';
-export interface MenuProps {
-    children: React.ReactNode;
-    hasShadow?: boolean;
-    maxHeight?: number | string;
-    onItemClick?: () => void;
-    width?: number | string;
-    preventWindowScroll?: boolean;
-}
-export interface MenuState {
-    highlightedIndex: number;
-}
-export declare class Menu extends React.Component<MenuProps, MenuState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        width: string;
-        maxHeight: number;
-        hasShadow: boolean;
-        preventWindowScroll: boolean;
-    };
-    state: {
-        highlightedIndex: number;
-    };
-    private theme;
-    private scrollContainer;
-    private highlighted;
-    private unmounted;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    up(): void;
-    /**
-     * @public
-     */
-    down(): void;
-    /**
-     * @public
-     */
-    enter(event: React.SyntheticEvent<HTMLElement>): boolean;
-    /**
-     * @public
-     */
-    reset(): void;
-    /**
-     * @public
-     */
-    hasHighlightedItem(): boolean;
-    highlightItem(index: number): void;
-    private renderMain;
-    private refScrollContainer;
-    private refHighlighted;
-    private scrollToSelected;
-    private scrollToTop;
-    private scrollToBottom;
-    private select;
-    private highlight;
-    private unhighlight;
-    private move;
-    private isEmpty;
-}
+import React from 'react';
+export interface MenuProps {
+    children: React.ReactNode;
+    hasShadow?: boolean;
+    maxHeight?: number | string;
+    onItemClick?: () => void;
+    width?: number | string;
+    preventWindowScroll?: boolean;
+}
+export interface MenuState {
+    highlightedIndex: number;
+}
+export declare class Menu extends React.Component<MenuProps, MenuState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        width: string;
+        maxHeight: number;
+        hasShadow: boolean;
+        preventWindowScroll: boolean;
+    };
+    state: {
+        highlightedIndex: number;
+    };
+    private theme;
+    private scrollContainer;
+    private highlighted;
+    private unmounted;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    up(): void;
+    /**
+     * @public
+     */
+    down(): void;
+    /**
+     * @public
+     */
+    enter(event: React.SyntheticEvent<HTMLElement>): boolean;
+    /**
+     * @public
+     */
+    reset(): void;
+    /**
+     * @public
+     */
+    hasHighlightedItem(): boolean;
+    highlightItem(index: number): void;
+    private renderMain;
+    private refScrollContainer;
+    private refHighlighted;
+    private scrollToSelected;
+    private scrollToTop;
+    private scrollToBottom;
+    private select;
+    private highlight;
+    private unhighlight;
+    private move;
+    private isEmpty;
+}

package/cjs/internal/Menu/Menu.js

@@ -218,16 +218,16 @@ Menu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Me
 
     unhighlight = function () {
       _this.setState({ highlightedIndex: -1 });
-    };return _this;}var _proto = Menu.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this.unmounted = true;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
-   * @public
-   */;_proto.up = function up() {this.move(-1);} /**
-   * @public
-   */;_proto.down = function down() {this.move(1);} /**
-   * @public
-   */;_proto.enter = function enter(event) {return this.select(this.state.highlightedIndex, true, event);} /**
-   * @public
-   */;_proto.reset = function reset() {this.setState({ highlightedIndex: -1 });} /**
-   * @public
+    };return _this;}var _proto = Menu.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this.unmounted = true;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
+   * @public
+   */;_proto.up = function up() {this.move(-1);} /**
+   * @public
+   */;_proto.down = function down() {this.move(1);} /**
+   * @public
+   */;_proto.enter = function enter(event) {return this.select(this.state.highlightedIndex, true, event);} /**
+   * @public
+   */;_proto.reset = function reset() {this.setState({ highlightedIndex: -1 });} /**
+   * @public
    */;_proto.hasHighlightedItem = function hasHighlightedItem() {return this.state.highlightedIndex !== -1;};_proto.highlightItem = function highlightItem(index) {this.highlight(index);};_proto.renderMain = function renderMain() {var _cn,_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, _classnames.default)((_cn = {}, _cn[_Menu.jsStyles.root(this.theme)] = true, _cn[_Menu.jsStyles.shadow(this.theme)] = this.props.hasShadow, _cn)), style: { width: this.props.width, maxHeight: this.props.maxHeight } }, /*#__PURE__*/_react.default.createElement(_ScrollContainer.ScrollContainer, { ref: this.refScrollContainer, maxHeight: this.props.maxHeight, preventWindowScroll: this.props.preventWindowScroll }, /*#__PURE__*/_react.default.createElement("div", { className: _Menu.jsStyles.scrollContainer(this.theme) }, _react.default.Children.map(this.props.children, function (child, index) {if (!child) {return child;}if (typeof child === 'string' || typeof child === 'number') {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;if (highlight && typeof child.ref !== 'string') {ref = _this3.refHighlighted.bind(_this3, child.ref);}return /*#__PURE__*/_react.default.cloneElement(child, { ref: ref, state: highlight ? 'hover' : child.props.state, onClick: _this3.select.bind(_this3, index, false), onMouseEnter: _this3.highlight.bind(_this3, index), onMouseLeave: _this3.unhighlight });}return child;}))));};_proto.refHighlighted = function refHighlighted(originalRef, menuItem) {this.highlighted = menuItem;if (typeof originalRef === 'function') {originalRef(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();}return true;}return false;};_proto.move = function move(step) {var _this4 = this;if (this.unmounted) {// NOTE workaround, because `ComboBox` call `process.nextTick` in reducer
       return;}var children = childrenToArray(this.props.children);var activeElements = children.filter(_isActiveElement.isActiveElement);if (!activeElements.length) {return;
     }