@skbkontur/react-ui 0.0.0-4c5579465d → 0.0.0-4da47ece08

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

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

package/internal/Menu/Menu.d.ts

@@ -1,10 +1,15 @@
 import React, { HTMLAttributes } from 'react';
-import { InternalMenuProps } from '../InternalMenu';
-export interface MenuProps extends Pick<InternalMenuProps, 'preventIconsOffset'>, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
+import { ScrollContainerScrollState } from '../../components/ScrollContainer';
+export interface MenuProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     children: React.ReactNode;
     hasShadow?: boolean;
+    /**
+     * Максимальная высота применяется только для скролл контейнера
+     *
+     * Высота `header` и `footer` в нее не включены
+     */
     maxHeight?: number | string;
-    onItemClick?: () => void;
+    onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
     width?: number | string;
     preventWindowScroll?: boolean;
     /**
@@ -12,28 +17,52 @@ export interface MenuProps extends Pick<InternalMenuProps, 'preventIconsOffset'>
      */
     disableScrollContainer?: boolean;
     align?: 'left' | 'right';
+    /**
+     * Предотвращает выравнивание текста всех пунктов меню относительно друг друга.
+     * Так, если хотя бы у одного пункта меню есть иконка, текст в  остальных пунктах меню будет выровнен относительно пункта меню с иконкой
+     */
+    preventIconsOffset?: boolean;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    /**
+     * Циклический перебор айтемов меню (по-дефолтну включен)
+     */
+    cyclicSelection?: boolean;
+    initialSelectedItemIndex?: number;
 }
 export interface MenuState {
     highlightedIndex: number;
+    maxHeight: number | string;
+    scrollState: ScrollContainerScrollState;
+    enableIconPadding: boolean;
 }
 export declare const MenuDataTids: {
     readonly root: "Menu__root";
 };
-declare type DefaultProps = Required<Pick<MenuProps, 'align' | 'width' | 'maxHeight' | 'hasShadow' | 'preventWindowScroll'>>;
-export declare class Menu extends React.Component<MenuProps, MenuState> {
+declare type DefaultProps = Required<Pick<MenuProps, 'align' | 'width' | 'maxHeight' | 'hasShadow' | 'preventWindowScroll' | 'cyclicSelection' | 'initialSelectedItemIndex'>>;
+export declare class Menu extends React.PureComponent<MenuProps, MenuState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
-    state: {
-        highlightedIndex: number;
-    };
+    state: MenuState;
     private theme;
     private scrollContainer;
     private isMobileLayout;
     private highlighted;
     private unmounted;
     private setRootNode;
+    private header;
+    private footer;
+    private contentRef;
+    private menuNavigation;
+    private menuItemsAtAnyLevel?;
     componentWillUnmount(): void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: MenuProps): void;
