make infiniteScrollHandler a property of paginationInfo

Author: tellthemachines

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

@@ -51,6 +51,7 @@ type DataViewsProps< Item > = {
 	paginationInfo: {
 		totalItems: number;
 		totalPages: number;
+		infiniteScrollHandler?: () => void;
 	};
 	defaultLayouts: SupportedLayouts;
 	selection?: string[];
@@ -66,7 +67,6 @@ type DataViewsProps< Item > = {
 	getItemLevel?: ( item: Item ) => number;
 	children?: ReactNode;
 	perPageSizes?: [ number, number, number, number ];
-	infiniteScrollHandler?: () => void;
 } & ( Item extends ItemWithId
 	? { getItemId?: ( item: Item ) => string }
 	: { getItemId: ( item: Item ) => string } );
@@ -141,8 +141,8 @@ function DataViews< Item >( {
 	header,
 	children,
 	perPageSizes,
-	infiniteScrollHandler = undefined,
 }: DataViewsProps< Item > ) {
+	const { infiniteScrollHandler } = paginationInfo;
 	const containerRef = useRef< HTMLDivElement | null >( null );
 	const [ containerWidth, setContainerWidth ] = useState( 0 );
 	const resizeObserverRef = useResizeObserver(

packages/edit-site/src/components/post-list/index.js

@@ -412,8 +412,9 @@ export default function PostList( { postType } ) {
 		() => ( {
 			totalItems,
 			totalPages,
+			infiniteScrollHandler,
 		} ),
-		[ totalItems, totalPages ]
+		[ totalItems, totalPages, infiniteScrollHandler ]
 	);
 
 	const { labels, canCreateRecord } = useSelect(
@@ -492,7 +493,6 @@ export default function PostList( { postType } ) {
 				getItemId={ getItemId }
 				getItemLevel={ getItemLevel }
 				defaultLayouts={ defaultLayouts }
-				infiniteScrollHandler={ infiniteScrollHandler }
 				header={
 					window.__experimentalQuickEditDataViews &&
 					view.type !== LAYOUT_LIST &&