@jetbrains/ring-ui-built 6.0.34 → 6.0.36

package/components/list/list__link.js

@@ -1,12 +1,13 @@
-import { d as _objectSpread2, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { d as _objectSpread2, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import React, { Component, PureComponent } from 'react';
+import { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Link, { linkHOC } from '../link/link.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { jsx } from 'react/jsx-runtime';
 import '../link/clickableLink.js';
 import 'core-js/modules/es.array.concat.js';
 import '../_helpers/link.js';
@@ -15,10 +16,6 @@ import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
 
 var _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
-/**
- * @constructor
- * @extends {ReactComponent}
- */
 var ListLink = /*#__PURE__*/function (_PureComponent) {
   function ListLink() {
     _classCallCheck(this, ListLink);
@@ -50,13 +47,14 @@ var ListLink = /*#__PURE__*/function (_PureComponent) {
         [modules_3b67a421.scrolling]: scrolling
       });
       var Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
-      return /*#__PURE__*/React.createElement(Comp, _extends({
+      return /*#__PURE__*/jsx(Comp, _objectSpread2(_objectSpread2({
         pseudo: !this.props.href
-      }, restProps, {
+      }, restProps), {}, {
         hover: hover && !disabled,
         className: classes,
-        "data-test": joinDataTestAttributes('ring-list-link', dataTest)
-      }), label !== null && label !== void 0 ? label : children);
+        "data-test": joinDataTestAttributes('ring-list-link', dataTest),
+        children: label !== null && label !== void 0 ? label : children
+      }));
     }
   }]);
 }(PureComponent);

package/components/list/list__separator.d.ts

@@ -1,5 +1,5 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { ListDataItemProps } from './consts';
 export default class ListSeparator<T> extends PureComponent<ListDataItemProps<T>> {
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/list/list__separator.js

@@ -1,10 +1,11 @@
-import { a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { jsx } from 'react/jsx-runtime';
 
 var ListSeparator = /*#__PURE__*/function (_PureComponent) {
   function ListSeparator() {
@@ -22,9 +23,10 @@ var ListSeparator = /*#__PURE__*/function (_PureComponent) {
       var classes = classNames(modules_3b67a421.separator, className, {
         [modules_3b67a421.separator_first]: isFirst
       });
-      return /*#__PURE__*/React.createElement("span", {
-        className: classes
-      }, description);
+      return /*#__PURE__*/jsx("span", {
+        className: classes,
+        children: description
+      });
     }
   }]);
 }(PureComponent);

package/components/list/list__title.d.ts

@@ -1,5 +1,5 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { ListDataItemProps } from './consts';
 export default class ListTitle<T> extends PureComponent<ListDataItemProps<T>> {
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/list/list__title.js

@@ -1,10 +1,11 @@
-import { a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var ListTitle = /*#__PURE__*/function (_PureComponent) {
   function ListTitle() {
@@ -23,16 +24,19 @@ var ListTitle = /*#__PURE__*/function (_PureComponent) {
       var classes = classNames(modules_3b67a421.title, className, {
         [modules_3b67a421.title_first]: isFirst
       });
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/jsxs("span", {
         className: classes,
-        "data-test": "ring-list-title"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: classNames(modules_3b67a421.label, modules_3b67a421.text),
-        "data-test": "ring-list-title-label"
-      }, label), /*#__PURE__*/React.createElement("div", {
-        className: modules_3b67a421.description,
-        "data-test": "ring-list-title-description"
-      }, description));
+        "data-test": "ring-list-title",
+        children: [/*#__PURE__*/jsx("span", {
+          className: classNames(modules_3b67a421.label, modules_3b67a421.text),
+          "data-test": "ring-list-title-label",
+          children: label
+        }), /*#__PURE__*/jsx("div", {
+          className: modules_3b67a421.description,
+          "data-test": "ring-list-title-description",
+          children: description
+        })]
+      });
     }
   }]);
 }(PureComponent);

package/components/list/list__users-groups-source.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper, h as _asyncToGenerator, i as _regeneratorRuntime, j as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, g as _asyncToGenerator, h as _regeneratorRuntime, i as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -50,6 +50,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
+import 'react/jsx-runtime';
 import './list__link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
@@ -70,6 +71,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__custom.js';
 import '../global/get-event-key.js';
 import './list__title.js';

