fix: correctly pass through disallowTypeAhead in RAC GridList (#9124)

* pass through disallowTypeAhead to useGridListProps

* add story

---------

Co-authored-by: Yihui Liao <[email protected]>

Author: rilescode

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

@@ -156,7 +156,8 @@ function GridListInner<T extends object>({props, collection, gridListRef: ref}:
     // Only tab navigation is supported in grid layout.
     keyboardNavigationBehavior: layout === 'grid' ? 'tab' : keyboardNavigationBehavior,
     isVirtualized,
-    shouldSelectOnPressUp: props.shouldSelectOnPressUp
+    shouldSelectOnPressUp: props.shouldSelectOnPressUp,
+    disallowTypeAhead
   }, filteredState, ref);
 
   let selectionManager = filteredState.selectionManager;

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

@@ -68,15 +68,15 @@ export const GridListExample: GridListStory = (args) => (
       gridTemplate: args.layout === 'grid' ? 'repeat(3, 1fr) / repeat(3, 1fr)' : 'auto / 1fr',
       gridAutoFlow: 'row'
     }}>
-    <MyGridListItem>1,1 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>1,2 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>1,3 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>2,1 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>2,2 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>2,3 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>3,1 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>3,2 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>3,3 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="1,1">1,1 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="1,2">1,2 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="1,3">1,3 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="2,1">2,1 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="2,2">2,2 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="2,3">2,3 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="3,1">3,1 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="3,2">3,2 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="3,3">3,3 <Button>Actions</Button></MyGridListItem>
   </GridList>
 );
 
@@ -103,7 +103,8 @@ GridListExample.story = {
   args: {
     layout: 'stack',
     escapeKeyBehavior: 'clearSelection',
-    shouldSelectOnPressUp: false
+    shouldSelectOnPressUp: false,
+    disallowTypeAhead: false
   },
   argTypes: {
     layout: {
@@ -634,3 +635,4 @@ export let GridListInModalPicker: StoryObj<typeof GridListInModalPickerRender> =
     }
   }
 };
+