@mui/x-data-grid-premium 8.5.0 → 8.5.2

package/CHANGELOG.md

@@ -5,6 +5,210 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.5.2
+
+_Jun 12, 2025_
+
+We'd like to extend a big thank you to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Improve Data Grid selectors performance
+- 🐞 Fix `useSyncExternalStore` import error in React 17
+
+Special thanks go out to the community members for their valuable contributions:
+@alisasanib, @noobyogi0010.
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @JCQuintas, @KenanYusuf, @LukasTy, @mapache-salvaje, @michelengelen, @noraleonte, @oliviertassinari, @prakhargupta1, @romgrk.
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.5.2`
+
+- [DataGrid] Improve selectors performance (#18234) @romgrk
+- [DataGrid] Fix data grid palette when using CSS vars (#18310) @KenanYusuf
+- [DataGrid] Ignore data source request if the grid got unmounted (#18268) @arminmeh
+
+#### `@mui/x-data-grid-pro@8.5.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.5.2`, plus:
+
+- [DataGridPro] Fix flex column width if it is a pinned column (#18293) @alisasanib
+- [DataGridPro] Fix inconsistent filtering results with aggregation (#17954) @cherniavskii
+
+#### `@mui/x-data-grid-premium@8.5.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.5.2`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.5.2`
+
+- [pickers] Add `PickerDay2` and `DateRangePickerDay2` components (#15921) @noraleonte
+- [pickers] Fix `hiddenLabel` prop propagation (#18195) @noobyogi0010
+
+#### `@mui/x-date-pickers-pro@8.5.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.5.2`.
+
+### Charts
+
+#### `@mui/x-charts@8.5.2`
+
+- [charts] Add a default value formatter for continuous scales (#18178) @bernardobelchior
+- [charts] Add margin-bottom to charts toolbar (#18326) @bernardobelchior
+- [charts] Fix grid with band scale (#18295) @alexfauquette
+- [charts] Remove unnecessary style changes in tests (#18317) @JCQuintas
+- [charts] Remove `sx` prop merging from `useComponentRenderer` (#18235) @bernardobelchior
+- [charts] Fix `useSyncExternalStore` import error in React 17 (#18314) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.5.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.5.2`, plus:
+
+- [charts-pro] Document zoom slider tooltip value formatting (#18261) @bernardobelchior
+- [charts-pro] Funnel `gap` prop does not impact the drawing area (#18233) @JCQuintas
+- [charts-pro] Use `ChartsToolbarPro` types in pro charts (#18243) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.5.2`
+
+- [tree-view] Fix `useSyncExternalStore` import error in React 17 (#18314) @bernardobelchior
+
+#### `@mui/x-tree-view-pro@8.5.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.5.2`.
+
+### Docs
+
+- [docs] Add toolbar custom trigger and panel recipe (#18297) @KenanYusuf
+- [docs] Copyedit the Priority support page (#18311) @mapache-salvaje
+- [docs] Remove confusing opt-out mention in telemetry docs (#18257) @prakhargupta1
+- [docs] Revise the Master Detail doc (#17927) @mapache-salvaje
+- [docs] Revise the list view doc (#17928) @mapache-salvaje
+- [docs] Audit and revise the Pro column docs (#17844) @mapache-salvaje
+- [docs] Add some more context on Heatmap (#18256) @oliviertassinari
+- [x-telemetry] Reduce Telemetry overhead (#18292) @oliviertassinari
+- [code-infra] Align Node version used in CI to v22 (#18319) @LukasTy
+- [code-infra] Fix pkg.pr.new publishing (#18316) @bernardobelchior
+- [code-infra] Revert `React` to `19.0.0` (#18265) @LukasTy
+- [code-infra] Use `catalog` for reused dependencies (#18302) @LukasTy
+- [infra] Remove unused karma/mocha deps and files (#18340) @JCQuintas
+- [infra] Update github label references to use 'scope' instead of 'component' (#18260) @michelengelen
+- [infra] Use a single browser server in CI (#18230) @JCQuintas
+
+## 8.5.1
+
+<!-- generated comparing v8.5.0..master -->
+
+_Jun 5, 2025_
+
+We'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Allow exporting pie charts
+- 📚 Documentation improvements
+- 🌎 Improve Portuguese (ptPT) translations on the Data Grid
+- 🌎 Improve Portuguese (ptPT, ptBR) translations on Charts
+- 🌎 Improve Arabic (ar-SD) locale
+- 🐞 Bugfixes
+
+Special thanks go out to the community members for their valuable contributions: @moosekebab, @TiagoPortfolio.
+The following are all team members who have contributed to this release:
+@alexfauquette, @bernardobelchior, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen, @arminmeh.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.5.1`
+
+- [DataGrid] Fix `registerPipeProcessor()` for Node v20 (#18241) @arminmeh
+- [DataGrid] Fix background color in column header filler cells (#18188) @KenanYusuf
+- [DataGrid] Keep pipe pre-processors execution order when callback reference changes (#17558) @arminmeh
+- [DataGrid] Use `useComponentRenderer` from x-internals (#18203) @bernardobelchior
+- [l10n] Improve Arabic (ar-SD) locale (#17959) @moosekebab
+- [l10n] Improve Portuguese from Portugal (pt-PT) locale (#18064) @TiagoPortfolio
+
+#### `@mui/x-data-grid-pro@8.5.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.5.1`, plus:
+
+- [DataGridPro] Skip rendering detail panels of the rows turned into skeleton rows with lazy loading (#17958) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.5.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.5.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.5.1`
+
+- [pickers] Fix `transformOrigin` resolving based on popper `placement` (#18206) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.5.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.5.1`.
+
+### Charts
+
+#### `@mui/x-charts@8.5.1`
+
+- [charts] Allow skipping tooltip render (#18050) @alexfauquette
+- [charts] Fix act warnings in toolbar tests (#18212) @JCQuintas
+- [charts] Fix prop typo in `extendVertically` (#18211) @JCQuintas
+- [charts] Fix responsive height for ChartsWrapper (#18183) @alexfauquette
+- [charts] Improve charts toolbar accessibility (#18056) @bernardobelchior
+- [charts] Let line series propagate null from the dataset (#18223) @alexfauquette
+- [l10n] Add Portuguese locales for charts (pt-PT, pt-BR) (#18069) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.5.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.5.1`, plus:
+
+- [charts-pro] Add `linear-sharp` curve as alternative to square edge (#17966) @JCQuintas
+- [charts-pro] Add correct classes to `FunnelSectionLabel` (#18061) @JCQuintas
+- [charts-pro] Allow exporting a pie chart (#18063) @bernardobelchior
+- [charts-pro] Fix initial render for zoom slider selection (#18208) @bernardobelchior
+- [charts-pro] Fix props being passed to DOM in FunnelChart (#18192) @JCQuintas
+- [charts-pro] Show axis value in zoom slider tooltip (#18054) @bernardobelchior
+- [charts-pro] Render the toolbar in the heatmap chart (#18247) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.5.1`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.5.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.5.1`.
+
+### Docs
+
+- [docs] Update `valueFormatter` signature in migration guide (#18226) @michelengelen
+
+### Core
+
+- chore(deps): bump @next/eslint-plugin-next to 15.3.3 (#18155) @renovate[bot]
+- chore(deps): bump @types/lodash to ^4.17.17 (#17990) @renovate[bot]
+- chore(deps): bump babel (#18157) @renovate[bot]
+- chore(deps): bump eslint to ^9.28.0 (#17352) @renovate[bot]
+- chore(deps): bump material ui (#17802) @renovate[bot]
+- chore(deps): bump next to ^15.3.3 (#18159) @renovate[bot]
+- chore(deps): bump ossf/scorecard-action action to v2.4.2 (#18160) @renovate[bot]
+- chore(deps): bump react-router to ^7.6.1 (#18162) @renovate[bot]
+- chore(deps): bump yargs to ^18.0.0 (#18169) @renovate[bot]
+- [code-infra] Different approach to console testing for `processRowUpdate` (#18213) @JCQuintas
+- [code-infra] Fix act warnings in DataGrid/toolbar (#18207) @JCQuintas
+- [code-infra] Remove `istanbul` references (#18194) @JCQuintas
+- [code-infra] Remove codesandbox:ci (#18179) @JCQuintas
+- [code-infra] Replace `mocha` with `vitest` on e2e and regression tests (#18071) @JCQuintas
+- [code-infra] Upgrade @mui/internal-test-utils (#18191) @JCQuintas
+- [code-infra] Use vitest for `no-direct-state-access` tests (#18209) @JCQuintas
+- [infra] Improve test setup (#18228) @LukasTy
+- [infra] Update bug and feature request templates to standardize label types (#18198) @michelengelen
+- [infra] Use `playwright` docker image (#18186) @LukasTy
+
 ## 8.5.0
 
 _May 29, 2025_

package/DataGridPremium/DataGridPremium.js

@@ -40,7 +40,7 @@ const configuration = {
     }
   }
 };
-const releaseInfo = "MTc0ODQ2OTYwMDAwMA==";
+const releaseInfo = "MTc0OTY3OTIwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo

package/DataGridPremium/useDataGridPremiumComponent.js

@@ -36,19 +36,23 @@ const useDataGridPremiumComponent = (apiRef, inProps) => {
 
   /**
    * Register all pre-processors called during state initialization here.
+   * Some pre-processors are changing the same part of the state (like the order of the columns).
+   * Order them in descending order of priority.
+   * For example, left pinned columns should always render first from the left, so the `hydrateColumns` pre-processor from `useGridColumnPinningPreProcessors` should be called last (after all other `hydrateColumns` pre-processors).
+   * Similarly, the `hydrateColumns` pre-processor from `useGridRowSelectionPreProcessors` should be called after `useGridRowGroupingPreProcessors` because the selection checkboxes should appear before the grouping columns.
+   * Desired autogenerated columns order is:
+   * left pinned columns -> row reordering column -> checkbox column -> tree data / row grouping column -> master detail column -> rest of the columns
    */
-  (0, _internals.useGridRowSelectionPreProcessors)(apiRef, props);
-  (0, _internals.useGridRowReorderPreProcessors)(apiRef, props);
+  (0, _internals.useGridDetailPanelPreProcessors)(apiRef, props);
   (0, _useGridRowGroupingPreProcessors.useGridRowGroupingPreProcessors)(apiRef, props);
   (0, _useGridDataSourceRowGroupingPreProcessors.useGridDataSourceRowGroupingPreProcessors)(apiRef, props);
   (0, _internals.useGridTreeDataPreProcessors)(apiRef, props);
   (0, _internals.useGridDataSourceTreeDataPreProcessors)(apiRef, props);
+  (0, _internals.useGridRowSelectionPreProcessors)(apiRef, props);
   (0, _internals.useGridLazyLoaderPreProcessors)(apiRef, props);
   (0, _internals.useGridRowPinningPreProcessors)(apiRef);
   (0, _useGridAggregationPreProcessors.useGridAggregationPreProcessors)(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.useGridRowReorderPreProcessors)(apiRef, props);
   (0, _internals.useGridColumnPinningPreProcessors)(apiRef, props);
   (0, _internals.useGridRowsPreProcessors)(apiRef);
 

package/components/aiAssistantPanel/AiAssistantPanelTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-data-grid-pro/internals';
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import { GridSlotProps } from '@mui/x-data-grid-pro';
 export interface AiAssistantPanelState {
   /**

package/components/aiAssistantPanel/AiAssistantPanelTrigger.js

@@ -12,6 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _utils = require("@mui/material/utils");
@@ -67,7 +68,7 @@ const AiAssistantPanelTrigger = exports.AiAssistantPanelTrigger = (0, _forwardRe
     }
     onPointerUp?.(event);
   };
-  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseButton, {
+  const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseButton, {
     id: buttonId,
     'aria-haspopup': 'true',
     'aria-expanded': open ? 'true' : undefined,

package/components/export/ExportExcel.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _internals = require("@mui/x-data-grid/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -41,7 +41,7 @@ const ExportExcel = exports.ExportExcel = (0, _forwardRef.forwardRef)(function E
     apiRef.current.exportDataAsExcel(options);
     onClick?.(event);
   };
-  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseButton, render, (0, _extends2.default)({
+  const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseButton, render, (0, _extends2.default)({
     onClick: handleClick
   }, rootProps.slotProps?.baseButton, other, {
     ref

package/components/pivotPanel/PivotPanelTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-data-grid-pro/internals';
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import { GridSlotProps } from '@mui/x-data-grid-pro';
 export interface PivotPanelState {
   /**

package/components/pivotPanel/PivotPanelTrigger.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _internals = require("@mui/x-data-grid-pro/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -53,7 +53,7 @@ const PivotPanelTrigger = exports.PivotPanelTrigger = (0, _forwardRef.forwardRef
     apiRef.current.setPivotPanelOpen(!open);
     onClick?.(event);
   };
-  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseButton, {
+  const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseButton, {
     id: buttonId,
     // TODO: Hook up the panel/trigger IDs to the pivot panel
     'aria-haspopup': 'true',

package/components/promptField/PromptField.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _internals = require("@mui/x-data-grid/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _PromptFieldContext = require("./PromptFieldContext");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -59,7 +59,7 @@ const PromptField = exports.PromptField = (0, _forwardRef.forwardRef)(function P
     onSubmit: handleOnSubmit,
     onError: onRecordError
   }), [state, lang, onRecordError, handleOnSubmit]);
-  const element = (0, _internals.useGridComponentRenderer)('div', render, (0, _extends2.default)({
+  const element = (0, _useComponentRenderer.useComponentRenderer)('div', render, (0, _extends2.default)({
     className: resolvedClassName
   }, other, {
     ref

package/components/promptField/PromptFieldControl.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _internals = require("@mui/x-data-grid/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _PromptFieldContext = require("./PromptFieldContext");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -53,7 +53,7 @@ const PromptFieldControl = exports.PromptFieldControl = (0, _forwardRef.forwardR
     }
     onKeyDown?.(event);
   };
-  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseTextField, render, (0, _extends2.default)({}, rootProps.slotProps?.baseTextField, {
+  const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseTextField, render, (0, _extends2.default)({}, rootProps.slotProps?.baseTextField, {
     value: state.value,
     className: resolvedClassName
   }, other, {

package/components/promptField/PromptFieldRecord.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useTimeout = require("@mui/utils/useTimeout");
 var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _internals = require("@mui/x-data-grid/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _PromptFieldContext = require("./PromptFieldContext");
 var _speechRecognition = require("../../utils/speechRecognition");
@@ -120,7 +120,7 @@ const PromptFieldRecord = exports.PromptFieldRecord = (0, _forwardRef.forwardRef
     recognition.abort();
     onClick?.(event);
   };
-  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
+  const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
     className: resolvedClassName,
     disabled: state.disabled
   }, other, {

package/components/promptField/PromptFieldSend.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _internals = require("@mui/x-data-grid/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _PromptFieldContext = require("./PromptFieldContext");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -45,7 +45,7 @@ const PromptFieldSend = exports.PromptFieldSend = (0, _forwardRef.forwardRef)(fu
     onSubmit(state.value);
     onClick?.(event);
   };
-  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
+  const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
     className: resolvedClassName,
     disabled: state.disabled || state.recording || !state.value.trim()
   }, other, {

package/esm/DataGridPremium/DataGridPremium.js

@@ -33,7 +33,7 @@ const configuration = {
     }
   }
 };
-const releaseInfo = "MTc0ODQ2OTYwMDAwMA==";
+const releaseInfo = "MTc0OTY3OTIwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo

package/esm/DataGridPremium/useDataGridPremiumComponent.js

@@ -27,19 +27,23 @@ export const useDataGridPremiumComponent = (apiRef, inProps) => {
 
   /**
    * Register all pre-processors called during state initialization here.
+   * Some pre-processors are changing the same part of the state (like the order of the columns).
+   * Order them in descending order of priority.
+   * For example, left pinned columns should always render first from the left, so the `hydrateColumns` pre-processor from `useGridColumnPinningPreProcessors` should be called last (after all other `hydrateColumns` pre-processors).
+   * Similarly, the `hydrateColumns` pre-processor from `useGridRowSelectionPreProcessors` should be called after `useGridRowGroupingPreProcessors` because the selection checkboxes should appear before the grouping columns.
+   * Desired autogenerated columns order is:
+   * left pinned columns -> row reordering column -> checkbox column -> tree data / row grouping column -> master detail column -> rest of the columns
    */
-  useGridRowSelectionPreProcessors(apiRef, props);
-  useGridRowReorderPreProcessors(apiRef, props);
+  useGridDetailPanelPreProcessors(apiRef, props);
   useGridRowGroupingPreProcessors(apiRef, props);
   useGridDataSourceRowGroupingPreProcessors(apiRef, props);
   useGridTreeDataPreProcessors(apiRef, props);
   useGridDataSourceTreeDataPreProcessors(apiRef, props);
+  useGridRowSelectionPreProcessors(apiRef, props);
   useGridLazyLoaderPreProcessors(apiRef, props);
   useGridRowPinningPreProcessors(apiRef);
   useGridAggregationPreProcessors(apiRef, props);
-  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.
+  useGridRowReorderPreProcessors(apiRef, props);
   useGridColumnPinningPreProcessors(apiRef, props);
   useGridRowsPreProcessors(apiRef);
 

package/esm/components/aiAssistantPanel/AiAssistantPanelTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-data-grid-pro/internals';
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import { GridSlotProps } from '@mui/x-data-grid-pro';
 export interface AiAssistantPanelState {
   /**

package/esm/components/aiAssistantPanel/AiAssistantPanelTrigger.js

@@ -5,7 +5,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer, useGridPanelContext } from '@mui/x-data-grid-pro/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
+import { useGridPanelContext } from '@mui/x-data-grid-pro/internals';
 import { gridPreferencePanelStateSelector, GridPreferencePanelsValue, useGridSelector } from '@mui/x-data-grid-pro';
 import { useForkRef } from '@mui/material/utils';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
@@ -59,7 +60,7 @@ const AiAssistantPanelTrigger = forwardRef(function AiAssistantPanelTrigger(prop
     }
     onPointerUp?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
+  const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
     id: buttonId,
     'aria-haspopup': 'true',
     'aria-expanded': open ? 'true' : undefined,

package/esm/components/export/ExportExcel.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render", "options", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -33,7 +33,7 @@ const ExportExcel = forwardRef(function ExportExcel(props, ref) {
     apiRef.current.exportDataAsExcel(options);
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({
+  const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({
     onClick: handleClick
   }, rootProps.slotProps?.baseButton, other, {
     ref

package/esm/components/pivotPanel/PivotPanelTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-data-grid-pro/internals';
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import { GridSlotProps } from '@mui/x-data-grid-pro';
 export interface PivotPanelState {
   /**

package/esm/components/pivotPanel/PivotPanelTrigger.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer } from '@mui/x-data-grid-pro/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridSelector } from '@mui/x-data-grid-pro';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -45,7 +45,7 @@ const PivotPanelTrigger = forwardRef(function PivotPanelTrigger(props, ref) {
     apiRef.current.setPivotPanelOpen(!open);
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
+  const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
     id: buttonId,
     // TODO: Hook up the panel/trigger IDs to the pivot panel
     'aria-haspopup': 'true',

package/esm/components/promptField/PromptField.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render", "className", "lang", "onRecordError", "onSubmit"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { PromptFieldContext } from "./PromptFieldContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -51,7 +51,7 @@ const PromptField = forwardRef(function PromptField(props, ref) {
     onSubmit: handleOnSubmit,
     onError: onRecordError
   }), [state, lang, onRecordError, handleOnSubmit]);
-  const element = useGridComponentRenderer('div', render, _extends({
+  const element = useComponentRenderer('div', render, _extends({
     className: resolvedClassName
   }, other, {
     ref

package/esm/components/promptField/PromptFieldControl.js

@@ -4,7 +4,7 @@ const _excluded = ["render", "className", "onChange", "onKeyDown"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { usePromptFieldContext } from "./PromptFieldContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -45,7 +45,7 @@ const PromptFieldControl = forwardRef(function PromptFieldControl(props, ref) {
     }
     onKeyDown?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseTextField, render, _extends({}, rootProps.slotProps?.baseTextField, {
+  const element = useComponentRenderer(rootProps.slots.baseTextField, render, _extends({}, rootProps.slotProps?.baseTextField, {
     value: state.value,
     className: resolvedClassName
   }, other, {

package/esm/components/promptField/PromptFieldRecord.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { Timeout } from '@mui/utils/useTimeout';
 import useLazyRef from '@mui/utils/useLazyRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { usePromptFieldContext } from "./PromptFieldContext.js";
 import { BrowserSpeechRecognition } from "../../utils/speechRecognition.js";
@@ -112,7 +112,7 @@ const PromptFieldRecord = forwardRef(function PromptFieldRecord(props, ref) {
     recognition.abort();
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
+  const element = useComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
     className: resolvedClassName,
     disabled: state.disabled
   }, other, {

package/esm/components/promptField/PromptFieldSend.js

@@ -4,7 +4,7 @@ const _excluded = ["render", "className", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { usePromptFieldContext } from "./PromptFieldContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -37,7 +37,7 @@ const PromptFieldSend = forwardRef(function PromptFieldSend(props, ref) {
     onSubmit(state.value);
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
+  const element = useComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
     className: resolvedClassName,
     disabled: state.disabled || state.recording || !state.value.trim()
   }, other, {

package/esm/hooks/features/aggregation/gridAggregationSelectors.d.ts

@@ -7,16 +7,22 @@ export declare const gridAggregationStateSelector: import("@mui/x-data-grid").Ou
  * If a column is not in the model, it is not aggregated.
  * @category Aggregation
  */
-export declare const gridAggregationModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAggregationInterfaces.js").GridAggregationState, import("./gridAggregationInterfaces.js").GridAggregationModel>;
+export declare const gridAggregationModelSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridAggregationInterfaces.js").GridAggregationModel;
 /**
  * Get the aggregation results as a lookup.
  * @category Aggregation
  */
-export declare const gridAggregationLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAggregationInterfaces.js").GridAggregationState, import("./gridAggregationInterfaces.js").GridAggregationLookup>;
-export declare const gridCellAggregationResultSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, {
+export declare const gridAggregationLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridAggregationInterfaces.js").GridAggregationLookup;
+export declare const gridCellAggregationResultSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>, args_1: {
   id: GridRowId;
   field: string;
-}, {
+}) => {
   position: GridAggregationPosition;
   value: any;
-} | null>;
+} | null;

package/esm/hooks/features/aggregation/wrapColumnWithAggregation.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { RefObject } from '@mui/x-internals/types';
-import { GridColDef, GridFilterOperator } from '@mui/x-data-grid-pro';
+import { GridColDef } from '@mui/x-data-grid-pro';
 import { type GridBaseColDef } from '@mui/x-data-grid-pro/internals';
 import { GridApiPremium } from "../../../models/gridApiPremium.js";
 import type { GridAggregationRule } from "./gridAggregationInterfaces.js";
@@ -46,7 +46,7 @@ export declare const unwrapColumnFromAggregation: (column: GridColDef) => GridBa
   hideSortIcons?: boolean;
   disableColumnMenu?: boolean;
   filterable?: boolean;
-  filterOperators?: readonly GridFilterOperator<import("@mui/x-data-grid").GridValidRowModel, any, any, any>[] | undefined;
+  filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<import("@mui/x-data-grid").GridValidRowModel, any, any, any>[] | undefined;
   getApplyQuickFilterFn?: import("@mui/x-data-grid").GetApplyQuickFilterFn<import("@mui/x-data-grid").GridValidRowModel, any> | undefined;
   disableReorder?: boolean;
   disableExport?: boolean;

package/esm/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -88,33 +88,6 @@ const getAggregationValueWrappedRenderCell = ({
   return wrappedRenderCell;
 };
 
-/**
- * Skips the filtering for aggregated rows
- */
-const getWrappedFilterOperators = ({
-  value: filterOperators,
-  apiRef,
-  getCellAggregationResult
-}) => filterOperators.map(operator => {
-  const baseGetApplyFilterFn = operator.getApplyFilterFn;
-  const getApplyFilterFn = (filterItem, colDef) => {
-    const filterFn = baseGetApplyFilterFn(filterItem, colDef);
-    if (!filterFn) {
-      return null;
-    }
-    return (value, row, column, api) => {
-      const rowId = gridRowIdSelector(apiRef, row);
-      if (getCellAggregationResult(rowId, column.field) != null) {
-        return true;
-      }
-      return filterFn(value, row, column, api);
-    };
-  };
-  return _extends({}, operator, {
-    getApplyFilterFn
-  });
-});
-
 /**
  * Add the aggregation method around the header name
  */
@@ -192,7 +165,6 @@ export const wrapColumnWithAggregationValue = (column, aggregationRule, apiRef)
   wrapColumnProperty('valueFormatter', getAggregationValueWrappedValueFormatter);
   wrapColumnProperty('renderCell', getAggregationValueWrappedRenderCell);
   wrapColumnProperty('renderHeader', getWrappedRenderHeader);
-  wrapColumnProperty('filterOperators', getWrappedFilterOperators);
   if (!didWrapSomeProperty) {
     return column;
   }

package/esm/hooks/features/aiAssistant/gridAiAssistantSelectors.d.ts

@@ -1,5 +1,11 @@
 import type { GridStatePremium } from "../../../models/gridStatePremium.js";
 import { Conversation } from "./gridAiAssistantInterfaces.js";
-export declare const gridAiAssistantActiveConversationIndexSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAiAssistantInterfaces.js").GridAiAssistantState, number>;
-export declare const gridAiAssistantConversationsSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAiAssistantInterfaces.js").GridAiAssistantState, Conversation[]>;
-export declare const gridAiAssistantActiveConversationSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, number, Conversation | undefined>;
+export declare const gridAiAssistantActiveConversationIndexSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => number;
+export declare const gridAiAssistantConversationsSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => Conversation[];
+export declare const gridAiAssistantActiveConversationSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => Conversation | undefined;

package/esm/hooks/features/pivoting/gridPivotingSelectors.d.ts

@@ -1,4 +1,8 @@
 import type { GridStatePremium } from "../../../models/gridStatePremium.js";
-export declare const gridPivotModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridPivotingInterfaces.js").GridPivotingState, import("./gridPivotingInterfaces.js").GridPivotModel>;
-export declare const gridPivotPropsOverridesSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridPivotingInterfaces.js").GridPivotingState, import("./gridPivotingInterfaces.js").GridPivotingPropsOverrides | undefined>;
+export declare const gridPivotModelSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridPivotingInterfaces.js").GridPivotModel;
+export declare const gridPivotPropsOverridesSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridPivotingInterfaces.js").GridPivotingPropsOverrides | undefined;
 export { gridPivotActiveSelector, gridPivotInitialColumnsSelector, gridPivotPanelOpenSelector } from '@mui/x-data-grid/internals';

package/esm/hooks/features/rowGrouping/gridRowGroupingSelector.d.ts

@@ -1,3 +1,7 @@
 import { GridStatePremium } from "../../../models/gridStatePremium.js";
-export declare const gridRowGroupingModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridRowGroupingInterfaces.js").GridRowGroupingState, import("./gridRowGroupingInterfaces.js").GridRowGroupingModel>;
-export declare const gridRowGroupingSanitizedModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("@mui/x-data-grid").GridColumnLookup, string[]>;
+export declare const gridRowGroupingModelSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridRowGroupingInterfaces.js").GridRowGroupingModel;
+export declare const gridRowGroupingSanitizedModelSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => string[];

package/esm/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { gridColumnLookupSelector, gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid-pro';
+import { gridColumnLookupSelector, gridRowTreeSelector, useFirstRender } from '@mui/x-data-grid-pro';
 import { useGridRegisterPipeProcessor, useGridRegisterStrategyProcessor, sortRowTree, createRowTree, updateRowTree, getVisibleRowsLookup } from '@mui/x-data-grid-pro/internals';
 import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from "./gridRowGroupingSelector.js";
 import { createGroupingColDefForAllGroupingCriteria, createGroupingColDefForOneGroupingCriteria } from "./createGroupingColDef.js";
@@ -66,9 +66,7 @@ export const useGridRowGroupingPreProcessors = (apiRef, props) => {
       }
       newColumnsLookup[groupingColDef.field] = groupingColDef;
     });
-    const checkBoxFieldIndex = newColumnFields.findIndex(field => field === GRID_CHECKBOX_SELECTION_FIELD);
-    const checkBoxColumn = checkBoxFieldIndex !== -1 ? newColumnFields.splice(checkBoxFieldIndex, 1) : [];
-    newColumnFields = [...checkBoxColumn, ...groupingColDefs.map(colDef => colDef.field), ...newColumnFields];
+    newColumnFields = [...groupingColDefs.map(colDef => colDef.field), ...newColumnFields];
     columnsState.orderedFields = newColumnFields;
     columnsState.lookup = newColumnsLookup;
     return columnsState;

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.5.0
+ * @mui/x-data-grid-premium v8.5.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/hooks/features/aggregation/gridAggregationSelectors.d.ts

@@ -7,16 +7,22 @@ export declare const gridAggregationStateSelector: import("@mui/x-data-grid").Ou
  * If a column is not in the model, it is not aggregated.
  * @category Aggregation
  */
-export declare const gridAggregationModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAggregationInterfaces.js").GridAggregationState, import("./gridAggregationInterfaces.js").GridAggregationModel>;
+export declare const gridAggregationModelSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridAggregationInterfaces.js").GridAggregationModel;
 /**
  * Get the aggregation results as a lookup.
  * @category Aggregation
  */
-export declare const gridAggregationLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAggregationInterfaces.js").GridAggregationState, import("./gridAggregationInterfaces.js").GridAggregationLookup>;
-export declare const gridCellAggregationResultSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, {
+export declare const gridAggregationLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridAggregationInterfaces.js").GridAggregationLookup;
+export declare const gridCellAggregationResultSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>, args_1: {
   id: GridRowId;
   field: string;
-}, {
+}) => {
   position: GridAggregationPosition;
   value: any;
-} | null>;
+} | null;

package/hooks/features/aggregation/wrapColumnWithAggregation.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { RefObject } from '@mui/x-internals/types';
-import { GridColDef, GridFilterOperator } from '@mui/x-data-grid-pro';
+import { GridColDef } from '@mui/x-data-grid-pro';
 import { type GridBaseColDef } from '@mui/x-data-grid-pro/internals';
 import { GridApiPremium } from "../../../models/gridApiPremium.js";
 import type { GridAggregationRule } from "./gridAggregationInterfaces.js";
@@ -46,7 +46,7 @@ export declare const unwrapColumnFromAggregation: (column: GridColDef) => GridBa
   hideSortIcons?: boolean;
   disableColumnMenu?: boolean;
   filterable?: boolean;
-  filterOperators?: readonly GridFilterOperator<import("@mui/x-data-grid").GridValidRowModel, any, any, any>[] | undefined;
+  filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<import("@mui/x-data-grid").GridValidRowModel, any, any, any>[] | undefined;
   getApplyQuickFilterFn?: import("@mui/x-data-grid").GetApplyQuickFilterFn<import("@mui/x-data-grid").GridValidRowModel, any> | undefined;
   disableReorder?: boolean;
   disableExport?: boolean;

package/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -96,33 +96,6 @@ const getAggregationValueWrappedRenderCell = ({
   return wrappedRenderCell;
 };
 
-/**
- * Skips the filtering for aggregated rows
- */
-const getWrappedFilterOperators = ({
-  value: filterOperators,
-  apiRef,
-  getCellAggregationResult
-}) => filterOperators.map(operator => {
-  const baseGetApplyFilterFn = operator.getApplyFilterFn;
-  const getApplyFilterFn = (filterItem, colDef) => {
-    const filterFn = baseGetApplyFilterFn(filterItem, colDef);
-    if (!filterFn) {
-      return null;
-    }
-    return (value, row, column, api) => {
-      const rowId = (0, _xDataGridPro.gridRowIdSelector)(apiRef, row);
-      if (getCellAggregationResult(rowId, column.field) != null) {
-        return true;
-      }
-      return filterFn(value, row, column, api);
-    };
-  };
-  return (0, _extends2.default)({}, operator, {
-    getApplyFilterFn
-  });
-});
-
 /**
  * Add the aggregation method around the header name
  */
@@ -200,7 +173,6 @@ const wrapColumnWithAggregationValue = (column, aggregationRule, apiRef) => {
   wrapColumnProperty('valueFormatter', getAggregationValueWrappedValueFormatter);
   wrapColumnProperty('renderCell', getAggregationValueWrappedRenderCell);
   wrapColumnProperty('renderHeader', getWrappedRenderHeader);
-  wrapColumnProperty('filterOperators', getWrappedFilterOperators);
   if (!didWrapSomeProperty) {
     return column;
   }

package/hooks/features/aiAssistant/gridAiAssistantSelectors.d.ts

@@ -1,5 +1,11 @@
 import type { GridStatePremium } from "../../../models/gridStatePremium.js";
 import { Conversation } from "./gridAiAssistantInterfaces.js";
-export declare const gridAiAssistantActiveConversationIndexSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAiAssistantInterfaces.js").GridAiAssistantState, number>;
-export declare const gridAiAssistantConversationsSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAiAssistantInterfaces.js").GridAiAssistantState, Conversation[]>;
-export declare const gridAiAssistantActiveConversationSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, number, Conversation | undefined>;
+export declare const gridAiAssistantActiveConversationIndexSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => number;
+export declare const gridAiAssistantConversationsSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => Conversation[];
+export declare const gridAiAssistantActiveConversationSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => Conversation | undefined;

package/hooks/features/pivoting/gridPivotingSelectors.d.ts

@@ -1,4 +1,8 @@
 import type { GridStatePremium } from "../../../models/gridStatePremium.js";
-export declare const gridPivotModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridPivotingInterfaces.js").GridPivotingState, import("./gridPivotingInterfaces.js").GridPivotModel>;
-export declare const gridPivotPropsOverridesSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridPivotingInterfaces.js").GridPivotingState, import("./gridPivotingInterfaces.js").GridPivotingPropsOverrides | undefined>;
+export declare const gridPivotModelSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridPivotingInterfaces.js").GridPivotModel;
+export declare const gridPivotPropsOverridesSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridPivotingInterfaces.js").GridPivotingPropsOverrides | undefined;
 export { gridPivotActiveSelector, gridPivotInitialColumnsSelector, gridPivotPanelOpenSelector } from '@mui/x-data-grid/internals';

package/hooks/features/rowGrouping/gridRowGroupingSelector.d.ts

@@ -1,3 +1,7 @@
 import { GridStatePremium } from "../../../models/gridStatePremium.js";
-export declare const gridRowGroupingModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridRowGroupingInterfaces.js").GridRowGroupingState, import("./gridRowGroupingInterfaces.js").GridRowGroupingModel>;
-export declare const gridRowGroupingSanitizedModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("@mui/x-data-grid").GridColumnLookup, string[]>;
+export declare const gridRowGroupingModelSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => import("./gridRowGroupingInterfaces.js").GridRowGroupingModel;
+export declare const gridRowGroupingSanitizedModelSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => string[];

package/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -73,9 +73,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
       }
       newColumnsLookup[groupingColDef.field] = groupingColDef;
     });
-    const checkBoxFieldIndex = newColumnFields.findIndex(field => field === _xDataGridPro.GRID_CHECKBOX_SELECTION_FIELD);
-    const checkBoxColumn = checkBoxFieldIndex !== -1 ? newColumnFields.splice(checkBoxFieldIndex, 1) : [];
-    newColumnFields = [...checkBoxColumn, ...groupingColDefs.map(colDef => colDef.field), ...newColumnFields];
+    newColumnFields = [...groupingColDefs.map(colDef => colDef.field), ...newColumnFields];
     columnsState.orderedFields = newColumnFields;
     columnsState.lookup = newColumnsLookup;
     return columnsState;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.5.0
+ * @mui/x-data-grid-premium v8.5.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "8.5.0",
+  "version": "8.5.2",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "main": "./index.js",
@@ -35,17 +35,16 @@
     "directory": "packages/x-data-grid-premium"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.1",
-    "@mui/utils": "^7.0.2",
+    "@babel/runtime": "^7.27.6",
+    "@mui/utils": "^7.1.1",
     "@types/format-util": "^1.0.4",
     "clsx": "^2.1.1",
     "exceljs": "^4.4.0",
     "prop-types": "^15.8.1",
-    "reselect": "^5.1.1",
-    "@mui/x-data-grid": "8.5.0",
-    "@mui/x-data-grid-pro": "8.5.0",
-    "@mui/x-license": "8.5.0",
-    "@mui/x-internals": "8.5.0"
+    "@mui/x-data-grid": "8.5.2",
+    "@mui/x-data-grid-pro": "8.5.2",
+    "@mui/x-internals": "8.5.2",
+    "@mui/x-license": "8.5.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",