@mui/x-data-grid-premium 6.0.0-beta.4 → 6.0.0

package/legacy/DataGridPremium/useDataGridPremiumProps.js

@@ -1,8 +1,10 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
+var _excluded = ["components", "componentsProps"];
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { DATA_GRID_PRO_PROPS_DEFAULT_VALUES, GRID_DEFAULT_LOCALE_TEXT } from '@mui/x-data-grid-pro';
+import { computeSlots, uncapitalizeObjectKeys } from '@mui/x-data-grid-pro/internals';
 import { GRID_AGGREGATION_FUNCTIONS } from '../hooks/features/aggregation';
 import { DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS } from '../constants/dataGridPremiumDefaultSlotsComponents';
 
@@ -20,33 +22,32 @@ export var DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PRO_P
     return groupNode.depth === -1 ? 'footer' : 'inline';
   }
 });
+var defaultSlots = uncapitalizeObjectKeys(DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS);
 export var useDataGridPremiumProps = function useDataGridPremiumProps(inProps) {
-  var themedProps = useThemeProps({
-    props: inProps,
-    name: 'MuiDataGrid'
-  });
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: 'MuiDataGrid'
+    }),
+    components = _useThemeProps.components,
+    componentsProps = _useThemeProps.componentsProps,
+    themedProps = _objectWithoutProperties(_useThemeProps, _excluded);
   var localeText = React.useMemo(function () {
     return _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText);
   }, [themedProps.localeText]);
-  var components = React.useMemo(function () {
-    var overrides = themedProps.components;
-    if (!overrides) {
-      return _extends({}, DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS);
-    }
-    var mergedComponents = {};
-    Object.entries(DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS).forEach(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        defaultComponent = _ref2[1];
-      mergedComponents[key] = overrides[key] === undefined ? defaultComponent : overrides[key];
+  var slots = React.useMemo(function () {
+    return computeSlots({
+      defaultSlots: defaultSlots,
+      components: components,
+      slots: themedProps.slots
     });
-    return mergedComponents;
-  }, [themedProps.components]);
+  }, [components, themedProps.slots]);
   return React.useMemo(function () {
+    var _themedProps$slotProp;
     return _extends({}, DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES, themedProps, {
+      slotProps: (_themedProps$slotProp = themedProps.slotProps) != null ? _themedProps$slotProp : componentsProps,
       localeText: localeText,
-      components: components,
+      slots: slots,
       signature: 'DataGridPremium'
     });
-  }, [themedProps, localeText, components]);
+  }, [themedProps, componentsProps, localeText, slots]);
 };

package/legacy/components/GridAggregationHeader.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _styled;
 import * as React from 'react';
