@jetbrains/ring-ui-built 6.0.34 → 6.0.36

package/components/global/react-dom-renderer.js

@@ -1,10 +1,11 @@
-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 'core-js/modules/es.array.from.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
+import { jsx } from 'react/jsx-runtime';
 
 var Renderer = /*#__PURE__*/function (_Component) {
   function Renderer() {
@@ -37,7 +38,7 @@ var Renderer = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var className = this.props.className;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsx("div", {
         className: className,
         ref: this.nodeRef
       });

package/components/global/rerender-hoc.d.ts

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 export interface RerenderableComponent<P, S> extends Component<P, S> {
     node?: HTMLElement | null;
 }
@@ -7,4 +7,4 @@ export interface RerenderableComponentClass<P, S> {
 }
 export default function rerenderHOC<P extends {}, C extends Component<P, unknown>>(ComposedComponent: {
     new (props: P): C;
-}): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<C>>;
+}): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P> & import("react").RefAttributes<C>>;

package/components/global/rerender-hoc.js

@@ -1,7 +1,8 @@
-import { a as _inherits, b as _createClass, e as _extends, d as _objectSpread2, f as _classCallCheck, g as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
-import React, { forwardRef, Component } from 'react';
+import { forwardRef, Component } from 'react';
 import composeRefs from './composeRefs.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 
@@ -23,7 +24,7 @@ function rerenderHOC(ComposedComponent) {
       value: function render() {
         var _this2 = this;
         var _ref = composeRefs(this.props.forwardedRef);
-        return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, this.state, {
+        return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.state), {}, {
           ref: function ref(instance) {
             return _ref(instance != null ? _objectSpread2(_objectSpread2({}, instance), {}, {
               rerender: _this2.setState.bind(_this2)
@@ -34,7 +35,7 @@ function rerenderHOC(ComposedComponent) {
     }]);
   }(Component);
   return /*#__PURE__*/forwardRef(function RerendererForwardRef(props, ref) {
-    return /*#__PURE__*/React.createElement(Rerenderer, {
+    return /*#__PURE__*/jsx(Rerenderer, {
       props: props,
       forwardedRef: ref
     });

package/components/global/theme.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, ReactElement } from 'react';
+import { HTMLAttributes, ReactElement } from 'react';
 declare enum Theme {
     AUTO = "auto",
     LIGHT = "light",
@@ -10,12 +10,12 @@ export interface WithThemeClassesProps {
     theme: Theme;
     children: (classes: string) => ReactElement;
 }
-export declare function WithThemeClasses({ theme, children }: WithThemeClassesProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare function WithThemeClasses({ theme, children }: WithThemeClassesProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare function applyTheme(theme: Theme.DARK | Theme.LIGHT, container: HTMLElement): void;
 export interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
     theme?: Theme;
     passToPopups?: boolean;
     target?: HTMLElement;
 }
-export declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Theme;

package/components/global/theme.js

@@ -6,6 +6,7 @@ import '../popup/popup.target.js';
 import '../popup/popup.js';
 export { a as ThemeProvider, W as WithThemeClasses, c as applyTheme, T as default, u as useTheme, b as useThemeClasses } from '../_helpers/theme.js';
 import './get-uid.js';
+import 'react/jsx-runtime';
 import 'prop-types';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.object.entries.js';

package/components/global/trivial-template-tag.js

@@ -1,4 +1,4 @@
-import { k as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.splice.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';

package/components/grid/col.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 export interface ColProps {
     children?: ReactNode;
@@ -27,5 +27,5 @@ export default class Col extends Component<ColProps> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/grid/col.js

@@ -1,13 +1,14 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, j as _slicedToArray, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, i as _slicedToArray, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
+import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["children", "className", "reverse"];
 var ModifierType = PropTypes.oneOfType([PropTypes.number, PropTypes.bool]);
@@ -55,9 +56,10 @@ var Col = /*#__PURE__*/function (_Component) {
       var classes = classNames(modules_855170c0.col, className, getClassNames(restProps), {
         [modules_855170c0.reverse]: reverse
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: classes
-      }, children);
+      return /*#__PURE__*/jsx("div", {
+        className: classes,
+        children: children
+      });
     }
   }]);
 }(Component);

package/components/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, HTMLAttributes } from 'react';
+import { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name Grid
@@ -8,7 +8,7 @@ export declare class Grid extends Component<HTMLAttributes<HTMLDivElement>> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export { default as Row } from './row';
 export { default as Col } from './col';

package/components/grid/grid.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, { Component } 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 { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
+import { jsx } from 'react/jsx-runtime';
 export { default as Row } from './row.js';
 export { default as Col } from './col.js';
 import 'core-js/modules/es.array.concat.js';
@@ -13,9 +14,6 @@ import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.entries.js';
 
 var _excluded = ["children", "className"];
-/**
- * @name Grid
- */
 var Grid = /*#__PURE__*/function (_Component) {
   function Grid() {
     _classCallCheck(this, Grid);
@@ -30,9 +28,10 @@ var Grid = /*#__PURE__*/function (_Component) {
         className = _this$props.className,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_855170c0['container-fluid'], className);
-      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-        className: classes
-      }), children);
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+        className: classes,
+        children: children
+      }));
     }
   }]);
 }(Component);

