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

package/node/hooks/useMovieData.js

@@ -27,7 +27,6 @@ const COLUMNS = [{
     if (!value) {
       return '';
     }
-
     return currencyFormatter.format(value);
   }
 }, {
@@ -52,6 +51,7 @@ const ROWS = [{
   id: 0,
   title: 'Avatar',
   gross: 2847246203,
+  budget: 237000000,
   director: 'James Cameron',
   company: '20th Century Fox',
   year: 2009,
@@ -63,6 +63,7 @@ const ROWS = [{
   id: 1,
   title: 'Avengers: Endgame',
   gross: 2797501328,
+  budget: 356000000,
   director: 'Anthony & Joe Russo',
   company: 'Disney Studios',
   year: 2019,
@@ -75,6 +76,7 @@ const ROWS = [{
   id: 2,
   title: 'Titanic',
   gross: 2187425379,
+  budget: 200000000,
   director: 'James Cameron',
   company: '20th Century Fox',
   year: 1997,
@@ -86,6 +88,7 @@ const ROWS = [{
   id: 3,
   title: 'Star Wars: The Force Awakens',
   gross: 2068223624,
+  budget: 306000000,
   director: 'J. J. Abrams',
   company: 'Disney Studios',
   year: 2015,
@@ -98,6 +101,7 @@ const ROWS = [{
   id: 4,
   title: 'Avengers: Infinity War',
   gross: 2048359754,
+  budget: 321000000,
   director: 'Anthony & Joe Russo',
   company: 'Disney Studios',
   year: 2018,
@@ -110,6 +114,7 @@ const ROWS = [{
   id: 5,
   title: 'Spider-Man: No Way Home',
   gross: 1892768346,
+  budget: 200000000,
   director: 'Jon Watts',
   company: 'Disney Studios',
   year: 2021,
@@ -122,6 +127,7 @@ const ROWS = [{
   id: 6,
   title: 'Jurassic World',
   gross: 1671713208,
+  budget: 150000000,
   director: 'Colin Trevorrow',
   company: 'Universal Pictures',
   year: 2015,
@@ -134,6 +140,7 @@ const ROWS = [{
   id: 7,
   title: 'The Lion King',
   gross: 1656943394,
+  budget: 260000000,
   director: 'Jon Favreau',
   company: 'Disney Studios',
   year: 2019,
@@ -145,6 +152,7 @@ const ROWS = [{
   id: 8,
   title: 'The Avengers',
   gross: 1518812988,
+  budget: 220000000,
   director: 'Joss Whedon',
   company: 'Disney Studios',
   year: 2012,
@@ -157,6 +165,7 @@ const ROWS = [{
   id: 9,
   title: 'Furious 7',
   gross: 1516045911,
+  budget: 190000000,
   director: 'James Wan',
   company: 'Universal Pictures',
   year: 2015,
@@ -169,6 +178,7 @@ const ROWS = [{
   id: 10,
   title: 'Frozen II',
   gross: 1450026933,
+  budget: 150000000,
   director: 'Chris Buck & Jennifer Lee',
   company: 'Disney Studios',
   year: 2019,
@@ -181,6 +191,7 @@ const ROWS = [{
   id: 11,
   title: 'Avengers: Age of Ultron',
   gross: 1402804868,
+  budget: 280000000,
   director: 'Joss Whedon',
   company: 'Disney Studios',
   year: 2015,
@@ -193,6 +204,7 @@ const ROWS = [{
   id: 12,
   title: 'Black Panther',
   gross: 1347280838,
+  budget: 200000000,
   director: 'Ryan Coogler',
   company: 'Disney Studios',
   year: 2018,
@@ -205,6 +217,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,
@@ -217,6 +230,7 @@ const ROWS = [{
   id: 14,
   title: 'Star Wars: The Last Jedi',
   gross: 1332539889,
+  budget: 317000000,
   director: 'Rian Johnson',
   company: 'Disney Studios',
   year: 2017,
@@ -229,6 +243,7 @@ const ROWS = [{
   id: 15,
   title: 'Jurassic World: Fallen Kingdom',
   gross: 1309484461,
+  budget: 170000000,
   director: 'J. A. Bayona',
   company: 'Universal Pictures',
   year: 2018,
@@ -241,6 +256,7 @@ const ROWS = [{
   id: 16,
   title: 'Frozen',
   gross: 1290000000,
+  budget: 150000000,
   director: 'Chris Buck & Jennifer Lee',
   company: 'Disney Studios',
   year: 2013,
@@ -253,6 +269,7 @@ const ROWS = [{
   id: 17,
   title: 'Beauty and the Beast',
   gross: 1263521136,
+  budget: 160000000,
   director: 'Bill Condon',
   company: 'Disney Studios',
   year: 2017,
@@ -264,6 +281,7 @@ const ROWS = [{
   id: 18,
   title: 'Incredibles 2',
   gross: 1242805359,
+  budget: 200000000,
   director: 'Brad Bird',
   company: 'Disney Studios',
   year: 2018,
@@ -275,6 +293,7 @@ const ROWS = [{
   id: 19,
   title: 'The Fate of the Furious',
   gross: 1238764765,
+  budget: 250000000,
   director: 'F. Gary Gray',
   company: 'Universal Pictures',
   year: 2017,
@@ -287,6 +306,7 @@ const ROWS = [{
   id: 20,
   title: 'Iron Man 3',
   gross: 1214811252,
+  budget: 200000000,
   director: 'Shane Black',
   company: 'Disney Studios',
   year: 2013,
@@ -299,6 +319,7 @@ const ROWS = [{
   id: 21,
   title: 'Minions',
   gross: 1159398397,
+  budget: 74000000,
   director: 'Pierre Coffin & Kyle Balda',
   company: 'Universal Pictures',
   year: 2015,
@@ -310,6 +331,7 @@ const ROWS = [{
   id: 22,
   title: 'Captain America: Civil War',
   gross: 1153329473,
+  budget: 250000000,
   director: 'Anthony & Joe Russo',
   company: 'Disney Studios',
   year: 2016,
@@ -322,6 +344,7 @@ const ROWS = [{
   id: 23,
   title: 'Aquaman',
   gross: 1148485886,
+  budget: 160000000,
   director: 'James Wan',
   company: 'Warner Bros. Pictures',
   year: 2018,
@@ -334,6 +357,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,
@@ -346,6 +370,7 @@ const ROWS = [{
   id: 25,
   title: 'Spider-Man: Far From Home',
   gross: 1131927996,
+  budget: 160000000,
   director: 'Jon Watts',
   company: 'Disney Studios',
   year: 2019,
@@ -358,6 +383,7 @@ const ROWS = [{
   id: 26,
   title: 'Captain Marvel',
   gross: 1128274794,
+  budget: 152000000,
   director: 'Anna Boden & Ryan Fleck',
   company: 'Disney Studios',
   year: 2019,
@@ -370,6 +396,7 @@ const ROWS = [{
   id: 27,
   title: 'Transformers: Dark of the Moon',
   gross: 1123794079,
+  budget: 195000000,
   director: 'Michael Bay',
   company: 'Paramount Pictures',
   year: 2011,
@@ -382,6 +409,7 @@ const ROWS = [{
   id: 28,
   title: 'Skyfall',
   gross: 1108561013,
+  budget: 200000000,
   director: 'Sam Mendes',
   company: '20th Century Fox',
   year: 2012,
@@ -394,6 +422,7 @@ const ROWS = [{
   id: 29,
   title: 'Transformers: Age of Extinction',
   gross: 1104054072,
+  budget: 210000000,
   director: 'Michael Bay',
   company: 'Paramount Pictures',
   year: 2014,
@@ -406,6 +435,7 @@ const ROWS = [{
   id: 30,
   title: 'The Dark Knight Rises',
   gross: 1081142612,
+  budget: 250000000,
   director: 'Christopher Nolan',
   company: 'Warner Bros. Pictures',
   year: 2012,
@@ -418,6 +448,7 @@ const ROWS = [{
   id: 31,
   title: 'Joker',
   gross: 1074251311,
+  budget: 55000000,
   director: 'Todd Phillips',
   company: 'Warner Bros. Pictures',
   year: 2019,
@@ -430,6 +461,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,
@@ -442,6 +474,7 @@ const ROWS = [{
   id: 33,
   title: 'Toy Story 4',
   gross: 1073394593,
+  budget: 200000000,
   director: 'Josh Cooley',
   company: 'Disney Studios',
   year: 2019,
@@ -454,6 +487,7 @@ const ROWS = [{
   id: 34,
   title: 'Toy Story 3',
   gross: 1066969703,
+  budget: 200000000,
   director: 'Lee Unkrich',
   company: 'Disney Studios',
   year: 2010,
@@ -463,12 +497,10 @@ const ROWS = [{
     name: 'Randy Newman'
   }
 }];
-
 const useMovieData = () => {
   return {
     rows: ROWS,
     columns: COLUMNS
   };
 };
-
 exports.useMovieData = useMovieData;

package/node/hooks/useQuery.js

@@ -1,46 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.loadServerRows = exports.createFakeServer = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-
 var _internals = require("@mui/x-data-grid/internals");
-
 var _useDemoData = require("./useDemoData");
-
 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 simplifiedValueGetter = (field, colDef) => row => {
-  var _colDef$valueGetter;
-
   const params = {
     id: row.id,
     row,
     field,
     rowNode: {}
-  }; // @ts-ignore
-
-  return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, params)) || row[field];
+  };
+  // @ts-ignore
+  return colDef.valueGetter?.(params) || row[field];
 };
-
 const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
   if (!sortModel) {
     const comparator = () => 0;
-
     return comparator;
   }
-
   const sortOperators = sortModel.map(sortItem => {
     const columnField = sortItem.field;
     const colDef = columnsWithDefaultColDef.find(({
@@ -51,7 +37,6 @@ const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
       sortComparator: colDef.sortComparator
     });
   });
-
   const comparator = (row1, row2) => sortOperators.reduce((acc, {
     valueGetter,
     sort,
@@ -60,51 +45,38 @@ const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
     if (acc !== 0) {
       return acc;
     }
-
     const v1 = valueGetter(row1);
     const v2 = valueGetter(row2);
     return sort === 'desc' ? -1 * sortComparator(v1, v2) : sortComparator(v1, v2);
   }, 0);
-
   return comparator;
 };
-
 const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
   if (filterModel === undefined || filterModel.items.length === 0) {
     return rows;
   }
-
   const valueGetters = filterModel.items.map(({
-    columnField
-  }) => simplifiedValueGetter(columnField, columnsWithDefaultColDef.find(({
     field
-  }) => field === columnField)));
+  }) => simplifiedValueGetter(field, columnsWithDefaultColDef.find(column => column.field === field)));
   const filterFunctions = filterModel.items.map(filterItem => {
     const {
-      columnField,
-      operatorValue
+      field,
+      operator
     } = filterItem;
-    const colDef = columnsWithDefaultColDef.find(({
-      field
-    }) => field === columnField);
+    const colDef = columnsWithDefaultColDef.find(column => column.field === field);
     const filterOperator = colDef.filterOperators.find(({
       value
-    }) => operatorValue === value);
+    }) => operator === value);
     let parsedValue = filterItem.value;
-
     if (colDef.valueParser) {
-      var _filterItem$value;
-
       const parser = colDef.valueParser;
-      parsedValue = Array.isArray(filterItem.value) ? (_filterItem$value = filterItem.value) == null ? void 0 : _filterItem$value.map(x => parser(x)) : parser(filterItem.value);
+      parsedValue = Array.isArray(filterItem.value) ? filterItem.value?.map(x => parser(x)) : parser(filterItem.value);
     }
-
-    return filterOperator == null ? void 0 : filterOperator.getApplyFilterFn({
+    return filterOperator?.getApplyFilterFn({
       filterItem,
       value: parsedValue
     }, colDef);
   });
-
   if (filterModel.linkOperator === _xDataGridPro.GridLinkOperator.Or) {
     return rows.filter(row => filterModel.items.some((_, index) => {
       const value = valueGetters[index](row);
@@ -113,7 +85,6 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
       });
     }));
   }
-
   return rows.filter(row => filterModel.items.every((_, index) => {
     const value = valueGetters[index](row);
     return filterFunctions[index] === null ? true : filterFunctions[index]({
@@ -121,22 +92,19 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
     });
   }));
 };
+
 /**
  * Simulates server data loading
  */
-
-
 const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef) => {
   const {
     minDelay = 100,
     maxDelay = 300,
     useCursorPagination
   } = serverOptions;
-
   if (maxDelay < minDelay) {
     throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
   }
-
   const delay = Math.random() * (maxDelay - minDelay) + minDelay;
   const {
     cursor,
@@ -150,7 +118,6 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
   const rowComparator = getRowComparator(queryOptions.sortModel, columnsWithDefaultColDef);
   filteredRows = [...filteredRows].sort(rowComparator);
   const totalRowCount = filteredRows.length;
-
   if (!pageSize) {
     firstRowIndex = 0;
     lastRowIndex = filteredRows.length;
@@ -159,14 +126,12 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
       id
     }) => id === cursor) : 0;
     firstRowIndex = Math.max(firstRowIndex, 0); // if cursor not found return 0
-
     lastRowIndex = firstRowIndex + pageSize;
     nextCursor = lastRowIndex >= filteredRows.length ? undefined : filteredRows[lastRowIndex].id;
   } else {
     firstRowIndex = page * pageSize;
     lastRowIndex = (page + 1) * pageSize;
   }
-
   const response = {
     returnedRows: filteredRows.slice(firstRowIndex, lastRowIndex),
     nextCursor,
@@ -178,7 +143,6 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
     }, delay); // simulate network latency
   });
 };
-
 exports.loadServerRows = loadServerRows;
 const DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
@@ -191,7 +155,6 @@ const DEFAULT_SERVER_OPTIONS = {
   maxDelay: disableDelay ? 0 : 300,
   useCursorPagination: true
 };
-
 const createFakeServer = (dataSetOptions, serverOptions) => {
   const dataSetOptionsWithDefault = (0, _extends2.default)({}, DEFAULT_DATASET_OPTIONS, dataSetOptions);
   const serverOptionsWithDefault = (0, _extends2.default)({}, DEFAULT_SERVER_OPTIONS, serverOptions);
@@ -199,7 +162,6 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
   const initialState = (0, _useDemoData.getInitialState)(dataSetOptionsWithDefault, columns);
   const defaultColDef = (0, _xDataGridPro.getGridDefaultColumnTypes)();
   const columnsWithDefaultColDef = columns.map(column => (0, _extends2.default)({}, defaultColDef[column.type || 'string'], column));
-
   const useQuery = queryOptions => {
     const {
       data: {
@@ -218,25 +180,21 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
         // dataset is not ready
         return () => {};
       }
-
       queryOptionsRef.current = queryOptions;
       let active = true;
       setIsLoading(true);
       setResponse(prev => Object.keys(prev.pageInfo).length === 0 ? prev : (0, _extends2.default)({}, prev, {
         pageInfo: {}
       }));
-
       (async function fetchData() {
         const {
           returnedRows,
           nextCursor,
           totalRowCount
         } = await loadServerRows(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
-
         if (!active) {
           return;
         }
-
         const newRep = {
           rows: returnedRows,
           pageInfo: {
@@ -248,18 +206,17 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
         setResponse(prev => (0, _internals.isDeepEqual)(prev, newRep) ? prev : newRep);
         setIsLoading(false);
       })();
-
       return () => {
         active = false;
       };
-    }, [dataGenerationIsLoading, queryOptions, rows]); // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
+    }, [dataGenerationIsLoading, queryOptions, rows]);
 
+    // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
     const effectShouldStart = queryOptionsRef.current !== queryOptions;
     return (0, _extends2.default)({
       isLoading: isLoading || effectShouldStart
     }, response);
   };
-
   return {
     columns,
     columnsWithDefaultColDef,
@@ -267,5 +224,4 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
     useQuery
   };
 };
-
 exports.createFakeServer = createFakeServer;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v6.0.0-alpha.1
+/** @license MUI v6.0.0-alpha.10
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,9 +8,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _renderer = require("./renderer");
-
 Object.keys(_renderer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderer[key]) return;
@@ -21,9 +19,7 @@ Object.keys(_renderer).forEach(function (key) {
     }
   });
 });
-
 var _services = require("./services");
-
 Object.keys(_services).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _services[key]) return;
@@ -34,9 +30,7 @@ Object.keys(_services).forEach(function (key) {
     }
   });
 });
-
 var _columns = require("./columns");
-
 Object.keys(_columns).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _columns[key]) return;
@@ -47,9 +41,7 @@ Object.keys(_columns).forEach(function (key) {
     }
   });
 });
-
 var _hooks = require("./hooks");
-
 Object.keys(_hooks).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _hooks[key]) return;