package/components/loader/loader.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, PureComponent } from 'react';
+import { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import LoaderCore, { LoaderCoreProps } from './loader__core';
 export interface LoaderProps extends Partial<LoaderCoreProps>, HTMLAttributes<HTMLElement> {
@@ -24,5 +24,5 @@ export default class Loader extends PureComponent<LoaderProps> {
     componentWillUnmount(): void;
     loader?: LoaderCore;
     initLoader: (el: Node | null) => void;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/loader/loader.js

@@ -1,9 +1,10 @@
-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 joinDataTestAttributes from '../global/data-tests.js';
 import LoaderCore from './loader__core.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -19,12 +20,6 @@ import 'core-js/modules/es.string.split.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 var _excluded = ["message", "size", "colors", "data-test", "stop", "deterministic"];
-/**
- * @name Loader
- */
-/**
- * Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
- */
 var Loader = /*#__PURE__*/function (_PureComponent) {
   function Loader() {
     var _this;
@@ -70,9 +65,9 @@ var Loader = /*#__PURE__*/function (_PureComponent) {
         _this$props.stop;
         _this$props.deterministic;
         var restProps = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement("div", _extends({
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
         "data-test": joinDataTestAttributes('ring-loader', dataTest)
-      }, restProps, {
+      }, restProps), {}, {
         ref: this.initLoader
       }));
     }

package/components/loader/loader__core.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.concat.js';
 import 'core-js/modules/es.array.fill.js';
 import 'core-js/modules/es.array.filter.js';

package/components/loader-inline/loader-inline.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, PureComponent } from 'react';
+import { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 export interface LoaderInlineProps extends HTMLAttributes<HTMLDivElement> {
     'data-test'?: string | null | undefined;
@@ -12,7 +12,7 @@ declare class LoaderInline extends PureComponent<LoaderInlineProps> {
         'data-test': PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type LoaderInlineAtrrs = JSX.LibraryManagedAttributes<typeof LoaderInline, LoaderInlineProps>;
 export default LoaderInline;

package/components/loader-inline/loader-inline.js

@@ -1,8 +1,9 @@
-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 classNames from 'classnames';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
@@ -11,9 +12,6 @@ import 'core-js/modules/es.object.to-string.js';
 var modules_e49a3529 = {"dark":"dark_rui_f090","light":"light_rui_2ac4","loader":"loader_rui_092a","spin":"spin_rui_092a","pulse":"pulse_rui_092a","children":"children_rui_092a"};
 
 var _excluded = ["className", "data-test", "children"];
-/**
- * @name Loader Inline
- */
 var LoaderInline = /*#__PURE__*/function (_PureComponent) {
   function LoaderInline() {
     _classCallCheck(this, LoaderInline);
@@ -29,13 +27,16 @@ var LoaderInline = /*#__PURE__*/function (_PureComponent) {
         children = _this$props.children,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_e49a3529.loader, className);
-      var loader = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      var loader = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
         "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
         className: classes
       }));
-      return children ? /*#__PURE__*/React.createElement(React.Fragment, null, loader, /*#__PURE__*/React.createElement("span", {
-        className: modules_e49a3529.children
-      }, children)) : loader;
+      return children ? /*#__PURE__*/jsxs(Fragment, {
+        children: [loader, /*#__PURE__*/jsx("span", {
+          className: modules_e49a3529.children,
+          children: children
+        })]
+      }) : loader;
     }
   }]);
 }(PureComponent);

package/components/loader-screen/loader-screen.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { LoaderProps } from '../loader/loader';
 export interface LoaderScreenProps extends LoaderProps {
@@ -13,5 +13,5 @@ export default class LoaderScreen extends PureComponent<LoaderScreenProps> {
         containerClassName: PropTypes.Requireable<string>;
         message: PropTypes.Requireable<string>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/loader-screen/loader-screen.js

@@ -1,8 +1,9 @@
-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 classNames from 'classnames';
 import PropTypes from 'prop-types';
 import Loader from '../loader/loader.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
@@ -23,9 +24,6 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 var modules_122a82e9 = {"light":"light_rui_2ac4","loaderScreen":"loaderScreen_rui_90dd","loader":"loader_rui_90dd","loaderWithoutSpacing":"loaderWithoutSpacing_rui_90dd"};
 
 var _excluded = ["message", "className", "containerClassName"];
-/**
- * @name Loader Screen
- */
 var LoaderScreen = /*#__PURE__*/function (_PureComponent) {
   function LoaderScreen() {
     _classCallCheck(this, LoaderScreen);
@@ -44,12 +42,13 @@ var LoaderScreen = /*#__PURE__*/function (_PureComponent) {
       var loaderClasses = classNames(className, modules_122a82e9.loader, {
         [modules_122a82e9.loaderWithoutSpacing]: !message
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: containerClasses
-      }, /*#__PURE__*/React.createElement(Loader, _extends({}, restProps, {
-        message: message,
-        className: loaderClasses
-      })));
+      return /*#__PURE__*/jsx("div", {
+        className: containerClasses,
+        children: /*#__PURE__*/jsx(Loader, _objectSpread2(_objectSpread2({}, restProps), {}, {
+          message: message,
+          className: loaderClasses
+        }))
+      });
     }
   }]);
 }(PureComponent);

