@mui/x-data-grid 6.19.9 → 6.19.10

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 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_

package/components/columnHeaders/GridColumnHeaderItem.js

@@ -138,10 +138,13 @@ function GridColumnHeaderItem(props) {
   React.useLayoutEffect(() => {
     const columnMenuState = apiRef.current.state.columnMenu;
     if (hasFocus && !columnMenuState.open) {
+      var _apiRef$current$colum;
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || headerCellRef.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;
+      }
     }
   }, [apiRef, hasFocus]);
   const headerClassName = typeof colDef.headerClassName === 'function' ? colDef.headerClassName({

package/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -65,7 +65,10 @@ export const useGridColumnHeaders = props => {
     setRenderContextRaw(nextRenderContext);
   }, [renderContext]);
   React.useEffect(() => {
-    apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+    var _apiRef$current$colum;
+    if ((_apiRef$current$colum = apiRef.current.columnHeadersContainerElementRef) != null && _apiRef$current$colum.current) {
+      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+    }
   }, [apiRef]);
 
   // memoize `getFirstColumnIndexToRender`, since it's called on scroll

package/hooks/features/export/serializers/csvSerializer.js

@@ -2,12 +2,13 @@ import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../../colDef';
 import { buildWarning } from '../../../../utils/warning';
 function sanitizeCellValue(value, delimiterCharacter, shouldAppendQuotes) {
   if (typeof value === 'string') {
-    // Make sure value containing delimiter or line break won't be split into multiple rows
-    if ([delimiterCharacter, '\n', '\r', '"'].some(delimiter => value.includes(delimiter))) {
-      if (shouldAppendQuotes) {
-        return `"${value.replace(/"/g, '""')}"`;
+    if (shouldAppendQuotes) {
+      const escapedValue = value.replace(/"/g, '""');
+      // Make sure value containing delimiter or line break won't be split into multiple rows
+      if ([delimiterCharacter, '\n', '\r', '"'].some(delimiter => value.includes(delimiter))) {
+        return `"${escapedValue}"`;
       }
-      return `${value.replace(/"/g, '""')}`;
+      return escapedValue;
     }
     return value;
   }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.19.9
+ * @mui/x-data-grid v6.19.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/components/columnHeaders/GridColumnHeaderItem.js

@@ -148,10 +148,13 @@ function GridColumnHeaderItem(props) {
   React.useLayoutEffect(function () {
     var columnMenuState = apiRef.current.state.columnMenu;
     if (hasFocus && !columnMenuState.open) {
+      var _apiRef$current$colum;
       var focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       var elementToFocus = focusableElement || headerCellRef.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;
+      }
     }
   }, [apiRef, hasFocus]);
   var headerClassName = typeof colDef.headerClassName === 'function' ? colDef.headerClassName({

package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -78,7 +78,10 @@ export var useGridColumnHeaders = function useGridColumnHeaders(props) {
     setRenderContextRaw(nextRenderContext);
   }, [renderContext]);
   React.useEffect(function () {
-    apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+    var _apiRef$current$colum;
+    if ((_apiRef$current$colum = apiRef.current.columnHeadersContainerElementRef) != null && _apiRef$current$colum.current) {
+      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+    }
   }, [apiRef]);
 
   // memoize `getFirstColumnIndexToRender`, since it's called on scroll

package/legacy/hooks/features/export/serializers/csvSerializer.js

@@ -4,14 +4,15 @@ import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../../colDef';
 import { buildWarning } from '../../../../utils/warning';
 function sanitizeCellValue(value, delimiterCharacter, shouldAppendQuotes) {
   if (typeof value === 'string') {
-    // Make sure value containing delimiter or line break won't be split into multiple rows
-    if ([delimiterCharacter, '\n', '\r', '"'].some(function (delimiter) {
-      return value.includes(delimiter);
-    })) {
-      if (shouldAppendQuotes) {
-        return "\"".concat(value.replace(/"/g, '""'), "\"");
+    if (shouldAppendQuotes) {
+      var escapedValue = value.replace(/"/g, '""');
+      // Make sure value containing delimiter or line break won't be split into multiple rows
+      if ([delimiterCharacter, '\n', '\r', '"'].some(function (delimiter) {
+        return value.includes(delimiter);
+      })) {
+        return "\"".concat(escapedValue, "\"");
       }
-      return "".concat(value.replace(/"/g, '""'));
+      return escapedValue;
     }
     return value;
   }

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.19.9
+ * @mui/x-data-grid v6.19.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/components/columnHeaders/GridColumnHeaderItem.js

@@ -140,7 +140,9 @@ function GridColumnHeaderItem(props) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || headerCellRef.current;
       elementToFocus?.focus();
-      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      if (apiRef.current.columnHeadersContainerElementRef?.current) {
+        apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      }
     }
   }, [apiRef, hasFocus]);
   const headerClassName = typeof colDef.headerClassName === 'function' ? colDef.headerClassName({

package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -65,7 +65,9 @@ export const useGridColumnHeaders = props => {
     setRenderContextRaw(nextRenderContext);
   }, [renderContext]);
   React.useEffect(() => {
-    apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+    if (apiRef.current.columnHeadersContainerElementRef?.current) {
+      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+    }
   }, [apiRef]);
 
   // memoize `getFirstColumnIndexToRender`, since it's called on scroll

package/modern/hooks/features/export/serializers/csvSerializer.js

@@ -2,12 +2,13 @@ import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../../colDef';
 import { buildWarning } from '../../../../utils/warning';
 function sanitizeCellValue(value, delimiterCharacter, shouldAppendQuotes) {
   if (typeof value === 'string') {
-    // Make sure value containing delimiter or line break won't be split into multiple rows
-    if ([delimiterCharacter, '\n', '\r', '"'].some(delimiter => value.includes(delimiter))) {
-      if (shouldAppendQuotes) {
-        return `"${value.replace(/"/g, '""')}"`;
+    if (shouldAppendQuotes) {
+      const escapedValue = value.replace(/"/g, '""');
+      // Make sure value containing delimiter or line break won't be split into multiple rows
+      if ([delimiterCharacter, '\n', '\r', '"'].some(delimiter => value.includes(delimiter))) {
+        return `"${escapedValue}"`;
       }
-      return `${value.replace(/"/g, '""')}`;
+      return escapedValue;
     }
     return value;
   }

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.19.9
+ * @mui/x-data-grid v6.19.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/components/columnHeaders/GridColumnHeaderItem.js

@@ -148,7 +148,9 @@ function GridColumnHeaderItem(props) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || headerCellRef.current;
       elementToFocus?.focus();
-      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      if (apiRef.current.columnHeadersContainerElementRef?.current) {
+        apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      }
     }
   }, [apiRef, hasFocus]);
   const headerClassName = typeof colDef.headerClassName === 'function' ? colDef.headerClassName({

package/node/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -74,7 +74,9 @@ const useGridColumnHeaders = props => {
     setRenderContextRaw(nextRenderContext);
   }, [renderContext]);
   React.useEffect(() => {
-    apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+    if (apiRef.current.columnHeadersContainerElementRef?.current) {
+      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+    }
   }, [apiRef]);
 
   // memoize `getFirstColumnIndexToRender`, since it's called on scroll

package/node/hooks/features/export/serializers/csvSerializer.js

@@ -9,12 +9,13 @@ var _colDef = require("../../../../colDef");
 var _warning = require("../../../../utils/warning");
 function sanitizeCellValue(value, delimiterCharacter, shouldAppendQuotes) {
   if (typeof value === 'string') {
-    // Make sure value containing delimiter or line break won't be split into multiple rows
-    if ([delimiterCharacter, '\n', '\r', '"'].some(delimiter => value.includes(delimiter))) {
-      if (shouldAppendQuotes) {
-        return `"${value.replace(/"/g, '""')}"`;
+    if (shouldAppendQuotes) {
+      const escapedValue = value.replace(/"/g, '""');
+      // Make sure value containing delimiter or line break won't be split into multiple rows
+      if ([delimiterCharacter, '\n', '\r', '"'].some(delimiter => value.includes(delimiter))) {
+        return `"${escapedValue}"`;
       }
-      return `${value.replace(/"/g, '""')}`;
+      return escapedValue;
     }
     return value;
   }

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.19.9
+ * @mui/x-data-grid v6.19.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "6.19.9",
+  "version": "6.19.10",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",