@skbkontur/react-ui 0.0.0-5a76463ffc → 0.0.0-60bf3b9da8

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

@@ -1 +1 @@
-{"version":3,"sources":["Menu.tsx"],"names":["React","ReactDOM","cn","ScrollContainer","isMenuItem","isMenuHeader","ThemeContext","jsStyles","isActiveElement","Menu","state","highlightedIndex","theme","scrollContainer","highlighted","unmounted","refScrollContainer","scrollToSelected","scrollTo","findDOMNode","scrollToTop","scrollToBottom","highlight","index","setState","unhighlight","componentWillUnmount","render","renderMain","up","move","down","enter","event","select","reset","hasHighlightedItem","highlightItem","enableIconPadding","Children","toArray","props","children","some","x","isValidElement","icon","isEmpty","root","shadow","hasShadow","width","maxHeight","preventWindowScroll","map","child","cloneElement","_enableIconPadding","ref","refHighlighted","bind","onClick","onMouseEnter","onMouseLeave","originalRef","menuItem","shouldHandleHref","item","childrenToArray","href","target","window","open","location","onItemClick","step","activeElements","filter","length","indexOf","isExist","Component","__KONTUR_REACT_UI__","defaultProps","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 { ScrollContainer } from '../../components/ScrollContainer';\r\nimport { isMenuItem, MenuItem, MenuItemProps } from '../../components/MenuItem';\r\nimport { isMenuHeader } from '../../components/MenuHeader';\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 './Menu.styles';\r\nimport { isActiveElement } from './isActiveElement';\r\n\r\nexport interface MenuProps {\r\n  children: React.ReactNode;\r\n  hasShadow?: boolean;\r\n  maxHeight?: number | string;\r\n  onItemClick?: () => void;\r\n  width?: number | string;\r\n  preventWindowScroll?: boolean;\r\n}\r\n\r\nexport interface MenuState {\r\n  highlightedIndex: number;\r\n}\r\n\r\nexport class Menu extends React.Component<MenuProps, MenuState> {\r\n  public static __KONTUR_REACT_UI__ = 'Menu';\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  };\r\n\r\n  public state = {\r\n    highlightedIndex: -1,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private scrollContainer: Nullable<ScrollContainer>;\r\n  private highlighted: Nullable<MenuItem>;\r\n  private unmounted = false;\r\n\r\n  public componentWillUnmount() {\r\n    this.unmounted = true;\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  /**\r\n   * @public\r\n   */\r\n  public up() {\r\n    this.move(-1);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public down() {\r\n    this.move(1);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public enter(event: React.SyntheticEvent<HTMLElement>) {\r\n    return this.select(this.state.highlightedIndex, true, event);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public reset() {\r\n    this.setState({ highlightedIndex: -1 });\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public hasHighlightedItem() {\r\n    return this.state.highlightedIndex !== -1;\r\n  }\r\n\r\n  public highlightItem(index: number) {\r\n    this.highlight(index);\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={{ width: this.props.width, maxHeight: this.props.maxHeight }}\r\n      >\r\n        <ScrollContainer\r\n          ref={this.refScrollContainer}\r\n          maxHeight={this.props.maxHeight}\r\n          preventWindowScroll={this.props.preventWindowScroll}\r\n        >\r\n          <div className={jsStyles.scrollContainer(this.theme)}>\r\n            {React.Children.map(this.props.children, (child, index) => {\r\n              if (!child) {\r\n                return child;\r\n              }\r\n              if (typeof child === 'string' || typeof child === 'number') {\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              if (isActiveElement(child)) {\r\n                const highlight = this.state.highlightedIndex === index;\r\n\r\n                let ref = child.ref;\r\n                if (highlight && typeof child.ref !== 'string') {\r\n                  ref = this.refHighlighted.bind(this, child.ref);\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: this.highlight.bind(this, index),\r\n                  onMouseLeave: this.unhighlight,\r\n                });\r\n              }\r\n              return child;\r\n            })}\r\n          </div>\r\n        </ScrollContainer>\r\n      </div>\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: ((menuItem: MenuItem | null) => any) | React.RefObject<MenuItem> | null | undefined,\r\n    menuItem: MenuItem | null,\r\n  ) {\r\n    this.highlighted = menuItem;\r\n\r\n    if (typeof originalRef === 'function') {\r\n      originalRef(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 scrollToTop = () => {\r\n    if (this.scrollContainer) {\r\n      this.scrollContainer.scrollToTop();\r\n    }\r\n  };\r\n\r\n  private scrollToBottom = () => {\r\n    if (this.scrollContainer) {\r\n      this.scrollContainer.scrollToBottom();\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    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);\r\n      }\r\n      if (this.props.onItemClick) {\r\n        this.props.onItemClick();\r\n      }\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  private highlight = (index: number) => {\r\n    this.setState({ highlightedIndex: index });\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    if (this.unmounted) {\r\n      // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\r\n      return;\r\n    }\r\n\r\n    const children = childrenToArray(this.props.children);\r\n    const activeElements = children.filter(isActiveElement);\r\n    if (!activeElements.length) {\r\n      return;\r\n    }\r\n    let index = this.state.highlightedIndex;\r\n    do {\r\n      index += step;\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        this.setState({ highlightedIndex: index }, () => {\r\n          switch (activeElements.indexOf(child)) {\r\n            case 0:\r\n              this.scrollToTop();\r\n              break;\r\n            case activeElements.length - 1:\r\n              this.scrollToBottom();\r\n              break;\r\n            default:\r\n              this.scrollToSelected();\r\n          }\r\n        });\r\n        return;\r\n      }\r\n    } while (index !== this.state.highlightedIndex);\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\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"]}
+{"version":3,"sources":["Menu.tsx"],"names":["React","responsiveLayout","isNonNullable","ScrollContainer","ThemeContext","cx","getRootNode","rootNode","addIconPaddingIfPartOfMenu","isIE11","createPropsGetter","isTheme2022","isIconPaddingEnabled","globalThat","isHTMLElement","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","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, isHTMLElement } 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 (isHTMLElement(rootNode)) {\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"]}

