@jetbrains/ring-ui-built 6.0.35 → 6.0.36

package/components/_helpers/_rollupPluginBabelHelpers.js

@@ -111,15 +111,6 @@ function _defineProperty(e, r, t) {
     writable: !0
   }) : e[r] = t, e;
 }
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
 function _get() {
   return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) {
     var p = _superPropBase(e, t);
@@ -574,4 +565,4 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-export { _defineProperty as _, _inherits as a, _createClass as b, _objectWithoutProperties as c, _objectSpread2 as d, _extends as e, _classCallCheck as f, _callSuper as g, _asyncToGenerator as h, _regeneratorRuntime as i, _slicedToArray as j, _toConsumableArray as k, _createForOfIteratorHelper as l, _get as m, _getPrototypeOf as n, _toPropertyKey as o };
+export { _defineProperty as _, _inherits as a, _createClass as b, _objectWithoutProperties as c, _objectSpread2 as d, _classCallCheck as e, _callSuper as f, _asyncToGenerator as g, _regeneratorRuntime as h, _slicedToArray as i, _toConsumableArray as j, _createForOfIteratorHelper as k, _get as l, _getPrototypeOf as m, _toPropertyKey as n };

package/components/_helpers/anchor.js

@@ -1,10 +1,11 @@
-import { c as _objectWithoutProperties, e as _extends } from './_rollupPluginBabelHelpers.js';
-import React, { memo } from 'react';
+import { c as _objectWithoutProperties, d as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import { memo } from 'react';
 import PropTypes from 'prop-types';
 import chevronDown from '@jetbrains/icons/chevron-10px';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var modules_d9414203 = {"light":"light_rui_2ac4","dropdown":"dropdown_rui_8ec5","anchor":"anchor_rui_8ec5","chevron":"chevron_rui_8ec5"};
 
@@ -13,13 +14,15 @@ var Anchor = function Anchor(_ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return /*#__PURE__*/jsxs(Button, _objectSpread2(_objectSpread2({
     "data-test-ring-dropdown-anchor": true,
     text: true,
     className: classNames(modules_d9414203.anchor, className)
-  }, restProps), children, /*#__PURE__*/React.createElement(Icon, {
-    glyph: chevronDown,
-    className: modules_d9414203.chevron
+  }, restProps), {}, {
+    children: [children, /*#__PURE__*/jsx(Icon, {
+      glyph: chevronDown,
+      className: modules_d9414203.chevron
+    })]
   }));
 };
 Anchor.propTypes = {

package/components/_helpers/caption.js

@@ -1,9 +1,10 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } from './_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
+import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from './_rollupPluginBabelHelpers.js';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
-var modules_1068e447 = {"button":"button_rui_6ad6","active":"active_rui_6ad6","primary":"primary_rui_6ad6","button-shadow":"i__const_button_shadow_3","buttonGroup":"buttonGroup_rui_f794 common_rui_f794 buttonGroup_rui_5c90","light":"light_rui_2ac4","common":"common_rui_f794","split":"split_rui_f794 common_rui_f794 buttonGroup_rui_5c90","caption":"caption_rui_f794 font_rui_f295"};
+var modules_1068e447 = {"button":"button_rui_6ad6","active":"active_rui_6ad6","primary":"primary_rui_6ad6","button-shadow":"i__const_button_shadow_3","buttonGroup":"buttonGroup_rui_f794 common_rui_f794 buttonGroup_rui_5c90","light":"light_rui_2ac4","common":"common_rui_f794","split":"split_rui_f794 common_rui_f794 buttonGroup_rui_5c90","caption":"caption_rui_f794 font_rui_f295","help":"help_rui_f794"};
 
 var Caption = /*#__PURE__*/function (_PureComponent) {
   function Caption() {
@@ -16,7 +17,7 @@ var Caption = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var className = this.props.className;
       var classes = classNames(modules_1068e447.caption, className);
-      return /*#__PURE__*/React.createElement("span", _extends({}, this.props, {
+      return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, this.props), {}, {
         className: classes
       }));
     }

package/components/_helpers/card.js

@@ -1,6 +1,6 @@
-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 { _ 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 React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import copyIcon from '@jetbrains/icons/copy';
@@ -10,6 +10,7 @@ import clipboard from '../clipboard/clipboard.js';
 import { m as modules_6c9187df } from './badge.js';
 import Icon from '../icon/icon.js';
 import { I18nContext } from '../i18n/i18n-context.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Size as Size$1 } from '../icon/icon__constants.js';
 
 var modules_a4196c17 = {"light":"light_rui_2ac4","userCardSpaced":"userCardSpaced_rui_6680","userInformationContainer":"userInformationContainer_rui_6680","userAvatar":"userAvatar_rui_6680","userInformation":"userInformation_rui_6680","userInformationGeneral":"userInformationGeneral_rui_6680","userNameLine":"userNameLine_rui_6680","userName":"userName_rui_6680","userLogin":"userLogin_rui_6680","userEmail":"userEmail_rui_6680","userCopyIcon":"userCopyIcon_rui_6680","userEmailWrapper":"userEmailWrapper_rui_6680","unverifiedLabel":"unverifiedLabel_rui_6680","userNameInfo":"userNameInfo_rui_6680","userActiveStatus":"userActiveStatus_rui_6680","online":"online_rui_6680"};
@@ -56,54 +57,69 @@ var UserCard = /*#__PURE__*/function (_PureComponent) {
       var translations = this.props.translations;
       var classes = classNames(className, {});
       var userActiveStatusClasses = classNames(modules_a4196c17.userActiveStatus, user.online ? modules_a4196c17.online : '');
-      return /*#__PURE__*/React.createElement("div", _extends({
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
         className: classes
-      }, restProps), /*#__PURE__*/React.createElement("div", {
-        className: modules_a4196c17.userInformationContainer
-      }, /*#__PURE__*/React.createElement("div", {
-        className: modules_a4196c17.userAvatar
-      }, /*#__PURE__*/React.createElement(Avatar, {
-        size: Size.Size56,
-        url: user.avatarUrl,
-        round: true
-      }), !!avatarInfo && avatarInfo), /*#__PURE__*/React.createElement("div", {
-        className: modules_a4196c17.userInformation
-      }, /*#__PURE__*/React.createElement("div", {
-        className: modules_a4196c17.userInformationGeneral
-      }, /*#__PURE__*/React.createElement("div", {
-        className: modules_a4196c17.userNameLine
-      }, user.href && /*#__PURE__*/React.createElement(Link, {
-        href: user.href,
-        className: modules_a4196c17.userName
-      }, user.name), !user.href && /*#__PURE__*/React.createElement("span", {
-        className: modules_a4196c17.userName
-      }, user.name), typeof user.online === 'boolean' && /*#__PURE__*/React.createElement("span", {
-        className: userActiveStatusClasses,
-        title: user.online ? (_translations$online = translations === null || translations === void 0 ? void 0 : translations.online) !== null && _translations$online !== void 0 ? _translations$online : translate('online') : (_translations$offline = translations === null || translations === void 0 ? void 0 : translations.offline) !== null && _translations$offline !== void 0 ? _translations$offline : translate('offline')
-      }), !!info && /*#__PURE__*/React.createElement("span", {
-        className: modules_a4196c17.userNameInfo
-      }, info), user.banned && /*#__PURE__*/React.createElement("span", {
-        className: classNames(modules_6c9187df.badge, modules_6c9187df.invalid),
-        title: user.banReason
-      }, (_translations$banned = translations === null || translations === void 0 ? void 0 : translations.banned) !== null && _translations$banned !== void 0 ? _translations$banned : translate('banned'))), /*#__PURE__*/React.createElement("div", {
-        className: modules_a4196c17.userLogin
-      }, user.login), user.email && /*#__PURE__*/React.createElement("span", {
-        className: modules_a4196c17.userEmailWrapper
-      }, /*#__PURE__*/React.createElement(Link, {
-        href: "mailto:".concat(user.email),
-        title: "mailto:".concat(user.email),
-        target: "_blank",
-        className: modules_a4196c17.userEmail
-      }, user.email), user.unverifiedEmail && /*#__PURE__*/React.createElement("span", {
-        className: modules_a4196c17.unverifiedLabel
-      }, (_translations$unverif = translations === null || translations === void 0 ? void 0 : translations.unverified) !== null && _translations$unverif !== void 0 ? _translations$unverif : translate('unverified')), /*#__PURE__*/React.createElement(Icon, {
-        title: (_translations$copyToC = translations === null || translations === void 0 ? void 0 : translations.copyToClipboard) !== null && _translations$copyToC !== void 0 ? _translations$copyToC : translate('copyToClipboard'),
-        className: modules_a4196c17.userCopyIcon,
-        onClick: this.copyEmail,
-        glyph: copyIcon,
-        size: Size$1.Size14,
-        suppressSizeWarning: true
-      }))), children)));
+      }, restProps), {}, {
+        children: /*#__PURE__*/jsxs("div", {
+          className: modules_a4196c17.userInformationContainer,
+          children: [/*#__PURE__*/jsxs("div", {
+            className: modules_a4196c17.userAvatar,
+            children: [/*#__PURE__*/jsx(Avatar, {
+              size: Size.Size56,
+              url: user.avatarUrl,
+              round: true
+            }), !!avatarInfo && avatarInfo]
+          }), /*#__PURE__*/jsxs("div", {
+            className: modules_a4196c17.userInformation,
+            children: [/*#__PURE__*/jsxs("div", {
+              className: modules_a4196c17.userInformationGeneral,
+              children: [/*#__PURE__*/jsxs("div", {
+                className: modules_a4196c17.userNameLine,
+                children: [user.href && /*#__PURE__*/jsx(Link, {
+                  href: user.href,
+                  className: modules_a4196c17.userName,
+                  children: user.name
+                }), !user.href && /*#__PURE__*/jsx("span", {
+                  className: modules_a4196c17.userName,
+                  children: user.name
+                }), typeof user.online === 'boolean' && /*#__PURE__*/jsx("span", {
+                  className: userActiveStatusClasses,
+                  title: user.online ? (_translations$online = translations === null || translations === void 0 ? void 0 : translations.online) !== null && _translations$online !== void 0 ? _translations$online : translate('online') : (_translations$offline = translations === null || translations === void 0 ? void 0 : translations.offline) !== null && _translations$offline !== void 0 ? _translations$offline : translate('offline')
+                }), !!info && /*#__PURE__*/jsx("span", {
+                  className: modules_a4196c17.userNameInfo,
+                  children: info
+                }), user.banned && /*#__PURE__*/jsx("span", {
+                  className: classNames(modules_6c9187df.badge, modules_6c9187df.invalid),
+                  title: user.banReason,
+                  children: (_translations$banned = translations === null || translations === void 0 ? void 0 : translations.banned) !== null && _translations$banned !== void 0 ? _translations$banned : translate('banned')
+                })]
+              }), /*#__PURE__*/jsx("div", {
+                className: modules_a4196c17.userLogin,
+                children: user.login
+              }), user.email && /*#__PURE__*/jsxs("span", {
+                className: modules_a4196c17.userEmailWrapper,
+                children: [/*#__PURE__*/jsx(Link, {
+                  href: "mailto:".concat(user.email),
+                  title: "mailto:".concat(user.email),
+                  target: "_blank",
+                  className: modules_a4196c17.userEmail,
+                  children: user.email
+                }), user.unverifiedEmail && /*#__PURE__*/jsx("span", {
+                  className: modules_a4196c17.unverifiedLabel,
+                  children: (_translations$unverif = translations === null || translations === void 0 ? void 0 : translations.unverified) !== null && _translations$unverif !== void 0 ? _translations$unverif : translate('unverified')
+                }), /*#__PURE__*/jsx(Icon, {
+                  title: (_translations$copyToC = translations === null || translations === void 0 ? void 0 : translations.copyToClipboard) !== null && _translations$copyToC !== void 0 ? _translations$copyToC : translate('copyToClipboard'),
+                  className: modules_a4196c17.userCopyIcon,
+                  onClick: this.copyEmail,
+                  glyph: copyIcon,
+                  size: Size$1.Size14,
+                  suppressSizeWarning: true
+                })]
+              })]
+            }), children]
+          })]
+        })
+      }));
     }
   }]);
 }(PureComponent);

