@jetbrains/ring-ui-built 6.0.34 → 6.0.36

package/components/pager/pager.d.ts

@@ -1,7 +1,8 @@
 /**
  * @name Pager
  */
-import React, { PureComponent, ReactNode } from 'react';
+import { PureComponent, ReactNode } from 'react';
+import * as React from 'react';
 import { SelectItem } from '../select/select';
 export interface PagerTranslations {
     perPage: string;

package/components/pager/pager.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, 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 'core-js/modules/es.array.find.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.to-string.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronLeftIcon from '@jetbrains/icons/chevron-left';
@@ -16,6 +16,7 @@ import memoize from '../global/memoize.js';
 import Link from '../link/link.js';
 import Icon from '../icon/icon.js';
 import { I18nContext } from '../i18n/i18n-context.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -34,6 +35,8 @@ import 'core-js/modules/es.string.split.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
+import '../control-label/control-label.js';
+import '../control-help/control-help.js';
 import '../_helpers/caption.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.index-of.js';
@@ -99,7 +102,6 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../_helpers/input.js';
-import '../control-label/control-label.js';
 import '../global/rerender-hoc.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
@@ -197,13 +199,14 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "getButton",
     value: function getButton(page, content, key, active) {
-      return /*#__PURE__*/React.createElement(Button, _extends({
+      return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
         href: this.generateHref(page),
-        key: key,
         active: active,
         disabled: this.props.loader && !active && !this.props.loaderNavigation,
         loader: this.props.loader && active
-      }, this.getClickProps(this.handlePageChange(page))), content);
+      }, this.getClickProps(this.handlePageChange(page))), {}, {
+        children: content
+      }), key);
     }
   }, {
     key: "getClickProps",
@@ -227,18 +230,19 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
     key: "getPageSizeSelector",
     value: function getPageSizeSelector() {
       var selectOptions = this.getSelectOptions();
-      return !this.props.disablePageSizeSelector && /*#__PURE__*/React.createElement("div", {
+      return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
         "data-test": "ring-pager-page-size-selector",
         style: {
           float: 'right'
-        }
-      }, /*#__PURE__*/React.createElement(Select, {
-        data: selectOptions.data,
-        selected: selectOptions.selected,
-        onSelect: this.handlePageSizeChange,
-        type: Select.Type.INLINE,
-        disabled: this.props.loader
-      }));
+        },
+        children: /*#__PURE__*/jsx(Select, {
+          data: selectOptions.data,
+          selected: selectOptions.selected,
+          onSelect: this.handlePageSizeChange,
+          type: Select.Type.INLINE,
+          disabled: this.props.loader
+        })
+      });
     }
   }, {
     key: "getPagerLinks",
@@ -247,45 +251,50 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
       var translate = this.context.translate;
       var prevLinkAvailable = this.props.currentPage !== 1;
       var nextLinkAvailable = this.props.openTotal || this.props.currentPage !== this.getTotalPages();
-      var nextIcon = /*#__PURE__*/React.createElement(Icon, {
-        glyph: chevronRightIcon,
-        key: "icon"
-      });
-      var prevIcon = /*#__PURE__*/React.createElement(Icon, {
-        glyph: chevronLeftIcon,
-        key: "icon"
-      });
+      var nextIcon = /*#__PURE__*/jsx(Icon, {
+        glyph: chevronRightIcon
+      }, "icon");
+      var prevIcon = /*#__PURE__*/jsx(Icon, {
+        glyph: chevronLeftIcon
+      }, "icon");
       var prevText = (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.previousPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('previousPage');
       var nextText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === void 0 ? void 0 : _this$props$translati4.nextPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('nextPage');
-      var nextLinkContent = [/*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, nextText), nextIcon];
-      var prevLinkContent = [prevIcon, /*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, prevText)];
+      var nextLinkContent = [/*#__PURE__*/jsx("span", {
+        children: nextText
+      }, "text"), nextIcon];
+      var prevLinkContent = [prevIcon, /*#__PURE__*/jsx("span", {
+        children: prevText
+      }, "text")];
       var prevLinkHref = this.generateHref(this.props.currentPage - 1);
       var nextLinkHref = this.generateHref(this.props.currentPage + 1);
       var disabledLinkClasses = classNames({
         [modules_1a5f0d42.link]: true,
         [modules_1a5f0d42.linkDisabled]: true
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: modules_1a5f0d42.links
-      }, prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/React.createElement(Link, _extends({
-        href: prevLinkHref,
-        className: modules_1a5f0d42.link
-      }, this.getClickProps(this.handlePrevClick)), prevLinkContent) : /*#__PURE__*/React.createElement("span", {
-        className: disabledLinkClasses
-      }, prevIcon, /*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, prevText)), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/React.createElement(Link, _extends({
-        href: nextLinkHref,
-        className: modules_1a5f0d42.link
-      }, this.getClickProps(this.handleNextClick)), nextLinkContent) : /*#__PURE__*/React.createElement("span", {
-        className: disabledLinkClasses
-      }, /*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, nextText), nextIcon));
+      return /*#__PURE__*/jsxs("div", {
+        className: modules_1a5f0d42.links,
+        children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
+          href: prevLinkHref,
+          className: modules_1a5f0d42.link
+        }, this.getClickProps(this.handlePrevClick)), {}, {
+          children: prevLinkContent
+        })) : /*#__PURE__*/jsxs("span", {
+          className: disabledLinkClasses,
+          children: [prevIcon, /*#__PURE__*/jsx("span", {
+            children: prevText
+          }, "text")]
+        }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
+          href: nextLinkHref,
+          className: modules_1a5f0d42.link
+        }, this.getClickProps(this.handleNextClick)), {}, {
+          children: nextLinkContent
+        })) : /*#__PURE__*/jsxs("span", {
+          className: disabledLinkClasses,
+          children: [/*#__PURE__*/jsx("span", {
+            children: nextText
+          }, "text"), nextIcon]
+        })]
+      });
     }
   }, {
     key: "generateHref",
@@ -335,19 +344,28 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
         buttons.push(this.getButton(i, i, i, i === currentPage));
       }
       var lastPageButtonAvailable = end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
