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

package/internal/InputLikeText/InputLikeText.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MouseDragEventHandler } from '../../lib/events/MouseDrag';
 import { InputProps, InputState } from '../../components/Input';
-import { CommonProps } from '../../internal/CommonWrapper';
+import { CommonProps } from '../CommonWrapper';
 export interface InputLikeTextProps extends CommonProps, InputProps {
     children?: React.ReactNode;
     innerRef?: (el: HTMLElement | null) => void;
@@ -9,13 +9,19 @@ export interface InputLikeTextProps extends CommonProps, InputProps {
     onBlur?: React.FocusEventHandler<HTMLElement>;
     onMouseDragStart?: MouseDragEventHandler;
     onMouseDragEnd?: MouseDragEventHandler;
+    takeContentWidth?: boolean;
 }
-export declare type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;
+export declare type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;
+export declare const InputLikeTextDataTids: {
+    readonly root: "InputLikeText__root";
+    readonly input: "InputLikeText__input";
+    readonly nativeInput: "InputLikeText__nativeInput";
+};
+declare type DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;
 export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        size: string;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     state: {
         blinking: boolean;
         focused: boolean;
@@ -29,6 +35,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private dragging;
     private focusTimeout;
     private blinkTimeout;
+    private setRootNode;
     /**
      * @public
      */
@@ -42,6 +49,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
      */
     blink(): void;
     getNode(): HTMLElement | null;
+    private selectNodeContentsDebounced;
     selectInnerNode: (node: HTMLElement | null, start?: number, end?: number) => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
@@ -69,3 +77,4 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private defrost;
     private getSizeClassName;
 }
+export {};

package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js

@@ -1,84 +1,22 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-left: 10px;\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      -ms-user-select: element;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-right: 10px;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject());
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      padding-right: 10px;\n    "])));
   },
-  input: function input() {
-    return css(_templateObject2());
+  absolute: function absolute() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "])));
   },
   userSelectContain: function userSelectContain() {
-    return css(_templateObject3());
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
   },
   userSelectNone: function userSelectNone() {
-    return css(_templateObject4());
-  },
-  withoutLeftSide: function withoutLeftSide() {
-    return css(_templateObject5());
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
   },
   rightSide: function rightSide() {
-    return css(_templateObject6());
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputLikeText.styles.ts"],"names":["css","memoizeStyle","styles","root","input","userSelectContain","userSelectNone","withoutLeftSide","rightSide","jsStyles"],"mappings":"yuCAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;AAGD,GALY;;AAObI,EAAAA,KAPa,mBAOL;AACN,WAAOJ,GAAP;;;;AAID,GAZY;;AAcbK,EAAAA,iBAda,+BAcO;AAClB,WAAOL,GAAP;;;;AAID,GAnBY;;AAqBbM,EAAAA,cArBa,4BAqBI;AACf,WAAON,GAAP;;;AAGD,GAzBY;;AA2BbO,EAAAA,eA3Ba,6BA2BK;AAChB,WAAOP,GAAP;;;AAGD,GA/BY;;AAiCbQ,EAAAA,SAjCa,uBAiCD;AACV,WAAOR,GAAP;;;;AAID,GAtCY,EAAf;;;AAyCA,OAAO,IAAMS,QAAQ,GAAGR,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      padding-right: 10px;\r\n    `;\r\n  },\r\n\r\n  input() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n    `;\r\n  },\r\n\r\n  userSelectContain() {\r\n    return css`\r\n      user-select: text;\r\n      -ms-user-select: element;\r\n    `;\r\n  },\r\n\r\n  userSelectNone() {\r\n    return css`\r\n      user-select: none;\r\n    `;\r\n  },\r\n\r\n  withoutLeftSide() {\r\n    return css`\r\n      padding-left: 10px;\r\n    `;\r\n  },\r\n\r\n  rightSide() {\r\n    return css`\r\n      padding-left: 0;\r\n      visibility: visible;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["InputLikeText.styles.ts"],"names":["css","memoizeStyle","styles","root","absolute","userSelectContain","userSelectNone","rightSide"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;AAGD,GALgC;;AAOjCI,EAAAA,QAPiC,sBAOtB;AACT,WAAOJ,GAAP;;;;AAID,GAZgC;;AAcjCK,EAAAA,iBAdiC,+BAcb;AAClB,WAAOL,GAAP;;;;AAID,GAnBgC;;AAqBjCM,EAAAA,cArBiC,4BAqBhB;AACf,WAAON,GAAP;;;AAGD,GAzBgC;;AA2BjCO,EAAAA,SA3BiC,uBA2BrB;AACV,WAAOP,GAAP;;;;AAID,GAhCgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      padding-right: 10px;\n    `;\n  },\n\n  absolute() {\n    return css`\n      position: absolute;\n      top: 0;\n    `;\n  },\n\n  userSelectContain() {\n    return css`\n      user-select: text;\n      -ms-user-select: element;\n    `;\n  },\n\n  userSelectNone() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rightSide() {\n    return css`\n      padding-left: 0;\n      visibility: visible;\n    `;\n  },\n});\n"]}

