@mui/x-data-grid-premium 8.0.0-alpha.10 → 8.0.0-alpha.12

package/hooks/features/export/gridExcelExportInterface.d.ts

@@ -3,11 +3,11 @@ import { GridFileExportOptions, GridExportFormat as GridExportFormatCommunity, G
 export type GridExportFormat = GridExportFormatCommunity | 'excel';
 export type GridExportExtension = GridExportExtensionCommunity | 'xlsx';
 export interface GridExceljsProcessInput {
-    workbook: Excel.Workbook;
-    worksheet: Excel.Worksheet;
+  workbook: Excel.Workbook;
+  worksheet: Excel.Worksheet;
 }
 export interface ColumnsStylesInterface {
-    [field: string]: Partial<Excel.Style>;
+  [field: string]: Partial<Excel.Style>;
 }
 /**
  * The options to apply on the Excel export.
@@ -15,57 +15,57 @@ export interface ColumnsStylesInterface {
  *   - [Excel export](/x/react-data-grid/export/#excel-export)
  */
 export interface GridExcelExportOptions extends GridFileExportOptions {
-    /**
-     * Function to return the Worker instance to be called.
-     * @returns {() => Worker} A Worker instance.
-     */
-    worker?: () => Worker;
-    /**
-     * Name given to the worksheet containing the columns valueOptions.
-     * valueOptions are added to this worksheet if they are provided as an array.
-     */
-    valueOptionsSheetName?: string;
-    /**
-     * Method called before adding the rows to the workbook.
-     * Not supported when `worker` is set.
-     * To use with web workers, use the option in `setupExcelExportWebWorker`.
-     * @param {GridExceljsProcessInput} processInput object containing the workbook and the worksheet.
-     * @returns {Promise<void>} A promise which resolves after processing the input.
-     * */
-    exceljsPreProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
-    /**
-     * Method called after adding the rows to the workbook.
-     * Not supported when `worker` is set.
-     * To use with web workers, use the option in `setupExcelExportWebWorker`.
-     * @param {GridExceljsProcessInput} processInput object containing the workbook and the worksheet.
-     * @returns {Promise<void>} A promise which resolves after processing the input.
-     * */
-    exceljsPostProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
-    /**
-     * Object mapping column field to Exceljs style
-     * */
-    columnsStyles?: ColumnsStylesInterface;
-    /**
-     * If `true`, the headers of the column groups will be added into the file.
-     * @default true
-     */
-    includeColumnGroupsHeaders?: boolean;
+  /**
+   * Function to return the Worker instance to be called.
+   * @returns {() => Worker} A Worker instance.
+   */
+  worker?: () => Worker;
+  /**
+   * Name given to the worksheet containing the columns valueOptions.
+   * valueOptions are added to this worksheet if they are provided as an array.
+   */
+  valueOptionsSheetName?: string;
+  /**
+   * Method called before adding the rows to the workbook.
+   * Not supported when `worker` is set.
+   * To use with web workers, use the option in `setupExcelExportWebWorker`.
+   * @param {GridExceljsProcessInput} processInput object containing the workbook and the worksheet.
+   * @returns {Promise<void>} A promise which resolves after processing the input.
+   * */
+  exceljsPreProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
+  /**
+   * Method called after adding the rows to the workbook.
+   * Not supported when `worker` is set.
+   * To use with web workers, use the option in `setupExcelExportWebWorker`.
+   * @param {GridExceljsProcessInput} processInput object containing the workbook and the worksheet.
+   * @returns {Promise<void>} A promise which resolves after processing the input.
+   * */
+  exceljsPostProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
+  /**
+   * Object mapping column field to Exceljs style
+   * */
+  columnsStyles?: ColumnsStylesInterface;
+  /**
+   * If `true`, the headers of the column groups will be added into the file.
+   * @default true
+   */
+  includeColumnGroupsHeaders?: boolean;
 }
 /**
  * The excel export API interface that is available in the grid [[apiRef]].
  */
 export interface GridExcelExportApi {
-    /**
-     * Returns the grid data as an exceljs workbook.
-     * This method is used internally by `exportDataAsExcel`.
-     * @param {GridExcelExportOptions} options The options to apply on the export.
-     * @returns {Promise<Excel.Workbook>} The data in a exceljs workbook object.
-     */
-    getDataAsExcel: (options?: GridExcelExportOptions) => Promise<Excel.Workbook> | null;
-    /**
-     * Downloads and exports an Excel file of the grid's data.
-     * @param {GridExcelExportOptions} options The options to apply on the export.
-     * @returns {Promise<void>} A promise which resolves after exporting to Excel.
-     */
-    exportDataAsExcel: (options?: GridExcelExportOptions) => Promise<void>;
-}
+  /**
+   * Returns the grid data as an exceljs workbook.
+   * This method is used internally by `exportDataAsExcel`.
+   * @param {GridExcelExportOptions} options The options to apply on the export.
+   * @returns {Promise<Excel.Workbook>} The data in a exceljs workbook object.
+   */
+  getDataAsExcel: (options?: GridExcelExportOptions) => Promise<Excel.Workbook> | null;
+  /**
+   * Downloads and exports an Excel file of the grid's data.
+   * @param {GridExcelExportOptions} options The options to apply on the export.
+   * @returns {Promise<void>} A promise which resolves after exporting to Excel.
+   */
+  exportDataAsExcel: (options?: GridExcelExportOptions) => Promise<void>;
+}

