@jetbrains/ring-ui-built 7.0.10 → 7.0.12

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

@@ -3,6 +3,7 @@ import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component } from 'react';
 import debounce from 'just-debounce-it';
 import classNames from 'classnames';
@@ -24,7 +25,6 @@ import { ControlsHeightContext, ControlsHeight } from '../global/controls-height
 import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { Q as QueryAssistSuggestions, s as styles } from '../_helpers/query-assist__suggestions.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dom/server';
 import '../popup/popup.js';
 import 'react-dom';
@@ -753,7 +753,7 @@ class QueryAssist extends Component {
       const className = classNames(styles.letter, classes[index] || LETTER_DEFAULT_CLASS);
       const dataTest = letters.length - 1 === index ? 'ring-query-assist-last-letter' : null;
       // \u00a0 ===  
-      return /*#__PURE__*/jsx("span", {
+      return jsx("span", {
         className: className,
         "data-test": dataTest,
         children: letter === ' ' ? '\u00a0' : letter
@@ -779,13 +779,13 @@ class QueryAssist extends Component {
     const actions = [...(this.props.actions || [])];
     const renderClear = this.props.clear && !!this.state.query;
     if (renderClear) {
-      actions.push(/*#__PURE__*/jsx(I18nContext.Consumer, {
+      actions.push(jsx(I18nContext.Consumer, {
         children: _ref6 => {
           var _this$props$translati, _this$props$translati2;
           let {
             translate
           } = _ref6;
-          return /*#__PURE__*/jsx(Button, {
+          return jsx(Button, {
             icon: closeIcon,
             className: styles.clear,
             title: (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.clearTitle) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('clearTitle'),
@@ -830,36 +830,36 @@ class QueryAssist extends Component {
       [styles.hugePlaceholder]: huge,
       [styles.withoutGlass]: !glass || !renderLoader && huge
     });
-    return /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+    return jsx(ControlsHeightContext.Provider, {
       value: ControlsHeight.M,
-      children: /*#__PURE__*/jsx(I18nContext.Consumer, {
+      children: jsx(I18nContext.Consumer, {
         children: _ref7 => {
           var _translations$searchT, _translations$searchT2, _translations$searchT3;
           let {
             translate
           } = _ref7;
-          return /*#__PURE__*/jsxs("div", {
+          return jsxs("div", {
             "data-test": joinDataTestAttributes('ring-query-assist', dataTest),
             className: containerClasses,
             role: "presentation",
             ref: this.nodeRef,
-            children: [this.state.shortcuts && /*#__PURE__*/jsx(Shortcuts, {
+            children: [this.state.shortcuts && jsx(Shortcuts, {
               map: this.shortcutsMap,
               scope: this.shortcutsScope
-            }), renderGlass && !huge && /*#__PURE__*/jsx(Icon, {
+            }), renderGlass && !huge && jsx(Icon, {
               glyph: searchIcon,
               className: styles.icon,
               title: (_translations$searchT = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
               ref: this.glassRef,
               "data-test": "query-assist-search-icon"
-            }), renderLoader && /*#__PURE__*/jsx("div", {
+            }), renderLoader && jsx("div", {
               className: classNames(styles.icon, styles.loader, {
                 [styles.loaderOnTheRight]: !glass && !huge,
                 [styles.loaderActive]: renderLoader
               }),
               ref: this.loaderRef,
-              children: /*#__PURE__*/jsx(LoaderInline, {})
-            }), /*#__PURE__*/jsx(ContentEditable, {
+              children: jsx(LoaderInline, {})
+            }), 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",
@@ -873,17 +873,15 @@ class QueryAssist extends Component {
               onCompositionStart: this.trackCompositionState,
               onCompositionEnd: this.trackCompositionState,
               onFocus: this.handleFocusChange,
-              onInput: this.handleInput // To support IE use the same method
-              ,
-              onKeyUp: this.handleInput // to handle input and key up
-              ,
+              onInput: this.handleInput,
+              onKeyUp: this.handleInput,
               onKeyDown: this.handleEnter,
               onPaste: this.handlePaste,
               spellCheck: "false",
-              children: this.state.query && /*#__PURE__*/jsx("span", {
+              children: this.state.query && jsx("span", {
                 children: this.renderQuery()
               })
-            }), renderPlaceholder && /*#__PURE__*/jsx("button", {
+            }), renderPlaceholder && jsx("button", {
               type: "button",
               className: placeholderStyles,
               ref: this.placeholderRef,
@@ -892,11 +890,11 @@ class QueryAssist extends Component {
               disabled: this.props.disabled,
               tabIndex: -1,
               children: this.props.placeholder
-            }), actions.length ? /*#__PURE__*/jsx("div", {
+            }), actions.length ? jsx("div", {
               "data-test": "ring-query-assist-actions",
               className: styles.actions,
               children: actions
-            }) : null, /*#__PURE__*/jsx(PopupMenu, {
+            }) : null, jsx(PopupMenu, {
               hidden: !this.state.showPopup,
               onCloseAttempt: this.closePopup,
               ref: this.popupRef,
@@ -915,10 +913,10 @@ class QueryAssist extends Component {
               onMouseDown: this.trackPopupMouseState,
               onMouseUp: this.trackPopupMouseState,
               onSelect: item => this.handleComplete(item)
-            }), glass && huge && /*#__PURE__*/jsx("div", {
+            }), glass && huge && jsx("div", {
               className: styles.rightSearchButton,
               "data-test": "query-assist-search-button",
-              children: /*#__PURE__*/jsx(Icon, {
+              children: jsx(Icon, {
                 glyph: searchIcon,
                 className: styles.rightSearchIcon,
                 title: (_translations$searchT3 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),

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

@@ -18,7 +18,7 @@ export interface SuggestionItem {
 }
 export default class QueryAssistSuggestions {
     static createKey(suggestion: QueryAssistSuggestion): string;
-    static renderLabel(suggestion: QueryAssistSuggestion): import("react").JSX.Element;
+    static renderLabel(suggestion: QueryAssistSuggestion): import("react/jsx-runtime").JSX.Element;
     static renderGroupSeparator(suggestion: QueryAssistSuggestion, prevSuggestion: string): {
         key: string;
         description: string;

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

@@ -1,7 +1,7 @@
 import 'core-js/modules/es.symbol.description.js';
+import 'react/jsx-runtime';
 import '../list/list.js';
 export { Q as default } from '../_helpers/query-assist__suggestions.js';
-import 'react/jsx-runtime';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';

package/components/radio/radio.d.ts

@@ -6,5 +6,5 @@ import { RadioProps } from './radio__item';
 export default class Radio extends Component<RadioProps> {
     static Item: import("react").ForwardRefExoticComponent<import("./radio__item").RadioItemProps & import("react").RefAttributes<import("./radio__item").RadioItemInner>>;
     uid: string;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/radio/radio.js

@@ -1,19 +1,22 @@
 import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import getUID from '../global/get-uid.js';
 import RadioItem, { RadioContext } from './radio__item.js';
-import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../control-help/control-help.js';
 
+/**
+ * @name Radio
+ */
 class Radio extends Component {
   constructor() {
     super(...arguments);
     _defineProperty(this, "uid", getUID('ring-radio-'));
   }
   render() {
-    return /*#__PURE__*/jsx(RadioContext.Provider, {
+    return jsx(RadioContext.Provider, {
       value: _objectSpread2({
         name: this.uid
       }, this.props),

package/components/radio/radio__item.d.ts

@@ -13,7 +13,7 @@ export declare class RadioItemInner extends Component<RadioItemInnerProps> {
     inputRef: (el: HTMLElement | null) => void;
     label?: HTMLElement | null;
     labelRef: (el: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export interface RadioItemProps extends RadioItemInnerProps {
     value: string;

package/components/radio/radio__item.js

@@ -1,10 +1,10 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, Component, forwardRef } from 'react';
 import classNames from 'classnames';
 import getUID from '../global/get-uid.js';
 import ControlHelp from '../control-help/control-help.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 
 var styles = {"radio":"radio_rui_370b","circle":"circle_rui_370b","input":"input_rui_370b","focus":"focus_rui_370b","label":"label_rui_370b"};
 
@@ -33,21 +33,21 @@ class RadioItemInner extends Component {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(styles.radio, className);
-    return /*#__PURE__*/jsxs("label", {
+    return jsxs("label", {
       ref: this.labelRef,
       className: classes,
       htmlFor: this.uid,
-      children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
+      children: [jsx("input", _objectSpread2(_objectSpread2({
         id: this.uid
       }, restProps), {}, {
         ref: this.inputRef,
         className: styles.input,
         type: "radio"
-      })), /*#__PURE__*/jsx("span", {
+      })), jsx("span", {
         className: styles.circle
-      }), /*#__PURE__*/jsxs("span", {
+      }), jsxs("span", {
         className: styles.label,
-        children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
+        children: [children, help && jsx(ControlHelp, {
           children: help
         })]
       })]
@@ -55,14 +55,14 @@ class RadioItemInner extends Component {
   }
 }
 const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
-  return /*#__PURE__*/jsx(RadioContext.Consumer, {
+  return jsx(RadioContext.Consumer, {
     children: _ref => {
       let {
           value,
           onChange
         } = _ref,
         restContext = _objectWithoutProperties(_ref, _excluded2);
-      return /*#__PURE__*/jsx(RadioItemInner, _objectSpread2(_objectSpread2({
+      return jsx(RadioItemInner, _objectSpread2(_objectSpread2({
         ref: ref
       }, restContext), {}, {
         checked: value != null ? value === props.value : undefined,

package/components/scrollable-section/scrollable-section.d.ts

@@ -1,2 +1,2 @@
 import { HTMLAttributes } from 'react';
-export default function ScrollableSection({ className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export default function ScrollableSection({ className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/components/scrollable-section/scrollable-section.js

@@ -1,8 +1,8 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
 
 var styles = {"scrollableSection":"scrollableSection_rui_a93d","withTopBorder":"withTopBorder_rui_a93d","withRightBorder":"withRightBorder_rui_a93d","withBottomBorder":"withBottomBorder_rui_a93d","withLeftBorder":"withLeftBorder_rui_a93d"};
 
@@ -38,7 +38,7 @@ function ScrollableSection(_ref) {
     window.addEventListener('resize', calculateScrollPosition);
     return () => window.removeEventListener('resize', calculateScrollPosition);
   }, [calculateScrollPosition]);
-  return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
     className: classNames(styles.scrollableSection, className, {
       [styles.withTopBorder]: !scrolledToTop,
       [styles.withRightBorder]: !scrolledToRight,

package/components/select/select.d.ts

@@ -234,7 +234,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     _showPopup: () => void;
     _hidePopup: (tryFocusAnchor?: boolean) => void;
     addHandler: () => void;
-    getToolbar(): React.JSX.Element | null;
+    getToolbar(): import("react/jsx-runtime").JSX.Element | null;
     getTopbar(): ReactNode;
     getLowerCaseLabel: typeof getLowerCaseLabel;
     doesLabelMatch: typeof doesLabelMatch;
@@ -274,8 +274,8 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
         'shift+down': typeof noop;
         space: typeof noop;
     };
-    renderSelect(activeItemId: string | undefined): React.JSX.Element;
-    render(): React.JSX.Element;
+    renderSelect(activeItemId: string | undefined): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type SingleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, SingleSelectProps<T>>;
 export type MultipleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, MultipleSelectProps<T>>;

package/components/select/select.js

@@ -3,6 +3,7 @@ import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.string.trim.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
@@ -26,7 +27,6 @@ import { createComposedRef } from '../global/composeRefs.js';
 import { isArray } from '../global/typescript-utils.js';
 import { ControlsHeight, ControlsHeightContext } from '../global/controls-height.js';
 import SelectPopup from './select__popup.js';
-import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { A as Anchor } from '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
@@ -83,6 +83,9 @@ import '../_helpers/select__filter.js';
 
 var styles = {"select":"select_rui_11de","value":"value_rui_11de ellipsis_rui_8bff font_rui_8bff","icons":"icons_rui_11de","toolbar":"toolbar_rui_11de","button":"button_rui_11de","buttonSpaced":"buttonSpaced_rui_11de","inputMode":"inputMode_rui_11de","heightS":"heightS_rui_11de","heightL":"heightL_rui_11de","selectedIcon":"selectedIcon_rui_11de resetButton_rui_8bff","clearIcon":"clearIcon_rui_11de","sizeS":"sizeS_rui_11de","sizeM":"sizeM_rui_11de","sizeL":"sizeL_rui_11de","sizeFULL":"sizeFULL_rui_11de","sizeAUTO":"sizeAUTO_rui_11de","buttonMode":"buttonMode_rui_11de","open":"open_rui_11de","buttonContainer":"buttonContainer_rui_11de","buttonValue":"buttonValue_rui_11de ellipsis_rui_8bff","buttonValueOpen":"buttonValueOpen_rui_11de","buttonValueEmpty":"buttonValueEmpty_rui_11de","label":"label_rui_11de","disabled":"disabled_rui_11de","avatar":"avatar_rui_11de","popup":"popup_rui_11de","chevron":"chevron_rui_11de","chevronIcon":"chevronIcon_rui_11de"};
 
+/**
+ * @name Select
+ */
 function noop() {}
 /**
  * @enum {number}
@@ -694,7 +697,7 @@ class Select extends Component {
       separator: reset.separator,
       key: reset.label,
       rgItemType: List.ListProps.Type.CUSTOM,
-      template: /*#__PURE__*/jsx(Button, {
+      template: jsx(Button, {
         inline: true,
         className: styles.button,
         "data-test": "ring-select-reset-tags-button",
@@ -725,7 +728,7 @@ class Select extends Component {
       shownData
     } = this.state;
     const _shownData = this._prependResetOption(shownData);
-    return /*#__PURE__*/jsx(I18nContext.Consumer, {
+    return jsx(I18nContext.Consumer, {
       children: _ref2 => {
         let {
           translate
@@ -738,7 +741,7 @@ class Select extends Component {
           var _this$props$notFoundM;
           message = (_this$props$notFoundM = this.props.notFoundMessage) !== null && _this$props$notFoundM !== void 0 ? _this$props$notFoundM : translate('noOptionsFound');
         }
-        return /*#__PURE__*/jsx(SelectPopup, {
+        return jsx(SelectPopup, {
           data: _shownData,
           message: message,
           toolbar: showPopup && this.getToolbar(),
@@ -755,8 +758,7 @@ class Select extends Component {
           top: this.props.top,
           left: this.props.left,
           offset: this.props.offset,
-          filter: this.isInputMode() ? false : this.props.filter // disable popup filter in INPUT mode
-          ,
+          filter: this.isInputMode() ? false : this.props.filter,
           filterIcon: this.props.filterIcon,
           filterRef: this.props.filterRef,
           multiple: this.props.multiple,
@@ -799,19 +801,19 @@ class Select extends Component {
     if (!isToolbarHasElements) {
       return null;
     }
-    return /*#__PURE__*/jsxs("div", {
+    return jsxs("div", {
       className: classNames({
         [styles.toolbar]: Boolean(this.state.addButton || renderBottomToolbar)
       }),
       "data-test": "ring-select-toolbar",
-      children: [renderBottomToolbar && renderBottomToolbar(), this.state.addButton && /*#__PURE__*/jsx(Button, {
+      children: [renderBottomToolbar && renderBottomToolbar(), this.state.addButton && jsx(Button, {
         inline: true,
         delayed: delayed,
         className: classNames(styles.button, styles.buttonSpaced),
         onClick: this.addHandler,
         "data-test": "ring-select-toolbar-button",
         children: prefix ? "".concat(prefix, " ").concat(label) : label
-      }), hint && /*#__PURE__*/jsx(List.ListHint, {
+      }), hint && jsx(List.ListHint, {
         label: hint,
         "data-test": "ring-select-toolbar-hint"
       })]
@@ -891,7 +893,7 @@ class Select extends Component {
     const icons = [];
     const height = this.props.height || this.context;
     if (!Array.isArray(selected) && selected !== null && selected !== void 0 && selected.icon) {
-      icons.push(/*#__PURE__*/jsx("button", {
+      icons.push(jsx("button", {
         title: "Toggle options popup",
         type: "button",
         className: styles.selectedIcon,
@@ -903,7 +905,7 @@ class Select extends Component {
       }, "selected"));
     }
     if (clear && !disabled && !this._selectionIsEmpty()) {
-      icons.push(/*#__PURE__*/jsx(Button, {
+      icons.push(jsx(Button, {
         title: "Clear selection",
         "data-test": "ring-clear-select",
         className: styles.clearIcon,
@@ -914,7 +916,7 @@ class Select extends Component {
       }, "close"));
     }
     if (!hideArrow) {
-      icons.push(/*#__PURE__*/jsx(Button, {
+      icons.push(jsx(Button, {
         title: "Toggle options popup",
         className: styles.chevron,
         iconClassName: styles.chevronIcon,
@@ -928,7 +930,7 @@ class Select extends Component {
   }
   _getAvatar() {
     var _this$state$selected, _this$state$selected2;
-    return !Array.isArray(this.state.selected) && (((_this$state$selected = this.state.selected) === null || _this$state$selected === void 0 ? void 0 : _this$state$selected.avatar) || ((_this$state$selected2 = this.state.selected) === null || _this$state$selected2 === void 0 ? void 0 : _this$state$selected2.showGeneratedAvatar)) && /*#__PURE__*/jsx(Avatar, {
+    return !Array.isArray(this.state.selected) && (((_this$state$selected = this.state.selected) === null || _this$state$selected === void 0 ? void 0 : _this$state$selected.avatar) || ((_this$state$selected2 = this.state.selected) === null || _this$state$selected2 === void 0 ? void 0 : _this$state$selected2.showGeneratedAvatar)) && jsx(Avatar, {
       className: styles.avatar,
       url: this.state.selected.avatar,
       username: this.state.selected.username,
@@ -966,7 +968,7 @@ class Select extends Component {
     if (this.props.type === Type.INPUT || this.props.type === Type.BUTTON) {
       const icons = this._getIcons();
       style = getStyle(icons.length);
-      iconsNode = /*#__PURE__*/jsx("div", {
+      iconsNode = jsx("div", {
         className: styles.icons,
         children: icons
       });
@@ -981,8 +983,8 @@ class Select extends Component {
     switch (this.props.type) {
       case Type.INPUT_WITHOUT_CONTROLS:
       case Type.INPUT:
-        return /*#__PURE__*/jsxs(Fragment$1, {
-          children: [/*#__PURE__*/jsxs("div", {
+        return jsxs(Fragment$1, {
+          children: [jsxs("div", {
             ref: this.nodeRef,
             className: classNames(classes, styles.inputMode),
             "data-test": joinDataTestAttributes('ring-select', dataTest),
@@ -990,10 +992,10 @@ class Select extends Component {
             ,
             onMouseDown: this.mouseDownHandler,
             onMouseUp: this.mouseUpHandler,
-            children: [shortcutsEnabled && /*#__PURE__*/jsx(Shortcuts, {
+            children: [shortcutsEnabled && jsx(Shortcuts, {
               map: this.getShortcutsMap(),
               scope: this.shortcutsScope
-            }), /*#__PURE__*/jsx(Input, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
+            }), jsx(Input, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
               height: this.props.height,
               autoComplete: "off",
               id: this.props.id,
@@ -1006,9 +1008,8 @@ class Select extends Component {
               size: Size.FULL,
               onChange: this._filterChangeHandler,
               onFocus: this._focusHandler,
-              onBlur: this._blurHandler
+              onBlur: this._blurHandler,
               // Input with error style without description
-              ,
               error: this.props.error != null ? '' : null,
               label: this.props.type === Type.INPUT ? this._getLabel() : null,
               placeholder: this.props.inputPlaceholder,
@@ -1018,27 +1019,27 @@ class Select extends Component {
               icon: this.props.filterIcon,
               afterInput: iconsNode
             })), this._renderPopup()]
-          }), this.props.error && /*#__PURE__*/jsx("div", {
+          }), this.props.error && jsx("div", {
             className: classNames(inputStyles.errorText, inputStyles["size".concat(this.props.size)]),
             children: this.props.error
           })]
         });
       case Type.BUTTON:
-        return /*#__PURE__*/jsxs("div", {
+        return jsxs("div", {
           ref: this.nodeRef,
           className: classNames(classes, styles.buttonMode),
           "data-test": joinDataTestAttributes('ring-select', dataTest),
-          children: [selectedLabel && /*#__PURE__*/jsx(ControlLabel, {
+          children: [selectedLabel && jsx(ControlLabel, {
             type: this.props.labelType,
             disabled: this.props.disabled,
             htmlFor: this.props.id,
             children: selectedLabel
-          }), shortcutsEnabled && /*#__PURE__*/jsx(Shortcuts, {
+          }), shortcutsEnabled && jsx(Shortcuts, {
             map: this.getShortcutsMap(),
             scope: this.shortcutsScope
-          }), /*#__PURE__*/jsxs("div", {
+          }), jsxs("div", {
             className: styles.buttonContainer,
-            children: [/*#__PURE__*/jsxs(Button, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
+            children: [jsxs(Button, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
               height: this.props.height,
               id: this.props.id,
               onClick: this._clickHandler,
@@ -1054,14 +1055,14 @@ class Select extends Component {
           }), this._renderPopup()]
         });
       case Type.INLINE:
-        return /*#__PURE__*/jsxs("div", {
+        return jsxs("div", {
           className: classes,
           ref: this.nodeRef,
           "data-test": joinDataTestAttributes('ring-select', dataTest),
-          children: [shortcutsEnabled && /*#__PURE__*/jsx(Shortcuts, {
+          children: [shortcutsEnabled && jsx(Shortcuts, {
             map: this.getShortcutsMap(),
             scope: this.shortcutsScope
-          }), /*#__PURE__*/jsx(Anchor, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
+          }), jsx(Anchor, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
             className: (_this$props$buttonCla = this.props.buttonClassName) !== null && _this$props$buttonCla !== void 0 ? _this$props$buttonCla : undefined,
             id: this.props.id,
             onClick: this._clickHandler,
@@ -1073,8 +1074,8 @@ class Select extends Component {
         });
       default:
         if (this.props.customAnchor) {
-          return /*#__PURE__*/jsxs(Fragment, {
-            children: [shortcutsEnabled && /*#__PURE__*/jsx(Shortcuts, {
+          return jsxs(Fragment, {
+            children: [shortcutsEnabled && jsx(Shortcuts, {
               map: this.getShortcutsMap(),
               scope: this.shortcutsScope
             }), this.props.customAnchor({
@@ -1093,7 +1094,7 @@ class Select extends Component {
             })]
           });
         }
-        return /*#__PURE__*/jsx("span", {
+        return jsx("span", {
           id: this.props.id,
           ref: this.nodeRef,
           "data-test": "ring-select",
@@ -1102,8 +1103,8 @@ class Select extends Component {
     }
   }
   render() {
-    return /*#__PURE__*/jsx(ActiveItemContext.Provider, {
-      children: /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
+    return jsx(ActiveItemContext.Provider, {
+      children: jsx(ActiveItemContext.ValueContext.Consumer, {
         children: activeItemId => this.renderSelect(activeItemId)
       })
     });

package/components/select/select__filter.d.ts

@@ -14,6 +14,6 @@ export default class SelectFilter extends Component<SelectFilterProps> {
     blur(): void;
     input?: HTMLInputElement | HTMLTextAreaElement | null;
     inputRef: (el: HTMLInputElement | HTMLTextAreaElement | null) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/select/select__filter.js

@@ -1,5 +1,6 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../_helpers/input.js';
@@ -7,7 +8,6 @@ import '../global/sniffer.js';
 import '../list/list.js';
 import '../i18n/i18n-context.js';
 export { S as default } from '../_helpers/select__filter.js';
-import 'react/jsx-runtime';
 import '@jetbrains/icons/close-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';

package/components/select/select__popup.d.ts

@@ -110,17 +110,17 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     onListSelect: (selected: ListDataItem<T>, event?: Event | SyntheticEvent, opts?: SelectHandlerParams) => void;
     tabPress: (event: Event) => void;
     onClickHandler: () => void | undefined;
-    getFilter(): React.JSX.Element | null;
+    getFilter(): import("react/jsx-runtime").JSX.Element | null;
     handleRemoveTag: (arg: ListDataItem<T>) => (event: SyntheticEvent) => void;
     handleTagClick: (arg: ListDataItem<T>) => () => void;
     getCustomTag(tags: Tags | boolean | null): ((tag: TagAttrs) => ReactNode) | undefined;
-    getTags(): false | React.JSX.Element;
-    getFilterWithTags(): React.JSX.Element | null;
-    getBottomLine(): "" | React.JSX.Element | null;
+    getTags(): false | import("react/jsx-runtime").JSX.Element;
+    getFilterWithTags(): import("react/jsx-runtime").JSX.Element | null;
+    getBottomLine(): "" | import("react/jsx-runtime").JSX.Element | null;
     handleListResize: () => void;
-    getList(ringPopupTarget: string | Element | undefined): React.JSX.Element | null;
+    getList(ringPopupTarget: string | Element | undefined): import("react/jsx-runtime").JSX.Element | null;
     handleSelectAll: () => void;
-    getSelectAll: () => false | React.JSX.Element;
+    getSelectAll: () => false | import("react/jsx-runtime").JSX.Element;
     private _adjustListMaxHeight;
     popupRef: (el: Popup | null) => void;
     list?: List<T> | null;
@@ -132,6 +132,6 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
         tab: (event: Event) => void;
     };
     popupFilterShortcutsMap: ShortcutsMap;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type SelectPopupAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof SelectPopup, SelectPopupProps<T>>;