import type { DefaultedInfiniteQueryObserverOptions, FetchNextPageOptions, FetchPreviousPageOptions, InfiniteData, InfiniteQueryObserverOptions, InfiniteQueryObserverResult, QueryKey, } from './types' import type { QueryClient } from './queryClient' import type { NotifyOptions, ObserverFetchOptions } from './queryObserver' import { QueryObserver } from './queryObserver' import { hasNextPage, hasPreviousPage, infiniteQueryBehavior, } from './infiniteQueryBehavior' import type { Query } from './query' type InfiniteQueryObserverListener = ( result: InfiniteQueryObserverResult, ) => void export class InfiniteQueryObserver< TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryData = TQueryFnData, TQueryKey extends QueryKey = QueryKey, > extends QueryObserver< TQueryFnData, TError, InfiniteData, InfiniteData, TQueryKey > { // Type override subscribe!: ( listener?: InfiniteQueryObserverListener, ) => () => void // Type override getCurrentResult!: () => InfiniteQueryObserverResult // Type override protected fetch!: ( fetchOptions: ObserverFetchOptions, ) => Promise> // eslint-disable-next-line @typescript-eslint/no-useless-constructor constructor( client: QueryClient, options: InfiniteQueryObserverOptions< TQueryFnData, TError, TData, TQueryData, TQueryKey >, ) { super(client, options) } protected bindMethods(): void { super.bindMethods() this.fetchNextPage = this.fetchNextPage.bind(this) this.fetchPreviousPage = this.fetchPreviousPage.bind(this) } setOptions( options?: InfiniteQueryObserverOptions< TQueryFnData, TError, TData, TQueryData, TQueryKey >, notifyOptions?: NotifyOptions, ): void { super.setOptions( { ...options, behavior: infiniteQueryBehavior(), }, notifyOptions, ) } getOptimisticResult( options: DefaultedInfiniteQueryObserverOptions< TQueryFnData, TError, TData, TQueryData, TQueryKey >, ): InfiniteQueryObserverResult { options.behavior = infiniteQueryBehavior() return super.getOptimisticResult(options) as InfiniteQueryObserverResult< TData, TError > } fetchNextPage({ pageParam, ...options }: FetchNextPageOptions = {}): Promise< InfiniteQueryObserverResult > { return this.fetch({ ...options, meta: { fetchMore: { direction: 'forward', pageParam }, }, }) } fetchPreviousPage({ pageParam, ...options }: FetchPreviousPageOptions = {}): Promise< InfiniteQueryObserverResult > { return this.fetch({ ...options, meta: { fetchMore: { direction: 'backward', pageParam }, }, }) } protected createResult( query: Query, TQueryKey>, options: InfiniteQueryObserverOptions< TQueryFnData, TError, TData, TQueryData, TQueryKey >, ): InfiniteQueryObserverResult { const { state } = query const result = super.createResult(query, options) const { isFetching, isRefetching } = result const isFetchingNextPage = isFetching && state.fetchMeta?.fetchMore?.direction === 'forward' const isFetchingPreviousPage = isFetching && state.fetchMeta?.fetchMore?.direction === 'backward' return { ...result, fetchNextPage: this.fetchNextPage, fetchPreviousPage: this.fetchPreviousPage, hasNextPage: hasNextPage(options, state.data?.pages), hasPreviousPage: hasPreviousPage(options, state.data?.pages), isFetchingNextPage, isFetchingPreviousPage, isRefetching: isRefetching && !isFetchingNextPage && !isFetchingPreviousPage, } } }