@jetbrains/ring-ui-built 6.0.32 → 6.0.33

package/components/_helpers/input.js

@@ -1,4 +1,6 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from './_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.values.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,6 +16,7 @@ import { ControlLabel } from '../control-label/control-label.js';
 
 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","sizeS":"sizeS_rui_1f0c","sizeM":"sizeM_rui_1f0c","sizeL":"sizeL_rui_1f0c","sizeFULL":"sizeFULL_rui_1f0c"};
 
+var _excluded = ["size", "active", "multiline", "borderless", "label", "labelType", "error", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "translations", "height", "afterInput"];
 function noop() {}
 /**
  * @name Input
@@ -26,158 +29,186 @@ var Size;
   Size["L"] = "L";
   Size["FULL"] = "FULL";
 })(Size || (Size = {}));
-class Input extends PureComponent {
-  static defaultProps = {
-    size: Size.M,
-    onChange: noop,
-    inputRef: noop,
-    enableShortcuts: ['esc']
-  };
-  state = {
-    empty: true
-  };
-  componentDidMount() {
-    this.frame = requestAnimationFrame(() => this.adapt());
-  }
-  componentDidUpdate() {
-    this.adapt();
-  }
-  componentWillUnmount() {
-    if (this.frame != null) {
-      cancelAnimationFrame(this.frame);
+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];
     }
-  }
-  static contextType = ControlsHeightContext;
-  frame;
-  input;
-  id = getUID('ring-input-');
-  getId() {
-    return this.props.id || this.id;
-  }
-  checkValue() {
-    this.setState({
-      empty: !this.input?.value
+    _this = _callSuper(this, Input, [].concat(args));
+    _defineProperty(_this, "state", {
+      empty: true
     });
-    if (this.props.multiline && this.input != null && this.input.scrollHeight >= this.input.clientHeight) {
-      this.stretch(this.input);
-    }
+    _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, "clear", function (e) {
+      _this.props.onClear && _this.props.onClear(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, "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();
+      }
+    });
+    return _this;
   }
-  stretch(el) {
-    if (!el || !el.style) {
-      return;
+  _inherits(Input, _PureComponent);
+  return _createClass(Input, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      this.frame = requestAnimationFrame(function () {
+        return _this2.adapt();
+      });
     }
-    el.style.height = '0'; // To know the real scrollHeight
-    el.style.height = `${el.scrollHeight + 2}px`;
-  }
-  adapt() {
-    this.checkValue();
-  }
-  inputRef = el => {
-    this.input = el;
-  };
-  clear = e => {
-    this.props.onClear && this.props.onClear(e);
-  };
-  handleInputChange = e => {
-    if (!this.props.multiline) {
-      this.props.onChange?.(e);
-      this.checkValue();
+  }, {
+    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);
+      }
     }
-  };
-  handleTextareaChange = e => {
-    if (this.props.multiline) {
-      this.props.onChange?.(e);
+  }, {
+    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");
+    }
+  }, {
+    key: "adapt",
+    value: function adapt() {
       this.checkValue();
     }
-  };
-  render() {
-    const {
-      // Modifiers
-      size,
-      active,
-      multiline,
-      borderless,
-      // Props
-      label,
-      labelType,
-      error,
-      className,
-      inputClassName,
-      children,
-      value,
-      onClear,
-      disabled,
-      inputRef,
-      onChange,
-      enableShortcuts,
-      id,
-      placeholder,
-      icon,
-      translations,
-      height = this.context,
-      afterInput,
-      ...restProps
-    } = this.props;
-    const {
-      empty
-    } = this.state;
-    const clearable = !!onClear;
-    const classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40[`size${size}`]], [modules_88cfaf40[`height${height}`]], {
-      'ring-js-shortcuts': enableShortcuts === true,
-      [modules_88cfaf40.active]: active,
-      [modules_88cfaf40.error]: error != null,
-      [modules_88cfaf40.empty]: empty,
-      [modules_88cfaf40.noLabel]: !this.props.label,
-      [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: composeRefs(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__*/React.createElement(I18nContext.Consumer, null, _ref => {
-      var _translations$clear;
-      let {
-        translate
-      } = _ref;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classes,
-        "data-test": "ring-input"
-      }, label && /*#__PURE__*/React.createElement(ControlLabel, {
-        htmlFor: this.getId(),
-        disabled: disabled,
-        type: labelType
-      }, label), /*#__PURE__*/React.createElement("div", {
-        className: modules_88cfaf40.container
-      }, icon && /*#__PURE__*/React.createElement(Icon, {
-        glyph: icon,
-        className: modules_88cfaf40.icon
-      }), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
-        onChange: this.handleTextareaChange,
-        rows: 1
-      }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
-        onChange: this.handleInputChange
-      }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
-        title: (_translations$clear = 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__*/React.createElement("div", {
-        className: modules_88cfaf40.errorText
-      }, error));
-    });
-  }
-}
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      var _this$props3 = this.props,
+        size = _this$props3.size,
+        active = _this$props3.active,
+        multiline = _this$props3.multiline,
+        borderless = _this$props3.borderless,
+        label = _this$props3.label,
+        labelType = _this$props3.labelType,
+        error = _this$props3.error,
+        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.active]: active,
+        [modules_88cfaf40.error]: error != null,
+        [modules_88cfaf40.empty]: empty,
+        [modules_88cfaf40.noLabel]: !this.props.label,
+        [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: composeRefs(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__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
+        var _translations$clear;
+        var translate = _ref.translate;
+        return /*#__PURE__*/React.createElement("div", {
+          className: classes,
+          "data-test": "ring-input"
+        }, label && /*#__PURE__*/React.createElement(ControlLabel, {
+          htmlFor: _this3.getId(),
+          disabled: disabled,
+          type: labelType
+        }, label), /*#__PURE__*/React.createElement("div", {
+          className: modules_88cfaf40.container
+        }, icon && /*#__PURE__*/React.createElement(Icon, {
+          glyph: icon,
+          className: modules_88cfaf40.icon
+        }), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
+          onChange: _this3.handleTextareaChange,
+          rows: 1
+        }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
+          onChange: _this3.handleInputChange
+        }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(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__*/React.createElement("div", {
+          className: modules_88cfaf40.errorText
+        }, error));
+      });
+    }
+  }]);
+}(PureComponent);
+_defineProperty(Input, "defaultProps", {
+  size: Size.M,
+  onChange: noop,
+  inputRef: noop,
+  enableShortcuts: ['esc']
+});
+_defineProperty(Input, "contextType", ControlsHeightContext);
 Input.propTypes = {
   value: PropTypes.string,
   className: PropTypes.string,

package/components/_helpers/query-assist__suggestions.js

@@ -1,85 +1,101 @@
+import { b as _createClass, f 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 React from 'react';
 import List from '../list/list.js';
 
 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"};
 
-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) : '');
+var ICON_ID_LENGTH = 44;
+var QueryAssistSuggestions = /*#__PURE__*/function () {
+  function QueryAssistSuggestions() {
+    _classCallCheck(this, QueryAssistSuggestions);
   }
-  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__*/React.createElement("span", {
-        className: modules_da7ab055.highlight
-      }, option.substring(matchingStart, matchingEnd));
-      after = option.substring(matchingEnd);
-    } else {
-      wrappedOption = option;
+  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) : '');
     }
