@mui/x-data-grid 6.11.0 → 6.11.2

package/hooks/features/filter/gridFilterUtils.js

@@ -4,6 +4,13 @@ import { GLOBAL_API_REF, isInternalFilter } from '../../../colDef/utils';
 import { getDefaultGridFilterModel } from './gridFilterState';
 import { buildWarning } from '../../../utils/warning';
 import { gridColumnFieldsSelector, gridColumnLookupSelector, gridVisibleColumnFieldsSelector } from '../columns';
+let hasEval;
+try {
+  // eslint-disable-next-line no-eval
+  hasEval = eval('true');
+} catch (_) {
+  hasEval = false;
+}
 /**
  * Adds default values to the optional fields of a filter items.
  * @param {GridFilterItem} item The raw filter item.
@@ -127,7 +134,7 @@ let filterItemsApplierId = 1;
  * @param {React.MutableRefObject<GridApiCommunity>} apiRef The API of the grid.
  * @returns {GridAggregatedFilterItemApplier | null} A method that checks if a row is matching the current filter model. If `null`, we consider that all the rows are matching the filters.
  */
-export const buildAggregatedFilterItemsApplier = (getRowId, filterModel, apiRef) => {
+export const buildAggregatedFilterItemsApplier = (getRowId, filterModel, apiRef, disableEval) => {
   const {
     items
   } = filterModel;
@@ -135,22 +142,19 @@ export const buildAggregatedFilterItemsApplier = (getRowId, filterModel, apiRef)
   if (appliers.length === 0) {
     return null;
   }
-
-  // Original logic:
-  // return (row, shouldApplyFilter) => {
-  //   const resultPerItemId: GridFilterItemResult = {};
-  //
-  //   for (let i = 0; i < appliers.length; i += 1) {
-  //     const applier = appliers[i];
-  //     if (!shouldApplyFilter || shouldApplyFilter(applier.item.field)) {
-  //       resultPerItemId[applier.item.id!] = applier.v7
-  //         ? applier.fn(row)
-  //         : applier.fn(getRowId ? getRowId(row) : row.id);
-  //     }
-  //   }
-  //
-  //   return resultPerItemId;
-  // };
+  if (!hasEval || disableEval) {
+    // This is the original logic, which is used if `eval()` is not supported (aka prevented by CSP).
+    return (row, shouldApplyFilter) => {
+      const resultPerItemId = {};
+      for (let i = 0; i < appliers.length; i += 1) {
+        const applier = appliers[i];
+        if (!shouldApplyFilter || shouldApplyFilter(applier.item.field)) {
+          resultPerItemId[applier.item.id] = applier.v7 ? applier.fn(row) : applier.fn(getRowId ? getRowId(row) : row.id);
+        }
+      }
+      return resultPerItemId;
+    };
+  }
 
   // We generate a new function with `eval()` to avoid expensive patterns for JS engines
   // such as a dynamic object assignment, e.g. `{ [dynamicKey]: value }`.
@@ -260,8 +264,8 @@ export const buildAggregatedQuickFilterApplier = (getRowId, filterModel, apiRef)
     return result;
   };
 };
