@mui/x-data-grid-premium 7.4.0 → 7.5.1

package/DataGridPremium/DataGridPremium.js

@@ -19,12 +19,17 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
-const dataGridPremiumPropValidators = [..._internals.propValidatorsDataGrid, ..._internals.propValidatorsDataGridPro];
+let dataGridPremiumPropValidators;
+if (process.env.NODE_ENV !== 'production') {
+  dataGridPremiumPropValidators = [..._internals.propValidatorsDataGrid, ..._internals.propValidatorsDataGridPro];
+}
 const DataGridPremiumRaw = /*#__PURE__*/React.forwardRef(function DataGridPremium(inProps, ref) {
   const props = (0, _useDataGridPremiumProps.useDataGridPremiumProps)(inProps);
   const privateApiRef = (0, _useDataGridPremiumComponent.useDataGridPremiumComponent)(props.apiRef, props);
   (0, _xLicense.useLicenseVerifier)('x-data-grid-premium', releaseInfo);
-  (0, _internals.validateProps)(props, dataGridPremiumPropValidators);
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _internals.validateProps)(props, dataGridPremiumPropValidators);
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGridPro.GridContextProvider, {
     privateApiRef: privateApiRef,
     props: props,
@@ -54,7 +59,7 @@ const DataGridPremium = exports.DataGridPremium = /*#__PURE__*/React.memo(DataGr
 process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   /**
    * Aggregation functions available on the grid.

package/components/GridColumnMenuAggregationItem.js

@@ -109,7 +109,7 @@ function GridColumnMenuAggregationItem(props) {
 process.env.NODE_ENV !== "production" ? GridColumnMenuAggregationItem.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   colDef: _propTypes.default.object.isRequired,
   onClick: _propTypes.default.func.isRequired

package/components/GridColumnMenuRowGroupItem.d.ts

@@ -1,7 +1,3 @@
 import * as React from 'react';
 import { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-declare function GridColumnMenuRowGroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
-declare namespace GridColumnMenuRowGroupItem {
-    var propTypes: any;
-}
-export { GridColumnMenuRowGroupItem };
+export declare function GridColumnMenuRowGroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/GridColumnMenuRowGroupItem.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GridColumnMenuRowGroupItem = GridColumnMenuRowGroupItem;
 var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
 var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
@@ -55,12 +54,4 @@ function GridColumnMenuRowGroupItem(props) {
     });
   }
   return renderUnGroupingMenuItem((0, _gridRowGroupingUtils.getRowGroupingCriteriaFromGroupingField)(colDef.field));
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuRowGroupItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: _propTypes.default.object.isRequired,
-  onClick: _propTypes.default.func.isRequired
-} : void 0;
+}

package/components/GridColumnMenuRowUngroupItem.d.ts

@@ -1,7 +1,3 @@
 import * as React from 'react';
 import { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-declare function GridColumnMenuRowUngroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
-declare namespace GridColumnMenuRowUngroupItem {
-    var propTypes: any;
-}
-export { GridColumnMenuRowUngroupItem };
+export declare function GridColumnMenuRowUngroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/GridColumnMenuRowUngroupItem.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GridColumnMenuRowUngroupItem = GridColumnMenuRowUngroupItem;
 var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
 var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
@@ -60,12 +59,4 @@ function GridColumnMenuRowUngroupItem(props) {
       children: apiRef.current.getLocaleText('groupColumn')(name)
     })]
   });
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuRowUngroupItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: _propTypes.default.object.isRequired,
-  onClick: _propTypes.default.func.isRequired
-} : void 0;
+}

package/components/GridExcelExportMenuItem.js

@@ -34,13 +34,14 @@ function GridExcelExportMenuItem(props) {
 process.env.NODE_ENV !== "production" ? GridExcelExportMenuItem.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   hideMenu: _propTypes.default.func,
   options: _propTypes.default.shape({
     allColumns: _propTypes.default.bool,
     columnsStyles: _propTypes.default.object,
     disableToolbarButton: _propTypes.default.bool,
+    escapeFormulas: _propTypes.default.bool,
     exceljsPostProcess: _propTypes.default.func,
     exceljsPreProcess: _propTypes.default.func,
     fields: _propTypes.default.arrayOf(_propTypes.default.string),

package/components/GridPremiumColumnMenu.d.ts

@@ -30,5 +30,4 @@ export declare const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM: {
         displayOrder: number;
     };
 };
-declare const GridPremiumColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;
-export { GridPremiumColumnMenu };
+export declare const GridPremiumColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;

package/components/GridPremiumColumnMenu.js

@@ -9,7 +9,6 @@ exports.GridColumnMenuGroupingItem = GridColumnMenuGroupingItem;
 exports.GridPremiumColumnMenu = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _GridColumnMenuAggregationItem = require("./GridColumnMenuAggregationItem");
 var _rowGrouping = require("../hooks/features/rowGrouping");
@@ -46,13 +45,4 @@ const GridPremiumColumnMenu = exports.GridPremiumColumnMenu = /*#__PURE__*/React
     defaultSlots: GRID_COLUMN_MENU_SLOTS_PREMIUM,
     defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM
   }));
