@jetbrains/ring-ui-built 7.0.10 → 7.0.12

package/components/login-dialog/login-dialog.js

@@ -1,9 +1,9 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import Dialog from '../dialog/dialog.js';
 import 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import '../_helpers/island.js';
 import '../island/header.js';
 import ContentWrapper from '../island/content.js';
@@ -131,7 +131,7 @@ class LoginDialog extends Component {
       height,
       width
     };
-    return /*#__PURE__*/jsxs(Dialog, {
+    return jsxs(Dialog, {
       "data-test": "ring-login-dialog",
       className: className,
       contentClassName: styles.dialogContent,
@@ -140,18 +140,18 @@ class LoginDialog extends Component {
       show: show,
       showCloseButton: true,
       onCloseAttempt: onCancel,
-      children: [/*#__PURE__*/jsx(ContentWrapper, {
-        children: /*#__PURE__*/jsx("iframe", {
+      children: [jsx(ContentWrapper, {
+        children: jsx("iframe", {
           title: "Login dialog",
           style: iFrameStyle,
           src: url,
           className: styles.iFrame,
           scrolling: "no"
         })
-      }), loading && /*#__PURE__*/jsx(LoaderScreen, {
+      }), loading && jsx(LoaderScreen, {
         message: loadingMessage,
         containerClassName: styles.nonOpaqueLoader
-      }), showFallbackLink && /*#__PURE__*/jsx("div", {
+      }), showFallbackLink && jsx("div", {
         className: styles.fallbackLinkContainer,
         children: renderFallbackLink(loggingIn)
       })]

package/components/login-dialog/service.js

@@ -1,8 +1,8 @@
 import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { createRoot } from 'react-dom/client';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import LoginDialog from './login-dialog.js';
-import { jsx } from 'react/jsx-runtime';
 import 'react';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../dialog/dialog.js';
@@ -55,9 +55,9 @@ const reactRoot = createRoot(containerElement);
  * Renders LoginDialog into virtual node to skip maintaining container
  */
 function renderLoginDialog(props) {
-  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(jsx(ControlsHeightContext.Provider, {
     value: getGlobalControlsHeight(),
-    children: /*#__PURE__*/jsx(LoginDialog, _objectSpread2({}, props))
+    children: jsx(LoginDialog, _objectSpread2({}, props))
   }));
 }
 function noop() {}

package/components/markdown/markdown.d.ts

@@ -8,5 +8,5 @@ export interface MarkdownProps {
  * @name Markdown
  */
 export default class Markdown extends PureComponent<MarkdownProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/markdown/markdown.js

@@ -1,11 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { s as styles$1 } from '../_helpers/heading.js';
 import { l as linkStyles } from '../_helpers/link.js';
-import { jsx } from 'react/jsx-runtime';
 
 var styles = {"inline":"inline_rui_e3b3","markdown":"markdown_rui_e3b3 font_rui_8bff"};
 
+/**
+ * @name Markdown
+ */
 class Markdown extends PureComponent {
   render() {
     const {
@@ -17,7 +20,7 @@ class Markdown extends PureComponent {
       [styles.markdown]: !inline,
       [styles.inline]: inline
     });
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       "data-test": "ring-markdown",
       className: classes,
       children: children

package/components/message/message.d.ts

@@ -49,7 +49,7 @@ export default class Message extends Component<MessageProps> {
     node?: HTMLElement | null;
     popupRef: (el: Popup | null) => void;
     getTailOffset(): number;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type MessageAttrs = JSX.LibraryManagedAttributes<typeof Message, MessageProps>;
 export {};

package/components/message/message.js

@@ -1,6 +1,7 @@
 import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import gift from '@jetbrains/icons/gift';
@@ -10,7 +11,6 @@ import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { T as Theme, d as darkStyles, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
@@ -40,6 +40,9 @@ import '../i18n/i18n.js';
 
 var styles = {"container":"container_rui_f3db","message":"message_rui_f3db","icon":"icon_rui_f3db","title":"title_rui_f3db font-lower_rui_8bff font_rui_8bff","description":"description_rui_f3db","gotIt":"gotIt_rui_f3db","tail":"tail_rui_f3db"};
 
+/**
+ * @name Message
+ */
 const UNIT = 8;
 const TAIL_SIZE = 11;
 const getTailOffsets = offset => ({
@@ -164,16 +167,16 @@ class Message extends Component {
     const {
       direction
     } = this.state;
-    return /*#__PURE__*/jsx(I18nContext.Consumer, {
+    return jsx(I18nContext.Consumer, {
       children: _ref => {
         let {
           translate
         } = _ref;
-        return /*#__PURE__*/jsx(WithThemeClasses, {
+        return jsx(WithThemeClasses, {
           theme: theme,
           children: themeClasses => {
             var _translations$gotIt, _translations$dismiss;
-            return /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
+            return jsx(Popup, _objectSpread2(_objectSpread2({
               ref: this.popupRef,
               hidden: false,
               directions: popupDirections,
@@ -181,29 +184,29 @@ class Message extends Component {
               offset: UNIT * 2,
               onDirectionChange: this._onDirectionChange
             }, popupProps), {}, {
-              children: /*#__PURE__*/jsxs(ThemeProvider, {
+              children: jsxs(ThemeProvider, {
                 theme: theme,
                 passToPopups: true,
-                children: [direction && /*#__PURE__*/jsx("div", {
+                children: [direction && jsx("div", {
                   className: tailClasses,
                   style: getTailOffsets(this.getTailOffset())[direction]
-                }), icon && /*#__PURE__*/jsx(Icon, {
+                }), icon && jsx(Icon, {
                   className: styles.icon,
                   glyph: icon
-                }), title && /*#__PURE__*/jsx("h1", {
+                }), title && jsx("h1", {
                   "data-test": "rgMessageTitle",
                   className: styles.title,
                   children: title
-                }), children && /*#__PURE__*/jsx("div", {
+                }), children && jsx("div", {
                   className: styles.description,
                   children: children
-                }), (onClose || buttonProps) && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+                }), (onClose || buttonProps) && jsx(Button, _objectSpread2(_objectSpread2({
                   className: styles.gotIt,
                   onClick: onClose,
                   primary: true
                 }, buttonProps), {}, {
                   children: (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')
-                })), onDismiss && /*#__PURE__*/jsx(Button, {
+                })), onDismiss && jsx(Button, {
                   onClick: onDismiss,
                   inline: true,
                   children: (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss')

package/components/old-browsers-message/white-list.js

@@ -8,11 +8,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 131", "and_uc 15.5", "chrome 129", "chrome 128", "chrome 127", "chrome 109", "edge 129", "edge 128", "firefox 130", "ios_saf 17.6-17.7", "ios_saf 17.5", "op_mob 80", "safari 17.6", "samsung 26"]) {
+if (!["and_chr 131", "chrome 131", "chrome 130", "chrome 109", "edge 131", "edge 130", "firefox 132", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "safari 17.6", "samsung 26"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 131", "and_uc 15.5", "chrome 129", "chrome 128", "chrome 127", "chrome 109", "edge 129", "edge 128", "firefox 130", "ios_saf 17.6-17.7", "ios_saf 17.5", "op_mob 80", "safari 17.6", "samsung 26"] || [];
+const SUPPORTED = ["and_chr 131", "chrome 131", "chrome 130", "chrome 109", "edge 131", "edge 130", "firefox 132", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "safari 17.6", "samsung 26"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;

package/components/pager/pager.d.ts

@@ -59,7 +59,7 @@ export default class Pager extends PureComponent<PagerProps> {
     handleNextClick: () => void;
     handlePageChange: (arg: number) => (event: React.MouseEvent) => void;
     handleLoadMore: (arg: number) => () => void;
-    getButton(page: number, content: ReactNode, key?: number, active?: boolean): React.JSX.Element;
+    getButton(page: number, content: ReactNode, key?: number, active?: boolean): import("react/jsx-runtime").JSX.Element;
     getClickProps(onClick: (e: React.MouseEvent) => void): {
         onPlainLeftClick?: undefined;
         onClick?: undefined;
@@ -70,11 +70,11 @@ export default class Pager extends PureComponent<PagerProps> {
         onClick: (e: React.MouseEvent) => void;
         onPlainLeftClick?: undefined;
     };
-    getPageSizeSelector(): false | React.JSX.Element;
-    getPagerLinks(): React.JSX.Element;
+    getPageSizeSelector(): false | import("react/jsx-runtime").JSX.Element;
+    getPagerLinks(): import("react/jsx-runtime").JSX.Element;
     generateHref(page: number): string | undefined;
-    getPagerContent(): React.JSX.Element;
-    render(): React.JSX.Element;
+    getPagerContent(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type PagerAttrs = JSX.LibraryManagedAttributes<typeof Pager, PagerProps>;
 export {};

package/components/pager/pager.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import chevronLeftIcon from '@jetbrains/icons/chevron-left';
@@ -12,7 +13,6 @@ 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-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
@@ -158,7 +158,7 @@ class Pager extends PureComponent {
     return Math.ceil(total / pageSize);
   }
   getButton(page, content, key, active) {
-    return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+    return jsx(Button, _objectSpread2(_objectSpread2({
       href: this.generateHref(page),
       active: active,
       disabled: this.props.loader && !active && !this.props.loaderNavigation,
@@ -186,10 +186,10 @@ class Pager extends PureComponent {
   }
   getPageSizeSelector() {
     const selectOptions = this.getSelectOptions();
-    return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
+    return !this.props.disablePageSizeSelector && jsx("div", {
       "data-test": "ring-pager-page-size-selector",
       className: style.pageSize,
-      children: /*#__PURE__*/jsx(Select, {
+      children: jsx(Select, {
         data: selectOptions.data,
         selected: selectOptions.selected,
         onSelect: this.handlePageSizeChange,
@@ -205,18 +205,18 @@ class Pager extends PureComponent {
     } = this.context;
     const prevLinkAvailable = this.props.currentPage !== 1;
     const nextLinkAvailable = this.props.openTotal || this.props.currentPage !== this.getTotalPages();
-    const nextIcon = /*#__PURE__*/jsx(Icon, {
+    const nextIcon = jsx(Icon, {
       glyph: chevronRightIcon
     }, "icon");
-    const prevIcon = /*#__PURE__*/jsx(Icon, {
+    const prevIcon = jsx(Icon, {
       glyph: chevronLeftIcon
     }, "icon");
     const prevText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === void 0 ? void 0 : _this$props$translati4.previousPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('previousPage');
     const nextText = (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.nextPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('nextPage');
-    const nextLinkContent = [/*#__PURE__*/jsx("span", {
+    const nextLinkContent = [jsx("span", {
       children: nextText
     }, "text"), nextIcon];
-    const prevLinkContent = [prevIcon, /*#__PURE__*/jsx("span", {
+    const prevLinkContent = [prevIcon, jsx("span", {
       children: prevText
     }, "text")];
     const prevLinkHref = this.generateHref(this.props.currentPage - 1);
@@ -225,26 +225,26 @@ class Pager extends PureComponent {
       [style.link]: true,
       [style.linkDisabled]: true
     });
-    return /*#__PURE__*/jsxs("div", {
+    return jsxs("div", {
       className: style.links,
-      children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
+      children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? jsx(Link, _objectSpread2(_objectSpread2({
         href: prevLinkHref,
         className: style.link
       }, this.getClickProps(this.handlePrevClick)), {}, {
         children: prevLinkContent
-      })) : /*#__PURE__*/jsxs("span", {
+      })) : jsxs("span", {
         className: disabledLinkClasses,
-        children: [prevIcon, /*#__PURE__*/jsx("span", {
+        children: [prevIcon, jsx("span", {
           children: prevText
         }, "text")]
-      }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
+      }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? jsx(Link, _objectSpread2(_objectSpread2({
         href: nextLinkHref,
         className: style.link
       }, this.getClickProps(this.handleNextClick)), {}, {
         children: nextLinkContent
-      })) : /*#__PURE__*/jsxs("span", {
+      })) : jsxs("span", {
         className: disabledLinkClasses,
-        children: [/*#__PURE__*/jsx("span", {
+        children: [jsx("span", {
           children: nextText
         }, "text"), nextIcon]
       })]
@@ -297,12 +297,12 @@ class Pager extends PureComponent {
       buttons.push(this.getButton(i, i, i, i === currentPage));
     }
     const lastPageButtonAvailable = !this.props.disableLastPageButton && end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
-    return /*#__PURE__*/jsxs("div", {
-      children: [this.getPagerLinks(), /*#__PURE__*/jsxs("div", {
+    return jsxs("div", {
+      children: [this.getPagerLinks(), jsxs("div", {
         className: style.actions,
-        children: [/*#__PURE__*/jsxs(ButtonToolbar, {
-          children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : 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({
+        children: [jsxs(ButtonToolbar, {
+          children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('firstPage')), jsxs(ButtonGroup, {
+            children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && jsx(Button, _objectSpread2(_objectSpread2({
               href: this.generateHref(end + 1),
               disabled: this.props.loader
             }, this.getClickProps(this.handleLoadMore(end + 1))), {}, {
@@ -315,7 +315,7 @@ class Pager extends PureComponent {
   }
   render() {
     const classes = classNames(style.pager, this.props.className);
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       "data-test": "ring-pager",
       className: classes,
       children: this.getTotalPages() > 1 || this.props.openTotal ? this.getPagerContent() : this.getPageSizeSelector()

package/components/panel/panel.d.ts

@@ -3,5 +3,5 @@ import { HTMLAttributes, PureComponent } from 'react';
  * @name Panel
  */
 export default class Panel extends PureComponent<HTMLAttributes<HTMLElement>> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/panel/panel.js

@@ -1,11 +1,14 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
 
 var styles = {"panel":"panel_rui_1067 panel_rui_381e"};
 
 const _excluded = ["className", "children"];
+/**
+ * @name Panel
+ */
 class Panel extends PureComponent {
   render() {
     const _this$props = this.props,
@@ -15,7 +18,7 @@ class Panel extends PureComponent {
       } = _this$props,
       props = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(styles.panel, className);
-    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
+    return jsx("div", _objectSpread2(_objectSpread2({
       "data-test": "ring-panel"
     }, props), {}, {
       className: classes,

package/components/popup/popup.d.ts

@@ -138,12 +138,12 @@ export default class Popup<P extends BasePopupProps = PopupProps> extends PureCo
      * @private
      */
     private _onDocumentClick;
-    getInternalContent(): React.JSX.Element | P["children"] | undefined;
+    getInternalContent(): import("react/jsx-runtime").JSX.Element | P["children"] | undefined;
     shortcutsScope: string;
     shortcutsMap: {
         esc: (evt: KeyboardEvent) => void;
     };
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type PopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, PopupProps>;
 export type BasePopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, BasePopupProps>;

package/components/popup/popup.js

@@ -2,6 +2,7 @@ import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPl
 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 { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import classNames from 'classnames';
@@ -14,7 +15,6 @@ 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 { PopupTargetContext, PopupTarget } from './popup.target.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
@@ -264,7 +264,7 @@ class Popup extends PureComponent {
       autoFocusFirst,
       children
     } = this.props;
-    return trapFocus ? /*#__PURE__*/jsx(TabTrap, {
+    return trapFocus ? jsx(TabTrap, {
       autoFocusFirst: autoFocusFirst,
       focusBackOnExit: true,
       children: children
@@ -294,20 +294,19 @@ class Popup extends PureComponent {
       [styles.largeBorderRadius]: largeBorderRadius
     });
     const direction = (this.state.direction || '').toLowerCase().replace(/[_]/g, '-');
-    return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
+    return jsx(PopupTargetContext.Consumer, {
       children: value => {
         this.ringPopupTarget = value;
-        return /*#__PURE__*/jsxs("span", {
+        return jsxs("span", {
           // prevent bubbling through portal
-          onClick: stop
+          onClick: stop,
           // This handler only blocks bubbling through React portal
-          ,
           role: "presentation",
           ref: this.portalRef,
-          children: [this.shouldUseShortcuts() && /*#__PURE__*/jsx(Shortcuts, {
+          children: [this.shouldUseShortcuts() && jsx(Shortcuts, {
             map: this.shortcutsMap,
             scope: this.shortcutsScope
-          }), (client || this.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal(/*#__PURE__*/jsx(PopupTarget, {
+          }), (client || this.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal(jsx(PopupTarget, {
             id: this.uid,
             ref: this.containerRef,
             onMouseOver: onMouseOver,
@@ -315,7 +314,7 @@ class Popup extends PureComponent {
             onMouseOut: onMouseOut,
             onBlur: onMouseOut,
             onContextMenu: onContextMenu,
-            children: /*#__PURE__*/jsx("div", {
+            children: jsx("div", {
               "data-test": joinDataTestAttributes('ring-popup', dataTest),
               "data-test-shown": !hidden && !showing,
               "data-test-direction": direction,
@@ -323,9 +322,8 @@ class Popup extends PureComponent {
               className: classes,
               style: style,
               onMouseDown: onMouseDown,
-              onMouseUp: onMouseUp
+              onMouseUp: onMouseUp,
               // mouse handlers are used to track clicking on inner elements
-              ,
               role: "presentation",
               children: this.getInternalContent()
             })

package/components/popup/popup.target.js

@@ -1,6 +1,6 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import { createContext, forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
+import { createContext, forwardRef } from 'react';
 
 const _excluded = ["id", "children"];
 const PopupTargetContext = /*#__PURE__*/createContext(undefined);
@@ -10,12 +10,12 @@ const PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget(_ref, ref) {
       children
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  const target = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+  const target = jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
     "data-portaltarget": id,
     ref: ref,
     children: typeof children !== 'function' && children
   }));
-  return /*#__PURE__*/jsx(PopupTargetContext.Provider, {
+  return jsx(PopupTargetContext.Provider, {
     value: id,
     children: typeof children === 'function' ? children(target) : target
   });

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

@@ -62,7 +62,7 @@ export default class PopupMenu<T = unknown> extends Popup<PopupMenuProps<T>> {
     list?: List<T> | null;
     listRef: (el: List<T> | null) => void;
     /** @override */
-    getInternalContent(): import("react").JSX.Element;
+    getInternalContent(): import("react/jsx-runtime").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,8 +1,8 @@
 import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import Popup from '../popup/popup.js';
 import List from '../list/list.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'react';
@@ -56,6 +56,9 @@ import '../list/list__hint.js';
 import '../list/consts.js';
 
 const _excluded = ["className"];
+/**
+ * @name Popup Menu
+ */
 class PopupMenu extends Popup {
   constructor() {
     super(...arguments);
@@ -74,8 +77,8 @@ class PopupMenu extends Popup {
   getInternalContent() {
     const _this$props = this.props,
       props = _objectWithoutProperties(_this$props, _excluded);
-    return /*#__PURE__*/jsx("div", {
-      children: /*#__PURE__*/jsx(List, _objectSpread2(_objectSpread2({
+    return jsx("div", {
+      children: jsx(List, _objectSpread2(_objectSpread2({
         ref: this.listRef
       }, props), {}, {
         maxHeight: this.popup && parseFloat(this.popup.style.maxHeight),

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

@@ -45,6 +45,6 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
     progressbarWrapperRef: (el: HTMLElement | null) => void;
     progressbar?: HTMLElement | null;
     progressbarRef: (el: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type ProgressBarAttrs = JSX.LibraryManagedAttributes<typeof ProgressBar, ProgressBarProps>;

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

@@ -1,12 +1,15 @@
 import { _ as _defineProperty, 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 { PureComponent } from 'react';
 import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
 
 var styles = {"progressBar":"progressBar_rui_5875","globalMode":"globalMode_rui_5875","line":"line_rui_5875","progress-bar-animation":"progress-bar-animation_rui_5875","staticLineColor":"staticLineColor_rui_5875"};
 
 const _excluded = ["className", "global", "max", "value", "label", "staticColor"];
+/**
+ * @name Progress Bar
+ */
 class ProgressBar extends PureComponent {
   constructor() {
     super(...arguments);
@@ -46,10 +49,10 @@ class ProgressBar extends PureComponent {
       [styles.globalMode]: global,
       [styles.staticLineColor]: staticColor
     });
-    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    return jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
       className: classes,
       ref: this.progressbarWrapperRef,
-      children: /*#__PURE__*/jsx("div", {
+      children: jsx("div", {
         className: styles.line,
         ref: this.progressbarRef,
         role: "progressbar",

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

@@ -251,7 +251,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     setupRequestHandler(delay?: number | null): void;
     private _renderSuggestion;
     renderSuggestions(): import("../list/consts").ListDataItem<SuggestionItem>[];
-    renderQuery(): "" | React.JSX.Element[] | null | undefined;
+    renderQuery(): "" | import("react/jsx-runtime").JSX.Element[] | null | undefined;
     setFocus(focus: boolean | null | undefined): void;
     input?: HTMLElement | null;
     caret?: Caret;
@@ -270,7 +270,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     shortcutsMap: ShortcutsMap;
     listShortcutsMap: ShortcutsMap;
     renderActions(): ReactNode[];
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type QueryAssistAttrs = JSX.LibraryManagedAttributes<typeof QueryAssist, QueryAssistProps>;
 export declare const RerenderableQueryAssist: React.ForwardRefExoticComponent<QueryAssistProps & React.RefAttributes<QueryAssist>>;