-    const wrappedPrefix = prefix && /*#__PURE__*/React.createElement("span", {
-      className: modules_da7ab055.service
-    }, prefix);
-    const wrappedSuffix = suffix && /*#__PURE__*/React.createElement("span", {
-      className: modules_da7ab055.service
-    }, suffix);
-    return /*#__PURE__*/React.createElement("span", {
-      className: className
-    }, 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
-      };
+  }, {
+    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__*/React.createElement("span", {
+          className: modules_da7ab055.highlight
+        }, option.substring(matchingStart, matchingEnd));
+        after = option.substring(matchingEnd);
+      } else {
+        wrappedOption = option;
+      }
+      var wrappedPrefix = prefix && /*#__PURE__*/React.createElement("span", {
+        className: modules_da7ab055.service
+      }, prefix);
+      var wrappedSuffix = suffix && /*#__PURE__*/React.createElement("span", {
+        className: modules_da7ab055.service
+      }, suffix);
+      return /*#__PURE__*/React.createElement("span", {
+        className: className
+      }, wrappedPrefix, before, wrappedOption, after, wrappedSuffix);
     }
-    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);
+  }, {
+    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
+        };
       }
-      renderedSuggestions.push(suggestionRenderer(suggestion));
-    });
-    return renderedSuggestions;
-  }
-}
+      return null;
+    }
+  }, {
+    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;
+    }
+  }]);
+}();
 
 export { QueryAssistSuggestions as Q, modules_da7ab055 as m };