-});
-process.env.NODE_ENV !== "production" ? GridPremiumColumnMenu.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: _propTypes.default.object.isRequired,
-  hideMenu: _propTypes.default.func.isRequired,
-  open: _propTypes.default.bool.isRequired
-} : void 0;
+});

package/esm/DataGridPremium/DataGridPremium.js

@@ -11,12 +11,17 @@ import { useDataGridPremiumProps } from './useDataGridPremiumProps';
 import { getReleaseInfo } from '../utils/releaseInfo';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
-const dataGridPremiumPropValidators = [...propValidatorsDataGrid, ...propValidatorsDataGridPro];
+let dataGridPremiumPropValidators;
+if (process.env.NODE_ENV !== 'production') {
+  dataGridPremiumPropValidators = [...propValidatorsDataGrid, ...propValidatorsDataGridPro];
+}
 const DataGridPremiumRaw = /*#__PURE__*/React.forwardRef(function DataGridPremium(inProps, ref) {
   const props = useDataGridPremiumProps(inProps);
   const privateApiRef = useDataGridPremiumComponent(props.apiRef, props);
   useLicenseVerifier('x-data-grid-premium', releaseInfo);
-  validateProps(props, dataGridPremiumPropValidators);
+  if (process.env.NODE_ENV !== 'production') {
+    validateProps(props, dataGridPremiumPropValidators);
+  }
   return /*#__PURE__*/_jsx(GridContextProvider, {
     privateApiRef: privateApiRef,
     props: props,
@@ -46,7 +51,7 @@ export const DataGridPremium = /*#__PURE__*/React.memo(DataGridPremiumRaw);
 process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   /**
    * Aggregation functions available on the grid.

package/esm/components/GridColumnMenuAggregationItem.js

@@ -100,7 +100,7 @@ function GridColumnMenuAggregationItem(props) {
 process.env.NODE_ENV !== "production" ? GridColumnMenuAggregationItem.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   colDef: PropTypes.object.isRequired,
   onClick: PropTypes.func.isRequired

package/esm/components/GridColumnMenuRowGroupItem.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
@@ -9,7 +8,7 @@ import { gridRowGroupingSanitizedModelSelector } from '../hooks/features/rowGrou
 import { getRowGroupingCriteriaFromGroupingField, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, isGroupingColumn } from '../hooks/features/rowGrouping/gridRowGroupingUtils';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function GridColumnMenuRowGroupItem(props) {
+export function GridColumnMenuRowGroupItem(props) {
   const {
     colDef,
     onClick
@@ -46,13 +45,4 @@ function GridColumnMenuRowGroupItem(props) {
     });
   }
   return renderUnGroupingMenuItem(getRowGroupingCriteriaFromGroupingField(colDef.field));
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuRowGroupItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export { GridColumnMenuRowGroupItem };
+}

package/esm/components/GridColumnMenuRowUngroupItem.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
@@ -8,7 +7,7 @@ import { useGridApiContext } from '../hooks/utils/useGridApiContext';
 import { gridRowGroupingSanitizedModelSelector } from '../hooks/features/rowGrouping/gridRowGroupingSelector';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function GridColumnMenuRowUngroupItem(props) {
+export function GridColumnMenuRowUngroupItem(props) {
   const {
     colDef,
     onClick
@@ -51,13 +50,4 @@ function GridColumnMenuRowUngroupItem(props) {
       children: apiRef.current.getLocaleText('groupColumn')(name)
     })]
   });
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuRowUngroupItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export { GridColumnMenuRowUngroupItem };
+}

package/esm/components/GridExcelExportMenuItem.js

@@ -25,13 +25,14 @@ function GridExcelExportMenuItem(props) {
 process.env.NODE_ENV !== "production" ? GridExcelExportMenuItem.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   hideMenu: PropTypes.func,
   options: PropTypes.shape({
     allColumns: PropTypes.bool,
     columnsStyles: PropTypes.object,
     disableToolbarButton: PropTypes.bool,
+    escapeFormulas: PropTypes.bool,
     exceljsPostProcess: PropTypes.func,
     exceljsPreProcess: PropTypes.func,
     fields: PropTypes.arrayOf(PropTypes.string),

package/esm/components/GridPremiumColumnMenu.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid-pro';
 import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
 import { isGroupingColumn } from '../hooks/features/rowGrouping';
@@ -28,21 +27,11 @@ export const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU
     displayOrder: 27
   }
 });
-const GridPremiumColumnMenu = /*#__PURE__*/React.forwardRef(function GridPremiumColumnMenuSimple(props, ref) {
+export const GridPremiumColumnMenu = /*#__PURE__*/React.forwardRef(function GridPremiumColumnMenuSimple(props, ref) {
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({
     ref: ref
   }, props, {
     defaultSlots: GRID_COLUMN_MENU_SLOTS_PREMIUM,
     defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM
   }));
-});
-process.env.NODE_ENV !== "production" ? GridPremiumColumnMenu.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  hideMenu: PropTypes.func.isRequired,
-  open: PropTypes.bool.isRequired
-} : void 0;
-export { GridPremiumColumnMenu };
+});

package/esm/hooks/features/cellSelection/useGridCellSelection.js

@@ -445,9 +445,12 @@ export const useGridCellSelection = (apiRef, props) => {
         if (fieldsMap[field]) {
           const cellParams = apiRef.current.getCellParams(rowId, field);
           cellData = serializeCellValue(cellParams, {
-            delimiterCharacter: clipboardCopyCellDelimiter,
-            ignoreValueFormatter,
-            shouldAppendQuotes: false
+            csvOptions: {
+              delimiter: clipboardCopyCellDelimiter,
+              shouldAppendQuotes: false,
+              escapeFormulas: false
+            },
+            ignoreValueFormatter
           });
         } else {
           cellData = '';

package/esm/hooks/features/export/serializer/excelSerializer.js

@@ -23,7 +23,7 @@ const getFormattedValueOptions = (colDef, row, valueOptions, api) => {
   }
   return valueOptionsFormatted.map(option => typeof option === 'object' ? option.label : option);
 };
-export const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
+export const serializeRow = (id, columns, api, defaultValueOptionsFormulae, options) => {
   const row = {};
   const dataValidation = {};
   const mergedCells = [];
@@ -49,6 +49,7 @@ export const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
       });
     }
     const cellParams = api.getCellParams(id, column.field);
+    let cellValue;
     switch (cellParams.colDef.type) {
       case 'singleSelect':
         {
@@ -92,7 +93,7 @@ export const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
         }
       case 'boolean':
       case 'number':
-        row[column.field] = api.getCellParams(id, column.field).value;
+        cellValue = api.getCellParams(id, column.field).value;
         break;
       case 'date':
       case 'dateTime':
@@ -112,7 +113,7 @@ export const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
       case 'actions':
         break;
       default:
-        row[column.field] = api.getCellParams(id, column.field).formattedValue;
+        cellValue = api.getCellParams(id, column.field).formattedValue;
         if (process.env.NODE_ENV !== 'production') {
           if (String(cellParams.formattedValue) === '[object Object]') {
             warnInvalidFormattedValue();
@@ -120,6 +121,15 @@ export const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
         }
         break;
     }
+    if (typeof cellValue === 'string' && options.escapeFormulas) {
+      // See https://owasp.org/www-community/attacks/CSV_Injection
+      if (['=', '+', '-', '@', '\t', '\r'].includes(cellValue[0])) {
+        cellValue = `'${cellValue}`;
+      }
+    }
+    if (typeof cellValue !== 'undefined') {
+      row[column.field] = cellValue;
+    }
   });
   return {
     row,
@@ -301,7 +311,7 @@ export async function buildExcel(options, api) {
   const valueOptionsData = await getDataForValueOptionsSheet(columns, valueOptionsSheetName, api);
   createValueOptionsSheetIfNeeded(valueOptionsData, valueOptionsSheetName, workbook);
   rowIds.forEach(id => {
-    const serializedRow = serializeRow(id, columns, api, valueOptionsData);
+    const serializedRow = serializeRow(id, columns, api, valueOptionsData, options);
     addSerializedRowToWorksheet(serializedRow, worksheet);
   });
   if (exceljsPostProcess) {

package/esm/hooks/features/export/useGridExcelExport.js

@@ -34,7 +34,8 @@ export const useGridExcelExport = (apiRef, props) => {
       valueOptionsSheetName: options?.valueOptionsSheetName || 'Options',
       columnsStyles: options?.columnsStyles,
       exceljsPreProcess: options?.exceljsPreProcess,
-      exceljsPostProcess: options?.exceljsPostProcess
+      exceljsPostProcess: options?.exceljsPostProcess,
+      escapeFormulas: options.escapeFormulas ?? true
     }, apiRef.current);
   }, [logger, apiRef]);
   const exportDataAsExcel = React.useCallback(async (options = {}) => {
@@ -87,7 +88,9 @@ export const useGridExcelExport = (apiRef, props) => {
     });
     const valueOptionsData = await getDataForValueOptionsSheet(exportedColumns, valueOptionsSheetName, apiRef.current);
     const serializedColumns = serializeColumns(exportedColumns, options.columnsStyles || {});
-    const serializedRows = exportedRowIds.map(id => serializeRow(id, exportedColumns, apiRef.current, valueOptionsData));
+    const serializedRows = exportedRowIds.map(id => serializeRow(id, exportedColumns, apiRef.current, valueOptionsData, {
+      escapeFormulas: options.escapeFormulas ?? true
+    }));
     const columnGroupPaths = exportedColumns.reduce((acc, column) => {
       acc[column.field] = apiRef.current.getColumnGroupPath(column.field);
       return acc;

package/esm/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcxNTMxMzYwMDAwMA==";
+  const releaseInfo = "MTcxNjQxNTIwMDAwMA==";
   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/hooks/features/cellSelection/useGridCellSelection.js

@@ -455,9 +455,12 @@ const useGridCellSelection = (apiRef, props) => {
         if (fieldsMap[field]) {
           const cellParams = apiRef.current.getCellParams(rowId, field);
           cellData = (0, _internals.serializeCellValue)(cellParams, {
-            delimiterCharacter: clipboardCopyCellDelimiter,
-            ignoreValueFormatter,
-            shouldAppendQuotes: false
+            csvOptions: {
+              delimiter: clipboardCopyCellDelimiter,
+              shouldAppendQuotes: false,
+              escapeFormulas: false
+            },
+            ignoreValueFormatter
           });
         } else {
           cellData = '';

package/hooks/features/export/serializer/excelSerializer.d.ts

@@ -1,7 +1,7 @@
 import type * as Excel from 'exceljs';
 import { GridRowId, GridColDef } from '@mui/x-data-grid-pro';
 import { GridStateColDef, GridColumnGroupLookup } from '@mui/x-data-grid/internals';
-import { GridExceljsProcessInput, ColumnsStylesInterface, GridExcelExportOptions } from '../gridExcelExportInterface';
+import { ColumnsStylesInterface, GridExcelExportOptions } from '../gridExcelExportInterface';
 import { GridPrivateApiPremium } from '../../../../models/gridApiPremium';
 interface SerializedRow {
     row: Record<string, undefined | number | boolean | string | Date>;
@@ -16,7 +16,7 @@ export declare const serializeRow: (id: GridRowId, columns: GridStateColDef[], a
     [field: string]: {
         address: string;
     };
-}) => SerializedRow;
+}, options: Pick<BuildExcelOptions, 'escapeFormulas'>) => SerializedRow;
 export declare const serializeColumn: (column: GridColDef, columnsStyles: ColumnsStylesInterface) => {
     key: string;
     headerText: string;
@@ -42,14 +42,9 @@ type ValueOptionsData = Record<string, {
     address: string;
 }>;
 export declare function getDataForValueOptionsSheet(columns: GridStateColDef[], valueOptionsSheetName: string, api: GridPrivateApiPremium): Promise<ValueOptionsData>;
-interface BuildExcelOptions {
+interface BuildExcelOptions extends Pick<GridExcelExportOptions, 'exceljsPreProcess' | 'exceljsPostProcess'>, Pick<Required<GridExcelExportOptions>, 'valueOptionsSheetName' | 'includeHeaders' | 'includeColumnGroupsHeaders' | 'escapeFormulas'> {
     columns: GridStateColDef[];
     rowIds: GridRowId[];
-    includeHeaders: boolean;
-    includeColumnGroupsHeaders: boolean;
-    valueOptionsSheetName: string;
-    exceljsPreProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
-    exceljsPostProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
     columnsStyles?: ColumnsStylesInterface;
 }
 export declare function buildExcel(options: BuildExcelOptions, api: GridPrivateApiPremium): Promise<Excel.Workbook>;

package/hooks/features/export/serializer/excelSerializer.js

@@ -37,7 +37,7 @@ const getFormattedValueOptions = (colDef, row, valueOptions, api) => {
   }
   return valueOptionsFormatted.map(option => typeof option === 'object' ? option.label : option);
 };
-const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
+const serializeRow = (id, columns, api, defaultValueOptionsFormulae, options) => {
   const row = {};
   const dataValidation = {};
   const mergedCells = [];
@@ -63,6 +63,7 @@ const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
       });
     }
     const cellParams = api.getCellParams(id, column.field);
+    let cellValue;
     switch (cellParams.colDef.type) {
       case 'singleSelect':
         {
@@ -106,7 +107,7 @@ const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
         }
       case 'boolean':
       case 'number':
-        row[column.field] = api.getCellParams(id, column.field).value;
+        cellValue = api.getCellParams(id, column.field).value;
         break;
       case 'date':
       case 'dateTime':
@@ -126,7 +127,7 @@ const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
       case 'actions':
         break;
       default:
-        row[column.field] = api.getCellParams(id, column.field).formattedValue;
+        cellValue = api.getCellParams(id, column.field).formattedValue;
         if (process.env.NODE_ENV !== 'production') {
           if (String(cellParams.formattedValue) === '[object Object]') {
             warnInvalidFormattedValue();
@@ -134,6 +135,15 @@ const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
         }
         break;
     }
+    if (typeof cellValue === 'string' && options.escapeFormulas) {
+      // See https://owasp.org/www-community/attacks/CSV_Injection
+      if (['=', '+', '-', '@', '\t', '\r'].includes(cellValue[0])) {
+        cellValue = `'${cellValue}`;
+      }
+    }
+    if (typeof cellValue !== 'undefined') {
+      row[column.field] = cellValue;
+    }
   });
   return {
     row,
@@ -317,7 +327,7 @@ async function buildExcel(options, api) {
   const valueOptionsData = await getDataForValueOptionsSheet(columns, valueOptionsSheetName, api);
   createValueOptionsSheetIfNeeded(valueOptionsData, valueOptionsSheetName, workbook);
   rowIds.forEach(id => {
-    const serializedRow = serializeRow(id, columns, api, valueOptionsData);
+    const serializedRow = serializeRow(id, columns, api, valueOptionsData, options);
     addSerializedRowToWorksheet(serializedRow, worksheet);
   });
   if (exceljsPostProcess) {

package/hooks/features/export/useGridExcelExport.js

@@ -42,7 +42,8 @@ const useGridExcelExport = (apiRef, props) => {
       valueOptionsSheetName: options?.valueOptionsSheetName || 'Options',
       columnsStyles: options?.columnsStyles,
       exceljsPreProcess: options?.exceljsPreProcess,
-      exceljsPostProcess: options?.exceljsPostProcess
+      exceljsPostProcess: options?.exceljsPostProcess,
+      escapeFormulas: options.escapeFormulas ?? true
     }, apiRef.current);
   }, [logger, apiRef]);
   const exportDataAsExcel = React.useCallback(async (options = {}) => {
@@ -95,7 +96,9 @@ const useGridExcelExport = (apiRef, props) => {
     });
     const valueOptionsData = await (0, _excelSerializer.getDataForValueOptionsSheet)(exportedColumns, valueOptionsSheetName, apiRef.current);
     const serializedColumns = (0, _excelSerializer.serializeColumns)(exportedColumns, options.columnsStyles || {});
-    const serializedRows = exportedRowIds.map(id => (0, _excelSerializer.serializeRow)(id, exportedColumns, apiRef.current, valueOptionsData));
+    const serializedRows = exportedRowIds.map(id => (0, _excelSerializer.serializeRow)(id, exportedColumns, apiRef.current, valueOptionsData, {
+      escapeFormulas: options.escapeFormulas ?? true
+    }));
     const columnGroupPaths = exportedColumns.reduce((acc, column) => {
       acc[column.field] = apiRef.current.getColumnGroupPath(column.field);
       return acc;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v7.4.0
+ * @mui/x-data-grid-premium v7.5.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/DataGridPremium/DataGridPremium.js

@@ -11,12 +11,17 @@ import { useDataGridPremiumProps } from './useDataGridPremiumProps';
 import { getReleaseInfo } from '../utils/releaseInfo';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
-const dataGridPremiumPropValidators = [...propValidatorsDataGrid, ...propValidatorsDataGridPro];
+let dataGridPremiumPropValidators;
+if (process.env.NODE_ENV !== 'production') {
+  dataGridPremiumPropValidators = [...propValidatorsDataGrid, ...propValidatorsDataGridPro];
+}
 const DataGridPremiumRaw = /*#__PURE__*/React.forwardRef(function DataGridPremium(inProps, ref) {
   const props = useDataGridPremiumProps(inProps);
   const privateApiRef = useDataGridPremiumComponent(props.apiRef, props);
   useLicenseVerifier('x-data-grid-premium', releaseInfo);
-  validateProps(props, dataGridPremiumPropValidators);
+  if (process.env.NODE_ENV !== 'production') {
+    validateProps(props, dataGridPremiumPropValidators);
+  }
   return /*#__PURE__*/_jsx(GridContextProvider, {
     privateApiRef: privateApiRef,
     props: props,
@@ -46,7 +51,7 @@ export const DataGridPremium = /*#__PURE__*/React.memo(DataGridPremiumRaw);
 process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   /**
    * Aggregation functions available on the grid.

package/modern/components/GridColumnMenuAggregationItem.js

@@ -100,7 +100,7 @@ function GridColumnMenuAggregationItem(props) {
 process.env.NODE_ENV !== "production" ? GridColumnMenuAggregationItem.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   colDef: PropTypes.object.isRequired,
   onClick: PropTypes.func.isRequired

package/modern/components/GridColumnMenuRowGroupItem.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
@@ -9,7 +8,7 @@ import { gridRowGroupingSanitizedModelSelector } from '../hooks/features/rowGrou
 import { getRowGroupingCriteriaFromGroupingField, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, isGroupingColumn } from '../hooks/features/rowGrouping/gridRowGroupingUtils';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function GridColumnMenuRowGroupItem(props) {
+export function GridColumnMenuRowGroupItem(props) {
   const {
     colDef,
     onClick
@@ -46,13 +45,4 @@ function GridColumnMenuRowGroupItem(props) {
     });
   }
   return renderUnGroupingMenuItem(getRowGroupingCriteriaFromGroupingField(colDef.field));
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuRowGroupItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export { GridColumnMenuRowGroupItem };
+}