UNPKG

@refinedev/core

Version:

Refine is a React meta-framework for building enterprise-level, data-intensive applications rapidly with support for modern UI libraries and headless integrations.

75 lines 4.22 kB
import { type InfiniteData, type UseInfiniteQueryOptions, type UseInfiniteQueryResult } from "@tanstack/react-query"; import type { BaseRecord, CrudFilter, CrudSort, GetListResponse, HttpError, MetaQuery, Pagination, Prettify } from "../../contexts/data/types"; import type { LiveModeProps } from "../../contexts/live/types"; import type { SuccessErrorNotification } from "../../contexts/notification/types"; import type { MakeOptional } from "../../definitions/types"; import { type UseLoadingOvertimeOptionsProps, type UseLoadingOvertimeReturnType } from "../useLoadingOvertime"; export interface UseInfiniteListConfig { pagination?: Pagination; hasPagination?: boolean; filters?: CrudFilter[]; } type BaseInfiniteListProps = { /** * Metadata query for `dataProvider` */ meta?: MetaQuery; /** * Pagination properties */ pagination?: Pagination; /** * Sorter parameters */ sorters?: CrudSort[]; /** * Filter parameters */ filters?: CrudFilter[]; /** * If there is more than one `dataProvider`, you should use the `dataProviderName` that you will use */ dataProviderName?: string; }; export type UseInfiniteListQueryOptions<TQueryFnData, TError, TData> = MakeOptional<UseInfiniteQueryOptions<GetListResponse<TQueryFnData>, TError, InfiniteData<GetListResponse<TData>>>, "queryKey" | "queryFn" | "initialPageParam">; export type UseInfiniteListProps<TQueryFnData, TError, TData> = { /** * Resource name for API data interactions */ resource: string; /** * Tanstack Query's [useInfiniteQuery](https://tanstack.com/query/v5/docs/framework/react/reference/useInfiniteQuery) options */ queryOptions?: Omit<UseInfiniteListQueryOptions<TQueryFnData, TError, TData>, "getNextPageParam"> & { /** * Make `getNextPageParam` optional to allow custom pagination logic */ getNextPageParam?: UseInfiniteListQueryOptions<TQueryFnData, TError, TData>["getNextPageParam"]; }; } & BaseInfiniteListProps & SuccessErrorNotification<InfiniteData<GetListResponse<TData>>, TError, Prettify<BaseInfiniteListProps>> & LiveModeProps & UseLoadingOvertimeOptionsProps & { onSuccess?: (data: InfiniteData<GetListResponse<TData>>) => void; onError?: (error: TError) => void; }; export type UseInfiniteListReturnType<TData, TError> = { query: UseInfiniteQueryResult<InfiniteData<GetListResponse<TData>>, TError>; result: { data: InfiniteData<GetListResponse<TData>> | undefined; hasNextPage: boolean | undefined; hasPreviousPage: boolean | undefined; }; } & UseLoadingOvertimeReturnType; /** * `useInfiniteList` is a modified version of `react-query`'s {@link https://tanstack.com/query/latest/docs/react/guides/infinite-queries `useInfiniteQuery`} used for retrieving items from a `resource` with pagination, sort, and filter configurations. * * It uses the `getList` method as the query function from the `dataProvider` which is passed to `<Refine>`. * * @see {@link https://refine.dev/docs/api-reference/core/hooks/data/useInfiniteList} for more details. * * @typeParam TQueryFnData - Result data returned by the query function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`} * @typeParam TError - Custom error object that extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#httperror `HttpError`} * @typeParam TData - Result data returned by the `select` function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}. Defaults to `TQueryFnData` * */ export declare const useInfiniteList: <TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TData extends BaseRecord = TQueryFnData>({ resource: resourceFromProp, filters, pagination, sorters, queryOptions, successNotification, errorNotification, meta, liveMode, onLiveEvent, liveParams, dataProviderName, overtimeOptions, onSuccess, onError, }: UseInfiniteListProps<TQueryFnData, TError, TData>) => UseInfiniteListReturnType<TData, TError>; export {}; //# sourceMappingURL=useInfiniteList.d.ts.map