package/components/_helpers/icon__svg.js

@@ -1,11 +1,12 @@
-import { c as _objectWithoutProperties, e as _extends } from './_rollupPluginBabelHelpers.js';
+import { c as _objectWithoutProperties, d as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.string.starts-with.js';
-import React, { memo } from 'react';
+import { memo } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import memoize from '../global/memoize.js';
+import { jsx } from 'react/jsx-runtime';
 
 var modules_29747b80 = {"light":"light_rui_2ac4","icon":"icon_rui_c997","glyph":"glyph_rui_c997","compatibilityMode":"compatibilityMode_rui_c997","gray":"gray_rui_c997","hover":"hover_rui_c997","green":"green_rui_c997","magenta":"magenta_rui_c997","red":"red_rui_c997","blue":"blue_rui_c997","white":"white_rui_c997","loading":"loading_rui_c997","icon-loading":"icon-loading_rui_c997"};
 
@@ -58,7 +59,7 @@ function IconSVG(_ref) {
   var _getSVGFromSource = getSVGFromSource(src),
     props = _getSVGFromSource.props,
     html = _getSVGFromSource.html;
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, rest, {
+  return /*#__PURE__*/jsx("svg", _objectSpread2(_objectSpread2(_objectSpread2({}, props), rest), {}, {
     className: glyphClasses,
     dangerouslySetInnerHTML: {
       __html: html

package/components/_helpers/input.js

@@ -1,7 +1,7 @@
-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 { _ 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 React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close-12px';
@@ -13,10 +13,12 @@ import { I18nContext } from '../i18n/i18n-context.js';
 import composeRefs from '../global/composeRefs.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 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","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","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 _excluded = ["size", "active", "multiline", "borderless", "label", "labelType", "error", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "translations", "height", "afterInput"];
+var _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
@@ -122,12 +124,12 @@ var Input = /*#__PURE__*/function (_PureComponent) {
       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,
+        help = _this$props3.help,
         className = _this$props3.className,
         inputClassName = _this$props3.inputClassName,
         children = _this$props3.children,
@@ -149,7 +151,6 @@ var Input = /*#__PURE__*/function (_PureComponent) {
       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.withIcon]: icon != null,
@@ -168,35 +169,44 @@ var Input = /*#__PURE__*/function (_PureComponent) {
         '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));
+      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
+            })]
+          });
+        }
       });
     }
   }]);
