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

package/CHANGELOG.md

@@ -3,6 +3,55 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.17
+
+_Dec 23, 2022_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Russian (ru-RU) and Korean (ko-KR) locales
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@5.17.17` / `@mui/x-data-grid-pro@5.17.17` / `@mui/x-data-grid-premium@5.17.17`
+
+#### Changes
+
+- [DataGrid] Update Russian (ru-RU) locale (#7291) @VeceluXa
+- [DataGridPro] Use row ID as `key` of the detail panels (#7311) @m4theushw
+- [DataGridPremium] Fix `exceljs` import with parcel (#7285) @alexfauquette
+
+### `@mui/x-date-pickers@5.0.12` / `@mui/x-date-pickers-pro@5.0.12`
+
+#### Changes
+
+- [pickers] Improve Korean (ko-KR) locale (#7283) @hanbin9775
+
+## 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/hooks/features/export/serializer/excelSerializer.js

@@ -3,10 +3,10 @@ import { GRID_DATE_COL_DEF, GRID_DATETIME_COL_DEF } from '@mui/x-data-grid-pro';
 import { buildWarning } from '@mui/x-data-grid/internals';
 
 const getExcelJs = async () => {
-  const {
-    default: excelJsDefault
-  } = await import('exceljs');
-  return excelJsDefault;
+  var _excelJsModule$defaul;
+
+  const excelJsModule = await import('exceljs');
+  return (_excelJsModule$defaul = excelJsModule.default) != null ? _excelJsModule$defaul : excelJsModule;
 };
 
 const warnInvalidFormattedValue = buildWarning(['MUI: When the value of a field is an object or a `renderCell` is provided, the Excel export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.15
+/** @license MUI v5.17.17
  *
  * 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/hooks/features/export/serializer/excelSerializer.js

@@ -12,8 +12,9 @@ import { buildWarning } from '@mui/x-data-grid/internals';
 
 var getExcelJs = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _yield$import, excelJsDefault;
+    var _excelJsModule$defaul;
 
+    var excelJsModule;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -22,11 +23,10 @@ var getExcelJs = /*#__PURE__*/function () {
             return import('exceljs');
 
           case 2:
-            _yield$import = _context.sent;
-            excelJsDefault = _yield$import.default;
-            return _context.abrupt("return", excelJsDefault);
+            excelJsModule = _context.sent;
+            return _context.abrupt("return", (_excelJsModule$defaul = excelJsModule.default) != null ? _excelJsModule$defaul : excelJsModule);
 
-          case 5:
+          case 4:
           case "end":
             return _context.stop();
         }

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.15
+/** @license MUI v5.17.17
  *
  * 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 = "MTY3MTgzMjgwMDAwMA==";
 
   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/hooks/features/export/serializer/excelSerializer.js

@@ -3,10 +3,8 @@ import { GRID_DATE_COL_DEF, GRID_DATETIME_COL_DEF } from '@mui/x-data-grid-pro';
 import { buildWarning } from '@mui/x-data-grid/internals';
 
 const getExcelJs = async () => {
-  const {
-    default: excelJsDefault
-  } = await import('exceljs');
-  return excelJsDefault;
+  const excelJsModule = await import('exceljs');
+  return excelJsModule.default ?? excelJsModule;
 };
 
 const warnInvalidFormattedValue = buildWarning(['MUI: When the value of a field is an object or a `renderCell` is provided, the Excel export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.15
+/** @license MUI v5.17.17
  *
  * 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 = "MTY3MTgzMjgwMDAwMA==";
 
   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/hooks/features/export/serializer/excelSerializer.js

@@ -18,10 +18,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 const getExcelJs = async () => {
-  const {
-    default: excelJsDefault
-  } = await Promise.resolve().then(() => _interopRequireWildcard(require('exceljs')));
-  return excelJsDefault;
+  var _excelJsModule$defaul;
+
+  const excelJsModule = await Promise.resolve().then(() => _interopRequireWildcard(require('exceljs')));
+  return (_excelJsModule$defaul = excelJsModule.default) != null ? _excelJsModule$defaul : excelJsModule;
 };
 
 const warnInvalidFormattedValue = (0, _internals.buildWarning)(['MUI: When the value of a field is an object or a `renderCell` is provided, the Excel export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.15
+/** @license MUI v5.17.17
  *
  * 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 = "MTY3MTgzMjgwMDAwMA==";
 
   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.17",
   "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.17",
+    "@mui/x-data-grid-pro": "5.17.17",
     "@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 = "MTY3MTgzMjgwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).