ra-core
Version:
Core components of react-admin, a frontend Framework for building admin applications on top of REST services, using ES6, React
79 lines (78 loc) • 2.9 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.usePickPaginationContext = exports.ListPaginationContext = void 0;
var react_1 = require("react");
var pick_1 = __importDefault(require("lodash/pick"));
/**
* Context to store the pagination part of the useListController() result.
*
* Use the useListPaginationContext() hook to read the pagination information.
* That's what List components do in react-admin (e.g. <Pagination>).
*
* @typedef {Object} ListPaginationContextValue
* @prop {boolean} isLoading boolean that is false until the data is available
* @prop {integer} total the total number of results for the current filters, excluding pagination. Useful to build the pagination controls. e.g. 23
* @prop {integer} page the current page. Starts at 1
* @prop {Function} setPage a callback to change the page, e.g. setPage(3)
* @prop {integer} perPage the number of results per page. Defaults to 25
* @prop {Function} setPerPage a callback to change the number of results per page, e.g. setPerPage(25)
* @prop {Boolean} hasPreviousPage true if the current page is not the first one
* @prop {Boolean} hasNextPage true if the current page is not the last one
* @prop {string} resource the resource name, deduced from the location. e.g. 'posts'
*
* @typedef Props
* @prop {ListPaginationContextValue} value
*
* @param {Props}
*
* @see useListController
* @see useListContext
*
* @example
*
* import { useListController, ListPaginationContext } from 'ra-core';
*
* const List = props => {
* const controllerProps = useListController(props);
* return (
* <ListPaginationContext.Provider value={controllerProps}>
* ...
* </ListPaginationContext.Provider>
* );
* };
*/
exports.ListPaginationContext = (0, react_1.createContext)(undefined);
exports.ListPaginationContext.displayName = 'ListPaginationContext';
var usePickPaginationContext = function (context) {
return (0, react_1.useMemo)(function () {
return (0, pick_1.default)(context, [
'isLoading',
'isPending',
'hasPreviousPage',
'hasNextPage',
'page',
'perPage',
'setPage',
'setPerPage',
'total',
'resource',
]);
},
// eslint-disable-next-line react-hooks/exhaustive-deps
[
context.isLoading,
context.isPending,
context.hasPreviousPage,
context.hasNextPage,
context.page,
context.perPage,
context.setPage,
context.setPerPage,
context.total,
]);
};
exports.usePickPaginationContext = usePickPaginationContext;
//# sourceMappingURL=ListPaginationContext.js.map