-      return /*#__PURE__*/React.createElement("div", null, this.getPagerLinks(), /*#__PURE__*/React.createElement(ButtonToolbar, null, start > 1 && this.getButton(1, (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.firstPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('firstPage')), /*#__PURE__*/React.createElement(ButtonGroup, null, start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/React.createElement(Button, _extends({
-        href: this.generateHref(end + 1),
-        disabled: this.props.loader
-      }, this.getClickProps(this.handleLoadMore(end + 1))), '...')), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.lastPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('lastPage'))), this.getPageSizeSelector());
+      return /*#__PURE__*/jsxs("div", {
+        children: [this.getPagerLinks(), /*#__PURE__*/jsxs(ButtonToolbar, {
+          children: [start > 1 && this.getButton(1, (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.firstPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('firstPage')), /*#__PURE__*/jsxs(ButtonGroup, {
+            children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+              href: this.generateHref(end + 1),
+              disabled: this.props.loader
+            }, this.getClickProps(this.handleLoadMore(end + 1))), {}, {
+              children: '...'
+            }))]
+          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.lastPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('lastPage'))]
+        }), this.getPageSizeSelector()]
+      });
     }
   }, {
     key: "render",
     value: function render() {
       var classes = classNames(modules_1a5f0d42.pager, this.props.className);
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsx("div", {
         "data-test": "ring-pager",
-        className: classes
-      }, this.getTotalPages() > 1 || this.props.openTotal ? this.getPagerContent() : this.getPageSizeSelector());
+        className: classes,
+        children: this.getTotalPages() > 1 || this.props.openTotal ? this.getPagerContent() : this.getPageSizeSelector()
+      });
     }
   }]);
 }(PureComponent);

package/components/panel/panel.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, PureComponent } from 'react';
+import { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name Panel
@@ -8,5 +8,5 @@ export default class Panel extends PureComponent<HTMLAttributes<HTMLElement>> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/panel/panel.js

@@ -1,14 +1,12 @@
-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 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 '../_helpers/_rollupPluginBabelHelpers.js';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var modules_cf670408 = {"light":"light_rui_2ac4","panel":"panel_rui_e32c panel_rui_027b"};
 
 var _excluded = ["className", "children"];
-/**
- * @name Panel
- */
 var Panel = /*#__PURE__*/function (_PureComponent) {
   function Panel() {
     _classCallCheck(this, Panel);
@@ -23,9 +21,10 @@ var Panel = /*#__PURE__*/function (_PureComponent) {
         children = _this$props.children,
         props = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_cf670408.panel, className);
-      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-        className: classes
-      }), children);
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+        className: classes,
+        children: children
+      }));
     }
   }]);
 }(PureComponent);

package/components/permissions/permissions.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _createClass, f as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, b as _createClass, e as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.to-string.js';

package/components/permissions/permissions__cache.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _createClass, f as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, b as _createClass, e as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.to-string.js';
 

package/components/popup/popup.d.ts

@@ -1,7 +1,8 @@
 /**
  * @name Popup
  */
-import React, { PureComponent, ReactNode, CSSProperties, SyntheticEvent } from 'react';
+import { PureComponent, ReactNode, CSSProperties, SyntheticEvent } from 'react';
+import * as React from 'react';
 import { Listeners } from '../global/dom';
 import { PositionStyles } from './position';
 import { Dimension, Directions, Display, MaxHeight, MinWidth } from './popup.consts';

package/components/popup/popup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper, d as _objectSpread2, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, d as _objectSpread2, i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -6,7 +6,7 @@ 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, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -17,8 +17,9 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import TabTrap from '../tab-trap/tab-trap.js';
 import position from './position.js';
