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

package/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/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/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,45 +43,38 @@ 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 => {
       var _options$visibleField;
-
       return (_options$visibleField = options.visibleFields) != null && _options$visibleField.includes(col.field) ? col : _extends({}, col, {
         hide: true
       });
     });
   }
-
   if (options.maxColumns) {
     columns = columns.slice(0, options.maxColumns);
   }
-
   return columns;
 };
 export const getInitialState = (options, columns) => {
   var _options$treeData;
-
   const columnVisibilityModel = {};
   columns.forEach(col => {
     if (col.hide) {
@@ -95,11 +82,9 @@ export const getInitialState = (options, columns) => {
     }
   });
   const groupingField = (_options$treeData = options.treeData) == null ? void 0 : _options$treeData.groupingField;
-
   if (groupingField) {
     columnVisibilityModel[groupingField] = false;
   }
-
   return {
     columns: {
       columnVisibilityModel
@@ -108,7 +93,6 @@ export const getInitialState = (options, columns) => {
 };
 export 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);
@@ -128,50 +112,44 @@ 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 () => {
       var _options$treeData2, _options$treeData3, _options$treeData4;
-
       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$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.
+      });
 
+      // 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;
     };

package/hooks/useMovieData.d.ts

@@ -3,6 +3,7 @@ export declare type Movie = {
     id: number;
     title: string;
     gross: number;
+    budget: number;
     director: string;
     company: string;
     year: number;

package/hooks/useMovieData.js

@@ -21,7 +21,6 @@ const COLUMNS = [{
     if (!value) {
       return '';
     }
-
     return currencyFormatter.format(value);
   }
 }, {
@@ -46,6 +45,7 @@ const ROWS = [{
   id: 0,
   title: 'Avatar',
   gross: 2847246203,
+  budget: 237000000,
   director: 'James Cameron',
   company: '20th Century Fox',
   year: 2009,
@@ -57,6 +57,7 @@ const ROWS = [{
   id: 1,
   title: 'Avengers: Endgame',
   gross: 2797501328,
+  budget: 356000000,
   director: 'Anthony & Joe Russo',
   company: 'Disney Studios',
   year: 2019,
@@ -69,6 +70,7 @@ const ROWS = [{
   id: 2,
   title: 'Titanic',
   gross: 2187425379,
+  budget: 200000000,
   director: 'James Cameron',
   company: '20th Century Fox',
   year: 1997,
@@ -80,6 +82,7 @@ const ROWS = [{
   id: 3,
   title: 'Star Wars: The Force Awakens',
   gross: 2068223624,
+  budget: 306000000,
   director: 'J. J. Abrams',
   company: 'Disney Studios',
   year: 2015,
@@ -92,6 +95,7 @@ const ROWS = [{
   id: 4,
   title: 'Avengers: Infinity War',
   gross: 2048359754,
+  budget: 321000000,
   director: 'Anthony & Joe Russo',
   company: 'Disney Studios',
   year: 2018,
@@ -104,6 +108,7 @@ const ROWS = [{
   id: 5,
   title: 'Spider-Man: No Way Home',
   gross: 1892768346,
+  budget: 200000000,
   director: 'Jon Watts',
   company: 'Disney Studios',
   year: 2021,
@@ -116,6 +121,7 @@ const ROWS = [{
   id: 6,
   title: 'Jurassic World',
   gross: 1671713208,
+  budget: 150000000,
   director: 'Colin Trevorrow',
   company: 'Universal Pictures',
   year: 2015,
@@ -128,6 +134,7 @@ const ROWS = [{
   id: 7,
   title: 'The Lion King',
   gross: 1656943394,
+  budget: 260000000,
   director: 'Jon Favreau',
   company: 'Disney Studios',
   year: 2019,
@@ -139,6 +146,7 @@ const ROWS = [{
   id: 8,
   title: 'The Avengers',
   gross: 1518812988,
+  budget: 220000000,
   director: 'Joss Whedon',
   company: 'Disney Studios',
   year: 2012,
@@ -151,6 +159,7 @@ const ROWS = [{
   id: 9,
   title: 'Furious 7',
   gross: 1516045911,
+  budget: 190000000,
   director: 'James Wan',
   company: 'Universal Pictures',
   year: 2015,
@@ -163,6 +172,7 @@ const ROWS = [{
   id: 10,
   title: 'Frozen II',
   gross: 1450026933,
+  budget: 150000000,
   director: 'Chris Buck & Jennifer Lee',
   company: 'Disney Studios',
   year: 2019,
@@ -175,6 +185,7 @@ const ROWS = [{
   id: 11,
   title: 'Avengers: Age of Ultron',
   gross: 1402804868,
+  budget: 280000000,
   director: 'Joss Whedon',
   company: 'Disney Studios',
   year: 2015,
@@ -187,6 +198,7 @@ const ROWS = [{
   id: 12,
   title: 'Black Panther',
   gross: 1347280838,
+  budget: 200000000,
   director: 'Ryan Coogler',
   company: 'Disney Studios',
   year: 2018,
@@ -199,6 +211,7 @@ const ROWS = [{
   id: 13,
   title: 'Harry Potter and the Deathly Hallows – Part 2',
   gross: 1342025430,
+  budget: 125000000,
   director: 'David Yates',
   company: 'Warner Bros. Pictures',
   year: 2011,
@@ -211,6 +224,7 @@ const ROWS = [{
   id: 14,
   title: 'Star Wars: The Last Jedi',
   gross: 1332539889,
+  budget: 317000000,
   director: 'Rian Johnson',
   company: 'Disney Studios',
   year: 2017,
@@ -223,6 +237,7 @@ const ROWS = [{
   id: 15,
   title: 'Jurassic World: Fallen Kingdom',
   gross: 1309484461,
+  budget: 170000000,
   director: 'J. A. Bayona',
   company: 'Universal Pictures',
   year: 2018,
@@ -235,6 +250,7 @@ const ROWS = [{
   id: 16,
   title: 'Frozen',
   gross: 1290000000,
+  budget: 150000000,
   director: 'Chris Buck & Jennifer Lee',
   company: 'Disney Studios',
   year: 2013,
@@ -247,6 +263,7 @@ const ROWS = [{
   id: 17,
   title: 'Beauty and the Beast',
   gross: 1263521136,
+  budget: 160000000,
   director: 'Bill Condon',
   company: 'Disney Studios',
   year: 2017,
@@ -258,6 +275,7 @@ const ROWS = [{
   id: 18,
   title: 'Incredibles 2',
   gross: 1242805359,
+  budget: 200000000,
   director: 'Brad Bird',
   company: 'Disney Studios',
   year: 2018,
@@ -269,6 +287,7 @@ const ROWS = [{
   id: 19,
   title: 'The Fate of the Furious',
   gross: 1238764765,
+  budget: 250000000,
   director: 'F. Gary Gray',
   company: 'Universal Pictures',
   year: 2017,
@@ -281,6 +300,7 @@ const ROWS = [{
   id: 20,
   title: 'Iron Man 3',
   gross: 1214811252,
+  budget: 200000000,
   director: 'Shane Black',
   company: 'Disney Studios',
   year: 2013,
@@ -293,6 +313,7 @@ const ROWS = [{
   id: 21,
   title: 'Minions',
   gross: 1159398397,
+  budget: 74000000,
   director: 'Pierre Coffin & Kyle Balda',
   company: 'Universal Pictures',
   year: 2015,
@@ -304,6 +325,7 @@ const ROWS = [{
   id: 22,
   title: 'Captain America: Civil War',
   gross: 1153329473,
+  budget: 250000000,
   director: 'Anthony & Joe Russo',
   company: 'Disney Studios',
   year: 2016,
@@ -316,6 +338,7 @@ const ROWS = [{
   id: 23,
   title: 'Aquaman',
   gross: 1148485886,
+  budget: 160000000,
   director: 'James Wan',
   company: 'Warner Bros. Pictures',
   year: 2018,
@@ -328,6 +351,7 @@ const ROWS = [{
   id: 24,
   title: 'The Lord of the Rings: The Return of the King',
   gross: 1146030912,
+  budget: 94000000,
   director: 'Peter Jackson',
   company: 'New Line Cinema',
   year: 2003,
@@ -340,6 +364,7 @@ const ROWS = [{
   id: 25,
   title: 'Spider-Man: Far From Home',
   gross: 1131927996,
+  budget: 160000000,
   director: 'Jon Watts',
   company: 'Disney Studios',
   year: 2019,
@@ -352,6 +377,7 @@ const ROWS = [{
   id: 26,
   title: 'Captain Marvel',
   gross: 1128274794,
+  budget: 152000000,
   director: 'Anna Boden & Ryan Fleck',
   company: 'Disney Studios',
   year: 2019,
@@ -364,6 +390,7 @@ const ROWS = [{
   id: 27,
   title: 'Transformers: Dark of the Moon',
   gross: 1123794079,
+  budget: 195000000,
   director: 'Michael Bay',
   company: 'Paramount Pictures',
   year: 2011,
@@ -376,6 +403,7 @@ const ROWS = [{
   id: 28,
   title: 'Skyfall',
   gross: 1108561013,
+  budget: 200000000,
   director: 'Sam Mendes',
   company: '20th Century Fox',
   year: 2012,
@@ -388,6 +416,7 @@ const ROWS = [{
   id: 29,
   title: 'Transformers: Age of Extinction',
   gross: 1104054072,
+  budget: 210000000,
   director: 'Michael Bay',
   company: 'Paramount Pictures',
   year: 2014,
@@ -400,6 +429,7 @@ const ROWS = [{
   id: 30,
   title: 'The Dark Knight Rises',
   gross: 1081142612,
+  budget: 250000000,
   director: 'Christopher Nolan',
   company: 'Warner Bros. Pictures',
   year: 2012,
@@ -412,6 +442,7 @@ const ROWS = [{
   id: 31,
   title: 'Joker',
   gross: 1074251311,
+  budget: 55000000,
   director: 'Todd Phillips',
   company: 'Warner Bros. Pictures',
   year: 2019,
@@ -424,6 +455,7 @@ const ROWS = [{
   id: 32,
   title: 'Star Wars: The Rise of Skywalker',
   gross: 1074144248,
+  budget: 275000000,
   director: 'J. J. Abrams',
   company: 'Disney Studios',
   year: 2019,
@@ -436,6 +468,7 @@ const ROWS = [{
   id: 33,
   title: 'Toy Story 4',
   gross: 1073394593,
+  budget: 200000000,
   director: 'Josh Cooley',
   company: 'Disney Studios',
   year: 2019,
@@ -448,6 +481,7 @@ const ROWS = [{
   id: 34,
   title: 'Toy Story 3',
   gross: 1066969703,
+  budget: 200000000,
   director: 'Lee Unkrich',
   company: 'Disney Studios',
   year: 2010,

package/hooks/useQuery.d.ts

@@ -54,13 +54,13 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         type?: string | undefined;
         valueOptions?: import("@mui/x-data-grid-pro").ValueOptions[] | ((params: import("@mui/x-data-grid-pro").GridValueOptionsParams<any>) => import("@mui/x-data-grid-pro").ValueOptions[]) | undefined;
         align?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
-        valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any>) => any) | undefined;
+        valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => any) | undefined;
         valueSetter?: ((params: import("@mui/x-data-grid-pro").GridValueSetterParams<any, any>) => any) | undefined;
         valueFormatter?: ((params: import("@mui/x-data-grid-pro").GridValueFormatterParams<any>) => any) | undefined;
-        valueParser?: ((value: any, params?: import("@mui/x-data-grid-pro").GridCellParams<any, any, any> | undefined) => any) | undefined;
+        valueParser?: ((value: any, params?: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode> | undefined) => any) | undefined;
         cellClassName?: import("@mui/x-data-grid-pro").GridCellClassNamePropType | undefined;
-        renderCell?: ((params: import("@mui/x-data-grid-pro").GridRenderCellParams<any, any, any>) => React.ReactNode) | undefined;
-        renderEditCell?: ((params: import("@mui/x-data-grid-pro").GridRenderEditCellParams<any, any, any>) => React.ReactNode) | undefined;
+        renderCell?: ((params: import("@mui/x-data-grid-pro").GridRenderCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+        renderEditCell?: ((params: import("@mui/x-data-grid-pro").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
         preProcessEditCellProps?: ((params: import("@mui/x-data-grid-pro").GridPreProcessEditCellProps<any, any>) => import("@mui/x-data-grid-pro").GridEditCellProps<any> | Promise<import("@mui/x-data-grid-pro").GridEditCellProps<any>>) | undefined;
         headerClassName?: import("@mui/x-data-grid-pro").GridColumnHeaderClassNamePropType | undefined;
         renderHeader?: ((params: import("@mui/x-data-grid-pro").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
@@ -69,10 +69,10 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         disableColumnMenu?: boolean | undefined;
         filterable?: boolean | undefined;
         filterOperators?: GridFilterOperator<any, any, any>[] | undefined;
-        getApplyQuickFilterFn?: ((value: any, colDef: import("@mui/x-data-grid-pro").GridStateColDef<any, any, any>, apiRef: React.MutableRefObject<import("@mui/x-data-grid/internals").GridApiCommunity>) => ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any>) => boolean) | null) | undefined;
+        getApplyQuickFilterFn?: ((value: any, colDef: import("@mui/x-data-grid-pro").GridStateColDef<any, any, any>, apiRef: React.MutableRefObject<import("@mui/x-data-grid/internals").GridApiCommunity>) => ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => boolean) | null) | undefined;
         disableReorder?: boolean | undefined;
         disableExport?: boolean | undefined;
-        colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any>) => number | undefined) | undefined;
+        colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
         aggregable?: boolean | undefined;
         availableAggregationFunctions?: string[] | undefined;
         groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;