@thehappycoder/react-responsive-pagination/lib/view/viewItemToSkinItem.js

React component for responsive pagination

import { createSkinItem } from '../skins';
export function viewItemToSkinItem(handlePageChange) {
    return function (viewItem) {
        if (viewItem.type === 'page') {
            var active = viewItem.active, page_1 = viewItem.page;
            return createSkinItem.page(page_1, active, function (event) {
                event.preventDefault();
                handlePageChange(page_1);
            });
        }
        if (viewItem.type === 'ellipsis') {
            return createSkinItem.ellipsis(viewItem.position);
        }
        if (viewItem.type === 'previous' || viewItem.type === 'next') {
            var page_2 = viewItem.page, type = viewItem.type;
            var onClick = page_2 !== undefined
                ? function (event) {
                    event.preventDefault();
                    handlePageChange(page_2);
                }
                : undefined;
            return createSkinItem.nav(type, onClick);
        }
        throw new Error("unknown type " + viewItem.type);
    };
}