package/components/grid/row.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 declare const ModifierType: PropTypes.Requireable<string>;
 type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
@@ -35,6 +35,6 @@ export default class Row extends Component<RowProps> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/components/grid/row.js

@@ -1,11 +1,12 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.to-string.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
+import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["children", "className", "reverse"];
 var ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
@@ -47,9 +48,10 @@ var Row = /*#__PURE__*/function (_Component) {
       var classes = classNames(className, modules_855170c0.row, getModifierClassNames(restProps), {
         [modules_855170c0.reverse]: reverse
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: classes
-      }, children);
+      return /*#__PURE__*/jsx("div", {
+        className: classes,
+        children: children
+      });
     }
   }]);
 }(Component);

package/components/group/group.d.ts

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

package/components/group/group.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, { Component } 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 { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var modules_d9da30c7 = {"light":"light_rui_2ac4","group":"group_rui_bce8"};
 
 var _excluded = ["children", "className"];
-/**
- * @name Group
- */
 var Group = /*#__PURE__*/function (_Component) {
   function Group() {
     _classCallCheck(this, Group);
@@ -23,9 +21,10 @@ var Group = /*#__PURE__*/function (_Component) {
         className = _this$props.className,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_d9da30c7.group, className);
-      return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
-        className: classes
-      }), children);
+      return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
+        className: classes,
+        children: children
+      }));
     }
   }]);
 }(Component);