package/internal/InputLikeText/InputLikeText.styles.d.ts

@@ -1,8 +1,7 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
-    input(): string;
+    absolute(): string;
     userSelectContain(): string;
     userSelectNone(): string;
-    withoutLeftSide(): string;
     rightSide(): string;
 };

package/internal/InputLikeText/index/index.js.map

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

package/internal/InternalMenu/InternalMenu/InternalMenu.js

@@ -1,17 +1,31 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
-import ReactDOM from 'react-dom';
-import cn from 'classnames';
+import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator";
+import { globalThat, isHTMLElement } from "../../../lib/SSRSafe";
+import { isNonNullable, isNullable } from "../../../lib/utils";
 import { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from "../../../lib/events/keyboard/identifiers";
 import { ScrollContainer } from "../../../components/ScrollContainer";
 import { isMenuItem } from "../../../components/MenuItem";
-import { isMenuHeader } from "../../../components/MenuHeader";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { jsStyles } from "../InternalMenu.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { getDOMRect } from "../../../lib/dom/getDOMRect";
+import { MenuSeparator } from "../../../components/MenuSeparator";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { styles } from "../InternalMenu.styles";
 import { isActiveElement } from "../isActiveElement";
-export var InternalMenu = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(InternalMenu, _React$Component);
+import { addIconPaddingIfPartOfMenu } from "../addIconPaddingIfPartOfMenu";
+import { isIconPaddingEnabled } from "../isIconPaddingEnabled";
+export var InternalMenuDataTids = {
+  root: 'InternalMenu__root'
+};
+export var InternalMenu = responsiveLayout(_class = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(InternalMenu, _React$PureComponent);
 
   function InternalMenu() {
     var _this;
@@ -20,54 +34,68 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(InternalMenu.defaultProps);
     _this.state = {
       highlightedIndex: -1,
-      maxHeight: _this.props.maxHeight || 'none',
+      maxHeight: _this.getProps().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 = createPropsGetter(InternalMenu.defaultProps);
 
     _this.renderHeader = function () {
-      var _cn;
+      var _cx;
 
       return /*#__PURE__*/React.createElement("div", {
+        className: cx((_cx = {}, _cx[styles.wrapper()] = true, _cx[styles.headerWrapper()] = true, _cx)),
         ref: function ref(el) {
           return _this.header = el;
-        },
-        className: cn((_cn = {}, _cn[jsStyles.header()] = true, _cn[jsStyles.fixedHeader()] = _this.state.scrollState !== 'top', _cn))
-      }, _this.props.header);
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.contentWrapper()
+      }, _this.props.header), /*#__PURE__*/React.createElement("div", {
+        className: styles.menuSeparatorWrapper(_this.theme)
+      }, _this.state.scrollState !== 'top' && _this.renderMenuSeparatorWithNoMargin()));
     };
 
     _this.renderFooter = function () {
-      var _cn2;
+      var _cx2;
 
       return /*#__PURE__*/React.createElement("div", {
+        className: cx((_cx2 = {}, _cx2[styles.wrapper()] = true, _cx2[styles.footerWrapper()] = true, _cx2)),
         ref: function ref(el) {
           return _this.footer = el;
-        },
-        className: cn((_cn2 = {}, _cn2[jsStyles.footer()] = true, _cn2[jsStyles.fixedFooter()] = _this.state.scrollState !== 'bottom', _cn2))
-      }, _this.props.footer);
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.menuSeparatorWrapper(_this.theme)
+      }, _this.state.scrollState !== 'bottom' && _this.renderMenuSeparatorWithNoMargin()), /*#__PURE__*/React.createElement("div", {
+        className: styles.contentWrapper()
+      }, _this.props.footer));
+    };
+
+    _this.renderMenuSeparatorWithNoMargin = function () {
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          menuSeparatorMarginY: '0'
+        }, _this.theme)
+      }, /*#__PURE__*/React.createElement(MenuSeparator, null));
     };
 
     _this.focusOnRootElement = function () {
-      if (_this.rootElement) {
-        _this.rootElement.focus();
+      var rootNode = getRootNode(_assertThisInitialized(_this));
+
+      if (isHTMLElement(rootNode)) {
+        rootNode == null ? void 0 : rootNode.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 maxHeight = _this.getProps().maxHeight;
+
       var prevMaxHeight = prevProps.maxHeight;
       var prevHeader = prevProps.header;
       var prevFooter = prevProps.footer;
@@ -76,18 +104,20 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.calculateMaxHeight = function () {
-      var maxHeight = _this.props.maxHeight;
+      var maxHeight = _this.getProps().maxHeight;
+
       var parsedMaxHeight = maxHeight;
+      var rootNode = getRootNode(_assertThisInitialized(_this));
 
-      if (typeof maxHeight === 'string' && typeof window !== 'undefined' && _this.rootElement) {
-        var rootElementMaxHeight = window.getComputedStyle(_this.rootElement).maxHeight;
+      if (typeof maxHeight === 'string' && typeof globalThat !== 'undefined' && rootNode) {
+        var rootElementMaxHeight = globalThat.getComputedStyle(rootNode).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;
+      var calculatedMaxHeight = typeof parsedMaxHeight === 'number' ? parsedMaxHeight + (_this.header && getDOMRect(_this.header).height || 0) + (_this.footer && getDOMRect(_this.footer).height || 0) : maxHeight;
 
       _this.setState({
         maxHeight: calculatedMaxHeight || 'none'
@@ -106,7 +136,12 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
 
     _this.scrollToSelected = function () {
       if (_this.scrollContainer && _this.highlighted) {
-        _this.scrollContainer.scrollTo(ReactDOM.findDOMNode(_this.highlighted));
+        var _rootNode = getRootNode(_this.highlighted); // TODO: Remove this check once IF-647 is resolved
+
+
+        if (isHTMLElement(_rootNode)) {
+          _this.scrollContainer.scrollTo(_rootNode);
+        }
       }
     };
 
@@ -115,8 +150,10 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
         highlightedIndex: index
       });
 
-      if (_this.rootElement) {
-        _this.rootElement.focus();
+      var rootNode = getRootNode(_assertThisInitialized(_this));
+
+      if (isHTMLElement(rootNode)) {
+        rootNode == null ? void 0 : rootNode.focus();
       }
     };
 
@@ -176,16 +213,14 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
     this.calculateMaxHeight();
   };
 
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     if (this.shouldRecalculateMaxHeight(prevProps)) {
       this.calculateMaxHeight();
     }
-  };
 
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.maxHeight !== this.props.maxHeight) {
+    if (prevProps.maxHeight !== this.getProps().maxHeight) {
       this.setState({
-        maxHeight: nextProps.maxHeight || 'none'
+        maxHeight: this.props.maxHeight || 'none'
       });
     }
   };
@@ -204,35 +239,39 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.renderMain = function renderMain() {
-    var _cn3,
+    var _cx3,
         _this3 = this;
 
-    var enableIconPadding = React.Children.toArray(this.props.children).some(function (x) {
-      return /*#__PURE__*/React.isValidElement(x) && x.props.icon;
-    });
+    var enableIconPadding = isIconPaddingEnabled(this.props.children, this.props.preventIconsOffset);
 
     if (this.isEmpty()) {
       return null;
     }
 
+    var _this$getProps = this.getProps(),
+        hasShadow = _this$getProps.hasShadow,
+        width = _this$getProps.width,
+        maxHeight = _this$getProps.maxHeight,
+        preventWindowScroll = _this$getProps.preventWindowScroll;
+
+    var isMobile = this.isMobileLayout;
     return /*#__PURE__*/React.createElement("div", {
-      className: cn((_cn3 = {}, _cn3[jsStyles.root(this.theme)] = true, _cn3[jsStyles.shadow()] = this.props.hasShadow, _cn3)),
+      "data-tid": InternalMenuDataTids.root,
+      className: cx((_cx3 = {}, _cx3[styles.root(this.theme)] = true, _cx3[styles.mobileRoot(this.theme)] = isMobile, _cx3[styles.shadow(this.theme)] = hasShadow, _cx3)),
       style: {
-        width: this.props.width,
+        width: width,
         maxHeight: this.state.maxHeight
       },
       onKeyDown: this.handleKeyDown,
-      ref: function ref(element) {
-        _this3.rootElement = element;
-      },
+      ref: this.setRootNode,
       tabIndex: 0
     }, this.props.header ? this.renderHeader() : null, /*#__PURE__*/React.createElement(ScrollContainer, {
       ref: this.refScrollContainer,
-      maxHeight: this.props.maxHeight,
-      preventWindowScroll: this.props.preventWindowScroll,
+      maxHeight: maxHeight,
+      preventWindowScroll: preventWindowScroll,
       onScrollStateChange: this.handleScrollStateChange
     }, React.Children.map(this.props.children, function (child, index) {
-      if (typeof child === 'string' || typeof child === 'number' || child == null) {
+      if (typeof child === 'string' || typeof child === 'number' || isNullable(child)) {
         return child;
       }
 
@@ -240,15 +279,11 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
         return child;
       }
 
-      if (enableIconPadding && (isMenuItem(child) || isMenuHeader(child))) {
-        child = /*#__PURE__*/React.cloneElement(child, {
-          _enableIconPadding: true
-        });
-      }
+      var modifiedChild = addIconPaddingIfPartOfMenu(child, enableIconPadding);
 
-      if (isActiveElement(child)) {
+      if (isActiveElement(modifiedChild)) {
         var highlight = _this3.state.highlightedIndex === index;
-        var ref = child.ref;
+        var ref = modifiedChild.ref;
         var originalRef = ref;
 
         if (highlight) {
@@ -257,28 +292,28 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
           };
         }
 
-        return /*#__PURE__*/React.cloneElement(child, {
+        return /*#__PURE__*/React.cloneElement(modifiedChild, {
           ref: ref,
-          state: highlight ? 'hover' : child.props.state,
+          state: highlight ? 'hover' : modifiedChild.props.state,
           onClick: _this3.select.bind(_this3, index, false),
           onMouseEnter: function onMouseEnter(event) {
             _this3.highlightItem(index);
 
-            if (isMenuItem(child) && child.props.onMouseEnter) {
-              child.props.onMouseEnter(event);
+            if (isMenuItem(modifiedChild) && modifiedChild.props.onMouseEnter) {
+              modifiedChild.props.onMouseEnter(event);
             }
           },
           onMouseLeave: function onMouseLeave(event) {
             _this3.unhighlight();
 
-            if (isMenuItem(child) && child.props.onMouseLeave) {
-              child.props.onMouseLeave(event);
+            if (isMenuItem(modifiedChild) && modifiedChild.props.onMouseLeave) {
+              modifiedChild.props.onMouseLeave(event);
             }
           }
         });
       }
 
-      return child;
+      return modifiedChild;
     })), this.props.footer ? this.renderFooter() : null);
   };
 
@@ -292,7 +327,7 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
     if (typeof originalRef === 'function') {
       originalRef(menuItem);
     } else if (typeof originalRef === 'object') {
-      // @ts-ignore see issue https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
+      // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.
       originalRef.current = menuItem;
     }
   };
@@ -303,9 +338,9 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
     if (isActiveElement(item)) {
       if (shouldHandleHref && item.props.href) {
         if (item.props.target) {
-          window.open(item.props.href, item.props.target);
+          globalThat.open(item.props.href, item.props.target);
         } else {
-          location.href = item.props.href;
+          globalThat.location.href = item.props.href;
         }
       }
 
@@ -324,6 +359,8 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.move = function move(step) {
+    var _this4 = this;
+
     this.setState(function (state, props) {
       var children = childrenToArray(props.children);
 
@@ -336,7 +373,7 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
       do {
         index += step;
 
-        if (!props.cyclicSelection && (index < 0 || index > children.length)) {
+        if (!_this4.getProps().cyclicSelection && (index < 0 || index > children.length)) {
           return null;
         }
 
@@ -361,24 +398,18 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
 
   _proto.isEmpty = function isEmpty() {
     var children = this.props.children;
-    return !children || !childrenToArray(children).filter(isExist).length;
+    return !children || !childrenToArray(children).filter(isNonNullable).length;
   };
 
   return InternalMenu;
-}(React.Component);
-InternalMenu.__KONTUR_REACT_UI__ = 'InternalMenu';
-InternalMenu.defaultProps = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'InternalMenu', _class2.defaultProps = {
   width: 'auto',
   maxHeight: 300,
   hasShadow: true,
   preventWindowScroll: true,
   cyclicSelection: true,
   initialSelectedItemIndex: -1
-};
-
-function isExist(value) {
-  return value !== null && value !== undefined;
-}
+}, _temp)) || _class) || _class;
 
 function childrenToArray(children) {
   var ret = []; // Use forEach instead of map to avoid cloning for key unifying.