@jetbrains/ring-ui-built 6.1.1-beta.0 → 7.0.0-beta.10

package/components/_helpers/input.js

@@ -1,11 +1,8 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.values.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close-12px';
-import { refObject } from '../global/prop-types.js';
 import { Button } from '../button/button.js';
 import getUID from '../global/get-uid.js';
 import Icon from '../icon/icon.js';
@@ -16,9 +13,9 @@ import { ControlLabel } from '../control-label/control-label.js';
 import ControlHelp from '../control-help/control-help.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var modules_88cfaf40 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","light":"light_rui_2ac4","heightS":"heightS_rui_1f0c","heightM":"heightM_rui_1f0c","heightL":"heightL_rui_1f0c","button":"button_rui_1f0c","active":"active_rui_1f0c","withIcon":"withIcon_rui_1f0c","icon":"icon_rui_1f0c","primary":"primary_rui_1f0c","loader":"loader_rui_1f0c","loaderBackground":"loaderBackground_rui_1f0c","danger":"danger_rui_1f0c","text":"text_rui_1f0c","content":"content_rui_1f0c","text-loading":"text-loading_rui_1f0c","inline":"inline_rui_1f0c","withNormalIcon":"withNormalIcon_rui_1f0c","withDangerIcon":"withDangerIcon_rui_1f0c","progress":"progress_rui_1f0c","delayed":"delayed_rui_1f0c","short":"short_rui_1f0c","dropdownIcon":"dropdownIcon_rui_1f0c","outerContainer":"outerContainer_rui_1f0c","borderless":"borderless_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","error":"error_rui_1f0c","clearable":"clearable_rui_1f0c","clear":"clear_rui_1f0c","empty":"empty_rui_1f0c","errorText":"errorText_rui_1f0c","helpText":"helpText_rui_1f0c","sizeS":"sizeS_rui_1f0c","sizeM":"sizeM_rui_1f0c","sizeL":"sizeL_rui_1f0c","sizeFULL":"sizeFULL_rui_1f0c"};
+var modules_88cfaf40 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","light":"light_rui_2ac4","heightS":"heightS_rui_1f0c","heightM":"heightM_rui_1f0c","heightL":"heightL_rui_1f0c","button":"button_rui_1f0c","block":"block_rui_1f0c","inline":"inline_rui_1f0c","icon":"icon_rui_1f0c","withNormalIcon":"withNormalIcon_rui_1f0c","active":"active_rui_1f0c","primaryBlock":"primaryBlock_rui_1f0c","disabled":"disabled_rui_1f0c","loader":"loader_rui_1f0c","loaderBackground":"loaderBackground_rui_1f0c","danger":"danger_rui_1f0c","iconOnly":"iconOnly_rui_1f0c","text-loading":"text-loading_rui_1f0c","progress":"progress_rui_1f0c","delayed":"delayed_rui_1f0c","short":"short_rui_1f0c","dropdownIcon":"dropdownIcon_rui_1f0c","primary":"primary_rui_1f0c","outerContainer":"outerContainer_rui_1f0c","borderless":"borderless_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","error":"error_rui_1f0c","withIcon":"withIcon_rui_1f0c","clearable":"clearable_rui_1f0c","clear":"clear_rui_1f0c","empty":"empty_rui_1f0c","errorText":"errorText_rui_1f0c","helpText":"helpText_rui_1f0c","sizeS":"sizeS_rui_1f0c","sizeM":"sizeM_rui_1f0c","sizeL":"sizeL_rui_1f0c","sizeFULL":"sizeFULL_rui_1f0c"};
 