package/components/header/header.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, HTMLAttributes } from 'react';
+import { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Theme from '../global/theme';
 interface HeaderProps extends HTMLAttributes<HTMLElement> {
@@ -21,7 +21,7 @@ declare class Header extends Component<HeaderProps> {
         spaced: boolean;
         theme: Theme;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;
 export default Header;

package/components/header/header.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 React, { Component } 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 { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
+import { jsx } from 'react/jsx-runtime';
 export { default as Logo } from './logo.js';
 export { default as Tray } from './tray.js';
 export { default as TrayIcon } from './tray-icon.js';
@@ -87,6 +88,7 @@ import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import '../control-help/control-help.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -138,12 +140,6 @@ import '@jetbrains/icons/services-20px';
 import '../_helpers/services-link.js';
 
 var _excluded = ["children", "className", "spaced", "theme"];
-/**
- * @name Header
- */
-/**
- * Displays a configurable page header. See available presentation options in the knobs panel.
- */
 var Header = /*#__PURE__*/function (_Component) {
   function Header() {
     _classCallCheck(this, Header);
@@ -163,13 +159,15 @@ var Header = /*#__PURE__*/function (_Component) {
         [modules_47759f5e.headerSpaced]: spaced
       });
       var overrideOuterTheme = theme !== Theme.LIGHT;
-      var header = /*#__PURE__*/React.createElement("header", _extends({}, restProps, {
-        className: classes
-      }), children);
+      var header = /*#__PURE__*/jsx("header", _objectSpread2(_objectSpread2({}, restProps), {}, {
+        className: classes,
+        children: children
+      }));
       if (overrideOuterTheme) {
-        return /*#__PURE__*/React.createElement(ThemeProvider, {
-          theme: theme
-        }, header);
+        return /*#__PURE__*/jsx(ThemeProvider, {
+          theme: theme,
+          children: header
+        });
       }
       return header;
     }

package/components/header/logo.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { IconAttrs, Size } from '../icon/icon';
 export default class Logo extends PureComponent<IconAttrs> {
@@ -10,5 +10,5 @@ export default class Logo extends PureComponent<IconAttrs> {
         suppressSizeWarning: boolean;
     };
     static Size: typeof Size;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/header/logo.js

@@ -1,9 +1,10 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, 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 Icon from '../icon/icon.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
+import { jsx } from 'react/jsx-runtime';
 import { Size } from '../icon/icon__constants.js';
 import 'util-deprecate';
 import '../_helpers/icon__svg.js';
@@ -31,9 +32,10 @@ var Logo = /*#__PURE__*/function (_PureComponent) {
         className = _this$props.className,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_47759f5e.logo, className);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classes
-      }, /*#__PURE__*/React.createElement(Icon, restProps));
+      return /*#__PURE__*/jsx("div", {
+        className: classes,
+        children: /*#__PURE__*/jsx(Icon, _objectSpread2({}, restProps))
+      });
     }
   }]);
 }(PureComponent);

package/components/header/profile.d.ts

@@ -1,4 +1,5 @@
-import React, { ComponentType, HTMLAttributes, PureComponent, ReactNode } from 'react';
+import { Component, ComponentType, HTMLAttributes, PureComponent, ReactNode } from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Size } from '../avatar/avatar';
 import { PopupMenuAttrs } from '../popup-menu/popup-menu';
