@mui/x-data-grid-generator 6.5.0 → 6.7.0

package/CHANGELOG.md

@@ -3,6 +3,154 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.7.0
+
+_Jun 9, 2023_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Improve the default `format` prop value on the pickers.
+
+  Here are a few examples:
+
+  ```tsx
+  <TimePicker views={['hours', 'minutes', 'seconds']} ampm />
+  // Format before v6.7.0: `hh:mm aa`
+  // Format after v6.7.0: `hh:mm:ss aa`
+ 
+  <DatePicker views={['year']} />
+  // Format before v6.7.0: `MM/DD/YYYY`
+  // Format after v6.7.0: `YYYY`
+  
+  <DateTimePicker views={['day', 'hours', 'minutes']} ampm />
+  // Format before v6.7.0: `MM/DD/YYYY hh:mm aa`
+  // Format after v6.7.0: `DD hh:mm aa`
+  ```
+
+- 🌍 Add Romanian (ro-RO) locale on the pickers
+- 🌍 Improve German (de-DE) locale on the pickers
+- 🌍 Improve Czech (cs-CZ), German (de-DE) and Turkish (tr-TR) locales on the data grid
+- 🚀 Performance improvements
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.7.0` / `@mui/x-data-grid-pro@v6.7.0` / `@mui/x-data-grid-premium@v6.7.0`
+
+#### Changes
+
+- [DataGrid] Allow overflowing grid root element (#9179) @cherniavskii
+- [DataGrid] Fix module augmentation error when using `@mui/lab` (#9235) @cherniavskii
+- [DataGrid] Fix row with ids matching `Object` prototype (#9265) @romgrk
+- [DataGrid] Fix `sortModel` and `filterModel` resetting when columns change (#9239) @alexgonch
+- [DataGrid] Improve grouping performance for large datasets (#9200) @romgrk
+- [DataGrid] Increase threshold to trigger memory leak warning (#9263) @m4theushw
+- [DataGrid] Update data grid migration guide to include updated type (#9272) @MBilalShafi
+- [DataGridPro] Improve header filter menu visuals (#9181) @MBilalShafi
+- [DataGridPremium] Remove last line break on clipboard paste (#9163) @cherniavskii
+- [l10n] Improve Czech (cs-CZ) locale (#9266) @MartinSkarpa
+- [l10n] Improve German (de-DE) locale (#9259) @ximex
+- [l10n] Improve Turkish (tr-TR) locale (#9237) @MCErtan
+
+### `@mui/x-date-pickers@v6.7.0` / `@mui/x-date-pickers-pro@v6.7.0`
+
+#### Changes
+
+- [l10n] Add Romanian (ro-RO) locale (#9257) @ximex
+- [l10n] Improve German (de-DE) locale (#9258) @ximex
+- [pickers] Apply dynamic default format depending on views for all desktop and mobile pickers (#9126) @flaviendelangle
+- [pickers] Update `DateRangePickerDay` props JSDoc (#9191) @stevus
+
+### Docs
+
+- [docs] Fix missing props on the `GridFilterPanel` API page (#9180) @cherniavskii
+- [docs] Fix overview page typo (#9230) @LukasTy
+- [docs] Fix version redirect (#9273) @alexfauquette
+
+### Core
+
+- [core] Temporarily remove the Argos upload on the regression testing (#9267) @flaviendelangle
+- [charts] Add clip-path to avoid charts overflow (#9012) @alexfauquette
+- [charts] Add style customization on bar (#8935) @alexfauquette
+- [charts] Enforce axis `min`/`max` over the `nice()` method (#9189) @alexfauquette
+- [charts] Improve axis label and ticks label alignements (#9190) @alexfauquette
+- [charts] Simplify the switch between responsive and fix dimensions (#9151) @alexfauquette
+
+## 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_
@@ -102,7 +250,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
@@ -4440,7 +4588,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,7 +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;
+        renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridHeaderFilterCellProps) => 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;
@@ -116,7 +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;
+        renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridHeaderFilterCellProps) => 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;
@@ -165,7 +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;
+        renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridHeaderFilterCellProps) => 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.5.0
+ * @mui/x-data-grid-generator v6.7.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.5.0
+ * @mui/x-data-grid-generator v6.7.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.5.0
+ * @mui/x-data-grid-generator v6.7.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.5.0
+ * @mui/x-data-grid-generator v6.7.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.5.0",
+  "version": "6.7.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-beta.0",
-    "@mui/x-data-grid-premium": "6.5.0",
+    "@mui/base": "^5.0.0-beta.2",
+    "@mui/x-data-grid-premium": "6.7.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({