@@ -56,10 +57,10 @@ function GridAggregationHeader(props) {
     aggregation = props.aggregation;
   var apiRef = useGridApiContext();
   var rootProps = useGridRootProps();
-  var ownerState = {
+  var ownerState = _extends({}, rootProps, {
     classes: rootProps.classes,
     colDef: colDef
-  };
+  });
   var classes = useUtilityClasses(ownerState);
   if (!aggregation) {
     return null;

package/legacy/components/GridColumnMenuAggregationItem.js

@@ -59,7 +59,7 @@ function GridColumnMenuAggregationItem(props) {
   return /*#__PURE__*/_jsxs(MenuItem, {
     disableRipple: true,
     children: [/*#__PURE__*/_jsx(ListItemIcon, {
-      children: /*#__PURE__*/_jsx(rootProps.components.ColumnMenuAggregationIcon, {
+      children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuAggregationIcon, {
         fontSize: "small"
       })
     }), /*#__PURE__*/_jsx(ListItemText, {

package/legacy/components/GridColumnMenuRowGroupItem.js

@@ -27,7 +27,7 @@ function GridColumnMenuRowGroupItem(props) {
     return /*#__PURE__*/_jsxs(MenuItem, {
       onClick: ungroupColumn,
       children: [/*#__PURE__*/_jsx(ListItemIcon, {
-        children: /*#__PURE__*/_jsx(rootProps.components.ColumnMenuUngroupIcon, {
+        children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuUngroupIcon, {
           fontSize: "small"
         })
       }), /*#__PURE__*/_jsx(ListItemText, {

package/legacy/components/GridColumnMenuRowUngroupItem.js

@@ -33,7 +33,7 @@ function GridColumnMenuRowUngroupItem(props) {
     return /*#__PURE__*/_jsxs(MenuItem, {
       onClick: ungroupColumn,
       children: [/*#__PURE__*/_jsx(ListItemIcon, {
-        children: /*#__PURE__*/_jsx(rootProps.components.ColumnMenuUngroupIcon, {
+        children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuUngroupIcon, {
           fontSize: "small"
         })
       }), /*#__PURE__*/_jsx(ListItemText, {
@@ -44,7 +44,7 @@ function GridColumnMenuRowUngroupItem(props) {
   return /*#__PURE__*/_jsxs(MenuItem, {
     onClick: groupColumn,
     children: [/*#__PURE__*/_jsx(ListItemIcon, {
-      children: /*#__PURE__*/_jsx(rootProps.components.ColumnMenuGroupIcon, {
+      children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuGroupIcon, {
         fontSize: "small"
       })
     }), /*#__PURE__*/_jsx(ListItemText, {

package/legacy/components/GridExcelExportMenuItem.js

@@ -37,7 +37,8 @@ process.env.NODE_ENV !== "production" ? GridExcelExportMenuItem.propTypes = {
     getRowsToExport: PropTypes.func,
     includeColumnGroupsHeaders: PropTypes.bool,
     includeHeaders: PropTypes.bool,
-    valueOptionsSheetName: PropTypes.string
+    valueOptionsSheetName: PropTypes.string,
+    worker: PropTypes.func
   })
 } : void 0;
 export { GridExcelExportMenuItem };

package/legacy/components/GridFooterCell.js

@@ -44,9 +44,7 @@ function GridFooterCell(props) {
     isEditable = props.isEditable,
     other = _objectWithoutProperties(props, _excluded);
   var rootProps = useGridRootProps();
-  var ownerState = {
-    classes: rootProps.classes
-  };
+  var ownerState = rootProps;
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(GridFooterCellRoot, _extends({
     ownerState: ownerState,

package/legacy/components/GridGroupingCriteriaCell.js

@@ -16,7 +16,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   return composeClasses(slots, getDataGridUtilityClass, classes);
 };
 export function GridGroupingCriteriaCell(props) {
-  var _filteredDescendantCo, _rootProps$components;
+  var _filteredDescendantCo, _rootProps$slotProps;
   var id = props.id,
     field = props.field,
     rowNode = props.rowNode,
@@ -30,7 +30,7 @@ export function GridGroupingCriteriaCell(props) {
   var classes = useUtilityClasses(ownerState);
   var filteredDescendantCountLookup = useGridSelector(apiRef, gridFilteredDescendantCountLookupSelector);
   var filteredDescendantCount = (_filteredDescendantCo = filteredDescendantCountLookup[rowNode.id]) != null ? _filteredDescendantCo : 0;
-  var Icon = rowNode.childrenExpanded ? rootProps.components.GroupingCriteriaCollapseIcon : rootProps.components.GroupingCriteriaExpandIcon;
+  var Icon = rowNode.childrenExpanded ? rootProps.slots.groupingCriteriaCollapseIcon : rootProps.slots.groupingCriteriaExpandIcon;
   var handleKeyDown = function handleKeyDown(event) {
     if (event.key === ' ') {
       // We call event.stopPropagation to avoid unfolding the row and also scrolling to bottom
@@ -65,13 +65,13 @@ export function GridGroupingCriteriaCell(props) {
     },
     children: [/*#__PURE__*/_jsx("div", {
       className: classes.toggle,
-      children: filteredDescendantCount > 0 && /*#__PURE__*/_jsx(rootProps.components.BaseIconButton, _extends({
+      children: filteredDescendantCount > 0 && /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
         size: "small",
         onClick: handleClick,
         onKeyDown: handleKeyDown,
         tabIndex: -1,
         "aria-label": rowNode.childrenExpanded ? apiRef.current.getLocaleText('treeDataCollapse') : apiRef.current.getLocaleText('treeDataExpand')
-      }, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.baseIconButton, {
+      }, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseIconButton, {
         children: /*#__PURE__*/_jsx(Icon, {
           fontSize: "inherit"
         })

package/legacy/components/index.js

@@ -1,4 +1,4 @@
 export * from './GridExcelExportMenuItem';
-export * from './icons';
+export * from '../material/icons';
 export * from './GridColumnMenuAggregationItem';
 export { GridColumnMenuGroupingItem } from './GridPremiumColumnMenu';

package/legacy/constants/dataGridPremiumDefaultSlotsComponents.js

@@ -1,12 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from '@mui/x-data-grid-pro/internals';
-import { GridWorkspacesIcon, GridGroupWorkIcon, GridFunctionsIcon } from '../components';
 import { GridPremiumColumnMenu } from '../components/GridPremiumColumnMenu';
-export var DEFAULT_GRID_PREMIUM_ICON_SLOTS_COMPONENTS = {
-  ColumnMenuUngroupIcon: GridWorkspacesIcon,
-  ColumnMenuGroupIcon: GridGroupWorkIcon,
-  ColumnMenuAggregationIcon: GridFunctionsIcon
-};
-export var DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS = _extends({}, DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS, DEFAULT_GRID_PREMIUM_ICON_SLOTS_COMPONENTS, {
+import materialSlots from '../material';
+export var DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS = _extends({}, DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS, materialSlots, {
   ColumnMenu: GridPremiumColumnMenu
 });

package/legacy/hooks/features/export/index.js

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

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

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
@@ -54,7 +55,7 @@ var getFormattedValueOptions = function getFormattedValueOptions(colDef, valueOp
     return _typeof(option) === 'object' ? option.label : option;
   });
 };
-var serializeRow = function serializeRow(id, columns, api, defaultValueOptionsFormulae) {
+export var serializeRow = function serializeRow(id, columns, api, defaultValueOptionsFormulae) {
   var row = {};
   var dataValidation = {};
   var mergedCells = [];
@@ -101,11 +102,13 @@ var serializeRow = function serializeRow(id, columns, api, defaultValueOptionsFo
               }).join(','), "\"")]
             };
           } else {
+            var address = defaultValueOptionsFormulae[column.field].address;
+
             // If value option is defined for the column, refer to another sheet
             dataValidation[castColumn.field] = {
               type: 'list',
               allowBlank: true,
-              formulae: [defaultValueOptionsFormulae[castColumn.field]]
+              formulae: [address]
             };
           }
           var formattedValue = api.getCellParams(id, castColumn.field).formattedValue;
@@ -164,11 +167,13 @@ var defaultColumnsStyles = (_defaultColumnsStyles = {}, _defineProperty(_default
 }), _defineProperty(_defaultColumnsStyles, GRID_DATETIME_COL_DEF.type, {
   numFmt: 'dd.mm.yyyy hh:mm'
 }), _defaultColumnsStyles);
-var serializeColumn = function serializeColumn(column, columnsStyles) {
+export var serializeColumn = function serializeColumn(column, columnsStyles) {
+  var _column$headerName;
   var field = column.field,
     type = column.type;
   return {
     key: field,
+    headerText: (_column$headerName = column.headerName) != null ? _column$headerName : column.field,
     // Excel width must stay between 0 and 255 (https://support.microsoft.com/en-us/office/change-the-column-width-and-row-height-72f5e3cc-994d-43e8-ae58-9774a0905f46)
     // From the example of column width behavior (https://docs.microsoft.com/en-US/office/troubleshoot/excel/determine-column-widths#example-of-column-width-behavior)
     // a value of 10 corresponds to 75px. This is an approximation, because column width depends on the the font-size
@@ -176,20 +181,19 @@ var serializeColumn = function serializeColumn(column, columnsStyles) {
     style: _extends({}, type && (defaultColumnsStyles == null ? void 0 : defaultColumnsStyles[type]), columnsStyles == null ? void 0 : columnsStyles[field])
   };
 };
-var addColumnGroupingHeaders = function addColumnGroupingHeaders(worksheet, columns, api) {
+var addColumnGroupingHeaders = function addColumnGroupingHeaders(worksheet, columns, columnGroupPaths, columnGroupDetails) {
   var maxDepth = Math.max.apply(Math, _toConsumableArray(columns.map(function (_ref2) {
-    var _api$unstable_getColu, _api$unstable_getColu2;
-    var field = _ref2.field;
-    return (_api$unstable_getColu = (_api$unstable_getColu2 = api.unstable_getColumnGroupPath(field)) == null ? void 0 : _api$unstable_getColu2.length) != null ? _api$unstable_getColu : 0;
+    var _columnGroupPaths$key, _columnGroupPaths$key2;
+    var key = _ref2.key;
+    return (_columnGroupPaths$key = (_columnGroupPaths$key2 = columnGroupPaths[key]) == null ? void 0 : _columnGroupPaths$key2.length) != null ? _columnGroupPaths$key : 0;
   })));
   if (maxDepth === 0) {
     return;
   }
-  var columnGroupDetails = api.unstable_getAllGroupDetails();
   var _loop = function _loop(rowIndex) {
     var row = columns.map(function (_ref3) {
-      var field = _ref3.field;
-      var groupingPath = api.unstable_getColumnGroupPath(field);
+      var key = _ref3.key;
+      var groupingPath = columnGroupPaths[key];
       if (groupingPath.length <= rowIndex) {
         return {
           groupId: null,
@@ -240,102 +244,253 @@ var addColumnGroupingHeaders = function addColumnGroupingHeaders(worksheet, colu
     _loop(rowIndex);
   }
 };
-export function buildExcel(_x, _x2) {
+export function serializeColumns(columns, styles) {
+  return columns.map(function (column) {
+    return serializeColumn(column, styles);
+  });
+}
+export function getDataForValueOptionsSheet(_x, _x2, _x3) {
+  return _getDataForValueOptionsSheet.apply(this, arguments);
+}
+function _getDataForValueOptionsSheet() {
+  _getDataForValueOptionsSheet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(columns, valueOptionsSheetName, api) {
+    var candidateColumns, excelJS, workbook, worksheet;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            candidateColumns = columns.filter(function (column) {
+              return isSingleSelectColDef(column) && Array.isArray(column.valueOptions);
+            }); // Creates a temp worksheet to obtain the column letters
+            _context3.next = 3;
+            return getExcelJs();
+          case 3:
+            excelJS = _context3.sent;
+            workbook = new excelJS.Workbook();
+            worksheet = workbook.addWorksheet('Sheet1');
+            worksheet.columns = candidateColumns.map(function (column) {
+              return {
+                key: column.field
+              };
+            });
+            return _context3.abrupt("return", candidateColumns.reduce(function (acc, column) {
+              var _column$headerName2;
+              var singleSelectColumn = column;
+              var formattedValueOptions = getFormattedValueOptions(singleSelectColumn, singleSelectColumn.valueOptions, api);
+              var header = (_column$headerName2 = column.headerName) != null ? _column$headerName2 : column.field;
+              var values = [header].concat(_toConsumableArray(formattedValueOptions));
+              var letter = worksheet.getColumn(column.field).letter;
+              var address = "".concat(valueOptionsSheetName, "!$").concat(letter, "$2:$").concat(letter, "$").concat(values.length);
+              acc[column.field] = {
+                values: values,
+                address: address
+              };
+              return acc;
+            }, {}));
+          case 8:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _getDataForValueOptionsSheet.apply(this, arguments);
+}
+function addSerializedRowToWorksheet(serializedRow, worksheet) {
+  var row = serializedRow.row,
+    dataValidation = serializedRow.dataValidation,
+    outlineLevel = serializedRow.outlineLevel,
+    mergedCells = serializedRow.mergedCells;
+  var newRow = worksheet.addRow(row);
+  Object.keys(dataValidation).forEach(function (field) {
+    newRow.getCell(field).dataValidation = _extends({}, dataValidation[field]);
+  });
+  if (outlineLevel) {
+    newRow.outlineLevel = outlineLevel;
+  }
+
+  // use `rowCount`, since worksheet can have additional rows added in `exceljsPreProcess`
+  var lastRowIndex = newRow.worksheet.rowCount;
+  mergedCells.forEach(function (mergedCell) {
+    worksheet.mergeCells(lastRowIndex, mergedCell.leftIndex, lastRowIndex, mergedCell.rightIndex);
+  });
+}
+function createValueOptionsSheetIfNeeded(_x4, _x5, _x6) {
+  return _createValueOptionsSheetIfNeeded.apply(this, arguments);
+}
+function _createValueOptionsSheetIfNeeded() {
+  _createValueOptionsSheetIfNeeded = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(valueOptionsData, sheetName, workbook) {
+    var valueOptionsWorksheet;
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!(Object.keys(valueOptionsData).length === 0)) {
+              _context4.next = 2;
+              break;
+            }
+            return _context4.abrupt("return");
+          case 2:
+            valueOptionsWorksheet = workbook.addWorksheet(sheetName);
+            valueOptionsWorksheet.columns = Object.keys(valueOptionsData).map(function (key) {
+              return {
+                key: key
+              };
+            });
+            Object.entries(valueOptionsData).forEach(function (_ref5) {
+              var _ref6 = _slicedToArray(_ref5, 2),
+                field = _ref6[0],
+                values = _ref6[1].values;
+              valueOptionsWorksheet.getColumn(field).values = values;
+            });
+          case 5:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  }));
+  return _createValueOptionsSheetIfNeeded.apply(this, arguments);
+}
+export function buildExcel(_x7, _x8) {
   return _buildExcel.apply(this, arguments);
 }
 function _buildExcel() {
-  _buildExcel = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(options, api) {
-    var columns, rowIds, includeHeaders, includeColumnGroupsHeaders, valueOptionsSheetName, exceljsPreProcess, exceljsPostProcess, _options$columnsStyle, columnsStyles, excelJS, workbook, worksheet, columnsWithArrayValueOptions, defaultValueOptionsFormulae, valueOptionsWorksheet;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+  _buildExcel = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(options, api) {
+    var columns, rowIds, includeHeaders, includeColumnGroupsHeaders, _options$valueOptions, valueOptionsSheetName, exceljsPreProcess, exceljsPostProcess, _options$columnsStyle, columnsStyles, excelJS, workbook, worksheet, serializedColumns, columnGroupPaths, valueOptionsData;
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
       while (1) {
-        switch (_context2.prev = _context2.next) {
+        switch (_context5.prev = _context5.next) {
           case 0:
-            columns = options.columns, rowIds = options.rowIds, includeHeaders = options.includeHeaders, includeColumnGroupsHeaders = options.includeColumnGroupsHeaders, valueOptionsSheetName = options.valueOptionsSheetName, exceljsPreProcess = options.exceljsPreProcess, exceljsPostProcess = options.exceljsPostProcess, _options$columnsStyle = options.columnsStyles, columnsStyles = _options$columnsStyle === void 0 ? {} : _options$columnsStyle;
-            _context2.next = 3;
+            columns = options.columns, rowIds = options.rowIds, includeHeaders = options.includeHeaders, includeColumnGroupsHeaders = options.includeColumnGroupsHeaders, _options$valueOptions = options.valueOptionsSheetName, valueOptionsSheetName = _options$valueOptions === void 0 ? 'Options' : _options$valueOptions, exceljsPreProcess = options.exceljsPreProcess, exceljsPostProcess = options.exceljsPostProcess, _options$columnsStyle = options.columnsStyles, columnsStyles = _options$columnsStyle === void 0 ? {} : _options$columnsStyle;
+            _context5.next = 3;
             return getExcelJs();
           case 3:
-            excelJS = _context2.sent;
+            excelJS = _context5.sent;
             workbook = new excelJS.Workbook();
             worksheet = workbook.addWorksheet('Sheet1');
-            worksheet.columns = columns.map(function (column) {
-              return serializeColumn(column, columnsStyles);
-            });
+            serializedColumns = serializeColumns(columns, columnsStyles);
+            worksheet.columns = serializedColumns;
             if (!exceljsPreProcess) {
-              _context2.next = 10;
+              _context5.next = 11;
               break;
             }
-            _context2.next = 10;
+            _context5.next = 11;
             return exceljsPreProcess({
               workbook: workbook,
               worksheet: worksheet
             });
-          case 10:
+          case 11:
             if (includeColumnGroupsHeaders) {
-              addColumnGroupingHeaders(worksheet, columns, api);
+              columnGroupPaths = columns.reduce(function (acc, column) {
+                acc[column.field] = api.unstable_getColumnGroupPath(column.field);
+                return acc;
+              }, {});
+              addColumnGroupingHeaders(worksheet, serializedColumns, columnGroupPaths, api.unstable_getAllGroupDetails());
             }
             if (includeHeaders) {
               worksheet.addRow(columns.map(function (column) {
-                var _column$headerName;
-                return (_column$headerName = column.headerName) != null ? _column$headerName : column.field;
+                var _column$headerName3;
+                return (_column$headerName3 = column.headerName) != null ? _column$headerName3 : column.field;
               }));
             }
-            columnsWithArrayValueOptions = columns.filter(function (column) {
-              return isSingleSelectColDef(column) && column.valueOptions && typeof column.valueOptions !== 'function';
-            });
-            defaultValueOptionsFormulae = {};
-            if (columnsWithArrayValueOptions.length) {
-              valueOptionsWorksheet = workbook.addWorksheet(valueOptionsSheetName);
-              valueOptionsWorksheet.columns = columnsWithArrayValueOptions.map(function (_ref4) {
-                var field = _ref4.field;
-                return {
-                  key: field
-                };
-              });
-              columnsWithArrayValueOptions.forEach(function (column) {
-                var _column$headerName2;
-                var formattedValueOptions = getFormattedValueOptions(column, column.valueOptions, api);
-                valueOptionsWorksheet.getColumn(column.field).values = [(_column$headerName2 = column.headerName) != null ? _column$headerName2 : column.field].concat(_toConsumableArray(formattedValueOptions));
-                var columnLetter = valueOptionsWorksheet.getColumn(column.field).letter;
-                defaultValueOptionsFormulae[column.field] = "".concat(valueOptionsSheetName, "!$").concat(columnLetter, "$2:$").concat(columnLetter, "$").concat(1 + formattedValueOptions.length);
-              });
-            }
+            _context5.next = 15;
+            return getDataForValueOptionsSheet(columns, valueOptionsSheetName, api);
+          case 15:
+            valueOptionsData = _context5.sent;
+            createValueOptionsSheetIfNeeded(valueOptionsData, valueOptionsSheetName, workbook);
             rowIds.forEach(function (id) {
-              var _serializeRow = serializeRow(id, columns, api, defaultValueOptionsFormulae),
-                row = _serializeRow.row,
-                dataValidation = _serializeRow.dataValidation,
-                outlineLevel = _serializeRow.outlineLevel,
-                mergedCells = _serializeRow.mergedCells;
-              var newRow = worksheet.addRow(row);
-              Object.keys(dataValidation).forEach(function (field) {
-                newRow.getCell(field).dataValidation = _extends({}, dataValidation[field]);
-              });
-              if (outlineLevel) {
-                newRow.outlineLevel = outlineLevel;
-              }
-
-              // use `rowCount`, since worksheet can have additional rows added in `exceljsPreProcess`
-              var lastRowIndex = newRow.worksheet.rowCount;
-              mergedCells.forEach(function (mergedCell) {
-                worksheet.mergeCells(lastRowIndex, mergedCell.leftIndex, lastRowIndex, mergedCell.rightIndex);
-              });
+              var serializedRow = serializeRow(id, columns, api, valueOptionsData);
+              addSerializedRowToWorksheet(serializedRow, worksheet);
             });
             if (!exceljsPostProcess) {
-              _context2.next = 19;
+              _context5.next = 21;
               break;
             }
-            _context2.next = 19;
+            _context5.next = 21;
             return exceljsPostProcess({
               workbook: workbook,
               worksheet: worksheet
             });
-          case 19:
-            return _context2.abrupt("return", workbook);
-          case 20:
+          case 21:
+            return _context5.abrupt("return", workbook);
+          case 22:
           case "end":
-            return _context2.stop();
+            return _context5.stop();
         }
       }
-    }, _callee2);
+    }, _callee5);
   }));
   return _buildExcel.apply(this, arguments);
+}
+export function setupExcelExportWebWorker() {
+  var workerOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  // eslint-disable-next-line no-restricted-globals
+  addEventListener('message', /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(event) {
+      var _options$includeHeade;
+      var _event$data, serializedColumns, serializedRows, options, valueOptionsSheetName, valueOptionsData, columnGroupDetails, columnGroupPaths, exceljsPostProcess, exceljsPreProcess, excelJS, workbook, worksheet, includeHeaders;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _event$data = event.data, serializedColumns = _event$data.serializedColumns, serializedRows = _event$data.serializedRows, options = _event$data.options, valueOptionsSheetName = _event$data.valueOptionsSheetName, valueOptionsData = _event$data.valueOptionsData, columnGroupDetails = _event$data.columnGroupDetails, columnGroupPaths = _event$data.columnGroupPaths;
+              exceljsPostProcess = workerOptions.exceljsPostProcess, exceljsPreProcess = workerOptions.exceljsPreProcess;
+              _context2.next = 4;
+              return getExcelJs();
+            case 4:
+              excelJS = _context2.sent;
+              workbook = new excelJS.Workbook();
+              worksheet = workbook.addWorksheet('Sheet1');
+              worksheet.columns = serializedColumns;
+              if (!exceljsPreProcess) {
+                _context2.next = 11;
+                break;
+              }
+              _context2.next = 11;
+              return exceljsPreProcess({
+                workbook: workbook,
+                worksheet: worksheet
+              });
+            case 11:
+              if (options.includeColumnGroupsHeaders) {
+                addColumnGroupingHeaders(worksheet, serializedColumns, columnGroupPaths, columnGroupDetails);
+              }
+              includeHeaders = (_options$includeHeade = options.includeHeaders) != null ? _options$includeHeade : true;
+              if (includeHeaders) {
+                worksheet.addRow(serializedColumns.map(function (column) {
+                  return column.headerText;
+                }));
+              }
+              createValueOptionsSheetIfNeeded(valueOptionsData, valueOptionsSheetName, workbook);
+              serializedRows.forEach(function (serializedRow) {
+                addSerializedRowToWorksheet(serializedRow, worksheet);
+              });
+              if (!exceljsPostProcess) {
+                _context2.next = 19;
+                break;
+              }
+              _context2.next = 19;
+              return exceljsPostProcess({
+                workbook: workbook,
+                worksheet: worksheet
+              });
+            case 19:
+              _context2.t0 = postMessage;
+              _context2.next = 22;
+              return workbook.xlsx.writeBuffer();
+            case 22:
+              _context2.t1 = _context2.sent;
+              (0, _context2.t0)(_context2.t1);
+            case 24:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+    return function (_x9) {
+      return _ref4.apply(this, arguments);
+    };
+  }());
 }