@jetbrains/ring-ui-built 6.0.34 → 6.0.36

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,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ListDataItem } from '../list/consts';
 export interface QueryAssistSuggestion {
     description: string;
@@ -19,7 +19,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;

package/components/radio/radio__item.js

@@ -1,25 +1,27 @@
-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, { createContext, Component, forwardRef } from 'react';
+import { createContext, forwardRef, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import getUID from '../global/get-uid.js';
+import ControlHelp from '../control-help/control-help.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.to-string.js';
 
 var modules_df92307a = {"light":"light_rui_2ac4","radio":"radio_rui_798a","circle":"circle_rui_798a","input":"input_rui_798a","focus":"focus_rui_798a","label":"label_rui_798a"};
 
-var _excluded = ["className", "children"],
+var _excluded = ["className", "children", "help"],
   _excluded2 = ["value", "onChange"];
 var RadioContext = /*#__PURE__*/createContext({});
-var Radio = /*#__PURE__*/function (_Component) {
-  function Radio() {
+var RadioItemInner = /*#__PURE__*/function (_Component) {
+  function RadioItemInner() {
     var _this;
-    _classCallCheck(this, Radio);
+    _classCallCheck(this, RadioItemInner);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Radio, [].concat(args));
+    _this = _callSuper(this, RadioItemInner, [].concat(args));
     _defineProperty(_this, "uid", getUID('ring-radio-item-'));
     _defineProperty(_this, "input", void 0);
     _defineProperty(_this, "inputRef", function (el) {
@@ -31,34 +33,39 @@ var Radio = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _inherits(Radio, _Component);
-  return _createClass(Radio, [{
+  _inherits(RadioItemInner, _Component);
+  return _createClass(RadioItemInner, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
         className = _this$props.className,
         children = _this$props.children,
+        help = _this$props.help,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_df92307a.radio, className);
-      return /*#__PURE__*/React.createElement("label", {
+      return /*#__PURE__*/jsxs("label", {
         ref: this.labelRef,
         className: classes,
-        htmlFor: this.uid
-      }, /*#__PURE__*/React.createElement("input", _extends({
-        id: this.uid
-      }, restProps, {
-        ref: this.inputRef,
-        className: modules_df92307a.input,
-        type: "radio"
-      })), /*#__PURE__*/React.createElement("span", {
-        className: modules_df92307a.circle
-      }), /*#__PURE__*/React.createElement("span", {
-        className: modules_df92307a.label
-      }, children));
+        htmlFor: this.uid,
+        children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
+          id: this.uid
+        }, restProps), {}, {
+          ref: this.inputRef,
+          className: modules_df92307a.input,
+          type: "radio"
+        })), /*#__PURE__*/jsx("span", {
+          className: modules_df92307a.circle
+        }), /*#__PURE__*/jsxs("span", {
+          className: modules_df92307a.label,
+          children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
+            children: help
+          })]
+        })]
+      });
     }
   }]);
 }(Component);
-_defineProperty(Radio, "propTypes", {
+_defineProperty(RadioItemInner, "propTypes", {
   className: PropTypes.string,
   children: PropTypes.node,
   value: PropTypes.string,
@@ -67,20 +74,22 @@ _defineProperty(Radio, "propTypes", {
   onChange: PropTypes.func
 });
 var RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
-  return /*#__PURE__*/React.createElement(RadioContext.Consumer, null, function (_ref) {
-    var value = _ref.value,
-      onChange = _ref.onChange,
-      restContext = _objectWithoutProperties(_ref, _excluded2);
-    return /*#__PURE__*/React.createElement(Radio, _extends({
-      ref: ref
-    }, restContext, {
-      checked: value != null ? value === props.value : undefined,
-      onChange: onChange != null ? function () {
-        return onChange(props.value);
-      } : undefined
-    }, props));
+  return /*#__PURE__*/jsx(RadioContext.Consumer, {
+    children: function children(_ref) {
+      var value = _ref.value,
+        onChange = _ref.onChange,
+        restContext = _objectWithoutProperties(_ref, _excluded2);
+      return /*#__PURE__*/jsx(RadioItemInner, _objectSpread2(_objectSpread2({
+        ref: ref
+      }, restContext), {}, {
+        checked: value != null ? value === props.value : undefined,
+        onChange: onChange != null ? function () {
+          return onChange(props.value);
+        } : undefined
+      }, props));
+    }
   });
 });
-RadioItem.propTypes = Radio.propTypes;
+RadioItem.propTypes = RadioItemInner.propTypes;
 
-export { Radio, RadioContext, RadioItem as default };
+export { RadioContext, RadioItemInner, RadioItem as default };

package/components/select/select.d.ts

@@ -1,4 +1,5 @@
-import React, { ButtonHTMLAttributes, Component, ComponentType, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, SyntheticEvent } from 'react';
+import { ButtonHTMLAttributes, Component, ComponentType, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, SyntheticEvent } from 'react';
+import * as React from 'react';
 import { SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';
 import { LabelType } from '../control-label/control-label';
@@ -100,6 +101,7 @@ export interface BaseSelectProps<T = unknown> {
     popupStyle?: CSSProperties | undefined;
     top?: number | undefined;
     left?: number | undefined;
+    offset?: number | undefined;
     renderOptimization?: boolean | undefined;
     ringPopupTarget?: string | null | undefined;
     preventListOverscroll?: boolean | undefined;
@@ -199,6 +201,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
         tags: null;
         ringPopupTarget: null;
         dir: string;
+        offset: number;
     };
     static getDerivedStateFromProps<T = unknown>(nextProps: SelectProps<T>, prevState: SelectState<T>): Partial<SelectState<T>>;
     state: SelectState<T>;
@@ -229,7 +232,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     _hidePopup: (tryFocusAnchor?: boolean) => void;
     addHandler: () => void;
     getToolbar(): React.JSX.Element | null;
-    getTopbar(): React.ReactNode;
+    getTopbar(): ReactNode;
     getLowerCaseLabel: typeof getLowerCaseLabel;
     doesLabelMatch: typeof doesLabelMatch;
     getFilterFn(): FilterFn<T>;