@mui/x-data-grid-generator 7.0.0-alpha.3 → 7.0.0-alpha.5

package/CHANGELOG.md

@@ -3,6 +3,169 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.0.0-alpha.5
+
+_Dec 14, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 💫 New recipe added for the Data Grid
+- 🌍 Improve Swedish (sv-SE) and Urdu (ur-PK) locales on the Data Grid
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### Breaking changes
+
+- The `instanceId` prop is now required for state selectors.
+  This prop is used to distinguish between multiple Data Grid instances on the same page.
+  See [migration docs](https://next.mui.com/x/migration/migration-data-grid-v6/#instanceid-prop-is-required-for-state-selectors) for more details.
+
+#### `@mui/x-data-grid@7.0.0-alpha.5`
+
+- [DataGrid] Make `instanceId` required for state selectors (#11395) @cherniavskii
+- [DataGrid] Recipe for grouped rows autosizing (#11401) @michelengelen
+- [l10n] Improve Swedish (sv-SE) locale (#11373) @fredrikcarlbom
+- [l10n] Improve Urdu (ur-PK) locale (#11400) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@7.0.0-alpha.5` [![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@7.0.0-alpha.5`.
+
+#### `@mui/x-data-grid-premium@7.0.0-alpha.5` [![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@7.0.0-alpha.5`.
+
+### Date Pickers
+
+#### Breaking changes
+
+- The slot interfaces got renamed to match with `@mui/base` naming.
+The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsProps` with `SlotProps`.
+
+```diff
+- DateCalendarSlotsComponent
++ DateCalendarSlots
+- DateCalendarSlotsComponentsProps
++ DateCalendarSlotProps
+```
+
+#### `@mui/x-date-pickers@7.0.0-alpha.5`
+
+- [fields] Support empty sections (#10307) @flaviendelangle
+- [pickers] Fix field types to avoid error on latest `@types/react` version (#11397) @LukasTy
+- [pickers] Remove all relative imports to the internals index file (#11375) @flaviendelangle
+- [pickers] Rename slots interfaces (#11339) @alexfauquette
+- [pickers] Simplify the API of the field hooks (#11371) @flaviendelangle
+- [pickers] Support name prop (#11025) @gitstart
+
+#### `@mui/x-date-pickers-pro@7.0.0-alpha.5` [![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@7.0.0-alpha.5`, plus:
+
+- [DateRangePicker] Fix `autoFocus` behavior (#11273) @kealjones-wk
+
+### Charts / `@mui/x-charts@7.0.0-alpha.5`
+
+- [charts] Fix size overflow (#11385) @alexfauquette
+
+### `@mui/x-codemod@7.0.0-alpha.5`
+
+- [codemod] Add `cellSelection` codemod and update migration guide (#11353) @MBilalShafi
+
+### Docs
+
+- [docs] Respect GoT books (@janoma) (#11387) @alexfauquette
+
+### Core
+
+- [core] Automate cherry-pick of PRs from `next` -> `master` (#11382) @MBilalShafi
+- [github] Update `no-response` workflow (#11369) @MBilalShafi
+- [test] Fix flaky screenshots (#11388) @cherniavskii
+
+## 7.0.0-alpha.4
+
+_Dec 8, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 The scatter charts now use voronoi to trigger items
+
+  Users needed to hover the item to highlight the scatter item or show the tooltip.
+  Now they can interact with data by triggering the closest element. See the [docs page](https://next.mui.com/x/react-charts/scatter/#interaction) for more info.
+
+- 📚 Add [Pickers FAQ page](https://next.mui.com/x/react-date-pickers/faq/)
+- 🎉 The Data Grid Header filters feature is now stable
+- 🌍 Improve Danish (da-DK) locale on Data Grid
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### Breaking changes
+
+- The header filters feature is now stable. `unstable_` prefix is removed from prop `headerFilters` and related exports.
+  See [migration docs](https://next.mui.com/x/migration/migration-data-grid-v6/#filtering) for more details.
+
+- The `GridColDef['type']` has been narrowed down to only accept the built-in column types.
+  TypeScript users need to use the `GridColDef` interface when defining columns:
+
+  ```tsx
+  // 🛑 `type` is inferred as `string` and is too wide
+  const columns = [{ type: 'number', field: 'id' }];
+  <DataGrid columns={columns} />;
+
+  // ✅ `type` is `'number'`
+  const columns: GridColDef[] = [{ type: 'number', field: 'id' }];
+  <DataGrid columns={columns} />;
+
+  // ✅ Alternalively, `as const` can be used to narrow down the type
+  const columns = [{ type: 'number' as const, field: 'id' }];
+  <DataGrid columns={columns} />;
+  ```
+
+#### `@mui/x-data-grid@7.0.0-alpha.4`
+
+- [DataGrid] Added a guard for reorder cells (#11159) @michelengelen
+- [DataGrid] Narrow down `GridColDef['type']` (#11270) @cherniavskii
+- [l10n] Improve Danish (da-DK) locale (#11304) @goibon
+
+#### `@mui/x-data-grid-pro@7.0.0-alpha.4` [![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@7.0.0-alpha.4`, plus:
+
+- [DataGridPro] Make header filters feature stable (#11243) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@7.0.0-alpha.4` [![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@7.0.0-alpha.4`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@7.0.0-alpha.4`
+
+- [fields] Rework `PickersTextField` (#11258) @flaviendelangle
+- [pickers] Fix `MultiSectionDigitalClock` issues (#11305) @LukasTy
+- [pickers] Fix views height consistency (#11337) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.0.0-alpha.4` [![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@7.0.0-alpha.4`.
+
+### Charts / `@mui/x-charts@7.0.0-alpha.4`
+
+- [charts] Remove animation on sparkline (#11311) @oliviertassinari
+- [charts] Use voronoi cells to trigger interaction with scatter items (#10981) @alexfauquette
+- [charts] Add `@mui/utils` as a dependency (#11351) @michelengelen
+
+### Docs
+
+- [docs] Add FAQ page (#11271) @noraleonte
+- [docs] Add a doc section on how to override the start of the week with each adapter (#11223) @flaviendelangle
+- [docs] Added params to `onPaginationModelChange` docs (#10191) @JFBenzs
+- [docs] Fix typo (#11324) @cadam11
+- [docs] Improve `DemoContainer` styling coverage (#11315) @LukasTy
+- [docs] General revision of the Charts docs (#11249) @danilo-leal
+
 ## 7.0.0-alpha.3
 
 _Dec 4, 2023_
@@ -866,6 +1029,88 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
 - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
 - [license] Correctly throw errors (#10924) @oliviertassinari
 
+## 6.18.5
+
+_Dec 14, 2023_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Swedish (sv-SE) and Urdu (ur-PK) locales on the Data Grid
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.5`
+
+- [l10n] Improve Swedish (sv-SE) locale (#11379) @fredrikcarlbom
+- [l10n] Improve Urdu (ur-PK) locale for data grid (#11409) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@6.18.5` [![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@6.18.5`.
+
+#### `@mui/x-data-grid-premium@6.18.5` [![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@6.18.5`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.5`
+
+- [pickers] Fix field types to avoid error on latest `@types/react` version (#11398) @LukasTy
+- [pickers] Support name prop (#11380) @gitstart
+
+#### `@mui/x-date-pickers-pro@6.18.5` [![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@6.18.5`, plus:
+
+- [DateRangePicker] Fix `autoFocus` behavior (#11376) @kealjones-wk
+
+### Docs
+
+- [docs] Respect GoT books (#11294) @janoma
+- [test] Fix flaky screenshots (#11391) @cherniavskii
+
+## 6.18.4
+
+_Dec 8, 2023_
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 📚 Add [Pickers FAQ page](https://mui.com/x/react-date-pickers/faq/)
+- 🌍 Improve Danish (da-DK) locale on Data Grid
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.4`
+
+- [DataGrid] Fix cell slot style override (#11215) @oliviertassinari
+- [l10n] Improve Danish (da-DK) locale (#11346) @goibon
+
+#### `@mui/x-data-grid-pro@6.18.4` [![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@6.18.4`.
+
+#### `@mui/x-data-grid-premium@6.18.4` [![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@6.18.4`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.4`
+
+- [pickers] Fix `MultiSectionDigitalClock` issues (#11308) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.18.4` [![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@6.18.4`.
+
+### Docs
+
+- [docs] Fix typo (#11323) @cadam11
+- [docs] Add FAQ page (#11347) @noraleonte
+
 ## 6.18.3
 
 _Dec 4, 2023_

package/hooks/useDemoData.js

@@ -10,7 +10,6 @@ const dataCache = new LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
 });
-
 // Generate fake data from a seed.
 // It's about x20 faster than getRealData.
 async function extrapolateSeed(rowLength, data) {

package/hooks/useQuery.d.ts

@@ -48,7 +48,7 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         groupable?: boolean | undefined;
         pinnable?: boolean | undefined;
         sortComparator?: import("@mui/x-data-grid-pro").GridComparatorFn<any> | undefined;
-        type?: import("@mui/x-data-grid-pro").GridColType | undefined;
+        type?: import("@mui/x-data-grid-pro").GridNativeColTypes | undefined;
         align?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
         valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => any) | undefined;
         valueSetter?: ((params: import("@mui/x-data-grid-pro").GridValueSetterParams<any, any>) => any) | undefined;

package/hooks/useQuery.js

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-pro';
 import { isDeepEqual } from '@mui/x-data-grid/internals';
 import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
+import { randomInt } from '../services/random-generator';
 const simplifiedValueGetter = (field, colDef) => row => {
   var _colDef$valueGetter;
   const params = {
@@ -98,7 +99,7 @@ export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDef
   if (maxDelay < minDelay) {
     throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
   }
-  const delay = Math.random() * (maxDelay - minDelay) + minDelay;
+  const delay = randomInt(minDelay, maxDelay);
   const {
     cursor,
     page = 0,
@@ -136,7 +137,6 @@ export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDef
     }, delay); // simulate network latency
   });
 };
-
 const DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
   rowLength: 100,

package/index.js

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

package/legacy/hooks/useQuery.js

@@ -7,6 +7,7 @@ import * as React from 'react';
 import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-pro';
 import { isDeepEqual } from '@mui/x-data-grid/internals';
 import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
+import { randomInt } from '../services/random-generator';
 var simplifiedValueGetter = function simplifiedValueGetter(field, colDef) {
   return function (row) {
     var _colDef$valueGetter;
@@ -118,7 +119,7 @@ export var loadServerRows = function loadServerRows(rows, queryOptions, serverOp
   if (maxDelay < minDelay) {
     throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
   }
-  var delay = Math.random() * (maxDelay - minDelay) + minDelay;
+  var delay = randomInt(minDelay, maxDelay);
   var cursor = queryOptions.cursor,
     _queryOptions$page = queryOptions.page,
     page = _queryOptions$page === void 0 ? 0 : _queryOptions$page,
@@ -156,7 +157,6 @@ export var loadServerRows = function loadServerRows(rows, queryOptions, serverOp
     }, delay); // simulate network latency
   });
 };
-
 var DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
   rowLength: 100,

package/legacy/index.js

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

package/legacy/services/basic-data-service.js

@@ -11,7 +11,6 @@ export var getBasicGridData = function getBasicGridData(rowLength, colLength) {
     for (var j = 1; j <= pricesColLength; j += 1) {
       model["price".concat(j, "M")] = Number("".concat(i.toString()).concat(j)); // randomPrice(0.7, 2);
     }
-
     data.push(model);
   }
   var columns = [{
@@ -30,7 +29,6 @@ export var getBasicGridData = function getBasicGridData(rowLength, colLength) {
       type: 'number'
     }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
   }
-
   columns.length = colLength; // we cut the array in case < 2;
   return {
     columns: columns,

package/modern/hooks/useDemoData.js

@@ -10,7 +10,6 @@ const dataCache = new LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
 });
-
 // Generate fake data from a seed.
 // It's about x20 faster than getRealData.
 async function extrapolateSeed(rowLength, data) {

package/modern/hooks/useQuery.js

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-pro';
 import { isDeepEqual } from '@mui/x-data-grid/internals';
 import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
+import { randomInt } from '../services/random-generator';
 const simplifiedValueGetter = (field, colDef) => row => {
   const params = {
     id: row.id,
@@ -96,7 +97,7 @@ export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDef
   if (maxDelay < minDelay) {
     throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
   }
-  const delay = Math.random() * (maxDelay - minDelay) + minDelay;
+  const delay = randomInt(minDelay, maxDelay);
   const {
     cursor,
     page = 0,
@@ -134,7 +135,6 @@ export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDef
     }, delay); // simulate network latency
   });
 };
-
 const DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
   rowLength: 100,

package/modern/index.js

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

package/modern/services/basic-data-service.js

@@ -11,7 +11,6 @@ export const getBasicGridData = (rowLength, colLength) => {
     for (let j = 1; j <= pricesColLength; j += 1) {
       model[`price${j}M`] = Number(`${i.toString()}${j}`); // randomPrice(0.7, 2);
     }
-
     data.push(model);
   }
   const columns = [{
@@ -30,7 +29,6 @@ export const getBasicGridData = (rowLength, colLength) => {
       type: 'number'
     }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
   }
-
   columns.length = colLength; // we cut the array in case < 2;
   return {
     columns,

package/node/hooks/useDemoData.js

@@ -19,7 +19,6 @@ const dataCache = new _lruCache.default({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
 });
-
 // Generate fake data from a seed.
 // It's about x20 faster than getRealData.
 async function extrapolateSeed(rowLength, data) {

package/node/hooks/useQuery.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid/internals");
 var _useDemoData = require("./useDemoData");
+var _randomGenerator = require("../services/random-generator");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const simplifiedValueGetter = (field, colDef) => row => {
@@ -105,7 +106,7 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
   if (maxDelay < minDelay) {
     throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
   }
-  const delay = Math.random() * (maxDelay - minDelay) + minDelay;
+  const delay = (0, _randomGenerator.randomInt)(minDelay, maxDelay);
   const {
     cursor,
     page = 0,

package/node/index.js

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

package/node/services/basic-data-service.js

@@ -17,7 +17,6 @@ const getBasicGridData = (rowLength, colLength) => {
     for (let j = 1; j <= pricesColLength; j += 1) {
       model[`price${j}M`] = Number(`${i.toString()}${j}`); // randomPrice(0.7, 2);
     }
-
     data.push(model);
   }
   const columns = [{
@@ -36,7 +35,6 @@ const getBasicGridData = (rowLength, colLength) => {
       type: 'number'
     }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
   }
-
   columns.length = colLength; // we cut the array in case < 2;
   return {
     columns,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "7.0.0-alpha.3",
+  "version": "7.0.0-alpha.5",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -22,9 +22,9 @@
     "directory": "packages/grid/x-data-grid-generator"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.4",
-    "@mui/base": "^5.0.0-beta.24",
-    "@mui/x-data-grid-premium": "7.0.0-alpha.3",
+    "@babel/runtime": "^7.23.5",
+    "@mui/base": "^5.0.0-beta.26",
+    "@mui/x-data-grid-premium": "7.0.0-alpha.5",
     "chance": "^1.1.11",
     "clsx": "^2.0.0",
     "lru-cache": "^7.18.3"

package/services/basic-data-service.js

@@ -11,7 +11,6 @@ export const getBasicGridData = (rowLength, colLength) => {
     for (let j = 1; j <= pricesColLength; j += 1) {
       model[`price${j}M`] = Number(`${i.toString()}${j}`); // randomPrice(0.7, 2);
     }
-
     data.push(model);
   }
   const columns = [{
@@ -30,7 +29,6 @@ export const getBasicGridData = (rowLength, colLength) => {
       type: 'number'
     }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
   }
-
   columns.length = colLength; // we cut the array in case < 2;
   return {
     columns,