@mui/x-data-grid-pro 5.6.1 → 5.7.0

package/modern/hooks/features/treeData/useGridTreeData.js

@@ -1,92 +1,13 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridApiEventHandler, GridEvents, gridRowIdsSelector, gridRowTreeSelector, gridFilteredDescendantCountLookupSelector, useFirstRender } from '@mui/x-data-grid';
-import { useGridRegisterSortingMethod, useGridRegisterFilteringMethod } from '@mui/x-data-grid/internals';
-import { buildRowTree } from '../../../utils/tree/buildRowTree';
-import { sortRowTree } from '../../../utils/tree/sortRowTree';
-import { filterRowTreeFromTreeData } from './gridTreeDataUtils';
-export const TREE_DATA_GROUPING_NAME = 'tree-data';
+import { useGridApiEventHandler, GridEvents, gridFilteredDescendantCountLookupSelector } from '@mui/x-data-grid';
+
 /**
  * Only available in DataGridPro
- * @requires useGridPreProcessing (method)
- * @requires useGridRowGroupsPreProcessing (method)
  */
-
-export const useGridTreeData = (apiRef, props) => {
-  /**
-   * ROW GROUPING
-   */
-  const updateRowGrouping = React.useCallback(() => {
-    if (!props.treeData) {
-      return apiRef.current.unstable_registerRowGroupsBuilder('treeData', null);
-    }
-
-    const groupRows = params => {
-      if (!props.getTreeDataPath) {
-        throw new Error('MUI: No getTreeDataPath given.');
-      }
-
-      const rows = params.ids.map(rowId => ({
-        id: rowId,
-        path: props.getTreeDataPath(params.idRowsLookup[rowId]).map(key => ({
-          key,
-          field: null
-        }))
-      })).sort((a, b) => a.path.length - b.path.length);
-      return buildRowTree(_extends({
-        rows
-      }, params, {
-        defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
-        isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-        groupingName: TREE_DATA_GROUPING_NAME,
-        onDuplicatePath: (firstId, secondId, path) => {
-          throw new Error(['MUI: The path returned by `getTreeDataPath` should be unique.', `The rows with id #${firstId} and #${secondId} have the same.`, `Path: ${JSON.stringify(path.map(step => step.key))}.`].join('\n'));
-        }
-      }));
-    };
-
-    return apiRef.current.unstable_registerRowGroupsBuilder('treeData', groupRows);
-  }, [apiRef, props.getTreeDataPath, props.treeData, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
-  useFirstRender(() => {
-    updateRowGrouping();
-  });
-  const isFirstRender = React.useRef(true);
-  React.useEffect(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-
-    updateRowGrouping();
-  }, [updateRowGrouping]);
-  /**
-   * PRE-PROCESSING
-   */
-
-  const filteringMethod = React.useCallback(params => {
-    const rowTree = gridRowTreeSelector(apiRef);
-    return filterRowTreeFromTreeData({
-      rowTree,
-      isRowMatchingFilters: params.isRowMatchingFilters,
-      disableChildrenFiltering: props.disableChildrenFiltering
-    });
-  }, [apiRef, props.disableChildrenFiltering]);
-  const sortingMethod = React.useCallback(params => {
-    const rowTree = gridRowTreeSelector(apiRef);
-    const rowIds = gridRowIdsSelector(apiRef);
-    return sortRowTree({
-      rowTree,
-      rowIds,
-      sortRowList: params.sortRowList,
-      disableChildrenSorting: props.disableChildrenSorting
-    });
-  }, [apiRef, props.disableChildrenSorting]);
-  useGridRegisterFilteringMethod(apiRef, TREE_DATA_GROUPING_NAME, filteringMethod);
-  useGridRegisterSortingMethod(apiRef, TREE_DATA_GROUPING_NAME, sortingMethod);
+export const useGridTreeData = apiRef => {
   /**
    * EVENTS
    */
-
   const handleCellKeyDown = React.useCallback((params, event) => {
     const cellParams = apiRef.current.getCellParams(params.id, params.field);
 

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

@@ -2,19 +2,25 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["hideDescendantCount"];
 import * as React from 'react';
-import { useGridRegisterPreProcessor } from '@mui/x-data-grid/internals';
+import { gridRowIdsSelector, gridRowTreeSelector, useFirstRender } from '@mui/x-data-grid';
+import { useGridRegisterPreProcessor, useGridRegisterStrategyProcessor } from '@mui/x-data-grid/internals';
 import { GRID_TREE_DATA_GROUPING_COL_DEF, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES } from './gridTreeDataGroupColDef';
-import { TREE_DATA_GROUPING_NAME } from './useGridTreeData';
+import { filterRowTreeFromTreeData, TREE_DATA_STRATEGY } from './gridTreeDataUtils';
 import { GridTreeDataGroupingCell } from '../../../components';
+import { buildRowTree } from '../../../utils/tree/buildRowTree';
+import { sortRowTree } from '../../../utils/tree/sortRowTree';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const useGridTreeDataPreProcessors = (apiRef, props) => {
+  const setStrategyAvailability = React.useCallback(() => {
+    apiRef.current.unstable_setStrategyAvailability('rowTree', TREE_DATA_STRATEGY, props.treeData ? () => true : () => false);
+  }, [apiRef, props.treeData]);
   const getGroupingColDef = React.useCallback(() => {
     const groupingColDefProp = props.groupingColDef;
     let colDefOverride;
 
     if (typeof groupingColDefProp === 'function') {
       const params = {
-        groupingName: TREE_DATA_GROUPING_NAME,
+        groupingName: TREE_DATA_STRATEGY,
         fields: []
       };
       colDefOverride = groupingColDefProp(params);
@@ -63,5 +69,68 @@ export const useGridTreeDataPreProcessors = (apiRef, props) => {
 
     return columnsState;
   }, [props.treeData, getGroupingColDef]);
+  const createRowTree = React.useCallback(params => {
+    if (!props.getTreeDataPath) {
+      throw new Error('MUI: No getTreeDataPath given.');
+    }
+
+    const rows = params.ids.map(rowId => ({
+      id: rowId,
+      path: props.getTreeDataPath(params.idRowsLookup[rowId]).map(key => ({
+        key,
+        field: null
+      }))
+    })).sort((a, b) => a.path.length - b.path.length);
+    return buildRowTree(_extends({
+      rows
+    }, params, {
+      defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
+      isGroupExpandedByDefault: props.isGroupExpandedByDefault,
+      groupingName: TREE_DATA_STRATEGY,
+      onDuplicatePath: (firstId, secondId, path) => {
+        throw new Error(['MUI: The path returned by `getTreeDataPath` should be unique.', `The rows with id #${firstId} and #${secondId} have the same.`, `Path: ${JSON.stringify(path.map(step => step.key))}.`].join('\n'));
+      }
+    }));
+  }, [props.getTreeDataPath, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
+  const filterRows = React.useCallback(params => {
+    const rowTree = gridRowTreeSelector(apiRef);
+    return filterRowTreeFromTreeData({
+      rowTree,
+      isRowMatchingFilters: params.isRowMatchingFilters,
+      disableChildrenFiltering: props.disableChildrenFiltering
+    });
+  }, [apiRef, props.disableChildrenFiltering]);
+  const sortRows = React.useCallback(params => {
+    const rowTree = gridRowTreeSelector(apiRef);
+    const rowIds = gridRowIdsSelector(apiRef);
+    return sortRowTree({
+      rowTree,
+      rowIds,
+      sortRowList: params.sortRowList,
+      disableChildrenSorting: props.disableChildrenSorting
+    });
+  }, [apiRef, props.disableChildrenSorting]);
   useGridRegisterPreProcessor(apiRef, 'hydrateColumns', updateGroupingColumn);
+  useGridRegisterStrategyProcessor(apiRef, TREE_DATA_STRATEGY, 'rowTreeCreation', createRowTree);
+  useGridRegisterStrategyProcessor(apiRef, TREE_DATA_STRATEGY, 'filtering', filterRows);
+  useGridRegisterStrategyProcessor(apiRef, TREE_DATA_STRATEGY, 'sorting', sortRows);
+  /**
+   * 1ST RENDER
+   */
+
+  useFirstRender(() => {
+    setStrategyAvailability();
+  });
+  /**
+   * EFFECTS
+   */
+
+  const isFirstRender = React.useRef(true);
+  React.useEffect(() => {
+    if (!isFirstRender.current) {
+      setStrategyAvailability();
+    } else {
+      isFirstRender.current = false;
+    }
+  }, [setStrategyAvailability]);
 };

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.6.1
+/** @license MUI v5.7.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/utils/releaseInfo.js

@@ -0,0 +1,15 @@
+import { ponyfillGlobal } from '@mui/utils';
+export const getReleaseInfo = () => {
+  const releaseInfo = "MTY0ODA5MDgwMDAwMA==";
+
+  if (process.env.NODE_ENV !== 'production') {
+    // A simple hack to set the value in the test environment (has no build step).
+    // eslint-disable-next-line no-useless-concat
+    if (releaseInfo === '__RELEASE' + '_INFO__') {
+      // eslint-disable-next-line no-underscore-dangle
+      return ponyfillGlobal.__MUI_RELEASE_INFO__;
+    }
+  }
+
+  return releaseInfo;
+};

package/node/DataGridPro/DataGridPro.js

@@ -19,34 +19,25 @@ var _xDataGrid = require("@mui/x-data-grid");
 
 var _useDataGridProComponent = require("./useDataGridProComponent");
 
-var _Watermark = require("../components/Watermark");
-
 var _useDataGridProProps = require("./useDataGridProProps");
 
 var _DataGridProVirtualScroller = require("../components/DataGridProVirtualScroller");
 
 var _DataGridProColumnHeaders = require("../components/DataGridProColumnHeaders");
 
+var _releaseInfo = require("../utils/releaseInfo");
+
 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; }
 
-// This is the package release date. Each package version should update this const
-// automatically when a new version is published on npm.
-let RELEASE_INFO = "MTY0Njg2NjgwMDAwMA=="; // eslint-disable-next-line no-useless-concat
-
-if (process.env.NODE_ENV !== 'production' && RELEASE_INFO === '__RELEASE' + '_INFO__') {
-  // eslint-disable-next-line no-underscore-dangle
-  RELEASE_INFO = _utils.ponyfillGlobal.__MUI_RELEASE_INFO__;
-}
-
-_xLicensePro.LicenseInfo.setReleaseInfo(RELEASE_INFO);
-
+const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
 const DataGridProRaw = /*#__PURE__*/React.forwardRef(function DataGridPro(inProps, ref) {
   const props = (0, _useDataGridProProps.useDataGridProProps)(inProps);
   const apiRef = (0, _useDataGridProComponent.useDataGridProComponent)(props.apiRef, props);
+  (0, _xLicensePro.useLicenseVerifier)('x-data-grid-pro', releaseInfo);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridContextProvider, {
     apiRef: apiRef,
     props: props,
@@ -59,7 +50,10 @@ const DataGridProRaw = /*#__PURE__*/React.forwardRef(function DataGridPro(inProp
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridHeaderPlaceholder, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridBody, {
           ColumnHeadersComponent: _DataGridProColumnHeaders.DataGridProColumnHeaders,
           VirtualScrollerComponent: _DataGridProVirtualScroller.DataGridProVirtualScroller,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {})
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicensePro.Watermark, {
+            packageName: "x-data-grid-pro",
+            releaseInfo: releaseInfo
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridFooterPlaceholder, {})]
       })
     })
@@ -299,6 +293,7 @@ DataGridProRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, the feature will be fully disabled and any property / method call will not have any effect.
    */
   experimentalFeatures: _propTypes.default.shape({
+    newEditingApi: _propTypes.default.bool,
     preventCommitWhileValidating: _propTypes.default.bool,
     rowGrouping: _propTypes.default.bool,
     warnIfFocusStateIsNotSynced: _propTypes.default.bool
@@ -812,6 +807,15 @@ DataGridProRaw.propTypes = {
     right: _propTypes.default.arrayOf(_propTypes.default.string)
   }),
 
+  /**
+   * Callback called before updating a row with new values in the row and cell editing.
+   * Only applied if `props.experimentalFeatures.newEditingApi: true`.
+   * @param {GridRowModel} newRow Row object with the new values.
+   * @param {GridRowModel} oldRow Row object with the old values.
+   * @returns {Promise<GridRowModel> | GridRowModel} The final values to update the row.
+   */
+  processRowUpdate: _propTypes.default.func,
+
   /**
    * Number of extra rows to be rendered before/after the visible slice.
    * @default 3

package/node/DataGridPro/useDataGridProComponent.js

@@ -33,6 +33,8 @@ var _useGridDetailPanelPreProcessors = require("../hooks/features/detailPanel/us
 
 // Pro-only features
 const useDataGridProComponent = (inputApiRef, props) => {
+  var _props$experimentalFe, _props$experimentalFe2;
+
   const apiRef = (0, _internals.useGridInitialization)(inputApiRef, props);
   /**
    * Register all pre-processors called during state initialization here.
@@ -41,25 +43,22 @@ const useDataGridProComponent = (inputApiRef, props) => {
   (0, _internals.useGridSelectionPreProcessors)(apiRef, props);
   (0, _useGridRowGroupingPreProcessors.useGridRowGroupingPreProcessors)(apiRef, props);
   (0, _useGridTreeDataPreProcessors.useGridTreeDataPreProcessors)(apiRef, props);
-  (0, _useGridDetailPanelPreProcessors.useGridDetailPanelPreProcessors)(apiRef, props);
-  (0, _useGridColumnPinningPreProcessors.useGridColumnPinningPreProcessors)(apiRef, props); // Must be the last because it changes the order of the columns.
+  (0, _useGridDetailPanelPreProcessors.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, _useGridColumnPinningPreProcessors.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)(_useGridDetailPanel.detailPanelStateInitializer, apiRef, props);
   (0, _internals.useGridInitializeState)(_useGridColumnPinning.columnPinningStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_useGridRowGrouping.rowGroupingStateInitializer, apiRef, props); // FIXME Call in the same relative position that useGridRowGrouping is called
-
   (0, _internals.useGridInitializeState)(_internals.columnsStateInitializer, apiRef, props);
-  (0, _useGridRowGrouping.useGridRowGrouping)(apiRef, props); // FIXME Needs to be called before the rows state initialization because it registers a rows group builder
-
-  (0, _useGridTreeData.useGridTreeData)(apiRef, props); // FIXME Needs to be called before the rows state initialization because it registers a rows group builder
-
   (0, _internals.useGridInitializeState)(_internals.rowsStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.editingStateInitializer, 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);
@@ -70,6 +69,8 @@ const useDataGridProComponent = (inputApiRef, 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, _useGridTreeData.useGridTreeData)(apiRef);
   (0, _internals.useGridSelection)(apiRef, props);
   (0, _useGridDetailPanel.useGridDetailPanel)(apiRef, props);
   (0, _useGridColumnPinning.useGridColumnPinning)(apiRef, props);
@@ -77,7 +78,8 @@ const useDataGridProComponent = (inputApiRef, props) => {
   (0, _internals.useGridRows)(apiRef, props);
   (0, _internals.useGridParamsApi)(apiRef);
   (0, _useGridDetailPanelCache.useGridDetailPanelCache)(apiRef, props);
-  (0, _internals.useGridEditing)(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.useGridSorting)(apiRef, props);
   (0, _internals.useGridPreferencesPanel)(apiRef);

package/node/components/DataGridProColumnHeaders.js

@@ -159,7 +159,15 @@ const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGrid
       }, {
         disableReorder: true
       })
-    }), rightRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridColumnHeadersPinnedColumnHeaders, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridColumnHeadersInner, (0, _extends2.default)({
+      isDragging: isDragging
+    }, getInnerProps(), {
+      children: getColumns({
+        renderContext,
+        minFirstColumn: leftPinnedColumns.length,
+        maxLastColumn: visibleColumnFields.length - rightPinnedColumns.length
+      })
+    })), rightRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridColumnHeadersPinnedColumnHeaders, {
       ownerState: {
         side: _columnPinning.GridPinnedPosition.right
       },
@@ -175,15 +183,7 @@ const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGrid
         disableReorder: true,
         separatorSide: _xDataGrid.GridColumnHeaderSeparatorSides.Left
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridColumnHeadersInner, (0, _extends2.default)({
-      isDragging: isDragging
-    }, getInnerProps(), {
-      children: getColumns({
-        renderContext,
-        minFirstColumn: leftPinnedColumns.length,
-        maxLastColumn: visibleColumnFields.length - rightPinnedColumns.length
-      })
-    }))]
+    })]
   }));
 });
 exports.DataGridProColumnHeaders = DataGridProColumnHeaders;

package/node/components/DataGridProVirtualScroller.js

@@ -270,7 +270,11 @@ const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGr
           maxLastColumn: leftRenderContext.lastColumnIndex,
           availableSpace: 0
         })
-      }), rightRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualScrollerPinnedColumns, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridVirtualScrollerRenderZone, (0, _extends2.default)({}, getRenderZoneProps(), {
+        children: getRows({
+          renderContext
+        })
+      })), rightRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualScrollerPinnedColumns, {
         ref: rightColumns,
         ownerState: {
           side: _columnPinning.GridPinnedPosition.right
@@ -283,11 +287,7 @@ const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGr
           maxLastColumn: rightRenderContext.lastColumnIndex,
           availableSpace: 0
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridVirtualScrollerRenderZone, (0, _extends2.default)({}, getRenderZoneProps(), {
-        children: getRows({
-          renderContext
-        })
-      })), detailPanels.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualScrollerDetailPanels, {
+      }), detailPanels.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualScrollerDetailPanels, {
         className: classes.detailPanels,
         children: detailPanels
       })]

package/node/hooks/features/rowGrouping/gridRowGroupingUtils.js

@@ -5,14 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mergeStateWithRowGroupingModel = exports.isGroupingColumn = exports.getRowGroupingFieldFromGroupingCriteria = exports.getRowGroupingCriteriaFromGroupingField = exports.getColDefOverrides = exports.filterRowTreeFromGroupingColumns = exports.GROUPING_COLUMNS_FEATURE_NAME = exports.GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = void 0;
+exports.setStrategyAvailability = exports.mergeStateWithRowGroupingModel = exports.isGroupingColumn = exports.getRowGroupingFieldFromGroupingCriteria = exports.getRowGroupingCriteriaFromGroupingField = exports.getColDefOverrides = exports.filterRowTreeFromGroupingColumns = exports.ROW_GROUPING_STRATEGY = exports.GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _gridRowGroupingSelector = require("./gridRowGroupingSelector");
+
 const GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = '__row_group_by_columns_group__';
 exports.GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD;
-const GROUPING_COLUMNS_FEATURE_NAME = 'grouping-columns';
-exports.GROUPING_COLUMNS_FEATURE_NAME = GROUPING_COLUMNS_FEATURE_NAME;
+const ROW_GROUPING_STRATEGY = 'grouping-columns';
+exports.ROW_GROUPING_STRATEGY = ROW_GROUPING_STRATEGY;
 
 const getRowGroupingFieldFromGroupingCriteria = groupingCriteria => {
   if (groupingCriteria === null) {
@@ -134,7 +136,7 @@ exports.filterRowTreeFromGroupingColumns = filterRowTreeFromGroupingColumns;
 const getColDefOverrides = (groupingColDefProp, fields) => {
   if (typeof groupingColDefProp === 'function') {
     return groupingColDefProp({
-      groupingName: GROUPING_COLUMNS_FEATURE_NAME,
+      groupingName: ROW_GROUPING_STRATEGY,
       fields
     });
   }
@@ -150,4 +152,21 @@ const mergeStateWithRowGroupingModel = rowGroupingModel => state => (0, _extends
   })
 });
 
-exports.mergeStateWithRowGroupingModel = mergeStateWithRowGroupingModel;
+exports.mergeStateWithRowGroupingModel = mergeStateWithRowGroupingModel;
+
+const setStrategyAvailability = (apiRef, disableRowGrouping) => {
+  let isAvailable;
+
+  if (disableRowGrouping) {
+    isAvailable = () => false;
+  } else {
+    isAvailable = () => {
+      const rowGroupingSanitizedModel = (0, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector)(apiRef);
+      return rowGroupingSanitizedModel.length > 0;
+    };
+  }
+
+  apiRef.current.unstable_setStrategyAvailability('rowTree', ROW_GROUPING_STRATEGY, isAvailable);
+};
+
+exports.setStrategyAvailability = setStrategyAvailability;