package/hooks/features/export/index.d.ts

@@ -1,2 +1,2 @@
-export * from './gridExcelExportInterface';
-export { setupExcelExportWebWorker } from './serializer/excelSerializer';
+export * from "./gridExcelExportInterface.js";
+export { setupExcelExportWebWorker } from "./serializer/setupExcelExportWebWorker.js";

package/hooks/features/export/index.js

@@ -9,7 +9,7 @@ var _exportNames = {
 Object.defineProperty(exports, "setupExcelExportWebWorker", {
   enumerable: true,
   get: function () {
-    return _excelSerializer.setupExcelExportWebWorker;
+    return _setupExcelExportWebWorker.setupExcelExportWebWorker;
   }
 });
 var _gridExcelExportInterface = require("./gridExcelExportInterface");
@@ -24,4 +24,4 @@ Object.keys(_gridExcelExportInterface).forEach(function (key) {
     }
   });
 });
-var _excelSerializer = require("./serializer/excelSerializer");
+var _setupExcelExportWebWorker = require("./serializer/setupExcelExportWebWorker");

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

@@ -1,18 +1,11 @@
 import type * as Excel from 'exceljs';
 import { RefObject } from '@mui/x-internals/types';
 import { GridRowId, GridColDef } from '@mui/x-data-grid-pro';
-import { GridStateColDef, GridColumnGroupLookup } from '@mui/x-data-grid/internals';
-import { ColumnsStylesInterface, GridExcelExportOptions } from '../gridExcelExportInterface';
-import { GridPrivateApiPremium } from '../../../../models/gridApiPremium';
-interface SerializedRow {
-    row: Record<string, undefined | number | boolean | string | Date>;
-    dataValidation: Record<string, Excel.DataValidation>;
-    outlineLevel: number;
-    mergedCells: {
-        leftIndex: number;
-        rightIndex: number;
-    }[];
-}
+import { GridStateColDef } from '@mui/x-data-grid/internals';
+import { ColumnsStylesInterface, GridExcelExportOptions } from "../gridExcelExportInterface.js";
+import { GridPrivateApiPremium } from "../../../../models/gridApiPremium.js";
+import { SerializedColumns, SerializedRow, ValueOptionsData } from "./utils.js";
+export type { ExcelExportInitEvent } from './utils';
 /**
  * FIXME: This function mutates the colspan info, but colspan info assumes that the columns
  * passed to it are always consistent. In this case, the exported columns may differ from the
@@ -20,49 +13,28 @@ interface SerializedRow {
  * The caller of this function MUST call `resetColSpan()` before and after usage.
  */
 export declare const serializeRowUnsafe: (id: GridRowId, columns: GridStateColDef[], apiRef: RefObject<GridPrivateApiPremium>, defaultValueOptionsFormulae: {
-    [field: string]: {
-        address: string;
-    };
+  [field: string]: {
+    address: string;
+  };
 }, options: Pick<BuildExcelOptions, "escapeFormulas">) => SerializedRow;
 export declare const serializeColumn: (column: GridColDef, columnsStyles: ColumnsStylesInterface) => {
-    key: string;
-    headerText: string;
-    width: number;
-    style: {
-        numFmt?: string | undefined;
-        font?: Partial<Excel.Font> | undefined;
-        alignment?: Partial<Excel.Alignment> | undefined;
-        protection?: Partial<Excel.Protection> | undefined;
-        border?: Partial<Excel.Borders> | undefined;
-        fill?: Excel.Fill | undefined;
-    };
+  key: string;
+  headerText: string;
+  width: number;
+  style: {
+    numFmt?: string | undefined;
+    font?: Partial<Excel.Font> | undefined;
+    alignment?: Partial<Excel.Alignment> | undefined;
+    protection?: Partial<Excel.Protection> | undefined;
+    border?: Partial<Excel.Borders> | undefined;
+    fill?: Excel.Fill | undefined;
+  };
 };
