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

package/components/table/table.js

@@ -1,25 +1,367 @@
-import Table from './table-component.js';
-import 'react-compiler-runtime';
-import 'react';
-import 'classnames';
-import '../global/intersection-observer-context.js';
-import './table-virtualize.js';
-import '../global/use-event-callback.js';
-import '../_helpers/table.js';
-import 'react/jsx-runtime';
-import './default-item-renderer.js';
-import './table-const.js';
-import './table-base.js';
-import '@jetbrains/icons/unsorted-12px';
+import { c } from 'react/compiler-runtime';
+import { useRef, Fragment } from 'react';
+import classNames from 'classnames';
+import { IntersectionObserverContext } from '../global/intersection-observer-context.js';
+import { useVirtualItems, SpacerRow, CollapseItemIntoSpacerContext } from '../internal/virtual-items.js';
+import { DefaultItemRenderer } from './default-item-renderer.js';
+import { ColumnAnimationContext, TablePropsContext, defaultRowHeight } from './table-const.js';
+import { focusWithTemporaryTabIndex } from '../global/focus-with-temporary-tabindex.js';
+import { useColumnAnimation } from '../internal/column-animation.js';
+import { useComposedRef } from '../global/compose-refs.js';
+import { TableHeader } from '../internal/table-header.js';
+import { keyboardFocusableAttrName } from './table-primitives.js';
+import { isWithinNavigableElement } from '../global/is-within-navigable-element.js';
+import { s as styles } from '../_helpers/table.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../global/schedule-with-cleanup.js';
+import './item-virtualization.js';
+import 'memoize-one';
+import '../global/parse-css-duration.js';
 import '@jetbrains/icons/arrow-12px-down';
 import '@jetbrains/icons/arrow-12px-up';
+import '@jetbrains/icons/drag-12px';
+import '@jetbrains/icons/settings-12px';
 import '@jetbrains/icons/trash-12px';
+import '@jetbrains/icons/unsorted-12px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
+import '../global/is-within-interactive-element.js';
 
