@mui/x-data-grid-premium 5.11.0

package/node/DataGridPremium/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES: true
+};
+Object.defineProperty(exports, "DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES", {
+  enumerable: true,
+  get: function () {
+    return _useDataGridPremiumProps.DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES;
+  }
+});
+
+var _DataGridPremium = require("./DataGridPremium");
+
+Object.keys(_DataGridPremium).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DataGridPremium[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DataGridPremium[key];
+    }
+  });
+});
+
+var _useDataGridPremiumProps = require("./useDataGridPremiumProps");

package/node/DataGridPremium/useDataGridPremiumComponent.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGridPremiumComponent = void 0;
+
+var _internals = require("@mui/x-data-grid-pro/internals");
+
+var _useGridRowGrouping = require("../hooks/features/rowGrouping/useGridRowGrouping");
+
+var _useGridRowGroupingPreProcessors = require("../hooks/features/rowGrouping/useGridRowGroupingPreProcessors");
+
+var _useGridExcelExport = require("../hooks/features/export/useGridExcelExport");
+
+// Premium-only features
+const useDataGridPremiumComponent = (inputApiRef, props) => {
+  var _props$experimentalFe, _props$experimentalFe2;
+
+  const apiRef = (0, _internals.useGridInitialization)(inputApiRef, props);
+  /**
+   * Register all pre-processors called during state initialization here.
+   */
+
+  (0, _internals.useGridSelectionPreProcessors)(apiRef, props);
+  (0, _internals.useGridRowReorderPreProcessors)(apiRef, props);
+  (0, _useGridRowGroupingPreProcessors.useGridRowGroupingPreProcessors)(apiRef, props);
+  (0, _internals.useGridTreeDataPreProcessors)(apiRef, props);
+  (0, _internals.useGridDetailPanelPreProcessors)(apiRef, props); // The column pinning `hydrateColumns` pre-processor must be after every other `hydrateColumns` pre-processors
+  // Because it changes the order of the columns.
+
+  (0, _internals.useGridColumnPinningPreProcessors)(apiRef, props);
+  (0, _internals.useGridRowsPreProcessors)(apiRef);
+  /**
+   * Register all state initializers here.
+   */
+
+  (0, _internals.useGridInitializeState)(_useGridRowGrouping.rowGroupingStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.selectionStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.detailPanelStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.columnPinningStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.columnsStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.rowsStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)((_props$experimentalFe = props.experimentalFeatures) != null && _props$experimentalFe.newEditingApi ? _internals.editingStateInitializer_new : _internals.editingStateInitializer_old, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.focusStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.sortingStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.preferencePanelStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.filterStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.densityStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.columnReorderStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.columnResizeStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.paginationStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.rowsMetaStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_internals.columnMenuStateInitializer, apiRef, props);
+  (0, _useGridRowGrouping.useGridRowGrouping)(apiRef, props);
+  (0, _internals.useGridTreeData)(apiRef);
+  (0, _internals.useGridKeyboardNavigation)(apiRef, props);
+  (0, _internals.useGridSelection)(apiRef, props);
+  (0, _internals.useGridDetailPanel)(apiRef, props);
+  (0, _internals.useGridColumnPinning)(apiRef, props);
+  (0, _internals.useGridColumns)(apiRef, props);
+  (0, _internals.useGridRows)(apiRef, props);
+  (0, _internals.useGridParamsApi)(apiRef);
+  (0, _internals.useGridColumnSpanning)(apiRef);
+  (0, _internals.useGridDetailPanelCache)(apiRef, props);
+  const useGridEditing = (_props$experimentalFe2 = props.experimentalFeatures) != null && _props$experimentalFe2.newEditingApi ? _internals.useGridEditing_new : _internals.useGridEditing_old;
+  useGridEditing(apiRef, props);
+  (0, _internals.useGridFocus)(apiRef, props);
+  (0, _internals.useGridPreferencesPanel)(apiRef);
+  (0, _internals.useGridFilter)(apiRef, props);
+  (0, _internals.useGridSorting)(apiRef, props);
+  (0, _internals.useGridDensity)(apiRef, props);
+  (0, _internals.useGridColumnReorder)(apiRef, props);
+  (0, _internals.useGridColumnResize)(apiRef, props);
+  (0, _internals.useGridPagination)(apiRef, props);
+  (0, _internals.useGridRowsMeta)(apiRef, props);
+  (0, _internals.useGridRowReorder)(apiRef, props);
+  (0, _internals.useGridScroll)(apiRef, props);
+  (0, _internals.useGridInfiniteLoader)(apiRef, props);
+  (0, _internals.useGridColumnMenu)(apiRef);
+  (0, _internals.useGridCsvExport)(apiRef);
+  (0, _internals.useGridPrintExport)(apiRef, props);
+  (0, _useGridExcelExport.useGridExcelExport)(apiRef);
+  (0, _internals.useGridClipboard)(apiRef);
+  (0, _internals.useGridDimensions)(apiRef, props);
+  (0, _internals.useGridEvents)(apiRef, props);
+  (0, _internals.useGridStatePersistence)(apiRef);
+  return apiRef;
+};
+
+exports.useDataGridPremiumComponent = useDataGridPremiumComponent;