package/components/login-dialog/login-dialog.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 export interface LoginDialogProps {
     onCancel: () => void;
@@ -42,6 +42,6 @@ export default class LoginDialog extends Component<LoginDialogProps> {
     showFallbackTimout?: number;
     startFallbackCountdown(): void;
     onMessage: (event: MessageEvent) => void;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type LoginDialogAttrs = JSX.LibraryManagedAttributes<typeof LoginDialog, LoginDialogProps>;

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

@@ -1,11 +1,12 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, 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, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import Dialog from '../dialog/dialog.js';
 import '../island/island.js';
 import LoaderScreen from '../loader-screen/loader-screen.js';
 import { HUB_AUTH_PAGE_OPENED } from '../auth/background-flow.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import ContentWrapper from '../island/content.js';
 import 'react-dom';
 import 'classnames';
@@ -168,7 +169,7 @@ var LoginDialog = /*#__PURE__*/function (_Component) {
         height,
         width
       };
-      return /*#__PURE__*/React.createElement(Dialog, {
+      return /*#__PURE__*/jsxs(Dialog, {
         "data-test": "ring-login-dialog",
         className: className,
         contentClassName: modules_45da1992.dialogContent,
@@ -176,19 +177,23 @@ var LoginDialog = /*#__PURE__*/function (_Component) {
         autoFocusFirst: false,
         show: show,
         showCloseButton: true,
-        onCloseAttempt: onCancel
-      }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("iframe", {
-        title: "Login dialog",
-        style: iFrameStyle,
-        src: url,
-        className: modules_45da1992.iFrame,
-        scrolling: "no"
-      })), loading && /*#__PURE__*/React.createElement(LoaderScreen, {
-        message: loadingMessage,
-        containerClassName: modules_45da1992.nonOpaqueLoader
-      }), showFallbackLink && /*#__PURE__*/React.createElement("div", {
-        className: modules_45da1992.fallbackLinkContainer
-      }, renderFallbackLink(loggingIn)));
+        onCloseAttempt: onCancel,
+        children: [/*#__PURE__*/jsx(ContentWrapper, {
+          children: /*#__PURE__*/jsx("iframe", {
+            title: "Login dialog",
+            style: iFrameStyle,
+            src: url,
+            className: modules_45da1992.iFrame,
+            scrolling: "no"
+          })
+        }), loading && /*#__PURE__*/jsx(LoaderScreen, {
+          message: loadingMessage,
+          containerClassName: modules_45da1992.nonOpaqueLoader
+        }), showFallbackLink && /*#__PURE__*/jsx("div", {
+          className: modules_45da1992.fallbackLinkContainer,
+          children: renderFallbackLink(loggingIn)
+        })]
+      });
     }
   }]);
 }(Component);

package/components/login-dialog/service.js

@@ -1,8 +1,9 @@
 import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
 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/es.array.concat.js';
 import 'prop-types';
 import '../dialog/dialog.js';
@@ -78,9 +79,10 @@ var reactRoot = createRoot(containerElement);
  * Renders LoginDialog into virtual node to skip maintaining container
  */
 function renderLoginDialog(props) {
-  reactRoot.render( /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
-    value: getGlobalControlsHeight()
-  }, /*#__PURE__*/React.createElement(LoginDialog, props)));
+  reactRoot.render( /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+    value: getGlobalControlsHeight(),
+    children: /*#__PURE__*/jsx(LoginDialog, _objectSpread2({}, props))
+  }));
 }
 function noop() {}
 function showAuthDialog() {

package/components/markdown/markdown.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, ReactNode } from 'react';
+import { PureComponent, ReactNode } from 'react';
 export interface MarkdownProps {
     inline?: boolean | null | undefined;
     children: ReactNode;
@@ -8,5 +8,5 @@ export interface MarkdownProps {
   * @name Markdown
 */
 export default class Markdown extends PureComponent<MarkdownProps> {
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/markdown/markdown.js

@@ -1,15 +1,13 @@
-import { a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
+import { a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_901b77ec } from '../_helpers/heading.js';
 import { m as modules_607b0772 } from '../_helpers/link.js';
+import { jsx } from 'react/jsx-runtime';
 
 var modules_9c709e64 = {"p-margin":"10px","light":"light_rui_2ac4","inline":"inline_rui_9a22","markdown":"markdown_rui_9a22 font_rui_f295"};
 
-/**
-  * @name Markdown
-*/
 var Markdown = /*#__PURE__*/function (_PureComponent) {
   function Markdown() {
     _classCallCheck(this, Markdown);
@@ -27,9 +25,10 @@ var Markdown = /*#__PURE__*/function (_PureComponent) {
         [modules_9c709e64.markdown]: !inline,
         [modules_9c709e64.inline]: inline
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: classes
-      }, children);
+      return /*#__PURE__*/jsx("div", {
+        className: classes,
+        children: children
+      });
     }
   }]);
 }(PureComponent);

