@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/island/header.js

@@ -1,9 +1,10 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { interpolateLinear } from '../global/linear-function.js';
-import { s as styles } from '../_helpers/island.js';
 import { PhaseContext } from './adaptive-island-hoc.js';
+import { s as styles } from '../_helpers/island.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const Start = {
   FONT_SIZE: 24,
@@ -66,12 +67,12 @@ class Header extends Component {
       paddingBottom: this.style('PADDING_BOTTOM')
     } : undefined;
     const titleStyle = this.getTitleStyle(phase);
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       ...restProps,
-      "data-test": 'ring-island-header',
+      "data-test": "ring-island-header",
       className: classes,
       style: headerStyle,
-      children: [wrapWithTitle && jsx("h2", {
+      children: [wrapWithTitle && /*#__PURE__*/jsx("h2", {
         className: styles.title,
         style: titleStyle,
         children: children
@@ -79,16 +80,33 @@ class Header extends Component {
     });
   }
 }
-const HeaderWrapper = props => jsx(PhaseContext.Consumer, {
-  children: phase => {
-    const addProps = phase !== null && phase !== undefined ? {
-      phase
-    } : {};
-    return jsx(Header, {
-      ...props,
-      ...addProps
+const HeaderWrapper = props => {
+  const $ = c(3);
+  if ($[0] !== "dbbfd9db484c81cb5d8abfe2d50de2fd9035c22d61c0a499e8f82dfe385f2c0e") {
+    for (let $i = 0; $i < 3; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "dbbfd9db484c81cb5d8abfe2d50de2fd9035c22d61c0a499e8f82dfe385f2c0e";
+  }
+  let t0;
+  if ($[1] !== props) {
+    t0 = /*#__PURE__*/jsx(PhaseContext.Consumer, {
+      children: phase => {
+        const addProps = phase !== null && phase !== undefined ? {
+          phase
+        } : {};
+        return /*#__PURE__*/jsx(Header, {
+          ...props,
+          ...addProps
+        });
+      }
     });
+    $[1] = props;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
   }
-});
+  return t0;
+};
 
 export { HeaderWrapper as default };

package/components/island/island.d.ts

@@ -8,7 +8,7 @@ export interface IslandProps extends HTMLAttributes<HTMLElement> {
  * @name Island
  */
 export default class Island extends Component<IslandProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export declare const AdaptiveIsland: import("react").ComponentClass<IslandProps, any>;
 export { default as Header } from './header';

package/components/island/island.js

@@ -1,18 +1,16 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import adaptiveIslandHOC from './adaptive-island-hoc.js';
 import { s as styles } from '../_helpers/island.js';
+import { jsx } from 'react/jsx-runtime';
 export { default as Header } from './header.js';
 export { default as Content } from './content.js';
 import '../global/linear-function.js';
+import 'react-compiler-runtime';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-/**
- * @name Island
- */
 class Island extends Component {
   render() {
     const {
@@ -27,7 +25,7 @@ class Island extends Component {
       [styles.narrowIsland]: narrow,
       [styles.withoutPaddings]: withoutPaddings
     });
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       ...restProps,
       className: classes,
       "data-test": joinDataTestAttributes('ring-island', dataTest),

package/components/link/clickable-link.d.ts

@@ -8,5 +8,5 @@ export interface ClickableLinkProps extends AnchorHTMLAttributes<HTMLAnchorEleme
 }
 export default class ClickableLink extends PureComponent<ClickableLinkProps> {
     onClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }

package/components/link/clickable-link.js

@@ -1,5 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 const LEFT_BUTTON = 0;
 // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
@@ -32,7 +32,7 @@ class ClickableLink extends PureComponent {
       children,
       ...restProps
     } = this.props;
-    return jsx("a", {
+    return /*#__PURE__*/jsx("a", {
       href: href,
       ...restProps,
       onClick: this.onClick,

package/components/link/link.js

@@ -1,9 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickable-link.js';
 import { l as linkStyles } from '../_helpers/link.js';
+import { jsx } from 'react/jsx-runtime';
 
 function linkHOC(ComposedComponent) {
   const isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
@@ -37,8 +37,8 @@ function linkHOC(ComposedComponent) {
         };
       }
       if (useButton) {
-        return jsx("button", {
-          type: 'button',
+        return /*#__PURE__*/jsx("button", {
+          type: "button",
           ...props,
           className: classes,
           onClick: onClick || onPlainLeftClick,
@@ -46,7 +46,7 @@ function linkHOC(ComposedComponent) {
           children: children
         });
       }
-      return jsx(ComposedComponent, {
+      return /*#__PURE__*/jsx(ComposedComponent, {
         ...props,
         href: href,
         className: classes,

package/components/list/list-custom.d.ts

@@ -3,5 +3,5 @@ import * as React from 'react';
 import { type ListDataItemProps } from './consts';
 export default class ListCustom<T> extends PureComponent<ListDataItemProps<T>> {
     handleKeyPress: (event: React.KeyboardEvent) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }

package/components/list/list-custom.js

@@ -1,8 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getEventKey from '../global/get-event-key.js';
 import { getListClasses } from './list.classes.js';
+import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import './consts.js';
 import '../_helpers/list.js';
@@ -31,7 +31,7 @@ class ListCustom extends PureComponent {
     }, this.props['data-test']);
     const content = typeof template === 'function' ? template(this.props) : template;
     const TagName = tagName || 'span';
-    return jsx(TagName, {
+    return /*#__PURE__*/jsx(TagName, {
       role: role || 'button',
       "aria-disabled": disabled,
       tabIndex: tabIndex,

package/components/list/list-hint.d.ts

@@ -7,5 +7,5 @@ export interface ListHintProps {
  * @extends {ReactComponent}
  */
 export default class ListHint extends PureComponent<ListHintProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/list/list-hint.js

@@ -1,17 +1,13 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/list.js';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * @constructor
- * @extends {ReactComponent}
- */
 class ListHint extends PureComponent {
   render() {
-    return jsx("span", {
+    return /*#__PURE__*/jsx("span", {
       className: classNames(styles.item, styles.hint),
-      "data-test": 'ring-list-hint',
+      "data-test": "ring-list-hint",
       children: this.props.label
     });
   }

package/components/list/list-item.d.ts

@@ -4,5 +4,5 @@ export default class ListItem<T> extends PureComponent<ListDataItemProps<T>> {
     id: string;
     stopBubbling: (e: SyntheticEvent) => void;
     private _isString;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/list/list-item.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -7,16 +6,18 @@ import Checkbox from '../checkbox/checkbox.js';
 import Icon from '../icon/icon.js';
 import getUID from '../global/get-uid.js';
 import Link, { linkHOC } from '../link/link.js';
-import { s as styles } from '../_helpers/list.js';
 import { Type } from './consts.js';
 import { getListClasses } from './list.classes.js';
+import { s as styles } from '../_helpers/list.js';
+import { jsx, jsxs, Fragment } 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 '../_helpers/avatar-info.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/compose-refs.js';
@@ -27,10 +28,6 @@ import '../_helpers/icon-svg.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
 
-/**
- * @constructor
- * @extends {ReactComponent}
- */
 const RING_UNIT = 8;
 const DEFAULT_PADDING = 8;
 const CHECKBOX_WIDTH = 28;
@@ -104,10 +101,10 @@ class ListItem extends PureComponent {
       'ring-list-item-selected': checkbox,
       'ring-list-link': isLink
     }, dataTest);
-    const labelElement = jsx("span", {
+    const labelElement = /*#__PURE__*/jsx("span", {
       className: styles.label,
       title: computedTitle,
-      "data-test": 'ring-list-item-label',
+      "data-test": "ring-list-item-label",
       children: label !== null && label !== void 0 ? label : children
     });
     const commonProps = {
@@ -121,68 +118,68 @@ class ListItem extends PureComponent {
       className: classes,
       style,
       disabled,
-      children: jsxs(Fragment, {
-        children: [jsxs("div", {
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsxs("div", {
           className: styles.top,
           onMouseOut: this.stopBubbling,
           onBlur: this.stopBubbling,
-          children: [!showCheckbox && jsxs("div", {
+          children: [!showCheckbox && /*#__PURE__*/jsxs("div", {
             className: styles.left,
-            children: [leftNodes, glyph && jsx(Icon, {
+            children: [leftNodes, glyph && /*#__PURE__*/jsx(Icon, {
               className: styles.glyph,
               glyph: glyph,
               size: this.props.iconSize,
               suppressSizeWarning: this.props.suppressSizeWarning
-            }), (avatar || shouldShowGeneratedAvatar) && jsx(Avatar, {
+            }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/jsx(Avatar, {
               className: styles.avatar,
               url: avatar,
               size: Size.Size20,
               subavatar: subavatar,
               username: username
             })]
-          }), labelWrapper ? labelWrapper(labelElement) : labelElement, description && jsx("span", {
+          }), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/jsx("span", {
             className: styles.description,
-            "data-test": 'ring-list-item-description',
+            "data-test": "ring-list-item-description",
             children: description
-          }), jsxs("div", {
+          }), /*#__PURE__*/jsxs("div", {
             className: styles.right,
-            children: [rightGlyph && jsx(Icon, {
+            children: [rightGlyph && /*#__PURE__*/jsx(Icon, {
               className: styles.rightGlyph,
               glyph: rightGlyph,
               suppressSizeWarning: this.props.suppressSizeWarning,
               size: this.props.iconSize
-            }), icon && jsx("div", {
+            }), icon && /*#__PURE__*/jsx("div", {
               className: styles.icon,
               style: {
                 backgroundImage: `url("${icon}")`
               }
             }), rightNodes]
           })]
-        }), details && jsx("div", {
+        }), details && /*#__PURE__*/jsx("div", {
           className: detailsClasses,
           children: details
         })]
       })
     };
     const LinkComponentToUse = LinkComponent ? linkHOC(LinkComponent) : Link;
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: styles.itemContainer,
       "data-test": combinedDataTest,
-      children: [showCheckbox && jsx("div", {
+      children: [showCheckbox && /*#__PURE__*/jsx("div", {
         className: styles.checkboxContainer,
-        children: jsx(Checkbox, {
+        children: /*#__PURE__*/jsx(Checkbox, {
           "aria-labelledby": this.id,
           checked: checkbox,
           disabled: disabled,
           onChange: onCheckboxChange,
           onClick: this.stopBubbling
         })
-      }), isLink ? jsx(LinkComponentToUse, {
+      }), isLink ? /*#__PURE__*/jsx(LinkComponentToUse, {
         pseudo: !restLinkProps.href,
         ...commonProps,
         ...restLinkProps
-      }) : jsx("button", {
-        type: 'button',
+      }) : /*#__PURE__*/jsx("button", {
+        type: "button",
         ...commonProps
       })]
     });

package/components/list/list-separator.d.ts

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

package/components/list/list-separator.js

@@ -1,7 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/list.js';
+import { jsx } from 'react/jsx-runtime';
 
 class ListSeparator extends PureComponent {
   render() {
@@ -13,8 +13,8 @@ class ListSeparator extends PureComponent {
     const classes = classNames(styles.separator, className, {
       [styles.separator_first]: isFirst
     });
-    return jsx("span", {
-      "data-test": 'ring-list-separator',
+    return /*#__PURE__*/jsx("span", {
+      "data-test": "ring-list-separator",
       className: classes,
       children: description
     });

package/components/list/list-title.d.ts

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

package/components/list/list-title.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/list.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 class ListTitle extends PureComponent {
   render() {
@@ -14,16 +14,16 @@ class ListTitle extends PureComponent {
     const classes = classNames(styles.title, className, {
       [styles.title_first]: isFirst
     });
-    return jsxs("span", {
+    return /*#__PURE__*/jsxs("span", {
       className: classes,
-      "data-test": 'ring-list-title',
-      children: [jsx("span", {
+      "data-test": "ring-list-title",
+      children: [/*#__PURE__*/jsx("span", {
         className: classNames(styles.label, styles.text),
-        "data-test": 'ring-list-title-label',
+        "data-test": "ring-list-title-label",
         children: label
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         className: styles.description,
-        "data-test": 'ring-list-title-description',
+        "data-test": "ring-list-title-description",
         children: description
       })]
     });

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

@@ -3,7 +3,6 @@ import HubSourceUsersGroups from '../hub-source/hub-source-users-groups.js';
 import List from './list.js';
 import '../hub-source/hub-source.js';
 import 'react';
-import 'react/jsx-runtime';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -22,12 +21,14 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
+import 'react-compiler-runtime';
+import 'react/jsx-runtime';
 import './list-item.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 '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -39,9 +40,9 @@ import '../control-help/control-help.js';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import './consts.js';
 import './list.classes.js';
+import '../_helpers/list.js';
 import './list-custom.js';
 import '../global/get-event-key.js';
 import './list-title.js';
@@ -54,7 +55,7 @@ const defaultOptions = {
   UsersTitle: 'Users',
   NoUsersTitle: 'No users',
   getPluralForUserCount: count => {
-    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    // eslint-disable-next-line no-magic-numbers
     const plural = count % 10 !== 1 || count % 100 === 11;
     return `${count} member${plural ? 's' : ''}`;
   }

package/components/list/list.d.ts

@@ -50,7 +50,7 @@ export declare const ActiveItemContext: {
     ValueContext: import("react").Context<string | undefined>;
     UpdateContext: import("react").Context<(value: string | undefined) => void>;
     Provider: {
-        ({ children }: import("../global/create-stateful-context").ProviderProps): import("react/jsx-runtime").JSX.Element;
+        ({ children }: import("../global/create-stateful-context").ProviderProps): import("react").JSX.Element;
         displayName: string;
     };
     useUpdate: (value: string | undefined, skipUpdate?: boolean) => void;
@@ -151,19 +151,19 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     getVisibleListHeight(maxHeight: number): number;
     private _deprecatedGenerateKeyFromContent;
     getId(item: ListDataItem<T> | null): string | undefined;
-    renderItem: ({ index, style, isScrolling, parent, key }: Partial<ListRowProps>) => import("react/jsx-runtime").JSX.Element;
+    renderItem: ({ index, style, isScrolling, parent, key }: Partial<ListRowProps>) => import("react").JSX.Element;
     addItemDataTestToProp: (props: ListDataItemProps<T>) => ListDataItemProps<T>;
     virtualizedListRef: (el: VirtualizedList | null) => void;
     containerRef: (el: HTMLElement | null) => void;
     private _inner?;
     get inner(): HTMLElement | null | undefined;
-    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild, }: RenderVirtualizedInnerParams): import("react/jsx-runtime").JSX.Element;
-    renderVirtualized(maxHeight: number | null | undefined, rowCount: number): import("react/jsx-runtime").JSX.Element;
-    renderSimple(maxHeight: number | null | undefined, rowCount: number): import("react/jsx-runtime").JSX.Element;
+    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild, }: RenderVirtualizedInnerParams): import("react").JSX.Element;
+    renderVirtualized(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
+    renderSimple(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
     id: string;
     shortcutsScope: string;
     shortcutsMap: ShortcutsMap;
     /** @override */
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type ListAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof List, ListProps<T>>;