type-pagination v1.1.1
type-pagination
Type-Pagination is simple pagination library for TypeScript.
Install
Depending on what package manager do you use:
yarn add type-pagination
or
npm install type-pagination
How to use
Import Pagination class from package
import { Pagination } from 'type-pagination';
Create new intance of Pagination class. First parametr contains array of items, second one total items number. Third parameter holds PaginationOptions object, with options – page and limit.
const items = [
{
id: 1,
name: 'Item 1',
},
{
id: 2,
name: 'Item 2',
},
{
id: 3,
name: 'Item 3',
},
]
const pagination = new Pagination(items, 14, { page: 1, limit: 3 });
To render pagination, use render
method.
pagination.render();
Example output:
{
items: [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
],
meta: {
itemCount: 3,
totalItems: 14,
itemsPerPage: 3,
totalPages: 5,
currentPage: 1
},
links: {
first: '?page=1&limit=3',
next: '?page=2&limit=3',
previous: '',
last: '?page=5&limit=3'
}
}
If you would like to add your own base url, use setBaseUrl
method:
pagination.setBaseUrl('http://example.com');
Output with set base url:
{
items: [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
],
meta: {
itemCount: 3,
totalItems: 14,
itemsPerPage: 3,
totalPages: 5,
currentPage: 1
},
links: {
first: 'http://example.com?page=1&limit=3',
next: 'http://example.com?page=2&limit=3',
previous: '',
last: 'http://example.com?page=5&limit=3'
}
}
Changing meta fields labels
Since version 1.1.0 it is possible, to change default meta fields labels. There are two methods available. You can change just one label with setMetaFieldLabel
method. As fierd argument you must provide what kind of key do you wish to change (itemCount,totalItems, itemsPerPage, totalPages or currentPage), as second argument you must pass new field name. For example:
pagination
.setMetaFieldLabel('totalItems', 'total')
.generate();
You can also change all labels at once using setMetaFieldsLabels
method. As an argument, you must provide an object which satisfies the MetaFieldsLabels
type. For example:
pagination
.setMetaFieldsLabels({
itemCount: 'items',
totalItems: 'total',
itemsPerPage: 'limit',
totalPages: 'pages',
currentPage: 'page',
})
.generate();
It is possible to chain methods e.g.:
pagination
.setBaseUrl('http://example.com')
.setMetaFieldLabel('totalItems', 'total')
.setMetaFieldLabel('currentPage', 'page')
.generate();