-var _excluded = ["size", "multiline", "borderless", "label", "labelType", "error", "help", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "translations", "height", "afterInput"];
+const _excluded = ["size", "multiline", "borderless", "label", "labelType", "error", "help", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "translations", "height", "afterInput"];
 function noop() {}
 /**
  * @name Input
@@ -31,187 +28,167 @@ var Size;
   Size["L"] = "L";
   Size["FULL"] = "FULL";
 })(Size || (Size = {}));
-var Input = /*#__PURE__*/function (_PureComponent) {
-  function Input() {
-    var _this;
-    _classCallCheck(this, Input);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Input, [].concat(args));
-    _defineProperty(_this, "state", {
+class Input extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       empty: true
     });
-    _defineProperty(_this, "frame", void 0);
-    _defineProperty(_this, "input", void 0);
-    _defineProperty(_this, "id", getUID('ring-input-'));
-    _defineProperty(_this, "inputRef", function (el) {
-      _this.input = el;
+    _defineProperty(this, "frame", void 0);
+    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "id", getUID('ring-input-'));
+    _defineProperty(this, "inputRef", el => {
+      this.input = el;
     });
-    _defineProperty(_this, "composedInputRef", createComposedRef());
-    _defineProperty(_this, "clear", function (e) {
-      _this.props.onClear && _this.props.onClear(e);
+    _defineProperty(this, "composedInputRef", createComposedRef());
+    _defineProperty(this, "clear", e => {
+      var _this$props$onClear, _this$props;
+      (_this$props$onClear = (_this$props = this.props).onClear) === null || _this$props$onClear === void 0 || _this$props$onClear.call(_this$props, e);
     });
-    _defineProperty(_this, "handleInputChange", function (e) {
-      if (!_this.props.multiline) {
-        var _this$props$onChange, _this$props;
-        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props, e);
-        _this.checkValue();
+    _defineProperty(this, "handleInputChange", e => {
+      if (!this.props.multiline) {
+        var _this$props$onChange, _this$props2;
+        (_this$props$onChange = (_this$props2 = this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props2, e);
+        this.checkValue();
       }
     });
-    _defineProperty(_this, "handleTextareaChange", function (e) {
-      if (_this.props.multiline) {
-        var _this$props$onChange2, _this$props2;
-        (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 || _this$props$onChange2.call(_this$props2, e);
-        _this.checkValue();
+    _defineProperty(this, "handleTextareaChange", e => {
+      if (this.props.multiline) {
+        var _this$props$onChange2, _this$props3;
+        (_this$props$onChange2 = (_this$props3 = this.props).onChange) === null || _this$props$onChange2 === void 0 || _this$props$onChange2.call(_this$props3, e);
+        this.checkValue();
       }
     });
-    return _this;
   }
-  _inherits(Input, _PureComponent);
-  return _createClass(Input, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      this.frame = requestAnimationFrame(function () {
-        return _this2.adapt();
-      });
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.adapt();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.frame != null) {
-        cancelAnimationFrame(this.frame);
-      }
-    }
-  }, {
-    key: "getId",
-    value: function getId() {
-      return this.props.id || this.id;
-    }
-  }, {
-    key: "checkValue",
-    value: function checkValue() {
-      var _this$input;
-      this.setState({
-        empty: !((_this$input = this.input) !== null && _this$input !== void 0 && _this$input.value)
-      });
-      if (this.props.multiline && this.input != null && this.input.scrollHeight >= this.input.clientHeight) {
-        this.stretch(this.input);
-      }
+  componentDidMount() {
+    this.frame = requestAnimationFrame(() => this.adapt());
+  }
+  componentDidUpdate() {
+    this.adapt();
+  }
+  componentWillUnmount() {
+    if (this.frame != null) {
+      cancelAnimationFrame(this.frame);
     }
-  }, {
-    key: "stretch",
-    value: function stretch(el) {
-      if (!el || !el.style) {
-        return;
-      }
-      el.style.height = '0'; // To know the real scrollHeight
-      el.style.height = "".concat(el.scrollHeight + 2, "px");
+  }
+  getId() {
+    return this.props.id || this.id;
+  }
+  checkValue() {
+    var _this$input;
+    this.setState({
+      empty: !((_this$input = this.input) !== null && _this$input !== void 0 && _this$input.value)
+    });
+    if (this.props.multiline && this.input != null && this.input.scrollHeight >= this.input.clientHeight) {
+      this.stretch(this.input);
     }
-  }, {
-    key: "adapt",
-    value: function adapt() {
-      this.checkValue();
+  }
+  stretch(el) {
+    if (!el || !el.style) {
+      return;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      var _this$props3 = this.props,
-        size = _this$props3.size,
-        multiline = _this$props3.multiline,
-        borderless = _this$props3.borderless,
-        label = _this$props3.label,
-        labelType = _this$props3.labelType,
-        error = _this$props3.error,
-        help = _this$props3.help,
-        className = _this$props3.className,
-        inputClassName = _this$props3.inputClassName,
-        children = _this$props3.children,
-        value = _this$props3.value,
-        onClear = _this$props3.onClear,
-        disabled = _this$props3.disabled,
-        inputRef = _this$props3.inputRef;
-        _this$props3.onChange;
-        var enableShortcuts = _this$props3.enableShortcuts;
-        _this$props3.id;
-        var placeholder = _this$props3.placeholder,
-        icon = _this$props3.icon,
-        translations = _this$props3.translations,
-        _this$props3$height = _this$props3.height,
-        height = _this$props3$height === void 0 ? this.context : _this$props3$height,
-        afterInput = _this$props3.afterInput,
-        restProps = _objectWithoutProperties(_this$props3, _excluded);
-      var empty = this.state.empty;
-      var clearable = !!onClear;
-      var classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
-        'ring-js-shortcuts': enableShortcuts === true,
-        [modules_88cfaf40.error]: error != null,
-        [modules_88cfaf40.empty]: empty,
-        [modules_88cfaf40.withIcon]: icon != null,
-        [modules_88cfaf40.clearable]: clearable,
-        [modules_88cfaf40.borderless]: borderless
-      });
-      var inputClasses = classNames(modules_88cfaf40.input, inputClassName);
-      var text = value != null ? value : children;
-      var commonProps = {
-        ref: this.composedInputRef(this.inputRef, inputRef),
-        className: inputClasses,
-        value: text,
+    el.style.height = '0'; // To know the real scrollHeight
+    el.style.height = "".concat(el.scrollHeight + 2, "px");
+  }
+  adapt() {
+    this.checkValue();
+  }
+  render() {
+    const _this$props4 = this.props,
+      {
+        // Modifiers
+        size,
+        multiline,
+        borderless,
+        // Props
+        label,
+        labelType,
+        error,
+        help,
+        className,
+        inputClassName,
+        children,
+        value,
+        onClear,
         disabled,
-        id: this.getId(),
+        inputRef,
+        onChange,
+        enableShortcuts,
+        id,
         placeholder,
-        'aria-label': typeof label === 'string' && label ? label : placeholder,
-        'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
-      };
-      return /*#__PURE__*/jsx(I18nContext.Consumer, {
-        children: function children(_ref) {
-          var _translations$clear;
-          var translate = _ref.translate;
-          return /*#__PURE__*/jsxs("div", {
-            className: classes,
-            "data-test": "ring-input",
-            children: [label && /*#__PURE__*/jsx(ControlLabel, {
-              htmlFor: _this3.getId(),
-              disabled: disabled,
-              type: labelType,
-              children: label
-            }), /*#__PURE__*/jsxs("div", {
-              className: modules_88cfaf40.container,
-              children: [icon && /*#__PURE__*/jsx(Icon, {
-                glyph: icon,
-                className: modules_88cfaf40.icon
-              }), multiline ? /*#__PURE__*/jsx("textarea", _objectSpread2(_objectSpread2({
-                onChange: _this3.handleTextareaChange,
-                rows: 1
-              }, commonProps), restProps)) : /*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
-                onChange: _this3.handleInputChange
-              }, commonProps), restProps)), clearable && !disabled && /*#__PURE__*/jsx(Button, {
-                title: (_translations$clear = translations === null || translations === void 0 ? void 0 : translations.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
-                "data-test": "ring-input-clear",
-                className: modules_88cfaf40.clear,
-                icon: closeIcon,
-                onClick: _this3.clear
-              }), afterInput]
-            }), error ? /*#__PURE__*/jsx("div", {
-              className: modules_88cfaf40.errorText,
-              children: error
-            }) : help && /*#__PURE__*/jsx(ControlHelp, {
-              className: modules_88cfaf40.helpText,
-              children: help
-            })]
-          });
-        }
-      });
-    }
-  }]);
-}(PureComponent);
+        icon,
+        translations,
+        height = this.context,
+        afterInput
+      } = _this$props4,
+      restProps = _objectWithoutProperties(_this$props4, _excluded);
+    const {
+      empty
+    } = this.state;
+    const clearable = !!onClear;
+    const classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
+      'ring-js-shortcuts': enableShortcuts === true,
+      [modules_88cfaf40.error]: error != null,
+      [modules_88cfaf40.empty]: empty,
+      [modules_88cfaf40.withIcon]: icon != null,
+      [modules_88cfaf40.clearable]: clearable,
+      [modules_88cfaf40.borderless]: borderless
+    });
+    const inputClasses = classNames(modules_88cfaf40.input, inputClassName);
+    const text = value != null ? value : children;
+    const commonProps = {
+      ref: this.composedInputRef(this.inputRef, inputRef),
+      className: inputClasses,
+      value: text,
+      disabled,
+      id: this.getId(),
+      placeholder,
+      'aria-label': typeof label === 'string' && label ? label : placeholder,
+      'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
+    };
+    return /*#__PURE__*/jsx(I18nContext.Consumer, {
+      children: _ref => {
+        var _translations$clear;
+        let {
+          translate
+        } = _ref;
+        return /*#__PURE__*/jsxs("div", {
+          className: classes,
+          "data-test": "ring-input",
+          children: [label && /*#__PURE__*/jsx(ControlLabel, {
+            htmlFor: this.getId(),
+            disabled: disabled,
+            type: labelType,
+            children: label
+          }), /*#__PURE__*/jsxs("div", {
+            className: modules_88cfaf40.container,
+            children: [icon && /*#__PURE__*/jsx(Icon, {
+              glyph: icon,
+              className: modules_88cfaf40.icon
+            }), multiline ? /*#__PURE__*/jsx("textarea", _objectSpread2(_objectSpread2({
+              onChange: this.handleTextareaChange,
+              rows: 1
+            }, commonProps), restProps)) : /*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
+              onChange: this.handleInputChange
+            }, commonProps), restProps)), clearable && !disabled && /*#__PURE__*/jsx(Button, {
+              title: (_translations$clear = translations === null || translations === void 0 ? void 0 : translations.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
+              "data-test": "ring-input-clear",
+              className: modules_88cfaf40.clear,
+              icon: closeIcon,
+              onClick: this.clear
+            }), afterInput]
+          }), error ? /*#__PURE__*/jsx("div", {
+            className: modules_88cfaf40.errorText,
+            children: error
+          }) : help && /*#__PURE__*/jsx(ControlHelp, {
+            className: modules_88cfaf40.helpText,
+            children: help
+          })]
+        });
+      }
+    });
+  }
+}
 _defineProperty(Input, "defaultProps", {
   size: Size.M,
   onChange: noop,
@@ -219,24 +196,5 @@ _defineProperty(Input, "defaultProps", {
   enableShortcuts: ['esc']
 });
 _defineProperty(Input, "contextType", ControlsHeightContext);
-Input.propTypes = {
-  value: PropTypes.string,
-  className: PropTypes.string,
-  inputClassName: PropTypes.string,
-  size: PropTypes.oneOf(Object.values(Size)).isRequired,
-  label: PropTypes.node,
-  error: PropTypes.string,
-  multiline: PropTypes.bool,
-  onChange: PropTypes.func,
-  onClear: PropTypes.func,
-  inputRef: PropTypes.oneOfType([PropTypes.func, refObject(PropTypes.instanceOf(HTMLInputElement)), refObject(PropTypes.instanceOf(HTMLTextAreaElement))]),
-  children: PropTypes.string,
-  enableShortcuts: PropTypes.oneOfType([PropTypes.bool, PropTypes.arrayOf(PropTypes.string.isRequired)]),
-  disabled: PropTypes.bool,
-  id: PropTypes.string,
-  placeholder: PropTypes.string,
-  translations: PropTypes.object,
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType])
-};
 
 export { Input as I, Size as S, modules_88cfaf40 as m };

package/components/_helpers/query-assist__suggestions.js

@@ -1,105 +1,90 @@
-import { b as _createClass, e as _classCallCheck } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import List from '../list/list.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var modules_da7ab055 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","overInputZIndex":"2","inputGap":"calc(var(--ring-unit)*3)","light":"light_rui_2ac4","heightS":"heightS_rui_0eb8","heightM":"heightM_rui_0eb8","heightL":"heightL_rui_0eb8","button":"button_rui_0eb8","active":"active_rui_0eb8","withIcon":"withIcon_rui_0eb8","icon":"icon_rui_0eb8","primary":"primary_rui_0eb8","loader":"loader_rui_0eb8","loaderBackground":"loaderBackground_rui_0eb8","danger":"danger_rui_0eb8","text":"text_rui_0eb8","content":"content_rui_0eb8","text-loading":"text-loading_rui_0eb8","inline":"inline_rui_0eb8","withNormalIcon":"withNormalIcon_rui_0eb8","withDangerIcon":"withDangerIcon_rui_0eb8","progress":"progress_rui_0eb8","delayed":"delayed_rui_0eb8","short":"short_rui_0eb8","dropdownIcon":"dropdownIcon_rui_0eb8","queryAssist":"queryAssist_rui_0eb8","error":"error_rui_0eb8","queryAssistDisabled":"queryAssistDisabled_rui_0eb8","huge":"huge_rui_0eb8","actions":"actions_rui_0eb8","input":"input_rui_0eb8","letter-text":"letter-text_rui_0eb8","letterDefault":"letterDefault_rui_0eb8","letter-field-name":"letter-field-name_rui_0eb8","letter-field-value":"letter-field-value_rui_0eb8","letter-operator":"letter-operator_rui_0eb8","letter-error":"letter-error_rui_0eb8","highlight":"highlight_rui_0eb8","service":"service_rui_0eb8","placeholder":"placeholder_rui_0eb8 resetButton_rui_f295","hugePlaceholder":"hugePlaceholder_rui_0eb8","letter":"letter_rui_0eb8","rightSearchButton":"rightSearchButton_rui_0eb8","clear":"clear_rui_0eb8","withoutGlass":"withoutGlass_rui_0eb8","loaderActive":"loaderActive_rui_0eb8","loaderOnTheRight":"loaderOnTheRight_rui_0eb8","inputRevertOrder":"inputRevertOrder_rui_0eb8"};
+var modules_da7ab055 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","overInputZIndex":"2","inputGap":"calc(var(--ring-unit)*3)","light":"light_rui_2ac4","heightS":"heightS_rui_0eb8","heightM":"heightM_rui_0eb8","heightL":"heightL_rui_0eb8","button":"button_rui_0eb8","block":"block_rui_0eb8","inline":"inline_rui_0eb8","icon":"icon_rui_0eb8","withNormalIcon":"withNormalIcon_rui_0eb8","active":"active_rui_0eb8","primaryBlock":"primaryBlock_rui_0eb8","disabled":"disabled_rui_0eb8","loader":"loader_rui_0eb8","loaderBackground":"loaderBackground_rui_0eb8","danger":"danger_rui_0eb8","iconOnly":"iconOnly_rui_0eb8","text-loading":"text-loading_rui_0eb8","progress":"progress_rui_0eb8","delayed":"delayed_rui_0eb8","short":"short_rui_0eb8","dropdownIcon":"dropdownIcon_rui_0eb8","primary":"primary_rui_0eb8","queryAssist":"queryAssist_rui_0eb8","error":"error_rui_0eb8","queryAssistDisabled":"queryAssistDisabled_rui_0eb8","huge":"huge_rui_0eb8","actions":"actions_rui_0eb8","input":"input_rui_0eb8","letter-text":"letter-text_rui_0eb8","letterDefault":"letterDefault_rui_0eb8","letter-field-name":"letter-field-name_rui_0eb8","letter-field-value":"letter-field-value_rui_0eb8","letter-operator":"letter-operator_rui_0eb8","letter-error":"letter-error_rui_0eb8","highlight":"highlight_rui_0eb8","service":"service_rui_0eb8","placeholder":"placeholder_rui_0eb8 resetButton_rui_f295","hugePlaceholder":"hugePlaceholder_rui_0eb8","letter":"letter_rui_0eb8","rightSearchButton":"rightSearchButton_rui_0eb8","clear":"clear_rui_0eb8","withoutGlass":"withoutGlass_rui_0eb8","loaderActive":"loaderActive_rui_0eb8","loaderOnTheRight":"loaderOnTheRight_rui_0eb8","inputRevertOrder":"inputRevertOrder_rui_0eb8"};
 
-var ICON_ID_LENGTH = 44;
-var QueryAssistSuggestions = /*#__PURE__*/function () {
-  function QueryAssistSuggestions() {
-    _classCallCheck(this, QueryAssistSuggestions);
+const ICON_ID_LENGTH = 44;
+class QueryAssistSuggestions {
+  /*
+  * Pay attention that this method produces not a 100% unique key.
+  * Consider to use a unique identifier provided by a server.
+   */
+  static createKey(suggestion) {
+    const {
+      description,
+      group,
+      icon,
+      option,
+      prefix = '',
+      suffix = ''
+    } = suggestion;
+    return prefix + option + suffix + group + description + (icon ? icon.substring(icon.length - ICON_ID_LENGTH) : '');
   }
-  return _createClass(QueryAssistSuggestions, null, [{
-    key: "createKey",
-    value:
-    /*
-    * Pay attention that this method produces not a 100% unique key.
-    * Consider to use a unique identifier provided by a server.
-     */
-    function createKey(suggestion) {
-      var description = suggestion.description,
-        group = suggestion.group,
-        icon = suggestion.icon,
-        option = suggestion.option,
-        _suggestion$prefix = suggestion.prefix,
-        prefix = _suggestion$prefix === void 0 ? '' : _suggestion$prefix,
-        _suggestion$suffix = suggestion.suffix,
-        suffix = _suggestion$suffix === void 0 ? '' : _suggestion$suffix;
-      return prefix + option + suffix + group + description + (icon ? icon.substring(icon.length - ICON_ID_LENGTH) : '');
-    }
-  }, {
-    key: "renderLabel",
-    value: function renderLabel(suggestion) {
-      var className = suggestion.className,
-        _suggestion$matchingS = suggestion.matchingStart,
-        matchingStart = _suggestion$matchingS === void 0 ? 0 : _suggestion$matchingS,
-        _suggestion$matchingE = suggestion.matchingEnd,
-        matchingEnd = _suggestion$matchingE === void 0 ? 0 : _suggestion$matchingE,
-        option = suggestion.option,
-        _suggestion$prefix2 = suggestion.prefix,
-        prefix = _suggestion$prefix2 === void 0 ? '' : _suggestion$prefix2,
-        _suggestion$suffix2 = suggestion.suffix,
-        suffix = _suggestion$suffix2 === void 0 ? '' : _suggestion$suffix2;
-      var wrappedOption;
-      var before = '';
-      var after = '';
-      if (matchingStart !== matchingEnd) {
-        before = option.substring(0, matchingStart);
-        wrappedOption = /*#__PURE__*/jsx("span", {
-          className: modules_da7ab055.highlight,
-          children: option.substring(matchingStart, matchingEnd)
-        });
-        after = option.substring(matchingEnd);
-      } else {
-        wrappedOption = option;
-      }
-      var wrappedPrefix = prefix && /*#__PURE__*/jsx("span", {
-        className: modules_da7ab055.service,
-        children: prefix
-      });
-      var wrappedSuffix = suffix && /*#__PURE__*/jsx("span", {
-        className: modules_da7ab055.service,
-        children: suffix
+  static renderLabel(suggestion) {
+    const {
+      className,
+      matchingStart = 0,
+      matchingEnd = 0,
+      option,
+      prefix = '',
+      suffix = ''
+    } = suggestion;
+    let wrappedOption;
+    let before = '';
+    let after = '';
+    if (matchingStart !== matchingEnd) {
+      before = option.substring(0, matchingStart);
+      wrappedOption = /*#__PURE__*/jsx("span", {
+        className: modules_da7ab055.highlight,
+        children: option.substring(matchingStart, matchingEnd)
       });
-      return /*#__PURE__*/jsxs("span", {
-        className: className,
-        children: [wrappedPrefix, before, wrappedOption, after, wrappedSuffix]
-      });
-    }
-  }, {
-    key: "renderGroupSeparator",
-    value: function renderGroupSeparator(suggestion, prevSuggestion) {
-      var group = suggestion.group,
-        option = suggestion.option;
-      var SEPARATOR = List.ListProps.Type.SEPARATOR;
-      if (prevSuggestion !== group) {
-        return {
-          key: option + group + SEPARATOR,
-          description: group,
-          rgItemType: SEPARATOR
-        };
-      }
-      return null;
+      after = option.substring(matchingEnd);
+    } else {
+      wrappedOption = option;
     }
-  }, {
-    key: "renderList",
-    value: function renderList(suggestions, suggestionRenderer) {
-      var renderedSuggestions = [];
-      suggestions.forEach(function (suggestion, index, arr) {
-        var prevSuggestionGroup = arr[index - 1] && arr[index - 1].group;
-        var groupSeparator = QueryAssistSuggestions.renderGroupSeparator(suggestion, prevSuggestionGroup);
-        if (groupSeparator) {
-          renderedSuggestions.push(groupSeparator);
-        }
-        renderedSuggestions.push(suggestionRenderer(suggestion));
-      });
-      return renderedSuggestions;
+    const wrappedPrefix = prefix && /*#__PURE__*/jsx("span", {
+      className: modules_da7ab055.service,
+      children: prefix
+    });
+    const wrappedSuffix = suffix && /*#__PURE__*/jsx("span", {
+      className: modules_da7ab055.service,
+      children: suffix
+    });
+    return /*#__PURE__*/jsxs("span", {
+      className: className,
+      children: [wrappedPrefix, before, wrappedOption, after, wrappedSuffix]
+    });
+  }
+  static renderGroupSeparator(suggestion, prevSuggestion) {
+    const {
+      group,
+      option
+    } = suggestion;
+    const {
+      SEPARATOR
+    } = List.ListProps.Type;
+    if (prevSuggestion !== group) {
+      return {
+        key: option + group + SEPARATOR,
+        description: group,
+        rgItemType: SEPARATOR
+      };
     }
-  }]);
-}();
+    return null;
+  }
+  static renderList(suggestions, suggestionRenderer) {
+    const renderedSuggestions = [];
+    suggestions.forEach((suggestion, index, arr) => {
+      const prevSuggestionGroup = arr[index - 1] && arr[index - 1].group;
+      const groupSeparator = QueryAssistSuggestions.renderGroupSeparator(suggestion, prevSuggestionGroup);
+      if (groupSeparator) {
+        renderedSuggestions.push(groupSeparator);
+      }
+      renderedSuggestions.push(suggestionRenderer(suggestion));
+    });
+    return renderedSuggestions;
+  }
+}
 
 export { QueryAssistSuggestions as Q, modules_da7ab055 as m };