40 lines
1.4 KiB
JavaScript
40 lines
1.4 KiB
JavaScript
import * as React from 'react';
|
|
import { gridPaginationRowRangeSelector, gridPaginatedVisibleSortedGridRowEntriesSelector } from '../features/pagination/gridPaginationSelector';
|
|
import { gridExpandedSortedRowEntriesSelector } from '../features/filter/gridFilterSelector';
|
|
export const getVisibleRows = (apiRef, props) => {
|
|
let rows;
|
|
let range;
|
|
if (props.pagination && props.paginationMode === 'client') {
|
|
range = gridPaginationRowRangeSelector(apiRef);
|
|
rows = gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef);
|
|
} else {
|
|
rows = gridExpandedSortedRowEntriesSelector(apiRef);
|
|
if (rows.length === 0) {
|
|
range = null;
|
|
} else {
|
|
range = {
|
|
firstRowIndex: 0,
|
|
lastRowIndex: rows.length - 1
|
|
};
|
|
}
|
|
}
|
|
return {
|
|
rows,
|
|
range
|
|
};
|
|
};
|
|
|
|
/**
|
|
* Computes the list of rows that are reachable by scroll.
|
|
* Depending on whether pagination is enabled, it will return the rows in the current page.
|
|
* - If the pagination is disabled or in server mode, it equals all the visible rows.
|
|
* - If the row tree has several layers, it contains up to `state.pageSize` top level rows and all their descendants.
|
|
* - If the row tree is flat, it only contains up to `state.pageSize` rows.
|
|
*/
|
|
export const useGridVisibleRows = (apiRef, props) => {
|
|
const response = getVisibleRows(apiRef, props);
|
|
return React.useMemo(() => ({
|
|
rows: response.rows,
|
|
range: response.range
|
|
}), [response.rows, response.range]);
|
|
}; |