@mui/x-data-grid-premium 5.17.15 → 5.17.16

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.16
+
+_Dec 16, 2022_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.16` / `@mui/x-data-grid-pro@v5.17.16` / `@mui/x-data-grid-premium@v5.17.16`
+
+#### Changes
+
+- [DataGrid] Display sort column menu items as per `sortingOrder` prop (#7125) @hanbin9775
+- [DataGrid] Fix flickering on mount (#7155) @cherniavskii
+- [DataGridPremium] Use separate cache for aggregation columns pre-processor (#7174) @m4theushw
+
+### `@mui/x-date-pickers@v5.0.11` / `@mui/x-date-pickers-pro@v5.0.11`
+
+#### Changes
+
+- [DateTimePicker] Update export pattern (#7172) @kealjones-wk
+
+### Docs
+
+- [docs] Document aggregation selectors (#7151) @cherniavskii
+
 ## 5.17.15
 
 _Dec 8, 2022_

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

@@ -1,4 +1,13 @@
 import { GridStatePremium } from '../../../models/gridStatePremium';
 export declare const gridAggregationStateSelector: (state: GridStatePremium) => import("./gridAggregationInterfaces").GridAggregationState;
+/**
+ * Get the aggregation model, containing the aggregation function of each column.
+ * 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").GridAggregationModel>;
+/**
+ * Get the aggregation results as a lookup.
+ * @category Aggregation
+ */
 export declare const gridAggregationLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAggregationInterfaces").GridAggregationLookup>;

package/hooks/features/aggregation/gridAggregationSelectors.js

@@ -1,4 +1,15 @@
 import { createSelector } from '@mui/x-data-grid-pro/internals';
 export const gridAggregationStateSelector = state => state.aggregation;
+/**
+ * Get the aggregation model, containing the aggregation function of each column.
+ * If a column is not in the model, it is not aggregated.
+ * @category Aggregation
+ */
+
 export const gridAggregationModelSelector = createSelector(gridAggregationStateSelector, aggregationState => aggregationState.model);
+/**
+ * Get the aggregation results as a lookup.
+ * @category Aggregation
+ */
+
 export const gridAggregationLookupSelector = createSelector(gridAggregationStateSelector, aggregationState => aggregationState.lookup);

package/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -14,10 +14,10 @@ const Divider = () => /*#__PURE__*/_jsx(MuiDivider, {
 });
 
 export const useGridAggregationPreProcessors = (apiRef, props) => {
+  // apiRef.current.caches.aggregation.rulesOnLastColumnHydration is not used because by the time
+  // that the pre-processor is called it will already have been updated with the current rules.
+  const rulesOnLastColumnHydration = React.useRef({});
   const updateAggregatedColumns = React.useCallback(columnsState => {
-    const {
-      rulesOnLastColumnHydration
-    } = apiRef.current.unstable_caches.aggregation;
     const aggregationRules = props.disableAggregation ? {} : getAggregationRules({
       columnsLookup: columnsState.lookup,
       aggregationModel: gridAggregationModelSelector(apiRef),
@@ -25,7 +25,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
     });
     columnsState.all.forEach(field => {
       const shouldHaveAggregationValue = !!aggregationRules[field];
-      const haveAggregationColumnValue = !!rulesOnLastColumnHydration[field];
+      const haveAggregationColumnValue = !!rulesOnLastColumnHydration.current[field];
       let column = columnsState.lookup[field];
 
       if (haveAggregationColumnValue) {
@@ -44,6 +44,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
 
       columnsState.lookup[field] = column;
     });
+    rulesOnLastColumnHydration.current = aggregationRules;
     return columnsState;
   }, [apiRef, props.aggregationFunctions, props.disableAggregation]);
   const addGroupFooterRows = React.useCallback(groupingParams => {

package/index.js

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

package/legacy/hooks/features/aggregation/gridAggregationSelectors.js

@@ -2,9 +2,20 @@ import { createSelector } from '@mui/x-data-grid-pro/internals';
 export var gridAggregationStateSelector = function gridAggregationStateSelector(state) {
   return state.aggregation;
 };
+/**
+ * Get the aggregation model, containing the aggregation function of each column.
+ * If a column is not in the model, it is not aggregated.
+ * @category Aggregation
+ */
+
 export var gridAggregationModelSelector = createSelector(gridAggregationStateSelector, function (aggregationState) {
   return aggregationState.model;
 });
+/**
+ * Get the aggregation results as a lookup.
+ * @category Aggregation
+ */
+
 export var gridAggregationLookupSelector = createSelector(gridAggregationStateSelector, function (aggregationState) {
   return aggregationState.lookup;
 });

package/legacy/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -19,8 +19,10 @@ var Divider = function Divider() {
 };
 
 export var useGridAggregationPreProcessors = function useGridAggregationPreProcessors(apiRef, props) {
+  // apiRef.current.caches.aggregation.rulesOnLastColumnHydration is not used because by the time
+  // that the pre-processor is called it will already have been updated with the current rules.
+  var rulesOnLastColumnHydration = React.useRef({});
   var updateAggregatedColumns = React.useCallback(function (columnsState) {
-    var rulesOnLastColumnHydration = apiRef.current.unstable_caches.aggregation.rulesOnLastColumnHydration;
     var aggregationRules = props.disableAggregation ? {} : getAggregationRules({
       columnsLookup: columnsState.lookup,
       aggregationModel: gridAggregationModelSelector(apiRef),
@@ -28,7 +30,7 @@ export var useGridAggregationPreProcessors = function useGridAggregationPreProce
     });
     columnsState.all.forEach(function (field) {
       var shouldHaveAggregationValue = !!aggregationRules[field];
-      var haveAggregationColumnValue = !!rulesOnLastColumnHydration[field];
+      var haveAggregationColumnValue = !!rulesOnLastColumnHydration.current[field];
       var column = columnsState.lookup[field];
 
       if (haveAggregationColumnValue) {
@@ -47,6 +49,7 @@ export var useGridAggregationPreProcessors = function useGridAggregationPreProce
 
       columnsState.lookup[field] = column;
     });
+    rulesOnLastColumnHydration.current = aggregationRules;
     return columnsState;
   }, [apiRef, props.aggregationFunctions, props.disableAggregation]);
   var addGroupFooterRows = React.useCallback(function (groupingParams) {

package/legacy/index.js

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

package/legacy/utils/releaseInfo.js

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

package/modern/hooks/features/aggregation/gridAggregationSelectors.js

@@ -1,4 +1,15 @@
 import { createSelector } from '@mui/x-data-grid-pro/internals';
 export const gridAggregationStateSelector = state => state.aggregation;
+/**
+ * Get the aggregation model, containing the aggregation function of each column.
+ * If a column is not in the model, it is not aggregated.
+ * @category Aggregation
+ */
+
 export const gridAggregationModelSelector = createSelector(gridAggregationStateSelector, aggregationState => aggregationState.model);
+/**
+ * Get the aggregation results as a lookup.
+ * @category Aggregation
+ */
+
 export const gridAggregationLookupSelector = createSelector(gridAggregationStateSelector, aggregationState => aggregationState.lookup);

package/modern/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -14,10 +14,10 @@ const Divider = () => /*#__PURE__*/_jsx(MuiDivider, {
 });
 
 export const useGridAggregationPreProcessors = (apiRef, props) => {
+  // apiRef.current.caches.aggregation.rulesOnLastColumnHydration is not used because by the time
+  // that the pre-processor is called it will already have been updated with the current rules.
+  const rulesOnLastColumnHydration = React.useRef({});
   const updateAggregatedColumns = React.useCallback(columnsState => {
-    const {
-      rulesOnLastColumnHydration
-    } = apiRef.current.unstable_caches.aggregation;
     const aggregationRules = props.disableAggregation ? {} : getAggregationRules({
       columnsLookup: columnsState.lookup,
       aggregationModel: gridAggregationModelSelector(apiRef),
@@ -25,7 +25,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
     });
     columnsState.all.forEach(field => {
       const shouldHaveAggregationValue = !!aggregationRules[field];
-      const haveAggregationColumnValue = !!rulesOnLastColumnHydration[field];
+      const haveAggregationColumnValue = !!rulesOnLastColumnHydration.current[field];
       let column = columnsState.lookup[field];
 
       if (haveAggregationColumnValue) {
@@ -44,6 +44,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
 
       columnsState.lookup[field] = column;
     });
+    rulesOnLastColumnHydration.current = aggregationRules;
     return columnsState;
   }, [apiRef, props.aggregationFunctions, props.disableAggregation]);
   const addGroupFooterRows = React.useCallback(groupingParams => {

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.15
+/** @license MUI v5.17.16
  *
  * 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

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

package/node/hooks/features/aggregation/gridAggregationSelectors.js

@@ -8,9 +8,20 @@ exports.gridAggregationStateSelector = exports.gridAggregationModelSelector = ex
 var _internals = require("@mui/x-data-grid-pro/internals");
 
 const gridAggregationStateSelector = state => state.aggregation;
+/**
+ * Get the aggregation model, containing the aggregation function of each column.
+ * If a column is not in the model, it is not aggregated.
+ * @category Aggregation
+ */
+
 
 exports.gridAggregationStateSelector = gridAggregationStateSelector;
 const gridAggregationModelSelector = (0, _internals.createSelector)(gridAggregationStateSelector, aggregationState => aggregationState.model);
+/**
+ * Get the aggregation results as a lookup.
+ * @category Aggregation
+ */
+
 exports.gridAggregationModelSelector = gridAggregationModelSelector;
 const gridAggregationLookupSelector = (0, _internals.createSelector)(gridAggregationStateSelector, aggregationState => aggregationState.lookup);
 exports.gridAggregationLookupSelector = gridAggregationLookupSelector;

package/node/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -36,10 +36,10 @@ const Divider = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
 });
 
 const useGridAggregationPreProcessors = (apiRef, props) => {
+  // apiRef.current.caches.aggregation.rulesOnLastColumnHydration is not used because by the time
+  // that the pre-processor is called it will already have been updated with the current rules.
+  const rulesOnLastColumnHydration = React.useRef({});
   const updateAggregatedColumns = React.useCallback(columnsState => {
-    const {
-      rulesOnLastColumnHydration
-    } = apiRef.current.unstable_caches.aggregation;
     const aggregationRules = props.disableAggregation ? {} : (0, _gridAggregationUtils.getAggregationRules)({
       columnsLookup: columnsState.lookup,
       aggregationModel: (0, _gridAggregationSelectors.gridAggregationModelSelector)(apiRef),
@@ -47,7 +47,7 @@ const useGridAggregationPreProcessors = (apiRef, props) => {
     });
     columnsState.all.forEach(field => {
       const shouldHaveAggregationValue = !!aggregationRules[field];
-      const haveAggregationColumnValue = !!rulesOnLastColumnHydration[field];
+      const haveAggregationColumnValue = !!rulesOnLastColumnHydration.current[field];
       let column = columnsState.lookup[field];
 
       if (haveAggregationColumnValue) {
@@ -66,6 +66,7 @@ const useGridAggregationPreProcessors = (apiRef, props) => {
 
       columnsState.lookup[field] = column;
     });
+    rulesOnLastColumnHydration.current = aggregationRules;
     return columnsState;
   }, [apiRef, props.aggregationFunctions, props.disableAggregation]);
   const addGroupFooterRows = React.useCallback(groupingParams => {

package/node/index.js

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

package/node/utils/releaseInfo.js

@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY3MDQ1NDAwMDAwMA==";
+  const releaseInfo = "MTY3MTE0NTIwMDAwMA==";
 
   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-premium",
-  "version": "5.17.15",
+  "version": "5.17.16",
   "description": "The Premium plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,8 +33,8 @@
   "dependencies": {
     "@babel/runtime": "^7.18.9",
     "@mui/utils": "^5.10.3",
-    "@mui/x-data-grid": "5.17.14",
-    "@mui/x-data-grid-pro": "5.17.15",
+    "@mui/x-data-grid": "5.17.16",
+    "@mui/x-data-grid-pro": "5.17.16",
     "@mui/x-license-pro": "5.17.12",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",

package/utils/releaseInfo.js

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