fix: prevent chromatic storybook crash by exporting directly from TableLayout (#9979)

* fix: prevent chromatic storybook crash by exporting directly from TableLayout

* missed a import

Author: LFDanLu

packages/react-aria-components/exports/index.ts

@@ -64,7 +64,8 @@ export {Separator, SeparatorContext} from '../src/Separator';
 export {SharedElementTransition, SharedElement} from '../src/SharedElementTransition';
 export {Slider, SliderOutput, SliderTrack, SliderThumb, SliderContext, SliderOutputContext, SliderTrackContext, SliderStateContext} from '../src/Slider';
 export {Switch, SwitchField, SwitchButton, SwitchContext, SwitchFieldContext} from '../src/Switch';
-export {TableLoadMoreItem, Table, Row, Cell, Column, ColumnResizer, TableHeader, TableBody, TableContext, ResizableTableContainer, useTableOptions, TableStateContext, TableColumnResizeStateContext, TableLayout, TableFooter} from '../src/Table';
+export {TableLoadMoreItem, Table, Row, Cell, Column, ColumnResizer, TableHeader, TableBody, TableContext, ResizableTableContainer, useTableOptions, TableStateContext, TableColumnResizeStateContext, TableFooter} from '../src/Table';
+export {TableLayout} from '../src/TableLayout';
 export {Tabs, TabList, TabPanels, TabPanel, Tab, TabsContext, TabListStateContext} from '../src/Tabs';
 export {TagGroup, TagGroupContext, TagList, TagListContext, Tag} from '../src/TagGroup';
 export {Text, TextContext} from '../src/Text';

packages/react-aria-components/src/Table.tsx

@@ -80,8 +80,6 @@ import {
 } from 'react-aria/useTable';
 import {useVisuallyHidden} from 'react-aria/VisuallyHidden';
 
-export {TableLayout} from './TableLayout';
-
 class TableCollection<T> extends BaseCollection<T> implements ITableCollection<T> {
   headerRows: GridNode<T>[] = [];
   columns: GridNode<T>[] = [];

packages/react-aria-components/stories/Autocomplete.stories.tsx

@@ -13,7 +13,7 @@
 import {action} from 'storybook/actions';
 import {Autocomplete} from '../src/Autocomplete';
 import {Button} from '../src/Button';
-import {Cell, Column, Row, Table, TableBody, TableHeader, TableLayout} from '../src/Table';
+import {Cell, Column, Row, Table, TableBody, TableHeader} from '../src/Table';
 import {Collection} from 'react-aria/Collection';
 import {DialogTrigger} from '../src/Dialog';
 import {GridList, GridListHeader, GridListSection} from '../src/GridList';
@@ -38,6 +38,7 @@ import {SearchField} from '../src/SearchField';
 import {Select, SelectValue} from '../src/Select';
 import {Separator} from '../src/Separator';
 import styles from '../example/index.css';
+import {TableLayout} from '../src/TableLayout';
 import {TagGroup, TagList} from '../src/TagGroup';
 import {Text} from '../src/Text';
 import {TextArea} from '../src/TextArea';

packages/react-aria-components/stories/Table.stories.tsx

@@ -12,9 +12,9 @@
 
 import {action} from 'storybook/actions';
 import {Button} from '../src/Button';
-
 import {
   Cell,
+  CellProps,
   Column,
   ColumnProps,
   ColumnResizer,
@@ -24,10 +24,8 @@ import {
   TableBody,
   TableFooter,
   TableHeader,
-  TableLayout
+  TableLoadMoreItem
 } from '../src/Table';
-
-import {CellProps, TableLoadMoreItem} from '../src/Table';
 import {Checkbox, CheckboxProps} from '../src/Checkbox';
 import {Collection} from 'react-aria/Collection';
 import {Dialog, DialogTrigger} from '../src/Dialog';
@@ -41,6 +39,7 @@ import {Popover} from '../src/Popover';
 import React, {JSX, startTransition, Suspense, useState} from 'react';
 import {Selection} from '@react-types/shared';
 import styles from '../example/index.css';
+import {TableLayout} from '../src/TableLayout';
 import {useAsyncList} from 'react-stately/useAsyncList';
 import {useListData} from 'react-stately/useListData';
 import {Virtualizer} from '../src/Virtualizer';

packages/react-aria-components/test/Table.test.js

@@ -23,7 +23,6 @@ import {
   TableBody,
   TableFooter,
   TableHeader,
-  TableLayout,
   TableLoadMoreItem,
   useTableOptions
 } from '../src/Table';
@@ -40,6 +39,7 @@ import React, {useMemo, useState} from 'react';
 import {resizingTests} from 'react-aria/test/table/tableResizingTests.tsx';
 import {setInteractionModality} from 'react-aria/private/interactions/useFocusVisible';
 import * as stories from '../stories/Table.stories';
+import {TableLayout} from '../src/TableLayout';
 import {Tag, TagGroup, TagList} from '../src/TagGroup';
 import {User} from '@react-aria/test-utils';
 import userEvent from '@testing-library/user-event';