@@ -214,7 +224,6 @@ Input.propTypes = {
   inputClassName: PropTypes.string,
   size: PropTypes.oneOf(Object.values(Size)).isRequired,
   label: PropTypes.node,
-  active: PropTypes.bool,
   error: PropTypes.string,
   multiline: PropTypes.bool,
   onChange: PropTypes.func,

package/components/_helpers/query-assist__suggestions.js

@@ -1,10 +1,10 @@
-import { b as _createClass, f as _classCallCheck } from './_rollupPluginBabelHelpers.js';
+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 React from 'react';
 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"};
 
@@ -49,22 +49,26 @@ var QueryAssistSuggestions = /*#__PURE__*/function () {
       var after = '';
       if (matchingStart !== matchingEnd) {
         before = option.substring(0, matchingStart);
-        wrappedOption = /*#__PURE__*/React.createElement("span", {
-          className: modules_da7ab055.highlight
-        }, option.substring(matchingStart, matchingEnd));
+        wrappedOption = /*#__PURE__*/jsx("span", {
+          className: modules_da7ab055.highlight,
+          children: 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);
+      var wrappedPrefix = prefix && /*#__PURE__*/jsx("span", {
+        className: modules_da7ab055.service,
+        children: prefix
+      });
+      var wrappedSuffix = suffix && /*#__PURE__*/jsx("span", {
+        className: modules_da7ab055.service,
+        children: suffix
+      });
+      return /*#__PURE__*/jsxs("span", {
+        className: className,
+        children: [wrappedPrefix, before, wrappedOption, after, wrappedSuffix]
+      });
     }
   }, {
     key: "renderGroupSeparator",

package/components/_helpers/select__filter.js

@@ -1,14 +1,15 @@
-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 { _ 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.array.filter.js';
 import 'core-js/modules/es.object.to-string.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { I as Input } from './input.js';
 import sniffr from '../global/sniffer.js';
 import { ActiveItemContext } from '../list/list.js';
 import { I18nContext } from '../i18n/i18n-context.js';
+import { jsx } from 'react/jsx-runtime';
 
 var modules_b607bec2 = {"filterWithTagsFocused":"filterWithTagsFocused_rui_4b23","light":"light_rui_2ac4","filterWithTags":"filterWithTags_rui_4b23","filterWrapper":"filterWrapper_rui_4b23","filterWithTagsInput":"filterWithTagsInput_rui_4b23","filter":"filter_rui_4b23","popup":"popup_rui_4b23","filterIcon":"filterIcon_rui_4b23","bottomLine":"bottomLine_rui_4b23","bottomLineOverItem":"bottomLineOverItem_rui_4b23","message":"message_rui_4b23","selectAll":"selectAll_rui_4b23"};
 
@@ -59,21 +60,25 @@ var SelectFilter = /*#__PURE__*/function (_Component) {
         listId = _this$props.listId,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_b607bec2.filter, className);
-      return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, function (activeItemId) {
-        return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
-          var _restProps$placeholde;
-          var translate = _ref.translate;
-          return /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
-            placeholder: (_restProps$placeholde = restProps.placeholder) !== null && _restProps$placeholde !== void 0 ? _restProps$placeholde : translate('filterItems'),
-            "aria-owns": listId,
-            "aria-activedescendant": activeItemId,
-            autoComplete: "off",
-            autoFocus: true,
-            borderless: true,
-            inputRef: _this2.inputRef,
-            className: classes
-          }));
-        });
+      return /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
+        children: function children(activeItemId) {
+          return /*#__PURE__*/jsx(I18nContext.Consumer, {
+            children: function children(_ref) {
+              var _restProps$placeholde;
+              var translate = _ref.translate;
+              return /*#__PURE__*/jsx(Input, _objectSpread2(_objectSpread2({}, restProps), {}, {
+                placeholder: (_restProps$placeholde = restProps.placeholder) !== null && _restProps$placeholde !== void 0 ? _restProps$placeholde : translate('filterItems'),
+                "aria-owns": listId,
+                "aria-activedescendant": activeItemId,
+                autoComplete: "off",
+                autoFocus: true,
+                borderless: true,
+                inputRef: _this2.inputRef,
+                className: classes
+              }));
+            }
+          });
+        }
       });
     }
   }]);

