@mui/x-data-grid-pro 5.11.1 → 5.12.2

package/node/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

@@ -27,7 +27,6 @@ const GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
 exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = GRID_DETAIL_PANEL_TOGGLE_FIELD;
 const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
   field: GRID_DETAIL_PANEL_TOGGLE_FIELD,
-  headerName: '',
   type: 'detailPanelToggle',
   editable: false,
   sortable: false,
@@ -42,6 +41,7 @@ const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.G
     const expandedRowIds = (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector)(params.api.state);
     return expandedRowIds.includes(params.id);
   },
-  renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridDetailPanelToggleCell.GridDetailPanelToggleCell, (0, _extends2.default)({}, params))
+  renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridDetailPanelToggleCell.GridDetailPanelToggleCell, (0, _extends2.default)({}, params)),
+  renderHeader: () => null
 });
 exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = GRID_DETAIL_PANEL_TOGGLE_COL_DEF;

package/node/hooks/features/detailPanel/useGridDetailPanel.js

@@ -35,6 +35,34 @@ const detailPanelStateInitializer = (state, props) => {
 
 exports.detailPanelStateInitializer = detailPanelStateInitializer;
 
+function cacheContentAndHeight(apiRef, getDetailPanelContent, getDetailPanelHeight) {
+  if (typeof getDetailPanelContent !== 'function') {
+    return {};
+  } // TODO change to lazy approach using a Proxy
+  // only call getDetailPanelContent when asked for an id
+
+
+  const rowIds = (0, _xDataGrid.gridRowIdsSelector)(apiRef);
+  const contentCache = rowIds.reduce((acc, id) => {
+    const params = apiRef.current.getRowParams(id);
+    acc[id] = getDetailPanelContent(params);
+    return acc;
+  }, {});
+  const heightCache = rowIds.reduce((acc, id) => {
+    if (contentCache[id] == null) {
+      return acc;
+    }
+
+    const params = apiRef.current.getRowParams(id);
+    acc[id] = getDetailPanelHeight(params);
+    return acc;
+  }, {});
+  return {
+    contentCache,
+    heightCache
+  };
+}
+
 const useGridDetailPanel = (apiRef, props) => {
   const expandedRowIds = (0, _xDataGrid.useGridSelector)(apiRef, _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector);
   const contentCache = (0, _xDataGrid.useGridSelector)(apiRef, _gridDetailPanelSelector.gridDetailPanelExpandedRowsContentCacheSelector);
@@ -73,23 +101,7 @@ const useGridDetailPanel = (apiRef, props) => {
   }, [apiRef, props.getDetailPanelContent]);
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'cellClick', handleCellClick);
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'cellKeyDown', handleCellKeyDown);
-  const addDetailHeight = React.useCallback((initialValue, row) => {
-    var _heightCache$row$id;
-
-    if (expandedRowIds.length === 0 || !expandedRowIds.includes(row.id)) {
-      return (0, _extends2.default)({}, initialValue, {
-        detail: 0
-      });
-    }
-
-    const heightCache = (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowsHeightCacheSelector)(apiRef.current.state);
-    return (0, _extends2.default)({}, initialValue, {
-      detail: (_heightCache$row$id = heightCache[row.id]) != null ? _heightCache$row$id : 0 // Fallback to zero because the cache might not be ready yet (e.g. page was changed)
-
-    });
-  }, [apiRef, expandedRowIds]);
-  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'rowHeight', addDetailHeight);
-  apiRef.current.unstable_updateControlState({
+  apiRef.current.unstable_registerControlState({
     stateId: 'detailPanels',
     propModel: props.detailPanelExpandedRowIds,
     propOnChange: props.onDetailPanelExpandedRowIdsChange,
@@ -136,6 +148,53 @@ const useGridDetailPanel = (apiRef, props) => {
       }
     }
   }, [apiRef, props.detailPanelExpandedRowIds]);
+  const updateCachesAndForceUpdate = React.useCallback(() => {
+    apiRef.current.setState(state => {
+      return (0, _extends2.default)({}, state, {
+        detailPanel: (0, _extends2.default)({}, state.detailPanel, cacheContentAndHeight(apiRef, props.getDetailPanelContent, props.getDetailPanelHeight))
+      });
+    });
+    apiRef.current.forceUpdate();
+  }, [apiRef, props.getDetailPanelContent, props.getDetailPanelHeight]);
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'sortedRowsSet', updateCachesAndForceUpdate);
+  const previousGetDetailPanelContentProp = React.useRef();
+  const previousGetDetailPanelHeightProp = React.useRef();
+  const updateCachesIfNeeded = React.useCallback(() => {
+    if (props.getDetailPanelContent === previousGetDetailPanelContentProp.current && props.getDetailPanelHeight === previousGetDetailPanelHeightProp.current) {
+      return;
+    }
+
+    apiRef.current.setState(state => {
+      return (0, _extends2.default)({}, state, {
+        detailPanel: (0, _extends2.default)({}, state.detailPanel, cacheContentAndHeight(apiRef, props.getDetailPanelContent, props.getDetailPanelHeight))
+      });
+    });
+    previousGetDetailPanelContentProp.current = props.getDetailPanelContent;
+    previousGetDetailPanelHeightProp.current = props.getDetailPanelHeight;
+  }, [apiRef, props.getDetailPanelContent, props.getDetailPanelHeight]);
+  const addDetailHeight = React.useCallback((initialValue, row) => {
+    var _heightCache$row$id;
+
+    if (!expandedRowIds || expandedRowIds.length === 0 || !expandedRowIds.includes(row.id)) {
+      return (0, _extends2.default)({}, initialValue, {
+        detail: 0
+      });
+    }
+
+    updateCachesIfNeeded();
+    const heightCache = (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowsHeightCacheSelector)(apiRef.current.state);
+    return (0, _extends2.default)({}, initialValue, {
+      detail: (_heightCache$row$id = heightCache[row.id]) != null ? _heightCache$row$id : 0 // Fallback to zero because the cache might not be ready yet (e.g. page was changed)
+
+    });
+  }, [apiRef, expandedRowIds, updateCachesIfNeeded]);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'rowHeight', addDetailHeight);
+  const isFirstRender = React.useRef(true);
+
+  if (isFirstRender.current) {
+    isFirstRender.current = false;
+    updateCachesIfNeeded();
+  }
 };
 
 exports.useGridDetailPanel = useGridDetailPanel;

