@mui/x-data-grid
Version:
The Community plan edition of the Data Grid components (MUI X).
77 lines (74 loc) • 2.93 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import * as React from 'react';
import { useGridLogger, useGridSelector, useGridApiMethod } from '../../utils';
import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
import { gridPaginationMetaSelector } from './gridPaginationSelector';
export const useGridPaginationMeta = (apiRef, props) => {
const logger = useGridLogger(apiRef, 'useGridPaginationMeta');
const paginationMeta = useGridSelector(apiRef, gridPaginationMetaSelector);
apiRef.current.registerControlState({
stateId: 'paginationMeta',
propModel: props.paginationMeta,
propOnChange: props.onPaginationMetaChange,
stateSelector: gridPaginationMetaSelector,
changeEvent: 'paginationMetaChange'
});
/**
* API METHODS
*/
const setPaginationMeta = React.useCallback(newPaginationMeta => {
if (paginationMeta === newPaginationMeta) {
return;
}
logger.debug("Setting 'paginationMeta' to", newPaginationMeta);
apiRef.current.setState(state => _extends({}, state, {
pagination: _extends({}, state.pagination, {
meta: newPaginationMeta
})
}));
}, [apiRef, logger, paginationMeta]);
const paginationMetaApi = {
setPaginationMeta
};
useGridApiMethod(apiRef, paginationMetaApi, 'public');
/**
* PRE-PROCESSING
*/
const stateExportPreProcessing = React.useCallback((prevState, context) => {
const exportedPaginationMeta = gridPaginationMetaSelector(apiRef);
const shouldExportRowCount =
// Always export if the `exportOnlyDirtyModels` property is not activated
!context.exportOnlyDirtyModels ||
// Always export if the `paginationMeta` is controlled
props.paginationMeta != null ||
// Always export if the `paginationMeta` has been initialized
props.initialState?.pagination?.meta != null;
if (!shouldExportRowCount) {
return prevState;
}
return _extends({}, prevState, {
pagination: _extends({}, prevState.pagination, {
meta: exportedPaginationMeta
})
});
}, [apiRef, props.paginationMeta, props.initialState?.pagination?.meta]);
const stateRestorePreProcessing = React.useCallback((params, context) => {
const restoredPaginationMeta = context.stateToRestore.pagination?.meta ? context.stateToRestore.pagination.meta : gridPaginationMetaSelector(apiRef);
apiRef.current.setState(state => _extends({}, state, {
pagination: _extends({}, state.pagination, {
meta: restoredPaginationMeta
})
}));
return params;
}, [apiRef]);
useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
/**
* EFFECTS
*/
React.useEffect(() => {
if (props.paginationMeta) {
apiRef.current.setPaginationMeta(props.paginationMeta);
}
}, [apiRef, props.paginationMeta]);
};