@skbkontur/react-ui 3.8.0 → 3.8.4-adaptive.1

package/internal/Menu/Menu/Menu.js

@@ -1,3 +1,4 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import ReactDOM from 'react-dom';
@@ -27,6 +28,46 @@ export var Menu = /*#__PURE__*/function (_React$Component) {
     _this.highlighted = void 0;
     _this.unmounted = false;
 
+    _this.getChildList = function () {
+      var enableIconPadding = React.Children.toArray(_this.props.children).some(function (x) {
+        return /*#__PURE__*/React.isValidElement(x) && x.props.icon;
+      });
+      return React.Children.map(_this.props.children, function (child, index) {
+        if (!child) {
+          return child;
+        }
+
+        if (typeof child === 'string' || typeof child === 'number') {
+          return child;
+        }
+
+        if (enableIconPadding && (isMenuItem(child) || isMenuHeader(child))) {
+          child = /*#__PURE__*/React.cloneElement(child, {
+            _enableIconPadding: true
+          });
+        }
+
+        if (isActiveElement(child)) {
+          var highlight = _this.state.highlightedIndex === index;
+          var ref = child.ref;
+
+          if (highlight && typeof child.ref !== 'string') {
+            ref = _this.refHighlighted.bind(_assertThisInitialized(_this), child.ref);
+          }
+
+          return /*#__PURE__*/React.cloneElement(child, {
+            ref: ref,
+            state: highlight ? 'hover' : child.props.state,
+            onClick: _this.select.bind(_assertThisInitialized(_this), index, false),
+            onMouseEnter: _this.highlight.bind(_assertThisInitialized(_this), index),
+            onMouseLeave: _this.unhighlight
+          });
+        }
+
+        return child;
+      });
+    };
+
     _this.refScrollContainer = function (scrollContainer) {
       _this.scrollContainer = scrollContainer;
     };
@@ -126,12 +167,7 @@ export var Menu = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.renderMain = function renderMain() {
-    var _cx,
-        _this3 = this;
-
-    var enableIconPadding = React.Children.toArray(this.props.children).some(function (x) {
-      return /*#__PURE__*/React.isValidElement(x) && x.props.icon;
-    });
+    var _cx;
 
     if (this.isEmpty()) {
       return null;
@@ -146,43 +182,11 @@ export var Menu = /*#__PURE__*/function (_React$Component) {
     }, /*#__PURE__*/React.createElement(ScrollContainer, {
       ref: this.refScrollContainer,
       maxHeight: this.props.maxHeight,
-      preventWindowScroll: this.props.preventWindowScroll
+      preventWindowScroll: this.props.preventWindowScroll,
+      disabled: this.props.disableScrollContainer
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.scrollContainer(this.theme)
-    }, React.Children.map(this.props.children, function (child, index) {
-      if (!child) {
-        return child;
-      }
-
-      if (typeof child === 'string' || typeof child === 'number') {
-        return child;
-      }
-
-      if (enableIconPadding && (isMenuItem(child) || isMenuHeader(child))) {
-        child = /*#__PURE__*/React.cloneElement(child, {
-          _enableIconPadding: true
-        });
-      }
-
-      if (isActiveElement(child)) {
-        var highlight = _this3.state.highlightedIndex === index;
-        var ref = child.ref;
-
-        if (highlight && typeof child.ref !== 'string') {
-          ref = _this3.refHighlighted.bind(_this3, child.ref);
-        }
-
-        return /*#__PURE__*/React.cloneElement(child, {
-          ref: ref,
-          state: highlight ? 'hover' : child.props.state,
-          onClick: _this3.select.bind(_this3, index, false),
-          onMouseEnter: _this3.highlight.bind(_this3, index),
-          onMouseLeave: _this3.unhighlight
-        });
-      }
-
-      return child;
-    }))));
+    }, this.getChildList())));
   };
 
   _proto.refHighlighted = function refHighlighted(originalRef, menuItem) {
@@ -220,7 +224,7 @@ export var Menu = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.move = function move(step) {
-    var _this4 = this;
+    var _this3 = this;
 
     if (this.unmounted) {
       // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer
@@ -248,22 +252,22 @@ export var Menu = /*#__PURE__*/function (_React$Component) {
       var child = children[index];
 
       if (isActiveElement(child)) {
-        _this4.setState({
+        _this3.setState({
           highlightedIndex: index
         }, function () {
           switch (activeElements.indexOf(child)) {
             case 0:
-              _this4.scrollToTop();
+              _this3.scrollToTop();
 
               break;
 
             case activeElements.length - 1:
-              _this4.scrollToBottom();
+              _this3.scrollToBottom();
 
               break;
 
             default:
-              _this4.scrollToSelected();
+              _this3.scrollToSelected();
 
           }
         });

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

@@ -1 +1 @@
-{"version":3,"sources":["Menu.tsx"],"names":["React","ReactDOM","ScrollContainer","isMenuItem","isMenuHeader","ThemeContext","cx","styles","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';\nimport ReactDOM from 'react-dom';\n\nimport { ScrollContainer } from '../../components/ScrollContainer';\nimport { isMenuItem, MenuItem, MenuItemProps } from '../../components/MenuItem';\nimport { isMenuHeader } from '../../components/MenuHeader';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Menu.styles';\nimport { isActiveElement } from './isActiveElement';\n\nexport interface MenuProps {\n  children: React.ReactNode;\n  hasShadow?: boolean;\n  maxHeight?: number | string;\n  onItemClick?: () => void;\n  width?: number | string;\n  preventWindowScroll?: boolean;\n}\n\nexport interface MenuState {\n  highlightedIndex: number;\n}\n\nexport class Menu extends React.Component<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'Menu';\n\n  public static defaultProps = {\n    width: 'auto',\n    maxHeight: 300,\n    hasShadow: true,\n    preventWindowScroll: true,\n  };\n\n  public state = {\n    highlightedIndex: -1,\n  };\n\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private highlighted: Nullable<MenuItem>;\n  private unmounted = false;\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    const enableIconPadding = React.Children.toArray(this.props.children).some(\n      (x) => React.isValidElement(x) && x.props.icon,\n    );\n\n    if (this.isEmpty()) {\n      return null;\n    }\n\n    return (\n      <div\n        className={cx({\n          [styles.root(this.theme)]: true,\n          [styles.shadow(this.theme)]: this.props.hasShadow,\n        })}\n        style={{ width: this.props.width, maxHeight: this.props.maxHeight }}\n      >\n        <ScrollContainer\n          ref={this.refScrollContainer}\n          maxHeight={this.props.maxHeight}\n          preventWindowScroll={this.props.preventWindowScroll}\n        >\n          <div className={styles.scrollContainer(this.theme)}>\n            {React.Children.map(this.props.children, (child, index) => {\n              if (!child) {\n                return child;\n              }\n              if (typeof child === 'string' || typeof child === 'number') {\n                return child;\n              }\n\n              if (enableIconPadding && (isMenuItem(child) || isMenuHeader(child))) {\n                child = React.cloneElement(child, {\n                  _enableIconPadding: true,\n                });\n              }\n              if (isActiveElement(child)) {\n                const highlight = this.state.highlightedIndex === index;\n\n                let ref = child.ref;\n                if (highlight && typeof child.ref !== 'string') {\n                  ref = this.refHighlighted.bind(this, child.ref);\n                }\n\n                return React.cloneElement<MenuItemProps, MenuItem>(child, {\n                  ref,\n                  state: highlight ? 'hover' : child.props.state,\n                  onClick: this.select.bind(this, index, false),\n                  onMouseEnter: this.highlight.bind(this, index),\n                  onMouseLeave: this.unhighlight,\n                });\n              }\n              return child;\n            })}\n          </div>\n        </ScrollContainer>\n      </div>\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      this.scrollContainer.scrollTo(ReactDOM.findDOMNode(this.highlighted) as HTMLElement);\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          window.open(item.props.href, item.props.target);\n        } else {\n          location.href = item.props.href;\n        }\n      }\n      if (item.props.onClick) {\n        item.props.onClick(event);\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(isExist).length;\n  }\n}\n\nfunction isExist(value: any): value is any {\n  return value !== null && value !== undefined;\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n  const ret: React.ReactNode[] = [];\n  // Use forEach instead of map to avoid cloning for key unifying.\n  React.Children.forEach(children, (child) => {\n    ret.push(child);\n  });\n  return ret;\n}\n"]}
+{"version":3,"sources":["Menu.tsx"],"names":["React","ReactDOM","ScrollContainer","isMenuItem","isMenuHeader","ThemeContext","cx","styles","isActiveElement","Menu","state","highlightedIndex","theme","scrollContainer","highlighted","unmounted","getChildList","enableIconPadding","Children","toArray","props","children","some","x","isValidElement","icon","map","child","index","cloneElement","_enableIconPadding","highlight","ref","refHighlighted","bind","onClick","select","onMouseEnter","onMouseLeave","unhighlight","refScrollContainer","scrollToSelected","scrollTo","findDOMNode","scrollToTop","scrollToBottom","setState","componentWillUnmount","render","renderMain","up","move","down","enter","event","reset","hasHighlightedItem","highlightItem","isEmpty","root","shadow","hasShadow","width","maxHeight","preventWindowScroll","disableScrollContainer","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';\nimport ReactDOM from 'react-dom';\n\nimport { ScrollContainer } from '../../components/ScrollContainer';\nimport { isMenuItem, MenuItem, MenuItemProps } from '../../components/MenuItem';\nimport { isMenuHeader } from '../../components/MenuHeader';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Menu.styles';\nimport { isActiveElement } from './isActiveElement';\n\nexport interface MenuProps {\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}\n\nexport interface MenuState {\n  highlightedIndex: number;\n}\n\nexport class Menu extends React.Component<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'Menu';\n\n  public static defaultProps = {\n    width: 'auto',\n    maxHeight: 300,\n    hasShadow: true,\n    preventWindowScroll: true,\n  };\n\n  public state = {\n    highlightedIndex: -1,\n  };\n\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private highlighted: Nullable<MenuItem>;\n  private unmounted = false;\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\n    return (\n      <div\n        className={cx({\n          [styles.root(this.theme)]: true,\n          [styles.shadow(this.theme)]: this.props.hasShadow,\n        })}\n        style={{ width: this.props.width, maxHeight: this.props.maxHeight }}\n      >\n        <ScrollContainer\n          ref={this.refScrollContainer}\n          maxHeight={this.props.maxHeight}\n          preventWindowScroll={this.props.preventWindowScroll}\n          disabled={this.props.disableScrollContainer}\n        >\n          <div className={styles.scrollContainer(this.theme)}>{this.getChildList()}</div>\n        </ScrollContainer>\n      </div>\n    );\n  }\n\n  private getChildList = () => {\n    const enableIconPadding = React.Children.toArray(this.props.children).some(\n      (x) => React.isValidElement(x) && x.props.icon,\n    );\n\n    return React.Children.map(this.props.children, (child, index) => {\n      if (!child) {\n        return child;\n      }\n      if (typeof child === 'string' || typeof child === 'number') {\n        return child;\n      }\n\n      if (enableIconPadding && (isMenuItem(child) || isMenuHeader(child))) {\n        child = React.cloneElement(child, {\n          _enableIconPadding: true,\n        });\n      }\n      if (isActiveElement(child)) {\n        const highlight = this.state.highlightedIndex === index;\n\n        let ref = child.ref;\n        if (highlight && typeof child.ref !== 'string') {\n          ref = this.refHighlighted.bind(this, child.ref);\n        }\n\n        return React.cloneElement<MenuItemProps, MenuItem>(child, {\n          ref,\n          state: highlight ? 'hover' : child.props.state,\n          onClick: this.select.bind(this, index, false),\n          onMouseEnter: this.highlight.bind(this, index),\n          onMouseLeave: this.unhighlight,\n        });\n      }\n      return child;\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      this.scrollContainer.scrollTo(ReactDOM.findDOMNode(this.highlighted) as HTMLElement);\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          window.open(item.props.href, item.props.target);\n        } else {\n          location.href = item.props.href;\n        }\n      }\n      if (item.props.onClick) {\n        item.props.onClick(event);\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(isExist).length;\n  }\n}\n\nfunction isExist(value: any): value is any {\n  return value !== null && value !== undefined;\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n  const ret: React.ReactNode[] = [];\n  // Use forEach instead of map to avoid cloning for key unifying.\n  React.Children.forEach(children, (child) => {\n    ret.push(child);\n  });\n  return ret;\n}\n"]}

package/internal/Menu/Menu.d.ts

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

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

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

package/internal/Menu/index.d.ts

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

package/internal/Menu/isActiveElement.d.ts

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

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -0,0 +1,97 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { RenderContainer } from "../../RenderContainer";
+import { HideBodyVerticalScroll } from "../../HideBodyVerticalScroll";
+import { cx } from "../../../lib/theming/Emotion";
+import { jsStyles } from "../MobilePopup.styles";
+import { MobilePopupHeader } from "../MobilePopupHeader";
+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.contentDiv = void 0;
+    _this.theme = void 0;
+    _this.state = {
+      isScrolled: false,
+      isOpened: false
+    };
+
+    _this.close = function () {
+      _this.setState({
+        isOpened: false
+      });
+
+      if (_this.props.onClose) {
+        setTimeout(_this.props.onClose, 250);
+      }
+    };
+
+    _this.refContent = function (contentDiv) {
+      _this.contentDiv = contentDiv;
+    };
+
+    _this.handleScrollMenu = function (e) {
+      if (_this.contentDiv) {
+        var isScrolled = _this.contentDiv.scrollTop > 0;
+
+        if (isScrolled !== _this.state.isScrolled) {
+          _this.setState({
+            isScrolled: isScrolled
+          });
+        }
+      }
+    };
+
+    return _this;
+  }
+
+  var _proto = MobilePopup.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    this.setState({
+      isOpened: true
+    });
+  };
+
+  _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 _cx, _cx2;
+
+    return /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx = {}, _cx[jsStyles.container(this.theme)] = true, _cx[jsStyles.containerOpened()] = this.state.isOpened, _cx))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx2 = {}, _cx2[jsStyles.root(this.theme)] = true, _cx2[jsStyles.rootFullHeight(this.theme)] = this.props.useFullHeight, _cx2)),
+      onClick: this.props.useFullHeight ? undefined : this.close
+    }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
+      caption: this.props.caption,
+      onClose: this.close,
+      withShadow: this.state.isScrolled
+    }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.content(this.theme),
+      onScroll: this.handleScrollMenu,
+      ref: this.refContent
+    }, this.props.children))), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null), /*#__PURE__*/React.createElement("div", {
+      onClick: this.close,
+      className: jsStyles.bg()
+    }));
+  };
+
+  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","ThemeContext","RenderContainer","HideBodyVerticalScroll","cx","jsStyles","MobilePopupHeader","MobilePopup","contentDiv","theme","state","isScrolled","isOpened","close","setState","props","onClose","setTimeout","refContent","handleScrollMenu","e","scrollTop","componentDidMount","render","renderMain","container","containerOpened","root","rootFullHeight","useFullHeight","undefined","caption","headerChildComponent","content","children","bg","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Nullable } from '../../typings/utility-types';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\n\ninterface MobilePopupProps {\n  caption?: string;\n  onClose?: () => void;\n  /**\n   * Компонент, закрепленный сверху меню (под холдером)\n   */\n  headerChildComponent?: React.ReactNode;\n  useFullHeight?: boolean;\n}\n\ninterface MobilePopupState {\n  isScrolled: boolean;\n  isOpened: boolean;\n}\n\nexport class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n\n  private contentDiv: Nullable<HTMLDivElement>;\n  private theme!: Theme;\n\n  public state: MobilePopupState = {\n    isScrolled: false,\n    isOpened: false,\n  };\n\n  public componentDidMount() {\n    this.setState({ isOpened: 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  public renderMain() {\n    return (\n      <RenderContainer>\n        <div\n          className={cx({\n            [jsStyles.container(this.theme)]: true,\n            [jsStyles.containerOpened()]: this.state.isOpened,\n          })}\n        >\n          <div\n            className={cx({\n              [jsStyles.root(this.theme)]: true,\n              [jsStyles.rootFullHeight(this.theme)]: this.props.useFullHeight,\n            })}\n            onClick={this.props.useFullHeight ? undefined : this.close}\n          >\n            <MobilePopupHeader caption={this.props.caption} onClose={this.close} withShadow={this.state.isScrolled}>\n              {this.props.headerChildComponent}\n            </MobilePopupHeader>\n            <div className={jsStyles.content(this.theme)} onScroll={this.handleScrollMenu} ref={this.refContent}>\n              {this.props.children}\n            </div>\n          </div>\n        </div>\n        <HideBodyVerticalScroll />\n        <div onClick={this.close} className={jsStyles.bg()} />\n      </RenderContainer>\n    );\n  }\n\n  public close = () => {\n    this.setState({\n      isOpened: false,\n    });\n\n    if (this.props.onClose) {\n      setTimeout(this.props.onClose, 250);\n    }\n  };\n\n  private refContent = (contentDiv: HTMLDivElement) => {\n    this.contentDiv = contentDiv;\n  };\n\n  private handleScrollMenu = (e: React.UIEvent<HTMLDivElement>) => {\n    if (this.contentDiv) {\n      const isScrolled = this.contentDiv.scrollTop > 0;\n\n      if (isScrolled !== this.state.isScrolled) {\n        this.setState({ isScrolled });\n      }\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,27 @@
+import React from 'react';
+interface MobilePopupProps {
+    caption?: string;
+    onClose?: () => void;
+    /**
+     * Компонент, закрепленный сверху меню (под холдером)
+     */
+    headerChildComponent?: React.ReactNode;
+    useFullHeight?: boolean;
+}
+interface MobilePopupState {
+    isScrolled: boolean;
+    isOpened: boolean;
+}
+export declare class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {
+    static __KONTUR_REACT_UI__: string;
+    private contentDiv;
+    private theme;
+    state: MobilePopupState;
+    componentDidMount(): void;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+    close: () => void;
+    private refContent;
+    private handleScrollMenu;
+}
+export {};

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

@@ -0,0 +1,26 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+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    "])), t.mobilePopupHeaderBorderRadius);
+  },
+  rootFullHeight: function rootFullHeight(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      justify-content: flex-start;\n      flex-grow: 1;\n    "])), t.bgDefault);
+  },
+  content: function content(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      overflow: auto;\n      background-color: ", ";\n    "])), t.bgDefault);
+  },
+  container: function container(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: ", ";\n      right: 0;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: 100000;\n      border-radius: ", ";\n      transform: translateY(100%);\n      transition: transform 0.25s;\n    "])), t.mobilePopupTopPadding, t.mobilePopupHeaderBorderRadius);
+  },
+  containerOpened: function containerOpened() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      transform: translateY(0%);\n      transition: transform 0.25s;\n    "])));
+  },
+  bg: function bg() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      opacity: 50%;\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","mobilePopupHeaderBorderRadius","rootFullHeight","bgDefault","content","container","mobilePopupTopPadding","containerOpened","bg","jsStyles"],"mappings":"8MAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;;;;;AAMmBI,IAAAA,CAAC,CAACC,6BANrB;;AAQD,GAVY;;AAYbC,EAAAA,cAZa,0BAYEF,CAZF,EAYY;AACvB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACG,SADxB;;;;AAKD,GAlBY;;AAoBbC,EAAAA,OApBa,mBAoBLJ,CApBK,EAoBK;AAChB,WAAOJ,GAAP;;AAEsBI,IAAAA,CAAC,CAACG,SAFxB;;AAID,GAzBY;;AA2BbE,EAAAA,SA3Ba,qBA2BHL,CA3BG,EA2BO;AAClB,WAAOJ,GAAP;;AAESI,IAAAA,CAAC,CAACM,qBAFX;;;;;;AAQmBN,IAAAA,CAAC,CAACC,6BARrB;;;;AAYD,GAxCY;;AA0CbM,EAAAA,eA1Ca,6BA0CK;AAChB,WAAOX,GAAP;;;;AAID,GA/CY;;AAiDbY,EAAAA,EAjDa,gBAiDR;AACH,WAAOZ,GAAP;;;;;;;;;;AAUD,GA5DY,EAAf;;;AA+DA,OAAO,IAAMa,QAAQ,GAAGZ,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.mobilePopupHeaderBorderRadius};\n    `;\n  },\n\n  rootFullHeight(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n      justify-content: flex-start;\n      flex-grow: 1;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      overflow: auto;\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      position: fixed;\n      top: ${t.mobilePopupTopPadding};\n      right: 0;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: 100000;\n      border-radius: ${t.mobilePopupHeaderBorderRadius};\n      transform: translateY(100%);\n      transition: transform 0.25s;\n    `;\n  },\n\n  containerOpened() {\n    return css`\n      transform: translateY(0%);\n      transition: transform 0.25s;\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      opacity: 50%;\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,9 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const jsStyles: {
+    root(t: Theme): string;
+    rootFullHeight(t: Theme): string;
+    content(t: Theme): string;
+    container(t: Theme): string;
+    containerOpened(): string;
+    bg(): string;
+};

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js

@@ -0,0 +1,67 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { cx } from "../../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../../lib/theming/ThemeContext";
+import { jsStyles } from "../MobilePopupHeader.styles";
+export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(MobilePopupHeader, _React$Component);
+
+  function MobilePopupHeader() {
+    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.theme = void 0;
+
+    _this.rootClickHandler = function (e) {
+      e.stopPropagation();
+    };
+
+    _this.wrapperClickHandler = function (e) {
+      _this.props.onClose();
+    };
+
+    return _this;
+  }
+
+  var _proto = MobilePopupHeader.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 _cx, _cx2, _cx3;
+
+    var _this$props = this.props,
+        caption = _this$props.caption,
+        children = _this$props.children,
+        withShadow = _this$props.withShadow;
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx = {}, _cx[jsStyles.root(this.theme)] = true, _cx[jsStyles.withShadow(this.theme)] = withShadow, _cx)),
+      onClick: this.rootClickHandler
+    }, /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.container()
+    }, /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.closeWrapper(),
+      onClick: this.wrapperClickHandler
+    }, /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.closeHolder()
+    })), /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx2 = {}, _cx2[jsStyles.childrenWithoutCaption()] = !caption, _cx2))
+    }, children), caption && /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx3 = {}, _cx3[jsStyles.caption(this.theme)] = true, _cx3))
+    }, caption)));
+  };
+
+  return MobilePopupHeader;
+}(React.Component);
+MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';