-
+function Table(props) {
+  const $ = c(67);
+  if ($[0] !== "1440c2302382a13607fbec3a1414b9f71b4289aa94d28f71036161709e9e4ef7") {
+    for (let $i = 0; $i < 67; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "1440c2302382a13607fbec3a1414b9f71b4289aa94d28f71036161709e9e4ef7";
+  }
+  let className;
+  let columns;
+  let data;
+  let getKey;
+  let noColumnReorderAnimation;
+  let renderItem;
+  let restProps;
+  let scrollerRef;
+  let t0;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let tbodyClassName;
+  let userRef;
+  if ($[1] !== props) {
+    const {
+      data: t5,
+      columns: t6,
+      getKey: t7,
+      noHeader,
+      stickyHeader,
+      onSort,
+      onColumnDelete,
+      onColumnReorder,
+      noColumnReorderAnimation: t8,
+      renderItem: t9,
+      virtualizeRows: t10,
+      scrollerRef: t11,
+      estimateHeight: t12,
+      lookaheadPx: t13,
+      retentionMarginPx: t14,
+      minScrollAndResizeDeltaPx: t15,
+      columnEditing,
+      onColumnEditingRequest,
+      columnEditButton,
+      theadClassName,
+      theadTrClassName,
+      tbodyClassName: t16,
+      ref: t17,
+      className: t18,
+      ...t19
+    } = props;
+    data = t5;
+    columns = t6;
+    getKey = t7;
+    noColumnReorderAnimation = t8;
+    renderItem = t9;
+    t0 = t10;
+    scrollerRef = t11;
+    t1 = t12;
+    t2 = t13;
+    t3 = t14;
+    t4 = t15;
+    tbodyClassName = t16;
+    userRef = t17;
+    className = t18;
+    restProps = t19;
+    $[1] = props;
+    $[2] = className;
+    $[3] = columns;
+    $[4] = data;
+    $[5] = getKey;
+    $[6] = noColumnReorderAnimation;
+    $[7] = renderItem;
+    $[8] = restProps;
+    $[9] = scrollerRef;
+    $[10] = t0;
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = tbodyClassName;
+    $[16] = userRef;
+  } else {
+    className = $[2];
+    columns = $[3];
+    data = $[4];
+    getKey = $[5];
+    noColumnReorderAnimation = $[6];
+    renderItem = $[7];
+    restProps = $[8];
+    scrollerRef = $[9];
+    t0 = $[10];
+    t1 = $[11];
+    t2 = $[12];
+    t3 = $[13];
+    t4 = $[14];
+    tbodyClassName = $[15];
+    userRef = $[16];
+  }
+  const virtualizeRows = t0 === undefined ? false : t0;
+  const estimateHeight = t1 === undefined ? _temp : t1;
+  const lookaheadPx = t2 === undefined ? 400 : t2;
+  const retentionMarginPx = t3 === undefined ? 450 : t3;
+  const minScrollAndResizeDeltaPx = t4 === undefined ? 50 : t4;
+  const localRef = useRef(null);
+  let t5;
+  if ($[17] !== data || $[18] !== estimateHeight || $[19] !== lookaheadPx || $[20] !== minScrollAndResizeDeltaPx || $[21] !== retentionMarginPx || $[22] !== scrollerRef || $[23] !== virtualizeRows) {
+    t5 = {
+      enabled: virtualizeRows,
+      data,
+      scrollerRef,
+      tableRef: localRef,
+      estimateHeight,
+      lookaheadPx,
+      retentionMarginPx,
+      minScrollAndResizeDeltaPx
+    };
+    $[17] = data;
+    $[18] = estimateHeight;
+    $[19] = lookaheadPx;
+    $[20] = minScrollAndResizeDeltaPx;
+    $[21] = retentionMarginPx;
+    $[22] = scrollerRef;
+    $[23] = virtualizeRows;
+    $[24] = t5;
+  } else {
+    t5 = $[24];
+  }
+  const {
+    virtualItems,
+    intersectionObserverHandle,
+    collapseItemIntoSpacer
+  } = useVirtualItems(t5);
+  let t6;
+  if ($[25] !== columns || $[26] !== noColumnReorderAnimation) {
+    t6 = {
+      disabled: noColumnReorderAnimation,
+      tableRef: localRef,
+      columns
+    };
+    $[25] = columns;
+    $[26] = noColumnReorderAnimation;
+    $[27] = t6;
+  } else {
+    t6 = $[27];
+  }
+  const {
+    columnAnimation,
+    expectColumnReorder
+  } = useColumnAnimation(t6);
+  let t7;
+  if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = e => {
+      if (e.defaultPrevented || isWithinNavigableElement(e.target)) {
+        return;
+      }
+      const arrowUp = e.key === "ArrowUp";
+      const arrowDown = e.key === "ArrowDown";
+      if (!arrowUp && !arrowDown) {
+        return;
+      }
+      const currentRow = e.target.closest("tr");
+      if (currentRow?.parentElement?.parentElement !== localRef.current) {
+        return;
+      }
+      let candidate = currentRow;
+      while (candidate) {
+        candidate = arrowUp ? candidate.previousElementSibling : candidate.nextElementSibling;
+        if (candidate?.hasAttribute(keyboardFocusableAttrName)) {
+          focusWithTemporaryTabIndex(candidate);
+          e.preventDefault();
+          return;
+        }
+      }
+    };
+    $[28] = t7;
+  } else {
+    t7 = $[28];
+  }
+  const handleRowNavigation = t7;
+  let t8;
+  if ($[29] !== className) {
+    t8 = classNames(styles.table, className);
+    $[29] = className;
+    $[30] = t8;
+  } else {
+    t8 = $[30];
+  }
+  const t9 = useComposedRef(userRef, localRef);
+  let t10;
+  if ($[31] !== expectColumnReorder) {
+    t10 = /*#__PURE__*/jsx(TableHeader, {
+      expectColumnReorder: expectColumnReorder
+    });
+    $[31] = expectColumnReorder;
+    $[32] = t10;
+  } else {
+    t10 = $[32];
+  }
+  const t11 = virtualizeRows ? virtualItems : data;
+  let t12;
+  if ($[33] !== columns || $[34] !== data || $[35] !== getKey || $[36] !== renderItem || $[37] !== t11 || $[38] !== virtualizeRows) {
+    let t13;
+    if ($[40] !== columns || $[41] !== data || $[42] !== getKey || $[43] !== renderItem || $[44] !== virtualizeRows) {
+      t13 = (item, index) => {
+        let dataItem;
+        let dataItemIndex;
+        if (virtualizeRows) {
+          const virtualItem = item;
+          if (virtualItem.type === "spacer") {
+            return /*#__PURE__*/jsx(SpacerRow, {
+              spacer: virtualItem,
+              colSpan: columns.length
+            }, virtualItem.key);
+          }
+          dataItemIndex = virtualItem.index;
+          if (dataItemIndex < 0 || dataItemIndex >= data.length) {
+            return null;
+          }
+          dataItem = data[dataItemIndex];
+        } else {
+          dataItem = item;
+          dataItemIndex = index;
+        }
+        return /*#__PURE__*/jsx(Fragment, {
+          children: renderItem ? renderItem(dataItem, dataItemIndex, data) : /*#__PURE__*/jsx(DefaultItemRenderer, {
+            index: dataItemIndex
+          })
+        }, getKey(dataItem, dataItemIndex, data));
+      };
+      $[40] = columns;
+      $[41] = data;
+      $[42] = getKey;
+      $[43] = renderItem;
+      $[44] = virtualizeRows;
+      $[45] = t13;
+    } else {
+      t13 = $[45];
+    }
+    t12 = t11.map(t13);
+    $[33] = columns;
+    $[34] = data;
+    $[35] = getKey;
+    $[36] = renderItem;
+    $[37] = t11;
+    $[38] = virtualizeRows;
+    $[39] = t12;
+  } else {
+    t12 = $[39];
+  }
+  let t13;
+  if ($[46] !== t12 || $[47] !== tbodyClassName) {
+    t13 = /*#__PURE__*/jsx("tbody", {
+      className: tbodyClassName,
+      onKeyDown: handleRowNavigation,
+      children: t12
+    });
+    $[46] = t12;
+    $[47] = tbodyClassName;
+    $[48] = t13;
+  } else {
+    t13 = $[48];
+  }
+  let t14;
+  if ($[49] !== collapseItemIntoSpacer || $[50] !== t13) {
+    t14 = /*#__PURE__*/jsx(CollapseItemIntoSpacerContext, {
+      value: collapseItemIntoSpacer,
+      children: t13
+    });
+    $[49] = collapseItemIntoSpacer;
+    $[50] = t13;
+    $[51] = t14;
+  } else {
+    t14 = $[51];
+  }
+  let t15;
+  if ($[52] !== intersectionObserverHandle || $[53] !== t14) {
+    t15 = /*#__PURE__*/jsx(IntersectionObserverContext, {
+      value: intersectionObserverHandle,
+      children: t14
+    });
+    $[52] = intersectionObserverHandle;
+    $[53] = t14;
+    $[54] = t15;
+  } else {
+    t15 = $[54];
+  }
+  let t16;
+  if ($[55] !== restProps || $[56] !== t10 || $[57] !== t15 || $[58] !== t8 || $[59] !== t9) {
+    t16 = /*#__PURE__*/jsxs("table", {
+      className: t8,
+      ref: t9,
+      ...restProps,
+      children: [t10, t15]
+    });
+    $[55] = restProps;
+    $[56] = t10;
+    $[57] = t15;
+    $[58] = t8;
+    $[59] = t9;
+    $[60] = t16;
+  } else {
+    t16 = $[60];
+  }
+  let t17;
+  if ($[61] !== columnAnimation || $[62] !== t16) {
+    t17 = /*#__PURE__*/jsx(ColumnAnimationContext, {
+      value: columnAnimation,
+      children: t16
+    });
+    $[61] = columnAnimation;
+    $[62] = t16;
+    $[63] = t17;
+  } else {
+    t17 = $[63];
+  }
+  let t18;
+  if ($[64] !== props || $[65] !== t17) {
+    t18 = /*#__PURE__*/jsx(TablePropsContext, {
+      value: props,
+      children: t17
+    });
+    $[64] = props;
+    $[65] = t17;
+    $[66] = t18;
+  } else {
+    t18 = $[66];
+  }
+  return t18;
+}
+function _temp() {
+  return defaultRowHeight;
+}
 
 export { Table as default };