package/node/hooks/features/detailPanel/useGridDetailPanelPreProcessors.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGridDetailPanelPreProcessors = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var React = _interopRequireWildcard(require("react"));
 
 var _internals = require("@mui/x-data-grid/internals");
@@ -35,9 +39,11 @@ const useGridDetailPanelPreProcessors = (apiRef, props) => {
 
 
     columnsState.all = [_gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD, ...columnsState.all];
-    columnsState.lookup[_gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD] = _gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_COL_DEF;
+    columnsState.lookup[_gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD] = (0, _extends2.default)({}, _gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_COL_DEF, {
+      headerName: apiRef.current.getLocaleText('detailPanelToggle')
+    });
     return columnsState;
-  }, [props.getDetailPanelContent]);
+  }, [apiRef, props.getDetailPanelContent]);
   (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'hydrateColumns', addToggleColumn);
 };
 

package/node/hooks/features/rowReorder/useGridRowReorder.js

@@ -73,6 +73,10 @@ const useGridRowReorder = (apiRef, props) => {
     originRowIndex.current = apiRef.current.getRowIndex(params.id);
   }, [isRowReorderDisabled, classes.rowDragging, logger, apiRef]);
   const handleDragOver = React.useCallback((params, event) => {
+    if (dragRowId === '') {
+      return;
+    }
+
     logger.debug(`Dragging over row ${params.id}`);
     event.preventDefault(); // Prevent drag events propagation.
     // For more information check here https://github.com/mui/mui-x/issues/2680.
@@ -88,7 +92,7 @@ const useGridRowReorder = (apiRef, props) => {
     // Call the gridEditRowsStateSelector directly to avoid infnite loop
     const editRowsState = (0, _xDataGrid.gridEditRowsStateSelector)(apiRef.current.state);
 
-    if (isRowReorderDisabled || Object.keys(editRowsState).length !== 0) {
+    if (dragRowId === '' || isRowReorderDisabled || Object.keys(editRowsState).length !== 0) {
       return;
     }
 

package/node/hooks/features/treeData/useGridTreeDataPreProcessors.js

@@ -85,7 +85,7 @@ const useGridTreeDataPreProcessors = (apiRef, props) => {
       columnsState.lookup[groupingColDefField] = newGroupingColumn;
 
       if (prevGroupingColumn == null) {
-        const index = columnsState.all[0] === '__check__' ? 1 : 0;
+        const index = columnsState.all[0] === _xDataGrid.GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
         columnsState.all = [...columnsState.all.slice(0, index), groupingColDefField, ...columnsState.all.slice(index)];
       }
     } else if (!shouldHaveGroupingColumn && prevGroupingColumn) {

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.11.1
+/** @license MUI v5.12.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -225,32 +225,4 @@ Object.keys(_utils2).forEach(function (key) {
   });
 });
 
-var _reexports = require("./typeOverloads/reexports");
-
-var _rowGrouping = require("./hooks/features/rowGrouping");
-
-Object.keys(_rowGrouping).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _rowGrouping[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _rowGrouping[key];
-    }
-  });
-});
-
-var _gridGroupingValueGetterParams = require("./models/gridGroupingValueGetterParams");
-
-Object.keys(_gridGroupingValueGetterParams).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _gridGroupingValueGetterParams[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridGroupingValueGetterParams[key];
-    }
-  });
-});
+var _reexports = require("./typeOverloads/reexports");

package/node/internals/index.js

@@ -15,7 +15,6 @@ var _exportNames = {
   columnReorderStateInitializer: true,
   useGridDetailPanel: true,
   detailPanelStateInitializer: true,
-  useGridDetailPanelCache: true,
   useGridDetailPanelPreProcessors: true,
   useGridInfiniteLoader: true,
   useGridRowReorder: true,
@@ -103,12 +102,6 @@ Object.defineProperty(exports, "useGridDetailPanel", {
     return _useGridDetailPanel.useGridDetailPanel;
   }
 });
-Object.defineProperty(exports, "useGridDetailPanelCache", {
-  enumerable: true,
-  get: function () {
-    return _useGridDetailPanelCache.useGridDetailPanelCache;
-  }
-});
 Object.defineProperty(exports, "useGridDetailPanelPreProcessors", {
   enumerable: true,
   get: function () {
@@ -174,8 +167,6 @@ var _useGridColumnReorder = require("../hooks/features/columnReorder/useGridColu
 
 var _useGridDetailPanel = require("../hooks/features/detailPanel/useGridDetailPanel");
 
-var _useGridDetailPanelCache = require("../hooks/features/detailPanel/useGridDetailPanelCache");
-
 var _useGridDetailPanelPreProcessors = require("../hooks/features/detailPanel/useGridDetailPanelPreProcessors");
 
 var _useGridInfiniteLoader = require("../hooks/features/infiniteLoader/useGridInfiniteLoader");

package/node/utils/releaseInfo.js

@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY1Mjk5NzYwMDAwMA==";
+  const releaseInfo = "MTY1NTMzMDQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "5.11.1",
+  "version": "5.12.2",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,18 +32,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/utils": "^5.7.0",
-    "@mui/x-data-grid": "5.11.1",
-    "@mui/x-license-pro": "5.11.1",
+    "@mui/utils": "^5.4.1",
+    "@mui/x-data-grid": "5.12.2",
+    "@mui/x-license-pro": "5.12.2",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.0.4",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.5"
   },
   "peerDependencies": {
-    "@mui/material": "^5.2.8",
-    "@mui/system": "^5.2.8",
-    "react": "^17.0.2 || ^18.0.0"
+    "@mui/material": "^5.4.1",
+    "@mui/system": "^5.4.1",
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0"
   },
   "setupFiles": [
     "<rootDir>/src/setupTests.js"

package/typeOverloads/modules.d.ts

@@ -1,9 +1,7 @@
-import { GridKeyValue, GridRowId, GridValidRowModel } from '@mui/x-data-grid';
+import { GridRowId } from '@mui/x-data-grid';
 import type { GridRowScrollEndParams, GridRowOrderChangeParams } from '../models';
-import type { GridPinnedColumns } from '../hooks';
+import type { GridColumnPinningInternalCache, GridPinnedColumns } from '../hooks/features/columnPinning/gridColumnPinningInterface';
 import type { GridCanBeReorderedPreProcessingContext } from '../hooks/features/columnReorder/columnReorderInterfaces';
-import { GridGroupingValueGetterParams } from '../models/gridGroupingValueGetterParams';
-import { GridRowGroupingModel } from '../hooks/features/rowGrouping';
 export interface GridControlledStateEventLookupPro {
     /**
      * Fired when the open detail panels are changed.
@@ -19,21 +17,6 @@ export interface GridControlledStateEventLookupPro {
     pinnedColumnsChange: {
         params: GridPinnedColumns;
     };
-    /**
-     * Fired when the row grouping model changes.
-     * TODO: Add back on premium when removing it from pro
-     */
-    rowGroupingModelChange: {
-        params: GridRowGroupingModel;
-    };
-}
-export interface GridColDefPro<R extends GridValidRowModel = any, V = any, F = V> {
-    /**
-     * Function that transforms a complex cell value into a key that be used for grouping the rows.
-     * @param {GridGroupingValueGetterParams} params Object containing parameters for the getter.
-     * @returns {GridKeyValue | null | undefined} The cell key.
-     */
-    groupingValueGetter?: (params: GridGroupingValueGetterParams<V, R>) => GridKeyValue | null | undefined;
 }
 export interface GridEventLookupPro {
     /**
@@ -55,13 +38,18 @@ export interface GridPipeProcessingLookupPro {
         context: GridCanBeReorderedPreProcessingContext;
     };
 }
+export interface GridApiCachesPro {
+    columnPinning: GridColumnPinningInternalCache;
+}
 declare module '@mui/x-data-grid' {
     interface GridEventLookup extends GridEventLookupPro {
     }
-    interface GridColDef<R extends GridValidRowModel = any, V = any, F = V> extends GridColDefPro<R, V, F> {
-    }
     interface GridControlledStateEventLookup extends GridControlledStateEventLookupPro {
     }
     interface GridPipeProcessingLookup extends GridPipeProcessingLookupPro {
     }
 }
+declare module '@mui/x-data-grid/internals' {
+    interface GridApiCaches extends GridApiCachesPro {
+    }
+}

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY1Mjk5NzYwMDAwMA==";
+  const releaseInfo = "MTY1NTMzMDQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/components/GridGroupingColumnLeafCell.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { GridRenderCellParams } from '@mui/x-data-grid';
-declare const GridGroupingColumnLeafCell: (props: GridRenderCellParams) => JSX.Element;
-export { GridGroupingColumnLeafCell };

package/components/GridGroupingColumnLeafCell.js

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-
-const GridGroupingColumnLeafCell = props => {
-  var _props$formattedValue;
-
-  const {
-    rowNode
-  } = props;
-  const rootProps = useGridRootProps();
-  const marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 1 : rowNode.depth * 2;
-  return /*#__PURE__*/_jsx(Box, {
-    sx: {
-      ml: marginLeft
-    },
-    children: (_props$formattedValue = props.formattedValue) != null ? _props$formattedValue : props.value
-  });
-};
-
-export { GridGroupingColumnLeafCell };

package/components/GridGroupingCriteriaCell.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { GridRenderCellParams } from '@mui/x-data-grid';
-interface GridGroupingCriteriaCellProps extends GridRenderCellParams {
-    hideDescendantCount?: boolean;
-}
-export declare const GridGroupingCriteriaCell: (props: GridGroupingCriteriaCellProps) => JSX.Element;
-export {};

package/components/GridGroupingCriteriaCell.js

@@ -1,78 +0,0 @@
-import * as React from 'react';
-import { unstable_composeClasses as composeClasses } from '@mui/material';
-import IconButton from '@mui/material/IconButton';
-import Box from '@mui/material/Box';
-import { useGridSelector, gridFilteredDescendantCountLookupSelector, getDataGridUtilityClass } from '@mui/x-data-grid';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['groupingCriteriaCell'],
-    toggle: ['groupingCriteriaCellToggle']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-
-export const GridGroupingCriteriaCell = props => {
-  var _filteredDescendantCo;
-
-  const {
-    id,
-    field,
-    rowNode,
-    hideDescendantCount,
-    formattedValue
-  } = props;
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const ownerState = {
-    classes: rootProps.classes
-  };
-  const classes = useUtilityClasses(ownerState);
-  const filteredDescendantCountLookup = useGridSelector(apiRef, 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__*/_jsxs(Box, {
-    className: classes.root,
-    sx: {
-      ml: marginLeft
-    },
-    children: [/*#__PURE__*/_jsx("div", {
-      className: classes.toggle,
-      children: filteredDescendantCount > 0 && /*#__PURE__*/_jsx(IconButton, {
-        size: "small",
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        tabIndex: -1,
-        "aria-label": rowNode.childrenExpanded ? apiRef.current.getLocaleText('treeDataCollapse') : apiRef.current.getLocaleText('treeDataExpand'),
-        children: /*#__PURE__*/_jsx(Icon, {
-          fontSize: "inherit"
-        })
-      })
-    }), /*#__PURE__*/_jsxs("span", {
-      children: [formattedValue === undefined ? rowNode.groupingKey : formattedValue, !hideDescendantCount && filteredDescendantCount > 0 ? ` (${filteredDescendantCount})` : '']
-    })]
-  });
-};

package/components/GridRowGroupableColumnMenuItems.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { GridColDef } from '@mui/x-data-grid';
-interface GridRowGroupableColumnMenuItemsProps {
-    column?: GridColDef;
-    onClick?: (event: React.MouseEvent<any>) => void;
-}
-declare const GridRowGroupableColumnMenuItems: {
-    (props: GridRowGroupableColumnMenuItemsProps): JSX.Element | null;
-    propTypes: any;
-};
-export { GridRowGroupableColumnMenuItems };

package/components/GridRowGroupableColumnMenuItems.js

@@ -1,63 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import MenuItem from '@mui/material/MenuItem';
-import { gridColumnLookupSelector, useGridSelector } from '@mui/x-data-grid';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { gridRowGroupingSanitizedModelSelector } from '../hooks/features/rowGrouping/gridRowGroupingSelector';
-import { jsx as _jsx } from "react/jsx-runtime";
-
-const GridRowGroupableColumnMenuItems = props => {
-  var _columnsLookup$column;
-
-  const {
-    column,
-    onClick
-  } = props;
-  const apiRef = useGridApiContext();
-  const rowGroupingModel = useGridSelector(apiRef, gridRowGroupingSanitizedModelSelector);
-  const columnsLookup = useGridSelector(apiRef, 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__*/_jsx(MenuItem, {
-      onClick: ungroupColumn,
-      children: apiRef.current.getLocaleText('unGroupColumn')(name)
-    });
-  }
-
-  return /*#__PURE__*/_jsx(MenuItem, {
-    onClick: groupColumn,
-    children: apiRef.current.getLocaleText('groupColumn')(name)
-  });
-};
-
-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.object,
-  onClick: PropTypes.func
-} : void 0;
-export { GridRowGroupableColumnMenuItems };

package/components/GridRowGroupingColumnMenuItems.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { GridColDef } from '@mui/x-data-grid';
-interface GridRowGroupingColumnMenuItemsProps {
-    column?: GridColDef;
-    onClick?: (event: React.MouseEvent<any>) => void;
-}
-declare const GridRowGroupingColumnMenuItems: {
-    (props: GridRowGroupingColumnMenuItemsProps): JSX.Element | null;
-    propTypes: any;
-};
-export { GridRowGroupingColumnMenuItems };

package/components/GridRowGroupingColumnMenuItems.js

@@ -1,58 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import MenuItem from '@mui/material/MenuItem';
-import { useGridSelector, gridColumnLookupSelector } from '@mui/x-data-grid';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { gridRowGroupingSanitizedModelSelector } from '../hooks/features/rowGrouping/gridRowGroupingSelector';
-import { getRowGroupingCriteriaFromGroupingField, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, isGroupingColumn } from '../hooks/features/rowGrouping/gridRowGroupingUtils';
-import { jsx as _jsx } from "react/jsx-runtime";
-
-const GridRowGroupingColumnMenuItems = props => {
-  const {
-    column,
-    onClick
-  } = props;
-  const apiRef = useGridApiContext();
-  const rowGroupingModel = useGridSelector(apiRef, gridRowGroupingSanitizedModelSelector);
-  const columnsLookup = useGridSelector(apiRef, 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__*/_jsx(MenuItem, {
-      onClick: ungroupColumn,
-      children: apiRef.current.getLocaleText('unGroupColumn')(name)
-    }, field);
-  };
-
-  if (!column || !isGroupingColumn(column.field)) {
-    return null;
-  }
-
-  if (column.field === GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD) {
-    return /*#__PURE__*/_jsx(React.Fragment, {
-      children: rowGroupingModel.map(renderUnGroupingMenuItem)
-    });
-  }
-
-  return renderUnGroupingMenuItem(getRowGroupingCriteriaFromGroupingField(column.field));
-};
-
-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.object,
-  onClick: PropTypes.func
-} : void 0;
-export { GridRowGroupingColumnMenuItems };

package/hooks/features/detailPanel/useGridDetailPanelCache.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { GridApiPro } from '../../../models/gridApiPro';
-import { DataGridProProcessedProps } from '../../../models/dataGridProProps';
-export declare const useGridDetailPanelCache: (apiRef: React.MutableRefObject<GridApiPro>, props: Pick<DataGridProProcessedProps, 'getDetailPanelContent' | 'getDetailPanelHeight'>) => void;