@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/cjs/internal/InternalMenu/InternalMenu.js

@@ -0,0 +1,408 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InternalMenu = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _identifiers = require("../../lib/events/keyboard/identifiers");
+var _ScrollContainer = require("../../components/ScrollContainer");
+var _MenuItem = require("../../components/MenuItem");
+var _MenuHeader = require("../../components/MenuHeader");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _InternalMenu = require("./InternalMenu.styles");
+var _isActiveElement = require("./isActiveElement");var
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+InternalMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(InternalMenu, _React$Component);function InternalMenu() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+
+
+
+
+
+
+
+
+
+
+    state = {
+      highlightedIndex: -1,
+      maxHeight: _this.props.maxHeight || 'none',
+      scrollState: 'top' };_this.
+
+
+    theme = void 0;_this.
+    scrollContainer = void 0;_this.
+    highlighted = void 0;_this.
+    rootElement = void 0;_this.
+    header = void 0;_this.
+    footer = void 0;_this.
+    getProps = (0, _createPropsGetter.createPropsGetter)(InternalMenu.defaultProps);_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    renderHeader = function () {var _cx;
+      return /*#__PURE__*/(
+        _react.default.createElement("div", {
+          ref: function ref(el) {return _this.header = el;},
+          className: (0, _Emotion.cx)((_cx = {}, _cx[
+          _InternalMenu.styles.header()] = true, _cx[
+          _InternalMenu.styles.fixedHeader()] = _this.state.scrollState !== 'top', _cx)) },
+
+
+        _this.props.header));
+
+
+    };_this.
+
+    renderFooter = function () {var _cx2;
+      return /*#__PURE__*/(
+        _react.default.createElement("div", {
+          ref: function ref(el) {return _this.footer = el;},
+          className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
+          _InternalMenu.styles.footer()] = true, _cx2[
+          _InternalMenu.styles.fixedFooter()] = _this.state.scrollState !== 'bottom', _cx2)) },
+
+
+        _this.props.footer));
+
+
+    };_this.
+
+    focusOnRootElement = function () {
+      if (_this.rootElement) {
+        _this.rootElement.focus();
+      }
+    };_this.
+
+    shouldRecalculateMaxHeight = function (prevProps) {var _this$props =
+      _this.props,maxHeight = _this$props.maxHeight,header = _this$props.header,footer = _this$props.footer,children = _this$props.children;
+      var prevMaxHeight = prevProps.maxHeight;
+      var prevHeader = prevProps.header;
+      var prevFooter = prevProps.footer;
+      var prevChildrenCount = _react.default.Children.count(prevProps.children);
+
+      return (
+        maxHeight !== prevMaxHeight ||
+        footer !== prevFooter ||
+        header !== prevHeader ||
+        _react.default.Children.count(children) !== prevChildrenCount);
+
+    };_this.
+
+    calculateMaxHeight = function () {var
+      maxHeight = _this.props.maxHeight;
+      var parsedMaxHeight = maxHeight;
+
+      if (typeof maxHeight === 'string' && typeof window !== 'undefined' && _this.rootElement) {
+        var rootElementMaxHeight = window.getComputedStyle(_this.rootElement).maxHeight;
+
+        if (rootElementMaxHeight) {
+          parsedMaxHeight = parseFloat(rootElementMaxHeight);
+        }
+      }
+
+      var calculatedMaxHeight =
+      typeof parsedMaxHeight === 'number' ?
+      parsedMaxHeight + (
+      _this.header && _this.header.getBoundingClientRect().height || 0) + (
+      _this.footer && _this.footer.getBoundingClientRect().height || 0) :
+      maxHeight;
+
+      _this.setState({
+        maxHeight: calculatedMaxHeight || 'none' });
+
+    };_this.
+
+    setInitialSelection = function () {
+      for (var i = _this.getProps().initialSelectedItemIndex; i > -1; i--) {
+        _this.moveDown();
+      }
+    };_this.
+
+    refScrollContainer = function (scrollContainer) {
+      _this.scrollContainer = scrollContainer;
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    scrollToSelected = function () {
+      if (_this.scrollContainer && _this.highlighted) {
+        _this.scrollContainer.scrollTo(_reactDom.default.findDOMNode(_this.highlighted));
+      }
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    highlightItem = function (index) {
+      _this.setState({ highlightedIndex: index });
+      if (_this.rootElement) {
+        _this.rootElement.focus();
+      }
+    };_this.
+
+    unhighlight = function () {
+      _this.setState({ highlightedIndex: -1 });
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    moveUp = function () {
+      _this.move(-1);
+    };_this.
+
+    moveDown = function () {
+      _this.move(1);
+    };_this.
+
+
+
+
+
+
+    handleKeyDown = function (e) {
+      if (typeof _this.props.onKeyDown === 'function') {
+        _this.props.onKeyDown(e);
+      }
+
+      if (e.defaultPrevented) {
+        return;
+      }
+
+      if ((0, _identifiers.isKeyArrowUp)(e)) {
+        e.preventDefault();
+        _this.moveUp();
+      } else if ((0, _identifiers.isKeyArrowDown)(e)) {
+        e.preventDefault();
+        _this.moveDown();
+      } else if ((0, _identifiers.isKeyEnter)(e)) {
+        if (_this.highlighted && _this.highlighted.props.onClick) {
+          _this.highlighted.props.onClick(e);
+        }
+      }
+    };_this.
+
+    handleScrollStateChange = function (scrollState) {
+      if (_this.state.scrollState !== scrollState) {
+        _this.setState({ scrollState: scrollState });
+      }
+    };return _this;}var _proto = InternalMenu.prototype;_proto.componentDidMount = function componentDidMount() {this.setInitialSelection();this.calculateMaxHeight();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.shouldRecalculateMaxHeight(prevProps)) {this.calculateMaxHeight();}};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (nextProps.maxHeight !== this.props.maxHeight) {this.setState({ maxHeight: nextProps.maxHeight || 'none' });}};_proto.focus = function focus() {this.focusOnRootElement();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx3,_this3 = this;var enableIconPadding = _react.default.Children.toArray(this.props.children).some(function (x) {return /*#__PURE__*/_react.default.isValidElement(x) && x.props.icon;});if (this.isEmpty()) {return null;}return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_InternalMenu.styles.root(this.theme)] = true, _cx3[_InternalMenu.styles.shadow(this.theme)] = this.props.hasShadow, _cx3)), style: { width: this.props.width, maxHeight: this.state.maxHeight }, onKeyDown: this.handleKeyDown, ref: function ref(element) {_this3.rootElement = element;}, tabIndex: 0 }, this.props.header ? this.renderHeader() : null, /*#__PURE__*/_react.default.createElement(_ScrollContainer.ScrollContainer, { ref: this.refScrollContainer, maxHeight: this.props.maxHeight, preventWindowScroll: this.props.preventWindowScroll, onScrollStateChange: this.handleScrollStateChange }, _react.default.Children.map(this.props.children, function (child, index) {if (typeof child === 'string' || typeof child === 'number' || child == null) {return child;}if ( /*#__PURE__*/_react.default.isValidElement(child) && typeof child.type === 'string') {return child;}if (enableIconPadding && ((0, _MenuItem.isMenuItem)(child) || (0, _MenuHeader.isMenuHeader)(child))) {child = /*#__PURE__*/_react.default.cloneElement(child, { _enableIconPadding: true });}if ((0, _isActiveElement.isActiveElement)(child)) {var highlight = _this3.state.highlightedIndex === index;var ref = child.ref;var originalRef = ref;if (highlight) {ref = function ref(menuItem) {return _this3.refHighlighted(originalRef, menuItem);};}return /*#__PURE__*/_react.default.cloneElement(child, { ref: ref, state: highlight ? 'hover' : child.props.state, onClick: _this3.select.bind(_this3, index, false), onMouseEnter: function onMouseEnter(event) {_this3.highlightItem(index);if ((0, _MenuItem.isMenuItem)(child) && child.props.onMouseEnter) {child.props.onMouseEnter(event);}}, onMouseLeave: function onMouseLeave(event) {_this3.unhighlight();if ((0, _MenuItem.isMenuItem)(child) && child.props.onMouseLeave) {child.props.onMouseLeave(event);}} });}return child;})), this.props.footer ? this.renderFooter() : null);};_proto.refHighlighted = function refHighlighted(originalRef, menuItem) {this.highlighted = menuItem;if (!originalRef || typeof originalRef === 'string') {return;}if (typeof originalRef === 'function') {originalRef(menuItem);} else if (typeof originalRef === 'object') {// @ts-ignore see issue https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
+      originalRef.current = menuItem;}};_proto.select = function select(index, shouldHandleHref, event) {var item = childrenToArray(this.props.children)[index];if ((0, _isActiveElement.isActiveElement)(item)) {if (shouldHandleHref && item.props.href) {if (item.props.target) {window.open(item.props.href, item.props.target);} else {location.href = item.props.href;}}if (item.props.onClick) {item.props.onClick(event);}if (this.props.onItemClick) {this.props.onItemClick(event);}return true;}return false;};_proto.move = function move(step) {this.setState(function (state, props) {var children = childrenToArray(props.children);if (!children.some(_isActiveElement.isActiveElement)) {return null;}var index = state.highlightedIndex;do {index += step;if (!props.cyclicSelection && (index < 0 || index > children.length)) {return null;}if (index < 0) {index = children.length - 1;} else if (index > children.length) {index = 0;}var child = children[index];if ((0, _isActiveElement.isActiveElement)(child)) {return { highlightedIndex: index };}} while (index !== state.highlightedIndex);return null;}, this.scrollToSelected);};_proto.isEmpty = function isEmpty() {var children = this.props.children;return !children || !childrenToArray(children).filter(isExist).length;};return InternalMenu;}(_react.default.Component);exports.InternalMenu = InternalMenu;InternalMenu.__KONTUR_REACT_UI__ = 'InternalMenu';InternalMenu.defaultProps = { width: 'auto', maxHeight: 300, hasShadow: true, preventWindowScroll: true, cyclicSelection: true, initialSelectedItemIndex: -1 };
+
+function isExist(value) {
+  return value !== null && value !== undefined;
+}
+
+function childrenToArray(children) {
+  var ret = [];
+  // Use forEach instead of map to avoid cloning for key unifying.
+  _react.default.Children.forEach(children, function (child) {
+    ret.push(child);
+  });
+  return ret;
+}

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

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

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

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

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

