@mui/x-data-grid-generator 5.15.3 → 5.16.0

package/CHANGELOG.md

@@ -3,6 +3,62 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.16.0
+
+_Aug 25, 2022_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Introduce column grouping for data grid (#5133) @alexfauquette
+
+  You can now group columns using the `columnGroupingModel` prop. This lets you to display more structured data.
+
+  <img src="https://user-images.githubusercontent.com/45398769/186178366-4fba66b2-bf90-4c7a-9d83-940a7fc78704.png" width="800" />
+
+  To enable this feature, add `experimentalFeatures={{ columnGrouping: true }}`.
+  The grouping header can be fully customized.
+  See the [documentation](https://mui.com/x/react-data-grid/column-groups/) to explore everything it has to offer.
+
+- 🐞 Bugfixes
+- 🌏 New locales for pickers thanks to @tesseractjh and @drastus
+
+### `@mui/x-data-grid@v5.16.0` / `@mui/x-data-grid-pro@v5.16.0` / `@mui/x-data-grid-premium@v5.16.0`
+
+#### Changes
+
+- [DataGrid] Implement column grouping (#5133) @alexfauquette
+- [DataGrid] Handle `disableVirtualization` prop change (#5889) @cherniavskii
+- [DataGrid] Improve `GridRowModel` typing (#5734) @cherniavskii
+- [DataGrid] Update deprecation note for `GridColDef` `hide` property (#5886) @cherniavskii
+
+### `@mui/x-date-pickers@v5.0.0-beta.7` / `@mui/x-date-pickers-pro@v5.0.0-beta.7`
+
+#### Changes
+
+- [DatePicker] Fix to pass down `className` prop provided on DatePicker to `renderInput` (#5471) @CruseCtrl
+- [DatePicker] Improve `a11y` support (#5809) @LukasTy
+- [pickers] Add `PaperContent` component slot (#5801) @LukasTy
+- [pickers] Add a breaking change section in the migration guide (#5805) @alexfauquette
+- [pickers] Add new translations to `localeText` (#5143) @alexfauquette
+- [pickers] Document components slots (#4657) @flaviendelangle
+- [pickers] Add new unstable field components (#5504) @flaviendelangle
+- [pickers] Fallback to default `minDate` / `maxDate` when `null` value is passed (#5397) @flaviendelangle
+- [l10n] Add Korean (ko-KR) locale (#5854) @tesseractjh
+- [l10n] Add Polish (pl-PL) locale (#5833) @drastus
+
+### Docs
+
+- [docs] Fix typo in `migration from lab` (#5277) @chuckwired
+- [docs] Use `dayjs` instead of `date-fns` in doc examples (#5481) @flaviendelangle
+
+### Core
+
+- [core] Clarify the scope of the license key used for tests and documentation (#5824) @oliviertassinari
+- [core] Fix Typescript error on field hooks (#5892) @flaviendelangle
+- [core] Memoize `columns` in `useDemoData` hook (#5848) @cherniavskii
+- [core] Remove Firefox from the BrowserStack list (#5874) @DanailH
+- [core] Small changes to the release script (#5840) @m4theushw
+
 ## 5.15.3
 
 _Aug 18, 2022_

package/hooks/useDemoData.js

@@ -113,7 +113,7 @@ export const useDemoData = options => {
   const [rowLength, setRowLength] = React.useState(options.rowLength);
   const [index, setIndex] = React.useState(0);
   const [loading, setLoading] = React.useState(true);
-  const getColumns = React.useCallback(() => {
+  const columns = React.useMemo(() => {
     return getColumnsFromOptions({
       dataSet: options.dataSet,
       editable: options.editable,
@@ -122,7 +122,6 @@ export const useDemoData = options => {
     });
   }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
   const [data, setData] = React.useState(() => {
-    const columns = getColumns();
     return addTreeDataOptionsToDemoData({
       columns,
       rows: [],
@@ -149,10 +148,10 @@ export const useDemoData = options => {
       let newData;
 
       if (rowLength > 1000) {
-        newData = await getRealGridData(1000, getColumns());
+        newData = await getRealGridData(1000, columns);
         newData = await extrapolateSeed(rowLength, newData);
       } else {
-        newData = await getRealGridData(rowLength, getColumns());
+        newData = await getRealGridData(rowLength, columns);
       }
 
       if (!active) {
@@ -177,7 +176,7 @@ export const useDemoData = options => {
     return () => {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, (_options$treeData5 = options.treeData) == null ? void 0 : _options$treeData5.maxDepth, (_options$treeData6 = options.treeData) == null ? void 0 : _options$treeData6.groupingField, (_options$treeData7 = options.treeData) == null ? void 0 : _options$treeData7.averageChildren, index, getColumns]);
+  }, [rowLength, options.dataSet, options.maxColumns, (_options$treeData5 = options.treeData) == null ? void 0 : _options$treeData5.maxDepth, (_options$treeData6 = options.treeData) == null ? void 0 : _options$treeData6.groupingField, (_options$treeData7 = options.treeData) == null ? void 0 : _options$treeData7.averageChildren, index, columns]);
   return {
     data,
     loading,

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.15.3
+/** @license MUI v5.16.0
  *
  * 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/useDemoData.js

@@ -166,7 +166,7 @@ export var useDemoData = function useDemoData(options) {
       loading = _React$useState6[0],
       setLoading = _React$useState6[1];
 
-  var getColumns = React.useCallback(function () {
+  var columns = React.useMemo(function () {
     return getColumnsFromOptions({
       dataSet: options.dataSet,
       editable: options.editable,
@@ -176,7 +176,6 @@ export var useDemoData = function useDemoData(options) {
   }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
 
   var _React$useState7 = React.useState(function () {
-    var columns = getColumns();
     return addTreeDataOptionsToDemoData({
       columns: columns,
       rows: [],
@@ -216,7 +215,7 @@ export var useDemoData = function useDemoData(options) {
               }
 
               _context.next = 4;
-              return getRealGridData(1000, getColumns());
+              return getRealGridData(1000, columns);
 
             case 4:
               newData = _context.sent;
@@ -230,7 +229,7 @@ export var useDemoData = function useDemoData(options) {
 
             case 10:
               _context.next = 12;
-              return getRealGridData(rowLength, getColumns());
+              return getRealGridData(rowLength, columns);
 
             case 12:
               newData = _context.sent;
@@ -269,7 +268,7 @@ export var useDemoData = function useDemoData(options) {
     return function () {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, (_options$treeData5 = options.treeData) == null ? void 0 : _options$treeData5.maxDepth, (_options$treeData6 = options.treeData) == null ? void 0 : _options$treeData6.groupingField, (_options$treeData7 = options.treeData) == null ? void 0 : _options$treeData7.averageChildren, index, getColumns]);
+  }, [rowLength, options.dataSet, options.maxColumns, (_options$treeData5 = options.treeData) == null ? void 0 : _options$treeData5.maxDepth, (_options$treeData6 = options.treeData) == null ? void 0 : _options$treeData6.groupingField, (_options$treeData7 = options.treeData) == null ? void 0 : _options$treeData7.averageChildren, index, columns]);
   return {
     data: data,
     loading: loading,

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.15.3
+/** @license MUI v5.16.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/hooks/useDemoData.js

@@ -105,7 +105,7 @@ export const useDemoData = options => {
   const [rowLength, setRowLength] = React.useState(options.rowLength);
   const [index, setIndex] = React.useState(0);
   const [loading, setLoading] = React.useState(true);
-  const getColumns = React.useCallback(() => {
+  const columns = React.useMemo(() => {
     return getColumnsFromOptions({
       dataSet: options.dataSet,
       editable: options.editable,
@@ -114,7 +114,6 @@ export const useDemoData = options => {
     });
   }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
   const [data, setData] = React.useState(() => {
-    const columns = getColumns();
     return addTreeDataOptionsToDemoData({
       columns,
       rows: [],
@@ -139,10 +138,10 @@ export const useDemoData = options => {
       let newData;
 
       if (rowLength > 1000) {
-        newData = await getRealGridData(1000, getColumns());
+        newData = await getRealGridData(1000, columns);
         newData = await extrapolateSeed(rowLength, newData);
       } else {
-        newData = await getRealGridData(rowLength, getColumns());
+        newData = await getRealGridData(rowLength, columns);
       }
 
       if (!active) {
@@ -167,7 +166,7 @@ export const useDemoData = options => {
     return () => {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, index, getColumns]);
+  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, index, columns]);
   return {
     data,
     loading,

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.15.3
+/** @license MUI v5.16.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/hooks/useDemoData.js

@@ -140,7 +140,7 @@ const useDemoData = options => {
   const [rowLength, setRowLength] = React.useState(options.rowLength);
   const [index, setIndex] = React.useState(0);
   const [loading, setLoading] = React.useState(true);
-  const getColumns = React.useCallback(() => {
+  const columns = React.useMemo(() => {
     return getColumnsFromOptions({
       dataSet: options.dataSet,
       editable: options.editable,
@@ -149,7 +149,6 @@ const useDemoData = options => {
     });
   }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
   const [data, setData] = React.useState(() => {
-    const columns = getColumns();
     return (0, _treeDataGenerator.addTreeDataOptionsToDemoData)({
       columns,
       rows: [],
@@ -176,10 +175,10 @@ const useDemoData = options => {
       let newData;
 
       if (rowLength > 1000) {
-        newData = await (0, _realDataService.getRealGridData)(1000, getColumns());
+        newData = await (0, _realDataService.getRealGridData)(1000, columns);
         newData = await extrapolateSeed(rowLength, newData);
       } else {
-        newData = await (0, _realDataService.getRealGridData)(rowLength, getColumns());
+        newData = await (0, _realDataService.getRealGridData)(rowLength, columns);
       }
 
       if (!active) {
@@ -204,7 +203,7 @@ const useDemoData = options => {
     return () => {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, (_options$treeData5 = options.treeData) == null ? void 0 : _options$treeData5.maxDepth, (_options$treeData6 = options.treeData) == null ? void 0 : _options$treeData6.groupingField, (_options$treeData7 = options.treeData) == null ? void 0 : _options$treeData7.averageChildren, index, getColumns]);
+  }, [rowLength, options.dataSet, options.maxColumns, (_options$treeData5 = options.treeData) == null ? void 0 : _options$treeData5.maxDepth, (_options$treeData6 = options.treeData) == null ? void 0 : _options$treeData6.groupingField, (_options$treeData7 = options.treeData) == null ? void 0 : _options$treeData7.averageChildren, index, columns]);
   return {
     data,
     loading,

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.15.3
+/** @license MUI v5.16.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "5.15.3",
+  "version": "5.16.0",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -19,12 +19,12 @@
     "directory": "packages/grid/x-data-grid-generator"
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.6",
-    "@mui/base": "^5.0.0-alpha.80",
-    "@mui/x-data-grid-premium": "5.15.3",
+    "@babel/runtime": "^7.18.9",
+    "@mui/base": "^5.0.0-alpha.94",
+    "@mui/x-data-grid-premium": "5.16.0",
     "chance": "^1.1.8",
     "clsx": "^1.2.1",
-    "lru-cache": "^7.13.2"
+    "lru-cache": "^7.14.0"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5.4.1",