@mui/x-data-grid-pro 6.19.8 → 6.19.10

package/CHANGELOG.md

@@ -3,6 +3,76 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.19.10
+
+_Apr 12, 2024_
+
+We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.10`
+
+- [DataGrid] Do not escape double quotes when copying to clipboard (#12734) @cherniavskii
+- [DataGrid] Fix bug in suspense (#12754) @cherniavskii
+
+#### `@mui/x-data-grid-pro@6.19.10` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.19.10`.
+
+#### `@mui/x-data-grid-premium@6.19.10` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.19.10`.
+
+### Core
+
+- [core] Update the docs release source branch (#12685) @LukasTy
+
+## 6.19.9
+
+_Apr 5, 2024_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.9`
+
+- [DataGrid] Remove legacy editing API event: `rowEditCommit` (#12087) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@6.19.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.19.9`.
+
+#### `@mui/x-data-grid-premium@6.19.9` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.19.9`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.9`
+
+No changes.
+
+#### `@mui/x-date-pickers-pro@6.19.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+- [DateRangePicker] Fix selection behavior with single input field when `readOnly` (#12605) @LukasTy
+
+### Docs
+
+- [docs] Adds a recipe for the `checkboxSelectionVisibleOnly` prop (#12667) @michelengelen
+- [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12673) @michelengelen
+
+### Core
+
+- [core] Use Circle CI context (#12607) @cherniavskii
+
 ## 6.19.8
 
 _Mar 20, 2024_

package/DataGridPro/DataGridPro.js

@@ -644,12 +644,6 @@ DataGridProRaw.propTypes = {
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowDoubleClick: PropTypes.func,
-  /**
-   * Callback fired when the row changes are committed.
-   * @param {GridRowId} id The row id.
-   * @param {MuiEvent<MuiBaseEvent>} event The event that caused this prop to be called.
-   */
-  onRowEditCommit: PropTypes.func,
   /**
    * Callback fired when the row turns to edit mode.
    * @param {GridRowParams} params With all properties from [[GridRowParams]].

package/components/headerFiltering/GridHeaderFilterCell.js

@@ -71,13 +71,16 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   }
   React.useLayoutEffect(() => {
     if (hasFocus && !isMenuOpen) {
+      var _apiRef$current$colum;
       let focusableElement = cellRef.current.querySelector('[tabindex="0"]');
       if (isEditing && InputComponent) {
         focusableElement = inputRef.current;
       }
       const elementToFocus = focusableElement || cellRef.current;
       elementToFocus == null || elementToFocus.focus();
-      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      if ((_apiRef$current$colum = apiRef.current.columnHeadersContainerElementRef) != null && _apiRef$current$colum.current) {
+        apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      }
     }
   }, [InputComponent, apiRef, hasFocus, isEditing, isMenuOpen]);
   const onKeyDown = React.useCallback(event => {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.19.8
+ * @mui/x-data-grid-pro v6.19.10
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/DataGridPro/DataGridPro.js

@@ -644,12 +644,6 @@ DataGridProRaw.propTypes = {
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowDoubleClick: PropTypes.func,
-  /**
-   * Callback fired when the row changes are committed.
-   * @param {GridRowId} id The row id.
-   * @param {MuiEvent<MuiBaseEvent>} event The event that caused this prop to be called.
-   */
-  onRowEditCommit: PropTypes.func,
   /**
    * Callback fired when the row turns to edit mode.
    * @param {GridRowParams} params With all properties from [[GridRowParams]].

package/legacy/components/headerFiltering/GridHeaderFilterCell.js

@@ -67,13 +67,16 @@ var GridHeaderFilterCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
   React.useLayoutEffect(function () {
     if (hasFocus && !isMenuOpen) {
+      var _apiRef$current$colum;
       var focusableElement = cellRef.current.querySelector('[tabindex="0"]');
       if (isEditing && InputComponent) {
         focusableElement = inputRef.current;
       }
       var elementToFocus = focusableElement || cellRef.current;
       elementToFocus == null || elementToFocus.focus();
-      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      if ((_apiRef$current$colum = apiRef.current.columnHeadersContainerElementRef) != null && _apiRef$current$colum.current) {
+        apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      }
     }
   }, [InputComponent, apiRef, hasFocus, isEditing, isMenuOpen]);
   var onKeyDown = React.useCallback(function (event) {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.19.8
+ * @mui/x-data-grid-pro v6.19.10
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/utils/domUtils.js

@@ -45,7 +45,11 @@ export function findGridCellElementsFromCol(col, api) {
   return cells;
 }
 export function findGridHeader(api, field) {
-  var headers = api.columnHeadersContainerElementRef.current;
+  var _api$columnHeadersCon;
+  var headers = (_api$columnHeadersCon = api.columnHeadersContainerElementRef) == null ? void 0 : _api$columnHeadersCon.current;
+  if (!headers) {
+    return null;
+  }
   return headers.querySelector(":scope > div > div > [data-field=\"".concat(field, "\"][role=\"columnheader\"]"));
 }
 export function findGridCells(api, field) {

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTcxMDg4NTYwMDAwMA==";
+  var releaseInfo = "MTcxMjg2OTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/DataGridPro/DataGridPro.js

@@ -644,12 +644,6 @@ DataGridProRaw.propTypes = {
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowDoubleClick: PropTypes.func,
-  /**
-   * Callback fired when the row changes are committed.
-   * @param {GridRowId} id The row id.
-   * @param {MuiEvent<MuiBaseEvent>} event The event that caused this prop to be called.
-   */
-  onRowEditCommit: PropTypes.func,
   /**
    * Callback fired when the row turns to edit mode.
    * @param {GridRowParams} params With all properties from [[GridRowParams]].

package/modern/components/headerFiltering/GridHeaderFilterCell.js

@@ -76,7 +76,9 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
       }
       const elementToFocus = focusableElement || cellRef.current;
       elementToFocus?.focus();
-      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      if (apiRef.current.columnHeadersContainerElementRef?.current) {
+        apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      }
     }
   }, [InputComponent, apiRef, hasFocus, isEditing, isMenuOpen]);
   const onKeyDown = React.useCallback(event => {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.19.8
+ * @mui/x-data-grid-pro v6.19.10
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/utils/domUtils.js

@@ -43,7 +43,10 @@ export function findGridCellElementsFromCol(col, api) {
   return cells;
 }
 export function findGridHeader(api, field) {
-  const headers = api.columnHeadersContainerElementRef.current;
+  const headers = api.columnHeadersContainerElementRef?.current;
+  if (!headers) {
+    return null;
+  }
   return headers.querySelector(`:scope > div > div > [data-field="${field}"][role="columnheader"]`);
 }
 export function findGridCells(api, field) {

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcxMDg4NTYwMDAwMA==";
+  const releaseInfo = "MTcxMjg2OTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/DataGridPro/DataGridPro.js

@@ -652,12 +652,6 @@ DataGridProRaw.propTypes = {
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowDoubleClick: _propTypes.default.func,
-  /**
-   * Callback fired when the row changes are committed.
-   * @param {GridRowId} id The row id.
-   * @param {MuiEvent<MuiBaseEvent>} event The event that caused this prop to be called.
-   */
-  onRowEditCommit: _propTypes.default.func,
   /**
    * Callback fired when the row turns to edit mode.
    * @param {GridRowParams} params With all properties from [[GridRowParams]].

package/node/components/headerFiltering/GridHeaderFilterCell.js

@@ -84,7 +84,9 @@ const GridHeaderFilterCell = exports.GridHeaderFilterCell = /*#__PURE__*/React.f
       }
       const elementToFocus = focusableElement || cellRef.current;
       elementToFocus?.focus();
-      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      if (apiRef.current.columnHeadersContainerElementRef?.current) {
+        apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      }
     }
   }, [InputComponent, apiRef, hasFocus, isEditing, isMenuOpen]);
   const onKeyDown = React.useCallback(event => {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.19.8
+ * @mui/x-data-grid-pro v6.19.10
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/utils/domUtils.js

@@ -54,7 +54,10 @@ function findGridCellElementsFromCol(col, api) {
   return cells;
 }
 function findGridHeader(api, field) {
-  const headers = api.columnHeadersContainerElementRef.current;
+  const headers = api.columnHeadersContainerElementRef?.current;
+  if (!headers) {
+    return null;
+  }
   return headers.querySelector(`:scope > div > div > [data-field="${field}"][role="columnheader"]`);
 }
 function findGridCells(api, field) {

package/node/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTcxMDg4NTYwMDAwMA==";
+  const releaseInfo = "MTcxMjg2OTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "6.19.8",
+  "version": "6.19.10",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.2",
     "@mui/utils": "^5.14.16",
-    "@mui/x-data-grid": "6.19.8",
+    "@mui/x-data-grid": "6.19.10",
     "@mui/x-license-pro": "6.10.2",
     "@types/format-util": "^1.0.3",
     "clsx": "^2.0.0",

package/utils/domUtils.js

@@ -45,7 +45,11 @@ export function findGridCellElementsFromCol(col, api) {
   return cells;
 }
 export function findGridHeader(api, field) {
-  const headers = api.columnHeadersContainerElementRef.current;
+  var _api$columnHeadersCon;
+  const headers = (_api$columnHeadersCon = api.columnHeadersContainerElementRef) == null ? void 0 : _api$columnHeadersCon.current;
+  if (!headers) {
+    return null;
+  }
   return headers.querySelector(`:scope > div > div > [data-field="${field}"][role="columnheader"]`);
 }
 export function findGridCells(api, field) {

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcxMDg4NTYwMDAwMA==";
+  const releaseInfo = "MTcxMjg2OTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat