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

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

@@ -2,21 +2,18 @@ export var currencyPairs = ['USDGBP', 'USDEUR', 'GBPEUR', 'JPYUSD', 'MXNUSD', 'B
 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',
@@ -25,7 +22,6 @@ export var getBasicGridData = function getBasicGridData(rowLength, colLength) {
     field: 'currencyPair',
     headerName: 'Currency Pair'
   }];
-
   for (var _j = 1; _j <= pricesColLength; _j += 1) {
     // const y = Math.floor(j / 12);
     columns.push({
@@ -36,7 +32,6 @@ export var getBasicGridData = function getBasicGridData(rowLength, colLength) {
   }
 
   columns.length = colLength; // we cut the array in case < 2;
-
   return {
     columns: columns,
     rows: data

package/legacy/services/random-generator.js

@@ -2,7 +2,6 @@ import globalChance from 'chance';
 import { COLORS, COMMODITY_OPTIONS, CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS } from './static-data';
 var chanceId = globalChance();
 var chance;
-
 if (typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM) {
   chance = globalChance(function () {
     return 0.5;
@@ -10,82 +9,69 @@ if (typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM) {
 } else {
   chance = chanceId;
 }
-
 /**
  * Wrap a data generator that returns a string and add a prefix if the value generated has already been given
  */
 var uniquenessHandler = function uniquenessHandler(generator) {
   return function (data, context) {
     var _context$values$rawVa;
-
     var rawValue = generator(data, context);
-
     if (!context.values) {
       return rawValue;
     }
-
     var valueCount = ((_context$values$rawVa = context.values[rawValue]) != null ? _context$values$rawVa : 0) + 1;
     context.values[rawValue] = valueCount + 1;
-
     if (valueCount > 1) {
       return "".concat(rawValue, " ").concat(valueCount);
     }
-
     return rawValue;
   };
 };
-
 function dateFuture(years, refDate) {
   var date = new Date();
-
   if (typeof refDate !== 'undefined') {
     date = new Date(Date.parse(refDate));
   }
-
   var 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
   var past = date.getTime() + chance.integer(range);
   date.setTime(past);
   return date;
 }
-
 function dateRecent(days, refDate) {
   var date = new Date();
-
   if (typeof refDate !== 'undefined') {
     date = new Date(Date.parse(refDate));
   }
-
   var 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
   var past = date.getTime() - chance.integer(range);
   date.setTime(past);
   return date;
 }
-
 function datePast(years, refDate) {
   var date = new Date();
-
   if (typeof refDate !== 'undefined') {
     date = new Date(Date.parse(refDate));
   }
-
   var 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
   var past = date.getTime() - chance.integer(range);
   date.setTime(past);
   return date;
 }
-
 export var random = function random(min, max) {
   return chance.floating({
     min: min,

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

@@ -6,35 +6,26 @@ export function getRealGridData(rowLength, columns) {
     };
     var rows = [];
     var indexedValues = {};
-
     function work() {
       var row = {};
-
       for (var j = 0; j < columns.length; j += 1) {
         var column = columns[j];
-
         if (column.generateData) {
           var context = {};
-
           if (column.dataGeneratorUniquenessEnabled) {
             var 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;
     }
-
     var columnVisibilityModel = {};
     columns.forEach(function (col) {
       if (col.hide) {

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

@@ -3,81 +3,65 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { randomArrayItem } from './random-generator';
 export var addTreeDataOptionsToDemoData = function addTreeDataOptionsToDemoData(data) {
   var _groupingCol$headerNa;
-
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _options$averageChild = options.averageChildren,
-      averageChildren = _options$averageChild === void 0 ? 2 : _options$averageChild,
-      _options$maxDepth = options.maxDepth,
-      maxDepth = _options$maxDepth === void 0 ? 1 : _options$maxDepth,
-      groupingField = options.groupingField;
+    averageChildren = _options$averageChild === void 0 ? 2 : _options$averageChild,
+    _options$maxDepth = options.maxDepth,
+    maxDepth = _options$maxDepth === void 0 ? 1 : _options$maxDepth,
+    groupingField = options.groupingField;
   var 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.');
   }
-
   var rowsByTreeDepth = {};
   var rowsCount = data.rows.length;
   var groupingCol = data.columns.find(function (col) {
     return 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 (var i = 0; i < rowsCount; i += 1) {
     var row = data.rows[i];
     var currentChunk = Math.floor(i * (Math.pow(averageChildren, maxDepth) - 1) / rowsCount) + 1;
     var 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(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        depthStr = _ref2[0],
-        rows = _ref2[1].rows;
-
+      depthStr = _ref2[0],
+      rows = _ref2[1].rows;
     var depth = Number(depthStr);
     Object.values(rows).forEach(function (row) {
       var path = [];
       var previousRow = null;
-
       for (var k = depth; k >= 0; k -= 1) {
         var rowTemp = void 0;
-
         if (k === depth) {
           if (depth > 0) {
             row.parentIndex = Number(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;
     });
   });

package/modern/columns/commodities.columns.js

@@ -86,9 +86,8 @@ export const getCommodityColumns = (editable = false) => [{
   field: 'subTotal',
   headerName: 'Sub Total',
   valueGetter: ({
-    row,
-    rowNode
-  }) => rowNode.isAutoGenerated ? null : row.quantity * row.unitPrice,
+    row
+  }) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
   type: 'number',
   width: 120
 }, {
@@ -103,9 +102,8 @@ export const getCommodityColumns = (editable = false) => [{
   field: 'feeAmount',
   headerName: 'Fee Amount',
   valueGetter: ({
-    row,
-    rowNode
-  }) => rowNode.isAutoGenerated ? null : row.feeRate * row.quantity * row.unitPrice,
+    row
+  }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
   type: 'number',
   width: 120
 }, {
@@ -120,9 +118,8 @@ export const getCommodityColumns = (editable = false) => [{
   field: 'totalPrice',
   headerName: 'Total in USD',
   valueGetter: ({
-    row,
-    rowNode
-  }) => rowNode.isAutoGenerated ? null : row.feeRate + row.quantity * row.unitPrice,
+    row
+  }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
   renderCell: renderTotalPrice,
   type: 'number',
   width: 160
@@ -174,7 +171,6 @@ export const getCommodityColumns = (editable = false) => [{
     if (typeof value === 'string') {
       return COUNTRY_ISO_OPTIONS_SORTED.find(country => country.value === value);
     }
-
     return value;
   },
   valueFormatter: ({

package/modern/columns/employees.columns.js

@@ -11,7 +11,7 @@ export const getEmployeeColumns = () => [{
   headerName: 'Avatar',
   generateData: randomColor,
   renderCell: renderAvatar,
-  valueGetter: params => params.rowNode.isAutoGenerated ? null : {
+  valueGetter: params => params.row.name == null || params.row.avatar == null ? null : {
     name: params.row.name,
     color: params.row.avatar
   },
@@ -130,7 +130,6 @@ export const getEmployeeColumns = () => [{
     if (!value || typeof value !== 'number') {
       return value;
     }
-
     return `${value.toLocaleString()}$`;
   }
 }];

package/modern/hooks/useDemoData.js

@@ -9,7 +9,6 @@ import { addTreeDataOptionsToDemoData } from '../services/tree-data-generator';
 const dataCache = new LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
-
 });
 
 // Generate fake data from a seed.
@@ -21,25 +20,20 @@ async function extrapolateSeed(rowLength, data) {
     const tasks = {
       current: rowLength - seed.length
     };
-
     function work() {
       const row = {};
-
       for (let j = 0; j < data.columns.length; j += 1) {
         const column = data.columns[j];
         const index = Math.round(Math.random() * (seed.length - 1));
-
         if (column.field === 'id') {
           row.id = `id-${tasks.current + seed.length}`;
         } else {
           row[column.field] = seed[index][column.field];
         }
       }
-
       rows.push(row);
       tasks.current -= 1;
     }
-
     asyncWorker({
       work,
       done: () => resolve(_extends({}, data, {
@@ -49,36 +43,31 @@ async function extrapolateSeed(rowLength, data) {
     });
   });
 }
-
 const deepFreeze = object => {
   // Retrieve the property names defined on object
-  const propNames = Object.getOwnPropertyNames(object); // Freeze properties before freezing self
-  // eslint-disable-next-line no-restricted-syntax
+  const propNames = Object.getOwnPropertyNames(object);
+
+  // Freeze properties before freezing self
 
+  // eslint-disable-next-line no-restricted-syntax
   for (const name of propNames) {
     const value = object[name];
-
     if (value && typeof value === 'object') {
       deepFreeze(value);
     }
   }
-
   return Object.freeze(object);
 };
-
 export const getColumnsFromOptions = options => {
   let columns = options.dataSet === 'Commodity' ? getCommodityColumns(options.editable) : getEmployeeColumns();
-
   if (options.visibleFields) {
     columns = columns.map(col => options.visibleFields?.includes(col.field) ? col : _extends({}, col, {
       hide: true
     }));
   }
-
   if (options.maxColumns) {
     columns = columns.slice(0, options.maxColumns);
   }
-
   return columns;
 };
 export const getInitialState = (options, columns) => {
@@ -89,11 +78,9 @@ export const getInitialState = (options, columns) => {
     }
   });
   const groupingField = options.treeData?.groupingField;
-
   if (groupingField) {
     columnVisibilityModel[groupingField] = false;
   }
-
   return {
     columns: {
       columnVisibilityModel
@@ -120,48 +107,43 @@ export const useDemoData = options => {
     }, options.treeData);
   });
   React.useEffect(() => {
-    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}`; // Cache to allow fast switch between the JavaScript and TypeScript version
-    // of the demos.
+    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}`;
 
+    // Cache to allow fast switch between the JavaScript and TypeScript version
+    // of the demos.
     if (dataCache.has(cacheKey)) {
       const newData = dataCache.get(cacheKey);
       setData(newData);
       setLoading(false);
       return undefined;
     }
-
     let active = true;
-
     (async () => {
       setLoading(true);
       let newData;
-
       if (rowLength > 1000) {
         newData = await getRealGridData(1000, columns);
         newData = await extrapolateSeed(rowLength, newData);
       } else {
         newData = await getRealGridData(rowLength, columns);
       }
-
       if (!active) {
         return;
       }
-
       newData = addTreeDataOptionsToDemoData(newData, {
         maxDepth: options.treeData?.maxDepth,
         groupingField: options.treeData?.groupingField,
         averageChildren: options.treeData?.averageChildren
-      }); // It's quite slow. No need for it in production.
+      });
 
+      // It's quite slow. No need for it in production.
       if (process.env.NODE_ENV !== 'production') {
         deepFreeze(newData);
       }
-
       dataCache.set(cacheKey, newData);
       setData(newData);
       setLoading(false);
     })();
-
     return () => {
       active = false;
     };