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

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.0
+/** @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;

package/node/renderer/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _renderAvatar = require("./renderAvatar");
-
 Object.keys(_renderAvatar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderAvatar[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_renderAvatar).forEach(function (key) {
     }
   });
 });
-
 var _renderCountry = require("./renderCountry");
-
 Object.keys(_renderCountry).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderCountry[key]) return;
@@ -29,9 +25,7 @@ Object.keys(_renderCountry).forEach(function (key) {
     }
   });
 });
-
 var _renderEmail = require("./renderEmail");
-
 Object.keys(_renderEmail).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderEmail[key]) return;
@@ -42,9 +36,7 @@ Object.keys(_renderEmail).forEach(function (key) {
     }
   });
 });
-
 var _renderIncoterm = require("./renderIncoterm");
-
 Object.keys(_renderIncoterm).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderIncoterm[key]) return;
@@ -55,9 +47,7 @@ Object.keys(_renderIncoterm).forEach(function (key) {
     }
   });
 });
-
 var _renderLink = require("./renderLink");
-
 Object.keys(_renderLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderLink[key]) return;
@@ -68,9 +58,7 @@ Object.keys(_renderLink).forEach(function (key) {
     }
   });
 });
-
 var _renderPnl = require("./renderPnl");
-
 Object.keys(_renderPnl).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderPnl[key]) return;
@@ -81,9 +69,7 @@ Object.keys(_renderPnl).forEach(function (key) {
     }
   });
 });
-
 var _renderProgress = require("./renderProgress");
-
 Object.keys(_renderProgress).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderProgress[key]) return;
@@ -94,9 +80,7 @@ Object.keys(_renderProgress).forEach(function (key) {
     }
   });
 });
-
 var _renderRating = require("./renderRating");
-
 Object.keys(_renderRating).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderRating[key]) return;
@@ -107,9 +91,7 @@ Object.keys(_renderRating).forEach(function (key) {
     }
   });
 });
-
 var _renderStatus = require("./renderStatus");
-
 Object.keys(_renderStatus).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderStatus[key]) return;
@@ -120,9 +102,7 @@ Object.keys(_renderStatus).forEach(function (key) {
     }
   });
 });
-
 var _renderTotalPrice = require("./renderTotalPrice");
-
 Object.keys(_renderTotalPrice).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderTotalPrice[key]) return;
@@ -133,9 +113,7 @@ Object.keys(_renderTotalPrice).forEach(function (key) {
     }
   });
 });
-
 var _renderEditCurrency = require("./renderEditCurrency");
-
 Object.keys(_renderEditCurrency).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderEditCurrency[key]) return;
@@ -146,9 +124,7 @@ Object.keys(_renderEditCurrency).forEach(function (key) {
     }
   });
 });
-
 var _renderEditProgress = require("./renderEditProgress");
-
 Object.keys(_renderEditProgress).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderEditProgress[key]) return;
@@ -159,9 +135,7 @@ Object.keys(_renderEditProgress).forEach(function (key) {
     }
   });
 });
-
 var _renderEditStatus = require("./renderEditStatus");
-
 Object.keys(_renderEditStatus).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderEditStatus[key]) return;
@@ -172,9 +146,7 @@ Object.keys(_renderEditStatus).forEach(function (key) {
     }
   });
 });
-
 var _renderEditIncoterm = require("./renderEditIncoterm");
-
 Object.keys(_renderEditIncoterm).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderEditIncoterm[key]) return;
@@ -185,9 +157,7 @@ Object.keys(_renderEditIncoterm).forEach(function (key) {
     }
   });
 });
-
 var _renderEditRating = require("./renderEditRating");
-
 Object.keys(_renderEditRating).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderEditRating[key]) return;
@@ -198,9 +168,7 @@ Object.keys(_renderEditRating).forEach(function (key) {
     }
   });
 });
-
 var _renderEditCountry = require("./renderEditCountry");
-
 Object.keys(_renderEditCountry).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _renderEditCountry[key]) return;

package/node/renderer/renderAvatar.js

@@ -1,27 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderAvatar = renderAvatar;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 function renderAvatar(params) {
   if (params.value == null) {
     return '';
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
     style: {
       backgroundColor: params.value.color

package/node/renderer/renderCountry.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderCountry = renderCountry;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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 Country = /*#__PURE__*/React.memo(function Country(props) {
   const {
     value
@@ -48,18 +41,16 @@ const Country = /*#__PURE__*/React.memo(function Country(props) {
     })]
   });
 });
-
 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__*/(0, _jsxRuntime.jsx)(Country, {
     value: params.value
   });

package/node/renderer/renderEditCountry.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderEditCountry = renderEditCountry;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _xDataGridPremium = require("@mui/x-data-grid-premium");
-
 var _Autocomplete = _interopRequireWildcard(require("@mui/material/Autocomplete"));
-
 var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _styles = require("@mui/material/styles");
-
 var _staticData = require("../services/static-data");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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 StyledAutocomplete = (0, _styles.styled)(_Autocomplete.default)(({
   theme
 }) => ({
@@ -42,7 +29,6 @@ const StyledAutocomplete = (0, _styles.styled)(_Autocomplete.default)(({
     }
   })
 }));
-
 function EditCountry(props) {
   const {
     id,
@@ -50,20 +36,16 @@ function EditCountry(props) {
     field
   } = props;
   const apiRef = (0, _xDataGridPremium.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__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
     value: value,
@@ -97,12 +79,10 @@ function EditCountry(props) {
       id: params.id,
       inputProps: (0, _extends2.default)({}, params.inputProps, {
         autoComplete: 'new-password' // disable autocomplete and autofill
-
       })
     }, params.InputProps))
   });
 }
-
 function renderEditCountry(params) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditCountry, (0, _extends2.default)({}, params));
 }

package/node/renderer/renderEditCurrency.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderEditCurrency = renderEditCurrency;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _xDataGridPremium = require("@mui/x-data-grid-premium");
-
 var _Autocomplete = _interopRequireWildcard(require("@mui/material/Autocomplete"));
-
 var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _styles = require("@mui/material/styles");
-
 var _staticData = require("../services/static-data");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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 StyledAutocomplete = (0, _styles.styled)(_Autocomplete.default)(({
   theme
 }) => ({
@@ -42,7 +29,6 @@ const StyledAutocomplete = (0, _styles.styled)(_Autocomplete.default)(({
     }
   })
 }));
-
 function EditCurrency(props) {
   const {
     id,
@@ -50,20 +36,16 @@ function EditCurrency(props) {
     field
   } = props;
   const apiRef = (0, _xDataGridPremium.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__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
     value: value,
@@ -96,12 +78,10 @@ function EditCurrency(props) {
       id: params.id,
       inputProps: (0, _extends2.default)({}, params.inputProps, {
         autoComplete: 'new-password' // disable autocomplete and autofill
-
       })
     }, params.InputProps))
   });
 }
-
 function renderEditCurrency(params) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditCurrency, (0, _extends2.default)({}, params));
 }