package/components/tabs/collapsible-more.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { memo } from 'react';
 import classNames from 'classnames';
 import { Directions } from '../popup/popup.consts.js';

package/components/tabs/collapsible-tab.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
 import { s as styles, T as TabLink } from '../_helpers/tab-link.js';

package/components/tabs/collapsible-tabs.js

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

package/components/tabs/dumb-tabs.js

@@ -8,7 +8,7 @@ import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
 import { getTabId } from './tabs.utils.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/tabs/smart-tabs.js

@@ -5,7 +5,7 @@ import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/memoize.js';
 import '../_helpers/tab-link.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/tabs/tab-link.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import '../link/link.js';
 export { T as default } from '../_helpers/tab-link.js';

package/components/tabs/tabs.js

@@ -7,7 +7,7 @@ import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../_helpers/tab-link.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import 'react/jsx-runtime';

package/components/tag/tag.js

@@ -10,7 +10,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 '../global/memoize.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/tags-input/tags-input.d.ts

@@ -110,6 +110,8 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     selectRef: (el: Select | null) => void;
     render(): React.JSX.Element;
 }
-export declare const RerenderableTagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<TagsInput>>;
+export declare const RerenderableTagsInput: ({ ref, ...props }: TagsInputProps & {
+    ref?: React.Ref<TagsInput> | undefined;
+}) => React.JSX.Element;
 export type TagsInputAttrs = React.JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;
 export {};