-import { Display, DEFAULT_DIRECTIONS, Directions, Dimension, MinWidth, MaxHeight } from './popup.consts.js';
+import { DEFAULT_DIRECTIONS, Directions, Dimension, MinWidth, MaxHeight, Display } from './popup.consts.js';
 import { PopupTargetContext, PopupTarget } from './popup.target.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.object.assign.js';
@@ -313,10 +314,11 @@ var Popup = /*#__PURE__*/function (_PureComponent) {
         trapFocus = _this$props3.trapFocus,
         autoFocusFirst = _this$props3.autoFocusFirst,
         children = _this$props3.children;
-      return trapFocus ? /*#__PURE__*/React.createElement(TabTrap, {
+      return trapFocus ? /*#__PURE__*/jsx(TabTrap, {
         autoFocusFirst: autoFocusFirst,
-        focusBackOnExit: true
-      }, children) : children;
+        focusBackOnExit: true,
+        children: children
+      }) : children;
     }
   }, {
     key: "render",
@@ -342,39 +344,44 @@ var Popup = /*#__PURE__*/function (_PureComponent) {
         [modules_2f69e2e2.showing]: showing
       });
       var direction = (this.state.direction || '').toLowerCase().replace(/[_]/g, '-');
-      return /*#__PURE__*/React.createElement(PopupTargetContext.Consumer, null, function (value) {
-        _this3.ringPopupTarget = value;
-        return /*#__PURE__*/React.createElement("span", {
-          // prevent bubbling through portal
-          onClick: stop
-          // This handler only blocks bubbling through React portal
-          ,
-          role: "presentation",
-          ref: _this3.portalRef
-        }, _this3.shouldUseShortcuts() && /*#__PURE__*/React.createElement(Shortcuts, {
-          map: _this3.shortcutsMap,
-          scope: _this3.shortcutsScope
-        }), (client || _this3.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PopupTarget, {
-          id: _this3.uid,
-          ref: _this3.containerRef,
-          onMouseOver: onMouseOver,
-          onFocus: onMouseOver,
-          onMouseOut: onMouseOut,
-          onBlur: onMouseOut,
-          onContextMenu: onContextMenu
-        }, /*#__PURE__*/React.createElement("div", {
-          "data-test": joinDataTestAttributes('ring-popup', dataTest),
-          "data-test-shown": !hidden && !showing,
-          "data-test-direction": direction,
-          ref: _this3.popupRef,
-          className: classes,
-          style: style,
-          onMouseDown: onMouseDown,
-          onMouseUp: onMouseUp
-          // mouse handlers are used to track clicking on inner elements
-          ,
-          role: "presentation"
-        }, _this3.getInternalContent())), _this3.getContainer() || document.body));
+      return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
+        children: function children(value) {
+          _this3.ringPopupTarget = value;
+          return /*#__PURE__*/jsxs("span", {
+            // prevent bubbling through portal
+            onClick: stop
+            // This handler only blocks bubbling through React portal
+            ,
+            role: "presentation",
+            ref: _this3.portalRef,
+            children: [_this3.shouldUseShortcuts() && /*#__PURE__*/jsx(Shortcuts, {
+              map: _this3.shortcutsMap,
+              scope: _this3.shortcutsScope
+            }), (client || _this3.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(PopupTarget, {
+              id: _this3.uid,
+              ref: _this3.containerRef,
+              onMouseOver: onMouseOver,
+              onFocus: onMouseOver,
+              onMouseOut: onMouseOut,
+              onBlur: onMouseOut,
+              onContextMenu: onContextMenu,
+              children: /*#__PURE__*/jsx("div", {
+                "data-test": joinDataTestAttributes('ring-popup', dataTest),
+                "data-test-shown": !hidden && !showing,
+                "data-test-direction": direction,
+                ref: _this3.popupRef,
+                className: classes,
+                style: style,
+                onMouseDown: onMouseDown,
+                onMouseUp: onMouseUp
+                // mouse handlers are used to track clicking on inner elements
+                ,
+                role: "presentation",
+                children: _this3.getInternalContent()
+              })
+            }), _this3.getContainer() || document.body)]
+          });
+        }
       });
     }
   }]);

package/components/popup/popup.target.d.ts

@@ -1,7 +1,7 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-export declare const PopupTargetContext: React.Context<string | Element | undefined>;
+import { HTMLAttributes, ReactNode } from 'react';
+export declare const PopupTargetContext: import("react").Context<string | Element | undefined>;
 export interface PopupTargetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     id: string;
     children: ReactNode | ((target: ReactNode) => ReactNode);
 }
-export declare const PopupTarget: React.ForwardRefExoticComponent<PopupTargetProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopupTarget: import("react").ForwardRefExoticComponent<PopupTargetProps & import("react").RefAttributes<HTMLDivElement>>;

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>;