UNPKG

@mui/x-data-grid

Version:

The Community plan edition of the Data Grid components (MUI X).

44 lines (43 loc) 1.77 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.useGridOverlays = void 0; var _utils = require("../../utils"); var _useGridApiContext = require("../../utils/useGridApiContext"); var _useGridRootProps = require("../../utils/useGridRootProps"); var _filter = require("../filter"); var _rows = require("../rows"); var _gridRowsSelector = require("../rows/gridRowsSelector"); /** * Uses the grid state to determine which overlay to display. * Returns the active overlay type and the active loading overlay variant. */ const useGridOverlays = () => { const apiRef = (0, _useGridApiContext.useGridApiContext)(); const rootProps = (0, _useGridRootProps.useGridRootProps)(); const totalRowCount = (0, _utils.useGridSelector)(apiRef, _rows.gridRowCountSelector); const visibleRowCount = (0, _utils.useGridSelector)(apiRef, _filter.gridExpandedRowCountSelector); const pinnedRowsCount = (0, _utils.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsCountSelector); const noRows = totalRowCount === 0 && pinnedRowsCount === 0; const loading = (0, _utils.useGridSelector)(apiRef, _rows.gridRowsLoadingSelector); const showNoRowsOverlay = !loading && noRows; const showNoResultsOverlay = !loading && totalRowCount > 0 && visibleRowCount === 0; let overlayType = null; let loadingOverlayVariant = null; if (showNoRowsOverlay) { overlayType = 'noRowsOverlay'; } if (showNoResultsOverlay) { overlayType = 'noResultsOverlay'; } if (loading) { overlayType = 'loadingOverlay'; loadingOverlayVariant = rootProps.slotProps?.loadingOverlay?.[noRows ? 'noRowsVariant' : 'variant'] || null; } return { overlayType, loadingOverlayVariant }; }; exports.useGridOverlays = useGridOverlays;