@mui/x-data-grid-generator 6.0.4 → 6.2.0

package/CHANGELOG.md

@@ -3,6 +3,116 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.2.0
+
+_Apr 13, 2023_
+
+We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- Add `@mui/base` as a `peerDependency` of `@mui/x-date-pickers` and `@mui/x-date-pickers-pro` (#8590) @LukasTy
+
+  Both libraries were not working correctly if used without `@mui/base`.
+  Most package manager should automatically use the `@mui/base` version installed for `@mui/material`.
+
+- The value rendered in the picker or field input no longer has spaces around the `/` characters (#8425) @flaviendelangle
+
+  You can use the `formatDensity='spacious'` prop to add it back.
+  More information on [the dedicated doc section](https://mui.com/x/react-date-pickers/custom-field/#change-the-format-density)
+
+- 🌍 Improve French (fr-FR) and Urdu (ur-PK) and locales.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.2.0` / `@mui/x-data-grid-pro@v6.2.0` / `@mui/x-data-grid-premium@v6.2.0`
+
+#### Changes
+
+- [DataGrid] Reset selection state on `checkboxSelection` toggle (#8522) @MBilalShafi
+- [DataGrid] Use `baseSelect` slot instead of `baseTextField` with `select={true}` (#8110) @cherniavskii
+- [l10n] Improve French (fr-FR) locale (#8537) @vallereaugabriel
+- [l10n] Improve Urdu (ur-PK) locale (#8513) @SFARPak
+
+### `@mui/x-date-pickers@v6.2.0` / `@mui/x-date-pickers-pro@v6.2.0`
+
+#### Changes
+
+- [DateTimePicker] Fix `TimeClock` validation ignoring date by default (#8570) @LukasTy
+- [fields] Fix reliance on section order (#8545) @LukasTy
+- [fields] Make the space between format separators controllable (#8425) @flaviendelangle
+- [pickers] Add `@mui/base` to `peerDependencies` (#8590) @LukasTy
+- [pickers] Fix JSDoc for `formatDensity` prop (#8601) @flaviendelangle
+- [pickers] Improve value lifecycle on non-controlled pickers (#8312) @flaviendelangle
+- [pickers] Migrate `AdapterDayjs` to our repository (#8487) @flaviendelangle
+
+### Docs
+
+- [docs] Fix "Custom day rendering" demo alignment (#8541) @LukasTy
+- [docs] Fix **below** typo (#8576) @alexfauquette
+
+### Core
+
+- [core] Optimize `renovate` rules (#8575) @LukasTy
+- [core] Upgrade monorepo (#8578) @cherniavskii
+- [core] Update last release date (#8569) @DanailH
+
+## 6.1.0
+
+_Apr 10, 2023_
+
+We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Catalan (ca-ES), Kazakh (kz-KZ) and improve Spanish (es-ES), Dutch (nl-NL), Hebrew (he-IL), Hungarian (hu-HU), Japanese (ja-JP), Portuguese (pt-BR), and Russian (ru-RU) locales
+- ✨ Allow to control visibility of columns shown in the columns panel (#8401) @MBilalShafi
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.1.0` / `@mui/x-data-grid-pro@v6.1.0` / `@mui/x-data-grid-premium@v6.1.0`
+
+#### Changes
+
+- [DataGrid] Allow to control visibility of columns shown in the `ColumnsPanel` component (#8401) @MBilalShafi
+- [DataGrid] Fix filters with empty array value not being removed from the filter model (#8501) @cherniavskii
+- [DataGrid] Fix memory leaks in development (#8301) @cherniavskii
+- [DataGrid] Sync `date` column value when entering edit mode by pressing a digit (#8364) @m4theushw
+- [DataGrid] Wrap column menu button with a tooltip (#7890) @cherniavskii
+- [l10n] Improve Dutch (nl-NL) locale (#8491) @thedutchruben
+- [l10n] Improve Hungarian (hu-HU) locale (#8486) @PetakCC
+- [l10n] Improve Japanese (ja-JP) locale (#8462) @megos
+- [l10n] Improve Portuguese (pt-BR) locale (#8480) @pwnedev
+- [l10n] Improve Russian (ru-RU) locale (#8510) @alexrapro
+
+### `@mui/x-date-pickers@v6.1.0` / `@mui/x-date-pickers-pro@v6.1.0`
+
+#### Changes
+
+- [fields] Fix RTL navigation (#8490) @alexfauquette
+- [fields] Fix usage of `slotProps.textField.InputProps` (#8428) @flaviendelangle
+- [pickers] Fix `componentsProps.dialog` propagation (#8509) @LukasTy
+- [pickers] Move `hasError` from `fieldValueManager` to `valueManager` (#8453) @flaviendelangle
+- [pickers] Move the adapters interfaces to the X repository (#8412) @flaviendelangle
+- [pickers] Update peer dependency versions (#8531) @LukasTy
+- [pickers] Fix `isValid` regression (#8543) @LukasTy
+- [l10n] Add Catalan (Spain) (ca-ES) and improve Spanish (es-ES) locales (#8498) @makenshikuro
+- [l10n] Add Kazakh (kz-KZ) locale (#8451) @zhunus
+- [l10n] Improve Dutch (nl-NL) locale (#8491) @thedutchruben
+- [l10n] Improve Hebrew (he-IL) locale (#8464) @soris1989
+- [l10n] Improve Japanese (ja-JP) locale (#8462) @megos
+- [l10n] Improve Portuguese (pt-BR) locale (#8480) @pwnedev
+
+### Docs
+
+- [docs] Fix 301 redirect (#8524) @alexfauquette
+- [docs] Fix 404 links (#8454) @alexfauquette
+- [docs] Fix broken API reference link (#8460) @oliviertassinari
+
+### Core
+
+- [core] Avoid 301 links (#8383) @oliviertassinari
+- [core] Fix the l10n helper by using danger instead of actions (#8512) @alexfauquette
+- [core] Help contributors for l10n PRs (#8503) @alexfauquette
+- [core] Remove legacy token (#8457) @oliviertassinari
+- [charts] Add a styling system (#8445) @alexfauquette
+
 ## 6.0.4
 
 _Mar 30, 2023_

package/hooks/useMovieData.d.ts

@@ -15,5 +15,5 @@ export type Movie = {
 };
 export declare const useMovieData: () => {
     rows: Movie[];
-    columns: GridColDef<any, any, any>[];
+    columns: GridColDef[];
 };

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v6.0.4
+ * @mui/x-data-grid-generator v6.2.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/hooks/useDemoData.js

@@ -5,7 +5,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import * as React from 'react';
 import LRUCache from 'lru-cache';
 import { getRealGridData } from '../services/real-data-service';
@@ -25,43 +25,41 @@ function extrapolateSeed(_x, _x2) {
 function _extrapolateSeed() {
   _extrapolateSeed = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(rowLength, data) {
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            return _context2.abrupt("return", new Promise(function (resolve) {
-              var seed = data.rows;
-              var rows = data.rows.slice();
-              var tasks = {
-                current: rowLength - seed.length
-              };
-              function work() {
-                var row = {};
-                for (var j = 0; j < data.columns.length; j += 1) {
-                  var column = data.columns[j];
-                  var index = Math.round(Math.random() * (seed.length - 1));
-                  if (column.field === 'id') {
-                    row.id = "id-".concat(tasks.current + seed.length);
-                  } else {
-                    row[column.field] = seed[index][column.field];
-                  }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          return _context2.abrupt("return", new Promise(function (resolve) {
+            var seed = data.rows;
+            var rows = data.rows.slice();
+            var tasks = {
+              current: rowLength - seed.length
+            };
+            function work() {
+              var row = {};
+              for (var j = 0; j < data.columns.length; j += 1) {
+                var column = data.columns[j];
+                var index = Math.round(Math.random() * (seed.length - 1));
+                if (column.field === 'id') {
+                  row.id = "id-".concat(tasks.current + seed.length);
+                } else {
+                  row[column.field] = seed[index][column.field];
                 }
-                rows.push(row);
-                tasks.current -= 1;
               }
-              asyncWorker({
-                work: work,
-                done: function done() {
-                  return resolve(_extends({}, data, {
-                    rows: rows
-                  }));
-                },
-                tasks: tasks
-              });
-            }));
-          case 1:
-          case "end":
-            return _context2.stop();
-        }
+              rows.push(row);
+              tasks.current -= 1;
+            }
+            asyncWorker({
+              work: work,
+              done: function done() {
+                return resolve(_extends({}, data, {
+                  rows: rows
+                }));
+              },
+              tasks: tasks
+            });
+          }));
+        case 1:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   }));
@@ -172,53 +170,51 @@ export var useDemoData = function useDemoData(options) {
       var _options$treeData2, _options$treeData3, _options$treeData4;
       var newData;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setLoading(true);
-              if (!(rowLength > 1000)) {
-                _context.next = 10;
-                break;
-              }
-              _context.next = 4;
-              return getRealGridData(1000, columns);
-            case 4:
-              newData = _context.sent;
-              _context.next = 7;
-              return extrapolateSeed(rowLength, newData);
-            case 7:
-              newData = _context.sent;
-              _context.next = 13;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            if (!(rowLength > 1000)) {
+              _context.next = 10;
               break;
-            case 10:
-              _context.next = 12;
-              return getRealGridData(rowLength, columns);
-            case 12:
-              newData = _context.sent;
-            case 13:
-              if (active) {
-                _context.next = 15;
-                break;
-              }
-              return _context.abrupt("return");
-            case 15:
-              newData = addTreeDataOptionsToDemoData(newData, {
-                maxDepth: (_options$treeData2 = options.treeData) == null ? void 0 : _options$treeData2.maxDepth,
-                groupingField: (_options$treeData3 = options.treeData) == null ? void 0 : _options$treeData3.groupingField,
-                averageChildren: (_options$treeData4 = options.treeData) == null ? void 0 : _options$treeData4.averageChildren
-              });
+            }
+            _context.next = 4;
+            return getRealGridData(1000, columns);
+          case 4:
+            newData = _context.sent;
+            _context.next = 7;
+            return extrapolateSeed(rowLength, newData);
+          case 7:
+            newData = _context.sent;
+            _context.next = 13;
+            break;
+          case 10:
+            _context.next = 12;
+            return getRealGridData(rowLength, columns);
+          case 12:
+            newData = _context.sent;
+          case 13:
+            if (active) {
+              _context.next = 15;
+              break;
+            }
+            return _context.abrupt("return");
+          case 15:
+            newData = addTreeDataOptionsToDemoData(newData, {
+              maxDepth: (_options$treeData2 = options.treeData) == null ? void 0 : _options$treeData2.maxDepth,
+              groupingField: (_options$treeData3 = options.treeData) == null ? void 0 : _options$treeData3.groupingField,
+              averageChildren: (_options$treeData4 = options.treeData) == null ? void 0 : _options$treeData4.averageChildren
+            });
 
-              // It's quite slow. No need for it in production.
-              if (process.env.NODE_ENV !== 'production') {
-                deepFreeze(newData);
-              }
-              dataCache.set(cacheKey, newData);
-              setData(newData);
-              setLoading(false);
-            case 20:
-            case "end":
-              return _context.stop();
-          }
+            // It's quite slow. No need for it in production.
+            if (process.env.NODE_ENV !== 'production') {
+              deepFreeze(newData);
+            }
+            dataCache.set(cacheKey, newData);
+            setData(newData);
+            setLoading(false);
+          case 20:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }))();

package/legacy/hooks/useQuery.js

@@ -210,38 +210,36 @@ export var createFakeServer = function createFakeServer(dataSetOptions, serverOp
         var _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
           var _yield$loadServerRows, returnedRows, nextCursor, totalRowCount, newRep;
           return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.next = 2;
-                  return loadServerRows(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
-                case 2:
-                  _yield$loadServerRows = _context.sent;
-                  returnedRows = _yield$loadServerRows.returnedRows;
-                  nextCursor = _yield$loadServerRows.nextCursor;
-                  totalRowCount = _yield$loadServerRows.totalRowCount;
-                  if (active) {
-                    _context.next = 8;
-                    break;
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return loadServerRows(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
+              case 2:
+                _yield$loadServerRows = _context.sent;
+                returnedRows = _yield$loadServerRows.returnedRows;
+                nextCursor = _yield$loadServerRows.nextCursor;
+                totalRowCount = _yield$loadServerRows.totalRowCount;
+                if (active) {
+                  _context.next = 8;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 8:
+                newRep = {
+                  rows: returnedRows,
+                  pageInfo: {
+                    totalRowCount: totalRowCount,
+                    nextCursor: nextCursor,
+                    pageSize: returnedRows.length
                   }
-                  return _context.abrupt("return");
-                case 8:
-                  newRep = {
-                    rows: returnedRows,
-                    pageInfo: {
-                      totalRowCount: totalRowCount,
-                      nextCursor: nextCursor,
-                      pageSize: returnedRows.length
-                    }
-                  };
-                  setResponse(function (prev) {
-                    return isDeepEqual(prev, newRep) ? prev : newRep;
-                  });
-                  setIsLoading(false);
-                case 11:
-                case "end":
-                  return _context.stop();
-              }
+                };
+                setResponse(function (prev) {
+                  return isDeepEqual(prev, newRep) ? prev : newRep;
+                });
+                setIsLoading(false);
+              case 11:
+              case "end":
+                return _context.stop();
             }
           }, _callee);
         }));

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v6.0.4
+ * @mui/x-data-grid-generator v6.2.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/renderer/renderEditCountry.js

@@ -32,24 +32,22 @@ function EditCountry(props) {
   var handleChange = React.useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event, newValue) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return apiRef.current.setEditCellValue({
-                id: id,
-                field: field,
-                value: newValue
-              }, event);
-            case 2:
-              apiRef.current.stopCellEditMode({
-                id: id,
-                field: field
-              });
-            case 3:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return apiRef.current.setEditCellValue({
+              id: id,
+              field: field,
+              value: newValue
+            }, event);
+          case 2:
+            apiRef.current.stopCellEditMode({
+              id: id,
+              field: field
+            });
+          case 3:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));

package/legacy/renderer/renderEditCurrency.js

@@ -32,24 +32,22 @@ function EditCurrency(props) {
   var handleChange = React.useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event, newValue) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return apiRef.current.setEditCellValue({
-                id: id,
-                field: field,
-                value: newValue.toUpperCase()
-              }, event);
-            case 2:
-              apiRef.current.stopCellEditMode({
-                id: id,
-                field: field
-              });
-            case 3:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return apiRef.current.setEditCellValue({
+              id: id,
+              field: field,
+              value: newValue.toUpperCase()
+            }, event);
+          case 2:
+            apiRef.current.stopCellEditMode({
+              id: id,
+              field: field
+            });
+          case 3:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));

package/legacy/renderer/renderEditIncoterm.js

@@ -18,24 +18,22 @@ function EditIncoterm(props) {
   var handleChange = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return apiRef.current.setEditCellValue({
-                id: id,
-                field: field,
-                value: event.target.value
-              }, event);
-            case 2:
-              apiRef.current.stopCellEditMode({
-                id: id,
-                field: field
-              });
-            case 3:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return apiRef.current.setEditCellValue({
+              id: id,
+              field: field,
+              value: event.target.value
+            }, event);
+          case 2:
+            apiRef.current.stopCellEditMode({
+              id: id,
+              field: field
+            });
+          case 3:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));

package/legacy/renderer/renderEditRating.js

@@ -15,24 +15,22 @@ function EditRating(props) {
   var handleChange = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return apiRef.current.setEditCellValue({
-                id: id,
-                field: field,
-                value: Number(event.target.value)
-              }, event);
-            case 2:
-              apiRef.current.stopCellEditMode({
-                id: id,
-                field: field
-              });
-            case 3:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return apiRef.current.setEditCellValue({
+              id: id,
+              field: field,
+              value: Number(event.target.value)
+            }, event);
+          case 2:
+            apiRef.current.stopCellEditMode({
+              id: id,
+              field: field
+            });
+          case 3:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));

package/legacy/renderer/renderEditStatus.js

@@ -24,28 +24,26 @@ function EditStatus(props) {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
       var isValid;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return apiRef.current.setEditCellValue({
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return apiRef.current.setEditCellValue({
+              id: id,
+              field: field,
+              value: event.target.value
+            });
+          case 2:
+            isValid = _context.sent;
+            if (isValid && rootProps.editMode === GridEditModes.Cell) {
+              apiRef.current.stopCellEditMode({
                 id: id,
                 field: field,
-                value: event.target.value
+                cellToFocusAfter: 'below'
               });
-            case 2:
-              isValid = _context.sent;
-              if (isValid && rootProps.editMode === GridEditModes.Cell) {
-                apiRef.current.stopCellEditMode({
-                  id: id,
-                  field: field,
-                  cellToFocusAfter: 'below'
-                });
-              }
-            case 4:
-            case "end":
-              return _context.stop();
-          }
+            }
+          case 4:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v6.0.4
+ * @mui/x-data-grid-generator v6.2.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v6.0.4
+ * @mui/x-data-grid-generator v6.2.0
  *
  * @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-generator",
-  "version": "6.0.4",
+  "version": "6.2.0",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -20,8 +20,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@mui/base": "^5.0.0-alpha.122",
-    "@mui/x-data-grid-premium": "6.0.4",
+    "@mui/base": "^5.0.0-alpha.123",
+    "@mui/x-data-grid-premium": "6.2.0",
     "chance": "^1.1.11",
     "clsx": "^1.2.1",
     "lru-cache": "^7.18.3"