@jetbrains/ring-ui-built 6.0.35 → 6.0.37

package/components/popup/popup.target.js

@@ -1,6 +1,7 @@
-import { c as _objectWithoutProperties, e as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { createContext, forwardRef } from 'react';
+import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { createContext, forwardRef } from 'react';
 import PropTypes from 'prop-types';
+import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["id", "children"];
 var PopupTargetContext = /*#__PURE__*/createContext(undefined);
@@ -8,13 +9,15 @@ var PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget(_ref, ref) {
   var id = _ref.id,
     children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  var target = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+  var target = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
     "data-portaltarget": id,
-    ref: ref
-  }), typeof children !== 'function' && children);
-  return /*#__PURE__*/React.createElement(PopupTargetContext.Provider, {
-    value: id
-  }, typeof children === 'function' ? children(target) : target);
+    ref: ref,
+    children: typeof children !== 'function' && children
+  }));
+  return /*#__PURE__*/jsx(PopupTargetContext.Provider, {
+    value: id,
+    children: typeof children === 'function' ? children(target) : target
+  });
 });
 PopupTarget.propTypes = {
   id: PropTypes.string.isRequired,

package/components/popup-menu/popup-menu.d.ts

@@ -1,4 +1,4 @@
-import React, { SyntheticEvent } from 'react';
+import { SyntheticEvent } from 'react';
 import Popup, { BasePopupProps } from '../popup/popup';
 import List, { ListProps as ListPropsType } from '../list/list';
 import { ListDataItem } from '../list/consts';
@@ -61,7 +61,7 @@ export default class PopupMenu<T = unknown> extends Popup<PopupMenuProps<T>> {
     list?: List<T> | null;
     listRef: (el: List<T> | null) => void;
     /** @override */
-    getInternalContent(): React.JSX.Element;
+    getInternalContent(): import("react").JSX.Element;
 }
 export type PopupMenuAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof PopupMenu, PopupMenuProps<T>>;
 export declare const ListProps: {

package/components/popup-menu/popup-menu.js

@@ -1,15 +1,16 @@
-import { c as _objectWithoutProperties, _ as _defineProperty, d as _objectSpread2, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _objectWithoutProperties, _ as _defineProperty, d as _objectSpread2, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
-import React from 'react';
 import PropTypes from 'prop-types';
 import Popup from '../popup/popup.js';
 import List from '../list/list.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'react';
 import 'react-dom';
 import 'classnames';
 import '../global/get-uid.js';
@@ -73,6 +74,7 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import '../control-help/control-help.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -115,13 +117,15 @@ var PopupMenu = /*#__PURE__*/function (_Popup) {
       var _this$props = this.props;
         _this$props.className;
         var props = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(List, _extends({
-        ref: this.listRef
-      }, props, {
-        maxHeight: this.popup && parseFloat(this.popup.style.maxHeight),
-        shortcuts: this.shouldUseShortcuts(),
-        onSelect: this.onSelect
-      })));
+      return /*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsx(List, _objectSpread2(_objectSpread2({
+          ref: this.listRef
+        }, props), {}, {
+          maxHeight: this.popup && parseFloat(this.popup.style.maxHeight),
+          shortcuts: this.shouldUseShortcuts(),
+          onSelect: this.onSelect
+        }))
+      });
     }
   }]);
 }(Popup);

package/components/progress-bar/progress-bar.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, PureComponent } from 'react';
+import { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 export interface ProgressBarProps extends HTMLAttributes<HTMLElement> {
     max: number;
@@ -59,6 +59,6 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
     progressbarWrapperRef: (el: HTMLElement | null) => void;
     progressbar?: (HTMLElement | null);
     progressbarRef: (el: HTMLElement | null) => void;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type ProgressBarAttrs = JSX.LibraryManagedAttributes<typeof ProgressBar, ProgressBarProps>;

package/components/progress-bar/progress-bar.js

@@ -1,15 +1,13 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_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 { jsx } from 'react/jsx-runtime';
 
 var modules_fb7af416 = {"dark":"dark_rui_f090","light":"light_rui_2ac4","progressBar":"progressBar_rui_7662","globalMode":"globalMode_rui_7662","line":"line_rui_7662","progress-bar":"progress-bar_rui_7662","staticLineColor":"staticLineColor_rui_7662"};
 
 var _excluded = ["className", "global", "max", "value", "label", "staticColor"];
-/**
- * @name Progress Bar
- */
 var ProgressBar = /*#__PURE__*/function (_PureComponent) {
   function ProgressBar() {
     var _this;
@@ -45,20 +43,21 @@ var ProgressBar = /*#__PURE__*/function (_PureComponent) {
         [modules_fb7af416.globalMode]: global,
         [modules_fb7af416.staticLineColor]: staticColor
       });
-      return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
         className: classes,
-        ref: this.progressbarWrapperRef
-      }), /*#__PURE__*/React.createElement("div", {
-        className: modules_fb7af416.line,
-        ref: this.progressbarRef,
-        role: "progressbar",
-        "aria-label": label,
-        "aria-valuenow": value,
-        "aria-valuemin": 0,
-        "aria-valuemax": max,
-        style: {
-          width
-        }
+        ref: this.progressbarWrapperRef,
+        children: /*#__PURE__*/jsx("div", {
+          className: modules_fb7af416.line,
+          ref: this.progressbarRef,
+          role: "progressbar",
+          "aria-label": label,
+          "aria-valuenow": value,
+          "aria-valuemin": 0,
+          "aria-valuemax": max,
+          style: {
+            width
+          }
+        })
       }));
     }
   }], [{

package/components/query-assist/query-assist.d.ts

@@ -1,4 +1,5 @@
-import React, { Component, ComponentRef, ReactNode, SyntheticEvent } from 'react';
+import { Component, ComponentRef, ReactNode, SyntheticEvent } from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import Caret, { Position } from '../caret/caret';
 import PopupMenu from '../popup-menu/popup-menu';
@@ -298,7 +299,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     shortcutsScope: string;
     shortcutsMap: ShortcutsMap;
     listShortcutsMap: ShortcutsMap;
-    renderActions(): React.ReactNode[];
+    renderActions(): ReactNode[];
     render(): React.JSX.Element;
 }
 export type QueryAssistAttrs = JSX.LibraryManagedAttributes<typeof QueryAssist, QueryAssistProps>;

package/components/query-assist/query-assist.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, k as _toConsumableArray, f as _classCallCheck, g as _callSuper, m as _get, n as _getPrototypeOf, c as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, j as _toConsumableArray, e as _classCallCheck, f as _callSuper, l as _get, m as _getPrototypeOf, c as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.array.concat.js';
@@ -13,7 +13,7 @@ import 'core-js/modules/es.promise.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'just-debounce-it';
 import classNames from 'classnames';
@@ -35,6 +35,7 @@ import { ControlsHeightContext, ControlsHeight } from '../global/controls-height
 import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { Q as QueryAssistSuggestions, m as modules_da7ab055 } from '../_helpers/query-assist__suggestions.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
@@ -82,6 +83,7 @@ import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import '../control-help/control-help.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -800,12 +802,11 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         var className = classNames(modules_da7ab055.letter, classes[index] || LETTER_DEFAULT_CLASS);
         var dataTest = letters.length - 1 === index ? 'ring-query-assist-last-letter' : null;
         // \u00a0 ===  
-        return /*#__PURE__*/React.createElement("span", {
-          // eslint-disable-next-line react/no-array-index-key
-          key: index + letter,
+        return /*#__PURE__*/jsx("span", {
           className: className,
-          "data-test": dataTest
-        }, letter === ' ' ? '\u00a0' : letter);
+          "data-test": dataTest,
+          children: letter === ' ' ? '\u00a0' : letter
+        }, index + letter);
       });
     }
   }, {
@@ -832,20 +833,20 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       var actions = _toConsumableArray(this.props.actions || []);
       var renderClear = this.props.clear && !!this.state.query;
       if (renderClear) {
-        actions.push( /*#__PURE__*/React.createElement(I18nContext.Consumer, {
-          key: 'clearAction'
-        }, function (_ref4) {
-          var _this7$props$translat, _this7$props$translat2;
-          var translate = _ref4.translate;
-          return /*#__PURE__*/React.createElement(Button, {
-            icon: closeIcon,
-            className: modules_da7ab055.clear,
-            title: (_this7$props$translat = (_this7$props$translat2 = _this7.props.translations) === null || _this7$props$translat2 === void 0 ? void 0 : _this7$props$translat2.clearTitle) !== null && _this7$props$translat !== void 0 ? _this7$props$translat : translate('clearTitle'),
-            ref: _this7.clearRef,
-            onClick: _this7.clearQuery,
-            "data-test": "query-assist-clear-icon"
-          });
-        }));
+        actions.push( /*#__PURE__*/jsx(I18nContext.Consumer, {
+          children: function children(_ref4) {
+            var _this7$props$translat, _this7$props$translat2;
+            var translate = _ref4.translate;
+            return /*#__PURE__*/jsx(Button, {
+              icon: closeIcon,
+              className: modules_da7ab055.clear,
+              title: (_this7$props$translat = (_this7$props$translat2 = _this7.props.translations) === null || _this7$props$translat2 === void 0 ? void 0 : _this7$props$translat2.clearTitle) !== null && _this7$props$translat !== void 0 ? _this7$props$translat : translate('clearTitle'),
+              ref: _this7.clearRef,
+              onClick: _this7.clearQuery,
+              "data-test": "query-assist-clear-icon"
+            });
+          }
+        }, 'clearAction'));
       }
       return actions;
     }
