@mui/x-data-grid
Version:
The Community plan edition of the Data Grid components (MUI X).
53 lines • 2.13 kB
JavaScript
import * as React from 'react';
import PropTypes from 'prop-types';
import { useGridApiContext } from "../../../../hooks/utils/useGridApiContext.js";
import { useGridRootProps } from "../../../../hooks/utils/useGridRootProps.js";
import { gridVisibleColumnDefinitionsSelector } from "../../../../hooks/features/columns/index.js";
import { jsx as _jsx } from "react/jsx-runtime";
function GridColumnMenuHideItem(props) {
const {
colDef,
onClick
} = props;
const apiRef = useGridApiContext();
const rootProps = useGridRootProps();
const visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);
const columnsWithMenu = visibleColumns.filter(col => col.disableColumnMenu !== true);
// do not allow to hide the last column with menu
const disabled = columnsWithMenu.length === 1;
const toggleColumn = React.useCallback(event => {
/**
* Disabled `MenuItem` would trigger `click` event
* after imperative `.click()` call on HTML element.
* Also, click is triggered in testing environment as well.
*/
if (disabled) {
return;
}
apiRef.current.setColumnVisibility(colDef.field, false);
onClick(event);
}, [apiRef, colDef.field, onClick, disabled]);
if (rootProps.disableColumnSelector) {
return null;
}
if (colDef.hideable === false) {
return null;
}
return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
onClick: toggleColumn,
disabled: disabled,
iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuHideIcon, {
fontSize: "small"
}),
children: apiRef.current.getLocaleText('columnMenuHideColumn')
});
}
process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.propTypes = {
// ----------------------------- Warning --------------------------------
// | These PropTypes are generated from the TypeScript type definitions |
// | To update them edit the TypeScript types and run "pnpm proptypes" |
// ----------------------------------------------------------------------
colDef: PropTypes.object.isRequired,
onClick: PropTypes.func.isRequired
} : void 0;
export { GridColumnMenuHideItem };