@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/global/use-event-callback.js

@@ -1,19 +1,43 @@
-import { useRef, useLayoutEffect, useCallback } from 'react';
+import { c } from 'react-compiler-runtime';
+import { useRef, useLayoutEffect } from 'react';
 
 function useEventCallback(fn) {
-  const ref = useRef(null);
-  useLayoutEffect(() => {
-    ref.current = fn;
-  });
-  return useCallback((...args) => {
-    const {
-      current
-    } = ref;
-    if (current === null || current === undefined) {
-      throw new Error('callback created in useEventCallback can only be called from event handlers');
+  const $ = c(4);
+  if ($[0] !== "6d4062362887898e583cc15ffe3261e4c8e7c93150afb27f66c9b6c760b8aef8") {
+    for (let $i = 0; $i < 4; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    return current(...args);
-  }, []);
+    $[0] = "6d4062362887898e583cc15ffe3261e4c8e7c93150afb27f66c9b6c760b8aef8";
+  }
+  const ref = useRef(null);
+  let t0;
+  if ($[1] !== fn) {
+    t0 = () => {
+      ref.current = fn;
+    };
+    $[1] = fn;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  useLayoutEffect(t0);
+  let t1;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (...t2) => {
+      const args = t2;
+      const {
+        current
+      } = ref;
+      if (current === null || current === undefined) {
+        throw new Error("callback created in useEventCallback can only be called from event handlers");
+      }
+      return current(...args);
+    };
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
 
 export { useEventCallback as default };

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-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/grid/col.js

@@ -1,7 +1,7 @@
-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 classMap = {
   xs: 'col-xs',
@@ -32,9 +32,9 @@ class Col extends Component {
     const classes = classNames(styles.col, className, getClassNames(restProps), {
       [styles.reverse]: reverse
     });
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       className: classes,
-      "data-test": 'ring-grid-column',
+      "data-test": "ring-grid-column",
       children: children
     });
   }

package/components/grid/grid.d.ts

@@ -3,7 +3,7 @@ import { Component, type HTMLAttributes } from 'react';
  * @name Grid
  */
 export declare class Grid extends Component<HTMLAttributes<HTMLDivElement>> {
-    render(): import("react/jsx-runtime").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,13 +1,10 @@
-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';
 
-/**
- * @name Grid
- */
 class Grid extends Component {
   render() {
     const {
@@ -16,8 +13,8 @@ class Grid extends Component {
       ...restProps
     } = this.props;
     const classes = classNames(styles['container-fluid'], className);
-    return jsx("div", {
-      "data-test": 'ring-grid',
+    return /*#__PURE__*/jsx("div", {
+      "data-test": "ring-grid",
       ...restProps,
       className: classes,
       children: children

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-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/components/grid/row.js

@@ -1,7 +1,7 @@
-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 modifierKeys = ['start', 'center', 'end',
 // text-align, justify-content
@@ -35,9 +35,9 @@ class Row extends Component {
     const classes = classNames(className, styles.row, getModifierClassNames(restProps), {
       [styles.reverse]: reverse
     });
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       className: classes,
-      "data-test": 'ring-grid-row',
+      "data-test": "ring-grid-row",
       children: children
     });
   }

package/components/group/group.d.ts

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

package/components/group/group.js

@@ -1,12 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"group":"ring-group-group"};
 
-/**
- * @name Group
- */
 class Group extends Component {
   render() {
     const {
@@ -15,8 +12,8 @@ class Group extends Component {
       ...restProps
     } = this.props;
     const classes = classNames(styles.group, className);
-    return jsx("span", {
-      "data-test": 'ring-group',
+    return /*#__PURE__*/jsx("span", {
+      "data-test": "ring-group",
       ...restProps,
       className: classes,
       children: children

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-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/header/header-icon.js

@@ -1,14 +1,15 @@
-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 '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
@@ -26,7 +27,7 @@ class HeaderIcon extends Component {
       [styles.rotatable]: rotatable,
       [styles.rotated]: rotatable && restProps.active
     });
-    return jsx(Button, {
+    return /*#__PURE__*/jsx(Button, {
       ...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-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type HeaderAttrs = React.JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;
 export default Header;

package/components/header/header.js

@@ -1,8 +1,8 @@
-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';
@@ -10,6 +10,7 @@ export { default as Profile } from './profile.js';
 export { default as SmartProfile } from './smart-profile.js';
 export { default as Services } from './services.js';
 export { default as SmartServices } from './smart-services.js';
+import 'react-compiler-runtime';
 import 'react-dom';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
@@ -40,9 +41,9 @@ import '../global/controls-height.js';
 import '../_helpers/button.classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../dropdown-menu/dropdown-menu.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
@@ -59,9 +60,9 @@ import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';
@@ -100,12 +101,6 @@ import '../auth/token-validator.js';
 import '@jetbrains/icons/services-20px';
 import '../_helpers/services-link.js';
 
-/**
- * @name Header
- */
-/**
- * Displays a configurable page header. See available presentation options in the knobs panel.
- */
 class Header extends Component {
   static defaultProps = {
     spaced: true,
@@ -125,13 +120,13 @@ class Header extends Component {
       [styles.headerSpaced]: spaced && !vertical
     });
     const overrideOuterTheme = theme !== Theme.LIGHT;
-    const header = jsx("header", {
+    const header = /*#__PURE__*/jsx("header", {
       ...restProps,
       className: classes,
       children: children
     });
     if (overrideOuterTheme) {
-      return jsx(ThemeProvider, {
+      return /*#__PURE__*/jsx(ThemeProvider, {
         theme: theme,
         children: header
       });

package/components/header/links.d.ts

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

package/components/header/links.js

@@ -1,18 +1,53 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-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 'react';
 
-// currently only supports vertical header
-function Links({
-  className,
-  ...restProps
-}) {
-  return jsx(ScrollableSection, {
-    ...restProps,
-    className: classNames(styles.links, className)
-  });
+function Links(t0) {
+  const $ = c(9);
+  if ($[0] !== "d896f540dfbd50c7773e72435650f7342fe2a42ec7a521489534085809fdab89") {
+    for (let $i = 0; $i < 9; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "d896f540dfbd50c7773e72435650f7342fe2a42ec7a521489534085809fdab89";
+  }
+  let className;
+  let restProps;
+  if ($[1] !== t0) {
+    ({
+      className,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = className;
+    $[3] = restProps;
+  } else {
+    className = $[2];
+    restProps = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = classNames(styles.links, className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== restProps || $[7] !== t1) {
+    t2 = /*#__PURE__*/jsx(ScrollableSection, {
+      ...restProps,
+      className: t1
+    });
+    $[6] = restProps;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
 }
 
 export { Links as default };

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-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/header/logo.js

@@ -1,11 +1,12 @@
-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';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 
 class Logo extends PureComponent {
@@ -20,9 +21,9 @@ class Logo extends PureComponent {
       ...restProps
     } = this.props;
     const classes = classNames(styles.logo, className);
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       className: classes,
-      children: jsx(Icon, {
+      children: /*#__PURE__*/jsx(Icon, {
         ...restProps
       })
     });

package/components/header/profile.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Avatar from '../avatar/avatar.js';
@@ -8,14 +7,16 @@ 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 { Size } from '../avatar/avatar-size.js';
 import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
 import '../global/memoize.js';
-import '../_helpers/avatar-info.js';
 import '../avatar/fallback-avatar.js';
+import 'react-compiler-runtime';
 import '../global/get-uid.js';
+import '../_helpers/avatar-info.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
@@ -47,9 +48,9 @@ import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';
@@ -77,16 +78,16 @@ class Profile extends PureComponent {
       onLogin,
       className,
       translations
-    }) => jsx(I18nContext.Consumer, {
+    }) => /*#__PURE__*/jsx(I18nContext.Consumer, {
       children: ({
         translate
       }) => {
         var _translations$login;
-        return jsx("div", {
+        return /*#__PURE__*/jsx("div", {
           className: classNames(styles.profileEmpty, className),
-          children: jsx(Button, {
+          children: /*#__PURE__*/jsx(Button, {
             primary: true,
-            "data-test": 'ring-header-login-button',
+            "data-test": "ring-header-login-button",
             disabled: loading,
             loader: loading,
             onClick: onLogin,
@@ -132,10 +133,10 @@ class Profile extends PureComponent {
       translate
     } = this.context;
     if (!user) {
-      return jsx("div", {
+      return /*#__PURE__*/jsx("div", {
         ...props,
         className: classNames(styles.profileEmpty, className),
-        children: jsx(Avatar, {
+        children: /*#__PURE__*/jsx(Avatar, {
           size: size,
           round: round
         })
@@ -147,18 +148,18 @@ class Profile extends PureComponent {
     const avatarWrapper = classNames(styles.avatarWrapper, {
       [styles.hasUpdates]: hasUpdates
     });
-    const anchor = jsxs("button", {
-      type: 'button',
+    const anchor = /*#__PURE__*/jsxs("button", {
+      type: "button",
       className: styles.anchorClassName,
-      children: [jsx("span", {
+      children: [/*#__PURE__*/jsx("span", {
         className: avatarWrapper,
-        children: jsx(Avatar, {
+        children: /*#__PURE__*/jsx(Avatar, {
           url: user.profile && user.profile.avatar && user.profile.avatar.url,
           size: size,
           round: round,
           username: user.name
         })
-      }), showName && jsx("span", {
+      }), showName && /*#__PURE__*/jsx("span", {
         children: user.name
       })]
     });
@@ -189,14 +190,14 @@ class Profile extends PureComponent {
       label: (_translations$logout = translations?.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
       onClick: onLogout
     }].filter(isTruthy);
-    return jsx(DropdownMenu, {
+    return /*#__PURE__*/jsx(DropdownMenu, {
       ...props,
       onShow: onShow,
       onHide: onHide,
       title: user.name,
       anchor: anchor,
       data: renderPopupItems(items),
-      "data-test": 'ring-profile',
+      "data-test": "ring-profile",
       className: classNames(styles.profile, className),
       activeClassName: activeClassName,
       menuProps: {

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-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/header/services-link.js

@@ -1,7 +1,7 @@
-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 '../link/clickable-link.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-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/header/services.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { PureComponent } from 'react';
 import servicesIcon from '@jetbrains/icons/services-20px';
 import classNames from 'classnames';
@@ -7,6 +7,7 @@ import Popup from '../popup/popup.js';
 import { T as Theme, d as darkStyles } from '../_helpers/theme.js';
 import HeaderIcon from './header-icon.js';
 import { S as ServicesLink, s as styles } from '../_helpers/services-link.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
@@ -41,14 +42,32 @@ import '../link/link.js';
 import '../_helpers/link.js';
 
 const makeAnchor = loading => {
-  const Anchor = ({
-    active
-  }) => jsx(HeaderIcon, {
-    loader: loading,
-    active: active,
-    icon: servicesIcon,
-    "aria-label": 'Services'
-  });
+  const Anchor = t0 => {
+    const $ = c(3);
+    if ($[0] !== "7179851c58be53d5aed1c4bed9ace9b1addb19694ee004f1e36235728ee31e45") {
+      for (let $i = 0; $i < 3; $i += 1) {
+        $[$i] = Symbol.for("react.memo_cache_sentinel");
+      }
+      $[0] = "7179851c58be53d5aed1c4bed9ace9b1addb19694ee004f1e36235728ee31e45";
+    }
+    const {
+      active
+    } = t0;
+    let t1;
+    if ($[1] !== active) {
+      t1 = /*#__PURE__*/jsx(HeaderIcon, {
+        loader: loading,
+        active: active,
+        icon: servicesIcon,
+        "aria-label": "Services"
+      });
+      $[1] = active;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  };
   return Anchor;
 };
 class Services extends PureComponent {
@@ -72,39 +91,39 @@ class Services extends PureComponent {
       ...props
     } = this.props;
     if (!services) {
-      return jsx(HeaderIcon, {
+      return /*#__PURE__*/jsx(HeaderIcon, {
         ...props,
         loader: loading,
         active: loading,
         icon: servicesIcon,
-        "aria-label": 'Services'
+        "aria-label": "Services"
       });
     }
     const sortedServices = [...services].sort(Services.sort);
     const servicesWithIcons = sortedServices.filter(service => service.iconUrl && service.homeUrl);
     const servicesWithOutIcons = sortedServices.filter(service => !service.iconUrl && service.homeUrl);
     const separatorIsRequired = servicesWithIcons.length !== 0 && servicesWithOutIcons.length !== 0;
-    return jsx(Dropdown, {
+    return /*#__PURE__*/jsx(Dropdown, {
       ...props,
       anchor: makeAnchor(loading),
       initShown: initShown,
-      children: jsxs(Popup, {
+      children: /*#__PURE__*/jsxs(Popup, {
         className: classNames(styles.services, {
           [darkStyles.dark]: theme === Theme.DARK
         }),
         top: -3,
         children: [servicesWithIcons.map(service => {
           const isActive = this.serviceIsActive(service);
-          return jsx(Services.Link, {
+          return /*#__PURE__*/jsx(Services.Link, {
             active: isActive,
             className: isActive ? styles.activeItem : styles.item,
             service: service
           }, service.id);
-        }), separatorIsRequired && jsx("div", {
+        }), separatorIsRequired && /*#__PURE__*/jsx("div", {
           className: styles.line
         }, 'separator'), servicesWithOutIcons.map(service => {
           const isActive = this.serviceIsActive(service);
-          return jsx(Services.Link, {
+          return /*#__PURE__*/jsx(Services.Link, {
             active: isActive,
             className: isActive ? styles.activeItemStacked : styles.itemStacked,
             service: service

package/components/header/smart-profile.d.ts

@@ -22,6 +22,6 @@ export default class SmartProfile extends PureComponent<SmartProfileProps, Smart
     onRevertPostponement: () => void;
     requestUser(): Promise<void>;
     checkUserCertificateMismatch(user: AuthUser): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};