@@ -883,96 +884,108 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         [modules_da7ab055.hugePlaceholder]: huge,
         [modules_da7ab055.withoutGlass]: !glass || !renderLoader && huge
       });
-      return /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
-        value: ControlsHeight.M
-      }, /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref5) {
-        var _translations$searchT, _translations$searchT2, _translations$searchT3;
-        var translate = _ref5.translate;
-        return /*#__PURE__*/React.createElement("div", {
-          "data-test": joinDataTestAttributes('ring-query-assist', dataTest),
-          className: containerClasses,
-          role: "presentation",
-          ref: _this8.nodeRef
-        }, _this8.state.shortcuts && /*#__PURE__*/React.createElement(Shortcuts, {
-          map: _this8.shortcutsMap,
-          scope: _this8.shortcutsScope
-        }), renderGlass && !huge && /*#__PURE__*/React.createElement(Icon, {
-          glyph: searchIcon,
-          className: modules_da7ab055.icon,
-          title: (_translations$searchT = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
-          ref: _this8.glassRef,
-          "data-test": "query-assist-search-icon"
-        }), renderLoader && /*#__PURE__*/React.createElement("div", {
-          className: classNames(modules_da7ab055.icon, modules_da7ab055.loader, {
-            [modules_da7ab055.loaderOnTheRight]: !glass && !huge,
-            [modules_da7ab055.loaderActive]: renderLoader
-          }),
-          ref: _this8.loaderRef
-        }, /*#__PURE__*/React.createElement(LoaderInline, null)), /*#__PURE__*/React.createElement(ContentEditable, {
-          "aria-label": (_translations$searchT2 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT2 !== void 0 ? _translations$searchT2 : translate('searchTitle'),
-          className: inputClasses,
-          "data-test": "ring-query-assist-input",
-          inputRef: _this8.inputRef,
-          disabled: _this8.props.disabled,
-          onComponentUpdate: function onComponentUpdate() {
-            return _this8.setCaretPosition({
-              fromContentEditable: true
+      return /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+        value: ControlsHeight.M,
+        children: /*#__PURE__*/jsx(I18nContext.Consumer, {
+          children: function children(_ref5) {
+            var _translations$searchT, _translations$searchT2, _translations$searchT3;
+            var translate = _ref5.translate;
+            return /*#__PURE__*/jsxs("div", {
+              "data-test": joinDataTestAttributes('ring-query-assist', dataTest),
+              className: containerClasses,
+              role: "presentation",
+              ref: _this8.nodeRef,
+              children: [_this8.state.shortcuts && /*#__PURE__*/jsx(Shortcuts, {
+                map: _this8.shortcutsMap,
+                scope: _this8.shortcutsScope
+              }), renderGlass && !huge && /*#__PURE__*/jsx(Icon, {
+                glyph: searchIcon,
+                className: modules_da7ab055.icon,
+                title: (_translations$searchT = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
+                ref: _this8.glassRef,
+                "data-test": "query-assist-search-icon"
+              }), renderLoader && /*#__PURE__*/jsx("div", {
+                className: classNames(modules_da7ab055.icon, modules_da7ab055.loader, {
+                  [modules_da7ab055.loaderOnTheRight]: !glass && !huge,
+                  [modules_da7ab055.loaderActive]: renderLoader
+                }),
+                ref: _this8.loaderRef,
+                children: /*#__PURE__*/jsx(LoaderInline, {})
+              }), /*#__PURE__*/jsx(ContentEditable, {
+                "aria-label": (_translations$searchT2 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT2 !== void 0 ? _translations$searchT2 : translate('searchTitle'),
+                className: inputClasses,
+                "data-test": "ring-query-assist-input",
+                inputRef: _this8.inputRef,
+                disabled: _this8.props.disabled,
+                onComponentUpdate: function onComponentUpdate() {
+                  return _this8.setCaretPosition({
+                    fromContentEditable: true
+                  });
+                },
+                onBlur: _this8.handleFocusChange,
+                onClick: _this8.handleCaretMove,
+                onCompositionStart: _this8.trackCompositionState,
+                onCompositionEnd: _this8.trackCompositionState,
+                onFocus: _this8.handleFocusChange,
+                onInput: _this8.handleInput // To support IE use the same method
+                ,
+                onKeyUp: _this8.handleInput // to handle input and key up
+                ,
+                onKeyDown: _this8.handleEnter,
+                onPaste: _this8.handlePaste,
+                spellCheck: "false",
+                children: _this8.state.query && /*#__PURE__*/jsx("span", {
+                  children: _this8.renderQuery()
+                })
+              }), renderPlaceholder && /*#__PURE__*/jsx("button", {
+                type: "button",
+                className: placeholderStyles,
+                ref: _this8.placeholderRef,
+                onClick: _this8.handleCaretMove,
+                "data-test": "query-assist-placeholder",
+                disabled: _this8.props.disabled,
+                children: _this8.props.placeholder
+              }), actions.length ? /*#__PURE__*/jsx("div", {
+                "data-test": "ring-query-assist-actions",
+                className: modules_da7ab055.actions,
+                children: actions
+              }) : null, /*#__PURE__*/jsx(PopupMenu, {
+                hidden: !_this8.state.showPopup,
+                onCloseAttempt: _this8.closePopup,
+                ref: _this8.popupRef,
+                anchorElement: _this8.node,
+                keepMounted: true,
+                attached: true,
+                className: _this8.props.popupClassName,
+                directions: [PopupMenu.PopupProps.Directions.BOTTOM_RIGHT],
+                data: useCustomItemRender ? _this8.state.suggestions : _this8.renderSuggestions(),
+                "data-test": "ring-query-assist-popup",
+                hint: _this8.props.hint,
+                shortcutsMap: _this8.listShortcutsMap,
+                hintOnSelection: _this8.props.hintOnSelection,
+                left: _this8.getPopupOffset(_this8.state.suggestions),
+                maxHeight: PopupMenu.PopupProps.MaxHeight.SCREEN,
+                onMouseDown: _this8.trackPopupMouseState,
+                onMouseUp: _this8.trackPopupMouseState,
+                onSelect: function onSelect(item) {
+                  return _this8.handleComplete(item);
+                }
+              }), glass && huge && /*#__PURE__*/jsx("div", {
+                className: modules_da7ab055.rightSearchButton,
+                "data-test": "query-assist-search-button",
+                children: /*#__PURE__*/jsx(Icon, {
+                  glyph: searchIcon,
+                  className: modules_da7ab055.rightSearchIcon,
+                  title: (_translations$searchT3 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
+                  onClick: _this8.handleApply,
+                  ref: _this8.glassRef,
+                  "data-test": "query-assist-search-icon"
+                })
+              })]
             });
-          },
-          onBlur: _this8.handleFocusChange,
-          onClick: _this8.handleCaretMove,
-          onCompositionStart: _this8.trackCompositionState,
-          onCompositionEnd: _this8.trackCompositionState,
-          onFocus: _this8.handleFocusChange,
-          onInput: _this8.handleInput // To support IE use the same method
-          ,
-          onKeyUp: _this8.handleInput // to handle input and key up
-          ,
-          onKeyDown: _this8.handleEnter,
-          onPaste: _this8.handlePaste,
-          spellCheck: "false"
-        }, _this8.state.query && /*#__PURE__*/React.createElement("span", null, _this8.renderQuery())), renderPlaceholder && /*#__PURE__*/React.createElement("button", {
-          type: "button",
-          className: placeholderStyles,
-          ref: _this8.placeholderRef,
-          onClick: _this8.handleCaretMove,
-          "data-test": "query-assist-placeholder"
-        }, _this8.props.placeholder), actions.length ? /*#__PURE__*/React.createElement("div", {
-          "data-test": "ring-query-assist-actions",
-          className: modules_da7ab055.actions
-        }, actions) : null, /*#__PURE__*/React.createElement(PopupMenu, {
-          hidden: !_this8.state.showPopup,
-          onCloseAttempt: _this8.closePopup,
-          ref: _this8.popupRef,
-          anchorElement: _this8.node,
-          keepMounted: true,
-          attached: true,
-          className: _this8.props.popupClassName,
-          directions: [PopupMenu.PopupProps.Directions.BOTTOM_RIGHT],
-          data: useCustomItemRender ? _this8.state.suggestions : _this8.renderSuggestions(),
-          "data-test": "ring-query-assist-popup",
-          hint: _this8.props.hint,
-          shortcutsMap: _this8.listShortcutsMap,
-          hintOnSelection: _this8.props.hintOnSelection,
-          left: _this8.getPopupOffset(_this8.state.suggestions),
-          maxHeight: PopupMenu.PopupProps.MaxHeight.SCREEN,
-          onMouseDown: _this8.trackPopupMouseState,
-          onMouseUp: _this8.trackPopupMouseState,
-          onSelect: function onSelect(item) {
-            return _this8.handleComplete(item);
           }
-        }), glass && huge && /*#__PURE__*/React.createElement("div", {
-          className: modules_da7ab055.rightSearchButton,
-          "data-test": "query-assist-search-button"
-        }, /*#__PURE__*/React.createElement(Icon, {
-          glyph: searchIcon,
-          className: modules_da7ab055.rightSearchIcon,
-          title: (_translations$searchT3 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
-          onClick: _this8.handleApply,
-          ref: _this8.glassRef,
-          "data-test": "query-assist-search-icon"
-        })));
-      }));
+        })
+      });
     }
   }], [{
     key: "getDerivedStateFromProps",

package/components/query-assist/query-assist__suggestions.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ListDataItem } from '../list/consts';
 export interface QueryAssistSuggestion {
     description: string;
@@ -19,7 +18,7 @@ export interface SuggestionItem {
 }
 export default class QueryAssistSuggestions {
     static createKey(suggestion: QueryAssistSuggestion): string;
-    static renderLabel(suggestion: QueryAssistSuggestion): React.JSX.Element;
+    static renderLabel(suggestion: QueryAssistSuggestion): import("react").JSX.Element;
     static renderGroupSeparator(suggestion: QueryAssistSuggestion, prevSuggestion: string): {
         key: string;
         description: string;

package/components/query-assist/query-assist__suggestions.js

@@ -3,9 +3,9 @@ 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';
 import '../list/list.js';
 export { Q as default } from '../_helpers/query-assist__suggestions.js';
+import 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.find.js';
 import 'core-js/modules/es.array.find-index.js';
@@ -13,6 +13,7 @@ import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.string.includes.js';
+import 'react';
 import 'prop-types';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
@@ -67,6 +68,7 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import '../control-help/control-help.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';

package/components/radio/radio.d.ts

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { RadioProps } from './radio__item';
 /**
@@ -12,7 +12,7 @@ export default class Radio extends Component<RadioProps> {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };
-    static Item: React.ForwardRefExoticComponent<import("./radio__item").RadioItemProps & React.RefAttributes<import("./radio__item").Radio>>;
+    static Item: import("react").ForwardRefExoticComponent<import("./radio__item").RadioItemProps & import("react").RefAttributes<import("./radio__item").RadioItemInner>>;
     uid: string;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/radio/radio.js

@@ -1,16 +1,15 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_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 getUID from '../global/get-uid.js';
 import RadioItem, { RadioContext } from './radio__item.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import 'classnames';
+import '../control-help/control-help.js';
 
-/**
- * @name Radio
- */
 var Radio = /*#__PURE__*/function (_Component) {
   function Radio() {
     var _this;
@@ -26,11 +25,12 @@ var Radio = /*#__PURE__*/function (_Component) {
   return _createClass(Radio, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(RadioContext.Provider, {
+      return /*#__PURE__*/jsx(RadioContext.Provider, {
         value: _objectSpread2({
           name: this.uid
-        }, this.props)
-      }, this.props.children);
+        }, this.props),
+        children: this.props.children
+      });
     }
   }]);
 }(Component);

package/components/radio/radio__item.d.ts

@@ -1,11 +1,14 @@
-import React, { Component, InputHTMLAttributes } from 'react';
+import { Component, InputHTMLAttributes, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     value?: string | undefined;
     onChange?: ((value: string) => void) | null | undefined;
 }
-export declare const RadioContext: React.Context<RadioProps>;
-export declare class Radio extends Component<InputHTMLAttributes<HTMLInputElement>> {
+export declare const RadioContext: import("react").Context<RadioProps>;
+export interface RadioItemInnerProps extends InputHTMLAttributes<HTMLInputElement> {
+    help?: ReactNode;
+}
+export declare class RadioItemInner extends Component<RadioItemInnerProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -19,10 +22,10 @@ export declare class Radio extends Component<InputHTMLAttributes<HTMLInputElemen
     inputRef: (el: HTMLElement | null) => void;
     label?: HTMLElement | null;
     labelRef: (el: HTMLElement | null) => void;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
-export interface RadioItemProps extends InputHTMLAttributes<HTMLInputElement> {
+export interface RadioItemProps extends RadioItemInnerProps {
     value: string;
 }
-declare const RadioItem: React.ForwardRefExoticComponent<RadioItemProps & React.RefAttributes<Radio>>;
+declare const RadioItem: import("react").ForwardRefExoticComponent<RadioItemProps & import("react").RefAttributes<RadioItemInner>>;
 export default RadioItem;