@formio/react/lib/hooks/usePagination.js

React renderer for form.io forms.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.usePagination = usePagination;
const react_1 = require("react");
function usePagination(initialPage, limit, dataOrFetchFunction) {
    const [data, setData] = (0, react_1.useState)([]);
    const [page, setPage] = (0, react_1.useState)(initialPage);
    const [hasMore, setHasMore] = (0, react_1.useState)(true);
    const total = Array.isArray(dataOrFetchFunction)
        ? dataOrFetchFunction.length
        : undefined;
    let serverCount;
    const fetchPage = (0, react_1.useCallback)(async (page) => {
        const skip = (page - 1) * limit;
        let result;
        if (Array.isArray(dataOrFetchFunction)) {
            result = dataOrFetchFunction.slice(skip, skip + limit);
            serverCount = dataOrFetchFunction.length;
            setData(result);
        }
        else {
            result = await dataOrFetchFunction(limit, skip);
            serverCount = result.serverCount;
            setData(result);
        }
        if (serverCount !== undefined) {
            setHasMore(page * limit < serverCount);
        }
        else {
            setHasMore(result.length >= limit);
        }
    }, [limit, dataOrFetchFunction]);
    const nextPage = () => {
        if (hasMore) {
            const newPage = page + 1;
            fetchPage(newPage);
            setPage(newPage);
        }
    };
    const prevPage = () => {
        if (page > 1) {
            const newPage = page - 1;
            fetchPage(newPage);
            setPage(newPage);
        }
    };
    (0, react_1.useEffect)(() => {
        fetchPage(page);
    }, [fetchPage, page]);
    return {
        data,
        page,
        hasMore,
        nextPage,
        prevPage,
        total,
        setPage: (page) => {
            setPage(page);
            fetchPage(page);
        },
        fetchPage,
    };
}