@jetbrains/ring-ui-built 8.0.0-beta.2 → 8.0.0-beta.3

package/components/popup/popup.target.js

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

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

@@ -15,7 +15,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';

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

@@ -21,7 +21,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';

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

@@ -285,5 +285,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     render(): React.JSX.Element;
 }
 export type QueryAssistAttrs = React.JSX.LibraryManagedAttributes<typeof QueryAssist, QueryAssistProps>;
-export declare const RerenderableQueryAssist: React.ForwardRefExoticComponent<QueryAssistProps & React.RefAttributes<QueryAssist>>;
+export declare const RerenderableQueryAssist: ({ ref, ...props }: QueryAssistProps & {
+    ref?: React.Ref<QueryAssist> | undefined;
+}) => React.JSX.Element;
 export {};

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

@@ -22,7 +22,7 @@ import { I18nContext } from '../i18n/i18n-context.js';
 import { Q as QueryAssistSuggestions, s as styles } from '../_helpers/query-assist-suggestions.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ControlsHeight } from '../global/configuration.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react-dom/server';
 import '../popup/popup.js';
 import 'react-dom';
@@ -841,7 +841,7 @@ class QueryAssist extends Component {
       [styles.hugePlaceholder]: huge,
       [styles.withoutGlass]: !glass || !renderLoader && huge
     });
-    return /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+    return /*#__PURE__*/jsx(ControlsHeightContext, {
       value: ControlsHeight.M,
       children: /*#__PURE__*/jsx(I18nContext.Consumer, {
         children: ({

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

@@ -1,4 +1,4 @@
-import { Component, type InputHTMLAttributes, type ReactNode } from 'react';
+import { Component, type Ref, type InputHTMLAttributes, type ReactNode } from 'react';
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     value?: string | undefined;
     onChange?: ((value: string) => void) | null | undefined;
@@ -17,7 +17,7 @@ export declare class RadioItemInner extends Component<RadioItemInnerProps> {
     render(): import("react").JSX.Element;
 }
 export interface RadioItemProps extends RadioItemInnerProps {
+    ref?: Ref<RadioItemInner>;
     value: string;
 }
-declare const RadioItem: import("react").ForwardRefExoticComponent<RadioItemProps & import("react").RefAttributes<RadioItemInner>>;
-export default RadioItem;
+export default function RadioItem({ ref, ...props }: RadioItemProps): import("react").JSX.Element;

package/components/radio/radio-item.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef, createContext, Component } from 'react';
+import { c } from 'react/compiler-runtime';
+import { createContext, Component } from 'react';
 import classNames from 'classnames';
 import getUID from '../global/get-uid.js';
 import ControlHelp from '../control-help/control-help.js';
@@ -50,23 +50,37 @@ class RadioItemInner extends Component {
     });
   }
 }
-const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
-  const $ = c(4);
-  if ($[0] !== "cfe03c1b4de5e5b7c05d995f87f6f21e4f959ab43be4b51105412c45322d9b72") {
-    for (let $i = 0; $i < 4; $i += 1) {
+function RadioItem(t0) {
+  const $ = c(7);
+  if ($[0] !== "76a59b10a53963fdea791fd3fd6af13dc3cda49b18cdc493b183559c143d5694") {
+    for (let $i = 0; $i < 7; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "cfe03c1b4de5e5b7c05d995f87f6f21e4f959ab43be4b51105412c45322d9b72";
+    $[0] = "76a59b10a53963fdea791fd3fd6af13dc3cda49b18cdc493b183559c143d5694";
   }
-  let t0;
-  if ($[1] !== props || $[2] !== ref) {
-    t0 = /*#__PURE__*/jsx(RadioContext.Consumer, {
-      children: t1 => {
+  let props;
+  let ref;
+  if ($[1] !== t0) {
+    ({
+      ref,
+      ...props
+    } = t0);
+    $[1] = t0;
+    $[2] = props;
+    $[3] = ref;
+  } else {
+    props = $[2];
+    ref = $[3];
+  }
+  let t1;
+  if ($[4] !== props || $[5] !== ref) {
+    t1 = /*#__PURE__*/jsx(RadioContext.Consumer, {
+      children: t2 => {
         const {
           value,
           onChange,
           ...restContext
-        } = t1;
+        } = t2;
         return /*#__PURE__*/jsx(RadioItemInner, {
           ref: ref,
           ...restContext,
@@ -76,13 +90,13 @@ const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
         });
       }
     });
-    $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
+    $[4] = props;
+    $[5] = ref;
+    $[6] = t1;
   } else {
-    t0 = $[3];
+    t1 = $[6];
   }
-  return t0;
-});
+  return t1;
+}
 
 export { RadioContext, RadioItemInner, RadioItem as default };

package/components/radio/radio.d.ts

@@ -1,10 +1,10 @@
 import { Component } from 'react';
-import { type RadioProps } from './radio-item';
+import RadioItem, { type RadioProps } from './radio-item';
 /**
  * @name Radio
  */
 export default class Radio extends Component<RadioProps> {
-    static Item: import("react").ForwardRefExoticComponent<import("./radio-item").RadioItemProps & import("react").RefAttributes<import("./radio-item").RadioItemInner>>;
+    static Item: typeof RadioItem;
     uid: string;
     render(): import("react").JSX.Element;
 }

package/components/radio/radio.js

@@ -2,7 +2,7 @@ import { Component } from 'react';
 import getUID from '../global/get-uid.js';
 import RadioItem, { RadioContext } from './radio-item.js';
 import { jsx } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'classnames';
 import '../control-help/control-help.js';
 import '../global/data-tests.js';
@@ -11,7 +11,7 @@ class Radio extends Component {
   static Item = RadioItem;
   uid = getUID('ring-radio-');
   render() {
-    return /*#__PURE__*/jsx(RadioContext.Provider, {
+    return /*#__PURE__*/jsx(RadioContext, {
       value: {
         name: this.uid,
         ...this.props

package/components/scrollable-section/scrollable-section.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/components/select/chevron-button.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import classNames from 'classnames';
 import { Button } from '../button/button.js';

package/components/select/select-filter.js

@@ -14,7 +14,7 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';

package/components/select/select-popup.js

@@ -26,7 +26,7 @@ import { ControlsHeight } from '../global/configuration.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react-dom';
 import '../global/schedule-raf.js';
 import '../global/data-tests.js';

package/components/select/select.d.ts

@@ -282,5 +282,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
 export type SingleSelectAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof Select, SingleSelectProps<T>>;
 export type MultipleSelectAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof Select, MultipleSelectProps<T>>;
 export type SelectAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof Select, SelectProps<T>>;
-export declare const RerenderableSelect: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+export declare const RerenderableSelect: ({ ref, ...props }: Omit<any, "ref"> & {
+    ref?: Ref<any> | undefined;
+}) => React.JSX.Element;
 export {};

package/components/select/select.js

@@ -24,7 +24,7 @@ import SelectPopup from './select-popup.js';
 import ChevronButton from './chevron-button.js';
 import { ControlsHeight } from '../global/configuration.js';
 import { Size as Size$1 } from '../avatar/avatar-size.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'core-js/modules/es.array.includes.js';
 import 'util-deprecate';
 import '../global/url.js';