@mui/x-data-grid 5.10.0 → 5.12.0

package/legacy/hooks/features/selection/useGridSelection.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { GridEvents } from '../../../models/events';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
@@ -57,7 +56,7 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
     propModel: propSelectionModel,
     propOnChange: props.onSelectionModelChange,
     stateSelector: gridSelectionStateSelector,
-    changeEvent: GridEvents.selectionChange
+    changeEvent: 'selectionChange'
   });
   var checkboxSelection = props.checkboxSelection,
       disableMultipleSelection = props.disableMultipleSelection,
@@ -223,6 +222,10 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
    */
 
   var removeOutdatedSelection = React.useCallback(function () {
+    if (props.keepNonExistentRowsSelected) {
+      return;
+    }
+
     var currentSelection = gridSelectionStateSelector(apiRef.current.state);
     var rowsLookup = gridRowsLookupSelector(apiRef); // We clone the existing object to avoid mutating the same object returned by the selector to others part of the project
 
@@ -239,12 +242,12 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
     if (hasChanged) {
       apiRef.current.setSelectionModel(Object.values(selectionLookup));
     }
-  }, [apiRef]);
+  }, [apiRef, props.keepNonExistentRowsSelected]);
   var handleSingleRowSelection = React.useCallback(function (id, event) {
     var hasCtrlKey = event.metaKey || event.ctrlKey; // multiple selection is only allowed if:
     // - it is a checkboxSelection
     // - it is a keyboard selection
-    // - CTRL is pressed
+    // - Ctrl is pressed
 
     var isMultipleSelectionDisabled = !checkboxSelection && !hasCtrlKey && !isKeyboardEvent(event);
     var resetSelection = !canHaveMultipleSelection || isMultipleSelectionDisabled;
@@ -376,12 +379,12 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
       selectRows(apiRef.current.getAllRowIds(), true);
     }
   }, [apiRef, handleSingleRowSelection, selectRows, visibleRows.rows, canHaveMultipleSelection]);
-  useGridApiEventHandler(apiRef, GridEvents.sortedRowsSet, removeOutdatedSelection);
-  useGridApiEventHandler(apiRef, GridEvents.cellClick, handleCellClick);
-  useGridApiEventHandler(apiRef, GridEvents.rowSelectionCheckboxChange, handleRowSelectionCheckboxChange);
-  useGridApiEventHandler(apiRef, GridEvents.headerSelectionCheckboxChange, handleHeaderSelectionCheckboxChange);
-  useGridApiEventHandler(apiRef, GridEvents.cellMouseDown, preventSelectionOnShift);
-  useGridApiEventHandler(apiRef, GridEvents.cellKeyDown, handleCellKeyDown);
+  useGridApiEventHandler(apiRef, 'sortedRowsSet', removeOutdatedSelection);
+  useGridApiEventHandler(apiRef, 'cellClick', handleCellClick);
+  useGridApiEventHandler(apiRef, 'rowSelectionCheckboxChange', handleRowSelectionCheckboxChange);
+  useGridApiEventHandler(apiRef, 'headerSelectionCheckboxChange', handleHeaderSelectionCheckboxChange);
+  useGridApiEventHandler(apiRef, 'cellMouseDown', preventSelectionOnShift);
+  useGridApiEventHandler(apiRef, 'cellKeyDown', handleCellKeyDown);
   /**
    * EFFECTS
    */

package/legacy/hooks/features/sorting/useGridSorting.js

@@ -1,7 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { GridEvents } from '../../../models/events';
 import { GridFeatureModeConstant } from '../../../models/gridFeatureMode';
 import { isEnterKey } from '../../../utils/keyboardUtils';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
@@ -37,7 +36,7 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
     propModel: props.sortModel,
     propOnChange: props.onSortModelChange,
     stateSelector: gridSortModelSelector,
-    changeEvent: GridEvents.sortModelChange
+    changeEvent: 'sortModelChange'
   });
   var upsertSortModel = React.useCallback(function (field, sortItem) {
     var sortModel = gridSortModelSelector(apiRef);
@@ -107,7 +106,7 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
         })
       });
     });
