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

package/components/icon/icon.js

@@ -4,7 +4,7 @@ import deprecate from 'util-deprecate';
 import { Color, Size } from './icon.constants.js';
 import { s as styles, I as IconSVG } from '../_helpers/icon-svg.js';
 import { jsx } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 
 const warnSize = deprecate(() => {}, `\`size\`, \`width\` and \`height\` props are not recommended to use in Ring UI \`Icon\` component. The intrinsic sizes of SVG icon (\`width\` and \`height\` SVG attributes) are used instead.

package/components/icon/index.js

@@ -4,6 +4,6 @@ import 'react';
 import 'classnames';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import 'react/jsx-runtime';

package/components/input/input.js

@@ -18,7 +18,7 @@ import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../global/configuration.js';
 import '../i18n/i18n.js';

package/components/island/adaptive-island-hoc.js

@@ -1,4 +1,4 @@
-import { createContext, Component } from 'react';
+import { Component, createContext } from 'react';
 import { interpolateLinear } from '../global/linear-function.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -25,9 +25,9 @@ function adaptiveIslandHOC(ComposedComponent) {
       }
     };
     render() {
-      return /*#__PURE__*/jsx(PhaseContext.Provider, {
+      return /*#__PURE__*/jsx(PhaseContext, {
         value: this.state.phase,
-        children: /*#__PURE__*/jsx(ScrollHandlerContext.Provider, {
+        children: /*#__PURE__*/jsx(ScrollHandlerContext, {
           value: this.onContentScroll,
           children: /*#__PURE__*/jsx(ComposedComponent, {
             ...this.props

package/components/island/content.d.ts

@@ -1,11 +1,13 @@
-import { Component, type HTMLAttributes } from 'react';
+import { Component, type Ref, type HTMLAttributes } from 'react';
 import createResizeDetector from 'element-resize-detector';
 export interface IslandContentProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {
+    ref?: Ref<Content>;
     fade?: boolean | null | undefined;
     onScrollToBottom?: (() => void) | null | undefined;
     scrollableWrapperClassName?: string | null | undefined;
 }
 export interface IslandContentInnerProps extends IslandContentProps {
+    ref?: Ref<Content>;
     onScroll: (node: HTMLElement) => void;
     bottomBorder: boolean;
 }
@@ -29,5 +31,8 @@ declare class Content extends Component<IslandContentInnerProps> {
     setScrollableNodeAndCalculatePosition: (node: HTMLElement | null) => void;
     render(): import("react").JSX.Element;
 }
-declare const ContentWrapper: import("react").ForwardRefExoticComponent<IslandContentProps & import("react").RefAttributes<Content>>;
+declare const ContentWrapper: {
+    ({ ...props }: IslandContentProps): import("react").JSX.Element;
+    displayName: string;
+};
 export default ContentWrapper;

package/components/island/content.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef, Component } from 'react';
+import { c } from 'react/compiler-runtime';
+import { Component } from 'react';
 import classNames from 'classnames';
 import createResizeDetector from 'element-resize-detector';
 import scheduleRAF from '../global/schedule-raf.js';
@@ -73,6 +73,7 @@ class Content extends Component {
   };
   render() {
     const {
+      ref,
       children,
       className,
       bottomBorder,
@@ -111,17 +112,27 @@ class Content extends Component {
     });
   }
 }
-const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => {
-  const $ = c(4);
-  if ($[0] !== "c32a71969444a48a67d8737ca30be3eaf2fe1249949706470667058a052ec377") {
-    for (let $i = 0; $i < 4; $i += 1) {
+const ContentWrapper = t0 => {
+  const $ = c(5);
+  if ($[0] !== "e4db06b946c16f75a9eac1dc4434adb1fda7cf8013533176d779915994c312c4") {
+    for (let $i = 0; $i < 5; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "c32a71969444a48a67d8737ca30be3eaf2fe1249949706470667058a052ec377";
+    $[0] = "e4db06b946c16f75a9eac1dc4434adb1fda7cf8013533176d779915994c312c4";
   }
-  let t0;
-  if ($[1] !== props || $[2] !== ref) {
-    t0 = /*#__PURE__*/jsx(ScrollHandlerContext.Consumer, {
+  let props;
+  if ($[1] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[1] = t0;
+    $[2] = props;
+  } else {
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== props) {
+    t1 = /*#__PURE__*/jsx(ScrollHandlerContext.Consumer, {
       children: onScroll => {
         const addProps = onScroll ? {
           onScroll,
@@ -129,19 +140,17 @@ const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => {
         } : {};
         return /*#__PURE__*/jsx(Content, {
           ...props,
-          ...addProps,
-          ref: ref
+          ...addProps
         });
       }
     });
-    $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
+    $[3] = props;
+    $[4] = t1;
   } else {
-    t0 = $[3];
+    t1 = $[4];
   }
-  return t0;
-});
+  return t1;
+};
 ContentWrapper.displayName = 'ContentWrapper';
 
 export { ContentWrapper as default };

package/components/island/header.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { interpolateLinear } from '../global/linear-function.js';

package/components/island/island.js

@@ -7,7 +7,7 @@ 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 'react/compiler-runtime';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 

package/components/legacy-table/cell.js

@@ -1,7 +1,7 @@
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { s as style } from '../_helpers/table2.js';
+import { s as style } from '../_helpers/legacy-table.js';
 import { jsx } from 'react/jsx-runtime';
 
 class Cell extends PureComponent {

package/components/legacy-table/header-cell.js

@@ -4,12 +4,12 @@ import unsortedIcon from '@jetbrains/icons/unsorted-12px';
 import chevron12pxDown from '@jetbrains/icons/chevron-12px-down';
 import Icon from '../icon/icon.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { s as style } from '../_helpers/table2.js';
+import { s as style } from '../_helpers/legacy-table.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 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';
 
 class HeaderCell extends PureComponent {

package/components/legacy-table/header.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
 import HeaderCell from './header-cell.js';
-import { s as style } from '../_helpers/table2.js';
+import { s as style } from '../_helpers/legacy-table.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -11,7 +11,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 '../global/compose-refs.js';
 import 'memoize-one';

package/components/legacy-table/multitable.d.ts

@@ -1,6 +1,6 @@
 import { PureComponent, type ReactElement } from 'react';
 import { type TableAttrs } from './table';
-import { type SelectionItem } from './selection';
+import { type SelectionItem } from '../global/table-selection';
 type TableComponent = ReactElement<TableAttrs<SelectionItem>>;
 export interface MultiTableProps {
     children: TableComponent[];

package/components/legacy-table/row-with-focus-sensor.js

@@ -4,7 +4,7 @@ import Row from './row.js';
 import { jsx } from 'react/jsx-runtime';
 import '../global/compose-refs.js';
 import 'memoize-one';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'classnames';
 import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
@@ -44,7 +44,7 @@ import '../popup/popup.target.js';
 import '../popup/position-css.js';
 import '../_helpers/theme.js';
 import './cell.js';
-import '../_helpers/table2.js';
+import '../_helpers/legacy-table.js';
 
 const getContainer = () => focusSensorHOC(Row);
 class RowWithFocusSensorCallbacks extends PureComponent {

package/components/legacy-table/row.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
@@ -11,7 +11,7 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import getUID from '../global/get-uid.js';
 import { createComposedRef } from '../global/compose-refs.js';
 import Cell from './cell.js';
-import { s as style } from '../_helpers/table2.js';
+import { s as style } from '../_helpers/legacy-table.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -46,11 +46,11 @@ import 'memoize-one';
 
 const DragHandle = t0 => {
   const $ = c(6);
-  if ($[0] !== "55dd4b764fc7ce682e91a4f9ed76700dd0c03ecdbbc71fc25d11ed30dc931312") {
+  if ($[0] !== "6d181a7b79d6c43c9efeb4fa43b5ac2047952f3bf582e26f319cda89e9e36280") {
     for (let $i = 0; $i < 6; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "55dd4b764fc7ce682e91a4f9ed76700dd0c03ecdbbc71fc25d11ed30dc931312";
+    $[0] = "6d181a7b79d6c43c9efeb4fa43b5ac2047952f3bf582e26f319cda89e9e36280";
   }
   const {
     alwaysShowDragHandle,

package/components/legacy-table/selection-adapter.d.ts

@@ -1,6 +1,6 @@
-import type Selection from './selection';
-import type { SelectionItem } from './selection';
-export default function selectionAdapter(getSelection: () => Selection<SelectionItem>): {
+import type TableSelection from '../global/table-selection';
+import type { SelectionItem } from '../global/table-selection';
+export default function selectionAdapter(getSelection: () => TableSelection<SelectionItem>): {
     readonly size: number;
     readonly items: SelectionItem[];
 };

package/components/legacy-table/selection-shortcuts-hoc.d.ts

@@ -1,16 +1,16 @@
 import { type ComponentClass } from 'react';
 import { type ShortcutsMap } from '../shortcuts/core';
-import type Selection from './selection';
+import type TableSelection from '../global/table-selection';
 export interface SelectionShortcutsOuterProps<T extends object> {
-    selection: Selection<T>;
+    selection: TableSelection<T>;
     selectable?: boolean | undefined;
-    onSelect?: ((selection: Selection<T>) => void) | undefined;
+    onSelect?: ((selection: TableSelection<T>) => void) | undefined;
     shortcuts?: ShortcutsMap | undefined;
 }
 export interface SelectionShortcutsAddProps<T extends object> {
-    selection: Selection<T>;
+    selection: TableSelection<T>;
     selectable: boolean;
-    onSelect: (selection: Selection<T>) => void;
+    onSelect: (selection: TableSelection<T>) => void;
     shortcutsMap: ShortcutsMap;
 }
 export type SelectionShortcutsProps<T extends object, P> = Omit<P, keyof SelectionShortcutsAddProps<T>> & SelectionShortcutsOuterProps<T>;

package/components/legacy-table/simple-table.d.ts

@@ -1,6 +1,6 @@
 import { PureComponent } from 'react';
 import { type TableAttrs } from './table';
-import Selection, { type SelectionItem } from './selection';
+import TableSelection, { type SelectionItem } from '../global/table-selection';
 export interface SimpleTableProps<T extends SelectionItem> extends Omit<TableAttrs<T>, 'selection' | 'onSelect' | 'selectable'> {
 }
 declare class SimpleTable<T extends SelectionItem> extends PureComponent<SimpleTableProps<T>> {
@@ -9,7 +9,7 @@ declare class SimpleTable<T extends SelectionItem> extends PureComponent<SimpleT
         wideFirstColumn: boolean;
     };
     state: {
-        selection: Selection<T>;
+        selection: TableSelection<T>;
     };
     classes: string;
     render(): import("react").JSX.Element;

package/components/legacy-table/simple-table.js

@@ -1,8 +1,8 @@
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import TableContainer from './table.js';
-import Selection$1 from './selection.js';
-import { s as style } from '../_helpers/table2.js';
+import TableSelection from '../global/table-selection.js';
+import { s as style } from '../_helpers/legacy-table.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-movable';
 import '../global/focus-sensor-hoc.js';
@@ -26,7 +26,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 '../control-help/control-help.js';
 import '../global/data-tests.js';
@@ -63,7 +63,7 @@ class SimpleTable extends PureComponent {
     wideFirstColumn: false
   };
   state = {
-    selection: new Selection$1({
+    selection: new TableSelection({
       data: this.props.data
     })
   };

package/components/legacy-table/smart-table.d.ts

@@ -1,19 +1,19 @@
 import { PureComponent } from 'react';
 import { type TableAttrs } from './table';
-import Selection, { type SelectionItem } from './selection';
+import TableSelection, { type SelectionItem } from '../global/table-selection';
 export interface SmartTableProps<T extends SelectionItem> extends Omit<TableAttrs<T>, 'selection' | 'onSelect'> {
-    onSelectionChange: (selection: Selection<T>) => void;
-    selection?: Selection<T>;
+    onSelectionChange: (selection: TableSelection<T>) => void;
+    selection?: TableSelection<T>;
 }
 declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTableProps<T>> {
     static defaultProps: {
         onSelectionChange: () => void;
     };
     state: {
-        selection: Selection<T>;
+        selection: TableSelection<T>;
     };
     UNSAFE_componentWillReceiveProps(nextProps: SmartTableProps<T>): void;
-    onSelect: (selection: Selection<T>) => void;
+    onSelect: (selection: TableSelection<T>) => void;
     render(): import("react").JSX.Element;
 }
 export default SmartTable;

package/components/legacy-table/smart-table.js

@@ -1,6 +1,6 @@
 import { PureComponent } from 'react';
 import TableContainer from './table.js';
-import Selection$1 from './selection.js';
+import TableSelection from '../global/table-selection.js';
 import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import 'react-movable';
@@ -25,14 +25,14 @@ 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 '../control-help/control-help.js';
 import '../global/data-tests.js';
 import './header-cell.js';
 import '@jetbrains/icons/unsorted-12px';
 import '@jetbrains/icons/chevron-12px-down';
-import '../_helpers/table2.js';
+import '../_helpers/legacy-table.js';
 import './selection-shortcuts-hoc.js';
 import './disable-hover-hoc.js';
 import './row-with-focus-sensor.js';
@@ -62,7 +62,7 @@ class SmartTable extends PureComponent {
     onSelectionChange: () => {}
   };
   state = {
-    selection: new Selection$1({
+    selection: new TableSelection({
       data: this.props.data,
       isItemSelectable: this.props.isItemSelectable
     })
@@ -79,7 +79,7 @@ class SmartTable extends PureComponent {
       });
     } else if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
       this.setState({
-        selection: new Selection$1({
+        selection: new TableSelection({
           data,
           isItemSelectable
         })

package/components/legacy-table/table.js

@@ -9,7 +9,7 @@ import Header from './header.js';
 import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
 import disableHoverHOC from './disable-hover-hoc.js';
 import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
-import { s as style } from '../_helpers/table2.js';
+import { s as style } from '../_helpers/legacy-table.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/compose-refs.js';
 import 'memoize-one';
@@ -27,7 +27,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 '../control-help/control-help.js';
 import '../global/data-tests.js';

package/components/list/list-item.js

@@ -17,7 +17,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 '../_helpers/avatar-info.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';

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

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

package/components/list/list.js

@@ -26,7 +26,7 @@ import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';

package/components/login-dialog/login-dialog.js

@@ -3,7 +3,7 @@ import Dialog from '../dialog/dialog.js';
 import 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '../_helpers/island.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import ContentWrapper from '../island/content.js';
 import LoaderScreen from '../loader-screen/loader-screen.js';
 import { HUB_AUTH_PAGE_OPENED } from '../auth/background-flow.js';

package/components/login-dialog/service.js

@@ -15,7 +15,7 @@ import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
 import '../island/header.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
@@ -58,7 +58,7 @@ const reactRoot = createRoot(containerElement);
  * Renders LoginDialog into virtual node to skip maintaining container
  */
 function renderLoginDialog(props) {
-  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext, {
     value: getGlobalControlsHeight(),
     children: /*#__PURE__*/jsx(LoginDialog, {
       ...props

package/components/message/message.js

@@ -20,7 +20,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.target.js';

package/components/pager/pager.js

@@ -20,7 +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 'react/compiler-runtime';
 import '../global/data-tests.js';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';

package/components/popup/popup.js

@@ -19,7 +19,7 @@ import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import 'react-compiler-runtime';
+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"};
 

package/components/popup/popup.target.d.ts

@@ -1,13 +1,14 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes, type Ref, type ReactNode } from 'react';
 interface ComplexConfig {
     target: string | Element | undefined;
     cssPositioning?: boolean;
 }
 export declare const PopupTargetContext: import("react").Context<string | Element | ComplexConfig | undefined>;
 export interface PopupTargetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    ref?: Ref<HTMLDivElement>;
     id: string;
     children: ReactNode | ((target: ReactNode) => ReactNode);
 }
 export declare function normalizePopupTarget(value: string | Element | undefined | ComplexConfig): string | Element | undefined;
-export declare const PopupTarget: import("react").ForwardRefExoticComponent<PopupTargetProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function PopupTarget({ ref, id, children, ...restProps }: PopupTargetProps): import("react").JSX.Element;
 export {};