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

package/node/DataGridPro/useDataGridProProps.js

@@ -15,8 +15,6 @@ var _styles = require("@mui/material/styles");
 
 var _xDataGrid = require("@mui/x-data-grid");
 
-var _internals = require("@mui/x-data-grid/internals");
-
 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; }
@@ -32,12 +30,9 @@ const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGrid
   disableChildrenFiltering: false,
   disableChildrenSorting: false,
   rowReordering: false,
-  getDetailPanelHeight: () => 500,
-  disableRowGrouping: false,
-  rowGroupingColumnMode: 'single'
+  getDetailPanelHeight: () => 500
 });
 exports.DATA_GRID_PRO_PROPS_DEFAULT_VALUES = DATA_GRID_PRO_PROPS_DEFAULT_VALUES;
-const rowGroupingWarning = (0, _internals.buildWarning)(['MUI: The row grouping has been moved to the new `@mui/x-data-grid-premium` package.', 'The feature is deprecated in `@mui/x-data-grid-pro`, and it will soon be removed from this package.'], 'error');
 
 const useDataGridProProps = inProps => {
   const themedProps = (0, _styles.useThemeProps)({
@@ -58,28 +53,11 @@ const useDataGridProProps = inProps => {
     });
     return mergedComponents;
   }, [themedProps.components]);
-
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useEffect(() => {
-      var _themedProps$experime;
-
-      if ((_themedProps$experime = themedProps.experimentalFeatures) != null && _themedProps$experime.rowGrouping) {
-        rowGroupingWarning();
-      }
-    }, [themedProps.experimentalFeatures]);
-  }
-
-  return React.useMemo(() => {
-    var _themedProps$experime2;
-
-    return (0, _extends2.default)({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, themedProps, {
-      disableRowGrouping: themedProps.disableRowGrouping || !((_themedProps$experime2 = themedProps.experimentalFeatures) != null && _themedProps$experime2.rowGrouping),
-      localeText,
-      components,
-      signature: 'DataGridPro'
-    });
-  }, [themedProps, localeText, components]);
+  return React.useMemo(() => (0, _extends2.default)({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, themedProps, {
+    localeText,
+    components,
+    signature: 'DataGridPro'
+  }), [themedProps, localeText, components]);
 };
 
 exports.useDataGridProProps = useDataGridProProps;

package/node/components/DataGridProVirtualScroller.js

@@ -112,7 +112,8 @@ const VirtualScrollerDetailPanel = (0, _styles.styled)(_Box.default, {
   zIndex: 2,
   width: '100%',
   position: 'absolute',
-  backgroundColor: theme.palette.background.default
+  backgroundColor: theme.palette.background.default,
+  overflow: 'auto'
 }));
 const VirtualScrollerPinnedColumns = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
@@ -268,7 +269,8 @@ const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGr
           renderContext: leftRenderContext,
           minFirstColumn: leftRenderContext.firstColumnIndex,
           maxLastColumn: leftRenderContext.lastColumnIndex,
-          availableSpace: 0
+          availableSpace: 0,
+          ignoreAutoHeight: true
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridVirtualScrollerRenderZone, (0, _extends2.default)({}, getRenderZoneProps(), {
         children: getRows({
@@ -285,7 +287,8 @@ const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGr
           renderContext: rightRenderContext,
           minFirstColumn: rightRenderContext.firstColumnIndex,
           maxLastColumn: rightRenderContext.lastColumnIndex,
-          availableSpace: 0
+          availableSpace: 0,
+          ignoreAutoHeight: true
         })
       }), detailPanels.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualScrollerDetailPanels, {
         className: classes.detailPanels,

package/node/components/GridRowReorderCell.js

@@ -44,7 +44,7 @@ const GridRowReorderCell = params => {
 
   const cellValue = params.row.__reorder__ || params.id; // TODO: remove sortModel and treeDepth checks once row reorder is compatible
 
-  const isDraggable = !!rootProps.rowReordering && !sortModel.length && treeDepth === 1 && Object.keys(editRowsState).length === 0;
+  const isDraggable = React.useMemo(() => !!rootProps.rowReordering && !sortModel.length && treeDepth === 1 && Object.keys(editRowsState).length === 0, [rootProps.rowReordering, sortModel, treeDepth, editRowsState]);
   const ownerState = {
     isDraggable,
     classes: rootProps.classes
@@ -69,11 +69,11 @@ const GridRowReorderCell = params => {
       propHandler(event);
     }
   }, [apiRef, params.row.id]);
-  const draggableEventHandlers = {
+  const draggableEventHandlers = isDraggable ? {
     onDragStart: publish('rowDragStart'),
     onDragOver: publish('rowDragOver'),
     onDragEnd: publish('rowDragEnd')
-  };
+  } : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _extends2.default)({
     className: classes.root,
     draggable: isDraggable

package/node/hooks/features/columnPinning/useGridColumnPinning.js

@@ -35,9 +35,12 @@ const Divider = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
   onClick: event => event.stopPropagation()
 });
 