package/node/DataGridPremium/useDataGridPremiumProps.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGridPremiumProps = exports.DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _xDataGridPro = require("@mui/x-data-grid-pro");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * The default values of `DataGridPremiumPropsWithDefaultValue` to inject in the props of DataGridPremium.
+ */
+const DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGridPro.DATA_GRID_PRO_PROPS_DEFAULT_VALUES, {
+  disableRowGrouping: false,
+  rowGroupingColumnMode: 'single'
+});
+exports.DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES;
+
+const useDataGridPremiumProps = inProps => {
+  const themedProps = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiDataGrid'
+  });
+  const localeText = React.useMemo(() => (0, _extends2.default)({}, _xDataGridPro.GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
+  const components = React.useMemo(() => {
+    const overrides = themedProps.components;
+
+    if (!overrides) {
+      return (0, _extends2.default)({}, _xDataGridPro.DATA_GRID_DEFAULT_SLOTS_COMPONENTS);
+    }
+
+    const mergedComponents = {};
+    Object.entries(_xDataGridPro.DATA_GRID_DEFAULT_SLOTS_COMPONENTS).forEach(([key, defaultComponent]) => {
+      mergedComponents[key] = overrides[key] === undefined ? defaultComponent : overrides[key];
+    });
+    return mergedComponents;
+  }, [themedProps.components]);
+  return React.useMemo(() => (0, _extends2.default)({}, DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES, themedProps, {
+    localeText,
+    components,
+    signature: 'DataGridPremium'
+  }), [themedProps, localeText, components]);
+};
+
+exports.useDataGridPremiumProps = useDataGridPremiumProps;

package/node/components/GridExcelExportMenuItem.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridExcelExportMenuItem = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+
+var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GridExcelExportMenuItem = props => {
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const {
+    hideMenu,
+    options
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+    onClick: () => {
+      apiRef.current.exportDataAsExcel(options);
+      hideMenu == null ? void 0 : hideMenu();
+    },
+    children: apiRef.current.getLocaleText('toolbarExportExcel')
+  });
+};
+
+exports.GridExcelExportMenuItem = GridExcelExportMenuItem;
+process.env.NODE_ENV !== "production" ? GridExcelExportMenuItem.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  hideMenu: _propTypes.default.func,
+  options: _propTypes.default.shape({
+    disableToolbarButton: _propTypes.default.bool
+  })
+} : void 0;

package/node/components/GridGroupingColumnLeafCell.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridGroupingColumnLeafCell = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+
+var _useGridRootProps = require("../hooks/utils/useGridRootProps");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GridGroupingColumnLeafCell = props => {
+  var _props$formattedValue;
+
+  const {
+    rowNode
+  } = props;
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 1 : rowNode.depth * 2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    sx: {
+      ml: marginLeft
+    },
+    children: (_props$formattedValue = props.formattedValue) != null ? _props$formattedValue : props.value
+  });
+};
+
+exports.GridGroupingColumnLeafCell = GridGroupingColumnLeafCell;

package/node/components/GridGroupingCriteriaCell.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridGroupingCriteriaCell = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _material = require("@mui/material");
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+
+var _xDataGridPro = require("@mui/x-data-grid-pro");
+
+var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+
+var _useGridRootProps = require("../hooks/utils/useGridRootProps");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['groupingCriteriaCell'],
+    toggle: ['groupingCriteriaCellToggle']
+  };
+  return (0, _material.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+};
+
+const GridGroupingCriteriaCell = props => {
+  var _filteredDescendantCo;
+
+  const {
+    id,
+    field,
+    rowNode,
+    hideDescendantCount,
+    formattedValue
+  } = props;
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const ownerState = {
+    classes: rootProps.classes
+  };
+  const classes = useUtilityClasses(ownerState);
+  const filteredDescendantCountLookup = (0, _xDataGridPro.useGridSelector)(apiRef, _xDataGridPro.gridFilteredDescendantCountLookupSelector);
+  const filteredDescendantCount = (_filteredDescendantCo = filteredDescendantCountLookup[rowNode.id]) != null ? _filteredDescendantCo : 0;
+  const Icon = rowNode.childrenExpanded ? rootProps.components.GroupingCriteriaCollapseIcon : rootProps.components.GroupingCriteriaExpandIcon;
+
+  const handleKeyDown = event => {
+    if (event.key === ' ') {
+      event.stopPropagation();
+    }
+
+    apiRef.current.publishEvent('cellKeyDown', props, event);
+  };
+
+  const handleClick = event => {
+    apiRef.current.setRowChildrenExpansion(id, !rowNode.childrenExpanded);
+    apiRef.current.setCellFocus(id, field);
+    event.stopPropagation();
+  };
+
+  const marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 0 : rowNode.depth * 2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    className: classes.root,
+    sx: {
+      ml: marginLeft
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.toggle,
+      children: filteredDescendantCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+        size: "small",
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        tabIndex: -1,
+        "aria-label": rowNode.childrenExpanded ? apiRef.current.getLocaleText('treeDataCollapse') : apiRef.current.getLocaleText('treeDataExpand'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+          fontSize: "inherit"
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      children: [formattedValue === undefined ? rowNode.groupingKey : formattedValue, !hideDescendantCount && filteredDescendantCount > 0 ? ` (${filteredDescendantCount})` : '']
+    })]
+  });
+};
+
+exports.GridGroupingCriteriaCell = GridGroupingCriteriaCell;