-type SerializedColumns = Array<{
-    key: string;
-    width: number;
-    style: Partial<Excel.Style>;
-    headerText: string;
-}>;
 export declare function serializeColumns(columns: GridStateColDef[], styles: ColumnsStylesInterface): SerializedColumns;
-type ValueOptionsData = Record<string, {
-    values: (string | number)[];
-    address: string;
-}>;
 export declare function getDataForValueOptionsSheet(columns: GridStateColDef[], valueOptionsSheetName: string, api: GridPrivateApiPremium): Promise<ValueOptionsData>;
 interface BuildExcelOptions extends Pick<GridExcelExportOptions, 'exceljsPreProcess' | 'exceljsPostProcess'>, Pick<Required<GridExcelExportOptions>, 'valueOptionsSheetName' | 'includeHeaders' | 'includeColumnGroupsHeaders' | 'escapeFormulas'> {
-    columns: GridStateColDef[];
-    rowIds: GridRowId[];
-    columnsStyles?: ColumnsStylesInterface;
-}
-export declare function buildExcel(options: BuildExcelOptions, apiRef: RefObject<GridPrivateApiPremium>): Promise<Excel.Workbook>;
-export interface ExcelExportInitEvent {
-    serializedColumns: SerializedColumns;
-    serializedRows: SerializedRow[];
-    valueOptionsSheetName: string;
-    columnGroupPaths: Record<string, string[]>;
-    columnGroupDetails: GridColumnGroupLookup;
-    valueOptionsData: ValueOptionsData;
-    options: Omit<GridExcelExportOptions, 'exceljsPreProcess' | 'exceljsPostProcess' | 'columnsStyles' | 'valueOptionsSheetName'>;
+  columns: GridStateColDef[];
+  rowIds: GridRowId[];
+  columnsStyles?: ColumnsStylesInterface;
 }
-export declare function setupExcelExportWebWorker(workerOptions?: Pick<GridExcelExportOptions, 'exceljsPostProcess' | 'exceljsPreProcess'>): void;
-export {};
+export declare function buildExcel(options: BuildExcelOptions, apiRef: RefObject<GridPrivateApiPremium>): Promise<Excel.Workbook>;

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

@@ -9,33 +9,36 @@ exports.getDataForValueOptionsSheet = getDataForValueOptionsSheet;
 exports.serializeColumn = void 0;
 exports.serializeColumns = serializeColumns;
 exports.serializeRowUnsafe = void 0;
-exports.setupExcelExportWebWorker = setupExcelExportWebWorker;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid/internals");
 var _warning = require("@mui/x-internals/warning");
