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

package/components/global/intersection-observer-context.js

@@ -0,0 +1,140 @@
+import { c } from 'react/compiler-runtime';
+import { useState, useEffect, use, createContext } from 'react';
+
+/**
+ * Usage:
+ *
+ * ```tsx
+ * <IntersectionObserverContext value={useIntersectionObserverHandle()}>
+ *   <YourComponent />
+ * </IntersectionObserverContext>
+ *
+ * function YourComponent() {
+ *   // Contains the current isIntersecting value
+ *   const isIntersecting = useIsIntersecting(elementRef);
+ *   // Or, to get updates instead:
+ *   useIsIntersectingListener(elementRef, newIsIntersecting => {
+ *     // ...
+ *   })
+ * }
+ * ```
+ */
+const IntersectionObserverContext = /*#__PURE__*/createContext(null);
+function useIntersectionObserverHandle(rootRef, rootMargin, scrollMargin) {
+  const $ = c(6);
+  if ($[0] !== "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9") {
+    for (let $i = 0; $i < 6; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9";
+  }
+  const [handle, setHandle] = useState(null);
+  let t0;
+  let t1;
+  if ($[1] !== rootMargin || $[2] !== rootRef || $[3] !== scrollMargin) {
+    t0 = () => {
+      const root = rootRef?.current;
+      const elementToOnChange = new Map();
+      const observer = new IntersectionObserver(entries => {
+        for (const entry of entries) {
+          const onChange = elementToOnChange.get(entry.target);
+          onChange?.(entry.isIntersecting);
+        }
+      }, {
+        root,
+        rootMargin: rootMargin != null ? `${rootMargin}px` : undefined,
+        scrollMargin: scrollMargin != null ? `${scrollMargin}px` : undefined
+      });
+      setHandle({
+        observe(element, onChange_0) {
+          elementToOnChange.set(element, onChange_0);
+          observer.observe(element);
+          return () => {
+            elementToOnChange.delete(element);
+            observer.unobserve(element);
+          };
+        }
+      });
+      return () => {
+        observer.disconnect();
+        setHandle(null);
+      };
+    };
+    t1 = [rootRef, rootMargin, scrollMargin];
+    $[1] = rootMargin;
+    $[2] = rootRef;
+    $[3] = scrollMargin;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t0 = $[4];
+    t1 = $[5];
+  }
+  useEffect(t0, t1);
+  return handle;
+}
+function useIsIntersecting(elementRef) {
+  const $ = c(5);
+  if ($[0] !== "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9") {
+    for (let $i = 0; $i < 5; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9";
+  }
+  const handle = use(IntersectionObserverContext);
+  const [isIntersecting, setIsIntersecting] = useState(false);
+  let t0;
+  let t1;
+  if ($[1] !== elementRef || $[2] !== handle) {
+    t0 = () => {
+      const element = elementRef.current;
+      if (!element || !handle) {
+        return;
+      }
+      return handle.observe(element, setIsIntersecting);
+    };
+    t1 = [handle, elementRef, setIsIntersecting];
+    $[1] = elementRef;
+    $[2] = handle;
+    $[3] = t0;
+    $[4] = t1;
+  } else {
+    t0 = $[3];
+    t1 = $[4];
+  }
+  useEffect(t0, t1);
+  return isIntersecting;
+}
+function useIsIntersectingListener(elementRef, onChange) {
+  const $ = c(6);
+  if ($[0] !== "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9") {
+    for (let $i = 0; $i < 6; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9";
+  }
+  const handle = use(IntersectionObserverContext);
+  let t0;
+  let t1;
+  if ($[1] !== elementRef || $[2] !== handle || $[3] !== onChange) {
+    t0 = () => {
+      const element = elementRef.current;
+      if (!element || !handle) {
+        return;
+      }
+      return handle.observe(element, onChange);
+    };
+    t1 = [handle, elementRef, onChange];
+    $[1] = elementRef;
+    $[2] = handle;
+    $[3] = onChange;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t0 = $[4];
+    t1 = $[5];
+  }
+  useEffect(t0, t1);
+}
+
+export { IntersectionObserverContext, useIntersectionObserverHandle, useIsIntersecting, useIsIntersectingListener };

package/components/global/rerender-hoc.d.ts

@@ -1,4 +1,4 @@
-import { Component, type PropsWithoutRef } from 'react';
+import { Component, type Ref, type PropsWithoutRef } from 'react';
 export interface RerenderableComponent<P, S> extends Component<P, S> {
     node?: HTMLElement | null;
 }
@@ -7,4 +7,6 @@ export interface RerenderableComponentClass<P, S> {
 }
 export default function rerenderHOC<P extends {}, C extends Component<P, unknown>>(ComposedComponent: {
     new (props: P): C;
-}): import("react").ForwardRefExoticComponent<PropsWithoutRef<P> & import("react").RefAttributes<C>>;
+}): ({ ref, ...props }: PropsWithoutRef<P> & {
+    ref?: Ref<C>;
+}) => import("react").JSX.Element;

package/components/global/rerender-hoc.js

@@ -1,5 +1,4 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef, Component } from 'react';
+import { Component } from 'react';
 import { createComposedRef } from './compose-refs.js';
 import { jsx } from 'react/jsx-runtime';
 import 'memoize-one';
