@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isFunction","isNullable","locale","Menu","MenuDataTids","isMenuItem","MenuItem","Spinner","MenuSeparator","createPropsGetter","MenuMessage","ThemeContext","MenuFooter","ComboBoxRequestStatus","CustomComboBoxLocaleHelper","ComboBoxMenuDataTids","loading","failed","notFound","items","item","ComboBoxMenu","_dec","_class","_ComboBoxMenu","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderItem","index","_this$props","props","onValueChange","itemWrapper","isSimpleItem","element","Object","assign","key","onClick","cloneElement","createElement","component","size","isMobile","state","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","value","renderMain","_this$props2","opened","totalCount","refMenu","_this$props2$renderNo","renderNotFound","renderTotalCount","maxMenuHeight","requestStatus","_this$locale","errorNetworkButton","errorNetworkMessage","renderAddButton","maxHeight","ref","hasMargin","disableScrollContainer","id","menuId","root","as","type","dimmed","Failed","style","maxWidth","whiteSpace","link","repeatRequest","notFoundValue","total","renderedItems","map","menuItems","filter","countItems","Component","__KONTUR_REACT_UI__","displayName","undefined","Unknown","isValidElement"],"sources":["ComboBoxMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isNullable } from '../../lib/utils';\nimport { locale } from '../../lib/locale/decorators';\nimport { Menu, MenuDataTids } from '../Menu';\nimport type { MenuItemState } from '../../components/MenuItem';\nimport { isMenuItem, MenuItem } from '../../components/MenuItem';\nimport { Spinner } from '../../components/Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { MenuMessage } from '../MenuMessage';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MenuFooter } from '../../components/MenuFooter';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport type { ComboBoxLocale } from './locale';\nimport { CustomComboBoxLocaleHelper } from './locale';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  totalCount?: number;\n  loading?: boolean;\n  hasMargin?: boolean;\n  maxMenuHeight?: number | string;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  isMobile?: boolean;\n  menuId?: string;\n  size?: SizeProp;\n}\n\nexport const ComboBoxMenuDataTids = {\n  loading: 'ComboBoxMenu__loading',\n  failed: 'ComboBoxMenu__failed',\n  notFound: 'ComboBoxMenu__notFound',\n  items: 'ComboBoxMenu__items',\n  item: 'ComboBoxMenu__item',\n} as const;\n\ntype DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n  public static displayName = 'ComboBoxMenu';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private getProps = createPropsGetter(ComboBoxMenu.defaultProps);\n\n  private readonly locale!: ComboBoxLocale;\n\n  private theme!: Theme;\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      isMobile,\n    } = this.props;\n\n    const requestStatus = this.getProps().requestStatus;\n\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\n\n    if (!opened) {\n      return null;\n    }\n\n    let renderAddButton = null;\n    if (this.props.renderAddButton) {\n      renderAddButton = this.props.renderAddButton();\n    }\n\n    const maxHeight = isMobile ? 'auto' : maxMenuHeight;\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu\n          maxHeight={maxHeight}\n          ref={refMenu}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.loading} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} as=\"div\">\n            <Spinner type=\"mini\" dimmed />\n          </MenuMessage>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu\n          ref={refMenu}\n          maxHeight={maxHeight}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.failed} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuMessage>\n          <MenuItem link onClick={this.getProps().repeatRequest} size={this.props.size} key=\"retry\" isMobile={isMobile}>\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((isNullable(items) || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            <MenuMessage size={this.props.size} data-tid={ComboBoxMenuDataTids.notFound}>\n              {notFoundValue}\n            </MenuMessage>\n          </Menu>\n        );\n      }\n\n      return null;\n    }\n\n    let total = null;\n    const renderedItems = items && items.map(this.renderItem);\n    const menuItems = renderedItems?.filter((item) => {\n      return isMenuItem(item);\n    });\n    const countItems = menuItems?.length;\n    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {\n      total = (\n        <MenuFooter size={this.props.size} key=\"total\">\n          <div>{renderTotalCount(countItems, totalCount)}</div>\n        </MenuFooter>\n      );\n    }\n\n    return (\n      <Menu\n        id={this.props.menuId}\n        data-tid={`${ComboBoxMenuDataTids.items} ${MenuDataTids.root}`}\n        ref={refMenu}\n        maxHeight={maxHeight}\n        hasMargin={this.props.hasMargin}\n        disableScrollContainer={isMobile}\n      >\n        {renderedItems}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: ComboBoxExtendedItem<T>, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange, itemWrapper } = this.props;\n\n    if (!isSimpleItem<T>(item)) {\n      const element = isFunction(item) ? item() : item;\n      const props = Object.assign(\n        {\n          key: index,\n          onClick: () => onValueChange(element.props),\n        },\n        element.props,\n      );\n      return React.cloneElement(element, props);\n    }\n\n    return (\n      <MenuItem\n        component={itemWrapper?.(item)}\n        data-tid={ComboBoxMenuDataTids.item}\n        onClick={() => onValueChange(item)}\n        key={index}\n        size={this.props.size}\n        isMobile={this.props.isMobile}\n      >\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n\nfunction isSimpleItem<T>(item: ComboBoxExtendedItem<T>): item is T {\n  return !isFunction(item) && !React.isValidElement(item);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isFunction","isNullable","locale","Menu","MenuDataTids","isMenuItem","MenuItem","Spinner","MenuSeparator","createPropsGetter","MenuMessage","ThemeContext","MenuFooter","ComboBoxRequestStatus","CustomComboBoxLocaleHelper","ComboBoxMenuDataTids","loading","failed","notFound","items","item","ComboBoxMenu","_dec","_class","_ComboBoxMenu","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","getProps","defaultProps","renderItem","index","_this$props","props","onValueChange","itemWrapper","isSimpleItem","element","Object","assign","key","onClick","cloneElement","createElement","component","size","isMobile","state","_inherits","_createClass","value","render","_this2","Consumer","theme","Provider","renderMain","_this$props2","opened","totalCount","refMenu","_this$props2$renderNo","renderNotFound","renderTotalCount","maxMenuHeight","requestStatus","_this$locale","errorNetworkButton","errorNetworkMessage","renderAddButton","maxHeight","ref","hasMargin","disableScrollContainer","id","menuId","root","as","type","dimmed","Failed","style","maxWidth","whiteSpace","link","repeatRequest","notFoundValue","total","renderedItems","map","menuItems","filter","countItems","Component","__KONTUR_REACT_UI__","displayName","undefined","Unknown","isValidElement"],"sources":["ComboBoxMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isNullable } from '../../lib/utils';\nimport { locale } from '../../lib/locale/decorators';\nimport { Menu, MenuDataTids } from '../Menu';\nimport type { MenuItemState } from '../../components/MenuItem';\nimport { isMenuItem, MenuItem } from '../../components/MenuItem';\nimport { Spinner } from '../../components/Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { MenuMessage } from '../MenuMessage';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MenuFooter } from '../../components/MenuFooter';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport type { ComboBoxLocale } from './locale';\nimport { CustomComboBoxLocaleHelper } from './locale';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  totalCount?: number;\n  loading?: boolean;\n  hasMargin?: boolean;\n  maxMenuHeight?: number | string;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  isMobile?: boolean;\n  menuId?: string;\n  size?: SizeProp;\n}\n\nexport const ComboBoxMenuDataTids = {\n  loading: 'ComboBoxMenu__loading',\n  failed: 'ComboBoxMenu__failed',\n  notFound: 'ComboBoxMenu__notFound',\n  items: 'ComboBoxMenu__items',\n  item: 'ComboBoxMenu__item',\n} as const;\n\ntype DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n  public static displayName = 'ComboBoxMenu';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private getProps = createPropsGetter(ComboBoxMenu.defaultProps);\n\n  private readonly locale!: ComboBoxLocale;\n\n  private theme!: Theme;\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      isMobile,\n    } = this.props;\n\n    const requestStatus = this.getProps().requestStatus;\n\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\n\n    if (!opened) {\n      return null;\n    }\n\n    let renderAddButton = null;\n    if (this.props.renderAddButton) {\n      renderAddButton = this.props.renderAddButton();\n    }\n\n    const maxHeight = isMobile ? 'auto' : maxMenuHeight;\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu\n          maxHeight={maxHeight}\n          ref={refMenu}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.loading} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} as=\"div\">\n            <Spinner type=\"mini\" dimmed />\n          </MenuMessage>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu\n          ref={refMenu}\n          maxHeight={maxHeight}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.failed} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuMessage>\n          <MenuItem link onClick={this.getProps().repeatRequest} size={this.props.size} key=\"retry\" isMobile={isMobile}>\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((isNullable(items) || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            <MenuMessage size={this.props.size} data-tid={ComboBoxMenuDataTids.notFound}>\n              {notFoundValue}\n            </MenuMessage>\n          </Menu>\n        );\n      }\n\n      return null;\n    }\n\n    let total = null;\n    const renderedItems = items && items.map(this.renderItem);\n    const menuItems = renderedItems?.filter((item) => {\n      return isMenuItem(item);\n    });\n    const countItems = menuItems?.length;\n    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {\n      total = (\n        <MenuFooter size={this.props.size} key=\"total\">\n          <div>{renderTotalCount(countItems, totalCount)}</div>\n        </MenuFooter>\n      );\n    }\n\n    return (\n      <Menu\n        id={this.props.menuId}\n        data-tid={`${ComboBoxMenuDataTids.items} ${MenuDataTids.root}`}\n        ref={refMenu}\n        maxHeight={maxHeight}\n        hasMargin={this.props.hasMargin}\n        disableScrollContainer={isMobile}\n      >\n        {renderedItems}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: ComboBoxExtendedItem<T>, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange, itemWrapper } = this.props;\n\n    if (!isSimpleItem<T>(item)) {\n      const element = isFunction(item) ? item() : item;\n      const props = Object.assign(\n        {\n          key: index,\n          onClick: () => onValueChange(element.props),\n        },\n        element.props,\n      );\n      return React.cloneElement(element, props);\n    }\n\n    return (\n      <MenuItem\n        component={itemWrapper?.(item)}\n        data-tid={ComboBoxMenuDataTids.item}\n        onClick={() => onValueChange(item)}\n        key={index}\n        size={this.props.size}\n        isMobile={this.props.isMobile}\n      >\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n\nfunction isSimpleItem<T>(item: ComboBoxExtendedItem<T>): item is T {\n  return !isFunction(item) && !React.isValidElement(item);\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js