+    focus(): void;
+    private focusOnRootElement;
     render(): JSX.Element;
     /**
      * @public
@@ -57,16 +86,27 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
     hasHighlightedItem(): boolean;
     highlightItem(index: number): void;
     private renderMain;
+    private renderHeader;
+    private renderFooter;
+    private renderMenuSeparatorWithNoMargin;
     private getChildList;
+    private setInitialSelection;
+    private shouldRecalculateMaxHeight;
+    private calculateMaxHeight;
     private refScrollContainer;
     private refHighlighted;
     private scrollToSelected;
     private scrollToTop;
     private scrollToBottom;
+    private scroll;
     private select;
     private highlight;
     private unhighlight;
     private move;
     private isEmpty;
+    private handleKeyDown;
+    private getStyle;
+    private handleScrollStateChange;
+    private setEnableIconPadding;
 }
 export {};

package/internal/Menu/Menu.styles/Menu.styles.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["Menu.styles.ts"],"names":["css","memoizeStyle","styles","root","t","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingX","menuOffsetY","rootMobile","mobileMenuPaddingX","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuPaddingY","scrollContainerMobile","mobileMenuPaddingY","shadow","menuBorder","menuShadow"],"mappings":"kPAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,aADlB;AAEmBD,IAAAA,CAAC,CAACE,gBAFrB;AAGgBF,IAAAA,CAAC,CAACG,aAHlB;;AAKeH,IAAAA,CAAC,CAACI,YALjB;AAMYJ,IAAAA,CAAC,CAACK,WANd;AAOmBL,IAAAA,CAAC,CAACE,gBAPrB;;AASD,GAXgC;;AAajCI,EAAAA,UAbiC,sBAatBN,CAbsB,EAaZ;AACnB,WAAOJ,GAAP;;;AAGeI,IAAAA,CAAC,CAACO,kBAHjB;;AAKD,GAnBgC;;AAqBjCC,EAAAA,UArBiC,wBAqBpB;AACX,WAAOZ,GAAP;;;AAGD,GAzBgC;;AA2BjCa,EAAAA,cA3BiC,4BA2BhB;AACf,WAAOb,GAAP;;;;AAID,GAhCgC;;AAkCjCc,EAAAA,0BAlCiC,wCAkCJ;AAC3B,WAAOd,GAAP;;;;AAID,GAvCgC;;AAyCjCe,EAAAA,eAzCiC,2BAyCjBX,CAzCiB,EAyCP;AACxB,WAAOJ,GAAP;AACaI,IAAAA,CAAC,CAACY,YADf;;AAGD,GA7CgC;;AA+CjCC,EAAAA,qBA/CiC,iCA+CXb,CA/CW,EA+CD;AAC9B,WAAOJ,GAAP;AACaI,IAAAA,CAAC,CAACc,kBADf;;AAGD,GAnDgC;;AAqDjCC,EAAAA,MArDiC,kBAqD1Bf,CArD0B,EAqDhB;AACf,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACgB,UADd;AAEgBhB,IAAAA,CAAC,CAACiB,UAFlB;;AAID,GA1DgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.menuBgDefault};\n      border-radius: ${t.menuBorderRadius};\n      box-sizing: ${t.menuBoxSizing};\n      overflow: auto;\n      padding: 0 ${t.menuPaddingX};\n      margin: ${t.menuOffsetY} 0;\n      border-radius: ${t.menuBorderRadius};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ${t.mobileMenuPaddingX};\n    `;\n  },\n\n  alignRight() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  alignRightIE11() {\n    return css`\n      float: right;\n      width: 100%;\n    `;\n  },\n\n  alignRightIE11FixAutoWidth() {\n    return css`\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    `;\n  },\n\n  scrollContainer(t: Theme) {\n    return css`\n      padding: ${t.menuPaddingY} 0;\n    `;\n  },\n\n  scrollContainerMobile(t: Theme) {\n    return css`\n      padding: ${t.mobileMenuPaddingY} 0;\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Menu.styles.ts"],"names":["css","memoizeStyle","styles","root","t","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","menuOffsetY","mobileRoot","mobileMenuPaddingX","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","mobileMenuScrollContainerContentWrapperPaddingY","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"mappings":"gVAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,aADlB;AAEmBD,IAAAA,CAAC,CAACE,gBAFrB;AAGgBF,IAAAA,CAAC,CAACG,aAHlB;;AAKaH,IAAAA,CAAC,CAACI,YALf,EAK+BJ,CAAC,CAACK,YALjC;AAMYL,IAAAA,CAAC,CAACM,WANd;;AAQD,GAVgC;;AAYjCC,EAAAA,UAZiC,sBAYtBP,CAZsB,EAYZ;AACnB,WAAOJ,GAAP;;;AAGeI,IAAAA,CAAC,CAACQ,kBAHjB;;AAKD,GAlBgC;;AAoBjCC,EAAAA,UApBiC,wBAoBpB;AACX,WAAOb,GAAP;;;AAGD,GAxBgC;;AA0BjCc,EAAAA,cA1BiC,4BA0BhB;AACf,WAAOd,GAAP;;;;AAID,GA/BgC;;AAiCjCe,EAAAA,0BAjCiC,wCAiCJ;AAC3B,WAAOf,GAAP;;;;AAID,GAtCgC;;AAwCjCgB,EAAAA,eAxCiC,2BAwCjBZ,CAxCiB,EAwCP;AACxB,WAAOJ,GAAP;AACaI,IAAAA,CAAC,CAACa,yCADf;;AAGD,GA5CgC;;AA8CjCC,EAAAA,qBA9CiC,iCA8CXd,CA9CW,EA8CD;AAC9B,WAAOJ,GAAP;AACaI,IAAAA,CAAC,CAACe,+CADf;;AAGD,GAlDgC;;AAoDjCC,EAAAA,MApDiC,kBAoD1BhB,CApD0B,EAoDhB;AACf,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACiB,UADd;AAEgBjB,IAAAA,CAAC,CAACkB,UAFlB;;AAID,GAzDgC;;AA2DjCC,EAAAA,OA3DiC,qBA2DvB;AACR,WAAOvB,GAAP;;;;;;;;AAQD,GApEgC;;AAsEjCwB,EAAAA,aAtEiC,2BAsEjB;AACd,WAAOxB,GAAP;;;AAGD,GA1EgC;;AA4EjCyB,EAAAA,aA5EiC,2BA4EjB;AACd,WAAOzB,GAAP;;;AAGD,GAhFgC;;AAkFjC0B,EAAAA,cAlFiC,4BAkFhB;AACf,WAAO1B,GAAP;;;AAGD,GAtFgC;;AAwFjC2B,EAAAA,oBAxFiC,gCAwFZvB,CAxFY,EAwFF;AAC7B,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACwB,wBADd;;AAGD,GA5FgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.menuBgDefault};\n      border-radius: ${t.menuBorderRadius};\n      box-sizing: ${t.menuBoxSizing};\n      outline: none;\n      padding: ${t.menuPaddingY} ${t.menuPaddingX};\n      margin: ${t.menuOffsetY} 0;\n    `;\n  },\n\n  mobileRoot(t: Theme) {\n    return css`\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ${t.mobileMenuPaddingX};\n    `;\n  },\n\n  alignRight() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  alignRightIE11() {\n    return css`\n      float: right;\n      width: 100%;\n    `;\n  },\n\n  alignRightIE11FixAutoWidth() {\n    return css`\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    `;\n  },\n\n  scrollContainer(t: Theme) {\n    return css`\n      padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  scrollContainerMobile(t: Theme) {\n    return css`\n      padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      top: -5px;\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      bottom: -5px;\n    `;\n  },\n\n  contentWrapper() {\n    return css`\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  menuSeparatorWrapper(t: Theme) {\n    return css`\n      height: ${t.menuSeparatorBorderWidth};\n    `;\n  },\n});\n"]}

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

@@ -1,11 +1,16 @@
 import { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
-    rootMobile(t: Theme): string;
+    mobileRoot(t: Theme): string;
     alignRight(): string;
     alignRightIE11(): string;
     alignRightIE11FixAutoWidth(): string;
     scrollContainer(t: Theme): string;
     scrollContainerMobile(t: Theme): string;
     shadow(t: Theme): string;
+    wrapper(): string;
+    headerWrapper(): string;
+    footerWrapper(): string;
+    contentWrapper(): string;
+    menuSeparatorWrapper(t: Theme): string;
 };

package/internal/Menu/MenuContext/MenuContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export var MenuContext = /*#__PURE__*/React.createContext({
+  navigation: null,
+  enableIconPadding: false
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuContext.ts"],"names":["React","MenuContext","createContext","navigation","enableIconPadding"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;AAaA,OAAO,IAAMC,WAAW,gBAAGD,KAAK,CAACE,aAAN,CAAqC;AAC9DC,EAAAA,UAAU,EAAE,IADkD;AAE9DC,EAAAA,iBAAiB,EAAE,KAF2C,EAArC,CAApB","sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../../components/MenuItem';\n\nimport { MenuNavigation } from './MenuNavigation';\n\nexport interface MenuContextType {\n  navigation: MenuNavigation<MenuItem> | null;\n  enableIconPadding: boolean;\n  setEnableIconPadding?: (isIconPaddingEnabled: boolean) => void;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n}\n\nexport const MenuContext = React.createContext<MenuContextType>({\n  navigation: null,\n  enableIconPadding: false,\n});\n"]}

