@thehappycoder/react-responsive-pagination
Version:
React component for responsive pagination
30 lines (29 loc) • 1.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var skins_1 = require("../skins");
function viewItemToSkinItem(handlePageChange) {
return function (viewItem) {
if (viewItem.type === 'page') {
var active = viewItem.active, page_1 = viewItem.page;
return skins_1.createSkinItem.page(page_1, active, function (event) {
event.preventDefault();
handlePageChange(page_1);
});
}
if (viewItem.type === 'ellipsis') {
return skins_1.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 skins_1.createSkinItem.nav(type, onClick);
}
throw new Error("unknown type " + viewItem.type);
};
}
exports.viewItemToSkinItem = viewItemToSkinItem;