@@ -0,0 +1,57 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: auto;\n      padding: 5px 0;\n      outline: none;\n      background: ", ";\n    "])),
+
+
+
+    t.bgSecondary);
+
+  },
+
+  shadow: function shadow(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n      box-shadow: ", ";\n    "])),
+    t.menuBorder,
+    t.menuShadow);
+
+  },
+
+  header: function header() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      top: -5px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n      padding: 6px 18px 7px 8px;\n    "])));
+
+
+
+
+
+
+
+
+
+  },
+
+  footer: function footer() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: -5px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n      padding: 6px 18px 7px 8px;\n    "])));
+
+
+
+
+
+
+
+
+
+  },
+
+  fixedHeader: function fixedHeader() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n    "])));
+
+
+  },
+
+  fixedFooter: function fixedFooter() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);\n    "])));
+
+
+  } });exports.styles = styles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InternalMenu.styles.ts"],"names":["styles","root","t","css","bgSecondary","shadow","menuBorder","menuShadow","header","footer","fixedHeader","fixedFooter"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;;;;AAIgBD,IAAAA,CAAC,CAACE,WAJlB;;AAMD,GARgC;;AAUjCC,EAAAA,MAViC,kBAU1BH,CAV0B,EAUhB;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACI,UADd;AAEgBJ,IAAAA,CAAC,CAACK,UAFlB;;AAID,GAfgC;;AAiBjCC,EAAAA,MAjBiC,oBAiBxB;AACP,eAAOL,YAAP;;;;;;;;;;AAUD,GA5BgC;;AA8BjCM,EAAAA,MA9BiC,oBA8BxB;AACP,eAAON,YAAP;;;;;;;;;;AAUD,GAzCgC;;AA2CjCO,EAAAA,WA3CiC,yBA2CnB;AACZ,eAAOP,YAAP;;;AAGD,GA/CgC;;AAiDjCQ,EAAAA,WAjDiC,yBAiDnB;AACZ,eAAOR,YAAP;;;AAGD,GArDgC,EAAb,CAAf,C","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      overflow: auto;\n      padding: 5px 0;\n      outline: none;\n      background: ${t.bgSecondary};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n\n  header() {\n    return css`\n      top: -5px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  footer() {\n    return css`\n      bottom: -5px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  fixedHeader() {\n    return css`\n      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n    `;\n  },\n\n  fixedFooter() {\n    return css`\n      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);\n    `;\n  },\n});\n"]}

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

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