-    apiRef.current.publishEvent(GridEvents.sortedRowsSet);
+    apiRef.current.publishEvent('sortedRowsSet');
     apiRef.current.forceUpdate();
   }, [apiRef, logger, props.sortingMode]);
   var setSortModel = React.useCallback(function (model) {
@@ -219,7 +218,7 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
   var handleColumnHeaderKeyDown = React.useCallback(function (_ref3, event) {
     var colDef = _ref3.colDef;
 
-    // CTRL + Enter opens the column menu
+    // Ctrl + Enter opens the column menu
     if (isEnterKey(event.key) && !event.ctrlKey && !event.metaKey) {
       sortColumn(colDef, undefined, event.shiftKey);
     }
@@ -244,11 +243,11 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
       apiRef.current.applySorting();
     }
   }, [apiRef]);
-  useGridApiEventHandler(apiRef, GridEvents.columnHeaderClick, handleColumnHeaderClick);
-  useGridApiEventHandler(apiRef, GridEvents.columnHeaderKeyDown, handleColumnHeaderKeyDown);
-  useGridApiEventHandler(apiRef, GridEvents.rowsSet, apiRef.current.applySorting);
-  useGridApiEventHandler(apiRef, GridEvents.columnsChange, handleColumnsChange);
-  useGridApiEventHandler(apiRef, GridEvents.activeStrategyProcessorChange, handleStrategyProcessorChange);
+  useGridApiEventHandler(apiRef, 'columnHeaderClick', handleColumnHeaderClick);
+  useGridApiEventHandler(apiRef, 'columnHeaderKeyDown', handleColumnHeaderKeyDown);
+  useGridApiEventHandler(apiRef, 'rowsSet', apiRef.current.applySorting);
+  useGridApiEventHandler(apiRef, 'columnsChange', handleColumnsChange);
+  useGridApiEventHandler(apiRef, 'activeStrategyProcessorChange', handleStrategyProcessorChange);
   /**
    * 1ST RENDER
    */

package/legacy/hooks/features/virtualization/useGridVirtualScroller.js

@@ -13,7 +13,6 @@ import { gridDensityRowHeightSelector } from '../density/densitySelector';
 import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
 import { gridEditRowsStateSelector } from '../editRows/gridEditRowsSelector';
 import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
-import { GridEvents } from '../../../models/events';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { clamp } from '../../../utils/utils';
 import { selectedIdsLookupSelector } from '../selection/gridSelectionSelector';
@@ -100,17 +99,40 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     var _ref2 = scrollPosition.current,
         top = _ref2.top,
         left = _ref2.left;
-    var firstRowIndex = getIndexFromScroll(top, rowsMeta.positions);
+    var firstRowIndex = Math.min(Math.max(0, apiRef.current.unstable_getLastMeasuredRowIndex()), getIndexFromScroll(top, rowsMeta.positions));
     var lastRowIndex = rootProps.autoHeight ? firstRowIndex + currentPage.rows.length : getIndexFromScroll(top + rootRef.current.clientHeight, rowsMeta.positions);
-    var firstColumnIndex = getIndexFromScroll(left, columnPositions);
-    var lastColumnIndex = getIndexFromScroll(left + containerWidth, columnPositions);
+    var hasRowWithAutoHeight = false;
+    var firstColumnIndex = 0;
+    var lastColumnIndex = columnPositions.length;
+
+    var _getRenderableIndexes = getRenderableIndexes({
+      firstIndex: firstRowIndex,
+      lastIndex: lastRowIndex,
+      minFirstIndex: 0,
+      maxLastIndex: currentPage.rows.length,
+      buffer: rootProps.rowBuffer
+    }),
+        _getRenderableIndexes2 = _slicedToArray(_getRenderableIndexes, 2),
+        firstRowToRender = _getRenderableIndexes2[0],
+        lastRowToRender = _getRenderableIndexes2[1];
+
+    for (var i = firstRowToRender; i < lastRowToRender && !hasRowWithAutoHeight; i += 1) {
+      var row = currentPage.rows[i];
+      hasRowWithAutoHeight = apiRef.current.unstable_rowHasAutoHeight(row.id);
+    }
+
+    if (!hasRowWithAutoHeight) {
+      firstColumnIndex = getIndexFromScroll(left, columnPositions);
+      lastColumnIndex = getIndexFromScroll(left + containerWidth, columnPositions);
+    }
+
     return {
       firstRowIndex: firstRowIndex,
       lastRowIndex: lastRowIndex,
       firstColumnIndex: firstColumnIndex,
       lastColumnIndex: lastColumnIndex
     };
-  }, [disableVirtualization, rowsMeta.positions, rootProps.autoHeight, currentPage.rows.length, columnPositions, containerWidth, visibleColumns.length]);
+  }, [disableVirtualization, rowsMeta.positions, rootProps.autoHeight, rootProps.rowBuffer, currentPage.rows, columnPositions, visibleColumns.length, apiRef, containerWidth]);
   React.useEffect(function () {
     if (disableVirtualization) {
       renderZoneRef.current.style.transform = "translate3d(0px, 0px, 0px)";
@@ -128,28 +150,28 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       setContainerWidth(rootRef.current.clientWidth);
     }
   }, []);
