Rename label to itemListLabel

packages/dataviews/src/components/dataviews-context/index.ts

@@ -57,7 +57,7 @@ type DataViewsContextType< Item > = {
 	config: { perPageSizes: number[] };
 	empty?: ReactNode;
 	hasInfiniteScrollHandler: boolean;
-	label?: string;
+	itemListLabel?: string;
 };
 
 const DataViewsContext = createContext< DataViewsContextType< any > >( {

packages/dataviews/src/components/dataviews-picker/index.tsx

@@ -66,7 +66,7 @@ type DataViewsPickerProps< Item > = {
 	config?: {
 		perPageSizes: number[];
 	};
-	label?: string;
+	itemListLabel?: string;
 	empty?: ReactNode;
 } & ( Item extends ItemWithId
 	? { getItemId?: ( item: Item ) => string }
@@ -134,7 +134,7 @@ function DataViewsPicker< Item >( {
 	onChangeSelection,
 	children,
 	config = { perPageSizes: [ 10, 20, 50, 100 ] },
-	label,
+	itemListLabel,
 	empty,
 }: DataViewsPickerProps< Item > ) {
 	const { infiniteScrollHandler } = paginationInfo;
@@ -245,7 +245,7 @@ function DataViewsPicker< Item >( {
 				isShowingFilter,
 				setIsShowingFilter,
 				config,
-				label,
+				itemListLabel,
 				empty,
 				hasInfiniteScrollHandler: !! infiniteScrollHandler,
 			} }

packages/dataviews/src/components/dataviews-picker/stories/index.story.tsx

@@ -133,7 +133,7 @@ export const Default = ( {
 				fields={ fields }
 				onChangeView={ setView }
 				config={ { perPageSizes } }
-				label="Galactic Bodies"
+				itemListLabel="Galactic Bodies"
 				defaultLayouts={ {
 					[ LAYOUT_PICKER_GRID ]: {},
 				} }

packages/dataviews/src/dataviews-layouts/picker-grid/index.tsx

@@ -255,7 +255,7 @@ function ViewPickerGrid< Item >( {
 	className,
 	empty,
 }: ViewPickerGridProps< Item > ) {
-	const { resizeObserverRef, paginationInfo, label } =
+	const { resizeObserverRef, paginationInfo, itemListLabel } =
 		useContext( DataViewsContext );
 	const titleField = fields.find(
 		( field ) => field.id === view?.titleField
@@ -334,7 +334,7 @@ function ViewPickerGrid< Item >( {
 							'dataviews-view-picker-grid',
 							className
 						) }
-						aria-label={ label }
+						aria-label={ itemListLabel }
 						render={ ( { children, ...props } ) => (
 							<VStack
 								spacing={ 4 }
@@ -426,7 +426,7 @@ function ViewPickerGrid< Item >( {
 						orientation="horizontal"
 						role="listbox"
 						aria-multiselectable={ isMultiselect }
-						aria-label={ label }
+						aria-label={ itemListLabel }
 					>
 						{ data.map( ( item, index ) => {
 							let posinset = isInfiniteScroll

packages/dataviews/src/test/dataviews-picker.tsx

@@ -112,7 +112,7 @@ function Picker( {
 		onChangeView: setView,
 		multiselect,
 		selection,
-		label,
+		itemListLabel: label,
 		onChangeSelection: ( newSelection: string[] ) => {
 			onChangeSelection( newSelection );
 			setSelection( newSelection );