@mui/x-data-grid
Version:
The Community plan edition of the Data Grid components (MUI X).
56 lines • 2.26 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["className"];
import * as React from 'react';
import clsx from 'clsx';
import { styled } from '@mui/system';
import { unstable_composeClasses as composeClasses } from '@mui/utils';
import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
import { useGridSelector } from '../../hooks/utils/useGridSelector';
import { gridRowsMetaSelector } from '../../hooks/features/rows';
import { gridRenderContextSelector } from '../../hooks/features/virtualization';
import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
import { getDataGridUtilityClass } from '../../constants/gridClasses';
import { jsx as _jsx } from "react/jsx-runtime";
const useUtilityClasses = ownerState => {
const {
classes
} = ownerState;
const slots = {
root: ['virtualScrollerRenderZone']
};
return composeClasses(slots, getDataGridUtilityClass, classes);
};
const VirtualScrollerRenderZoneRoot = styled('div', {
name: 'MuiDataGrid',
slot: 'VirtualScrollerRenderZone',
overridesResolver: (props, styles) => styles.virtualScrollerRenderZone
})({
position: 'absolute',
display: 'flex',
// Prevents margin collapsing when using `getRowSpacing`
flexDirection: 'column'
});
const GridVirtualScrollerRenderZone = /*#__PURE__*/React.forwardRef(function GridVirtualScrollerRenderZone(props, ref) {
const {
className
} = props,
other = _objectWithoutPropertiesLoose(props, _excluded);
const apiRef = useGridApiContext();
const rootProps = useGridRootProps();
const classes = useUtilityClasses(rootProps);
const offsetTop = useGridSelector(apiRef, () => {
const renderContext = gridRenderContextSelector(apiRef);
const rowsMeta = gridRowsMetaSelector(apiRef.current.state);
return rowsMeta.positions[renderContext.firstRowIndex] ?? 0;
});
return /*#__PURE__*/_jsx(VirtualScrollerRenderZoneRoot, _extends({
ref: ref,
className: clsx(classes.root, className),
ownerState: rootProps,
style: {
transform: `translate3d(0, ${offsetTop}px, 0)`
}
}, other));
});
export { GridVirtualScrollerRenderZone };