@mui/x-data-grid-generator 6.4.0 → 6.6.0

package/CHANGELOG.md

@@ -3,6 +3,138 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.6.0
+
+_Jun 1, 2023_
+
+We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 New date time picking UI on [`DesktopDateTimePicker`](https://mui.com/x/react-date-pickers/date-time-picker/)
+
+  <img src="https://user-images.githubusercontent.com/4941090/242533399-2b106390-8158-4aba-9ca4-b621c6310977.gif" width="628" />
+
+- 🚀 Performance improvements
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+- 🌍 Improve Dutch (nl-NL) and French (fr-FR) locales on the data grid
+- 🌍 Add Vietnamese (vi-VN) locale on the pickers
+
+### `@mui/x-data-grid@v6.6.0` / `@mui/x-data-grid-pro@v6.6.0` / `@mui/x-data-grid-premium@v6.6.0`
+
+#### Changes
+
+- [DataGrid] Support data attributes (#8845) @romgrk
+- [DataGrid] Avoid allocations in `hydrateRowsMeta` (#9121) @romgrk
+- [DataGrid] Fix filter input select accessibility (#9018) @Jul13nT
+- [DataGrid] Fix accessibility issues in panels and toolbar buttons (#8862) @romgrk
+- [DataGrid] Fix `onCellEditStop` not invoked (#8857) @romgrk
+- [DataGridPro] Fix auto-scroll when reordering columns (#8856) @m4theushw
+- [DataGridPro] Fix row ID type casting in detail panels lookup (#8976) @minchaej
+- [DataGridPro] Emit `columnWidthChange` event on `touchEnd` of column resize (#8669) @MBilalShafi
+- [DataGridPro] Do not apply filters on `rowExpansionChange` (#8671) @cherniavskii
+- [DataGridPro] Prevent click event on sorting after a resize (#9117) @romgrk
+- [DataGridPremium] Improve Excel export interface (#9128) @TiagoPortfolio
+- [l10n] Improve Dutch (nl-NL) locale (#9043) @thedutchruben
+- [l10n] Improve French (fr-FR) locale (#9109) @Jul13nT
+
+### `@mui/x-date-pickers@v6.6.0` / `@mui/x-date-pickers-pro@v6.6.0`
+
+#### Changes
+
+- [fields] Allow to explicitly define the reference value and improve its default value (#9019) @flaviendelangle
+- [l10n] Add Vietnamese (vi-VN) locale (#9099) @nhannt201
+- [pickers] Add `DigitalClock` to `DesktopDateTimePicker` (#8946) @LukasTy
+- [pickers] Add support for timezones on the adapters (#9068) @flaviendelangle
+- [pickers] Fix `MonthCalendar` and `YearCalendar` disabled validation (#9149) @LukasTy
+- [pickers] Fix bug when fields have a unique section (#9110) @alexfauquette
+- [pickers] Fix focus jumping on Safari (#9072) @LukasTy
+- [pickers] Use the locale start of the week in `getWeekArray` (#9176) @flaviendelangle
+
+### Docs
+
+- [docs] Add single input range picker demo (#9159) @LukasTy
+- [docs] Align `DateCalendar` demo views with labels (#9152) @LukasTy
+- [docs] Clarify the peer dependency with React (#9067) @oliviertassinari
+- [docs] Fix Norwegian locale typo (#9168) @LukasTy
+- [docs] Fix column menu item demo (#9071) @MBilalShafi
+- [docs] Improve localization table progress bars (#9033) @noraleonte
+- [docs] Smooth performance animation (#8986) @oliviertassinari
+- [docs] Use responsive time and date time pickers and the views sections (#9127) @flaviendelangle
+- [docs] Reduce layout shift in grid demo (#9132) @oliviertassinari
+- [docs] Fix tree data children lazy-loading demo (#8840) @yaredtsy
+- [docs] Improve filtering docs discoverability (#9074) @MBilalShafi
+
+### Core
+
+- [core] Allow string literals as keys in `localesText` (#9045) @MBilalShafi
+- [core] Fix `randomInt` producing values exceeding `max` value (#9086) @cherniavskii
+- [core] Fix flaky test on `dateWithTimezone` adapter test (#9129) @flaviendelangle
+- [core] Lock `@types/node` on v18 (#9107) @LukasTy
+- [core] Remove `cross-fetch` dependency (#9108) @LukasTy
+- [core] Remove `createDetectElementResize()` replaced with `ResizeObserver` (#9015) @oliviertassinari
+- [core] Upgrade monorepo (#9027) @m4theushw
+- [core] Upgrade monorepo (#9106) @LukasTy
+- [charts] Fix proptypes (#9125) @LukasTy
+- [charts] Generate the charts proptypes (#9010) @alexfauquette
+- [charts] Manage series stacking (#8888) @alexfauquette
+- [license] List side effects in the license package (#9092) @cherniavskii
+
+## v6.5.0
+
+_May 19, 2023_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 💫 Introduce filtering on column headers for `DataGridPro` and `DataGridPremium`:
+
+  https://github.com/mui/mui-x/assets/12609561/c4c2bfec-59cf-4cab-932d-dc1983081de9
+
+  See [the documentation](https://mui.com/x/react-data-grid/filtering/#header-filters) for more information
+
+- 🌍 Improve Hebrew (he-IL) and Czech (cs-CZ) locales
+- 📝 Support for editing on pinned rows
+- 🚀 Performance improvements
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@6.5.0` / `@mui/x-data-grid-pro@6.5.0` / `@mui/x-data-grid-premium@6.5.0`
+
+#### Changes
+
+- [DataGrid] Fix grid size calculation when `.MuiDataGrid-main` has border (#8882) @cherniavskii
+- [DataGridPro] Filtering on Column Header (#7760) @MBilalShafi
+- [DataGridPro] Improve `treeData` and `rowGrouping` performance (#8990) @MBilalShafi
+- [DataGridPro] Support pinned rows editing (#8921) @cherniavskii
+- [l10n] Improve Hebrew (he-IL) locale (#8943) @Itzik-Tech
+- [l10n] Improve Czech (cs-CZ) locale (#8829) @harastaivan
+- [l10n] Improve Czech (cs-CZ) locale (#8956) @davidzemancz
+
+### `@mui/x-date-pickers@6.5.0` / `@mui/x-date-pickers-pro@6.5.0`
+
+#### Changes
+
+- [fields] Select the first section instead of last when clicking right of content (#9005) @noraleonte
+- [fields] Refactor prop drilling in fields (#8660) @flaviendelangle
+- [pickers] Allow to render the months before `currentMonth` instead of the one after (#8592) @flaviendelangle
+- [pickers] Fix view management when `openTo` or `views` is modified (#8997) @alexfauquette
+- [l10n] Improve Czech (cs-CZ) locale (#8829) @harastaivan
+
+### Docs
+
+- [docs] Clarify what Controlled / Uncontrolled means (#8926) @flaviendelangle
+- [docs] Fix docs using wrong service worker (#9030) @cherniavskii
+- [docs] Remove prop-types from JS demos (#9008) @flaviendelangle
+
+### Core
+
+- [core] Add assertion about checkbox rerenders (#8974) @oliviertassinari
+- [core] Allow selecting a section by type in field tests (#9009) @flaviendelangle
+- [core] Fix `yarn.lock` (#8988) @flaviendelangle
+- [core] Fix flacky adapter test (#8995) @flaviendelangle
+- [charts] Clean the axis rendering (#8948) @alexfauquette
+- [DataGrid] Memoize root props for better performance (#8942) @romgrk
+- [test] Skip flaky unit tests in JSDOM (#8994) @cherniavskii
+
 ## v6.4.0
 
 _May 12, 2023_
@@ -46,7 +178,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
 
 ### Docs
 
-- [docs] Fix date pickers typo in the docs  (#8939) @richbustos
+- [docs] Fix date pickers typo in the docs (#8939) @richbustos
 - [docs] Fix master detail demo (#8894) @m4theushw
 - [docs] Fix typo in clipboard docs (#8971) @MBilalShafi
 - [docs] Reduce list of dependencies in Codesandbox/Stackblitz demos (#8535) @cherniavskii
@@ -4384,7 +4516,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 
 - 👔 **Excel export**. You can find this new Premium feature at: https://mui.com/x/react-data-grid/export/#excel-export.
 
-- 🔎 **Quick filtering**. You can now add a quick filtering search bar to your grid. To do so, either pass `showQuickFilter` prop to the `<GridToolbar />` or use the `<GridToolbarQuickFilter />` component in your custom toolbar. More information about how to customize the filtering logic is in the [documentation](https://mui.com/x/react-data-grid/filtering/#quick-filter).
+- 🔎 **Quick filtering**. You can now add a quick filtering search bar to your grid. To do so, either pass `showQuickFilter` prop to the `<GridToolbar />` or use the `<GridToolbarQuickFilter />` component in your custom toolbar. More information about how to customize the filtering logic is in the [documentation](https://mui.com/x/react-data-grid/filtering/quick-filter/).
 
   <img src="https://user-images.githubusercontent.com/13808724/167700105-5a5acc7c-5463-4871-8514-3d09e2f365ae.png" width="724">
 

package/hooks/useQuery.d.ts

@@ -69,6 +69,7 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         disableReorder?: boolean | undefined;
         disableExport?: boolean | undefined;
         colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
+        renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
         aggregable?: boolean | undefined;
         availableAggregationFunctions?: string[] | undefined;
         groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;
@@ -115,6 +116,7 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         disableReorder?: boolean | undefined;
         disableExport?: boolean | undefined;
         colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
+        renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
         aggregable?: boolean | undefined;
         availableAggregationFunctions?: string[] | undefined;
         groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;
@@ -163,6 +165,7 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         disableReorder?: boolean | undefined;
         disableExport?: boolean | undefined;
         colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
+        renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
         aggregable?: boolean | undefined;
         availableAggregationFunctions?: string[] | undefined;
         groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;

package/index.js

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

package/legacy/index.js

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

package/legacy/services/random-generator.js

@@ -79,7 +79,10 @@ export var random = function random(min, max) {
   });
 };
 export var randomInt = function randomInt(min, max) {
-  return Math.floor(random(0, 1) * (max - min + 1) + min);
+  return chance.integer({
+    min: min,
+    max: max
+  });
 };
 export var randomPrice = function randomPrice() {
   var min = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;

package/modern/index.js

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

package/modern/services/random-generator.js

@@ -71,7 +71,10 @@ export const random = (min, max) => chance.floating({
   min,
   max
 });
-export const randomInt = (min, max) => Math.floor(random(0, 1) * (max - min + 1) + min);
+export const randomInt = (min, max) => chance.integer({
+  min,
+  max
+});
 export const randomPrice = (min = 0, max = 100000) => Number(random(min, max).toFixed(2));
 export const randomRate = () => random(0, 1);
 export const randomDate = (start, end) => new Date(start.getTime() + chance.floating({

package/node/index.js

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

package/node/services/random-generator.js

@@ -79,7 +79,10 @@ const random = (min, max) => chance.floating({
   max
 });
 exports.random = random;
-const randomInt = (min, max) => Math.floor(random(0, 1) * (max - min + 1) + min);
+const randomInt = (min, max) => chance.integer({
+  min,
+  max
+});
 exports.randomInt = randomInt;
 const randomPrice = (min = 0, max = 100000) => Number(random(min, max).toFixed(2));
 exports.randomPrice = randomPrice;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "6.4.0",
+  "version": "6.6.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.128",
-    "@mui/x-data-grid-premium": "6.4.0",
+    "@mui/base": "^5.0.0-beta.2",
+    "@mui/x-data-grid-premium": "6.6.0",
     "chance": "^1.1.11",
     "clsx": "^1.2.1",
     "lru-cache": "^7.18.3"
@@ -29,7 +29,7 @@
   "peerDependencies": {
     "@mui/icons-material": "^5.4.1",
     "@mui/material": "^5.4.1",
-    "react": "^17.0.2 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0"
   },
   "setupFiles": [
     "<rootDir>/src/setupTests.js"

package/renderer/renderAvatar.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
 export declare function renderAvatar(params: GridRenderCellParams<{
     name: string;
     color: string;
-}, any, any>): "" | JSX.Element;
+}, any, any>): "" | React.JSX.Element;

package/renderer/renderCountry.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
 import { CountryIsoOption } from '../services/static-data';
-export declare function renderCountry(params: GridRenderCellParams<CountryIsoOption, any, any>): "" | JSX.Element | null;
+export declare function renderCountry(params: GridRenderCellParams<CountryIsoOption, any, any>): "" | React.JSX.Element | null;

package/renderer/renderEditCountry.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
 import { CountryIsoOption } from '../services/static-data';
-export declare function renderEditCountry(params: GridRenderEditCellParams<CountryIsoOption>): JSX.Element;
+export declare function renderEditCountry(params: GridRenderEditCellParams<CountryIsoOption>): React.JSX.Element;

package/renderer/renderEditCurrency.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEditCurrency(params: GridRenderEditCellParams<any, string>): JSX.Element;
+export declare function renderEditCurrency(params: GridRenderEditCellParams<any, string>): React.JSX.Element;

package/renderer/renderEditIncoterm.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEditIncoterm(params: GridRenderEditCellParams<any, string | null>): JSX.Element;
+export declare function renderEditIncoterm(params: GridRenderEditCellParams<any, string | null>): React.JSX.Element;

package/renderer/renderEditProgress.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEditProgress(params: GridRenderEditCellParams<any, number>): JSX.Element;
+export declare function renderEditProgress(params: GridRenderEditCellParams<any, number>): React.JSX.Element;

package/renderer/renderEditRating.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEditRating(params: GridRenderEditCellParams<any, number>): JSX.Element;
+export declare function renderEditRating(params: GridRenderEditCellParams<any, number>): React.JSX.Element;

package/renderer/renderEditStatus.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEditStatus(params: GridRenderEditCellParams<any, string>): JSX.Element;
+export declare function renderEditStatus(params: GridRenderEditCellParams<any, string>): React.JSX.Element;

package/renderer/renderEmail.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEmail(params: GridRenderCellParams<any, string, any>): JSX.Element;
+export declare function renderEmail(params: GridRenderCellParams<any, string, any>): React.JSX.Element;

package/renderer/renderIncoterm.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderIncoterm(params: GridRenderCellParams<any, string | null, any>): JSX.Element;
+export declare function renderIncoterm(params: GridRenderCellParams<any, string | null, any>): React.JSX.Element;

package/renderer/renderLink.d.ts

@@ -6,5 +6,5 @@ interface DemoLinkProps {
     tabIndex: number;
 }
 export declare const DemoLink: React.NamedExoticComponent<DemoLinkProps>;
-export declare function renderLink(params: GridRenderCellParams<any, string, any>): "" | JSX.Element;
+export declare function renderLink(params: GridRenderCellParams<any, string, any>): "" | React.JSX.Element;
 export {};

package/renderer/renderPnl.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderPnl(params: GridRenderCellParams<any, number, any>): "" | JSX.Element;
+export declare function renderPnl(params: GridRenderCellParams<any, number, any>): "" | React.JSX.Element;

package/renderer/renderProgress.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderProgress(params: GridRenderCellParams<any, number, any>): "" | JSX.Element | null;
+export declare function renderProgress(params: GridRenderCellParams<any, number, any>): "" | React.JSX.Element | null;

package/renderer/renderRating.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderRating(params: GridRenderCellParams<any, number, any>): "" | JSX.Element | null;
+export declare function renderRating(params: GridRenderCellParams<any, number, any>): "" | React.JSX.Element | null;

package/renderer/renderStatus.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderStatus(params: GridRenderCellParams<any, string>): "" | JSX.Element;
+export declare function renderStatus(params: GridRenderCellParams<any, string>): "" | React.JSX.Element;

package/renderer/renderTotalPrice.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderTotalPrice(params: GridRenderCellParams<any, number>): "" | JSX.Element | null;
+export declare function renderTotalPrice(params: GridRenderCellParams<any, number>): "" | React.JSX.Element | null;

package/services/random-generator.js

@@ -72,7 +72,10 @@ export const random = (min, max) => chance.floating({
   min,
   max
 });
-export const randomInt = (min, max) => Math.floor(random(0, 1) * (max - min + 1) + min);
+export const randomInt = (min, max) => chance.integer({
+  min,
+  max
+});
 export const randomPrice = (min = 0, max = 100000) => Number(random(min, max).toFixed(2));
 export const randomRate = () => random(0, 1);
 export const randomDate = (start, end) => new Date(start.getTime() + chance.floating({