package/internal/Menu/MenuContext/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/Menu/MenuContext.js",
+  "module": "MenuContext",
+  "types": "../MenuContext.d.ts",
+  "sideEffects": false
+}

package/internal/Menu/MenuContext.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MenuItem } from '../../components/MenuItem';
+import { MenuNavigation } from './MenuNavigation';
+export interface MenuContextType {
+    navigation: MenuNavigation<MenuItem> | null;
+    enableIconPadding: boolean;
+    setEnableIconPadding?: (isIconPaddingEnabled: boolean) => void;
+    onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
+}
+export declare const MenuContext: React.Context<MenuContextType>;

package/internal/Menu/MenuNavigation/MenuNavigation.js

@@ -0,0 +1,123 @@
+export var MenuNavigation = /*#__PURE__*/function () {
+  function MenuNavigation(root, itemsContentDataTid) {
+    var _this = this;
+
+    this.tagsAndItems = new WeakMap();
+    this.highlightedItem = null;
+    this.items = [];
+
+    this.getEnabledItems = function () {
+      return _this.items.filter(function (item) {
+        return item.isEnabled();
+      });
+    };
+
+    this.root = root;
+    this.itemsContentDataTid = itemsContentDataTid;
+  }
+
+  var _proto = MenuNavigation.prototype;
+
+  _proto.update = function update() {
+    var _this$root,
+        _this2 = this;
+
+    if ((_this$root = this.root) != null && _this$root.current) {
+      var menuItems = Array.from(this.root.current.querySelectorAll("span[data-tid=\"" + this.itemsContentDataTid + "\"]"));
+      this.items = menuItems.map(function (item) {
+        return _this2.tagsAndItems.get(item);
+      }).filter(function (item) {
+        return item !== undefined;
+      });
+    }
+  };
+
+  _proto.add = function add(tag, item) {
+    var _this$root2;
+
+    this.tagsAndItems.set(tag, item);
+
+    if ((_this$root2 = this.root) != null && _this$root2.current) {
+      this.update();
+    } else {
+      this.items.push(item);
+    }
+  };
+
+  _proto.remove = function remove(tag) {
+    this.tagsAndItems["delete"](tag);
+    this.update();
+  };
+
+  _proto.move = function move(step, isCyclic) {
+    var enabledItems = this.getEnabledItems();
+    var currentIndex = this.highlightedItem ? enabledItems.indexOf(this.highlightedItem) : -1;
+    var minIndex = 0;
+    var maxIndex = enabledItems.length - 1;
+    var nextIndex = currentIndex + step;
+
+    if (nextIndex < minIndex) {
+      nextIndex = isCyclic ? maxIndex : minIndex;
+    }
+
+    if (nextIndex > maxIndex) {
+      nextIndex = isCyclic ? minIndex : maxIndex;
+    }
+
+    var nextItem = enabledItems[nextIndex];
+    this.highlight(nextItem);
+    return nextIndex;
+  };
+
+  _proto.highlight = function highlight(item) {
+    var _this3 = this;
+
+    var enabledItems = this.getEnabledItems();
+    enabledItems.forEach(function (_item) {
+      if (item === _item) {
+        _item.highlight();
+
+        _this3.highlightedItem = item;
+      } else {
+        _item.unhighlight();
+      }
+    });
+  };
+
+  _proto.highlightByIndex = function highlightByIndex(index) {
+    var _this4 = this;
+
+    this.items.forEach(function (_item, i) {
+      if (index === i && _item.isEnabled()) {
+        _item.highlight();
+
+        _this4.highlightedItem = _item;
+      } else {
+        _item.unhighlight();
+      }
+    });
+  };
+
+  _proto.unhighlight = function unhighlight() {
+    var _this$highlightedItem;
+
+    (_this$highlightedItem = this.highlightedItem) == null ? void 0 : _this$highlightedItem.unhighlight();
+    this.highlightedItem = null;
+  };
+
+  _proto.select = function select(event) {
+    if (this.highlightedItem) {
+      this.highlightedItem.select(event);
+      return true;
+    }
+
+    return false;
+  };
+
+  _proto.reset = function reset() {
+    this.highlight(null);
+    this.highlightedItem = null;
+  };
+
+  return MenuNavigation;
+}();

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuNavigation.tsx"],"names":["MenuNavigation","root","itemsContentDataTid","tagsAndItems","WeakMap","highlightedItem","items","getEnabledItems","filter","item","isEnabled","update","current","menuItems","Array","from","querySelectorAll","map","get","undefined","add","tag","set","push","remove","move","step","isCyclic","enabledItems","currentIndex","indexOf","minIndex","maxIndex","length","nextIndex","nextItem","highlight","forEach","_item","unhighlight","highlightByIndex","index","i","select","event","reset"],"mappings":"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","sourcesContent":["import React, { RefObject } from 'react';\n\ninterface Highlightable {\n  highlight(): void;\n  unhighlight(): void;\n  select(...args: unknown[]): void;\n  isEnabled(): boolean;\n}\n\nexport class MenuNavigation<T extends Highlightable> {\n  private readonly root: RefObject<HTMLDivElement> | null;\n  private readonly itemsContentDataTid: string;\n  private tagsAndItems: WeakMap<Element, T> = new WeakMap();\n\n  public highlightedItem: T | null = null;\n  public items: T[] = [];\n\n  constructor(root: RefObject<HTMLDivElement> | null, itemsContentDataTid: string) {\n    this.root = root;\n    this.itemsContentDataTid = itemsContentDataTid;\n  }\n\n  private update() {\n    if (this.root?.current) {\n      const menuItems = Array.from(this.root.current.querySelectorAll(`span[data-tid=\"${this.itemsContentDataTid}\"]`));\n      this.items = menuItems.map((item) => this.tagsAndItems.get(item)).filter((item): item is T => item !== undefined);\n    }\n  }\n\n  public add(tag: Element, item: T) {\n    this.tagsAndItems.set(tag, item);\n    if (this.root?.current) {\n      this.update();\n    } else {\n      this.items.push(item);\n    }\n  }\n\n  public remove(tag: HTMLElement) {\n    this.tagsAndItems.delete(tag);\n    this.update();\n  }\n\n  public move(step: number, isCyclic: boolean) {\n    const enabledItems = this.getEnabledItems();\n    const currentIndex = this.highlightedItem ? enabledItems.indexOf(this.highlightedItem) : -1;\n    const minIndex = 0;\n    const maxIndex = enabledItems.length - 1;\n    let nextIndex = currentIndex + step;\n    if (nextIndex < minIndex) {\n      nextIndex = isCyclic ? maxIndex : minIndex;\n    }\n    if (nextIndex > maxIndex) {\n      nextIndex = isCyclic ? minIndex : maxIndex;\n    }\n\n    const nextItem = enabledItems[nextIndex];\n\n    this.highlight(nextItem);\n\n    return nextIndex;\n  }\n\n  public highlight(item: T | null) {\n    const enabledItems = this.getEnabledItems();\n    enabledItems.forEach((_item) => {\n      if (item === _item) {\n        _item.highlight();\n        this.highlightedItem = item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public highlightByIndex(index: number) {\n    this.items.forEach((_item, i) => {\n      if (index === i && _item.isEnabled()) {\n        _item.highlight();\n        this.highlightedItem = _item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public unhighlight() {\n    this.highlightedItem?.unhighlight();\n    this.highlightedItem = null;\n  }\n\n  public select(event: React.SyntheticEvent<HTMLElement>) {\n    if (this.highlightedItem) {\n      this.highlightedItem.select(event);\n      return true;\n    }\n    return false;\n  }\n\n  public reset() {\n    this.highlight(null);\n    this.highlightedItem = null;\n  }\n\n  private getEnabledItems = () => {\n    return this.items.filter((item) => item.isEnabled());\n  };\n}\n"]}

package/internal/Menu/MenuNavigation/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/Menu/MenuNavigation.js",
+  "module": "MenuNavigation",
+  "types": "../MenuNavigation.d.ts",
+  "sideEffects": false
+}

package/internal/Menu/MenuNavigation.d.ts

@@ -0,0 +1,26 @@
+import React, { RefObject } from 'react';
+interface Highlightable {
+    highlight(): void;
+    unhighlight(): void;
+    select(...args: unknown[]): void;
+    isEnabled(): boolean;
+}
+export declare class MenuNavigation<T extends Highlightable> {
+    private readonly root;
+    private readonly itemsContentDataTid;
+    private tagsAndItems;
+    highlightedItem: T | null;
+    items: T[];
+    constructor(root: RefObject<HTMLDivElement> | null, itemsContentDataTid: string);
+    private update;
+    add(tag: Element, item: T): void;
+    remove(tag: HTMLElement): void;
+    move(step: number, isCyclic: boolean): number;
+    highlight(item: T | null): void;
+    highlightByIndex(index: number): void;
+    unhighlight(): void;
+    select(event: React.SyntheticEvent<HTMLElement>): boolean;
+    reset(): void;
+    private getEnabledItems;
+}
+export {};

package/internal/Menu/isActiveElement/isActiveElement.js

@@ -1,4 +1,4 @@
 import { isMenuItem } from "../../../components/MenuItem";
 export function isActiveElement(element) {
-  return isMenuItem(element) && !element.props.disabled;
+  return isMenuItem(element) && !element.props.disabled && !element.props.isNotSelectable;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["isActiveElement.tsx"],"names":["isMenuItem","isActiveElement","element","props","disabled"],"mappings":";;AAEA,SAAkCA,UAAlC,QAAoD,2BAApD;;AAEA,OAAO,SAASC,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAOF,UAAU,CAACE,OAAD,CAAV,IAAuB,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":["isMenuItem","isActiveElement","element","props","disabled","isNotSelectable"],"mappings":";;AAEA,SAAkCA,UAAlC,QAAoD,2BAApD;;AAEA,OAAO,SAASC,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAOF,UAAU,CAACE,OAAD,CAAV,IAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAAtC,IAAkD,CAACF,OAAO,CAACC,KAAR,CAAcE,eAAxE;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 && !element.props.isNotSelectable;\n}\n"]}

package/internal/MenuMessage/MenuMessage/MenuMessage.js

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

package/internal/MenuMessage/MenuMessage/MenuMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuMessage.tsx"],"names":["React","useContext","forwardRefAndName","useResponsiveLayout","cx","ThemeContext","styles","MenuMessageDataTids","root","MenuMessage","ref","children","className","as","Tag","rest","isMobile","theme","rootMobile"],"mappings":"8MAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,mBAAT,QAAoC,mCAApC;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;;AAGA,SAASC,MAAT,QAAuB,sBAAvB;;;;;;;AAOA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;AAC1C,aAD0C;AAE1C,gBAAkDQ,GAAlD,EAA0D,aAAvDC,QAAuD,QAAvDA,QAAuD,CAA7CC,SAA6C,QAA7CA,SAA6C,gBAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxD,6BAAqBZ,mBAAmB,EAAxC,CAAQa,QAAR,wBAAQA,QAAR;;AAEA,MAAMC,KAAK,GAAGhB,UAAU,CAACI,YAAD,CAAxB;;AAEA;AACE,wBAAC,GAAD;AACE,MAAA,GAAG,EAAEK,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,EAAEJ,EAAE;;AAERE,MAAAA,MAAM,CAACE,IAAP,CAAYS,KAAZ,CAFQ,IAEa,IAFb;AAGRX,MAAAA,MAAM,CAACY,UAAP,CAAkBD,KAAlB,CAHQ,IAGmBD,QAHnB;;AAKXJ,MAAAA,SALW,CAHf;;AAUMG,IAAAA,IAVN;;AAYGJ,IAAAA,QAZH,CADF;;;AAgBD,CAvByC,CAArC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps } from '../CommonWrapper';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}
+{"version":3,"sources":["MenuMessage.tsx"],"names":["React","useContext","forwardRefAndName","useResponsiveLayout","cx","ThemeContext","styles","MenuMessageDataTids","root","MenuMessage","ref","children","className","size","as","Tag","rest","isMobile","theme","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","rootMobile"],"mappings":"sNAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,mBAAT,QAAoC,mCAApC;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;;;AAIA,SAASC,MAAT,QAAuB,sBAAvB;;;;;;;;AAQA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;AAC1C,aAD0C;AAE1C,gBAAkEQ,GAAlE,EAA0E,aAAvEC,QAAuE,QAAvEA,QAAuE,CAA7DC,SAA6D,QAA7DA,SAA6D,kBAAlDC,IAAkD,CAAlDA,IAAkD,0BAA3C,OAA2C,4BAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxE,6BAAqBb,mBAAmB,EAAxC,CAAQc,QAAR,wBAAQA,QAAR;;AAEA,MAAMC,KAAK,GAAGjB,UAAU,CAACI,YAAD,CAAxB;;AAEA,MAAMc,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAM;AACxC,YAAQN,IAAR;AACE,WAAK,OAAL;AACE,eAAOT,EAAE,CAACE,MAAM,CAACc,SAAP,CAAiBF,KAAjB,CAAD,CAAT;AACF,WAAK,QAAL;AACE,eAAOd,EAAE,CAACE,MAAM,CAACe,UAAP,CAAkBH,KAAlB,CAAD,CAAT;AACF,WAAK,OAAL;AACA;AACE,eAAOd,EAAE,CAACE,MAAM,CAACgB,SAAP,CAAiBJ,KAAjB,CAAD,CAAT,CAPJ;;AASD,GAVD;;AAYA;AACE,wBAAC,GAAD;AACE,MAAA,GAAG,EAAER,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,EAAEJ,EAAE;AACXe,MAAAA,2BAA2B,EADhB;;AAGRb,MAAAA,MAAM,CAACE,IAAP,CAAYU,KAAZ,CAHQ,IAGa,IAHb;AAIRZ,MAAAA,MAAM,CAACiB,UAAP,CAAkBL,KAAlB,CAJQ,IAImBD,QAJnB;;AAMXL,MAAAA,SANW,CAHf;;AAWMI,IAAAA,IAXN;;AAaGL,IAAAA,QAbH,CADF;;;AAiBD,CApCyC,CAArC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps } from '../CommonWrapper';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootLarge(theme));\n        case 'medium':\n          return cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}