@@ -19,28 +18,15 @@ function rerenderHOC(ComposedComponent) {
       });
     }
   }
-  return /*#__PURE__*/forwardRef(function RerendererForwardRef(props, ref) {
-    const $ = c(4);
-    if ($[0] !== "ac36aeaece54c7d00df3e23ff1d0deb675c0bc1bf4659806ffc7c8497029aeb7") {
-      for (let $i = 0; $i < 4; $i += 1) {
-        $[$i] = Symbol.for("react.memo_cache_sentinel");
-      }
-      $[0] = "ac36aeaece54c7d00df3e23ff1d0deb675c0bc1bf4659806ffc7c8497029aeb7";
-    }
-    let t0;
-    if ($[1] !== props || $[2] !== ref) {
-      t0 = /*#__PURE__*/jsx(Rerenderer, {
-        props: props,
-        forwardedRef: ref
-      });
-      $[1] = props;
-      $[2] = ref;
-      $[3] = t0;
-    } else {
-      t0 = $[3];
-    }
-    return t0;
-  });
+  return function RerendererForwardRef({
+    ref,
+    ...props
+  }) {
+    return /*#__PURE__*/jsx(Rerenderer, {
+      props: props,
+      forwardedRef: ref !== null && ref !== void 0 ? ref : null
+    });
+  };
 }
 
 export { rerenderHOC as default };

package/components/{table/selection.d.ts → global/table-selection.d.ts}

@@ -4,7 +4,7 @@
 export interface SelectionItem {
     id: string | number;
 }