package/internal/Menu/Menu.d.ts

@@ -1,30 +1,38 @@
-import React from 'react';
-export interface MenuProps {
+import React, { HTMLAttributes } from 'react';
+import { InternalMenuProps } from '../InternalMenu';
+export interface MenuProps extends Pick<InternalMenuProps, 'preventIconsOffset'>, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     children: React.ReactNode;
     hasShadow?: boolean;
     maxHeight?: number | string;
     onItemClick?: () => void;
     width?: number | string;
     preventWindowScroll?: boolean;
+    /**
+     * Отключение кастомного скролла контейнера
+     */
+    disableScrollContainer?: boolean;
+    align?: 'left' | 'right';
 }
 export interface MenuState {
     highlightedIndex: number;
 }
+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> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        width: string;
-        maxHeight: number;
-        hasShadow: boolean;
-        preventWindowScroll: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     state: {
         highlightedIndex: number;
     };
     private theme;
     private scrollContainer;
+    private isMobileLayout;
     private highlighted;
     private unmounted;
+    private setRootNode;
     componentWillUnmount(): void;
     render(): JSX.Element;
     /**
@@ -49,6 +57,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
     hasHighlightedItem(): boolean;
     highlightItem(index: number): void;
     private renderMain;
+    private getChildList;
     private refScrollContainer;
     private refHighlighted;
     private scrollToSelected;
@@ -60,3 +69,4 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
     private move;
     private isEmpty;
 }
+export {};

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

@@ -1,46 +1,31 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      border: ", ";\n      box-shadow: ", ";\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-sizing: content-box;\n      overflow: auto;\n      padding: ", " 0;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-import { is8pxTheme } from "../../../lib/theming/ThemeHelpers";
-var styles = {
+export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject(), t.menuBgDefault, is8pxTheme(t) ? 0 : t.menuPaddingY);
+    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);
+  },
+  rootMobile: function rootMobile(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ", ";\n    "])), t.mobileMenuPaddingX);
+  },
+  alignRight: function alignRight() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n    "])));
+  },
+  alignRightIE11: function alignRightIE11() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      float: right;\n      width: 100%;\n    "])));
+  },
+  alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
+    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(_templateObject2(), is8pxTheme(t) ? t.menuPaddingY : 0);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.menuPaddingY);
+  },
+  scrollContainerMobile: function scrollContainerMobile(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.mobileMenuPaddingY);
   },
   shadow: function shadow(t) {
-    return css(_templateObject3(), t.menuBorder, t.menuShadow);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border: ", ";\n      box-shadow: ", ";\n    "])), t.menuBorder, t.menuShadow);
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["Menu.styles.ts"],"names":["css","memoizeStyle","is8pxTheme","styles","root","t","menuBgDefault","menuPaddingY","scrollContainer","shadow","menuBorder","menuShadow","jsStyles"],"mappings":"4tBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,SAASC,UAAT,QAA2B,gCAA3B;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACC,aADlB;;;AAIaJ,IAAAA,UAAU,CAACG,CAAD,CAAV,GAAgB,CAAhB,GAAoBA,CAAC,CAACE,YAJnC;;AAMD,GARY;;AAUbC,EAAAA,eAVa,2BAUGH,CAVH,EAUa;AACxB,WAAOL,GAAP;AACaE,IAAAA,UAAU,CAACG,CAAD,CAAV,GAAgBA,CAAC,CAACE,YAAlB,GAAiC,CAD9C;;AAGD,GAdY;;AAgBbE,EAAAA,MAhBa,kBAgBNJ,CAhBM,EAgBI;AACf,WAAOL,GAAP;AACYK,IAAAA,CAAC,CAACK,UADd;AAEgBL,IAAAA,CAAC,CAACM,UAFlB;;AAID,GArBY,EAAf;;;AAwBA,OAAO,IAAMC,QAAQ,GAAGX,YAAY,CAACE,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.menuBgDefault};\r\n      box-sizing: content-box;\r\n      overflow: auto;\r\n      padding: ${is8pxTheme(t) ? 0 : t.menuPaddingY} 0;\r\n    `;\r\n  },\r\n\r\n  scrollContainer(t: Theme) {\r\n    return css`\r\n      padding: ${is8pxTheme(t) ? t.menuPaddingY : 0} 0;\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\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"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"]}

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

@@ -1,5 +1,11 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    scrollContainer(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    shadow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    rootMobile(t: Theme): string;
+    alignRight(): string;
+    alignRightIE11(): string;
+    alignRightIE11FixAutoWidth(): string;
+    scrollContainer(t: Theme): string;
+    scrollContainerMobile(t: Theme): string;
+    shadow(t: Theme): string;
 };

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

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

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';\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"]}
+{"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"]}

package/internal/MenuMessage/MenuMessage/MenuMessage.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className", "as"];
+import React, { useContext } from 'react';
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
+import { useResponsiveLayout } from "../../../components/ResponsiveLayout";
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { styles } from "../MenuMessage.styles";
+export var MenuMessageDataTids = {
+  root: 'MenuMessage__root'
+};
+export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
+  var _cx;
+
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$as = _ref.as,
+      Tag = _ref$as === void 0 ? 'p' : _ref$as,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useResponsiveLayout = useResponsiveLayout(),
+      isMobile = _useResponsiveLayout.isMobile;
+
+  var theme = useContext(ThemeContext);
+  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)
+  }, rest), children);
+});

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

@@ -0,0 +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"]}

package/internal/MenuMessage/MenuMessage/package.json

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

package/internal/MenuMessage/MenuMessage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CommonProps } from '../CommonWrapper';
+export interface MenuMessageProps extends CommonProps {
+    children: React.ReactNode;
+    as?: React.ElementType;
+}
+export declare const MenuMessageDataTids: {
+    readonly root: "MenuMessage__root";
+};
+export declare const MenuMessage: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLOrSVGElement, MenuMessageProps>;

package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js

@@ -0,0 +1,23 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2;
+
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { getMenuItemPaddings } from "../../../components/MenuItem/MenuItem.styles";
+export var styles = memoizeStyle({
+  root: function root(t) {
+    var _getMenuItemPaddings = getMenuItemPaddings({
+      menuItemLegacyPaddingX: t.menuItemLegacyPaddingX,
+      menuItemPaddingX: t.menuMessagePaddingX,
+      menuItemLegacyPaddingY: t.menuItemLegacyPaddingY,
+      menuItemPaddingY: t.menuMessagePaddingY
+    }),
+        paddingX = _getMenuItemPaddings.paddingX,
+        paddingY = _getMenuItemPaddings.paddingY;
+
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      padding: 0;\n\n      display: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      background: ", ";\n    "])), t.menuMessageDisplay, t.menuMessageLineHeight, t.menuMessageFontSize, t.menuMessagePaddingY, paddingX, paddingY, t.menuMessagePaddingX, t.menuMessageTextColor, t.menuMessageBg);
+  },
+  rootMobile: function rootMobile(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuMessageFontSizeMobile, t.menuMessageLineHeightMobile, t.menuMessagePaddingMobile);
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuMessage.styles.ts"],"names":["css","memoizeStyle","getMenuItemPaddings","styles","root","t","menuItemLegacyPaddingX","menuItemPaddingX","menuMessagePaddingX","menuItemLegacyPaddingY","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","menuMessageDisplay","menuMessageLineHeight","menuMessageFontSize","menuMessageTextColor","menuMessageBg","rootMobile","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;AACA,SAASC,mBAAT,QAAoC,2CAApC;;AAEA,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;AACjCG,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,+BAA+BH,mBAAmB,CAAC;AACjDI,MAAAA,sBAAsB,EAAED,CAAC,CAACC,sBADuB;AAEjDC,MAAAA,gBAAgB,EAAEF,CAAC,CAACG,mBAF6B;AAGjDC,MAAAA,sBAAsB,EAAEJ,CAAC,CAACI,sBAHuB;AAIjDC,MAAAA,gBAAgB,EAAEL,CAAC,CAACM,mBAJ6B,EAAD,CAAlD,CAAQC,QAAR,wBAAQA,QAAR,CAAkBC,QAAlB,wBAAkBA,QAAlB;;;AAOA,WAAOb,GAAP;;;;AAIaK,IAAAA,CAAC,CAACS,kBAJf;AAKiBT,IAAAA,CAAC,CAACU,qBALnB;AAMeV,IAAAA,CAAC,CAACW,mBANjB;AAOaX,IAAAA,CAAC,CAACM,mBAPf,EAOsCC,QAPtC,EAOkDC,QAPlD,EAO8DR,CAAC,CAACG,mBAPhE;AAQWH,IAAAA,CAAC,CAACY,oBARb;AASgBZ,IAAAA,CAAC,CAACa,aATlB;;AAWD,GApBgC;;AAsBjCC,EAAAA,UAtBiC,sBAsBtBd,CAtBsB,EAsBZ;AACnB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACe,yBADjB;AAEiBf,IAAAA,CAAC,CAACgB,2BAFnB;AAGahB,IAAAA,CAAC,CAACiB,wBAHf;;AAKD,GA5BgC,EAAD,CAA3B","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemLegacyPaddingX: t.menuItemLegacyPaddingX,\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemLegacyPaddingY: t.menuItemLegacyPaddingY,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      padding: 0;\n\n      display: ${t.menuMessageDisplay};\n      line-height: ${t.menuMessageLineHeight};\n      font-size: ${t.menuMessageFontSize};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobile};\n      line-height: ${t.menuMessageLineHeightMobile};\n      padding: ${t.menuMessagePaddingMobile};\n    `;\n  },\n});\n"]}

package/internal/MenuMessage/MenuMessage.styles/package.json

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

package/internal/MenuMessage/MenuMessage.styles.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    rootMobile(t: Theme): string;
+};

package/internal/MenuMessage/index/index.js

@@ -0,0 +1 @@
+export * from "../MenuMessage";

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from './MenuMessage';\n"]}

package/internal/MenuMessage/index/package.json

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

package/internal/MenuMessage/index.d.ts

@@ -0,0 +1 @@
+export * from './MenuMessage';

package/internal/MenuMessage/package.json

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

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -0,0 +1,88 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { Transition } from 'react-transition-group';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { RenderContainer } from "../../RenderContainer";
+import { HideBodyVerticalScroll } from "../../HideBodyVerticalScroll";
+import { ZIndex } from "../../ZIndex";
+import { RenderLayer } from "../../RenderLayer";
+import { jsStyles } from "../MobilePopup.styles";
+import { MobilePopupHeader } from "../MobilePopupHeader";
+export var MobilePopupDataTids = {
+  root: 'MobilePopup__root',
+  container: 'MobilePopup__container'
+};
+export var MobilePopup = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(MobilePopup, _React$Component);
+
+  function MobilePopup() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+
+    _this.close = function () {
+      if (_this.props.onCloseRequest) {
+        _this.props.onCloseRequest();
+      }
+    };
+
+    return _this;
+  }
+
+  var _proto = MobilePopup.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  };
+
+  _proto.renderMain = function renderMain() {
+    var content = /*#__PURE__*/React.createElement(ZIndex, {
+      id: this.props.id,
+      className: jsStyles.zIndex(),
+      priority: 'MobilePopup'
+    }, /*#__PURE__*/React.createElement(Transition, {
+      "in": this.props.opened,
+      onExited: this.props.onClose,
+      mountOnEnter: true,
+      unmountOnExit: true,
+      timeout: 0
+    }, /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.wrapper()
+    }, /*#__PURE__*/React.createElement(RenderLayer, {
+      onClickOutside: this.close
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-tid": MobilePopupDataTids.container,
+      className: jsStyles.container(this.theme)
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-tid": MobilePopupDataTids.root,
+      className: jsStyles.root(this.theme)
+    }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
+      caption: this.props.caption
+    }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.content(this.theme)
+    }, this.props.children)), /*#__PURE__*/React.createElement("div", {
+      onClick: this.close,
+      className: jsStyles.bottomIndent()
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.bg()
+    }), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null))));
+
+    if (this.props.withoutRenderContainer) {
+      return content;
+    }
+
+    return /*#__PURE__*/React.createElement(RenderContainer, null, content);
+  };
+
+  return MobilePopup;
+}(React.Component);
+MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader';

