@heycar-uikit/core/pagination/modern/hooks/usePagination.hook.js

The React UI library from HeyCar

import { P as PaginationItemType } from '../Pagination.types-7a359c42.js';
import { getSiblingsToRender } from '../utils/getSiblingsToRender.js';
import parseOnClick from '../utils/parseOnClick.js';
import useBreakpoint from './useBreakpoint.hook.js';
import 'react';

const shouldReturnObjInArray = (condition, obj) => {
    if (condition) {
        return [obj];
    }
    return [];
};
const getLabelForPageNumbers = (page, isCurrentPage, locale) => {
    if (isCurrentPage) {
        return locale.page.replace('#{page}', page.toString());
    }
    return locale.goto.replace('#{page}', page.toString());
};
const usePagination = ({ onClick, currentPage, totalPages, locale, }) => {
    const { breakpoints } = useBreakpoint();
    const isDesktop = breakpoints.isDesktop;
    const shouldShowPreDots = (currentPage > 3 && totalPages !== 4) || currentPage > 4;
    const shouldShowPostDots = (currentPage < totalPages - 2 && totalPages !== 4) ||
        currentPage < totalPages - 3;
    const siblingsToRender = getSiblingsToRender(totalPages, currentPage);
    const items = [
        // Previous button
        {
            itemType: PaginationItemType.Previous,
            page: currentPage - 1,
            isDisabled: currentPage === 1,
            onClick: parseOnClick({
                onClick,
                pageNumber: currentPage - 1,
                isDisabled: currentPage === 1,
            }),
            'aria-label': locale.prevPage,
        },
        ...(isDesktop
            ? [
                // First page
                {
                    itemType: PaginationItemType.PageNumber,
                    page: 1,
                    isCurrentPage: currentPage === 1,
                    onClick: parseOnClick({
                        onClick,
                        pageNumber: 1,
                        isDisabled: false,
                    }),
                    'aria-label': getLabelForPageNumbers(1, currentPage === 1, locale),
                },
                // Ellipsis
                ...shouldReturnObjInArray(shouldShowPreDots, {
                    itemType: PaginationItemType.Ellipsis,
                }),
                // Siblings
                ...siblingsToRender.map(page => ({
                    itemType: PaginationItemType.PageNumber,
                    page: page,
                    isCurrentPage: currentPage === page,
                    onClick: parseOnClick({
                        onClick,
                        pageNumber: page,
                        isDisabled: false,
                    }),
                    'aria-label': getLabelForPageNumbers(page, currentPage === page, locale),
                })),
                // Ellipsis
                ...shouldReturnObjInArray(shouldShowPostDots, {
                    itemType: PaginationItemType.Ellipsis,
                }),
                // Last Page
                ...shouldReturnObjInArray(totalPages > 1, {
                    itemType: PaginationItemType.PageNumber,
                    page: totalPages,
                    isCurrentPage: currentPage === totalPages,
                    onClick: parseOnClick({
                        onClick,
                        pageNumber: totalPages,
                        isDisabled: false,
                    }),
                    'aria-label': getLabelForPageNumbers(totalPages, currentPage === totalPages, locale),
                }),
            ]
            : [
                // Current page
                ...shouldReturnObjInArray(currentPage !== totalPages || totalPages === 1, {
                    itemType: PaginationItemType.PageNumber,
                    page: currentPage,
                    onClick: parseOnClick({
                        onClick,
                        pageNumber: currentPage,
                        isDisabled: false,
                    }),
                    'aria-label': getLabelForPageNumbers(currentPage, true, locale),
                }),
                // Slash
                ...shouldReturnObjInArray(currentPage !== totalPages, {
                    itemType: PaginationItemType.Slash,
                }),
                // Last Page
                ...shouldReturnObjInArray(totalPages > 1, {
                    itemType: PaginationItemType.PageNumber,
                    page: totalPages,
                    onClick: parseOnClick({
                        onClick,
                        pageNumber: totalPages,
                        isDisabled: false,
                    }),
                    'aria-label': getLabelForPageNumbers(totalPages, currentPage === totalPages, locale),
                }),
            ]),
        // Next button
        {
            itemType: PaginationItemType.Next,
            page: currentPage + 1,
            isDisabled: currentPage === totalPages,
            onClick: parseOnClick({
                onClick,
                pageNumber: currentPage + 1,
                isDisabled: currentPage === totalPages,
            }),
            'aria-label': locale.nextPage,
        },
    ];
    return { items };
};

export { usePagination as default };