-  useGridApiEventHandler(apiRef, GridEvents.resize, handleResize);
+  useGridApiEventHandler(apiRef, 'resize', handleResize);
   var updateRenderZonePosition = React.useCallback(function (nextRenderContext) {
-    var _getRenderableIndexes = getRenderableIndexes({
+    var _getRenderableIndexes3 = getRenderableIndexes({
       firstIndex: nextRenderContext.firstRowIndex,
       lastIndex: nextRenderContext.lastRowIndex,
       minFirstIndex: 0,
       maxLastIndex: currentPage.rows.length,
       buffer: rootProps.rowBuffer
     }),
-        _getRenderableIndexes2 = _slicedToArray(_getRenderableIndexes, 2),
-        firstRowToRender = _getRenderableIndexes2[0],
-        lastRowToRender = _getRenderableIndexes2[1];
+        _getRenderableIndexes4 = _slicedToArray(_getRenderableIndexes3, 2),
+        firstRowToRender = _getRenderableIndexes4[0],
+        lastRowToRender = _getRenderableIndexes4[1];
 
-    var _getRenderableIndexes3 = getRenderableIndexes({
+    var _getRenderableIndexes5 = getRenderableIndexes({
       firstIndex: nextRenderContext.firstColumnIndex,
       lastIndex: nextRenderContext.lastColumnIndex,
       minFirstIndex: renderZoneMinColumnIndex,
       maxLastIndex: renderZoneMaxColumnIndex,
       buffer: rootProps.columnBuffer
     }),
-        _getRenderableIndexes4 = _slicedToArray(_getRenderableIndexes3, 1),
-        initialFirstColumnToRender = _getRenderableIndexes4[0];
+        _getRenderableIndexes6 = _slicedToArray(_getRenderableIndexes5, 1),
+        initialFirstColumnToRender = _getRenderableIndexes6[0];
 
     var firstColumnToRender = getFirstNonSpannedColumnToRender({
       firstColumnToRender: initialFirstColumnToRender,
@@ -194,7 +216,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       left: left,
       renderContext: initialRenderContext
     };
-    apiRef.current.publishEvent(GridEvents.rowsScroll, params);
+    apiRef.current.publishEvent('rowsScroll', params);
   }, [apiRef, computeRenderContext, containerWidth, updateRenderContext]);
 
   var handleScroll = function handleScroll(event) {
@@ -216,7 +238,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     var bottomColumnsScrolledSincePreviousRender = Math.abs(nextRenderContext.lastColumnIndex - prevRenderContext.current.lastColumnIndex);
     var shouldSetState = topRowsScrolledSincePreviousRender >= rootProps.rowThreshold || bottomRowsScrolledSincePreviousRender >= rootProps.rowThreshold || topColumnsScrolledSincePreviousRender >= rootProps.columnThreshold || bottomColumnsScrolledSincePreviousRender >= rootProps.columnThreshold || prevTotalWidth.current !== columnsTotalWidth; // TODO v6: rename event to a wider name, it's not only fired for row scrolling
 
-    apiRef.current.publishEvent(GridEvents.rowsScroll, {
+    apiRef.current.publishEvent('rowsScroll', {
       top: scrollTop,
       left: scrollLeft,
       renderContext: shouldSetState ? nextRenderContext : prevRenderContext.current
@@ -232,11 +254,11 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
   };
 
   var handleWheel = function handleWheel(event) {
-    apiRef.current.publishEvent(GridEvents.virtualScrollerWheel, {}, event);
+    apiRef.current.publishEvent('virtualScrollerWheel', {}, event);
   };
 
   var handleTouchMove = function handleTouchMove(event) {
-    apiRef.current.publishEvent(GridEvents.virtualScrollerTouchMove, {}, event);
+    apiRef.current.publishEvent('virtualScrollerTouchMove', {}, event);
   };
 
   var getRows = function getRows() {
@@ -249,7 +271,8 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
         _params$maxLastColumn = params.maxLastColumn,
         maxLastColumn = _params$maxLastColumn === void 0 ? renderZoneMaxColumnIndex : _params$maxLastColumn,
         _params$availableSpac = params.availableSpace,
-        availableSpace = _params$availableSpac === void 0 ? containerWidth : _params$availableSpac;
+        availableSpace = _params$availableSpac === void 0 ? containerWidth : _params$availableSpac,
+        ignoreAutoHeight = params.ignoreAutoHeight;
 
     if (!currentPage.range || !nextRenderContext || availableSpace == null) {
       return null;
@@ -258,16 +281,16 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     var rowBuffer = !disableVirtualization ? rootProps.rowBuffer : 0;
     var columnBuffer = !disableVirtualization ? rootProps.columnBuffer : 0;
 
-    var _getRenderableIndexes5 = getRenderableIndexes({
+    var _getRenderableIndexes7 = getRenderableIndexes({
       firstIndex: nextRenderContext.firstRowIndex,
       lastIndex: nextRenderContext.lastRowIndex,
       minFirstIndex: 0,
       maxLastIndex: currentPage.rows.length,
       buffer: rowBuffer
     }),
-        _getRenderableIndexes6 = _slicedToArray(_getRenderableIndexes5, 2),
-        firstRowToRender = _getRenderableIndexes6[0],
-        lastRowToRender = _getRenderableIndexes6[1];
+        _getRenderableIndexes8 = _slicedToArray(_getRenderableIndexes7, 2),
+        firstRowToRender = _getRenderableIndexes8[0],
+        lastRowToRender = _getRenderableIndexes8[1];
 
     var renderedRows = [];
 
@@ -281,16 +304,16 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       });
     }
 
-    var _getRenderableIndexes7 = getRenderableIndexes({
+    var _getRenderableIndexes9 = getRenderableIndexes({
       firstIndex: nextRenderContext.firstColumnIndex,
       lastIndex: nextRenderContext.lastColumnIndex,
       minFirstIndex: minFirstColumn,
       maxLastIndex: maxLastColumn,
       buffer: columnBuffer
     }),
-        _getRenderableIndexes8 = _slicedToArray(_getRenderableIndexes7, 2),
-        initialFirstColumnToRender = _getRenderableIndexes8[0],
-        lastColumnToRender = _getRenderableIndexes8[1];
+        _getRenderableIndexes10 = _slicedToArray(_getRenderableIndexes9, 2),
+        initialFirstColumnToRender = _getRenderableIndexes10[0],
+        lastColumnToRender = _getRenderableIndexes10[1];
 
     var firstColumnToRender = getFirstNonSpannedColumnToRender({
       firstColumnToRender: initialFirstColumnToRender,
@@ -309,7 +332,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
           _id = _renderedRows$_i.id,
           _model = _renderedRows$_i.model;
       var lastVisibleRowIndex = firstRowToRender + _i === currentPage.rows.length - 1;
-      var targetRowHeight = apiRef.current.unstable_getRowHeight(_id);
+      var baseRowHeight = !apiRef.current.unstable_rowHasAutoHeight(_id) || ignoreAutoHeight ? apiRef.current.unstable_getRowHeight(_id) : 'auto';
       var isSelected = void 0;
 
       if (selectedRowsLookup[_id] == null) {
@@ -323,7 +346,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       rows.push( /*#__PURE__*/_jsx(rootProps.components.Row, _extends({
         row: _model,
         rowId: _id,
-        rowHeight: targetRowHeight,
+        rowHeight: baseRowHeight,
         cellFocus: cellFocus // TODO move to inside the row
         ,
         cellTabIndex: cellTabIndex // TODO move to inside the row
@@ -369,7 +392,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     return size;
   }, [rootRef, columnsTotalWidth, rowsMeta.currentPageTotalHeight, currentPage.rows.length, needsHorizontalScrollbar, rootProps.autoHeight, rowHeight]);
   React.useEffect(function () {
-    apiRef.current.publishEvent(GridEvents.virtualScrollerContentSizeChange);
+    apiRef.current.publishEvent('virtualScrollerContentSizeChange');
   }, [apiRef, contentSize]);
 
   if (rootProps.autoHeight && currentPage.rows.length === 0) {

package/legacy/hooks/utils/useGridApiEventHandler.js

@@ -9,22 +9,27 @@ import { FinalizationRegistryBasedCleanupTracking } from '../../utils/cleanupTra
  * Signal to the underlying logic what version of the public component API
  * of the data grid is exposed.
  */
-var GridSignature; // We use class to make it easier to detect in heap snapshots by name
+var GridSignature;
 
 (function (GridSignature) {
   GridSignature["DataGrid"] = "DataGrid";
   GridSignature["DataGridPro"] = "DataGridPro";
 })(GridSignature || (GridSignature = {}));
 
+// We use class to make it easier to detect in heap snapshots by name
 var ObjectToBeRetainedByReact = /*#__PURE__*/_createClass(function ObjectToBeRetainedByReact() {
   _classCallCheck(this, ObjectToBeRetainedByReact);
 }); // Based on https://github.com/Bnaya/use-dispose-uncommitted/blob/main/src/finalization-registry-based-impl.ts
 // Check https://github.com/facebook/react/issues/15317 to get more information
 
 
-export function createUseGridApiEventHandler(registry) {
+export function createUseGridApiEventHandler(registryContainer) {
   var cleanupTokensCounter = 0;
   return function useGridApiEventHandler(apiRef, eventName, handler, options) {
+    if (registryContainer.registry === null) {
+      registryContainer.registry = typeof FinalizationRegistry !== 'undefined' ? new FinalizationRegistryBasedCleanupTracking() : new TimerBasedCleanupTracking();
+    }
+
     var _React$useState = React.useState(new ObjectToBeRetainedByReact()),
         _React$useState2 = _slicedToArray(_React$useState, 1),
         objectRetainedByReact = _React$useState2[0];
@@ -48,7 +53,7 @@ export function createUseGridApiEventHandler(registry) {
       cleanupTokenRef.current = {
         cleanupToken: cleanupTokensCounter
       };
-      registry.register(objectRetainedByReact, // The callback below will be called once this reference stops being retained
+      registryContainer.registry.register(objectRetainedByReact, // The callback below will be called once this reference stops being retained
       function () {
         var _subscription$current;
 
@@ -61,7 +66,7 @@ export function createUseGridApiEventHandler(registry) {
       subscription.current = null;
 
       if (cleanupTokenRef.current) {
-        registry.unregister(cleanupTokenRef.current);
+        registryContainer.registry.unregister(cleanupTokenRef.current);
         cleanupTokenRef.current = null;
       }
     }
@@ -79,10 +84,10 @@ export function createUseGridApiEventHandler(registry) {
         subscription.current = apiRef.current.subscribeEvent(eventName, _enhancedHandler, options);
       }
 
-      if (cleanupTokenRef.current && registry) {
+      if (cleanupTokenRef.current && registryContainer.registry) {
         // If the effect was called, it means that this render was committed
         // so we can trust the cleanup function to remove the listener.
-        registry.unregister(cleanupTokenRef.current);
+        registryContainer.registry.unregister(cleanupTokenRef.current);
         cleanupTokenRef.current = null;
       }
 
@@ -95,12 +100,18 @@ export function createUseGridApiEventHandler(registry) {
     }, [apiRef, eventName, options]);
   };
 }
-var registry = typeof FinalizationRegistry !== 'undefined' ? new FinalizationRegistryBasedCleanupTracking() : new TimerBasedCleanupTracking(); // eslint-disable-next-line @typescript-eslint/naming-convention
+var registryContainer = {
+  registry: null
+}; // TODO: move to @mui/x-data-grid/internals
+// eslint-disable-next-line @typescript-eslint/naming-convention
 
 export var unstable_resetCleanupTracking = function unstable_resetCleanupTracking() {
-  return registry.reset();
+  var _registryContainer$re;
+
+  (_registryContainer$re = registryContainer.registry) == null ? void 0 : _registryContainer$re.reset();
+  registryContainer.registry = null;
 };
-export var useGridApiEventHandler = createUseGridApiEventHandler(registry);
+export var useGridApiEventHandler = createUseGridApiEventHandler(registryContainer);
 var optionsSubscriberOptions = {
   isFirst: true
 };

package/legacy/hooks/utils/useGridNativeEventListener.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
-import { GridEvents } from '../../models/events';
 import { isFunction } from '../../utils/utils';
 import { useGridLogger } from './useGridLogger';
 export var useGridNativeEventListener = function useGridNativeEventListener(apiRef, ref, eventName, handler, options) {
@@ -38,7 +37,7 @@ export var useGridNativeEventListener = function useGridNativeEventListener(apiR
         boundElem.removeEventListener(eventName, wrapHandler, options);
       };
 
-      apiRef.current.subscribeEvent(GridEvents.unmount, unsubscribe);
+      apiRef.current.subscribeEvent('unmount', unsubscribe);
     }
   }, [ref, wrapHandler, eventName, added, logger, options, apiRef]);
 };

package/legacy/hooks/utils/useGridSelector.js

@@ -1,7 +1,7 @@
 import { buildWarning } from '../../utils/warning';
 
 function isOutputSelector(selector) {
-  return selector.cache;
+  return selector.acceptsApiRef;
 }
 
 var stateNotInitializedWarning = buildWarning(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.0
+/** @license MUI v5.12.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/internals/index.js

@@ -35,7 +35,10 @@ export { useGridStatePersistence } from '../hooks/features/statePersistence/useG
 export { useGridVirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
 export { useGridVisibleRows } from '../hooks/utils/useGridVisibleRows';
 export { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
-export { createSelector } from '../utils/createSelector';
+export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/export/utils';
+export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual } from '../utils/utils';
+export { clamp, isDeepEqual } from '../utils/utils';
+export { buildWarning } from '../utils/warning';
+export { exportAs } from '../utils/exportAs';

package/legacy/locales/arSD.js

@@ -22,11 +22,16 @@ var arSDGrid = {
   toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
     return count !== 1 ? "".concat(count, " \u0645\u0646 \u0627\u0644\u0645\u0631\u0634\u0650\u062D\u0627\u062A \u0627\u0644\u0646\u0634\u0637\u0629") : "\u0645\u0631\u0634\u0650\u062D \u0646\u0634\u0637";
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'تصدير',
   toolbarExportLabel: 'تصدير',
   toolbarExportCSV: 'تنزيل كملف CSV',
   // toolbarExportPrint: 'Print',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'البحث عن العمود',
   columnsPanelTextFieldPlaceholder: 'عنوان العمود',

package/legacy/locales/bgBG.js

@@ -22,11 +22,16 @@ var bgBGGrid = {
   toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
     return "".concat(count, " \u0430\u043A\u0442\u0438\u0432\u043D\u0438 \u0444\u0438\u043B\u0442\u0440\u0438");
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Изтегли',
   toolbarExportLabel: 'Изтегли',
   toolbarExportCSV: 'Изтегли като CSV',
   toolbarExportPrint: 'Принтиране',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Намери колона',
   columnsPanelTextFieldPlaceholder: 'Заглавие на колона',

package/legacy/locales/csCZ.js

@@ -30,11 +30,16 @@ var csCZGrid = {
 
     return "".concat(count, " ").concat(pluralForm);
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Export',
   toolbarExportLabel: 'Export',
   toolbarExportCSV: 'Stáhnout jako CSV',
   toolbarExportPrint: 'Vytisknout',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Najít sloupec',
   columnsPanelTextFieldPlaceholder: 'Název sloupce',

package/legacy/locales/daDK.js

@@ -22,11 +22,16 @@ var daDKGrid = {
   toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
     return count !== 1 ? "".concat(count, " aktive filtre") : "".concat(count, " aktivt filter");
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   // toolbarExport: 'Export',
   toolbarExportLabel: 'Eksporter',
   toolbarExportCSV: 'Download som CSV',
   toolbarExportPrint: 'Print',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Find kolonne',
   columnsPanelTextFieldPlaceholder: 'Kolonne titel',

package/legacy/locales/deDE.js

@@ -22,11 +22,16 @@ var deDEGrid = {
   toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
     return count !== 1 ? "".concat(count, " aktive Filter") : "".concat(count, " aktiver Filter");
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Exportieren',
   toolbarExportLabel: 'Exportieren',
   toolbarExportCSV: 'Download als CSV',
   toolbarExportPrint: 'Drucken',
+  toolbarExportExcel: 'Download als Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Finde Spalte',
   columnsPanelTextFieldPlaceholder: 'Spaltenüberschrift',
@@ -36,7 +41,7 @@ var deDEGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Filter hinzufügen',
   filterPanelDeleteIconLabel: 'Löschen',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logische Operatoren',
   filterPanelOperators: 'Operatoren',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Und',
@@ -57,7 +62,7 @@ var deDEGrid = {
   filterOperatorOnOrBefore: 'ist am oder vor',
   filterOperatorIsEmpty: 'ist leer',
   filterOperatorIsNotEmpty: 'ist nicht leer',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'ist einer der Werte',
   // Filter values text
   filterValueAny: 'Beliebig',
   filterValueTrue: 'Ja',
@@ -115,8 +120,8 @@ var deDEGrid = {
   },
   // Master/detail
   expandDetailPanel: 'Aufklappen',
-  collapseDetailPanel: 'Zuklappen' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  collapseDetailPanel: 'Zuklappen',
+  // Row reordering text
+  rowReorderingHeaderName: 'Reihen neu ordnen'
 };
 export var deDE = getGridLocalization(deDEGrid, deDECore);

package/legacy/locales/elGR.js

@@ -21,11 +21,16 @@ var elGRGrid = {
   toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
     return count !== 1 ? "".concat(count, " \u03B5\u03BD\u03B5\u03C1\u03B3\u03AC \u03C6\u03AF\u03BB\u03C4\u03C1\u03B1") : "".concat(count, " \u03B5\u03BD\u03B5\u03C1\u03B3\u03CC \u03C6\u03AF\u03BB\u03C4\u03C1\u03BF");
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Εξαγωγή',
   toolbarExportLabel: 'Εξαγωγή',
   toolbarExportCSV: 'Λήψη ως CSV',
   // toolbarExportPrint: 'Print',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Εύρεση στήλης',
   columnsPanelTextFieldPlaceholder: 'Επικεφαλίδα στήλης',

package/legacy/locales/esES.js

@@ -22,11 +22,16 @@ var esESGrid = {
   toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
     return count > 1 ? "".concat(count, " filtros activos") : "".concat(count, " filtro activo");
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
   toolbarExportCSV: 'Descargar como CSV',
   // toolbarExportPrint: 'Print',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Columna de búsqueda',
   columnsPanelTextFieldPlaceholder: 'Título de columna',

package/legacy/locales/faIR.js

@@ -22,11 +22,16 @@ var faIRGrid = {
   toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
     return count !== 1 ? "".concat(count, " \u0641\u06CC\u0644\u062A\u0631\u0647\u0627\u06CC \u0641\u0639\u0627\u0644") : "".concat(count, " \u0641\u06CC\u0644\u062A\u0631 \u0641\u0639\u0627\u0644");
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'خروجی',
   toolbarExportLabel: 'خروجی',
   toolbarExportCSV: 'دانلود به صورت CSV',
   toolbarExportPrint: 'چاپ',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'پیداکردن ستون',
   columnsPanelTextFieldPlaceholder: 'عنوان ستون',

package/legacy/locales/fiFI.js

@@ -22,11 +22,16 @@ var fiFIGrid = {
   toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
     return count !== 1 ? "".concat(count, " aktiivista suodatinta") : "".concat(count, " aktiivinen suodatin");
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Export',
   toolbarExportLabel: 'Export',
   toolbarExportCSV: 'Lataa CSV-muodossa',
   toolbarExportPrint: 'Tulosta',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Etsi sarake',
   columnsPanelTextFieldPlaceholder: 'Sarakkeen otsikko',