@jetbrains/ring-ui-built 7.0.11 → 7.0.12

package/components/error-message/error-message.js

@@ -1,10 +1,10 @@
 import 'core-js/modules/es.symbol.description.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { Size } from '../icon/icon__constants.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'util-deprecate';
 import '../_helpers/icon__svg.js';
@@ -15,6 +15,9 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 
 var styles = {"errorMessage":"errorMessage_rui_c974","title":"title_rui_c974","description":"description_rui_c974","content":"content_rui_c974","icon":"icon_rui_c974"};
 
+/**
+ * @name Error Message
+ */
 class ErrorMessage extends Component {
   render() {
     const {
@@ -27,21 +30,21 @@ class ErrorMessage extends Component {
       'data-test': dataTest
     } = this.props;
     const classes = classNames(styles.errorMessage, className);
-    return /*#__PURE__*/jsxs("div", {
+    return jsxs("div", {
       className: classes,
       "data-test": joinDataTestAttributes('ring-error-message', dataTest),
-      children: [icon && /*#__PURE__*/jsx(Icon, {
+      children: [icon && jsx(Icon, {
         className: styles.icon,
         glyph: icon,
         size: Size.Size64,
         suppressSizeWarning: true
-      }), /*#__PURE__*/jsxs("div", {
+      }), jsxs("div", {
         className: styles.content,
-        children: [/*#__PURE__*/jsxs("div", {
+        children: [jsxs("div", {
           className: styles.title,
           "data-test": "ring-error-message-title",
           children: [code && "".concat(code, ":"), " ", message]
-        }), description && /*#__PURE__*/jsx("div", {
+        }), description && jsx("div", {
           className: styles.description,
           children: description
         }), children]

package/components/footer/footer.js

@@ -1,7 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
 import { memo, isValidElement } from 'react';
 import classNames from 'classnames';
 import Link from '../link/link.js';
-import { jsx } from 'react/jsx-runtime';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/data-tests.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -20,9 +20,9 @@ const FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
     [styles.columnCenter]: position === 'center',
     [styles.columnRight]: position === 'right'
   });
-  return /*#__PURE__*/jsx("div", {
+  return jsx("div", {
     className: classes,
-    children: /*#__PURE__*/jsx("ul", {
+    children: jsx("ul", {
       className: styles.columnItem,
       children: children
     })
@@ -57,7 +57,7 @@ const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
     }
     const element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
     if (item.url) {
-      return /*#__PURE__*/jsx(Link, {
+      return jsx(Link, {
         href: item.url,
         target: item.target,
         title: item.title,
@@ -66,7 +66,7 @@ const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
     }
     return element;
   }
-  return /*#__PURE__*/jsx("li", {
+  return jsx("li", {
     className: styles.line,
     children: items.map(renderItem)
   });
@@ -83,9 +83,9 @@ const Footer = /*#__PURE__*/memo(function Footer(_ref2) {
     if (!elements) {
       return false;
     }
-    return /*#__PURE__*/jsx(FooterColumn, {
+    return jsx(FooterColumn, {
       position: position,
-      children: elements.map((item, idx) => /*#__PURE__*/jsx(FooterLine
+      children: elements.map((item, idx) => jsx(FooterLine
       // eslint-disable-next-line react/no-array-index-key
       , {
         item: item
@@ -95,7 +95,7 @@ const Footer = /*#__PURE__*/memo(function Footer(_ref2) {
   const classes = classNames(styles.footer, className, {
     [styles.footerFloating]: floating
   });
-  return /*#__PURE__*/jsx("footer", {
+  return jsx("footer", {
     className: classes,
     "data-test": "ring-footer",
     children: [content(left, 'left'), content(center, 'center'), content(right, 'right')]

package/components/global/create-stateful-context.d.ts

@@ -11,7 +11,7 @@ export default function createStatefulContext<T>(initialValue: T, name?: string)
     ValueContext: import("react").Context<T>;
     UpdateContext: import("react").Context<Update<T>>;
     Provider: {
-        ({ children }: ProviderProps): import("react").JSX.Element;
+        ({ children }: ProviderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     useUpdate: (value: T, skipUpdate?: boolean) => void;

package/components/global/create-stateful-context.js

@@ -1,6 +1,6 @@
 import 'core-js/modules/web.dom-collections.iterator.js';
-import { memo, createContext, useState, useContext, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
+import { memo, createContext, useState, useContext, useEffect } from 'react';
 
 function createStatefulContext(initialValue) {
   let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -11,9 +11,9 @@ function createStatefulContext(initialValue) {
       children
     } = _ref;
     const [value, update] = useState(initialValue);
-    return /*#__PURE__*/jsx(ValueContext.Provider, {
+    return jsx(ValueContext.Provider, {
       value: value,
-      children: /*#__PURE__*/jsx(UpdateContext.Provider, {
+      children: jsx(UpdateContext.Provider, {
         value: update,
         children: children
       })

package/components/global/focus-sensor-hoc.js

@@ -1,8 +1,8 @@
 import { b as _objectSpread2, _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import { createComposedRef } from './composeRefs.js';
-import { jsx } from 'react/jsx-runtime';
 import 'memoize-one';
 
 const _excluded = ["autofocus", "focused", "onFocus", "onBlur", "innerRef", "scrollOnTableFocus"];
@@ -119,7 +119,7 @@ function focusSensorHOC(ComposedComponent) {
           scrollOnTableFocus
         } = _this$props3,
         rest = _objectWithoutProperties(_this$props3, _excluded);
-      return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, rest), {}, {
+      return jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, rest), {}, {
         innerRef: this.composedRef(innerRef, this.onRefUpdate),
         focused: this.state.focused,
         onFocusReset: this.onFocusReset,

package/components/global/react-dom-renderer.d.ts

@@ -7,5 +7,5 @@ export default class Renderer extends Component<RendererProps> {
     componentDidMount(): void;
     node?: HTMLElement | null;
     nodeRef: (node: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

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

@@ -1,7 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import { Component } from 'react';
 import { jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
 
 class Renderer extends Component {
   constructor() {
@@ -27,7 +27,7 @@ class Renderer extends Component {
     const {
       className
     } = this.props;
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       className: className,
       ref: this.nodeRef
     });

package/components/global/rerender-hoc.js

@@ -1,8 +1,8 @@
 import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, Component } from 'react';
 import { createComposedRef } from './composeRefs.js';
-import { jsx } from 'react/jsx-runtime';
 import 'memoize-one';
 
 function rerenderHOC(ComposedComponent) {
@@ -14,7 +14,7 @@ function rerenderHOC(ComposedComponent) {
     }
     render() {
       const ref = this.composedRef(this.props.forwardedRef);
-      return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.state), {}, {
+      return jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.state), {}, {
         ref: instance => ref(instance != null ? _objectSpread2(_objectSpread2({}, instance), {}, {
           rerender: this.setState.bind(this)
         }) : null)
@@ -22,7 +22,7 @@ function rerenderHOC(ComposedComponent) {
     }
   }
   return /*#__PURE__*/forwardRef(function RerendererForwardRef(props, ref) {
-    return /*#__PURE__*/jsx(Rerenderer, {
+    return jsx(Rerenderer, {
       props: props,
       forwardedRef: ref
     });

package/components/global/theme.js

@@ -1,5 +1,6 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import 'react-dom';
@@ -7,7 +8,6 @@ import '../popup/popup.target.js';
 import '../popup/popup.js';
 export { G as GLOBAL_DARK_CLASS_NAME, b as ThemeContext, a as ThemeProvider, W as WithThemeClasses, e as applyTheme, T as default, u as useTheme, c as useThemeClasses } from '../_helpers/theme.js';
 import './get-uid.js';
-import 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import './schedule-raf.js';

package/components/grid/col.d.ts

@@ -13,5 +13,5 @@ export interface ColProps {
     className?: string | null | undefined;
 }
 export default class Col extends Component<ColProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/grid/col.js

@@ -1,10 +1,10 @@
 import { a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.reverse.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/grid.js';
-import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["children", "className", "reverse"];
 const classMap = {
@@ -43,7 +43,7 @@ class Col extends Component {
     const classes = classNames(styles.col, className, getClassNames(restProps), {
       [styles.reverse]: reverse
     });
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       className: classes,
       "data-test": "ring-grid-column",
       children: children

package/components/grid/grid.d.ts

@@ -3,7 +3,7 @@ import { Component, HTMLAttributes } from 'react';
  * @name Grid
  */
 export declare class Grid extends Component<HTMLAttributes<HTMLDivElement>> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export { default as Row } from './row';
 export { default as Col } from './col';

package/components/grid/grid.js

@@ -1,14 +1,17 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { s as styles } 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.reverse.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 const _excluded = ["children", "className"];
+/**
+ * @name Grid
+ */
 class Grid extends Component {
   render() {
     const _this$props = this.props,
@@ -18,7 +21,7 @@ class Grid extends Component {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(styles['container-fluid'], className);
-    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
+    return jsx("div", _objectSpread2(_objectSpread2({
       "data-test": "ring-grid"
     }, restProps), {}, {
       className: classes,

package/components/grid/row.d.ts

@@ -17,6 +17,6 @@ export interface RowProps {
     className?: string | null | undefined;
 }
 export default class Row extends Component<RowProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/grid/row.js

@@ -1,9 +1,9 @@
 import { a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.reverse.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/grid.js';
-import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["children", "className", "reverse"];
 const modifierKeys = ['start', 'center', 'end',
@@ -39,7 +39,7 @@ class Row extends Component {
     const classes = classNames(className, styles.row, getModifierClassNames(restProps), {
       [styles.reverse]: reverse
     });
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       className: classes,
       "data-test": "ring-grid-row",
       children: children

package/components/group/group.d.ts

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

package/components/group/group.js

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

package/components/header/header-icon.d.ts

@@ -6,5 +6,5 @@ export interface HeaderIconSpecificProps {
     rotatable?: boolean | null | undefined;
 }
 export default class HeaderIcon extends Component<ButtonAttrs & HeaderIconSpecificProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/header/header-icon.js

@@ -1,9 +1,9 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { Button } from '../button/button.js';
 import { s as styles } from '../_helpers/header.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
@@ -31,7 +31,7 @@ class HeaderIcon extends Component {
       [styles.rotatable]: rotatable,
       [styles.rotated]: rotatable && restProps.active
     });
-    return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsx(Button, _objectSpread2(_objectSpread2({}, restProps), {}, {
       className: classes
     }));
   }

package/components/header/header.d.ts

@@ -17,7 +17,7 @@ declare class Header extends Component<HeaderProps> {
         theme: Theme;
         vertical: boolean;
     };
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;
 export default Header;

package/components/header/header.js

@@ -1,9 +1,9 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 import { s as styles } 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 HeaderIcon } from './header-icon.js';
@@ -107,6 +107,12 @@ import '@jetbrains/icons/services-20px';
 import '../_helpers/services-link.js';
 
 const _excluded = ["children", "className", "spaced", "theme", "vertical"];
+/**
+ * @name Header
+ */
+/**
+ * Displays a configurable page header. See available presentation options in the knobs panel.
+ */
 class Header extends Component {
   render() {
     const _this$props = this.props,
@@ -122,12 +128,12 @@ class Header extends Component {
       [styles.headerSpaced]: spaced && !vertical
     });
     const overrideOuterTheme = theme !== Theme.LIGHT;
-    const header = /*#__PURE__*/jsx("header", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    const header = jsx("header", _objectSpread2(_objectSpread2({}, restProps), {}, {
       className: classes,
       children: children
     }));
     if (overrideOuterTheme) {
-      return /*#__PURE__*/jsx(ThemeProvider, {
+      return jsx(ThemeProvider, {
         theme: theme,
         children: header
       });

package/components/header/links.d.ts

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

package/components/header/links.js

@@ -1,18 +1,19 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import ScrollableSection from '../scrollable-section/scrollable-section.js';
 import { s as styles } from '../_helpers/header.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 
 const _excluded = ["className"];
+// currently only supports vertical header
 function Links(_ref) {
   let {
       className
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx(ScrollableSection, _objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx(ScrollableSection, _objectSpread2(_objectSpread2({}, restProps), {}, {
     className: classNames(styles.links, className)
   }));
 }

package/components/header/logo.d.ts

@@ -6,5 +6,5 @@ export default class Logo extends PureComponent<IconAttrs> {
         suppressSizeWarning: boolean;
     };
     static Size: typeof Size;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/header/logo.js

@@ -1,9 +1,9 @@
 import { _ as _defineProperty, 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 Icon from '../icon/icon.js';
 import { s as styles } 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';
@@ -21,9 +21,9 @@ class Logo extends PureComponent {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(styles.logo, className);
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       className: classes,
-      children: /*#__PURE__*/jsx(Icon, _objectSpread2({}, restProps))
+      children: jsx(Icon, _objectSpread2({}, restProps))
     });
   }
 }

package/components/header/profile.d.ts

@@ -44,6 +44,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<ReactNode> | null | undefined;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
 }
 export type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;

package/components/header/profile.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Avatar, { Size } from '../avatar/avatar.js';
@@ -8,7 +9,6 @@ import PopupMenu from '../popup-menu/popup-menu.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { isTruthy } from '../global/typescript-utils.js';
 import { s as styles } from '../_helpers/header.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -106,9 +106,9 @@ class Profile extends PureComponent {
       translate
     } = this.context;
     if (!user) {
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+      return jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
         className: classNames(styles.profileEmpty, className),
-        children: /*#__PURE__*/jsx(Avatar, {
+        children: jsx(Avatar, {
           size: size,
           round: round
         })
@@ -120,18 +120,18 @@ class Profile extends PureComponent {
     const avatarWrapper = classNames(styles.avatarWrapper, {
       [styles.hasUpdates]: hasUpdates
     });
-    const anchor = /*#__PURE__*/jsxs("button", {
+    const anchor = jsxs("button", {
       type: "button",
       className: styles.anchorClassName,
-      children: [/*#__PURE__*/jsx("span", {
+      children: [jsx("span", {
         className: avatarWrapper,
-        children: /*#__PURE__*/jsx(Avatar, {
+        children: jsx(Avatar, {
           url: user.profile && user.profile.avatar && user.profile.avatar.url,
           size: size,
           round: round,
           username: user.name
         })
-      }), showName && /*#__PURE__*/jsx("span", {
+      }), showName && jsx("span", {
         children: user.name
       })]
     });
@@ -162,7 +162,7 @@ class Profile extends 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__*/jsx(DropdownMenu, _objectSpread2(_objectSpread2({}, props), {}, {
+    return jsx(DropdownMenu, _objectSpread2(_objectSpread2({}, props), {}, {
       onShow: onShow,
       onHide: onHide,
       title: user.name,
@@ -191,15 +191,15 @@ _defineProperty(Profile, "defaultProps", {
       className,
       translations
     } = _ref;
-    return /*#__PURE__*/jsx(I18nContext.Consumer, {
+    return jsx(I18nContext.Consumer, {
       children: _ref2 => {
         var _translations$login2;
         let {
           translate
         } = _ref2;
-        return /*#__PURE__*/jsx("div", {
+        return jsx("div", {
           className: classNames(styles.profileEmpty, className),
-          children: /*#__PURE__*/jsx(Button, {
+          children: jsx(Button, {
             primary: true,
             "data-test": "ring-header-login-button",
             disabled: loading,

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

@@ -11,5 +11,5 @@ export interface ServicesLinkProps extends Partial<LinkProps> {
     service: Service;
 }
 export default class ServicesLink extends PureComponent<ServicesLinkProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/header/services-link.js

@@ -1,8 +1,8 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react/jsx-runtime';
 import 'react';
 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/web.dom-collections.iterator.js';

package/components/header/services.d.ts

@@ -15,5 +15,5 @@ export default class Services extends PureComponent<ServicesProps> {
     };
     static Link: typeof ServicesLink;
     serviceIsActive: (service: Service) => boolean;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }