@mui/x-data-grid-generator 5.17.4 → 5.17.5

package/CHANGELOG.md

@@ -3,7 +3,37 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## v5.17.4
+## 5.17.5
+
+_Sep 29, 2022_
+
+We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Add theme augmentation module to DataGridPremium (#6316) @cherniavskii
+- 👀 Fix blank space when changing page with dynamic row height (#6320) @m4theushw
+- 📚 Improve controlled editing demo to make easier to reuse it (#6306) @cherniavskii
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.5` / `@mui/x-data-grid-pro@v5.17.5` / `@mui/x-data-grid-premium@v5.17.5`
+
+#### Changes
+
+- [DataGrid] Fix `GridPagination` props typing (#6295) @cherniavskii
+- [DataGrid] Fix `GridRow` not forwarding `ref` to the root element (#6303) @cherniavskii
+- [DataGrid] Fix `undefined` value being showed in filter button tooltip text (#6271) @cherniavskii
+- [DataGrid] Fix blank space when changing page with dynamic row height (#6320) @m4theushw
+- [DataGrid] Revert cell/row mode if `processRowUpdate` fails (#6319) @m4theushw
+- [DataGridPremium] Add missing `themeAugmentation` module (#6316) @cherniavskii
+
+### Docs
+
+- [docs] Pass model change callbacks in controlled grid editing demos (#6306) @cherniavskii
+
+### Core
+
+- [core] Reduce the amount of updated screenshots reported by Argos (#6310) @cherniavskii
+
+## 5.17.4
 
 _Sep 22, 2022_
 

package/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useDemoData';
+export * from './useBasicDemoData';
 export * from './useMovieData';
 export * from './useQuery';

package/hooks/index.js

@@ -1,3 +1,4 @@
 export * from './useDemoData';
+export * from './useBasicDemoData';
 export * from './useMovieData';
 export * from './useQuery';

package/hooks/useBasicDemoData.d.ts

@@ -0,0 +1,2 @@
+import { GridBasicData } from '../services';
+export declare const useBasicDemoData: (nbRows: number, nbCols: number) => GridBasicData;

package/hooks/useBasicDemoData.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { getBasicGridData } from '../services';
+export const useBasicDemoData = (nbRows, nbCols) => {
+  const [data, setData] = React.useState({
+    rows: [],
+    columns: []
+  });
+  React.useEffect(() => {
+    const newData = getBasicGridData(nbRows, nbCols);
+    setData(newData);
+  }, [nbRows, nbCols]);
+  return data;
+};

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.4
+/** @license MUI v5.17.5
  *
  * 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/index.js

@@ -1,3 +1,4 @@
 export * from './useDemoData';
+export * from './useBasicDemoData';
 export * from './useMovieData';
 export * from './useQuery';

package/legacy/hooks/useBasicDemoData.js

@@ -0,0 +1,18 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import { getBasicGridData } from '../services';
+export var useBasicDemoData = function useBasicDemoData(nbRows, nbCols) {
+  var _React$useState = React.useState({
+    rows: [],
+    columns: []
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      data = _React$useState2[0],
+      setData = _React$useState2[1];
+
+  React.useEffect(function () {
+    var newData = getBasicGridData(nbRows, nbCols);
+    setData(newData);
+  }, [nbRows, nbCols]);
+  return data;
+};

package/legacy/index.js

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

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

@@ -0,0 +1,44 @@
+export var currencyPairs = ['USDGBP', 'USDEUR', 'GBPEUR', 'JPYUSD', 'MXNUSD', 'BTCUSD', 'USDCAD', 'EURJPY', 'EURUSD', 'EURCHF', 'USDCHF', 'EURGBP', 'GBPUSD', 'AUDCAD', 'NZDUSD', 'GBPCHF', 'AUDUSD', 'GBPJPY', 'USDJPY', 'CHFJPY', 'EURCAD', 'AUDJPY', 'EURAUD', 'AUDNZD', 'CADEUR', 'CHFMXN', 'ETHUSD', 'BCHUSD', 'ETHBTC', 'XRPUSD', 'XRPBTC', 'USDLTC', 'USDXRP', 'USDDSH', 'USDBCH', 'JPYEUR', 'JPYUSD', 'JPYGBP', 'JPYCAD', 'JPYCHF', 'JPYAUD', 'JPYNZD', 'JPYSGD', 'JPYNOK', 'JPYRUB', 'JPYSEK', 'JPYTRY', 'JPYZAR', 'JPYHKD', 'JPYCNH', 'JPYDKK', 'JPYMXN', 'JPYPLN', 'JPYXAG', 'JPYXAU', 'JPYBTC', 'JPYETH', 'JPYLTC', 'JPYXRP', 'JPYDSH', 'JPYBCH', 'GBPEUR', 'GBPRUB', 'GBPTRY'];
+export var getBasicGridData = function getBasicGridData(rowLength, colLength) {
+  var data = [];
+  var pricesColLength = colLength - 2;
+
+  for (var i = 0; i < rowLength; i += 1) {
+    var idx = i >= currencyPairs.length ? i % currencyPairs.length : i;
+    var model = {
+      id: i,
+      currencyPair: currencyPairs[idx]
+    };
+
+    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 = [{
+    field: 'id',
+    headerName: 'id',
+    type: 'number'
+  }, {
+    field: 'currencyPair',
+    headerName: 'Currency Pair'
+  }];
+
+  for (var _j = 1; _j <= pricesColLength; _j += 1) {
+    // const y = Math.floor(j / 12);
+    columns.push({
+      field: "price".concat(_j, "M"),
+      headerName: "".concat(_j, "M"),
+      type: 'number'
+    }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
+  }
+
+  columns.length = colLength; // we cut the array in case < 2;
+
+  return {
+    columns: columns,
+    rows: data
+  };
+};

package/legacy/services/index.js

@@ -1,3 +1,4 @@
 export * from './gridColDefGenerator';
 export * from './random-generator';
-export * from './real-data-service';
+export * from './real-data-service';
+export * from './basic-data-service';

package/modern/hooks/index.js

@@ -1,3 +1,4 @@
 export * from './useDemoData';
+export * from './useBasicDemoData';
 export * from './useMovieData';
 export * from './useQuery';

package/modern/hooks/useBasicDemoData.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { getBasicGridData } from '../services';
+export const useBasicDemoData = (nbRows, nbCols) => {
+  const [data, setData] = React.useState({
+    rows: [],
+    columns: []
+  });
+  React.useEffect(() => {
+    const newData = getBasicGridData(nbRows, nbCols);
+    setData(newData);
+  }, [nbRows, nbCols]);
+  return data;
+};

package/modern/index.js

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

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

@@ -0,0 +1,44 @@
+export const currencyPairs = ['USDGBP', 'USDEUR', 'GBPEUR', 'JPYUSD', 'MXNUSD', 'BTCUSD', 'USDCAD', 'EURJPY', 'EURUSD', 'EURCHF', 'USDCHF', 'EURGBP', 'GBPUSD', 'AUDCAD', 'NZDUSD', 'GBPCHF', 'AUDUSD', 'GBPJPY', 'USDJPY', 'CHFJPY', 'EURCAD', 'AUDJPY', 'EURAUD', 'AUDNZD', 'CADEUR', 'CHFMXN', 'ETHUSD', 'BCHUSD', 'ETHBTC', 'XRPUSD', 'XRPBTC', 'USDLTC', 'USDXRP', 'USDDSH', 'USDBCH', 'JPYEUR', 'JPYUSD', 'JPYGBP', 'JPYCAD', 'JPYCHF', 'JPYAUD', 'JPYNZD', 'JPYSGD', 'JPYNOK', 'JPYRUB', 'JPYSEK', 'JPYTRY', 'JPYZAR', 'JPYHKD', 'JPYCNH', 'JPYDKK', 'JPYMXN', 'JPYPLN', 'JPYXAG', 'JPYXAU', 'JPYBTC', 'JPYETH', 'JPYLTC', 'JPYXRP', 'JPYDSH', 'JPYBCH', 'GBPEUR', 'GBPRUB', 'GBPTRY'];
+export const getBasicGridData = (rowLength, colLength) => {
+  const data = [];
+  const pricesColLength = colLength - 2;
+
+  for (let i = 0; i < rowLength; i += 1) {
+    const idx = i >= currencyPairs.length ? i % currencyPairs.length : i;
+    const model = {
+      id: i,
+      currencyPair: currencyPairs[idx]
+    };
+
+    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 = [{
+    field: 'id',
+    headerName: 'id',
+    type: 'number'
+  }, {
+    field: 'currencyPair',
+    headerName: 'Currency Pair'
+  }];
+
+  for (let j = 1; j <= pricesColLength; j += 1) {
+    // const y = Math.floor(j / 12);
+    columns.push({
+      field: `price${j}M`,
+      headerName: `${j}M`,
+      type: 'number'
+    }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
+  }
+
+  columns.length = colLength; // we cut the array in case < 2;
+
+  return {
+    columns,
+    rows: data
+  };
+};

package/modern/services/index.js

@@ -1,3 +1,4 @@
 export * from './gridColDefGenerator';
 export * from './random-generator';
-export * from './real-data-service';
+export * from './real-data-service';
+export * from './basic-data-service';

package/node/hooks/index.js

@@ -17,6 +17,19 @@ Object.keys(_useDemoData).forEach(function (key) {
   });
 });
 
+var _useBasicDemoData = require("./useBasicDemoData");
+
+Object.keys(_useBasicDemoData).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useBasicDemoData[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useBasicDemoData[key];
+    }
+  });
+});
+
 var _useMovieData = require("./useMovieData");
 
 Object.keys(_useMovieData).forEach(function (key) {

package/node/hooks/useBasicDemoData.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBasicDemoData = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _services = require("../services");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useBasicDemoData = (nbRows, nbCols) => {
+  const [data, setData] = React.useState({
+    rows: [],
+    columns: []
+  });
+  React.useEffect(() => {
+    const newData = (0, _services.getBasicGridData)(nbRows, nbCols);
+    setData(newData);
+  }, [nbRows, nbCols]);
+  return data;
+};
+
+exports.useBasicDemoData = useBasicDemoData;

package/node/index.js

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

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBasicGridData = exports.currencyPairs = void 0;
+const currencyPairs = ['USDGBP', 'USDEUR', 'GBPEUR', 'JPYUSD', 'MXNUSD', 'BTCUSD', 'USDCAD', 'EURJPY', 'EURUSD', 'EURCHF', 'USDCHF', 'EURGBP', 'GBPUSD', 'AUDCAD', 'NZDUSD', 'GBPCHF', 'AUDUSD', 'GBPJPY', 'USDJPY', 'CHFJPY', 'EURCAD', 'AUDJPY', 'EURAUD', 'AUDNZD', 'CADEUR', 'CHFMXN', 'ETHUSD', 'BCHUSD', 'ETHBTC', 'XRPUSD', 'XRPBTC', 'USDLTC', 'USDXRP', 'USDDSH', 'USDBCH', 'JPYEUR', 'JPYUSD', 'JPYGBP', 'JPYCAD', 'JPYCHF', 'JPYAUD', 'JPYNZD', 'JPYSGD', 'JPYNOK', 'JPYRUB', 'JPYSEK', 'JPYTRY', 'JPYZAR', 'JPYHKD', 'JPYCNH', 'JPYDKK', 'JPYMXN', 'JPYPLN', 'JPYXAG', 'JPYXAU', 'JPYBTC', 'JPYETH', 'JPYLTC', 'JPYXRP', 'JPYDSH', 'JPYBCH', 'GBPEUR', 'GBPRUB', 'GBPTRY'];
+exports.currencyPairs = currencyPairs;
+
+const getBasicGridData = (rowLength, colLength) => {
+  const data = [];
+  const pricesColLength = colLength - 2;
+
+  for (let i = 0; i < rowLength; i += 1) {
+    const idx = i >= currencyPairs.length ? i % currencyPairs.length : i;
+    const model = {
+      id: i,
+      currencyPair: currencyPairs[idx]
+    };
+
+    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 = [{
+    field: 'id',
+    headerName: 'id',
+    type: 'number'
+  }, {
+    field: 'currencyPair',
+    headerName: 'Currency Pair'
+  }];
+
+  for (let j = 1; j <= pricesColLength; j += 1) {
+    // const y = Math.floor(j / 12);
+    columns.push({
+      field: `price${j}M`,
+      headerName: `${j}M`,
+      type: 'number'
+    }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
+  }
+
+  columns.length = colLength; // we cut the array in case < 2;
+
+  return {
+    columns,
+    rows: data
+  };
+};
+
+exports.getBasicGridData = getBasicGridData;

package/node/services/index.js

@@ -41,4 +41,17 @@ Object.keys(_realDataService).forEach(function (key) {
       return _realDataService[key];
     }
   });
+});
+
+var _basicDataService = require("./basic-data-service");
+
+Object.keys(_basicDataService).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _basicDataService[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _basicDataService[key];
+    }
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "5.17.4",
+  "version": "5.17.5",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@babel/runtime": "^7.18.9",
     "@mui/base": "^5.0.0-alpha.97",
-    "@mui/x-data-grid-premium": "5.17.4",
+    "@mui/x-data-grid-premium": "5.17.5",
     "chance": "^1.1.8",
     "clsx": "^1.2.1",
     "lru-cache": "^7.14.0"

package/services/basic-data-service.d.ts

@@ -0,0 +1,13 @@
+import { GridColDef, GridRowId } from '@mui/x-data-grid';
+export declare const currencyPairs: string[];
+interface GridBasicRowModel {
+    id: GridRowId;
+    currencyPair: string;
+    [price: string]: number | string;
+}
+export interface GridBasicData {
+    columns: GridColDef[];
+    rows: GridBasicRowModel[];
+}
+export declare const getBasicGridData: (rowLength: number, colLength: number) => GridBasicData;
+export {};

package/services/basic-data-service.js

@@ -0,0 +1,44 @@
+export const currencyPairs = ['USDGBP', 'USDEUR', 'GBPEUR', 'JPYUSD', 'MXNUSD', 'BTCUSD', 'USDCAD', 'EURJPY', 'EURUSD', 'EURCHF', 'USDCHF', 'EURGBP', 'GBPUSD', 'AUDCAD', 'NZDUSD', 'GBPCHF', 'AUDUSD', 'GBPJPY', 'USDJPY', 'CHFJPY', 'EURCAD', 'AUDJPY', 'EURAUD', 'AUDNZD', 'CADEUR', 'CHFMXN', 'ETHUSD', 'BCHUSD', 'ETHBTC', 'XRPUSD', 'XRPBTC', 'USDLTC', 'USDXRP', 'USDDSH', 'USDBCH', 'JPYEUR', 'JPYUSD', 'JPYGBP', 'JPYCAD', 'JPYCHF', 'JPYAUD', 'JPYNZD', 'JPYSGD', 'JPYNOK', 'JPYRUB', 'JPYSEK', 'JPYTRY', 'JPYZAR', 'JPYHKD', 'JPYCNH', 'JPYDKK', 'JPYMXN', 'JPYPLN', 'JPYXAG', 'JPYXAU', 'JPYBTC', 'JPYETH', 'JPYLTC', 'JPYXRP', 'JPYDSH', 'JPYBCH', 'GBPEUR', 'GBPRUB', 'GBPTRY'];
+export const getBasicGridData = (rowLength, colLength) => {
+  const data = [];
+  const pricesColLength = colLength - 2;
+
+  for (let i = 0; i < rowLength; i += 1) {
+    const idx = i >= currencyPairs.length ? i % currencyPairs.length : i;
+    const model = {
+      id: i,
+      currencyPair: currencyPairs[idx]
+    };
+
+    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 = [{
+    field: 'id',
+    headerName: 'id',
+    type: 'number'
+  }, {
+    field: 'currencyPair',
+    headerName: 'Currency Pair'
+  }];
+
+  for (let j = 1; j <= pricesColLength; j += 1) {
+    // const y = Math.floor(j / 12);
+    columns.push({
+      field: `price${j}M`,
+      headerName: `${j}M`,
+      type: 'number'
+    }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
+  }
+
+  columns.length = colLength; // we cut the array in case < 2;
+
+  return {
+    columns,
+    rows: data
+  };
+};

package/services/index.d.ts

@@ -1,3 +1,4 @@
 export * from './gridColDefGenerator';
 export * from './random-generator';
 export * from './real-data-service';
+export * from './basic-data-service';

package/services/index.js

@@ -1,3 +1,4 @@
 export * from './gridColDefGenerator';
 export * from './random-generator';
-export * from './real-data-service';
+export * from './real-data-service';
+export * from './basic-data-service';