-const getExcelJs = async () => {
-  const excelJsModule = await Promise.resolve().then(() => (0, _interopRequireWildcard2.default)(require('exceljs')));
-  return excelJsModule.default ?? excelJsModule;
-};
-const getFormattedValueOptions = (colDef, row, valueOptions, api) => {
+var _utils = require("./utils");
+const getFormattedValueOptions = (colDef, row, valueOptions, api, callback) => {
   if (!colDef.valueOptions) {
-    return [];
+    return;
   }
-  let valueOptionsFormatted = valueOptions;
-  if (colDef.valueFormatter) {
-    valueOptionsFormatted = valueOptionsFormatted.map(option => {
+  const valueFormatter = colDef.valueFormatter;
+  for (let i = 0; i < valueOptions.length; i += 1) {
+    const option = valueOptions[i];
+    let value;
+    if (valueFormatter) {
       if (typeof option === 'object') {
-        return option;
+        value = option.label;
+      } else {
+        value = String(colDef.valueFormatter(option, row, colDef, {
+          current: api
+        }));
       }
-      return String(colDef.valueFormatter(option, row, colDef, {
-        current: api
-      }));
-    });
+    } else {
+      value = typeof option === 'object' ? option.label : option;
+    }
+    callback(value, i);
   }
-  return valueOptionsFormatted.map(option => typeof option === 'object' ? option.label : option);
 };
+const commaRegex = /,/g;
+const commaReplacement = 'CHAR(44)';
+
 /**
  * FIXME: This function mutates the colspan info, but colspan info assumes that the columns
  * passed to it are always consistent. In this case, the exported columns may differ from the
@@ -43,11 +46,15 @@ const getFormattedValueOptions = (colDef, row, valueOptions, api) => {
  * The caller of this function MUST call `resetColSpan()` before and after usage.
  */
 const serializeRowUnsafe = (id, columns, apiRef, defaultValueOptionsFormulae, options) => {
-  const row = {};
+  const serializedRow = {};
   const dataValidation = {};
   const mergedCells = [];
-  const firstCellParams = apiRef.current.getCellParams(id, columns[0].field);
-  const outlineLevel = firstCellParams.rowNode.depth;
+  const row = apiRef.current.getRow(id);
+  const rowNode = apiRef.current.getRowNode(id);
+  if (!row || !rowNode) {
+    throw new Error(`No row with id #${id} found`);
+  }
+  const outlineLevel = rowNode.depth;
   const hasColSpan = (0, _internals.gridHasColSpanSelector)(apiRef);
   if (hasColSpan) {
     // `colSpan` is only calculated for rendered rows, so we need to calculate it during export for every row
@@ -69,25 +76,32 @@ const serializeRowUnsafe = (id, columns, apiRef, defaultValueOptionsFormulae, op
         rightIndex: colIndex + colSpanInfo.cellProps.colSpan
       });
     }
-    const cellParams = apiRef.current.getCellParams(id, column.field);
     let cellValue;
-    switch (cellParams.colDef.type) {
+    switch (column.type) {
       case 'singleSelect':
         {
-          const castColumn = cellParams.colDef;
+          const castColumn = column;
           if (typeof castColumn.valueOptions === 'function') {
             // If value option depends on the row, set specific options to the cell
             // This dataValidation is buggy with LibreOffice and does not allow to have coma
             const valueOptions = castColumn.valueOptions({
               id,
               row,
-              field: cellParams.field
+              field: column.field
+            });
+            let formulae = '"';
+            getFormattedValueOptions(castColumn, row, valueOptions, apiRef.current, (value, index) => {
+              const formatted = value.toString().replace(commaRegex, commaReplacement);
+              formulae += formatted;
+              if (index < valueOptions.length - 1) {
+                formulae += ',';
+              }
             });
-            const formattedValueOptions = getFormattedValueOptions(castColumn, row, valueOptions, apiRef.current);
+            formulae += '"';
             dataValidation[castColumn.field] = {
               type: 'list',
               allowBlank: true,
-              formulae: [`"${formattedValueOptions.map(x => x.toString().replaceAll(',', 'CHAR(44)')).join(',')}"`]
+              formulae: [formulae]
             };
           } else {
             const address = defaultValueOptionsFormulae[column.field].address;
@@ -99,22 +113,22 @@ const serializeRowUnsafe = (id, columns, apiRef, defaultValueOptionsFormulae, op
               formulae: [address]
             };
           }
-          const formattedValue = apiRef.current.getCellParams(id, castColumn.field).formattedValue;
+          const formattedValue = apiRef.current.getRowFormattedValue(row, castColumn);
           if (process.env.NODE_ENV !== 'production') {
-            if (String(cellParams.formattedValue) === '[object Object]') {
+            if (String(formattedValue) === '[object Object]') {
               (0, _warning.warnOnce)(['MUI X: When the value of a field is an object or a `renderCell` is provided, the Excel export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);
             }
           }
           if ((0, _internals.isObject)(formattedValue)) {
-            row[castColumn.field] = formattedValue?.label;
+            serializedRow[castColumn.field] = formattedValue?.label;
           } else {
-            row[castColumn.field] = formattedValue;
+            serializedRow[castColumn.field] = formattedValue;
           }
           break;
         }
       case 'boolean':
       case 'number':
-        cellValue = apiRef.current.getCellParams(id, column.field).value;
+        cellValue = apiRef.current.getRowValue(row, column);
         break;
       case 'date':
       case 'dateTime':
@@ -122,21 +136,21 @@ const serializeRowUnsafe = (id, columns, apiRef, defaultValueOptionsFormulae, op
           // Excel does not do any timezone conversion, so we create a date using UTC instead of local timezone
           // Solution from: https://github.com/exceljs/exceljs/issues/486#issuecomment-432557582
           // About Date.UTC(): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/UTC#exemples
-          const value = apiRef.current.getCellParams(id, column.field).value;
+          const value = apiRef.current.getRowValue(row, column);
           // value may be `undefined` in auto-generated grouping rows
           if (!value) {
             break;
           }
           const utcDate = new Date(Date.UTC(value.getFullYear(), value.getMonth(), value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds()));
-          row[column.field] = utcDate;
+          serializedRow[column.field] = utcDate;
           break;
         }
       case 'actions':
         break;
       default:
-        cellValue = apiRef.current.getCellParams(id, column.field).formattedValue;
+        cellValue = apiRef.current.getRowFormattedValue(row, column);
         if (process.env.NODE_ENV !== 'production') {
-          if (String(cellParams.formattedValue) === '[object Object]') {
+          if (String(cellValue) === '[object Object]') {
             (0, _warning.warnOnce)(['MUI X: When the value of a field is an object or a `renderCell` is provided, the Excel export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);
           }
         }
@@ -149,11 +163,11 @@ const serializeRowUnsafe = (id, columns, apiRef, defaultValueOptionsFormulae, op
       }
     }
     if (typeof cellValue !== 'undefined') {
-      row[column.field] = cellValue;
+      serializedRow[column.field] = cellValue;
     }
   });
   return {
-    row,
+    row: serializedRow,
     dataValidation,
     outlineLevel,
     mergedCells
@@ -184,120 +198,39 @@ const serializeColumn = (column, columnsStyles) => {
   };
 };
 exports.serializeColumn = serializeColumn;
-const addColumnGroupingHeaders = (worksheet, columns, columnGroupPaths, columnGroupDetails) => {
-  const maxDepth = Math.max(...columns.map(({
-    key
-  }) => columnGroupPaths[key]?.length ?? 0));
-  if (maxDepth === 0) {
-    return;
-  }
-  for (let rowIndex = 0; rowIndex < maxDepth; rowIndex += 1) {
-    const row = columns.map(({
-      key
-    }) => {
-      const groupingPath = columnGroupPaths[key];
-      if (groupingPath.length <= rowIndex) {
-        return {
-          groupId: null,
-          parents: groupingPath
-        };
-      }
-      return (0, _extends2.default)({}, columnGroupDetails[groupingPath[rowIndex]], {
-        parents: groupingPath.slice(0, rowIndex)
-      });
-    });
-    const newRow = worksheet.addRow(row.map(group => group.groupId === null ? null : group?.headerName ?? group.groupId));
-
-    // use `rowCount`, since worksheet can have additional rows added in `exceljsPreProcess`
-    const lastRowIndex = newRow.worksheet.rowCount;
-    let leftIndex = 0;
-    let rightIndex = 1;
-    while (rightIndex < columns.length) {
-      const {
-        groupId: leftGroupId,
-        parents: leftParents
-      } = row[leftIndex];
-      const {
-        groupId: rightGroupId,
-        parents: rightParents
-      } = row[rightIndex];
-      const areInSameGroup = leftGroupId === rightGroupId && leftParents.length === rightParents.length && leftParents.every((leftParent, index) => rightParents[index] === leftParent);
-      if (areInSameGroup) {
-        rightIndex += 1;
-      } else {
-        if (rightIndex - leftIndex > 1) {
-          worksheet.mergeCells(lastRowIndex, leftIndex + 1, lastRowIndex, rightIndex);
-        }
-        leftIndex = rightIndex;
-        rightIndex += 1;
-      }
-    }
-    if (rightIndex - leftIndex > 1) {
-      worksheet.mergeCells(lastRowIndex, leftIndex + 1, lastRowIndex, rightIndex);
-    }
-  }
-};
 function serializeColumns(columns, styles) {
   return columns.map(column => serializeColumn(column, styles));
 }
 async function getDataForValueOptionsSheet(columns, valueOptionsSheetName, api) {
-  const candidateColumns = columns.filter(column => (0, _internals.isSingleSelectColDef)(column) && Array.isArray(column.valueOptions));
-
   // Creates a temp worksheet to obtain the column letters
-  const excelJS = await getExcelJs();
+  const excelJS = await (0, _utils.getExcelJs)();
   const workbook = new excelJS.Workbook();
   const worksheet = workbook.addWorksheet('Sheet1');
-  worksheet.columns = candidateColumns.map(column => ({
-    key: column.field
-  }));
-  return candidateColumns.reduce((acc, column) => {
-    const singleSelectColumn = column;
-    const formattedValueOptions = getFormattedValueOptions(singleSelectColumn, {}, singleSelectColumn.valueOptions, api);
+  const record = {};
+  const worksheetColumns = [];
+  for (let i = 0; i < columns.length; i += 1) {
+    const column = columns[i];
+    const isCandidateColumn = (0, _internals.isSingleSelectColDef)(column) && Array.isArray(column.valueOptions);
+    if (!isCandidateColumn) {
+      continue;
+    }
+    worksheetColumns.push({
+      key: column.field
+    });
+    worksheet.columns = worksheetColumns;
     const header = column.headerName ?? column.field;
-    const values = [header, ...formattedValueOptions];
+    const values = [header];
+    getFormattedValueOptions(column, {}, column.valueOptions, api, value => {
+      values.push(value);
+    });
     const letter = worksheet.getColumn(column.field).letter;
     const address = `${valueOptionsSheetName}!$${letter}$2:$${letter}$${values.length}`;
-    acc[column.field] = {
+    record[column.field] = {
       values,
       address
     };
-    return acc;
-  }, {});
-}
-function addSerializedRowToWorksheet(serializedRow, worksheet) {
-  const {
-    row,
-    dataValidation,
-    outlineLevel,
-    mergedCells
-  } = serializedRow;
-  const newRow = worksheet.addRow(row);
-  Object.keys(dataValidation).forEach(field => {
-    newRow.getCell(field).dataValidation = (0, _extends2.default)({}, dataValidation[field]);
-  });
-  if (outlineLevel) {
-    newRow.outlineLevel = outlineLevel;
   }
-
-  // use `rowCount`, since worksheet can have additional rows added in `exceljsPreProcess`
-  const lastRowIndex = newRow.worksheet.rowCount;
-  mergedCells.forEach(mergedCell => {
-    worksheet.mergeCells(lastRowIndex, mergedCell.leftIndex, lastRowIndex, mergedCell.rightIndex);
-  });
-}
-async function createValueOptionsSheetIfNeeded(valueOptionsData, sheetName, workbook) {
-  if (Object.keys(valueOptionsData).length === 0) {
-    return;
-  }
-  const valueOptionsWorksheet = workbook.addWorksheet(sheetName);
-  valueOptionsWorksheet.columns = Object.keys(valueOptionsData).map(key => ({
-    key
-  }));
-  Object.entries(valueOptionsData).forEach(([field, {
-    values
-  }]) => {
-    valueOptionsWorksheet.getColumn(field).values = values;
-  });
+  return record;
 }
 async function buildExcel(options, apiRef) {
   const {
@@ -310,7 +243,7 @@ async function buildExcel(options, apiRef) {
     exceljsPostProcess,
     columnsStyles = {}
   } = options;
-  const excelJS = await getExcelJs();
+  const excelJS = await (0, _utils.getExcelJs)();
   const workbook = new excelJS.Workbook();
   const worksheet = workbook.addWorksheet('Sheet1');
   const serializedColumns = serializeColumns(columns, columnsStyles);
@@ -326,17 +259,17 @@ async function buildExcel(options, apiRef) {
       acc[column.field] = apiRef.current.getColumnGroupPath(column.field);
       return acc;
     }, {});
-    addColumnGroupingHeaders(worksheet, serializedColumns, columnGroupPaths, apiRef.current.getAllGroupDetails());
+    (0, _utils.addColumnGroupingHeaders)(worksheet, serializedColumns, columnGroupPaths, apiRef.current.getAllGroupDetails());
   }
   if (includeHeaders) {
     worksheet.addRow(columns.map(column => column.headerName ?? column.field));
   }
   const valueOptionsData = await getDataForValueOptionsSheet(columns, valueOptionsSheetName, apiRef.current);
-  createValueOptionsSheetIfNeeded(valueOptionsData, valueOptionsSheetName, workbook);
+  (0, _utils.createValueOptionsSheetIfNeeded)(valueOptionsData, valueOptionsSheetName, workbook);
   apiRef.current.resetColSpan();
   rowIds.forEach(id => {
     const serializedRow = serializeRowUnsafe(id, columns, apiRef, valueOptionsData, options);
-    addSerializedRowToWorksheet(serializedRow, worksheet);
+    (0, _utils.addSerializedRowToWorksheet)(serializedRow, worksheet);
   });
   apiRef.current.resetColSpan();
   if (exceljsPostProcess) {
@@ -346,50 +279,4 @@ async function buildExcel(options, apiRef) {
     });
   }
   return workbook;
-}
-function setupExcelExportWebWorker(workerOptions = {}) {
-  // eslint-disable-next-line no-restricted-globals
-  addEventListener('message', async event => {
-    const {
-      serializedColumns,
-      serializedRows,
-      options,
-      valueOptionsSheetName,
-      valueOptionsData,
-      columnGroupDetails,
-      columnGroupPaths
-    } = event.data;
-    const {
-      exceljsPostProcess,
-      exceljsPreProcess
-    } = workerOptions;
-    const excelJS = await getExcelJs();
-    const workbook = new excelJS.Workbook();
-    const worksheet = workbook.addWorksheet('Sheet1');
-    worksheet.columns = serializedColumns;
-    if (exceljsPreProcess) {
-      await exceljsPreProcess({
-        workbook,
-        worksheet
-      });
-    }
-    if (options.includeColumnGroupsHeaders) {
-      addColumnGroupingHeaders(worksheet, serializedColumns, columnGroupPaths, columnGroupDetails);
-    }
-    const includeHeaders = options.includeHeaders ?? true;
-    if (includeHeaders) {
-      worksheet.addRow(serializedColumns.map(column => column.headerText));
-    }
-    createValueOptionsSheetIfNeeded(valueOptionsData, valueOptionsSheetName, workbook);
-    serializedRows.forEach(serializedRow => {
-      addSerializedRowToWorksheet(serializedRow, worksheet);
-    });
-    if (exceljsPostProcess) {
-      await exceljsPostProcess({
-        workbook,
-        worksheet
-      });
-    }
-    postMessage(await workbook.xlsx.writeBuffer());
-  });
 }

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

@@ -0,0 +1,2 @@
+import type { GridExcelExportOptions } from '../gridExcelExportInterface';
+export declare function setupExcelExportWebWorker(workerOptions?: Pick<GridExcelExportOptions, 'exceljsPostProcess' | 'exceljsPreProcess'>): void;