@@ -51,7 +52,7 @@ export default class Profile extends PureComponent<ProfileProps> {
         onSwitchUser: PropTypes.Requireable<(...args: any[]) => any>;
         profileUrl: PropTypes.Requireable<string>;
         renderPopupItems: PropTypes.Requireable<(...args: any[]) => any>;
-        LinkComponent: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | React.Component<unknown, unknown, unknown> | null | undefined>>;
+        LinkComponent: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | Component<unknown, unknown, unknown> | null | undefined>>;
         translations: PropTypes.Requireable<PropTypes.InferProps<{
             profile: PropTypes.Requireable<string>;
             login: PropTypes.Requireable<string>;
@@ -81,6 +82,6 @@ export default class Profile extends PureComponent<ProfileProps> {
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
     context: React.ContextType<typeof Profile.contextType>;
     static Size: typeof Size;
-    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<ReactNode> | null | undefined;
 }
 export type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;

package/components/header/profile.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, d as _objectSpread2, 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.filter.js';
 import 'core-js/modules/es.object.to-string.js';
-import React, { Component, PureComponent } from 'react';
+import { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Avatar, { Size } from '../avatar/avatar.js';
@@ -11,6 +11,7 @@ import PopupMenu from '../popup-menu/popup-menu.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { isTruthy } from '../global/typescript-utils.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import '../global/url.js';
 import 'core-js/modules/es.array.index-of.js';
@@ -75,6 +76,7 @@ import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import '../control-help/control-help.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -133,11 +135,12 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
         props = _objectWithoutProperties(_this$props, _excluded);
       var translate = this.context.translate;
       if (!user) {
-        return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-          className: classNames(modules_47759f5e.profileEmpty, className)
-        }), /*#__PURE__*/React.createElement(Avatar, {
-          size: size,
-          round: round
+        return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+          className: classNames(modules_47759f5e.profileEmpty, className),
+          children: /*#__PURE__*/jsx(Avatar, {
+            size: size,
+            round: round
+          })
         }));
       }
       if (user.guest) {
@@ -146,16 +149,20 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
       var avatarWrapper = classNames(modules_47759f5e.avatarWrapper, {
         [modules_47759f5e.hasUpdates]: hasUpdates
       });
-      var anchor = /*#__PURE__*/React.createElement("button", {
+      var anchor = /*#__PURE__*/jsxs("button", {
         type: "button",
-        className: modules_47759f5e.anchorClassName
-      }, /*#__PURE__*/React.createElement("span", {
-        className: avatarWrapper
-      }, /*#__PURE__*/React.createElement(Avatar, {
-        url: user.profile && user.profile.avatar && user.profile.avatar.url,
-        size: size,
-        round: round
-      })), showName && /*#__PURE__*/React.createElement("span", null, user.name));
+        className: modules_47759f5e.anchorClassName,
+        children: [/*#__PURE__*/jsx("span", {
+          className: avatarWrapper,
+          children: /*#__PURE__*/jsx(Avatar, {
+            url: user.profile && user.profile.avatar && user.profile.avatar.url,
+            size: size,
+            round: round
+          })
+        }), showName && /*#__PURE__*/jsx("span", {
+          children: user.name
+        })]
+      });
       var items = [showApplyChangedUser && {
         rgItemType,
         label: (_translations$applyCh = translations === null || translations === void 0 ? void 0 : translations.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
@@ -183,7 +190,7 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
         label: (_translations$logout = translations === null || translations === void 0 ? void 0 : translations.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
         onClick: onLogout
       }].filter(isTruthy);
-      return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {
+      return /*#__PURE__*/jsx(DropdownMenu, _objectSpread2(_objectSpread2({}, props), {}, {
         onShow: onShow,
         onHide: onHide,
         title: user.name,
@@ -250,18 +257,22 @@ _defineProperty(Profile, "defaultProps", {
       onLogin = _ref.onLogin,
       className = _ref.className,
       translations = _ref.translations;
-    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref2) {
-      var _translations$login2;
-      var translate = _ref2.translate;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames(modules_47759f5e.profileEmpty, className)
-      }, /*#__PURE__*/React.createElement(Button, {
-        primary: true,
-        "data-test": "ring-header-login-button",
-        disabled: loading,
-        loader: loading,
-        onClick: onLogin
-      }, (_translations$login2 = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : translate('login')));
+    return /*#__PURE__*/jsx(I18nContext.Consumer, {
+      children: function children(_ref2) {
+        var _translations$login2;
+        var translate = _ref2.translate;
+        return /*#__PURE__*/jsx("div", {
+          className: classNames(modules_47759f5e.profileEmpty, className),
+          children: /*#__PURE__*/jsx(Button, {
+            primary: true,
+            "data-test": "ring-header-login-button",
+            disabled: loading,
+            loader: loading,
+            onClick: onLogin,
+            children: (_translations$login2 = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : translate('login')
+          })
+        });
+      }
     });
   }
 });

package/components/header/services-link.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { LinkProps } from '../link/link';
 export interface Service {
@@ -21,5 +21,5 @@ export default class ServicesLink extends PureComponent<ServicesLinkProps> {
             name: PropTypes.Requireable<string>;
         }>>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/header/services-link.js

@@ -3,6 +3,7 @@ import 'react';
 import 'prop-types';
 import '../link/link.js';
 export { S as default } from '../_helpers/services-link.js';
+import 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.concat.js';

package/components/header/services.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, PureComponent } from 'react';
+import { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Theme from '../global/theme';
 import ServicesLink, { Service } from './services-link';
@@ -29,5 +29,5 @@ export default class Services extends PureComponent<ServicesProps> {
     };
     static Link: typeof ServicesLink;
     serviceIsActive: (service: Service) => boolean;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }