@mui/x-data-grid-generator 6.0.0-alpha.1 → 6.0.0-alpha.10

package/node/services/random-generator.js

@@ -1,265 +1,167 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.randomUserName = exports.randomUrl = exports.randomUpdatedDate = exports.randomUnitPriceCurrency = exports.randomUnitPrice = exports.randomTraderName = exports.randomTradeDate = exports.randomTaxCode = exports.randomStatusOptions = exports.randomRating = exports.randomRateType = exports.randomRate = exports.randomQuantity = exports.randomPrice = exports.randomPnL = exports.randomPhoneNumber = exports.randomName = exports.randomMaturityDate = exports.randomJobTitle = exports.randomInt = exports.randomIncoterm = exports.randomId = exports.randomFeeRate = exports.randomEmail = exports.randomDesk = exports.randomDate = exports.randomCurrency = exports.randomCreatedDate = exports.randomCountry = exports.randomContractType = exports.randomCompanyName = exports.randomCommodity = exports.randomColor = exports.randomCity = exports.randomBrokerId = exports.randomBoolean = exports.randomArrayItem = exports.randomAddress = exports.random = exports.generateIsFilled = exports.generateFilledQuantity = void 0;
-
 var _chance = _interopRequireDefault(require("chance"));
-
 var _staticData = require("./static-data");
-
 const chanceId = (0, _chance.default)();
 let chance;
-
 if (typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM) {
   chance = (0, _chance.default)(() => 0.5);
 } else {
   chance = chanceId;
 }
-
 /**
  * Wrap a data generator that returns a string and add a prefix if the value generated has already been given
  */
 const uniquenessHandler = generator => (data, context) => {
-  var _context$values$rawVa;
-
   const rawValue = generator(data, context);
-
   if (!context.values) {
     return rawValue;
   }
-
-  const valueCount = ((_context$values$rawVa = context.values[rawValue]) != null ? _context$values$rawVa : 0) + 1;
+  const valueCount = (context.values[rawValue] ?? 0) + 1;
   context.values[rawValue] = valueCount + 1;
-
   if (valueCount > 1) {
     return `${rawValue} ${valueCount}`;
   }
-
   return rawValue;
 };
-
 function dateFuture(years, refDate) {
   let date = new Date();
-
   if (typeof refDate !== 'undefined') {
     date = new Date(Date.parse(refDate));
   }
-
   const range = {
     min: 1000,
     max: (years || 1) * 365 * 24 * 3600 * 1000
-  }; // some time from now to N years later, in milliseconds
+  };
 
+  // some time from now to N years later, in milliseconds
   const past = date.getTime() + chance.integer(range);
   date.setTime(past);
   return date;
 }
-
 function dateRecent(days, refDate) {
   let date = new Date();
-
   if (typeof refDate !== 'undefined') {
     date = new Date(Date.parse(refDate));
   }
-
   const range = {
     min: 1000,
     max: (days || 1) * 24 * 3600 * 1000
-  }; // some time from now to N days ago, in milliseconds
+  };
 
+  // some time from now to N days ago, in milliseconds
   const past = date.getTime() - chance.integer(range);
   date.setTime(past);
   return date;
 }
-
 function datePast(years, refDate) {
   let date = new Date();
-
   if (typeof refDate !== 'undefined') {
     date = new Date(Date.parse(refDate));
   }
-
   const range = {
     min: 1000,
     max: (years || 1) * 365 * 24 * 3600 * 1000
-  }; // some time from now to N years ago, in milliseconds
+  };
 
+  // some time from now to N years ago, in milliseconds
   const past = date.getTime() - chance.integer(range);
   date.setTime(past);
   return date;
 }
-
 const random = (min, max) => chance.floating({
   min,
   max
 });
-
 exports.random = random;
-
 const randomInt = (min, max) => Math.floor(random(0, 1) * (max - min + 1) + min);
-
 exports.randomInt = randomInt;