package/internal/MobilePopup/MobilePopup/MobilePopup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MobilePopup.tsx"],"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","jsStyles","MobilePopupHeader","MobilePopupDataTids","root","container","MobilePopup","close","props","onCloseRequest","render","theme","renderMain","content","id","zIndex","opened","onClose","wrapper","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,UAAT,QAA2B,wBAA3B;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,eAAT,QAAgC,oBAAhC;AACA,SAASC,sBAAT,QAAuC,2BAAvC;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,WAAT,QAA4B,gBAA5B;;AAEA,SAASC,QAAT,QAAyB,sBAAzB;AACA,SAASC,iBAAT,QAAkC,qBAAlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B;;;AAKP,WAAaC,WAAb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CSC,IAAAA,KA5CT,GA4CiB,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,KAhDH,yDAKSC,MALT,GAKE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAdH,QAgBSA,UAhBT,GAgBE,sBAAoB,CAClB,IAAMC,OAAO,gBACX,oBAAC,MAAD,IAAQ,EAAE,EAAE,KAAKL,KAAL,CAAWM,EAAvB,EAA2B,SAAS,EAAEb,QAAQ,CAACc,MAAT,EAAtC,EAAyD,QAAQ,EAAE,aAAnE,iBACE,oBAAC,UAAD,IAAY,MAAI,KAAKP,KAAL,CAAWQ,MAA3B,EAAmC,QAAQ,EAAE,KAAKR,KAAL,CAAWS,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,6BAAK,SAAS,EAAEhB,QAAQ,CAACiB,OAAT,EAAhB,iBACE,oBAAC,WAAD,IAAa,cAAc,EAAE,KAAKX,KAAlC,iBACE,6BAAK,YAAUJ,mBAAmB,CAACE,SAAnC,EAA8C,SAAS,EAAEJ,QAAQ,CAACI,SAAT,CAAmB,KAAKM,KAAxB,CAAzD,iBACE,6BAAK,YAAUR,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEH,QAAQ,CAACG,IAAT,CAAc,KAAKO,KAAnB,CAApD,iBACE,oBAAC,iBAAD,IAAmB,OAAO,EAAE,KAAKH,KAAL,CAAWW,OAAvC,IAAiD,KAAKX,KAAL,CAAWY,oBAA5D,CADF,eAEE,6BAAK,SAAS,EAAEnB,QAAQ,CAACY,OAAT,CAAiB,KAAKF,KAAtB,CAAhB,IAA+C,KAAKH,KAAL,CAAWa,QAA1D,CAFF,CADF,eAKE,6BAAK,OAAO,EAAE,KAAKd,KAAnB,EAA0B,SAAS,EAAEN,QAAQ,CAACqB,YAAT,EAArC,GALF,CADF,CADF,eAUE,6BAAK,SAAS,EAAErB,QAAQ,CAACsB,EAAT,EAAhB,GAVF,eAWE,oBAAC,sBAAD,OAXF,CADF,CADF,CADF,CAoBA,IAAI,KAAKf,KAAL,CAAWgB,sBAAf,EAAuC,CACrC,OAAOX,OAAP,CACD,CAED,oBAAO,oBAAC,eAAD,QAAkBA,OAAlB,CAAP,CACD,CA1CH,sBAAiCnB,KAAK,CAAC+B,SAAvC,EAAanB,W,CACGoB,mB,GAAsB,kB","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n\n  private theme!: Theme;\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  public renderMain() {\n    const content = (\n      <ZIndex id={this.props.id} className={jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={jsStyles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div data-tid={MobilePopupDataTids.container} className={jsStyles.container(this.theme)}>\n                <div data-tid={MobilePopupDataTids.root} className={jsStyles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={jsStyles.content(this.theme)}>{this.props.children}</div>\n                </div>\n                <div onClick={this.close} className={jsStyles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={jsStyles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopup/package.json

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

package/internal/MobilePopup/MobilePopup.d.ts

@@ -0,0 +1,39 @@
+import React, { HTMLAttributes } from 'react';
+interface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
+    /**
+     * Функция, вызываемая при закрытии всплывающего окна
+     */
+    onClose?: () => void;
+    /**
+     * Заголовок всплывающего окна, располагается в шапке
+     */
+    caption?: string;
+    /**
+     * Шапка всплывающего окна
+     */
+    headerChildComponent?: React.ReactNode;
+    /**
+     * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`
+     */
+    withoutRenderContainer?: boolean;
+    /**
+     * Функция, вызываемая при клике по вуали
+     */
+    onCloseRequest?: () => void;
+    /**
+     * Позволяет контролировать текущее состояние всплывающего окна
+     */
+    opened: boolean;
+}
+export declare const MobilePopupDataTids: {
+    readonly root: "MobilePopup__root";
+    readonly container: "MobilePopup__container";
+};
+export declare class MobilePopup extends React.Component<MobilePopupProps> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+    close: () => void;
+}
+export {};

package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js

@@ -0,0 +1,29 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var styles = {
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBottomPadding, t.menuBgDefault);
+  },
+  wrapper: function wrapper() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
+  },
+  content: function content(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.bgDefault);
+  },
+  container: function container(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
+  },
+  bg: function bg() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
+  },
+  bottomIndent: function bottomIndent() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      height: 80px;\n    "])));
+  },
+  zIndex: function zIndex() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+  }
+};
+export var jsStyles = memoizeStyle(styles);

