@mui/x-data-grid 7.7.0 → 7.7.1

package/CHANGELOG.md

@@ -3,6 +3,88 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.7.1
+
+_Jun 21, 2024_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Portuguese (pt-PT) locale on the Data Grid
+- 🌍 Improve Danish (da-DK) locale on the Date and Time Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.7.1`
+
+- [DataGrid][docs] Clarify enabling pagination (#13350) @oliviertassinari
+- [DataGrid] Fix CSV export escaping for non-string values (#13560) @joeycumines-scw
+- [l10n] Improve Portuguese (pt-PT) locale (#13348) @joaosreis
+
+#### `@mui/x-data-grid-pro@7.7.1` [![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@7.7.1`, plus:
+
+- [DataGrid] Warn about `getTreeDataPath` reference (#13519) @cherniavskii
+
+#### `@mui/x-data-grid-premium@7.7.1` [![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@7.7.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.7.1`
+
+- [fields] Prevent digit editing on the `Space` key down (#13510) @flaviendelangle
+- [l10n] Improve Danish (da-DK) locale (#13375) @jacrowland1
+- [pickers] Add context to `onAccept` callback (#13511) @flaviendelangle
+- [pickers] Always use the same timezone in the field, the view and the layout components (#13481) @flaviendelangle
+- [pickers] Fix `AdapterDateFnsV3` generated method types (#13464) @alexey-kozlenkov
+- [pickers] Fix controlled `view` behavior (#13552) @LukasTy
+- [TimePicker] Improves RTL verification for the time pickers default views  (#13447) @arthurbalduini
+
+#### `@mui/x-date-pickers-pro@7.7.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.7.1`, plus:
+
+- [DateRangePicker] Add accessible name to calendar grid (#13538) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@7.7.1`
+
+- [charts] Divide `CartesianProvider` to use logic in Pro package (#13531) @JCQuintas
+- [charts] Do not publish the pro package (#13539) @alexfauquette
+- [charts] Export `Pro` versions of regular charts (#13547) @JCQuintas
+- [charts] Prepare `ChartContainerPro` for future Zoom changes (#13532) @JCQuintas
+- [charts] Remove unnecessary proptypes from internal component (#13518) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.7.1`
+
+- [TreeView] Improve typing to support optional dependencies in plugins and in the item (#13523) @flaviendelangle
+- [TreeView] Move `useTreeViewId` to the core plugins (#13566) @flaviendelangle
+- [TreeView] Remove unused state from `useTreeViewId` (#13579) @flaviendelangle
+- [TreeView] Support `itemId` with escaping characters when using `SimpleTreeView` (#13487) @oukunan
+
+### Docs
+
+- [docs] Add section about the new uncovered product watermark (#13568) @michelengelen
+- [docs] Document the `PickerValidDate` type override (#13476) @flaviendelangle
+- [docs] Fix typo (#13507) @anshtiwatne
+- [docs] Remove "-" in heat-map and tree-map urls (#13569) @alexfauquette
+- [docs] Use dedicated tab for weather dataset (#13513) @alexfauquette
+- [x-license] license update proposal (#13459) @michelengelen
+
+### Core
+
+- [core] Fix failing CI test (#13574) @alexfauquette
+- [infra] Remove explicit `@testing-library/react` dependency (#13478) @LukasTy
+
 ## 7.7.0
 
 _Jun 13, 2024_

package/hooks/features/export/serializers/csvSerializer.d.ts

@@ -6,7 +6,7 @@ import type { GridApiCommunity } from '../../../../models/api/gridApiCommunity';
 export declare const serializeCellValue: (cellParams: GridCellParams, options: {
     csvOptions: CSVOptions;
     ignoreValueFormatter: boolean;
-}) => any;
+}) => string;
 type CSVOptions = Required<Pick<GridCsvExportOptions, 'delimiter' | 'shouldAppendQuotes' | 'escapeFormulas'>>;
 interface BuildCSVOptions {
     columns: GridStateColDef[];

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

@@ -1,24 +1,22 @@
 import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../../colDef';
 import { buildWarning } from '../../../../utils/warning';
 function sanitizeCellValue(value, csvOptions) {
-  if (typeof value === 'string') {
-    if (csvOptions.shouldAppendQuotes || csvOptions.escapeFormulas) {
-      const escapedValue = value.replace(/"/g, '""');
-      // Make sure value containing delimiter or line break won't be split into multiple cells
-      if ([csvOptions.delimiter, '\n', '\r', '"'].some(delimiter => value.includes(delimiter))) {
-        return `"${escapedValue}"`;
-      }
-      if (csvOptions.escapeFormulas) {
-        // See https://owasp.org/www-community/attacks/CSV_Injection
-        if (['=', '+', '-', '@', '\t', '\r'].includes(escapedValue[0])) {
-          return `'${escapedValue}`;
-        }
+  const valueStr = typeof value === 'string' ? value : `${value}`;
+  if (csvOptions.shouldAppendQuotes || csvOptions.escapeFormulas) {
+    const escapedValue = valueStr.replace(/"/g, '""');
+    // Make sure value containing delimiter or line break won't be split into multiple cells
+    if ([csvOptions.delimiter, '\n', '\r', '"'].some(delimiter => valueStr.includes(delimiter))) {
+      return `"${escapedValue}"`;
+    }
+    if (csvOptions.escapeFormulas) {
+      // See https://owasp.org/www-community/attacks/CSV_Injection
+      if (['=', '+', '-', '@', '\t', '\r'].includes(escapedValue[0])) {
+        return `'${escapedValue}`;
       }
-      return escapedValue;
     }
-    return value;
+    return escapedValue;
   }
-  return value;
+  return valueStr;
 }
 export const serializeCellValue = (cellParams, options) => {
   const {

package/index.js

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

package/locales/ptPT.js

@@ -26,18 +26,17 @@ const ptPTGrid = {
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
-  toolbarExportCSV: 'Baixar como CSV',
+  toolbarExportCSV: 'Descarregar como CSV',
   toolbarExportPrint: 'Imprimir',
-  toolbarExportExcel: 'Baixe como Excel',
+  toolbarExportExcel: 'Descarregar como Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'Procurar',
+  columnsManagementNoColumns: 'Sem colunas',
+  columnsManagementShowHideAllText: 'Mostrar/Ocultar Todas',
+  columnsManagementReset: 'Repor',
   // Filter panel text
   filterPanelAddFilter: 'Adicionar filtro',
-  filterPanelRemoveAll: 'Deletar tudo',
+  filterPanelRemoveAll: 'Excluir todos',
   filterPanelDeleteIconLabel: 'Excluir',
   filterPanelLogicOperator: 'Operador lógico',
   filterPanelOperator: 'Operador',
@@ -91,9 +90,9 @@ const ptPTGrid = {
   filterValueTrue: 'verdadeiro',
   filterValueFalse: 'falso',
   // Column menu text
-  columnMenuLabel: 'Cardápio',
+  columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Mostrar colunas',
-  columnMenuManageColumns: 'Gerenciar colunas',
+  columnMenuManageColumns: 'Gerir colunas',
   columnMenuFilter: 'Filtro',
   columnMenuHideColumn: 'Ocultar coluna',
   columnMenuUnsort: 'Desclassificar',
@@ -123,10 +122,10 @@ const ptPTGrid = {
   // Column pinning text
   pinToLeft: 'Fixar à esquerda',
   pinToRight: 'Fixar à direita',
-  unpin: 'Liberar',
+  unpin: 'Desafixar',
   // Tree Data
-  treeDataGroupingHeaderName: 'Group',
-  treeDataExpand: 'veja crianças',
+  treeDataGroupingHeaderName: 'Grupo',
+  treeDataExpand: 'ver crianças',
   treeDataCollapse: 'esconder crianças',
   // Grouping columns
   groupingColumnHeaderName: 'Grupo',
@@ -135,7 +134,7 @@ const ptPTGrid = {
   // Master/detail
   detailPanelToggle: 'Alternar painel de detalhes',
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Colapso',
+  collapseDetailPanel: 'Colapsar',
   // Row reordering text
   rowReorderingHeaderName: 'Reordenação de linhas',
   // Aggregation

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

@@ -1,24 +1,22 @@
 import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../../colDef';
 import { buildWarning } from '../../../../utils/warning';
 function sanitizeCellValue(value, csvOptions) {
-  if (typeof value === 'string') {
-    if (csvOptions.shouldAppendQuotes || csvOptions.escapeFormulas) {
-      const escapedValue = value.replace(/"/g, '""');
-      // Make sure value containing delimiter or line break won't be split into multiple cells
-      if ([csvOptions.delimiter, '\n', '\r', '"'].some(delimiter => value.includes(delimiter))) {
-        return `"${escapedValue}"`;
-      }
-      if (csvOptions.escapeFormulas) {
-        // See https://owasp.org/www-community/attacks/CSV_Injection
-        if (['=', '+', '-', '@', '\t', '\r'].includes(escapedValue[0])) {
-          return `'${escapedValue}`;
-        }
+  const valueStr = typeof value === 'string' ? value : `${value}`;
+  if (csvOptions.shouldAppendQuotes || csvOptions.escapeFormulas) {
+    const escapedValue = valueStr.replace(/"/g, '""');
+    // Make sure value containing delimiter or line break won't be split into multiple cells
+    if ([csvOptions.delimiter, '\n', '\r', '"'].some(delimiter => valueStr.includes(delimiter))) {
+      return `"${escapedValue}"`;
+    }
+    if (csvOptions.escapeFormulas) {
+      // See https://owasp.org/www-community/attacks/CSV_Injection
+      if (['=', '+', '-', '@', '\t', '\r'].includes(escapedValue[0])) {
+        return `'${escapedValue}`;
       }
-      return escapedValue;
     }
-    return value;
+    return escapedValue;
   }
-  return value;
+  return valueStr;
 }
 export const serializeCellValue = (cellParams, options) => {
   const {

package/modern/index.js

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

package/modern/locales/ptPT.js

@@ -26,18 +26,17 @@ const ptPTGrid = {
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
-  toolbarExportCSV: 'Baixar como CSV',
+  toolbarExportCSV: 'Descarregar como CSV',
   toolbarExportPrint: 'Imprimir',
-  toolbarExportExcel: 'Baixe como Excel',
+  toolbarExportExcel: 'Descarregar como Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'Procurar',
+  columnsManagementNoColumns: 'Sem colunas',
+  columnsManagementShowHideAllText: 'Mostrar/Ocultar Todas',
+  columnsManagementReset: 'Repor',
   // Filter panel text
   filterPanelAddFilter: 'Adicionar filtro',
-  filterPanelRemoveAll: 'Deletar tudo',
+  filterPanelRemoveAll: 'Excluir todos',
   filterPanelDeleteIconLabel: 'Excluir',
   filterPanelLogicOperator: 'Operador lógico',
   filterPanelOperator: 'Operador',
@@ -91,9 +90,9 @@ const ptPTGrid = {
   filterValueTrue: 'verdadeiro',
   filterValueFalse: 'falso',
   // Column menu text
-  columnMenuLabel: 'Cardápio',
+  columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Mostrar colunas',
-  columnMenuManageColumns: 'Gerenciar colunas',
+  columnMenuManageColumns: 'Gerir colunas',
   columnMenuFilter: 'Filtro',
   columnMenuHideColumn: 'Ocultar coluna',
   columnMenuUnsort: 'Desclassificar',
@@ -123,10 +122,10 @@ const ptPTGrid = {
   // Column pinning text
   pinToLeft: 'Fixar à esquerda',
   pinToRight: 'Fixar à direita',
-  unpin: 'Liberar',
+  unpin: 'Desafixar',
   // Tree Data
-  treeDataGroupingHeaderName: 'Group',
-  treeDataExpand: 'veja crianças',
+  treeDataGroupingHeaderName: 'Grupo',
+  treeDataExpand: 'ver crianças',
   treeDataCollapse: 'esconder crianças',
   // Grouping columns
   groupingColumnHeaderName: 'Grupo',
@@ -135,7 +134,7 @@ const ptPTGrid = {
   // Master/detail
   detailPanelToggle: 'Alternar painel de detalhes',
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Colapso',
+  collapseDetailPanel: 'Colapsar',
   // Row reordering text
   rowReorderingHeaderName: 'Reordenação de linhas',
   // Aggregation

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

@@ -8,24 +8,22 @@ exports.serializeCellValue = void 0;
 var _colDef = require("../../../../colDef");
 var _warning = require("../../../../utils/warning");
 function sanitizeCellValue(value, csvOptions) {
-  if (typeof value === 'string') {
-    if (csvOptions.shouldAppendQuotes || csvOptions.escapeFormulas) {
-      const escapedValue = value.replace(/"/g, '""');
-      // Make sure value containing delimiter or line break won't be split into multiple cells
-      if ([csvOptions.delimiter, '\n', '\r', '"'].some(delimiter => value.includes(delimiter))) {
-        return `"${escapedValue}"`;
-      }
-      if (csvOptions.escapeFormulas) {
-        // See https://owasp.org/www-community/attacks/CSV_Injection
-        if (['=', '+', '-', '@', '\t', '\r'].includes(escapedValue[0])) {
-          return `'${escapedValue}`;
-        }
+  const valueStr = typeof value === 'string' ? value : `${value}`;
+  if (csvOptions.shouldAppendQuotes || csvOptions.escapeFormulas) {
+    const escapedValue = valueStr.replace(/"/g, '""');
+    // Make sure value containing delimiter or line break won't be split into multiple cells
+    if ([csvOptions.delimiter, '\n', '\r', '"'].some(delimiter => valueStr.includes(delimiter))) {
+      return `"${escapedValue}"`;
+    }
+    if (csvOptions.escapeFormulas) {
+      // See https://owasp.org/www-community/attacks/CSV_Injection
+      if (['=', '+', '-', '@', '\t', '\r'].includes(escapedValue[0])) {
+        return `'${escapedValue}`;
       }
-      return escapedValue;
     }
-    return value;
+    return escapedValue;
   }
-  return value;
+  return valueStr;
 }
 const serializeCellValue = (cellParams, options) => {
   const {

package/node/index.js

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

package/node/locales/ptPT.js

@@ -32,18 +32,17 @@ const ptPTGrid = {
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
-  toolbarExportCSV: 'Baixar como CSV',
+  toolbarExportCSV: 'Descarregar como CSV',
   toolbarExportPrint: 'Imprimir',
-  toolbarExportExcel: 'Baixe como Excel',
+  toolbarExportExcel: 'Descarregar como Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'Procurar',
+  columnsManagementNoColumns: 'Sem colunas',
+  columnsManagementShowHideAllText: 'Mostrar/Ocultar Todas',
+  columnsManagementReset: 'Repor',
   // Filter panel text
   filterPanelAddFilter: 'Adicionar filtro',
-  filterPanelRemoveAll: 'Deletar tudo',
+  filterPanelRemoveAll: 'Excluir todos',
   filterPanelDeleteIconLabel: 'Excluir',
   filterPanelLogicOperator: 'Operador lógico',
   filterPanelOperator: 'Operador',
@@ -97,9 +96,9 @@ const ptPTGrid = {
   filterValueTrue: 'verdadeiro',
   filterValueFalse: 'falso',
   // Column menu text
-  columnMenuLabel: 'Cardápio',
+  columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Mostrar colunas',
-  columnMenuManageColumns: 'Gerenciar colunas',
+  columnMenuManageColumns: 'Gerir colunas',
   columnMenuFilter: 'Filtro',
   columnMenuHideColumn: 'Ocultar coluna',
   columnMenuUnsort: 'Desclassificar',
@@ -129,10 +128,10 @@ const ptPTGrid = {
   // Column pinning text
   pinToLeft: 'Fixar à esquerda',
   pinToRight: 'Fixar à direita',
-  unpin: 'Liberar',
+  unpin: 'Desafixar',
   // Tree Data
-  treeDataGroupingHeaderName: 'Group',
-  treeDataExpand: 'veja crianças',
+  treeDataGroupingHeaderName: 'Grupo',
+  treeDataExpand: 'ver crianças',
   treeDataCollapse: 'esconder crianças',
   // Grouping columns
   groupingColumnHeaderName: 'Grupo',
@@ -141,7 +140,7 @@ const ptPTGrid = {
   // Master/detail
   detailPanelToggle: 'Alternar painel de detalhes',
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Colapso',
+  collapseDetailPanel: 'Colapsar',
   // Row reordering text
   rowReorderingHeaderName: 'Reordenação de linhas',
   // Aggregation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.7.0",
+  "version": "7.7.1",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -38,8 +38,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.7",
-    "@mui/system": "^5.15.15",
-    "@mui/utils": "^5.15.14",
+    "@mui/system": "^5.15.20",
+    "@mui/utils": "^5.15.20",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.8"