-
 const randomPrice = (min = 0, max = 100000) => Number(random(min, max).toFixed(2));
-
 exports.randomPrice = randomPrice;
-
 const randomRate = () => random(0, 1);
-
 exports.randomRate = randomRate;
-
 const randomDate = (start, end) => new Date(start.getTime() + chance.floating({
   min: 0,
   max: 1
 }) * (end.getTime() - start.getTime()));
-
 exports.randomDate = randomDate;
-
 const randomArrayItem = arr => arr[randomInt(0, arr.length - 1)];
-
 exports.randomArrayItem = randomArrayItem;
-
 const randomBoolean = () => randomArrayItem([true, false]);
-
 exports.randomBoolean = randomBoolean;
-
 const randomColor = () => randomArrayItem(_staticData.COLORS);
-
 exports.randomColor = randomColor;
-
 const randomId = () => chanceId.guid();
-
 exports.randomId = randomId;
-
 const randomDesk = () => `D-${chance.integer({
   min: 0,
   max: 10000
 })}`;
-
 exports.randomDesk = randomDesk;
-
 const randomCommodity = () => randomArrayItem(_staticData.COMMODITY_OPTIONS);
-
 exports.randomCommodity = randomCommodity;
-
 const randomTraderName = () => chance.name();
-
 exports.randomTraderName = randomTraderName;
-
 const randomUserName = () => chance.twitter();
-
 exports.randomUserName = randomUserName;
-
 const randomEmail = () => chance.email();
-
 exports.randomEmail = randomEmail;
-
 const randomUrl = () => chance.url();
-
 exports.randomUrl = randomUrl;
-
 const randomPhoneNumber = () => chance.phone();
-
 exports.randomPhoneNumber = randomPhoneNumber;
-
 const randomUnitPrice = () => randomPrice(1, 100);
-
 exports.randomUnitPrice = randomUnitPrice;
-
 const randomUnitPriceCurrency = () => randomArrayItem(_staticData.CURRENCY_OPTIONS);
-
 exports.randomUnitPriceCurrency = randomUnitPriceCurrency;
-
 const randomQuantity = () => randomInt(1000, 100000);
-
 exports.randomQuantity = randomQuantity;
-
 const randomFeeRate = () => Number(random(0.1, 0.4).toFixed(3));
-
 exports.randomFeeRate = randomFeeRate;
-
 const randomIncoterm = () => randomArrayItem(_staticData.INCOTERM_OPTIONS);
-
 exports.randomIncoterm = randomIncoterm;
-
 const randomStatusOptions = () => randomArrayItem(_staticData.STATUS_OPTIONS);
-
 exports.randomStatusOptions = randomStatusOptions;
-
 const randomPnL = () => random(-100000000, 100000000);
-
 exports.randomPnL = randomPnL;
-
 const randomMaturityDate = () => dateFuture();
-
 exports.randomMaturityDate = randomMaturityDate;
-
 const randomTradeDate = () => dateRecent();
-
 exports.randomTradeDate = randomTradeDate;
-
 const randomBrokerId = () => chance.guid();
-
 exports.randomBrokerId = randomBrokerId;
-
 const randomCompanyName = () => chance.company();
-
 exports.randomCompanyName = randomCompanyName;
-
 const randomCountry = () => randomArrayItem(_staticData.COUNTRY_ISO_OPTIONS);
-
 exports.randomCountry = randomCountry;
-
 const randomCurrency = () => randomArrayItem(_staticData.CURRENCY_OPTIONS);
-
 exports.randomCurrency = randomCurrency;
-
 const randomAddress = () => chance.address();
-
 exports.randomAddress = randomAddress;
-
 const randomCity = () => chance.city();
-
 exports.randomCity = randomCity;
-
 const randomTaxCode = () => randomArrayItem(_staticData.TAXCODE_OPTIONS);
-
 exports.randomTaxCode = randomTaxCode;
-
 const randomContractType = () => randomArrayItem(_staticData.CONTRACT_TYPE_OPTIONS);
