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

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

@@ -7,44 +7,35 @@ export const addTreeDataOptionsToDemoData = (data, options = {}) => {
     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
   }]) => {
@@ -52,24 +43,19 @@ export 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(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/node/columns/commodities.columns.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getCommodityColumns = void 0;
-
 var _xDataGridPremium = require("@mui/x-data-grid-premium");
-
 var _services = require("../services");
-
 var _renderer = require("../renderer");
-
 var _staticData = require("../services/static-data");
-
 const getCommodityColumns = (editable = false) => [{
   field: 'id',
   generateData: _services.randomId,
@@ -182,12 +177,11 @@ const getCommodityColumns = (editable = false) => [{
     if (typeof value === 'string') {
       return _staticData.COUNTRY_ISO_OPTIONS_SORTED.find(country => country.value === value);
     }
-
     return value;
   },
   valueFormatter: ({
     value
-  }) => value == null ? void 0 : value.label,
+  }) => value?.label,
   groupingValueGetter: params => params.value.code,
   sortComparator: (v1, v2, param1, param2) => (0, _xDataGridPremium.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2),
   editable,
@@ -248,5 +242,4 @@ const getCommodityColumns = (editable = false) => [{
   width: 150,
   editable
 }];
-
 exports.getCommodityColumns = getCommodityColumns;

package/node/columns/employees.columns.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getEmployeeColumns = void 0;
-
 var _xDataGridPremium = require("@mui/x-data-grid-premium");
-
 var _services = require("../services");
-
 var _renderer = require("../renderer");
-
 var _staticData = require("../services/static-data");
-
 const getEmployeeColumns = () => [{
   field: 'id',
   generateData: _services.randomId,
@@ -90,7 +85,7 @@ const getEmployeeColumns = () => [{
   valueOptions: _staticData.COUNTRY_ISO_OPTIONS_SORTED,
   valueFormatter: ({
     value
-  }) => value == null ? void 0 : value.label,
+  }) => value?.label,
   generateData: _services.randomCountry,
   renderCell: _renderer.renderCountry,
   renderEditCell: _renderer.renderEditCountry,
@@ -141,9 +136,7 @@ const getEmployeeColumns = () => [{
     if (!value || typeof value !== 'number') {
       return value;
     }
-
     return `${value.toLocaleString()}$`;
   }
 }];
-
 exports.getEmployeeColumns = getEmployeeColumns;

package/node/columns/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _commodities = require("./commodities.columns");
-
 Object.keys(_commodities).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _commodities[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_commodities).forEach(function (key) {
     }
   });
 });
-
 var _employees = require("./employees.columns");
-
 Object.keys(_employees).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _employees[key]) return;

package/node/hooks/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _useDemoData = require("./useDemoData");
-
 Object.keys(_useDemoData).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _useDemoData[key]) return;
@@ -16,9 +14,7 @@ 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;
@@ -29,9 +25,7 @@ Object.keys(_useBasicDemoData).forEach(function (key) {
     }
   });
 });
-
 var _useMovieData = require("./useMovieData");
-
 Object.keys(_useMovieData).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _useMovieData[key]) return;
@@ -42,9 +36,7 @@ Object.keys(_useMovieData).forEach(function (key) {
     }
   });
 });
-
 var _useQuery = require("./useQuery");
-
 Object.keys(_useQuery).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _useQuery[key]) return;

package/node/hooks/useBasicDemoData.js

@@ -4,15 +4,10 @@ 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: [],
@@ -24,5 +19,4 @@ const useBasicDemoData = (nbRows, nbCols) => {
   }, [nbRows, nbCols]);
   return data;
 };
-
 exports.useBasicDemoData = useBasicDemoData;

package/node/hooks/useDemoData.js

@@ -1,36 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDemoData = exports.getInitialState = exports.getColumnsFromOptions = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _lruCache = _interopRequireDefault(require("lru-cache"));
-
 var _realDataService = require("../services/real-data-service");
-
 var _commodities = require("../columns/commodities.columns");
-
 var _employees = require("../columns/employees.columns");
-
 var _asyncWorker = _interopRequireDefault(require("../services/asyncWorker"));
-
 var _treeDataGenerator = require("../services/tree-data-generator");
-
 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 dataCache = new _lruCache.default({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
-
 });
 
 // Generate fake data from a seed.
@@ -42,25 +29,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;
     }
-
     (0, _asyncWorker.default)({
       work,
       done: () => resolve((0, _extends2.default)({}, data, {
@@ -70,72 +52,53 @@ 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);
 };
-
 const getColumnsFromOptions = options => {
   let columns = options.dataSet === 'Commodity' ? (0, _commodities.getCommodityColumns)(options.editable) : (0, _employees.getEmployeeColumns)();
-
   if (options.visibleFields) {
-    columns = columns.map(col => {
-      var _options$visibleField;
-
-      return (_options$visibleField = options.visibleFields) != null && _options$visibleField.includes(col.field) ? col : (0, _extends2.default)({}, col, {
-        hide: true
-      });
-    });
+    columns = columns.map(col => options.visibleFields?.includes(col.field) ? col : (0, _extends2.default)({}, col, {
+      hide: true
+    }));
   }
-
   if (options.maxColumns) {
     columns = columns.slice(0, options.maxColumns);
   }
-
   return columns;
 };
-
 exports.getColumnsFromOptions = getColumnsFromOptions;
-
 const getInitialState = (options, columns) => {
-  var _options$treeData;
-
   const columnVisibilityModel = {};
   columns.forEach(col => {
     if (col.hide) {
       columnVisibilityModel[col.field] = false;
     }
   });
-  const groupingField = (_options$treeData = options.treeData) == null ? void 0 : _options$treeData.groupingField;
-
+  const groupingField = options.treeData?.groupingField;
   if (groupingField) {
     columnVisibilityModel[groupingField] = false;
   }
-
   return {
     columns: {
       columnVisibilityModel
     }
   };
 };
-
 exports.getInitialState = getInitialState;
-
 const useDemoData = options => {
-  var _options$treeData5, _options$treeData6, _options$treeData7;
-
   const [rowLength, setRowLength] = React.useState(options.rowLength);
   const [index, setIndex] = React.useState(0);
   const [loading, setLoading] = React.useState(true);
@@ -155,54 +118,47 @@ 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 () => {
-      var _options$treeData2, _options$treeData3, _options$treeData4;
-
       setLoading(true);
       let newData;
-
       if (rowLength > 1000) {
         newData = await (0, _realDataService.getRealGridData)(1000, columns);
         newData = await extrapolateSeed(rowLength, newData);
       } else {
         newData = await (0, _realDataService.getRealGridData)(rowLength, columns);
       }
-
       if (!active) {
         return;
       }
-
       newData = (0, _treeDataGenerator.addTreeDataOptionsToDemoData)(newData, {
-        maxDepth: (_options$treeData2 = options.treeData) == null ? void 0 : _options$treeData2.maxDepth,
-        groupingField: (_options$treeData3 = options.treeData) == null ? void 0 : _options$treeData3.groupingField,
-        averageChildren: (_options$treeData4 = options.treeData) == null ? void 0 : _options$treeData4.averageChildren
-      }); // It's quite slow. No need for it in production.
+        maxDepth: options.treeData?.maxDepth,
+        groupingField: options.treeData?.groupingField,
+        averageChildren: options.treeData?.averageChildren
+      });
 
+      // 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;
     };
-  }, [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]);
+  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, index, columns]);
   return {
     data,
     loading,
@@ -212,5 +168,4 @@ const useDemoData = options => {
     }
   };
 };
-
 exports.useDemoData = useDemoData;