package/cjs/internal/InternalMenu/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _InternalMenu = require("./InternalMenu");Object.keys(_InternalMenu).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _InternalMenu[key]) return;exports[key] = _InternalMenu[key];});

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

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

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

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

package/cjs/internal/InternalMenu/isActiveElement.js

@@ -0,0 +1,7 @@
+"use strict";exports.__esModule = true;exports.isActiveElement = isActiveElement;
+
+var _MenuItem = require("../../components/MenuItem");
+
+function isActiveElement(element) {
+  return (0, _MenuItem.isMenuItem)(element) && !element.props.disabled;
+}

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

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

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

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

package/cjs/internal/MaskCharLowLine/MaskCharLowLine.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MaskCharLowLine = exports.MASK_CHAR_EXEMPLAR = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _MaskCharLowLine = require("./MaskCharLowLine.styles");
+
+/**
+ * FIGURE SPACE
+ *
+ * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits
+ *
+ * @see http://www.fileformat.info/info/unicode/char/2007/index.htm
+ */
+var MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);exports.MASK_CHAR_EXEMPLAR = MASK_CHAR_EXEMPLAR;
+
+var MaskCharLowLine = function MaskCharLowLine() {return /*#__PURE__*/_react.default.createElement("span", { className: _MaskCharLowLine.styles.root() }, MASK_CHAR_EXEMPLAR);};exports.MaskCharLowLine = MaskCharLowLine;

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

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

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

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

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

@@ -0,0 +1,18 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
+
+
+
+
+
+
+
+
+
+
+
+
+  } });exports.styles = styles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MaskCharLowLine.styles.ts"],"names":["styles","root","css"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;;;;;;;;;AAaD,GAfgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n});\n"]}

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

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

package/cjs/internal/MaskCharLowLine/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _MaskCharLowLine = require("./MaskCharLowLine");Object.keys(_MaskCharLowLine).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MaskCharLowLine[key]) return;exports[key] = _MaskCharLowLine[key];});

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

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