-export const buildAggregatedFilterApplier = (getRowId, filterModel, apiRef) => {
-  const isRowMatchingFilterItems = buildAggregatedFilterItemsApplier(getRowId, filterModel, apiRef);
+export const buildAggregatedFilterApplier = (getRowId, filterModel, apiRef, disableEval) => {
+  const isRowMatchingFilterItems = buildAggregatedFilterItemsApplier(getRowId, filterModel, apiRef, disableEval);
   const isRowMatchingQuickFilter = buildAggregatedQuickFilterApplier(getRowId, filterModel, apiRef);
   return function isRowMatchingFilters(row, shouldApplyFilter, result) {
     var _isRowMatchingFilterI, _isRowMatchingQuickFi;

package/hooks/features/filter/useGridFilter.d.ts

@@ -8,4 +8,4 @@ export declare const filterStateInitializer: GridStateInitializer<Pick<DataGridP
  * @requires useGridParamsApi (method)
  * @requires useGridRows (event)
  */
-export declare const useGridFilter: (apiRef: React.MutableRefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'rows' | 'initialState' | 'filterModel' | 'getRowId' | 'onFilterModelChange' | 'filterMode' | 'disableMultipleColumnsFiltering' | 'slots' | 'slotProps' | 'disableColumnFilter'>) => void;
+export declare const useGridFilter: (apiRef: React.MutableRefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'rows' | 'initialState' | 'filterModel' | 'getRowId' | 'onFilterModelChange' | 'filterMode' | 'disableMultipleColumnsFiltering' | 'slots' | 'slotProps' | 'disableColumnFilter' | 'disableEval'>) => void;

package/hooks/features/filter/useGridFilter.js

@@ -61,7 +61,7 @@ export const useGridFilter = (apiRef, props) => {
   const updateFilteredRows = React.useCallback(() => {
     apiRef.current.setState(state => {
       const filterModel = gridFilterModelSelector(state, apiRef.current.instanceId);
-      const isRowMatchingFilters = props.filterMode === 'client' ? buildAggregatedFilterApplier(props.getRowId, filterModel, apiRef) : null;
+      const isRowMatchingFilters = props.filterMode === 'client' ? buildAggregatedFilterApplier(props.getRowId, filterModel, apiRef, props.disableEval) : null;
       const filteringResult = apiRef.current.applyStrategyProcessor('filtering', {
         isRowMatchingFilters,
         filterModel: filterModel != null ? filterModel : getDefaultGridFilterModel()
@@ -75,7 +75,7 @@ export const useGridFilter = (apiRef, props) => {
       });
     });
     apiRef.current.publishEvent('filteredRowsSet');
-  }, [apiRef, props.filterMode, props.getRowId]);
+  }, [apiRef, props.filterMode, props.getRowId, props.disableEval]);
   const addColumnMenuItem = React.useCallback((columnMenuItems, colDef) => {
     if (colDef == null || colDef.filterable === false || props.disableColumnFilter) {
       return columnMenuItems;

package/hooks/features/rows/useGridRows.js

@@ -52,6 +52,16 @@ export const useGridRows = (apiRef, props) => {
     }
     return null;
   }, [apiRef]);
+  const getRowIdProp = props.getRowId;
+  const getRowId = React.useCallback(row => {
+    if (GRID_ID_AUTOGENERATED in row) {
+      return row[GRID_ID_AUTOGENERATED];
+    }
+    if (getRowIdProp) {
+      return getRowIdProp(row);
+    }
+    return row.id;
+  }, [getRowIdProp]);
   const lookup = React.useMemo(() => currentPage.rows.reduce((acc, {
     id
   }, index) => {
@@ -297,6 +307,7 @@ export const useGridRows = (apiRef, props) => {
   }, [apiRef, props.signature, props.getRowId]);
   const rowApi = {
     getRow,
+    getRowId,
     getRowModels,
     getRowsCount,
     getAllRowIds,

package/hooks/utils/useTimeout.d.ts

@@ -0,0 +1,9 @@
+declare class Timeout {
+    static create(): Timeout;
+    currentId: number;
+    start(delay: number, fn: Function): void;
+    clear: () => void;
+    disposeEffect: () => () => void;
+}
+export declare function useTimeout(): Timeout;
+export {};

package/hooks/utils/useTimeout.js

@@ -0,0 +1,28 @@
+import { useLazyRef } from './useLazyRef';
+import { useOnMount } from './useOnMount';
+class Timeout {
+  constructor() {
+    this.currentId = 0;
+    this.clear = () => {
+      if (this.currentId !== 0) {
+        clearTimeout(this.currentId);
+        this.currentId = 0;
+      }
+    };
+    this.disposeEffect = () => {
+      return this.clear;
+    };
+  }
+  static create() {
+    return new Timeout();
+  }
+  start(delay, fn) {
+    this.clear();
+    this.currentId = setTimeout(fn, delay);
+  }
+}
+export function useTimeout() {
+  const timeout = useLazyRef(Timeout.create).current;
+  useOnMount(timeout.disposeEffect);
+  return timeout;
+}

package/index.js

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

package/legacy/DataGrid/DataGrid.js

@@ -5,7 +5,7 @@ import { chainPropTypes } from '@mui/utils';
 import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot } from '../components';
 import { GridContextProvider } from '../context/GridContextProvider';
 import { useDataGridComponent } from './useDataGridComponent';
-import { useDataGridProps } from './useDataGridProps';
+import { useDataGridProps, DATA_GRID_PROPS_DEFAULT_VALUES } from './useDataGridProps';
 import { DataGridVirtualScroller } from '../components/DataGridVirtualScroller';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -28,6 +28,18 @@ var DataGridRaw = /*#__PURE__*/React.forwardRef(function DataGrid(inProps, ref)
   });
 });
 export var DataGrid = /*#__PURE__*/React.memo(DataGridRaw);
+
+/**
+ * Remove at v7
+ * @deprecated
+ */
+export var SUBMIT_FILTER_STROKE_TIME = DATA_GRID_PROPS_DEFAULT_VALUES.filterDebounceMs;
+
+/**
+ * Remove at v7
+ * @deprecated
+ */
+export var SUBMIT_FILTER_DATE_STROKE_TIME = DATA_GRID_PROPS_DEFAULT_VALUES.filterDebounceMs;
 DataGridRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -143,6 +155,12 @@ DataGridRaw.propTypes = {
    * @default false
    */
   disableDensitySelector: PropTypes.bool,
+  /**
+   * If `true`, `eval()` is not used for performance optimization.
+   * @default false
+   * @ignore - do not document
+   */
+  disableEval: PropTypes.bool,
   /**
    * If `true`, the selection on click on a row or cell is disabled.
    * @default false
@@ -167,6 +185,11 @@ DataGridRaw.propTypes = {
     columnGrouping: PropTypes.bool,
     warnIfFocusStateIsNotSynced: PropTypes.bool
   }),
+  /**
+   * The milliseconds delay to wait after a keystroke before triggering filtering.
+   * @default 150
+   */
+  filterDebounceMs: PropTypes.number,
   /**
    * Filtering can be processed on the server or client-side.
    * Set it to 'server' if you would like to handle filtering on the server-side.

package/legacy/DataGrid/useDataGridProps.js

@@ -38,6 +38,7 @@ export var DATA_GRID_PROPS_DEFAULT_VALUES = {
   disableColumnMenu: false,
   disableColumnSelector: false,
   disableDensitySelector: false,
+  disableEval: false,
   disableMultipleColumnsFiltering: false,
   disableMultipleRowSelection: false,
   disableMultipleColumnsSorting: false,
@@ -45,6 +46,7 @@ export var DATA_GRID_PROPS_DEFAULT_VALUES = {
   disableVirtualization: false,
   editMode: GridEditModes.Cell,
   filterMode: 'client',
+  filterDebounceMs: 150,
   columnHeaderHeight: 56,
   hideFooter: false,
   hideFooterPagination: false,

package/legacy/components/panel/filterPanel/GridFilterInputDate.js

@@ -5,9 +5,9 @@ var _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "Inp
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useId as useId } from '@mui/utils';
+import { useTimeout } from '../../../hooks/utils/useTimeout';
 import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var SUBMIT_FILTER_DATE_STROKE_TIME = 500;
 function GridFilterInputDate(props) {
   var _item$value, _rootProps$slotProps;
   var item = props.item,
@@ -21,7 +21,7 @@ function GridFilterInputDate(props) {
     tabIndex = props.tabIndex,
     disabled = props.disabled,
     other = _objectWithoutProperties(props, _excluded);
-  var filterTimeout = React.useRef();
+  var filterTimeout = useTimeout();
   var _React$useState = React.useState((_item$value = item.value) != null ? _item$value : ''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     filterValueState = _React$useState2[0],
@@ -34,21 +34,15 @@ function GridFilterInputDate(props) {
   var rootProps = useGridRootProps();
   var onFilterChange = React.useCallback(function (event) {
     var value = event.target.value;
-    clearTimeout(filterTimeout.current);
     setFilterValueState(String(value));
     setIsApplying(true);
-    filterTimeout.current = setTimeout(function () {
+    filterTimeout.start(rootProps.filterDebounceMs, function () {
       applyValue(_extends({}, item, {
         value: value
       }));
       setIsApplying(false);
-    }, SUBMIT_FILTER_DATE_STROKE_TIME);
-  }, [applyValue, item]);
-  React.useEffect(function () {
-    return function () {
-      clearTimeout(filterTimeout.current);
-    };
-  }, []);
+    });
+  }, [applyValue, item, rootProps.filterDebounceMs, filterTimeout]);
   React.useEffect(function () {
     var _item$value2;
     var itemValue = (_item$value2 = item.value) != null ? _item$value2 : '';

package/legacy/components/panel/filterPanel/GridFilterInputValue.js

@@ -5,9 +5,9 @@ var _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "tab
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useId as useId } from '@mui/utils';
+import { useTimeout } from '../../../hooks/utils/useTimeout';
 import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var SUBMIT_FILTER_STROKE_TIME = 500;
 function GridFilterInputValue(props) {
   var _item$value, _rootProps$slotProps;
   var item = props.item,
@@ -21,7 +21,7 @@ function GridFilterInputValue(props) {
     clearButton = props.clearButton,
     InputProps = props.InputProps,
     others = _objectWithoutProperties(props, _excluded);
-  var filterTimeout = React.useRef();
+  var filterTimeout = useTimeout();
   var _React$useState = React.useState((_item$value = item.value) != null ? _item$value : ''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     filterValueState = _React$useState2[0],
@@ -34,26 +34,24 @@ function GridFilterInputValue(props) {
   var rootProps = useGridRootProps();
   var onFilterChange = React.useCallback(function (event) {
     var value = event.target.value;
-    clearTimeout(filterTimeout.current);
     setFilterValueState(String(value));
     setIsApplying(true);
-    filterTimeout.current = setTimeout(function () {
-      applyValue(_extends({}, item, {
-        value: value
-      }));
+    filterTimeout.start(rootProps.filterDebounceMs, function () {
+      var newItem = _extends({}, item, {
+        value: value,
+        fromInput: id
+      });
+      applyValue(newItem);
       setIsApplying(false);
-    }, SUBMIT_FILTER_STROKE_TIME);
-  }, [applyValue, item]);
+    });
+  }, [id, applyValue, item, rootProps.filterDebounceMs, filterTimeout]);
   React.useEffect(function () {
-    return function () {
-      clearTimeout(filterTimeout.current);
-    };
-  }, []);
-  React.useEffect(function () {
-    var _item$value2;
-    var itemValue = (_item$value2 = item.value) != null ? _item$value2 : '';
-    setFilterValueState(String(itemValue));
-  }, [item.value]);
+    var itemPlusTag = item;
+    if (itemPlusTag.fromInput !== id) {
+      var _item$value2;
+      setFilterValueState(String((_item$value2 = item.value) != null ? _item$value2 : ''));
+    }
+  }, [id, item]);
   return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({
     id: id,
     label: apiRef.current.getLocaleText('filterPanelInputLabel'),

package/legacy/components/panel/filterPanel/GridFilterPanel.js

@@ -42,9 +42,7 @@ var GridFilterPanel = /*#__PURE__*/React.forwardRef(function GridFilterPanel(pro
     _props$disableRemoveA = props.disableRemoveAllButton,
     disableRemoveAllButton = _props$disableRemoveA === void 0 ? false : _props$disableRemoveA,
     other = _objectWithoutProperties(props, _excluded);
-  var applyFilter = React.useCallback(function (item) {
-    apiRef.current.upsertFilterItem(item);
-  }, [apiRef]);
+  var applyFilter = apiRef.current.upsertFilterItem;
   var applyFilterLogicOperator = React.useCallback(function (operator) {
     apiRef.current.setFilterLogicOperator(operator);
   }, [apiRef]);

package/legacy/components/toolbar/GridToolbarQuickFilter.js

@@ -52,16 +52,16 @@ var defaultSearchValueFormatter = function defaultSearchValueFormatter(values) {
 };
 function GridToolbarQuickFilter(props) {
   var _rootProps$slotProps, _rootProps$slotProps2;
+  var apiRef = useGridApiContext();
+  var rootProps = useGridRootProps();
+  var quickFilterValues = useGridSelector(apiRef, gridQuickFilterValuesSelector);
   var _props$quickFilterPar = props.quickFilterParser,
     quickFilterParser = _props$quickFilterPar === void 0 ? defaultSearchValueParser : _props$quickFilterPar,
     _props$quickFilterFor = props.quickFilterFormatter,
     quickFilterFormatter = _props$quickFilterFor === void 0 ? defaultSearchValueFormatter : _props$quickFilterFor,
     _props$debounceMs = props.debounceMs,
-    debounceMs = _props$debounceMs === void 0 ? 500 : _props$debounceMs,
+    debounceMs = _props$debounceMs === void 0 ? rootProps.filterDebounceMs : _props$debounceMs,
     other = _objectWithoutProperties(props, _excluded);
-  var apiRef = useGridApiContext();
-  var rootProps = useGridRootProps();
-  var quickFilterValues = useGridSelector(apiRef, gridQuickFilterValuesSelector);
   var _React$useState = React.useState(function () {
       return quickFilterFormatter(quickFilterValues != null ? quickFilterValues : []);
     }),
@@ -133,7 +133,7 @@ process.env.NODE_ENV !== "production" ? GridToolbarQuickFilter.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * The debounce time in milliseconds.
-   * @default 500
+   * @default 150
    */
   debounceMs: PropTypes.number,
   /**

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

@@ -50,11 +50,6 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
   // the new state needs to be in place before the grid can be sized correctly
   var updateGridColumnsForPrint = React.useCallback(function (fields, allColumns) {
     return new Promise(function (resolve) {
-      // TODO remove unused Promise
-      if (!fields && !allColumns) {
-        resolve();
-        return;
-      }
       var exportedColumnFields = getColumnsToExport({
         apiRef: apiRef,
         options: {

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

@@ -7,13 +7,15 @@ export var getColumnsToExport = function getColumnsToExport(_ref) {
     options = _ref.options;
   var columns = gridColumnDefinitionsSelector(apiRef);
   if (options.fields) {
-    return options.fields.map(function (field) {
-      return columns.find(function (column) {
-        return column.field === field;
+    return options.fields.reduce(function (currentColumns, field) {
+      var column = columns.find(function (col) {
+        return col.field === field;
       });
-    }).filter(function (column) {
-      return !!column;
-    });
+      if (column) {
+        currentColumns.push(column);
+      }
+      return currentColumns;
+    }, []);
   }
   var validColumns = options.allColumns ? columns : gridVisibleColumnDefinitionsSelector(apiRef);
   return validColumns.filter(function (column) {

package/legacy/hooks/features/filter/gridFilterUtils.js

@@ -4,6 +4,13 @@ import { GLOBAL_API_REF, isInternalFilter } from '../../../colDef/utils';
 import { getDefaultGridFilterModel } from './gridFilterState';
 import { buildWarning } from '../../../utils/warning';
 import { gridColumnFieldsSelector, gridColumnLookupSelector, gridVisibleColumnFieldsSelector } from '../columns';
+var hasEval;
+try {
+  // eslint-disable-next-line no-eval
+  hasEval = eval('true');
+} catch (_) {
+  hasEval = false;
+}
 /**
  * Adds default values to the optional fields of a filter items.
  * @param {GridFilterItem} item The raw filter item.
@@ -141,7 +148,7 @@ var filterItemsApplierId = 1;
  * @param {React.MutableRefObject<GridApiCommunity>} apiRef The API of the grid.
  * @returns {GridAggregatedFilterItemApplier | null} A method that checks if a row is matching the current filter model. If `null`, we consider that all the rows are matching the filters.
  */
-export var buildAggregatedFilterItemsApplier = function buildAggregatedFilterItemsApplier(getRowId, filterModel, apiRef) {
+export var buildAggregatedFilterItemsApplier = function buildAggregatedFilterItemsApplier(getRowId, filterModel, apiRef, disableEval) {
   var items = filterModel.items;
   var appliers = items.map(function (item) {
     return getFilterCallbackFromItem(item, apiRef);
@@ -151,22 +158,19 @@ export var buildAggregatedFilterItemsApplier = function buildAggregatedFilterIte
   if (appliers.length === 0) {
     return null;
   }
-
-  // Original logic:
-  // return (row, shouldApplyFilter) => {
-  //   const resultPerItemId: GridFilterItemResult = {};
-  //
-  //   for (let i = 0; i < appliers.length; i += 1) {
-  //     const applier = appliers[i];
-  //     if (!shouldApplyFilter || shouldApplyFilter(applier.item.field)) {
-  //       resultPerItemId[applier.item.id!] = applier.v7
-  //         ? applier.fn(row)
-  //         : applier.fn(getRowId ? getRowId(row) : row.id);
-  //     }
-  //   }
-  //
-  //   return resultPerItemId;
-  // };
+  if (!hasEval || disableEval) {
+    // This is the original logic, which is used if `eval()` is not supported (aka prevented by CSP).
+    return function (row, shouldApplyFilter) {
+      var resultPerItemId = {};
+      for (var i = 0; i < appliers.length; i += 1) {
+        var applier = appliers[i];
+        if (!shouldApplyFilter || shouldApplyFilter(applier.item.field)) {
+          resultPerItemId[applier.item.id] = applier.v7 ? applier.fn(row) : applier.fn(getRowId ? getRowId(row) : row.id);
+        }
+      }
+      return resultPerItemId;
+    };
+  }
 
   // We generate a new function with `eval()` to avoid expensive patterns for JS engines
   // such as a dynamic object assignment, e.g. `{ [dynamicKey]: value }`.
@@ -270,8 +274,8 @@ export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilt
     return result;
   };
 };
-export var buildAggregatedFilterApplier = function buildAggregatedFilterApplier(getRowId, filterModel, apiRef) {
-  var isRowMatchingFilterItems = buildAggregatedFilterItemsApplier(getRowId, filterModel, apiRef);
+export var buildAggregatedFilterApplier = function buildAggregatedFilterApplier(getRowId, filterModel, apiRef, disableEval) {
+  var isRowMatchingFilterItems = buildAggregatedFilterItemsApplier(getRowId, filterModel, apiRef, disableEval);
   var isRowMatchingQuickFilter = buildAggregatedQuickFilterApplier(getRowId, filterModel, apiRef);
   return function isRowMatchingFilters(row, shouldApplyFilter, result) {
     var _isRowMatchingFilterI, _isRowMatchingQuickFi;

package/legacy/hooks/features/filter/useGridFilter.js

@@ -62,7 +62,7 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
   var updateFilteredRows = React.useCallback(function () {
     apiRef.current.setState(function (state) {
       var filterModel = gridFilterModelSelector(state, apiRef.current.instanceId);
-      var isRowMatchingFilters = props.filterMode === 'client' ? buildAggregatedFilterApplier(props.getRowId, filterModel, apiRef) : null;
+      var isRowMatchingFilters = props.filterMode === 'client' ? buildAggregatedFilterApplier(props.getRowId, filterModel, apiRef, props.disableEval) : null;
       var filteringResult = apiRef.current.applyStrategyProcessor('filtering', {
         isRowMatchingFilters: isRowMatchingFilters,
         filterModel: filterModel != null ? filterModel : getDefaultGridFilterModel()
@@ -76,7 +76,7 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
       });
     });
     apiRef.current.publishEvent('filteredRowsSet');
-  }, [apiRef, props.filterMode, props.getRowId]);
+  }, [apiRef, props.filterMode, props.getRowId, props.disableEval]);
   var addColumnMenuItem = React.useCallback(function (columnMenuItems, colDef) {
     if (colDef == null || colDef.filterable === false || props.disableColumnFilter) {
       return columnMenuItems;

package/legacy/hooks/features/rows/useGridRows.js

@@ -53,6 +53,16 @@ export var useGridRows = function useGridRows(apiRef, props) {
     }
     return null;
   }, [apiRef]);
+  var getRowIdProp = props.getRowId;
+  var getRowId = React.useCallback(function (row) {
+    if (GRID_ID_AUTOGENERATED in row) {
+      return row[GRID_ID_AUTOGENERATED];
+    }
+    if (getRowIdProp) {
+      return getRowIdProp(row);
+    }
+    return row.id;
+  }, [getRowIdProp]);
   var lookup = React.useMemo(function () {
     return currentPage.rows.reduce(function (acc, _ref2, index) {
       var id = _ref2.id;
@@ -314,6 +324,7 @@ export var useGridRows = function useGridRows(apiRef, props) {
   }, [apiRef, props.signature, props.getRowId]);
   var rowApi = {
     getRow: getRow,
+    getRowId: getRowId,
     getRowModels: getRowModels,
     getRowsCount: getRowsCount,
     getAllRowIds: getAllRowIds,

package/legacy/hooks/utils/useTimeout.js

@@ -0,0 +1,38 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import { useLazyRef } from './useLazyRef';
+import { useOnMount } from './useOnMount';
+var Timeout = /*#__PURE__*/function () {
+  function Timeout() {
+    var _this = this;
+    _classCallCheck(this, Timeout);
+    this.currentId = 0;
+    this.clear = function () {
+      if (_this.currentId !== 0) {
+        clearTimeout(_this.currentId);
+        _this.currentId = 0;
+      }
+    };
+    this.disposeEffect = function () {
+      return _this.clear;
+    };
+  }
+  _createClass(Timeout, [{
+    key: "start",
+    value: function start(delay, fn) {
+      this.clear();
+      this.currentId = setTimeout(fn, delay);
+    }
+  }], [{
+    key: "create",
+    value: function create() {
+      return new Timeout();
+    }
+  }]);
+  return Timeout;
+}();
+export function useTimeout() {
+  var timeout = useLazyRef(Timeout.create).current;
+  useOnMount(timeout.disposeEffect);
+  return timeout;
+}

package/legacy/index.js

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

package/legacy/locales/esES.js

@@ -59,37 +59,35 @@ var esESGrid = {
   filterOperatorOnOrAfter: 'es en o posterior',
   filterOperatorBefore: 'es anterior',
   filterOperatorOnOrBefore: 'es en o anterior',
-  filterOperatorIsEmpty: 'está vacío',
+  filterOperatorIsEmpty: 'esta vacío',
   filterOperatorIsNotEmpty: 'no esta vacío',
   filterOperatorIsAnyOf: 'es cualquiera de',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'Contiene',
+  headerFilterOperatorEquals: 'Es igual a',
+  headerFilterOperatorStartsWith: 'Comienza con',
+  headerFilterOperatorEndsWith: 'Termina con',
+  headerFilterOperatorIs: 'Es',
+  headerFilterOperatorNot: 'No es',
+  headerFilterOperatorAfter: 'Esta después de',
+  headerFilterOperatorOnOrAfter: 'Esta en o después de',
+  headerFilterOperatorBefore: 'Esta antes de',
+  headerFilterOperatorOnOrBefore: 'Esta en o antes de',
+  headerFilterOperatorIsEmpty: 'Esta vacío',
+  headerFilterOperatorIsNotEmpty: 'No esta vacío',
+  headerFilterOperatorIsAnyOf: 'Es cualquiera de',
+  'headerFilterOperator=': 'Es igual a',
+  'headerFilterOperator!=': 'Es diferente a',
+  'headerFilterOperator>': 'Es mayor que',
+  'headerFilterOperator>=': 'Es mayor o igual que',
+  'headerFilterOperator<': 'Es menor que',
+  'headerFilterOperator<=': 'Es menor o igual que',
   // Filter values text
   filterValueAny: 'cualquiera',
   filterValueTrue: 'verdadero',