@mui/x-data-grid-generator 6.0.0-alpha.2 → 6.0.0-alpha.4

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v6.0.0-alpha.2
+/** @license MUI v6.0.0-alpha.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v6.0.0-alpha.2
+/** @license MUI v6.0.0-alpha.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/renderer/renderEditCountry.js

@@ -1,5 +1,7 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as React from 'react';
 import { useGridApiContext } from '@mui/x-data-grid-premium';
 import Autocomplete, { autocompleteClasses } from '@mui/material/Autocomplete';
@@ -28,21 +30,37 @@ function EditCountry(props) {
       value = props.value,
       field = props.field;
   var apiRef = useGridApiContext();
-  var handleChange = React.useCallback(function (event, newValue) {
-    apiRef.current.setEditCellValue({
-      id: id,
-      field: field,
-      value: newValue
-    }, event);
+  var handleChange = React.useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event, newValue) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return apiRef.current.setEditCellValue({
+                id: id,
+                field: field,
+                value: newValue
+              }, event);
 
-    if (!event.key) {
-      apiRef.current.commitCellChange({
-        id: id,
-        field: field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
-  }, [apiRef, field, id]);
+            case 2:
+              apiRef.current.stopCellEditMode({
+                id: id,
+                field: field
+              });
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [apiRef, field, id]);
   return /*#__PURE__*/_jsx(StyledAutocomplete, {
     value: value,
     onChange: handleChange,

package/legacy/renderer/renderEditCurrency.js

@@ -1,5 +1,7 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as React from 'react';
 import { useGridApiContext } from '@mui/x-data-grid-premium';
 import Autocomplete, { autocompleteClasses } from '@mui/material/Autocomplete';
@@ -28,21 +30,37 @@ function EditCurrency(props) {
       value = props.value,
       field = props.field;
   var apiRef = useGridApiContext();
-  var handleChange = React.useCallback(function (event, newValue) {
-    apiRef.current.setEditCellValue({
-      id: id,
-      field: field,
-      value: newValue.toUpperCase()
-    }, event);
+  var handleChange = React.useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event, newValue) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return apiRef.current.setEditCellValue({
+                id: id,
+                field: field,
+                value: newValue.toUpperCase()
+              }, event);
 
-    if (!event.key) {
-      apiRef.current.commitCellChange({
-        id: id,
-        field: field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
-  }, [apiRef, field, id]);
+            case 2:
+              apiRef.current.stopCellEditMode({
+                id: id,
+                field: field
+              });
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [apiRef, field, id]);
   return /*#__PURE__*/_jsx(StyledAutocomplete, {
     value: value,
     onChange: handleChange,

package/legacy/renderer/renderEditIncoterm.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as React from 'react';
 import { useGridApiContext } from '@mui/x-data-grid-premium';
 import Select from '@mui/material/Select';
@@ -15,28 +17,44 @@ function EditIncoterm(props) {
       field = props.field;
   var apiRef = useGridApiContext();
 
-  var handleChange = function handleChange(event) {
-    apiRef.current.setEditCellValue({
-      id: id,
-      field: field,
-      value: event.target.value
-    }, event);
-    apiRef.current.commitCellChange({
-      id: id,
-      field: field
-    });
-    apiRef.current.setCellMode(id, field, 'view');
+  var handleChange = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return apiRef.current.setEditCellValue({
+                id: id,
+                field: field,
+                value: event.target.value
+              }, event);
 
-    if (event.key) {
-      // TODO v6: remove once we stop ignoring events fired from portals
-      var params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellNavigationKeyDown', params, event);
-    }
-  };
+            case 2:
+              apiRef.current.stopCellEditMode({
+                id: id,
+                field: field
+              });
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleChange(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
 
   var handleClose = function handleClose(event, reason) {
     if (reason === 'backdropClick') {
-      apiRef.current.setCellMode(id, field, 'view');
+      apiRef.current.stopCellEditMode({
+        id: id,
+        field: field
+      });
     }
   };
 

package/legacy/renderer/renderEditRating.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import Rating from '@mui/material/Rating';
@@ -12,22 +14,37 @@ function EditRating(props) {
       field = props.field;
   var apiRef = useGridApiContext();
 
-  var handleChange = function handleChange(event) {
-    apiRef.current.setEditCellValue({
-      id: id,
-      field: field,
-      value: Number(event.target.value)
-    }, event); // Check if the event is not from the keyboard
-    // https://github.com/facebook/react/issues/7407
-
-    if (event.nativeEvent.clientX !== 0 && event.nativeEvent.clientY !== 0) {
-      apiRef.current.commitCellChange({
-        id: id,
-        field: field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
-  };
+  var handleChange = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return apiRef.current.setEditCellValue({
+                id: id,
+                field: field,
+                value: Number(event.target.value)
+              }, event);
+
+            case 2:
+              apiRef.current.stopCellEditMode({
+                id: id,
+                field: field
+              });
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleChange(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
 
   var handleRef = function handleRef(element) {
     if (element) {

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v6.0.0-alpha.2
+/** @license MUI v6.0.0-alpha.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/renderer/renderEditCountry.js

@@ -29,20 +29,16 @@ function EditCountry(props) {
     field
   } = props;
   const apiRef = 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__*/_jsx(StyledAutocomplete, {
     value: value,

package/modern/renderer/renderEditCurrency.js

@@ -29,20 +29,16 @@ function EditCurrency(props) {
     field
   } = props;
   const apiRef = 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__*/_jsx(StyledAutocomplete, {
     value: value,

package/modern/renderer/renderEditIncoterm.js

@@ -17,28 +17,24 @@ function EditIncoterm(props) {
   } = props;
   const apiRef = useGridApiContext();
 
-  const handleChange = event => {
-    apiRef.current.setEditCellValue({
+  const handleChange = async event => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: event.target.value
     }, event);
-    apiRef.current.commitCellChange({
+    apiRef.current.stopCellEditMode({
       id,
       field
     });
-    apiRef.current.setCellMode(id, field, 'view');
-
-    if (event.key) {
-      // TODO v6: remove once we stop ignoring events fired from portals
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellNavigationKeyDown', params, event);
-    }
   };
 
   const handleClose = (event, reason) => {
     if (reason === 'backdropClick') {
-      apiRef.current.setCellMode(id, field, 'view');
+      apiRef.current.stopCellEditMode({
+        id,
+        field
+      });
     }
   };
 

package/modern/renderer/renderEditRating.js

@@ -14,21 +14,16 @@ function EditRating(props) {
   } = props;
   const apiRef = useGridApiContext();
 
-  const handleChange = event => {
-    apiRef.current.setEditCellValue({
+  const handleChange = async event => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: Number(event.target.value)
-    }, event); // Check if the event is not from the keyboard
-    // https://github.com/facebook/react/issues/7407
-
-    if (event.nativeEvent.clientX !== 0 && event.nativeEvent.clientY !== 0) {
-      apiRef.current.commitCellChange({
-        id,
-        field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
+    }, event);
+    apiRef.current.stopCellEditMode({
+      id,
+      field
+    });
   };
 
   const handleRef = element => {

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v6.0.0-alpha.2
+/** @license MUI v6.0.0-alpha.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/renderer/renderEditCountry.js

@@ -50,20 +50,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,

package/node/renderer/renderEditCurrency.js

@@ -50,20 +50,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,

package/node/renderer/renderEditIncoterm.js

@@ -37,28 +37,24 @@ function EditIncoterm(props) {
   } = props;
   const apiRef = (0, _xDataGridPremium.useGridApiContext)();
 
-  const handleChange = event => {
-    apiRef.current.setEditCellValue({
+  const handleChange = async event => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: event.target.value
     }, event);
-    apiRef.current.commitCellChange({
+    apiRef.current.stopCellEditMode({
       id,
       field
     });
-    apiRef.current.setCellMode(id, field, 'view');
-
-    if (event.key) {
-      // TODO v6: remove once we stop ignoring events fired from portals
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellNavigationKeyDown', params, event);
-    }
   };
 
   const handleClose = (event, reason) => {
     if (reason === 'backdropClick') {
-      apiRef.current.setCellMode(id, field, 'view');
+      apiRef.current.stopCellEditMode({
+        id,
+        field
+      });
     }
   };
 

package/node/renderer/renderEditRating.js

@@ -31,21 +31,16 @@ function EditRating(props) {
   } = props;
   const apiRef = (0, _xDataGridPremium.useGridApiContext)();
 
-  const handleChange = event => {
-    apiRef.current.setEditCellValue({
+  const handleChange = async event => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: Number(event.target.value)
-    }, event); // Check if the event is not from the keyboard
-    // https://github.com/facebook/react/issues/7407
-
-    if (event.nativeEvent.clientX !== 0 && event.nativeEvent.clientY !== 0) {
-      apiRef.current.commitCellChange({
-        id,
-        field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
+    }, event);
+    apiRef.current.stopCellEditMode({
+      id,
+      field
+    });
   };
 
   const handleRef = element => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "6.0.0-alpha.2",
+  "version": "6.0.0-alpha.4",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -20,8 +20,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.19.0",
-    "@mui/base": "^5.0.0-alpha.98",
-    "@mui/x-data-grid-premium": "6.0.0-alpha.2",
+    "@mui/base": "^5.0.0-alpha.101",
+    "@mui/x-data-grid-premium": "6.0.0-alpha.4",
     "chance": "^1.1.8",
     "clsx": "^1.2.1",
     "lru-cache": "^7.14.0"

package/renderer/renderEditCountry.js

@@ -29,20 +29,16 @@ function EditCountry(props) {
     field
   } = props;
   const apiRef = 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__*/_jsx(StyledAutocomplete, {
     value: value,

package/renderer/renderEditCurrency.js

@@ -29,20 +29,16 @@ function EditCurrency(props) {
     field
   } = props;
   const apiRef = 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__*/_jsx(StyledAutocomplete, {
     value: value,

package/renderer/renderEditIncoterm.js

@@ -17,28 +17,24 @@ function EditIncoterm(props) {
   } = props;
   const apiRef = useGridApiContext();
 
-  const handleChange = event => {
-    apiRef.current.setEditCellValue({
+  const handleChange = async event => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: event.target.value
     }, event);
-    apiRef.current.commitCellChange({
+    apiRef.current.stopCellEditMode({
       id,
       field
     });
-    apiRef.current.setCellMode(id, field, 'view');
-
-    if (event.key) {
-      // TODO v6: remove once we stop ignoring events fired from portals
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellNavigationKeyDown', params, event);
-    }
   };
 
   const handleClose = (event, reason) => {
     if (reason === 'backdropClick') {
-      apiRef.current.setCellMode(id, field, 'view');
+      apiRef.current.stopCellEditMode({
+        id,
+        field
+      });
     }
   };
 

package/renderer/renderEditRating.js

@@ -14,21 +14,16 @@ function EditRating(props) {
   } = props;
   const apiRef = useGridApiContext();
 
-  const handleChange = event => {
-    apiRef.current.setEditCellValue({
+  const handleChange = async event => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: Number(event.target.value)
-    }, event); // Check if the event is not from the keyboard
-    // https://github.com/facebook/react/issues/7407
-
-    if (event.nativeEvent.clientX !== 0 && event.nativeEvent.clientY !== 0) {
-      apiRef.current.commitCellChange({
-        id,
-        field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
+    }, event);
+    apiRef.current.stopCellEditMode({
+      id,
+      field
+    });
   };
 
   const handleRef = element => {