@mui/x-data-grid-premium
Version:
The Premium plan edition of the MUI X Data Grid Components.
45 lines (43 loc) • 2 kB
JavaScript
'use client';
import _extends from "@babel/runtime/helpers/esm/extends";
import * as React from 'react';
import { gridColumnVisibilityModelSelector } from '@mui/x-data-grid-pro';
const updateColumnVisibilityModel = (columnVisibilityModel, rowGroupingModel, prevRowGroupingModel) => {
const newColumnVisibilityModel = _extends({}, columnVisibilityModel);
rowGroupingModel?.forEach(field => {
if (!prevRowGroupingModel?.includes(field)) {
newColumnVisibilityModel[field] = false;
}
});
prevRowGroupingModel?.forEach(field => {
if (!rowGroupingModel?.includes(field)) {
newColumnVisibilityModel[field] = true;
}
});
return newColumnVisibilityModel;
};
/**
* Automatically hide columns when added to the row grouping model and stop hiding them when they are removed.
* Handles both the `props.initialState.rowGrouping.model` and `props.rowGroupingModel`
* Does not work when used with the `hide` property of `GridColDef`
*/
export const useKeepGroupedColumnsHidden = props => {
const initialProps = React.useRef(props);
const rowGroupingModel = React.useRef(props.rowGroupingModel ?? props.initialState?.rowGrouping?.model);
React.useEffect(() => {
props.apiRef.current?.subscribeEvent('rowGroupingModelChange', newModel => {
const columnVisibilityModel = updateColumnVisibilityModel(gridColumnVisibilityModelSelector(props.apiRef), newModel, rowGroupingModel.current);
props.apiRef.current?.setColumnVisibilityModel(columnVisibilityModel);
rowGroupingModel.current = newModel;
});
}, [props.apiRef]);
return React.useMemo(() => {
const invariantInitialState = initialProps.current.initialState;
const columnVisibilityModel = updateColumnVisibilityModel(invariantInitialState?.columns?.columnVisibilityModel, rowGroupingModel.current, undefined);
return _extends({}, invariantInitialState, {
columns: _extends({}, invariantInitialState?.columns, {
columnVisibilityModel
})
});
}, []);
};