@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/pager/pager.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import chevronLeftIcon from '@jetbrains/icons/chevron-left';
@@ -11,6 +10,7 @@ import memoize from '../global/memoize.js';
 import Link from '../link/link.js';
 import Icon from '../icon/icon.js';
 import { I18nContext } from '../i18n/i18n-context.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
@@ -20,6 +20,7 @@ import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/data-tests.js';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
@@ -31,10 +32,10 @@ import '../_helpers/anchor.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../global/dom.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../popup/popup.js';
 import 'react-dom';
 import '../global/schedule-raf.js';
@@ -60,9 +61,9 @@ import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/compose-refs.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../_helpers/link.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
@@ -89,7 +90,7 @@ class Pager extends PureComponent {
   static defaultProps = {
     currentPage: 1,
     pageSize: 50,
-    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    // eslint-disable-next-line no-magic-numbers
     pageSizes: [20, 50, 100],
     visiblePagesLimit: 7,
     disablePageSizeSelector: false,
@@ -163,7 +164,7 @@ class Pager extends PureComponent {
     this.props.onLoadPage(i);
   });
   getButton(page, content, key, active) {
-    return jsx(Button, {
+    return /*#__PURE__*/jsx(Button, {
       href: this.generateHref(page),
       active: active,
       disabled: this.props.loader && !active && !this.props.loaderNavigation,
@@ -191,10 +192,10 @@ class Pager extends PureComponent {
   }
   getPageSizeSelector() {
     const selectOptions = this.getSelectOptions();
-    return !this.props.disablePageSizeSelector && jsx("div", {
-      "data-test": 'ring-pager-page-size-selector',
+    return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
+      "data-test": "ring-pager-page-size-selector",
       className: style.pageSize,
-      children: jsx(Select, {
+      children: /*#__PURE__*/jsx(Select, {
         data: selectOptions.data,
         selected: selectOptions.selected,
         onSelect: this.handlePageSizeChange,
@@ -210,18 +211,18 @@ class Pager extends PureComponent {
     } = this.context;
     const prevLinkAvailable = this.props.currentPage !== 1;
     const nextLinkAvailable = this.props.openTotal || this.props.currentPage !== this.getTotalPages();
-    const nextIcon = jsx(Icon, {
+    const nextIcon = /*#__PURE__*/jsx(Icon, {
       glyph: chevronRightIcon
     }, 'icon');
-    const prevIcon = jsx(Icon, {
+    const prevIcon = /*#__PURE__*/jsx(Icon, {
       glyph: chevronLeftIcon
     }, 'icon');
     const prevText = (_this$props$translati2 = this.props.translations?.previousPage) !== null && _this$props$translati2 !== void 0 ? _this$props$translati2 : translate('previousPage');
     const nextText = (_this$props$translati3 = this.props.translations?.nextPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('nextPage');
-    const nextLinkContent = [jsx("span", {
+    const nextLinkContent = [/*#__PURE__*/jsx("span", {
       children: nextText
     }, 'text'), nextIcon];
-    const prevLinkContent = [prevIcon, jsx("span", {
+    const prevLinkContent = [prevIcon, /*#__PURE__*/jsx("span", {
       children: prevText
     }, 'text')];
     const prevLinkHref = this.generateHref(this.props.currentPage - 1);
@@ -230,26 +231,26 @@ class Pager extends PureComponent {
       [style.link]: true,
       [style.linkDisabled]: true
     });
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: style.links,
-      children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? jsx(Link, {
+      children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, {
         href: prevLinkHref,
         className: style.link,
         ...this.getClickProps(this.handlePrevClick),
         children: prevLinkContent
-      }) : jsxs("span", {
+      }) : /*#__PURE__*/jsxs("span", {
         className: disabledLinkClasses,
-        children: [prevIcon, jsx("span", {
+        children: [prevIcon, /*#__PURE__*/jsx("span", {
           children: prevText
         }, 'text')]
-      }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? jsx(Link, {
+      }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, {
         href: nextLinkHref,
         className: style.link,
         ...this.getClickProps(this.handleNextClick),
         children: nextLinkContent
-      }) : jsxs("span", {
+      }) : /*#__PURE__*/jsxs("span", {
         className: disabledLinkClasses,
-        children: [jsx("span", {
+        children: [/*#__PURE__*/jsx("span", {
           children: nextText
         }, 'text'), nextIcon]
       })]
@@ -302,12 +303,12 @@ class Pager extends PureComponent {
       buttons.push(this.getButton(i, i, i, i === currentPage));
     }
     const lastPageButtonAvailable = !this.props.disableLastPageButton && end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
-    return jsxs("div", {
-      children: [this.getPagerLinks(), jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
+      children: [this.getPagerLinks(), /*#__PURE__*/jsxs("div", {
         className: style.actions,
-        children: [jsxs(ButtonToolbar, {
-          children: [start > 1 && this.getButton(1, (_this$props$translati4 = this.props.translations?.firstPage) !== null && _this$props$translati4 !== void 0 ? _this$props$translati4 : translate('firstPage')), jsxs(ButtonGroup, {
-            children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && jsx(Button, {
+        children: [/*#__PURE__*/jsxs(ButtonToolbar, {
+          children: [start > 1 && this.getButton(1, (_this$props$translati4 = this.props.translations?.firstPage) !== null && _this$props$translati4 !== void 0 ? _this$props$translati4 : translate('firstPage')), /*#__PURE__*/jsxs(ButtonGroup, {
+            children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/jsx(Button, {
               href: this.generateHref(end + 1),
               disabled: this.props.loader,
               ...this.getClickProps(this.handleLoadMore(end + 1)),
@@ -324,8 +325,8 @@ class Pager extends PureComponent {
     if (!shouldRenderPagerContent && this.props.disablePageSizeSelector) {
       return null;
     }
-    return jsx("div", {
-      "data-test": 'ring-pager',
+    return /*#__PURE__*/jsx("div", {
+      "data-test": "ring-pager",
       className: classes,
       children: shouldRenderPagerContent ? this.getPagerContent() : this.getPageSizeSelector()
     });

package/components/panel/panel.d.ts

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

package/components/panel/panel.js

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

package/components/popup/popup.d.ts

@@ -141,12 +141,12 @@ export default class Popup<P extends BasePopupProps = PopupProps> extends PureCo
      * @private
      */
     private _onDocumentClick;
-    getInternalContent(): import("react/jsx-runtime").JSX.Element | P["children"] | undefined;
+    getInternalContent(): React.JSX.Element | P["children"] | undefined;
     shortcutsScope: string;
     shortcutsMap: {
         esc: (evt: KeyboardEvent) => void;
     };
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type PopupAttrs = React.JSX.LibraryManagedAttributes<typeof Popup, PopupProps>;
 export type BasePopupAttrs = React.JSX.LibraryManagedAttributes<typeof Popup, BasePopupProps>;

package/components/popup/popup.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import classNames from 'classnames';
@@ -13,10 +12,12 @@ import position from './position.js';
 import { DEFAULT_DIRECTIONS, Display, MaxHeight, MinWidth, Dimension, Directions } from './popup.consts.js';
 import { PopupTargetContext, PopupTarget } from './popup.target.js';
 import { supportsCSSAnchorPositioning, setCSSAnchorPositioning } from './position-css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
+import 'react-compiler-runtime';
 
 var styles = {"popup":"ring-popup-popup ring-global-font","cssAnchoredPopup":"ring-popup-cssAnchoredPopup","largeBorderRadius":"ring-popup-largeBorderRadius","hidden":"ring-popup-hidden","showing":"ring-popup-showing","attached":"ring-popup-attached"};
 
@@ -305,7 +306,7 @@ class Popup extends PureComponent {
       autoFocusFirst,
       children
     } = this.props;
-    return trapFocus ? jsx(TabTrap, {
+    return trapFocus ? /*#__PURE__*/jsx(TabTrap, {
       autoFocusFirst: autoFocusFirst,
       focusBackOnExit: true,
       children: children
@@ -340,19 +341,20 @@ class Popup extends PureComponent {
       [styles.largeBorderRadius]: largeBorderRadius
     });
     const direction = (this.state.direction || '').toLowerCase().replace(/[_]/g, '-');
-    return jsx(PopupTargetContext.Consumer, {
+    return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
       children: value => {
         this.ringPopupTarget = value;
-        return jsxs("span", {
+        return /*#__PURE__*/jsxs("span", {
           // prevent bubbling through portal
-          onClick: stop,
+          onClick: stop
           // This handler only blocks bubbling through React portal
-          role: 'presentation',
+          ,
+          role: "presentation",
           ref: this.portalRef,
-          children: [this.shouldUseShortcuts() && jsx(Shortcuts, {
+          children: [this.shouldUseShortcuts() && /*#__PURE__*/jsx(Shortcuts, {
             map: this.shortcutsMap,
             scope: this.shortcutsScope
-          }), client !== false && (keepMounted || !hidden) && /*#__PURE__*/createPortal(jsx(PopupTarget, {
+          }), client !== false && (keepMounted || !hidden) && /*#__PURE__*/createPortal(/*#__PURE__*/jsx(PopupTarget, {
             id: this.uid,
             ref: this.containerRef,
             onMouseOver: onMouseOver,
@@ -360,7 +362,7 @@ class Popup extends PureComponent {
             onMouseOut: onMouseOut,
             onBlur: onMouseOut,
             onContextMenu: onContextMenu,
-            children: jsx("div", {
+            children: /*#__PURE__*/jsx("div", {
               "data-test": joinDataTestAttributes('ring-popup', dataTest),
               "data-test-shown": !hidden && !showing,
               "data-test-direction": direction,
@@ -368,9 +370,10 @@ class Popup extends PureComponent {
               className: classes,
               style: style,
               onMouseDown: onMouseDown,
-              onMouseUp: onMouseUp,
+              onMouseUp: onMouseUp
               // mouse handlers are used to track clicking on inner elements
-              role: 'presentation',
+              ,
+              role: "presentation",
               children: this.getInternalContent()
             })
           }), this.getContainer() || document.body)]

package/components/popup/popup.target.js

@@ -1,22 +1,74 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { createContext, forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 const PopupTargetContext = /*#__PURE__*/createContext(undefined);
-const PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget({
-  id,
-  children,
-  ...restProps
-}, ref) {
-  const target = jsx("div", {
-    ...restProps,
-    "data-portaltarget": id,
-    ref: ref,
-    children: typeof children !== 'function' && children
-  });
-  return jsx(PopupTargetContext.Provider, {
-    value: id,
-    children: typeof children === 'function' ? children(target) : target
-  });
+const PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget(t0, ref) {
+  const $ = c(16);
+  if ($[0] !== "cd7853174a74114db99dbe80583a6d13c2de13a265e3549291bec1d28f76662d") {
+    for (let $i = 0; $i < 16; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "cd7853174a74114db99dbe80583a6d13c2de13a265e3549291bec1d28f76662d";
+  }
+  let children;
+  let id;
+  let restProps;
+  if ($[1] !== t0) {
+    ({
+      id,
+      children,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = children;
+    $[3] = id;
+    $[4] = restProps;
+  } else {
+    children = $[2];
+    id = $[3];
+    restProps = $[4];
+  }
+  const t1 = typeof children !== "function" && children;
+  let t2;
+  if ($[5] !== id || $[6] !== ref || $[7] !== restProps || $[8] !== t1) {
+    t2 = /*#__PURE__*/jsx("div", {
+      ...restProps,
+      "data-portaltarget": id,
+      ref: ref,
+      children: t1
+    });
+    $[5] = id;
+    $[6] = ref;
+    $[7] = restProps;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const target = t2;
+  let t3;
+  if ($[10] !== children || $[11] !== target) {
+    t3 = typeof children === "function" ? children(target) : target;
+    $[10] = children;
+    $[11] = target;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== id || $[14] !== t3) {
+    t4 = /*#__PURE__*/jsx(PopupTargetContext.Provider, {
+      value: id,
+      children: t3
+    });
+    $[13] = id;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  return t4;
 });
 
 export { PopupTarget, PopupTargetContext };

package/components/popup-menu/popup-menu.d.ts

@@ -62,7 +62,7 @@ export default class PopupMenu<T = unknown> extends Popup<PopupMenuProps<T>> {
     list?: List<T> | null;
     listRef: (el: List<T> | null) => void;
     /** @override */
-    getInternalContent(): import("react/jsx-runtime").JSX.Element;
+    getInternalContent(): import("react").JSX.Element;
 }
 export type PopupMenuAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof PopupMenu, PopupMenuProps<T>>;
 export declare const ListProps: {

package/components/popup-menu/popup-menu.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
 import Popup from '../popup/popup.js';
 import List from '../list/list.js';
+import { jsx } from 'react/jsx-runtime';
 import 'react';
 import 'react-dom';
 import 'classnames';
@@ -14,6 +14,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
+import 'react-compiler-runtime';
 import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
@@ -30,9 +31,9 @@ import '../global/create-stateful-context.js';
 import '../list/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';
@@ -44,18 +45,15 @@ import '../control-help/control-help.js';
 import '../link/link.js';
 import '../link/clickable-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';
 import '../list/list-separator.js';
 import '../list/list-hint.js';
 
-/**
- * @name Popup Menu
- */
 class PopupMenu extends Popup {
   static isItemType = List.isItemType;
   static ListProps = List.ListProps;
@@ -82,8 +80,8 @@ class PopupMenu extends Popup {
       className,
       ...props
     } = this.props;
-    return jsx("div", {
-      children: jsx(List, {
+    return /*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsx(List, {
         ref: this.listRef,
         ...props,
         maxHeight: this.popup && parseFloat(this.popup.style.maxHeight),

package/components/progress-bar/progress-bar.d.ts

@@ -45,6 +45,6 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
     progressbarWrapperRef: (el: HTMLElement | null) => void;
     progressbar?: HTMLElement | null;
     progressbarRef: (el: HTMLElement | null) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type ProgressBarAttrs = React.JSX.LibraryManagedAttributes<typeof ProgressBar, ProgressBarProps>;

package/components/progress-bar/progress-bar.js

@@ -1,12 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"progressBar":"ring-progress-bar-progressBar","globalMode":"ring-progress-bar-globalMode","line":"ring-progress-bar-line","progress-bar-animation":"ring-progress-bar-progress-bar-animation","staticLineColor":"ring-progress-bar-staticLineColor"};
 
-/**
- * @name Progress Bar
- */
 class ProgressBar extends PureComponent {
   /**
    * @param {number} value The progress task value
@@ -47,14 +44,14 @@ class ProgressBar extends PureComponent {
       [styles.globalMode]: global,
       [styles.staticLineColor]: staticColor
     });
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       ...otherProps,
       className: classes,
       ref: this.progressbarWrapperRef,
-      children: jsx("div", {
+      children: /*#__PURE__*/jsx("div", {
         className: styles.line,
         ref: this.progressbarRef,
-        role: 'progressbar',
+        role: "progressbar",
         "aria-label": label,
         "aria-valuenow": value,
         "aria-valuemin": 0,

package/components/query-assist/query-assist-suggestions.d.ts

@@ -18,7 +18,7 @@ export interface SuggestionItem {
 }
 export default class QueryAssistSuggestions {
     static createKey(suggestion: QueryAssistSuggestion): string;
-    static renderLabel(suggestion: QueryAssistSuggestion): import("react/jsx-runtime").JSX.Element;
+    static renderLabel(suggestion: QueryAssistSuggestion): import("react").JSX.Element;
     static renderGroupSeparator(suggestion: QueryAssistSuggestion, prevSuggestion: string): {
         key: string;
         description: string;

package/components/query-assist/query-assist-suggestions.js

@@ -1,6 +1,6 @@
-import 'react/jsx-runtime';
 import '../list/list.js';
 export { Q as default } from '../_helpers/query-assist-suggestions.js';
+import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
@@ -20,12 +20,13 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
+import 'react-compiler-runtime';
 import '../list/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';
@@ -37,9 +38,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 '../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';

package/components/query-assist/query-assist.d.ts

@@ -251,7 +251,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     setupRequestHandler(delay?: number | null): void;
     private _renderSuggestion;
     renderSuggestions(): import("../list/consts").ListDataItem<SuggestionItem>[];
-    renderQuery(): "" | import("react/jsx-runtime").JSX.Element[] | null | undefined;
+    renderQuery(): "" | React.JSX.Element[] | null | undefined;
     setFocus(focus: boolean | null | undefined): void;
     input?: HTMLElement | null;
     caret?: Caret;
@@ -270,7 +270,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     shortcutsMap: ShortcutsMap;
     listShortcutsMap: ShortcutsMap;
     renderActions(): ReactNode[];
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type QueryAssistAttrs = React.JSX.LibraryManagedAttributes<typeof QueryAssist, QueryAssistProps>;
 export declare const RerenderableQueryAssist: React.ForwardRefExoticComponent<QueryAssistProps & React.RefAttributes<QueryAssist>>;