package/components/_helpers/services-link.js

@@ -1,7 +1,8 @@
-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 React, { PureComponent } from 'react';
+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 { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Link from '../link/link.js';
+import { jsx } from 'react/jsx-runtime';
 
 var modules_74a7bf8b = {"light":"light_rui_2ac4","services":"services_rui_27f4","active":"active_rui_27f4","item":"item_rui_27f4","itemLogo":"itemLogo_rui_27f4","activeItem":"activeItem_rui_27f4 item_rui_27f4 active_rui_27f4","line":"line_rui_27f4","itemStacked":"itemStacked_rui_27f4","activeItemStacked":"activeItemStacked_rui_27f4 itemStacked_rui_27f4 active_rui_27f4"};
 
@@ -18,18 +19,19 @@ var ServicesLink = /*#__PURE__*/function (_PureComponent) {
       var _this$props = this.props,
         service = _this$props.service,
         props = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Link, _extends({
+      return /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
         target: "_self",
         href: service.homeUrl
-      }, props), service.iconUrl ? [/*#__PURE__*/React.createElement("span", {
-        key: "icon",
-        className: modules_74a7bf8b.itemLogo,
-        style: {
-          backgroundImage: "url(".concat(service.iconUrl, ")")
-        }
-      }), /*#__PURE__*/React.createElement("div", {
-        key: "text"
-      }, service.name)] : service.name);
+      }, props), {}, {
+        children: service.iconUrl ? [/*#__PURE__*/jsx("span", {
+          className: modules_74a7bf8b.itemLogo,
+          style: {
+            backgroundImage: "url(".concat(service.iconUrl, ")")
+          }
+        }, "icon"), /*#__PURE__*/jsx("div", {
+          children: service.name
+        }, "text")] : service.name
+      }));
     }
   }]);
 }(PureComponent);