-export interface TableSelectionConfig<T extends object> {
+export interface TableSelectionConfig<T> {
     data?: readonly T[] | undefined;
     selected?: Set<T> | undefined;
     focused?: T | null | undefined;
@@ -17,7 +17,7 @@ export interface CloneWithConfig<T> {
     selected?: Set<T> | readonly T[] | null | undefined;
     focused?: T | null | undefined;
 }
-export default class Selection<T extends object> {
+export default class TableSelection<T> {
     protected _rawData: readonly T[];
     protected _getChildren: (item: T) => readonly T[];
     protected _data: Set<T>;
@@ -28,19 +28,19 @@ export default class Selection<T extends object> {
     constructor({ data, selected, focused, getKey, getChildren, isItemSelectable, }?: TableSelectionConfig<T>);
     protected _buildData(data: readonly T[] | null | undefined): Set<T>;
     protected _buildSelected(data: Set<T>, selected: Set<T>): Set<T>;
-    cloneWith({ data, selected, focused }: CloneWithConfig<T>): Selection<T>;
-    focus(value: T | null | undefined): Selection<T>;
-    moveUp(): Selection<T> | undefined;
-    moveDown(): Selection<T> | undefined;
-    moveStart(): Selection<T> | undefined;
-    moveEnd(): Selection<T> | undefined;
-    select(value?: T | null): Selection<T>;
-    deselect(value?: T | null): Selection<T>;
-    toggleSelection(value?: T | null): Selection<T>;
-    selectAll(): Selection<T>;
-    resetFocus(): Selection<T>;
-    resetSelection(): Selection<T>;
-    reset(): Selection<T>;
+    cloneWith({ data, selected, focused }: CloneWithConfig<T>): TableSelection<T>;
+    focus(value: T | null | undefined): TableSelection<T>;
+    moveUp(): TableSelection<T> | undefined;
+    moveDown(): TableSelection<T> | undefined;
+    moveStart(): TableSelection<T> | undefined;
+    moveEnd(): TableSelection<T> | undefined;
+    select(value?: T | null): TableSelection<T>;
+    deselect(value?: T | null): TableSelection<T>;
+    toggleSelection(value?: T | null): TableSelection<T>;
+    selectAll(): TableSelection<T>;
+    resetFocus(): TableSelection<T>;
+    resetSelection(): TableSelection<T>;
+    reset(): TableSelection<T>;
     isFocused(value: T | null): boolean;
     isSelected(value: T | null): boolean;
     getFocused(): T | null;

package/components/{table/selection.js → global/table-selection.js}

@@ -1,7 +1,7 @@
 /**
  * @deprecated SelectionItem is deprecated. Use your own item type and provide a `getKey` function instead if there is no `id` identifier in your item type.
  */
-let Selection$1 = class Selection {
+class TableSelection {
   _rawData;
   _getChildren;
   _data;
@@ -15,7 +15,7 @@ let Selection$1 = class Selection {
     focused = null,
     getKey = item => {
       // Default behavior stays backward compatible: use item's "id" if present
-      if ('id' in item) {
+      if (item && typeof item === 'object' && 'id' in item) {
         return item.id;
       }
       // If there's no id provided on item and no getKey supplied, fail fast with a clear message
@@ -185,6 +185,6 @@ let Selection$1 = class Selection {
     }
     return new Set();
   }
-};
+}
 
-export { Selection$1 as default };
+export { TableSelection as default };

package/components/global/theme.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type ReactElement, type FunctionComponent } from 'react';
+import { type HTMLAttributes, type Ref, type ReactElement, type FunctionComponent } from 'react';
 declare enum Theme {
     AUTO = "auto",
     LIGHT = "light",
@@ -18,11 +18,12 @@ export interface WithThemeClassesProps {
 export declare function WithThemeClasses({ theme, children }: WithThemeClassesProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export declare function applyTheme(theme: Theme.DARK | Theme.LIGHT, container: HTMLElement): void;
 type WrapperType = FunctionComponent<HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-export interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
+export interface ThemeProviderProps extends HTMLAttributes<HTMLElement> {
+    ref?: Ref<HTMLElement>;
     theme?: Theme;
     passToPopups?: boolean;
     WrapperComponent?: WrapperType;
     target?: HTMLElement;
 }
-export declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLElement>>;
+export declare function ThemeProvider({ ref, ...props }: ThemeProviderProps): import("react").JSX.Element;
 export default Theme;

package/components/global/theme.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import 'classnames';
 export { G as GLOBAL_DARK_CLASS_NAME, a as ThemeContext, b as ThemeProvider, W as WithThemeClasses, c as applyTheme, T as default, u as useTheme, e as useThemeClasses } from '../_helpers/theme.js';

package/components/header/header-icon.js

@@ -9,7 +9,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/header/header.js

@@ -10,7 +10,7 @@ export { default as Profile } from './profile.js';
 export { default as SmartProfile } from './smart-profile.js';
 export { default as Services } from './services.js';
 export { default as SmartServices } from './smart-services.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';

package/components/header/links.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
 import ScrollableSection from '../scrollable-section/scrollable-section.js';
 import { s as styles } from '../_helpers/header.js';

package/components/header/logo.js

@@ -6,7 +6,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Size } from '../icon/icon.constants.js';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 
 class Logo extends PureComponent {

package/components/header/profile.js

@@ -15,7 +15,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 '@jetbrains/icons/chevron-down';

package/components/header/services.js

@@ -10,7 +10,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 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/header/smart-profile.js

@@ -16,7 +16,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 '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';

package/components/header/smart-services.js

@@ -9,7 +9,7 @@ import '../dropdown/dropdown.js';
 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/heading/heading.js

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

package/components/i18n/i18n-context.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import * as React from 'react';
 import { useEffect } from 'react';
 import { translate, getTranslations, setTranslations } from './i18n.js';
@@ -10,11 +10,11 @@ const I18nContext = /*#__PURE__*/React.createContext({
 });
 const I18nContextHolder = t0 => {
   const $ = c(9);
-  if ($[0] !== "4fad998682170be27811243d88e42f31c504dd0399035c12efa95d91c74b2a8d") {
+  if ($[0] !== "a2018c2c34e104bb25f29b4f924dc1f30d92611151a999bc264d56ee3cdb5c56") {
     for (let $i = 0; $i < 9; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4fad998682170be27811243d88e42f31c504dd0399035c12efa95d91c74b2a8d";
+    $[0] = "a2018c2c34e104bb25f29b4f924dc1f30d92611151a999bc264d56ee3cdb5c56";
   }
   const {
     children,
@@ -48,7 +48,7 @@ const I18nContextHolder = t0 => {
   }
   let t4;
   if ($[6] !== children || $[7] !== t3) {
-    t4 = /*#__PURE__*/jsx(I18nContext.Provider, {
+    t4 = /*#__PURE__*/jsx(I18nContext, {
       value: t3,
       children: children
     });

package/components/icon/icon-svg.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import 'classnames';
 import '../global/memoize.js';

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/{table → 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/table.js';
+import { s as style } from '../_helpers/legacy-table.js';
 import { jsx } from 'react/jsx-runtime';
 
 class Cell extends PureComponent {

package/components/{table → legacy-table}/header-cell.js

@@ -1,15 +1,15 @@
 import { PureComponent } from 'react';
 import classNames from 'classnames';
-import sortableIcon from '@jetbrains/icons/unsorted-12px';
+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/table.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 {
@@ -46,7 +46,7 @@ class HeaderCell extends PureComponent {
     } = this.props;
     this.sortable = column.sortable === true;
     this.sorted = sortKey === column.id;
-    const glyph = this.sorted ? chevron12pxDown : sortableIcon;
+    const glyph = this.sorted ? chevron12pxDown : unsortedIcon;
     const classes = classNames(className, column.headerClassName, {
       [style.headerCell]: true,
       [style.headerCellSortable]: this.sortable,

package/components/{table → 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/table.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';