package/components/tags-input/tags-input.js

@@ -17,7 +17,7 @@ import 'dequal';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/tags-list/tags-list.js

@@ -7,7 +7,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';

package/components/toggle/toggle.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ControlHelp from '../control-help/control-help.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 
 var styles = {"toggle":"ring-toggle-toggle","switch":"ring-toggle-switch","disabled":"ring-toggle-disabled","label":"ring-toggle-label","help":"ring-toggle-help","leftLabel":"ring-toggle-leftLabel","switchWrapper":"ring-toggle-switchWrapper","input":"ring-toggle-input","size16":"ring-toggle-size16","size14":"ring-toggle-size14","size20":"ring-toggle-size20"};
 

package/components/tooltip/tooltip.js

@@ -4,7 +4,7 @@ import Popup from '../popup/popup.js';
 import { Listeners } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import scheduleRAF from '../global/schedule-raf.js';
-import { T as Theme, b as ThemeProvider } from '../_helpers/theme.js';
+import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dom';
 import '../global/get-uid.js';
@@ -15,7 +15,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 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';
@@ -200,7 +200,7 @@ class Tooltip extends Component {
       }, popupProps?.className),
       children: title
     });
-    return /*#__PURE__*/jsx(TooltipContext.Provider, {
+    return /*#__PURE__*/jsx(TooltipContext, {
       value: {
         onNestedTooltipShow,
         onNestedTooltipHide

package/components/upload/upload.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type Ref } from 'react';
 export type UploadVariant = 'empty' | 'error' | 'success';
 interface Props {
     className?: string;
@@ -10,10 +10,11 @@ interface Props {
     accept?: HTMLInputElement['accept'];
     disabled?: boolean;
     variant?: UploadVariant;
+    ref?: Ref<UploadHandle>;
     children?: ReactNode;
 }
 export interface UploadHandle {
     openFilePicker: () => void;
 }
-export declare const Upload: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<UploadHandle>>;
-export default Upload;
+export default function UploadInner({ children, className, onFilesSelected, onFilesRejected, validate, variant, multiple, renderIcon, accept, disabled, ref, }: Props): import("react").JSX.Element;
+export {};

package/components/upload/upload.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef, useRef, useState, useImperativeHandle } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useRef, useState, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import attachmentIcon from '@jetbrains/icons/attachment';
 import Icon from '../icon/icon.js';
@@ -17,11 +17,11 @@ const defaultRenderIcon = () => /*#__PURE__*/jsx(Icon, {
 });
 function UploadInner(t0) {
   const $ = c(29);
-  if ($[0] !== "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084") {
+  if ($[0] !== "d58de564c5913f5a17e892bfa80bc62db12ed2c472d455b1315750c6d5bfd08f") {
     for (let $i = 0; $i < 29; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084";
+    $[0] = "d58de564c5913f5a17e892bfa80bc62db12ed2c472d455b1315750c6d5bfd08f";
   }
   const {
     children,
@@ -34,7 +34,7 @@ function UploadInner(t0) {
     renderIcon: t3,
     accept,
     disabled,
-    forwardedRef
+    ref
   } = t0;
   const validate = t1 === undefined ? _temp : t1;
   const variant = t2 === undefined ? "empty" : t2;
@@ -54,7 +54,7 @@ function UploadInner(t0) {
     t4 = $[1];
     t5 = $[2];
   }
-  useImperativeHandle(forwardedRef, t4, t5);
+  useImperativeHandle(ref, t4, t5);
   let t6;
   if ($[3] !== onFilesRejected || $[4] !== onFilesSelected || $[5] !== validate) {
     t6 = files => {
@@ -182,27 +182,5 @@ function _temp2(e) {
 function _temp() {
   return true;
 }
-const Upload = /*#__PURE__*/forwardRef(function Upload(props, ref) {
-  const $ = c(4);
-  if ($[0] !== "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084") {
-    for (let $i = 0; $i < 4; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084";
-  }
-  let t0;
-  if ($[1] !== props || $[2] !== ref) {
-    t0 = /*#__PURE__*/jsx(UploadInner, {
-      ...props,
-      forwardedRef: ref
-    });
-    $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  return t0;
-});
 
-export { Upload, Upload as default };
+export { UploadInner as default };

package/components/user-agreement/service.js

@@ -8,13 +8,8 @@ import { ControlsHeightContext, getGlobalControlsHeight } from '../global/contro
 import UserAgreement from './user-agreement.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/get-uid.js';
-import '../alert/container.js';
 import 'react';
-import 'react-dom';
 import 'classnames';
-import '../global/data-tests.js';
-import '../link/clickable-link.js';
-import '../_helpers/link.js';
 import '@jetbrains/icons/exception';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/warning';
@@ -23,16 +18,21 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
+import '../global/data-tests.js';
 import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
+import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
-import '../_helpers/theme.js';
 import '../global/configuration.js';
+import '../_helpers/theme.js';
+import '../alert/container.js';
+import 'react-dom';
+import '../_helpers/link.js';
 import '../dialog/dialog.js';
 import '../island/island.js';
 import '../island/adaptive-island-hoc.js';
@@ -277,7 +277,7 @@ class UserAgreementService {
           preview,
           ...restOptions
         };
-        this.reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+        this.reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext, {
           value: getGlobalControlsHeight(),
           children: /*#__PURE__*/jsx(UserAgreement, {
             ...props

package/components/user-agreement/user-agreement.js

@@ -14,7 +14,7 @@ import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';

package/components/user-card/card.js

@@ -18,7 +18,7 @@ import '../global/url.js';
 import '../global/dom.js';
 import '../global/memoize.js';
 import '../avatar/fallback-avatar.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/get-uid.js';
 import '../_helpers/avatar-info.js';
 import '../global/data-tests.js';