-const columnPinningStateInitializer = (state, props) => {
+const columnPinningStateInitializer = (state, props, apiRef) => {
   var _props$initialState;
 
+  apiRef.current.unstable_caches.columnPinning = {
+    orderedFieldsBeforePinningColumns: null
+  };
   let model;
 
   if (props.disableColumnPinning) {
@@ -229,31 +232,20 @@ const useGridColumnPinning = (apiRef, props) => {
       return;
     }
 
-    apiRef.current.setState(state => {
-      const otherSide = side === _gridColumnPinningInterface.GridPinnedPosition.right ? _gridColumnPinningInterface.GridPinnedPosition.left : _gridColumnPinningInterface.GridPinnedPosition.right;
-      const newPinnedColumns = (0, _extends2.default)({}, state.pinnedColumns, {
-        [side]: [...(state.pinnedColumns[side] || []), field],
-        [otherSide]: (state.pinnedColumns[otherSide] || []).filter(column => column !== field)
-      });
-      return (0, _extends2.default)({}, state, {
-        pinnedColumns: newPinnedColumns
-      });
-    });
-    apiRef.current.forceUpdate();
-  }, [apiRef, checkIfEnabled]);
+    const otherSide = side === _gridColumnPinningInterface.GridPinnedPosition.right ? _gridColumnPinningInterface.GridPinnedPosition.left : _gridColumnPinningInterface.GridPinnedPosition.right;
+    const newPinnedColumns = {
+      [side]: [...(pinnedColumns[side] || []), field],
+      [otherSide]: (pinnedColumns[otherSide] || []).filter(column => column !== field)
+    };
+    apiRef.current.setPinnedColumns(newPinnedColumns);
+  }, [apiRef, checkIfEnabled, pinnedColumns]);
   const unpinColumn = React.useCallback(field => {
     checkIfEnabled('unpinColumn');
-    apiRef.current.setState(state => {
-      const newPinnedColumns = (0, _extends2.default)({}, state.pinnedColumns, {
-        left: (state.pinnedColumns.left || []).filter(column => column !== field),
-        right: (state.pinnedColumns.right || []).filter(column => column !== field)
-      });
-      return (0, _extends2.default)({}, state, {
-        pinnedColumns: newPinnedColumns
-      });
+    apiRef.current.setPinnedColumns({
+      left: (pinnedColumns.left || []).filter(column => column !== field),
+      right: (pinnedColumns.right || []).filter(column => column !== field)
     });
-    apiRef.current.forceUpdate();
-  }, [apiRef, checkIfEnabled]);
+  }, [apiRef, checkIfEnabled, pinnedColumns.left, pinnedColumns.right]);
   const getPinnedColumns = React.useCallback(() => {
     checkIfEnabled('getPinnedColumns');
     return (0, _gridColumnPinningSelector.gridPinnedColumnsSelector)(apiRef.current.state);
@@ -287,6 +279,62 @@ const useGridColumnPinning = (apiRef, props) => {
     isColumnPinned
   };
   (0, _xDataGrid.useGridApiMethod)(apiRef, columnPinningApi, 'columnPinningApi');
+  const handleColumnOrderChange = React.useCallback(params => {
+    if (!apiRef.current.unstable_caches.columnPinning.orderedFieldsBeforePinningColumns) {
+      return;
+    }
+
+    const {
+      field,
+      targetIndex,
+      oldIndex
+    } = params;
+    const delta = targetIndex > oldIndex ? 1 : -1;
+    const latestColumnFields = (0, _xDataGrid.gridColumnFieldsSelector)(apiRef);
+    /**
+     * When a column X is reordered to somewhere else, the position where this column X is dropped
+     * on must be moved to left or right to make room for it. The ^^^ below represents the column
+     * which gave space to receive X.
+     *
+     * | X | B | C | D | -> | B | C | D | X | (e.g. X moved to after D, so delta=1)
+     *              ^^^              ^^^
+     *
+     * | A | B | C | X | -> | X | A | B | C | (e.g. X moved before A, so delta=-1)
+     *  ^^^                      ^^^
+     *
+     * If column P is pinned, it will not move to provide space. However, it will jump to the next
+     * non-pinned column.
+     *
+     * | X | B | P | D | -> | B | D | P | X | (e.g. X moved to after D, with P pinned)
+     *              ^^^          ^^^
+     */
+
+    const siblingField = latestColumnFields[targetIndex - delta];
+    const newOrderedFieldsBeforePinningColumns = [...apiRef.current.unstable_caches.columnPinning.orderedFieldsBeforePinningColumns]; // The index to start swapping fields
+
+    let i = newOrderedFieldsBeforePinningColumns.findIndex(column => column === field); // The index of the field to swap with
+
+    let j = i + delta; // When to stop swapping fields.
+    // We stop one field before because the swap is done with i + 1 (if delta=1)
+
+    const stop = newOrderedFieldsBeforePinningColumns.findIndex(column => column === siblingField);
+
+    while (delta > 0 ? i < stop : i > stop) {
+      // If the field to swap with is a pinned column, jump to the next
+      while (apiRef.current.isColumnPinned(newOrderedFieldsBeforePinningColumns[j])) {
+        j += delta;
+      }
+
+      const temp = newOrderedFieldsBeforePinningColumns[i];
+      newOrderedFieldsBeforePinningColumns[i] = newOrderedFieldsBeforePinningColumns[j];
+      newOrderedFieldsBeforePinningColumns[j] = temp;
+      i = j;
+      j = i + delta;
+    }
+
+    apiRef.current.unstable_caches.columnPinning.orderedFieldsBeforePinningColumns = newOrderedFieldsBeforePinningColumns;
+  }, [apiRef]);
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnOrderChange', handleColumnOrderChange);
   React.useEffect(() => {
     if (props.pinnedColumns) {
       apiRef.current.setPinnedColumns(props.pinnedColumns);

package/node/hooks/features/columnPinning/useGridColumnPinningPreProcessors.js

@@ -42,24 +42,87 @@ const useGridColumnPinningPreProcessors = (apiRef, props) => {
     pinnedColumns = (0, _gridColumnPinningSelector.gridPinnedColumnsSelector)(initializedState);
   }
 
+  const prevAllPinnedColumns = React.useRef();
   const reorderPinnedColumns = React.useCallback(columnsState => {
     if (columnsState.all.length === 0 || disableColumnPinning) {
       return columnsState;
     }
 
     const [leftPinnedColumns, rightPinnedColumns] = (0, _DataGridProVirtualScroller.filterColumns)(pinnedColumns, columnsState.all);
-
-    if (leftPinnedColumns.length === 0 && rightPinnedColumns.length === 0) {
-      return columnsState;
+    let newOrderedFields;
+    const allPinnedColumns = [...leftPinnedColumns, ...rightPinnedColumns];
+    const {
+      orderedFieldsBeforePinningColumns
+    } = apiRef.current.unstable_caches.columnPinning;
+
+    if (orderedFieldsBeforePinningColumns) {
+      newOrderedFields = new Array(columnsState.all.length).fill(null);
+      const newOrderedFieldsBeforePinningColumns = [...newOrderedFields]; // Contains the fields not added to the orderedFields array yet
+
+      const remainingFields = [...columnsState.all]; // First, we check if the column was unpinned since the last processing.
+      // If yes and it still exists, we move it back to the same position it was before pinning
+
+      prevAllPinnedColumns.current.forEach(field => {
+        if (!allPinnedColumns.includes(field) && columnsState.lookup[field]) {
+          // Get the position before pinning
+          const index = orderedFieldsBeforePinningColumns.indexOf(field);
+          newOrderedFields[index] = field;
+          newOrderedFieldsBeforePinningColumns[index] = field; // This field was already consumed so we prevent from being added again
+
+          remainingFields.splice(remainingFields.indexOf(field), 1);
+        }
+      }); // For columns still pinned, we keep stored their original positions
+
+      allPinnedColumns.forEach(field => {
+        let index = orderedFieldsBeforePinningColumns.indexOf(field); // If index = -1, the pinned field didn't exist in the last processing, it's possibly being added now
+        // If index >= newOrderedFieldsBeforePinningColumns.length, then one or more columns were removed
+        // In both cases, use the position from the columns array
+        // TODO: detect removed columns and decrease the positions after it
+
+        if (index === -1 || index >= newOrderedFieldsBeforePinningColumns.length) {
+          index = columnsState.all.indexOf(field);
+        } // The fallback above may make the column to be inserted in a position already occupied
+        // In this case, put it in any empty slot available
+
+
+        if (newOrderedFieldsBeforePinningColumns[index] !== null) {
+          index = 0;
+
+          while (newOrderedFieldsBeforePinningColumns[index] !== null) {
+            index += 1;
+          }
+        }
+
+        newOrderedFields[index] = field;
+        newOrderedFieldsBeforePinningColumns[index] = field; // This field was already consumed so we prevent from being added again
+
+        remainingFields.splice(remainingFields.indexOf(field), 1);
+      }); // The fields remaining are those that're neither pinnned nor were unpinned
+      // For these, we spread them across both arrays making sure to not override existing values
+
+      let i = 0;
+      remainingFields.forEach(field => {
+        while (newOrderedFieldsBeforePinningColumns[i] !== null) {
+          i += 1;
+        }
+
+        newOrderedFieldsBeforePinningColumns[i] = field;
+        newOrderedFields[i] = field;
+      });
+      apiRef.current.unstable_caches.columnPinning.orderedFieldsBeforePinningColumns = newOrderedFieldsBeforePinningColumns;
+    } else {
+      newOrderedFields = [...columnsState.all];
+      apiRef.current.unstable_caches.columnPinning.orderedFieldsBeforePinningColumns = [...columnsState.all];
     }
 
-    const centerColumns = columnsState.all.filter(field => {
+    prevAllPinnedColumns.current = allPinnedColumns;
+    const centerColumns = newOrderedFields.filter(field => {
       return !leftPinnedColumns.includes(field) && !rightPinnedColumns.includes(field);
     });
     return (0, _extends2.default)({}, columnsState, {
       all: [...leftPinnedColumns, ...centerColumns, ...rightPinnedColumns]
     });
-  }, [disableColumnPinning, pinnedColumns]);
+  }, [apiRef, disableColumnPinning, pinnedColumns]);
   (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'hydrateColumns', reorderPinnedColumns);
 };
 

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/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.11.1
+/** @license MUI v5.12.0
  *
  * 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/utils/releaseInfo.js

@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY1Mjk5NzYwMDAwMA==";
+  const releaseInfo = "MTY1Mzk0ODAwMDAwMA==";
 
   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.0",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,17 +32,17 @@
   },
   "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.0",
+    "@mui/x-license-pro": "5.12.0",
     "@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",
+    "@mui/material": "^5.4.1",
+    "@mui/system": "^5.4.1",
     "react": "^17.0.2 || ^18.0.0"
   },
   "setupFiles": [

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 = "MTY1Mzk0ODAwMDAwMA==";
 
   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 };