package/components/message/message.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import { Component, ReactNode } from 'react';
 import Popup, { PopupAttrs } from '../popup/popup';
 import { Directions } from '../popup/popup.consts';
 import { IconType } from '../icon/icon';
@@ -49,7 +49,7 @@ export default class Message extends Component<MessageProps> {
     node?: HTMLElement | null;
     popupRef: (el: Popup | null) => void;
     getTailOffset(): number;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type MessageAttrs = JSX.LibraryManagedAttributes<typeof Message, MessageProps>;
 export {};

package/components/message/message.js

@@ -1,10 +1,10 @@
-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.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import gift from '@jetbrains/icons/gift';
@@ -14,6 +14,7 @@ import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
+import { jsx, jsxs } 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';
@@ -61,9 +62,6 @@ import '../i18n/i18n.js';
 
 var modules_8b837449 = {"light":"light_rui_2ac4","container":"container_rui_a216","message":"message_rui_a216","icon":"icon_rui_a216","title":"title_rui_a216 font-lower_rui_f295 font_rui_f295","description":"description_rui_a216","button":"button_rui_a216","tail":"tail_rui_a216"};
 
-/**
-  * @name Message
-  */
 var UNIT = 8;
 var TAIL_SIZE = 11;
 var getTailOffsets = function getTailOffsets(offset) {
@@ -182,7 +180,7 @@ var Message = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
       var _this$props = this.props,
-        children = _this$props.children,
+        _children = _this$props.children,
         className = _this$props.className,
         tailClassName = _this$props.tailClassName,
         title = _this$props.title,
@@ -199,42 +197,53 @@ var Message = /*#__PURE__*/function (_Component) {
       var tailClasses = classNames(modules_8b837449.tail, tailClassName);
       var popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
       var direction = this.state.direction;
-      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
-        var translate = _ref.translate;
-        return /*#__PURE__*/React.createElement(WithThemeClasses, {
-          theme: theme
-        }, function (themeClasses) {
-          var _translations$gotIt, _translations$dismiss;
-          return /*#__PURE__*/React.createElement(Popup, _extends({
-            ref: _this2.popupRef,
-            hidden: false,
-            directions: popupDirections,
-            className: classNames(classes, themeClasses),
-            offset: UNIT * 2,
-            onDirectionChange: _this2._onDirectionChange
-          }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
+      return /*#__PURE__*/jsx(I18nContext.Consumer, {
+        children: function children(_ref) {
+          var translate = _ref.translate;
+          return /*#__PURE__*/jsx(WithThemeClasses, {
             theme: theme,
-            passToPopups: true
-          }, direction && /*#__PURE__*/React.createElement("div", {
-            className: tailClasses,
-            style: getTailOffsets(_this2.getTailOffset())[direction]
-          }), icon && /*#__PURE__*/React.createElement(Icon, {
-            className: modules_8b837449.icon,
-            glyph: icon
-          }), title && /*#__PURE__*/React.createElement("h1", {
-            "data-test": "rgMessageTitle",
-            className: modules_8b837449.title
-          }, title), children && /*#__PURE__*/React.createElement("div", {
-            className: modules_8b837449.description
-          }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
-            className: modules_8b837449.button,
-            onClick: onClose,
-            primary: true
-          }, buttonProps), (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
-            onClick: onDismiss,
-            text: true
-          }, (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
-        });
+            children: function children(themeClasses) {
+              var _translations$gotIt, _translations$dismiss;
+              return /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
+                ref: _this2.popupRef,
+                hidden: false,
+                directions: popupDirections,
+                className: classNames(classes, themeClasses),
+                offset: UNIT * 2,
+                onDirectionChange: _this2._onDirectionChange
+              }, popupProps), {}, {
+                children: /*#__PURE__*/jsxs(ThemeProvider, {
+                  theme: theme,
+                  passToPopups: true,
+                  children: [direction && /*#__PURE__*/jsx("div", {
+                    className: tailClasses,
+                    style: getTailOffsets(_this2.getTailOffset())[direction]
+                  }), icon && /*#__PURE__*/jsx(Icon, {
+                    className: modules_8b837449.icon,
+                    glyph: icon
+                  }), title && /*#__PURE__*/jsx("h1", {
+                    "data-test": "rgMessageTitle",
+                    className: modules_8b837449.title,
+                    children: title
+                  }), _children && /*#__PURE__*/jsx("div", {
+                    className: modules_8b837449.description,
+                    children: _children
+                  }), (onClose || buttonProps) && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+                    className: modules_8b837449.button,
+                    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, {
+                    onClick: onDismiss,
+                    text: 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

@@ -1,4 +1,4 @@
-import { j as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { i as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.to-string.js';