package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MobilePopup.styles.ts"],"names":["css","memoizeStyle","styles","root","t","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex","jsStyles"],"mappings":"gOAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;;;;;AAMmBI,IAAAA,CAAC,CAACC,gCANrB;;AAQoBD,IAAAA,CAAC,CAACE,iCARtB;AASgBF,IAAAA,CAAC,CAACG,aATlB;;AAWD,GAbY;;AAebC,EAAAA,OAfa,qBAeH;AACR,WAAOR,GAAP;;;;;;;;AAQD,GAxBY;;AA0BbS,EAAAA,OA1Ba,mBA0BLL,CA1BK,EA0BK;AAChB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACM,SADxB;;AAGD,GA9BY;;AAgCbC,EAAAA,SAhCa,qBAgCHP,CAhCG,EAgCO;AAClB,WAAOJ,GAAP;;AAESI,IAAAA,CAAC,CAACQ,qBAFX;AAGUR,IAAAA,CAAC,CAACS,uBAHZ;AAIWT,IAAAA,CAAC,CAACS,uBAJb;;;AAOD,GAxCY;;AA0CbC,EAAAA,EA1Ca,gBA0CR;AACH,WAAOd,GAAP;;;;;;;;;;;AAWD,GAtDY;;AAwDbe,EAAAA,YAxDa,0BAwDE;AACb,WAAOf,GAAP;;;AAGD,GA5DY;;AA8DbgB,EAAAA,MA9Da,oBA8DJ;AACP,WAAOhB,GAAP;;;AAGD,GAlEY,EAAf;;;AAqEA,OAAO,IAAMiB,QAAQ,GAAGhB,YAAY,CAACC,MAAD,CAA7B","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      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupContainerBorderRadius};\n      overflow: hidden;\n      padding-bottom: ${t.mobilePopupContainerBottomPadding};\n      background: ${t.menuBgDefault};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      position: absolute;\n      top: ${t.mobilePopupTopPadding};\n      left: ${t.mobilePopupOuterIndentY};\n      right: ${t.mobilePopupOuterIndentY};\n      z-index: 100000;\n    `;\n  },\n\n  bg() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    `;\n  },\n\n  bottomIndent() {\n    return css`\n      height: 80px;\n    `;\n  },\n\n  zIndex() {\n    return css`\n      position: relative;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/internal/MobilePopup/MobilePopup.styles/package.json

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

package/internal/MobilePopup/MobilePopup.styles.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const jsStyles: {
+    root(t: Theme): string;
+    wrapper(): string;
+    content(t: Theme): string;
+    container(t: Theme): string;
+    bg(): string;
+    bottomIndent(): string;
+    zIndex(): string;
+};