Merge pull request #33918 from backstage/fix/ui-missing-react-types-table-dep

fix(ui,app): update React Aria to v1.17.0 and migrate to monopackage imports

packages/ui/package.json

@@ -47,15 +47,12 @@
   },
   "dependencies": {
     "@backstage/version-bridge": "workspace:^",
-    "@react-aria/interactions": "^3.27.1",
-    "@react-stately/layout": "^4.6.0",
-    "@react-stately/overlays": "^3.6.23",
     "@remixicon/react": "^4.6.0",
     "@tanstack/react-table": "^8.21.3",
     "clsx": "^2.1.1",
-    "react-aria": "^3.47.0",
-    "react-aria-components": "^1.14.0",
-    "react-stately": "^3.45.0",
+    "react-aria": "^3.48.0",
+    "react-aria-components": "^1.17.0",
+    "react-stately": "^3.46.0",
     "use-sync-external-store": "^1.4.0"
   },
   "devDependencies": {

packages/ui/report.api.md

@@ -8,8 +8,8 @@ import { CellProps as CellProps_2 } from 'react-aria-components';
 import type { CheckboxGroupProps as CheckboxGroupProps_2 } from 'react-aria-components';
 import type { CheckboxProps as CheckboxProps_2 } from 'react-aria-components';
 import { ColumnProps as ColumnProps_2 } from 'react-aria-components';
-import type { ColumnSize } from '@react-types/table';
-import type { ColumnStaticSize } from '@react-types/table';
+import type { ColumnSize } from 'react-stately';
+import type { ColumnStaticSize } from 'react-stately';
 import type { ComponentProps } from 'react';
 import type { ComponentPropsWithoutRef } from 'react';
 import type { ComponentPropsWithRef } from 'react';

packages/ui/src/components/SearchAutocomplete/SearchAutocomplete.tsx

@@ -15,7 +15,7 @@
  */
 
 import { Children, useRef } from 'react';
-import { useInteractOutside } from '@react-aria/interactions';
+import { useInteractOutside } from 'react-aria';
 import {
   Autocomplete,
   SearchField as RASearchField,
@@ -26,7 +26,7 @@ import {
   ListBoxItem,
   OverlayTriggerStateContext,
 } from 'react-aria-components';
-import { useOverlayTriggerState } from '@react-stately/overlays';
+import { useOverlayTriggerState } from 'react-stately';
 import { RiSearch2Line, RiCloseCircleLine } from '@remixicon/react';
 import { useDefinition } from '../../hooks/useDefinition';
 import {

packages/ui/src/components/Table/components/Table.tsx

@@ -20,7 +20,7 @@ import {
   ResizableTableContainer,
   Virtualizer,
 } from 'react-aria-components';
-import { TableLayout } from '@react-stately/layout';
+import { TableLayout } from 'react-stately';
 import { useDefinition } from '../../../hooks/useDefinition';
 import { TableWrapperDefinition } from '../definition';
 import { TableRoot } from './TableRoot';

packages/ui/src/components/Table/types.ts

@@ -24,7 +24,7 @@ import {
 } from 'react-aria-components';
 import type { ReactElement, ReactNode } from 'react';
 import type { SortDescriptor as ReactStatelySortDescriptor } from 'react-stately';
-import type { ColumnSize, ColumnStaticSize } from '@react-types/table';
+import type { ColumnSize, ColumnStaticSize } from 'react-stately';
 import type { TextColors } from '../../types';
 import { TablePaginationProps } from '../TablePagination';