@@ -1,6 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _class, _ComboBoxView;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { getRandomID, isNonNullable } from "../../../lib/utils";
 import { Input } from "../../../components/Input";
@@ -35,17 +43,18 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = withSize(_
   function ComboBoxView() {
     var _this$props$value;
     var _this;
+    _classCallCheck(this, ComboBoxView);
     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 = _callSuper(this, ComboBoxView, [].concat(args));
     _this.getProps = createPropsGetter(ComboBoxView.defaultProps);
     _this.mobileInput = null;
     _this.dropdownContainerRef = /*#__PURE__*/React.createRef();
     _this.menuId = ComboBoxViewIds.menu + getRandomID();
     _this.state = {
       anchorElement: null,
-      clearCrossShowed: _this.props.showClearIcon === 'always' && !!((_this$props$value = _this.props.value) != null && _this$props$value.toString())
+      clearCrossShowed: _this.props.showClearIcon === 'always' && !!((_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 && _this$props$value.toString())
     };
     _this.getComboBoxMenu = function () {
       var _this$props = _this.props,
@@ -95,6 +104,7 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = withSize(_
       React.createElement(Popup, {
         opened: true,
         hasShadow: true,
+        tryBestFallbackPosition: true,
         minWidth: "100%",
         anchorElement: anchorElement,
         priority: ZIndex.priorities.PopupMenu,
@@ -145,16 +155,17 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = withSize(_
       return _this.getProps().renderAddButton(_this.props.textValue);
     };
     _this.handleMobileFocus = function () {
-      var _this$mobileInput;
-      _this.props.onInputClick == null || _this.props.onInputClick();
-      (_this$mobileInput = _this.mobileInput) == null || _this$mobileInput.focus();
+      var _this$props$onInputCl, _this$props3, _this$mobileInput;
+      (_this$props$onInputCl = (_this$props3 = _this.props).onInputClick) === null || _this$props$onInputCl === void 0 || _this$props$onInputCl.call(_this$props3);
+      (_this$mobileInput = _this.mobileInput) === null || _this$mobileInput === void 0 || _this$mobileInput.focus();
     };
     _this.handleItemSelect = function (item) {
       if (_this.props.onValueChange) {
         _this.props.onValueChange(item);
       }
       if (_this.isMobileLayout) {
-        _this.props.onMobileClose == null || _this.props.onMobileClose();
+        var _this$props$onMobileC, _this$props4;
+        (_this$props$onMobileC = (_this$props4 = _this.props).onMobileClose) === null || _this$props$onMobileC === void 0 || _this$props$onMobileC.call(_this$props4);
       }
     };
     _this.refInput = function (input) {
@@ -176,11 +187,11 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = withSize(_
       );
     };
     _this.getRightIcon = function () {
-      var _this$props3 = _this.props,
-        loading = _this$props3.loading,
-        items = _this$props3.items,
-        drawArrow = _this$props3.drawArrow,
-        rightIcon = _this$props3.rightIcon;
+      var _this$props5 = _this.props,
+        loading = _this$props5.loading,
+        items = _this$props5.items,
+        drawArrow = _this$props5.drawArrow,
+        rightIcon = _this$props5.rightIcon;
       var size = _this.size;
       if (loading && items && !!items.length) {
         return /*#__PURE__*/React.createElement(LoadingIcon, {
@@ -199,173 +210,184 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = withSize(_
     };
     return _this;
   }
-  _inheritsLoose(ComboBoxView, _React$Component);
-  var _proto = ComboBoxView.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    this.updateAnchorElement();
-    if (this.props.autoFocus && this.props.onFocus) {
-      this.props.onFocus();
+  _inherits(ComboBoxView, _React$Component);
+  return _createClass(ComboBoxView, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.updateAnchorElement();
+      if (this.props.autoFocus && this.props.onFocus) {
+        this.props.onFocus();
+      }
     }
-  };
-  _proto.updateAnchorElement = function updateAnchorElement() {
-    var parent = this.getParent();
-    var anchorElement = this.state.anchorElement;
-    if (anchorElement !== parent) {
-      this.setState({
-        anchorElement: parent
-      });
+  }, {
+    key: "updateAnchorElement",
+    value: function updateAnchorElement() {
+      var parent = this.getParent();
+      var anchorElement = this.state.anchorElement;
+      if (anchorElement !== parent) {
+        this.setState({
+          anchorElement: parent
+        });
+      }
     }
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var input = this.input,
-      props = this.props;
-    this.updateAnchorElement();
-    if (props.editing && !prevProps.editing && input) {
-      input.focus();
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var input = this.input,
+        props = this.props;
+      this.updateAnchorElement();
+      if (props.editing && !prevProps.editing && input) {
+        input.focus();
+      }
     }
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = getComboBoxTheme(theme, _this2.props.viewMode);
-      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-        value: _this2.theme
-      }, _this2.renderMain());
-    });
-  };
-  _proto.renderMain = function renderMain() {
-    var _this$props4 = this.props,
-      onMouseEnter = _this$props4.onMouseEnter,
-      onMouseLeave = _this$props4.onMouseLeave,
-      onMouseOver = _this$props4.onMouseOver,
-      opened = _this$props4.opened;
-    var _this$getProps3 = this.getProps(),
-      onClickOutside = _this$getProps3.onClickOutside,
-      onFocusOutside = _this$getProps3.onFocusOutside,
-      width = _this$getProps3.width;
-    var isMobile = this.isMobileLayout;
-    var input = this.renderInput();
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(RenderLayer, {
-      onClickOutside: onClickOutside,
-      onFocusOutside: onFocusOutside,
-      active: opened
-    }, /*#__PURE__*/React.createElement("span", {
-      "data-tid": CustomComboBoxDataTids.comboBoxView,
-      style: {
-        width: width
-      },
-      className: styles.root(),
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      onMouseOver: onMouseOver,
-      ref: this.setRootNode
-    }, input, isMobile ? this.renderMobileMenu() : this.renderMenu())));
-  };
-  _proto.renderInput = function renderInput() {
-    var isMobile = this.isMobileLayout;
-    var _this$props5 = this.props,
-      id = _this$props5.id,
-      align = _this$props5.align,
-      borderless = _this$props5.borderless,
-      disabled = _this$props5.disabled,
-      editing = _this$props5.editing,
-      error = _this$props5.error,
-      onFocus = _this$props5.onFocus,
-      onInputBlur = _this$props5.onInputBlur,
-      onInputValueChange = _this$props5.onInputValueChange,
-      onInputFocus = _this$props5.onInputFocus,
-      onInputClick = _this$props5.onInputClick,
-      onInputKeyDown = _this$props5.onInputKeyDown,
-      placeholder = _this$props5.placeholder,
-      textValue = _this$props5.textValue,
-      value = _this$props5.value,
-      warning = _this$props5.warning,
-      refInputLikeText = _this$props5.refInputLikeText,
-      leftIcon = _this$props5.leftIcon,
-      inputMode = _this$props5.inputMode,
-      ariaDescribedby = _this$props5['aria-describedby'],
-      ariaLabel = _this$props5['aria-label'],
-      showClearIcon = _this$props5.showClearIcon,
-      mask = _this$props5.mask,
-      maskChar = _this$props5.maskChar,
-      formatChars = _this$props5.formatChars,
-      onBeforePasteInMask = _this$props5.onBeforePasteInMask;
-    var rightIcon = this.getRightIcon();
-    var inputProps = {
-      id: id,
-      align: align,
-      borderless: borderless,
-      disabled: disabled,
-      error: error,
-      maxLength: this.props.maxLength,
-      onBlur: isMobile ? undefined : onInputBlur,
-      onValueChange: onInputValueChange,
-      onFocus: onInputFocus,
-      onClick: isMobile ? this.handleMobileFocus : onInputClick,
-      leftIcon: leftIcon,
-      rightIcon: rightIcon,
-      value: textValue || '',
-      onKeyDown: onInputKeyDown,
-      placeholder: placeholder,
-      width: '100%',
-      ref: this.refInput,
-      warning: warning,
-      inputMode: inputMode,
-      autoComplete: 'off',
-      'aria-describedby': ariaDescribedby,
-      'aria-controls': this.menuId,
-      'aria-label': ariaLabel,
-      showClearIcon: showClearIcon,
-      size: this.size
-    };
-    var multilineTextareaProps = {
-      autoResize: true,
-      rows: 1,
-      extraRow: false,
-      maxRows: this.props.maxRows
-    };
-    if (this.props.viewMode === 'multiline' && !mask) {
-      return /*#__PURE__*/React.createElement(InternalTextareaWithLayout, _extends({}, inputProps, multilineTextareaProps));
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = getComboBoxTheme(theme, _this2.props.viewMode);
+        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+          value: _this2.theme
+        }, _this2.renderMain());
+      });
     }
-    if (editing) {
-      if (mask) {
-        return /*#__PURE__*/React.createElement(MaskedInput, _extends({}, inputProps, {
-          type: "text",
-          mask: mask,
-          maskChar: maskChar,
-          formatChars: formatChars,
-          onBeforePasteValue: onBeforePasteInMask
-        }));
-      }
-      if (this.props.viewMode === 'multiline-editing') {
+  }, {
+    key: "renderMain",
+    value: function renderMain() {
+      var _this$props6 = this.props,
+        onMouseEnter = _this$props6.onMouseEnter,
+        onMouseLeave = _this$props6.onMouseLeave,
+        onMouseOver = _this$props6.onMouseOver,
+        opened = _this$props6.opened;
+      var _this$getProps3 = this.getProps(),
+        onClickOutside = _this$getProps3.onClickOutside,
+        onFocusOutside = _this$getProps3.onFocusOutside,
+        width = _this$getProps3.width;
+      var isMobile = this.isMobileLayout;
+      var input = this.renderInput();
+      return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(RenderLayer, {
+        onClickOutside: onClickOutside,
+        onFocusOutside: onFocusOutside,
+        active: opened
+      }, /*#__PURE__*/React.createElement("span", {
+        "data-tid": CustomComboBoxDataTids.comboBoxView,
+        style: {
+          width: width
+        },
+        className: styles.root(),
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        onMouseOver: onMouseOver,
+        ref: this.setRootNode
+      }, input, isMobile ? this.renderMobileMenu() : this.renderMenu())));
+    }
+  }, {
+    key: "renderInput",
+    value: function renderInput() {
+      var isMobile = this.isMobileLayout;
+      var _this$props7 = this.props,
+        id = _this$props7.id,
+        align = _this$props7.align,
+        borderless = _this$props7.borderless,
+        disabled = _this$props7.disabled,
+        editing = _this$props7.editing,
+        error = _this$props7.error,
+        onFocus = _this$props7.onFocus,
+        onInputBlur = _this$props7.onInputBlur,
+        onInputValueChange = _this$props7.onInputValueChange,
+        onInputFocus = _this$props7.onInputFocus,
+        onInputClick = _this$props7.onInputClick,
+        onInputKeyDown = _this$props7.onInputKeyDown,
+        placeholder = _this$props7.placeholder,
+        textValue = _this$props7.textValue,
+        value = _this$props7.value,
+        warning = _this$props7.warning,
+        refInputLikeText = _this$props7.refInputLikeText,
+        leftIcon = _this$props7.leftIcon,
+        inputMode = _this$props7.inputMode,
+        ariaDescribedby = _this$props7['aria-describedby'],
+        ariaLabel = _this$props7['aria-label'],
+        showClearIcon = _this$props7.showClearIcon,
+        mask = _this$props7.mask,
+        maskChar = _this$props7.maskChar,
+        formatChars = _this$props7.formatChars,
+        onBeforePasteInMask = _this$props7.onBeforePasteInMask;
+      var rightIcon = this.getRightIcon();
+      var inputProps = {
+        id: id,
+        align: align,
+        borderless: borderless,
+        disabled: disabled,
+        error: error,
+        maxLength: this.props.maxLength,
+        onBlur: isMobile ? undefined : onInputBlur,
+        onValueChange: onInputValueChange,
+        onFocus: onInputFocus,
+        onClick: isMobile ? this.handleMobileFocus : onInputClick,
+        leftIcon: leftIcon,
+        rightIcon: rightIcon,
+        value: textValue || '',
+        onKeyDown: onInputKeyDown,
+        placeholder: placeholder,
+        width: '100%',
+        ref: this.refInput,
+        warning: warning,
+        inputMode: inputMode,
+        autoComplete: 'off',
+        'aria-describedby': ariaDescribedby,
+        'aria-controls': this.menuId,
+        'aria-label': ariaLabel,
+        showClearIcon: showClearIcon,
+        size: this.size
+      };
+      var multilineTextareaProps = {
+        autoResize: true,
+        rows: 1,
+        extraRow: false,
+        maxRows: this.props.maxRows
+      };
+      if (this.props.viewMode === 'multiline' && !mask) {
         return /*#__PURE__*/React.createElement(InternalTextareaWithLayout, _extends({}, inputProps, multilineTextareaProps));
       }
-      return /*#__PURE__*/React.createElement(Input, inputProps);
+      if (editing) {
+        if (mask) {
+          return /*#__PURE__*/React.createElement(MaskedInput, _extends({}, inputProps, {
+            type: "text",
+            mask: mask,
+            maskChar: maskChar,
+            formatChars: formatChars,
+            onBeforePasteValue: onBeforePasteInMask
+          }));
+        }
+        if (this.props.viewMode === 'multiline-editing') {
+          return /*#__PURE__*/React.createElement(InternalTextareaWithLayout, _extends({}, inputProps, multilineTextareaProps));
+        }
+        return /*#__PURE__*/React.createElement(Input, inputProps);
+      }
+      var _this$getProps4 = this.getProps(),
+        renderValue = _this$getProps4.renderValue;
+      return /*#__PURE__*/React.createElement(InputLikeText, {
+        id: id,
+        align: align,
+        borderless: borderless,
+        error: error,
+        onFocus: onFocus,
+        leftIcon: leftIcon,
+        rightIcon: rightIcon,
+        disabled: disabled,
+        warning: warning,
+        placeholder: placeholder,
+        size: this.size,
+        width: "100%",
+        ref: refInputLikeText,
+        "aria-describedby": ariaDescribedby,
+        "aria-controls": this.menuId,
+        showClearIcon: showClearIcon,
+        className: cx(mask && MaskedInputStyles.root(this.theme)),
+        onClearCrossClick: this.props.onClearCrossClick
+      }, isNonNullable(value) && renderValue ? renderValue(value) : null);
     }
-    var _this$getProps4 = this.getProps(),
-      renderValue = _this$getProps4.renderValue;
-    return /*#__PURE__*/React.createElement(InputLikeText, {
-      id: id,
-      align: align,
-      borderless: borderless,
-      error: error,
-      onFocus: onFocus,
-      leftIcon: leftIcon,
-      rightIcon: rightIcon,
-      disabled: disabled,
-      warning: warning,
-      placeholder: placeholder,
-      size: this.size,
-      width: "100%",
-      ref: refInputLikeText,
-      "aria-describedby": ariaDescribedby,
-      "aria-controls": this.menuId,
-      showClearIcon: showClearIcon,
-      className: cx(mask && MaskedInputStyles.root(this.theme)),
-      onClearCrossClick: this.props.onClearCrossClick
-    }, isNonNullable(value) && renderValue ? renderValue(value) : null);
-  };
-  return ComboBoxView;
+  }]);
 }(React.Component), _ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView', _ComboBoxView.displayName = 'ComboBoxView', _ComboBoxView.defaultProps = {
   renderItem: function renderItem(item) {
     return item;