package/node/components/GridRowGroupableColumnMenuItems.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridRowGroupableColumnMenuItems = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+
+var _xDataGridPro = require("@mui/x-data-grid-pro");
+
+var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+
+var _gridRowGroupingSelector = require("../hooks/features/rowGrouping/gridRowGroupingSelector");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GridRowGroupableColumnMenuItems = props => {
+  var _columnsLookup$column;
+
+  const {
+    column,
+    onClick
+  } = props;
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const rowGroupingModel = (0, _xDataGridPro.useGridSelector)(apiRef, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector);
+  const columnsLookup = (0, _xDataGridPro.useGridSelector)(apiRef, _xDataGridPro.gridColumnLookupSelector);
+
+  if (!(column != null && column.groupable)) {
+    return null;
+  }
+
+  const ungroupColumn = event => {
+    apiRef.current.removeRowGroupingCriteria(column.field);
+
+    if (onClick) {
+      onClick(event);
+    }
+  };
+
+  const groupColumn = event => {
+    apiRef.current.addRowGroupingCriteria(column.field);
+
+    if (onClick) {
+      onClick(event);
+    }
+  };
+
+  const name = (_columnsLookup$column = columnsLookup[column.field].headerName) != null ? _columnsLookup$column : column.field;
+
+  if (rowGroupingModel.includes(column.field)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+      onClick: ungroupColumn,
+      children: apiRef.current.getLocaleText('unGroupColumn')(name)
+    });
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+    onClick: groupColumn,
+    children: apiRef.current.getLocaleText('groupColumn')(name)
+  });
+};
+
+exports.GridRowGroupableColumnMenuItems = GridRowGroupableColumnMenuItems;
+process.env.NODE_ENV !== "production" ? GridRowGroupableColumnMenuItems.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  column: _propTypes.default.object,
+  onClick: _propTypes.default.func
+} : void 0;

package/node/components/GridRowGroupingColumnMenuItems.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridRowGroupingColumnMenuItems = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+
+var _xDataGridPro = require("@mui/x-data-grid-pro");
+
+var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+
+var _gridRowGroupingSelector = require("../hooks/features/rowGrouping/gridRowGroupingSelector");
+
+var _gridRowGroupingUtils = require("../hooks/features/rowGrouping/gridRowGroupingUtils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GridRowGroupingColumnMenuItems = props => {
+  const {
+    column,
+    onClick
+  } = props;
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const rowGroupingModel = (0, _xDataGridPro.useGridSelector)(apiRef, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector);
+  const columnsLookup = (0, _xDataGridPro.useGridSelector)(apiRef, _xDataGridPro.gridColumnLookupSelector);
+
+  const renderUnGroupingMenuItem = field => {
+    var _columnsLookup$field$;
+
+    const ungroupColumn = event => {
+      apiRef.current.removeRowGroupingCriteria(field);
+
+      if (onClick) {
+        onClick(event);
+      }
+    };
+
+    const name = (_columnsLookup$field$ = columnsLookup[field].headerName) != null ? _columnsLookup$field$ : field;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+      onClick: ungroupColumn,
+      children: apiRef.current.getLocaleText('unGroupColumn')(name)
+    }, field);
+  };
+
+  if (!column || !(0, _gridRowGroupingUtils.isGroupingColumn)(column.field)) {
+    return null;
+  }
+
+  if (column.field === _gridRowGroupingUtils.GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+      children: rowGroupingModel.map(renderUnGroupingMenuItem)
+    });
+  }
+
+  return renderUnGroupingMenuItem((0, _gridRowGroupingUtils.getRowGroupingCriteriaFromGroupingField)(column.field));
+};
+
+exports.GridRowGroupingColumnMenuItems = GridRowGroupingColumnMenuItems;
+process.env.NODE_ENV !== "production" ? GridRowGroupingColumnMenuItems.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  column: _propTypes.default.object,
+  onClick: _propTypes.default.func
+} : void 0;

package/node/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _GridExcelExportMenuItem = require("./GridExcelExportMenuItem");
+
+Object.keys(_GridExcelExportMenuItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridExcelExportMenuItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridExcelExportMenuItem[key];
+    }
+  });
+});

package/node/hooks/features/export/gridExcelExportInterface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/hooks/features/export/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _gridExcelExportInterface = require("./gridExcelExportInterface");
+
+Object.keys(_gridExcelExportInterface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridExcelExportInterface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridExcelExportInterface[key];
+    }
+  });
+});