package/components/_helpers/sidebar.js

@@ -1,9 +1,10 @@
-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 { _ 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 React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Waypoint } from 'react-waypoint';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var modules_b8a9dd4f = {"extra-small-screen-media":"i__const_extra_small_screen_media_0","small-screen-media":"i__const_small_screen_media_1","sidebarWidth":"calc(var(--ring-unit)*30)","light":"light_rui_2ac4","contentLayout":"contentLayout_rui_6166","contentLayoutContent":"contentLayoutContent_rui_6166","sidebarContainer":"sidebarContainer_rui_6166","sidebarContainerRight":"sidebarContainerRight_rui_6166","sidebar":"sidebar_rui_6166","sidebarRight":"sidebarRight_rui_6166","sidebarFixedTop":"sidebarFixedTop_rui_6166","sidebarFixedBottom":"sidebarFixedBottom_rui_6166","bottomMarker":"bottomMarker_rui_6166","contentLayoutResponsive":"contentLayoutResponsive_rui_6166"};
 
@@ -91,21 +92,24 @@ var Sidebar = /*#__PURE__*/function (_Component) {
       var style = {
         maxHeight: shouldFixateBottom && sidebarVisibleHeight ? "".concat(sidebarVisibleHeight, "px") : undefined
       };
-      return /*#__PURE__*/React.createElement("aside", {
+      return /*#__PURE__*/jsxs("aside", {
         className: containerClasses,
-        ref: this.sidebarRef
-      }, /*#__PURE__*/React.createElement(Waypoint, {
-        onEnter: this.handleTopWaypoint,
-        onLeave: this.handleTopWaypoint
-      }), /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-        style: style,
-        className: classes
-      }), children), /*#__PURE__*/React.createElement("div", {
-        className: modules_b8a9dd4f.bottomMarker
-      }, /*#__PURE__*/React.createElement(Waypoint, {
-        onEnter: this.handleBottomWaypoint,
-        onLeave: this.handleBottomWaypoint
-      })));
+        ref: this.sidebarRef,
+        children: [/*#__PURE__*/jsx(Waypoint, {
+          onEnter: this.handleTopWaypoint,
+          onLeave: this.handleTopWaypoint
+        }), /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+          style: style,
+          className: classes,
+          children: children
+        })), /*#__PURE__*/jsx("div", {
+          className: modules_b8a9dd4f.bottomMarker,
+          children: /*#__PURE__*/jsx(Waypoint, {
+            onEnter: this.handleBottomWaypoint,
+            onLeave: this.handleBottomWaypoint
+          })
+        })]
+      });
     }
   }]);
 }(Component);