-
 exports.randomContractType = randomContractType;
-
 const randomRateType = () => randomArrayItem(_staticData.RATE_TYPE_OPTIONS);
-
 exports.randomRateType = randomRateType;
-
 const randomCreatedDate = () => datePast();
-
 exports.randomCreatedDate = randomCreatedDate;
-
 const randomUpdatedDate = () => dateRecent();
-
 exports.randomUpdatedDate = randomUpdatedDate;
-
 const randomJobTitle = () => chance.profession();
-
 exports.randomJobTitle = randomJobTitle;
-
 const randomRating = () => randomInt(1, 5);
-
 exports.randomRating = randomRating;
 const randomName = uniquenessHandler(() => chance.name());
 exports.randomName = randomName;
-
 const generateFilledQuantity = data => Number((data.quantity * randomRate()).toFixed()) / data.quantity;
-
 exports.generateFilledQuantity = generateFilledQuantity;
-
 const generateIsFilled = data => data.quantity === data.filledQuantity;
-
 exports.generateIsFilled = generateIsFilled;

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

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRealGridData = getRealGridData;
-
 var _asyncWorker = _interopRequireDefault(require("./asyncWorker"));
-
 function getRealGridData(rowLength, columns) {
   return new Promise(resolve => {
     const tasks = {
@@ -16,35 +13,26 @@ function getRealGridData(rowLength, columns) {
     };
     const rows = [];
     const indexedValues = {};
-
     function work() {
       const row = {};
-
       for (let j = 0; j < columns.length; j += 1) {
         const column = columns[j];
-
         if (column.generateData) {
           const context = {};
-
           if (column.dataGeneratorUniquenessEnabled) {
             let fieldValues = indexedValues[column.field];
-
             if (!fieldValues) {
               fieldValues = {};
               indexedValues[column.field] = fieldValues;
             }
-
             context.values = fieldValues;
           }
-
           row[column.field] = column.generateData(row, context);
         }
       }
-
       rows.push(row);
       tasks.current -= 1;
     }
-
     const columnVisibilityModel = {};
     columns.forEach(col => {
       if (col.hide) {

package/node/services/static-data.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TAXCODE_OPTIONS = exports.STATUS_OPTIONS = exports.RATE_TYPE_OPTIONS = exports.INCOTERM_OPTIONS = exports.CURRENCY_OPTIONS = exports.COUNTRY_OPTIONS = exports.COUNTRY_ISO_OPTIONS_SORTED = exports.COUNTRY_ISO_OPTIONS = exports.CONTRACT_TYPE_OPTIONS = exports.COMMODITY_OPTIONS = exports.COLORS = void 0;
-
 var _colors = require("@mui/material/colors");
-
 const COLORS = [_colors.pink[500], _colors.blue[500], _colors.orange[500], _colors.red[500], _colors.green[500], _colors.lightBlue[500], _colors.purple[500]];
 exports.COLORS = COLORS;
 const STATUS_OPTIONS = ['Open', 'PartiallyFilled', 'Filled', 'Rejected'];

package/node/services/tree-data-generator.js

@@ -1,63 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.addTreeDataOptionsToDemoData = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _randomGenerator = require("./random-generator");
-
 const addTreeDataOptionsToDemoData = (data, options = {}) => {
-  var _groupingCol$headerNa;
-
   const {
     averageChildren = 2,
     maxDepth = 1,
     groupingField
   } = options;
   const hasTreeData = maxDepth > 1 && groupingField != null;
-
   if (!hasTreeData) {
     return data;
   }
-
   if (data.rows.length > 1000) {
     throw new Error('MUI: useDemoData tree data mode only works up to 1000 rows.');
   }
-
   const rowsByTreeDepth = {};
   const rowsCount = data.rows.length;
   const groupingCol = data.columns.find(col => col.field === options.groupingField);
-
   if (!groupingCol) {
     throw new Error('MUI: The tree data grouping field does not exist');
   }
-
   data.initialState.columns.columnVisibilityModel[groupingField] = false;
-
   for (let i = 0; i < rowsCount; i += 1) {
     const row = data.rows[i];
     const currentChunk = Math.floor(i * (averageChildren ** maxDepth - 1) / rowsCount) + 1;
     const currentDepth = Math.floor(Math.log(currentChunk) / Math.log(averageChildren));
-
     if (!rowsByTreeDepth[currentDepth]) {
       rowsByTreeDepth[currentDepth] = {
         rows: {},
         rowIndexes: []
       };
     }
-
     rowsByTreeDepth[currentDepth].rows[i] = {
       value: row,
       parentIndex: null
     };
     rowsByTreeDepth[currentDepth].rowIndexes.push(i);
   }
-
   Object.entries(rowsByTreeDepth).forEach(([depthStr, {
     rows
   }]) => {
@@ -65,35 +50,29 @@ const addTreeDataOptionsToDemoData = (data, options = {}) => {
     Object.values(rows).forEach(row => {
       const path = [];
       let previousRow = null;
-
       for (let k = depth; k >= 0; k -= 1) {
         let rowTemp;
-
         if (k === depth) {
           if (depth > 0) {
             row.parentIndex = Number((0, _randomGenerator.randomArrayItem)(rowsByTreeDepth[depth - 1].rowIndexes));
           }
-
           rowTemp = row;
         } else {
           rowTemp = rowsByTreeDepth[k].rows[previousRow.parentIndex];
         }
-
         path.unshift(rowTemp.value[groupingField]);
         previousRow = rowTemp;
       }
-
       row.value.path = path;
     });
   });
   return (0, _extends2.default)({}, data, {
     groupingColDef: {
-      headerName: (_groupingCol$headerNa = groupingCol.headerName) != null ? _groupingCol$headerNa : groupingCol.field,
+      headerName: groupingCol.headerName ?? groupingCol.field,
       width: 250
     },
     getTreeDataPath: row => row.path,
     treeData: true
   });
 };
-
 exports.addTreeDataOptionsToDemoData = addTreeDataOptionsToDemoData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "6.0.0-alpha.1",
+  "version": "6.0.0-alpha.10",
   "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.19.0",
-    "@mui/base": "^5.0.0-alpha.98",
-    "@mui/x-data-grid-premium": "6.0.0-alpha.1",
-    "chance": "^1.1.8",
+    "@babel/runtime": "^7.20.1",
+    "@mui/base": "^5.0.0-alpha.106",
+    "@mui/x-data-grid-premium": "6.0.0-alpha.10",
+    "chance": "^1.1.9",
     "clsx": "^1.2.1",
-    "lru-cache": "^7.14.0"
+    "lru-cache": "^7.14.1"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5.4.1",
@@ -35,7 +35,7 @@
     "<rootDir>/src/setupTests.js"
   ],
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "private": false,
   "module": "./index.js",

package/renderer/renderAvatar.js

@@ -5,7 +5,6 @@ export function renderAvatar(params) {
   if (params.value == null) {
     return '';
   }
-
   return /*#__PURE__*/_jsx(Avatar, {
     style: {
       backgroundColor: params.value.color

package/renderer/renderCountry.js

@@ -36,14 +36,13 @@ const Country = /*#__PURE__*/React.memo(function Country(props) {
 export function renderCountry(params) {
   if (params.value == null) {
     return '';
-  } // If the aggregated value does not have the same unit as the other cell
-  // Then we fall back to the default rendering based on `valueGetter` instead of rendering the total price UI.
-
+  }
 
+  // If the aggregated value does not have the same unit as the other cell
+  // Then we fall back to the default rendering based on `valueGetter` instead of rendering the total price UI.
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-
   return /*#__PURE__*/_jsx(Country, {
     value: params.value
   });

package/renderer/renderEditCountry.js

@@ -21,7 +21,6 @@ const StyledAutocomplete = styled(Autocomplete)(({
     }
   })
 }));
-
 function EditCountry(props) {
   const {
     id,
@@ -29,20 +28,16 @@ function EditCountry(props) {
     field
   } = props;
   const apiRef = useGridApiContext();
-  const handleChange = React.useCallback((event, newValue) => {
-    apiRef.current.setEditCellValue({
+  const handleChange = React.useCallback(async (event, newValue) => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: newValue
     }, event);
-
-    if (!event.key) {
-      apiRef.current.commitCellChange({
-        id,
-        field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
+    apiRef.current.stopCellEditMode({
+      id,
+      field
+    });
   }, [apiRef, field, id]);
   return /*#__PURE__*/_jsx(StyledAutocomplete, {
     value: value,
@@ -76,12 +71,10 @@ function EditCountry(props) {
       id: params.id,
       inputProps: _extends({}, params.inputProps, {
         autoComplete: 'new-password' // disable autocomplete and autofill
-
       })
     }, params.InputProps))
   });
 }
-
 export function renderEditCountry(params) {
   return /*#__PURE__*/_jsx(EditCountry, _extends({}, params));
 }

package/renderer/renderEditCurrency.js

@@ -21,7 +21,6 @@ const StyledAutocomplete = styled(Autocomplete)(({
     }
   })
 }));
-
 function EditCurrency(props) {
   const {
     id,
@@ -29,20 +28,16 @@ function EditCurrency(props) {
     field
   } = props;
   const apiRef = useGridApiContext();
-  const handleChange = React.useCallback((event, newValue) => {
-    apiRef.current.setEditCellValue({
+  const handleChange = React.useCallback(async (event, newValue) => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: newValue.toUpperCase()
     }, event);
-
-    if (!event.key) {
-      apiRef.current.commitCellChange({
-        id,
-        field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
+    apiRef.current.stopCellEditMode({
+      id,
+      field
+    });
   }, [apiRef, field, id]);
   return /*#__PURE__*/_jsx(StyledAutocomplete, {
     value: value,
@@ -75,12 +70,10 @@ function EditCurrency(props) {
       id: params.id,
       inputProps: _extends({}, params.inputProps, {
         autoComplete: 'new-password' // disable autocomplete and autofill
-
       })
     }, params.InputProps))
   });
 }
-
 export function renderEditCurrency(params) {
   return /*#__PURE__*/_jsx(EditCurrency, _extends({}, params));
 }

package/renderer/renderEditIncoterm.js

@@ -8,7 +8,6 @@ import ListItemText from '@mui/material/ListItemText';
 import { INCOTERM_OPTIONS } from '../services/static-data';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 function EditIncoterm(props) {
   const {
     id,
@@ -16,32 +15,25 @@ function EditIncoterm(props) {
     field
   } = props;
   const apiRef = useGridApiContext();
-
-  const handleChange = event => {
-    apiRef.current.setEditCellValue({
+  const handleChange = async event => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: event.target.value
     }, event);
-    apiRef.current.commitCellChange({
+    apiRef.current.stopCellEditMode({
       id,
       field
     });
-    apiRef.current.setCellMode(id, field, 'view');
-
-    if (event.key) {
-      // TODO v6: remove once we stop ignoring events fired from portals
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellNavigationKeyDown', params, event);
-    }
   };
-
   const handleClose = (event, reason) => {
     if (reason === 'backdropClick') {
-      apiRef.current.setCellMode(id, field, 'view');
+      apiRef.current.stopCellEditMode({
+        id,
+        field
+      });
     }
   };
-
   return /*#__PURE__*/_jsx(Select, {
     value: value,
     onChange: handleChange,
@@ -79,7 +71,6 @@ function EditIncoterm(props) {
     })
   });
 }
-
 export function renderEditIncoterm(params) {
   return /*#__PURE__*/_jsx(EditIncoterm, _extends({}, params));
 }