@mui/x-data-grid 5.9.0 → 5.11.1

package/modern/locales/ruRU.js

@@ -31,11 +31,16 @@ const ruRUGrid = {
 
     return `${count} ${pluralForm}`;
   },
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Поиск...',
+  toolbarQuickFilterLabel: 'Поиск',
+  toolbarQuickFilterDeleteIconLabel: 'Очистить',
   // Export selector toolbar button text
   toolbarExport: 'Экспорт',
   toolbarExportLabel: 'Экспорт',
   toolbarExportCSV: 'Скачать в формате CSV',
   toolbarExportPrint: 'Печать',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Найти столбец',
   columnsPanelTextFieldPlaceholder: 'Заголовок столбца',
@@ -136,6 +141,8 @@ const ruRUGrid = {
   unGroupColumn: name => `Разгруппировать по ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const ruRU = getGridLocalization(ruRUGrid, ruRUCore);

package/modern/locales/skSK.js

@@ -30,11 +30,16 @@ const skSKGrid = {
 
     return `${count} ${pluralForm}`;
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Export',
   toolbarExportLabel: 'Export',
   toolbarExportCSV: 'Stiahnuť ako CSV',
   toolbarExportPrint: 'Vytlačiť',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Nájsť stĺpec',
   columnsPanelTextFieldPlaceholder: 'Názov stĺpca',
@@ -138,6 +143,8 @@ const skSKGrid = {
   unGroupColumn: name => `Prestať zoskupovať podľa ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const skSK = getGridLocalization(skSKGrid, skSKCore);

package/modern/locales/trTR.js

@@ -20,11 +20,16 @@ const trTRGrid = {
   toolbarFiltersTooltipHide: 'Filtreleri gizle',
   toolbarFiltersTooltipShow: 'Filtreleri göster',
   toolbarFiltersTooltipActive: count => `${count} aktif filtre`,
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Dışa aktar',
   toolbarExportLabel: 'Dışa aktar',
   toolbarExportCSV: 'CSV olarak aktar',
   toolbarExportPrint: 'Yazdır',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Sütun ara',
   columnsPanelTextFieldPlaceholder: 'Sütun adı',
@@ -103,6 +108,8 @@ const trTRGrid = {
   unGroupColumn: name => `${name} için gruplamayı kaldır`,
   // Master/detail
   expandDetailPanel: 'Genişlet',
-  collapseDetailPanel: 'Gizle'
+  collapseDetailPanel: 'Gizle' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const trTR = getGridLocalization(trTRGrid, trTRCore);

package/modern/locales/ukUA.js

@@ -38,11 +38,16 @@ const ukUAGrid = {
     few: 'активні фільтри',
     many: 'активних фільтрів'
   }),
+  // 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: 'Заголовок стовпця',
@@ -129,6 +134,8 @@ const ukUAGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const ukUA = getGridLocalization(ukUAGrid, ukUACore);

package/modern/locales/viVN.js

@@ -20,11 +20,16 @@ const viVNGrid = {
   toolbarFiltersTooltipHide: 'Ẩn',
   toolbarFiltersTooltipShow: 'Hiện',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} bộ lọc hoạt động` : `${count} bộ lọc hoạt động`,
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Xuất',
   toolbarExportLabel: 'Xuất',
   toolbarExportCSV: 'Xuất CSV',
   toolbarExportPrint: 'In',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Tìm kiếm',
   columnsPanelTextFieldPlaceholder: 'Tiêu đề cột',
@@ -103,6 +108,8 @@ const viVNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const viVN = getGridLocalization(viVNGrid, viVNCore);

package/modern/locales/zhCN.js

@@ -20,11 +20,16 @@ const zhCNGrid = {
   toolbarFiltersTooltipHide: '隐藏筛选器',
   toolbarFiltersTooltipShow: '显示筛选器',
   toolbarFiltersTooltipActive: count => `${count} 个筛选器`,
+  // 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: '列名',
@@ -103,6 +108,8 @@ const zhCNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const zhCN = getGridLocalization(zhCNGrid, zhCNCore);

package/modern/models/events/gridEvents.js

@@ -20,6 +20,8 @@ var GridEvents;
   GridEvents["cellEditCommit"] = "cellEditCommit";
   GridEvents["cellEditStart"] = "cellEditStart";
   GridEvents["cellEditStop"] = "cellEditStop";
+  GridEvents["cellModesModelChange"] = "cellModesModelChange";
+  GridEvents["rowModesModelChange"] = "rowModesModelChange";
   GridEvents["rowEditStart"] = "rowEditStart";
   GridEvents["rowEditStop"] = "rowEditStop";
   GridEvents["rowEditCommit"] = "rowEditCommit";
@@ -29,6 +31,9 @@ var GridEvents;
   GridEvents["rowMouseEnter"] = "rowMouseEnter";
   GridEvents["rowMouseLeave"] = "rowMouseLeave";
   GridEvents["editRowsModelChange"] = "editRowsModelChange";
+  GridEvents["rowDragStart"] = "rowDragStart";
+  GridEvents["rowDragOver"] = "rowDragOver";
+  GridEvents["rowDragEnd"] = "rowDragEnd";
   GridEvents["columnHeaderBlur"] = "columnHeaderBlur";
   GridEvents["columnHeaderFocus"] = "columnHeaderFocus";
   GridEvents["columnHeaderNavigationKeyDown"] = "columnHeaderNavigationKeyDown";
@@ -57,6 +62,7 @@ var GridEvents;
   GridEvents["columnResizeStart"] = "columnResizeStart";
   GridEvents["columnResizeStop"] = "columnResizeStop";
   GridEvents["columnOrderChange"] = "columnOrderChange";
+  GridEvents["rowOrderChange"] = "rowOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
   GridEvents["sortedRowsSet"] = "sortedRowsSet";
@@ -72,6 +78,8 @@ var GridEvents;
   GridEvents["stateChange"] = "stateChange";
   GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
   GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
+  GridEvents["virtualScrollerWheel"] = "virtualScrollerWheel";
+  GridEvents["virtualScrollerTouchMove"] = "virtualScrollerTouchMove";
   GridEvents["preferencePanelClose"] = "preferencePanelClose";
   GridEvents["preferencePanelOpen"] = "preferencePanelOpen";
 })(GridEvents || (GridEvents = {}));

package/modern/models/index.js

@@ -18,9 +18,10 @@ export * from './gridIconSlotsComponent';
 export * from './gridSlotsComponent';
 export * from './gridSlotsComponentsProps';
 export * from './gridDensity';
-export * from './gridExport';
 export * from './logger';
 export * from './muiEvent';
 export * from './events';
-export * from './gridSortModel';
-export * from './gridFilterOperator';
+export * from './gridSortModel'; // Do not export GridExportFormat and GridExportExtension which are override in pro package
+
+export * from './gridFilterOperator';
+export {};

package/modern/utils/createSelector.js

@@ -1,8 +1,14 @@
 import { createSelector as reselectCreateSelector } from 'reselect';
 import { buildWarning } from './warning';
-const cache = {};
+const cacheContainer = {
+  cache: null
+};
 const missingInstanceIdWarning = buildWarning(['MUI: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, e.g. `mySelector(apiRef)`, or pass the instance ID explicitly, e.g `mySelector(state, apiRef.current.instanceId)`.']);
 export const createSelector = (...args) => {
+  if (cacheContainer.cache === null) {
+    cacheContainer.cache = {};
+  }
+
   const selector = (...selectorArgs) => {
     const [stateOrApiRef, instanceId] = selectorArgs;
     const isApiRef = !!stateOrApiRef.current;
@@ -15,6 +21,14 @@ export const createSelector = (...args) => {
       }
     }
 
+    if (cacheContainer.cache === null) {
+      cacheContainer.cache = {};
+    }
+
+    const {
+      cache
+    } = cacheContainer;
+
     if (cache[cacheKey] && cache[cacheKey].get(args)) {
       // We pass the cache key because the called selector might have as
       // dependency another selector created with this `createSelector`.
@@ -33,6 +47,10 @@ export const createSelector = (...args) => {
   // or it's only a simple function the receives the state and returns part of it.
 
 
-  selector.cache = cache;
+  selector.acceptsApiRef = true;
   return selector;
+}; // eslint-disable-next-line @typescript-eslint/naming-convention
+
+export const unstable_resetCreateSelectorCache = () => {
+  cacheContainer.cache = null;
 };

package/modern/utils/exportAs.js

@@ -8,7 +8,7 @@
  * https://unpkg.com/browse/@progress/kendo-file-saver@1.0.7/dist/es/save-as.js
  * https://github.com/ag-grid/ag-grid/blob/9565c219b6210aa85fa833c929d0728f9d163a91/community-modules/csv-export/src/csvExport/downloader.ts
  */
-export function exportAs(blob, extension = 'csv', filename = document.title) {
+export function exportAs(blob, extension = 'csv', filename = document.title || 'untitled') {
   const fullName = `${filename}.${extension}`; // Test download attribute first
   // https://github.com/eligrey/FileSaver.js/issues/193
 

package/node/DataGrid/DataGrid.js

@@ -81,6 +81,11 @@ DataGridRaw.propTypes = {
    */
   autoPageSize: _propTypes.default.bool,
 
+  /**
+   * Controls the modes of the cells.
+   */
+  cellModesModel: _propTypes.default.object,
+
   /**
    * If `true`, the grid get a first column with a checkbox that allows to select rows.
    * @default false
@@ -228,7 +233,9 @@ DataGridRaw.propTypes = {
       operatorValue: _propTypes.default.string,
       value: _propTypes.default.any
     })).isRequired,
-    linkOperator: _propTypes.default.oneOf(['and', 'or'])
+    linkOperator: _propTypes.default.oneOf(['and', 'or']),
+    quickFilterLogicOperator: _propTypes.default.oneOf(['and', 'or']),
+    quickFilterValues: _propTypes.default.array
   }),
 
   /**
@@ -316,6 +323,14 @@ DataGridRaw.propTypes = {
    */
   isRowSelectable: _propTypes.default.func,
 
+  /**
+   * If `true`, the selection model will retain selected rows that do not exist.
+   * Useful when using server side pagination and row selections need to be retained
+   * when changing pages.
+   * @default false
+   */
+  keepNonExistentRowsSelected: _propTypes.default.bool,
+
   /**
    * If `true`, a  loading overlay is displayed.
    */
@@ -403,6 +418,13 @@ DataGridRaw.propTypes = {
    */
   onCellKeyDown: _propTypes.default.func,
 
+  /**
+   * Callback fired when the `cellModesModel` prop changes.
+   * @param {GridCellModesModel} cellModesModel Object containig which cells are in "edit" mode.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onCellModesModelChange: _propTypes.default.func,
+
   /**
    * Callback fired when a click event comes from a column header element.
    * @param {GridColumnHeaderParams} params With all properties from [[GridColumnHeaderParams]].
@@ -589,6 +611,13 @@ DataGridRaw.propTypes = {
    */
   onRowEditStop: _propTypes.default.func,
 
+  /**
+   * Callback fired when the `rowModesModel` prop changes.
+   * @param {GridRowModesModel} rowModesModel Object containig which rows are in "edit" mode.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onRowModesModelChange: _propTypes.default.func,
+
   /**
    * Callback fired when the selection state of one or multiple rows changes.
    * @param {GridSelectionModel} selectionModel With all the row ids [[GridSelectionModel]].
@@ -674,6 +703,11 @@ DataGridRaw.propTypes = {
    */
   rowHeight: _propTypes.default.number,
 
+  /**
+   * Controls the modes of the rows.
+   */
+  rowModesModel: _propTypes.default.object,
+
   /**
    * Set of rows of type [[GridRowsProp]].
    */

package/node/DataGrid/useDataGridProps.js

@@ -80,7 +80,8 @@ const DATA_GRID_PROPS_DEFAULT_VALUES = {
   sortingMode: _models.GridFeatureModeConstant.client,
   throttleRowsMs: 0,
   disableColumnReorder: false,
-  disableColumnResize: false
+  disableColumnResize: false,
+  keepNonExistentRowsSelected: false
 };
 exports.DATA_GRID_PROPS_DEFAULT_VALUES = DATA_GRID_PROPS_DEFAULT_VALUES;
 

package/node/colDef/gridActionsColDef.js

@@ -24,6 +24,7 @@ const GRID_ACTIONS_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_S
   headerName: '',
   disableColumnMenu: true,
   disableExport: true,
-  renderCell: _GridActionsCell.renderActionsCell
+  renderCell: _GridActionsCell.renderActionsCell,
+  getApplyQuickFilterFn: undefined
 });
 exports.GRID_ACTIONS_COL_DEF = GRID_ACTIONS_COL_DEF;

package/node/colDef/gridBooleanColDef.js

@@ -34,6 +34,7 @@ const GRID_BOOLEAN_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_S
   renderEditCell: _GridEditBooleanCell.renderEditBooleanCell,
   sortComparator: _gridSortingUtils.gridNumberComparator,
   valueFormatter: gridBooleanFormatter,
-  filterOperators: (0, _gridBooleanOperators.getGridBooleanOperators)()
+  filterOperators: (0, _gridBooleanOperators.getGridBooleanOperators)(),
+  getApplyQuickFilterFn: undefined
 });
 exports.GRID_BOOLEAN_COL_DEF = GRID_BOOLEAN_COL_DEF;

package/node/colDef/gridCheckboxSelectionColDef.js

@@ -35,6 +35,7 @@ const GRID_CHECKBOX_SELECTION_COL_DEF = (0, _extends2.default)({}, _gridBooleanC
   disableColumnMenu: true,
   disableReorder: true,
   disableExport: true,
+  getApplyQuickFilterFn: undefined,
   valueGetter: params => {
     const selectionLookup = (0, _gridSelectionSelector.selectedIdsLookupSelector)(params.api.state, params.api.instanceId);
     return selectionLookup[params.id] !== undefined;

package/node/colDef/gridDateColDef.js

@@ -44,7 +44,8 @@ const GRID_DATE_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRI
   sortComparator: _gridSortingUtils.gridDateComparator,
   valueFormatter: gridDateFormatter,
   filterOperators: (0, _gridDateOperators.getGridDateOperators)(),
-  renderEditCell: _GridEditDateCell.renderEditDateCell
+  renderEditCell: _GridEditDateCell.renderEditDateCell,
+  getApplyQuickFilterFn: undefined
 });
 exports.GRID_DATE_COL_DEF = GRID_DATE_COL_DEF;
 const GRID_DATETIME_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
@@ -52,6 +53,7 @@ const GRID_DATETIME_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_
   sortComparator: _gridSortingUtils.gridDateComparator,
   valueFormatter: gridDateTimeFormatter,
   filterOperators: (0, _gridDateOperators.getGridDateOperators)(true),
-  renderEditCell: _GridEditDateCell.renderEditDateCell
+  renderEditCell: _GridEditDateCell.renderEditDateCell,
+  getApplyQuickFilterFn: undefined
 });
 exports.GRID_DATETIME_COL_DEF = GRID_DATETIME_COL_DEF;

package/node/colDef/gridNumericColDef.js

@@ -26,6 +26,7 @@ const GRID_NUMERIC_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_S
   valueFormatter: ({
     value
   }) => value && (0, _utils.isNumber)(value) && value.toLocaleString() || value,
-  filterOperators: (0, _gridNumericOperators.getGridNumericOperators)()
+  filterOperators: (0, _gridNumericOperators.getGridNumericOperators)(),
+  getApplyQuickFilterFn: _gridNumericOperators.getGridNumericQuickFilterFn
 });
 exports.GRID_NUMERIC_COL_DEF = GRID_NUMERIC_COL_DEF;

package/node/colDef/gridNumericOperators.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getGridNumericOperators = exports.getGridNumericColumnOperators = void 0;
+exports.getGridNumericQuickFilterFn = exports.getGridNumericOperators = exports.getGridNumericColumnOperators = void 0;
 
 var _GridFilterInputValue = require("../components/panel/filterPanel/GridFilterInputValue");
 
@@ -19,6 +19,20 @@ const parseNumericValue = value => {
   return Number(value);
 };
 
+const getGridNumericQuickFilterFn = value => {
+  if (value == null || Number.isNaN(value) || value === '') {
+    return null;
+  }
+
+  return ({
+    value: columnValue
+  }) => {
+    return parseNumericValue(columnValue) === parseNumericValue(value);
+  };
+};
+
+exports.getGridNumericQuickFilterFn = getGridNumericQuickFilterFn;
+
 const getGridNumericOperators = () => [{
   label: '=',
   value: '=',

package/node/colDef/gridSingleSelectColDef.js

@@ -18,6 +18,7 @@ var _gridSingleSelectOperators = require("./gridSingleSelectOperators");
 const GRID_SINGLE_SELECT_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
   type: 'singleSelect',
   renderEditCell: _GridEditSingleSelectCell.renderEditSingleSelectCell,
-  filterOperators: (0, _gridSingleSelectOperators.getGridSingleSelectOperators)()
+  filterOperators: (0, _gridSingleSelectOperators.getGridSingleSelectOperators)(),
+  getApplyQuickFilterFn: _gridSingleSelectOperators.getGridSingleSelectQuickFilterFn
 });
 exports.GRID_SINGLE_SELECT_COL_DEF = GRID_SINGLE_SELECT_COL_DEF;

package/node/colDef/gridSingleSelectOperators.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getGridSingleSelectOperators = void 0;
+exports.getGridSingleSelectQuickFilterFn = exports.getGridSingleSelectOperators = void 0;
 
 var _GridFilterInputSingleSelect = require("../components/panel/filterPanel/GridFilterInputSingleSelect");
 
@@ -17,6 +17,61 @@ const parseObjectValue = value => {
   return value.value;
 };
 
+const getGridSingleSelectQuickFilterFn = (value, column, apiRef) => {
+  if (!value) {
+    return null;
+  }
+
+  const {
+    valueOptions,
+    valueFormatter,
+    field
+  } = column;
+  const potentialValues = [parseObjectValue(value).toString()];
+  const iterableColumnValues = typeof valueOptions === 'function' ? valueOptions({
+    field
+  }) : valueOptions || [];
+
+  if (iterableColumnValues) {
+    iterableColumnValues.forEach(option => {
+      // for each valueOption, check if the formatted value
+      let optionValue;
+      let optionLabel;
+
+      if (typeof option === 'object') {
+        optionValue = option.value;
+        optionLabel = option.label;
+      } else {
+        optionValue = option;
+
+        if (valueFormatter) {
+          optionLabel = valueFormatter({
+            value: option,
+            field,
+            api: apiRef.current
+          });
+        } else {
+          optionLabel = option;
+        }
+      }
+
+      if (optionLabel.slice(0, value.length).toLowerCase() === value.toLowerCase()) {
+        if (!potentialValues.includes(optionValue)) {
+          potentialValues.push(optionValue.toString());
+        }
+      }
+    });
+  }
+
+  return ({
+    value: columnValue
+  }) => {
+    return columnValue != null ? potentialValues.includes(parseObjectValue(columnValue).toString()) : false;
+  };
+};
+
+exports.getGridSingleSelectQuickFilterFn = getGridSingleSelectQuickFilterFn;
+
 const getGridSingleSelectOperators = () => [{
   value: 'is',
   getApplyFilterFn: filterItem => {

package/node/colDef/gridStringColDef.js

@@ -27,6 +27,7 @@ const GRID_STRING_COL_DEF = {
   type: 'string',
   align: 'left',
   filterOperators: (0, _gridStringOperators.getGridStringOperators)(),
-  renderEditCell: _GridEditInputCell.renderEditInputCell
+  renderEditCell: _GridEditInputCell.renderEditInputCell,
+  getApplyQuickFilterFn: _gridStringOperators.getGridStringQuickFilterFn
 };
 exports.GRID_STRING_COL_DEF = GRID_STRING_COL_DEF;

package/node/colDef/gridStringOperators.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getGridStringOperators = void 0;
+exports.getGridStringQuickFilterFn = exports.getGridStringOperators = void 0;
 
 var _GridFilterInputValue = require("../components/panel/filterPanel/GridFilterInputValue");
 
@@ -11,6 +11,21 @@ var _utils = require("../utils/utils");
 
 var _GridFilterInputMultipleValue = require("../components/panel/filterPanel/GridFilterInputMultipleValue");
 
+const getGridStringQuickFilterFn = value => {
+  if (!value) {
+    return null;
+  }
+
+  const filterRegex = new RegExp((0, _utils.escapeRegExp)(value), 'i');
+  return ({
+    value: columnValue
+  }) => {
+    return columnValue != null ? filterRegex.test(columnValue.toString()) : false;
+  };
+};
+
+exports.getGridStringQuickFilterFn = getGridStringQuickFilterFn;
+
 const getGridStringOperators = () => [{
   value: 'contains',
   getApplyFilterFn: filterItem => {

package/node/components/GridFooter.js

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var React = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _useGridSelector = require("../hooks/utils/useGridSelector");
 
 var _gridRowsSelector = require("../hooks/features/rows/gridRowsSelector");
@@ -57,4 +59,11 @@ const GridFooter = /*#__PURE__*/React.forwardRef(function GridFooter(props, ref)
     children: [selectedRowCountElement, rowCountElement, paginationElement]
   }));
 });
-exports.GridFooter = GridFooter;
+exports.GridFooter = GridFooter;
+process.env.NODE_ENV !== "production" ? GridFooter.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;

package/node/components/GridRow.js

@@ -19,8 +19,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _material = require("@mui/material");
 
-var _events = require("../models/events");
-
 var _gridEditRowModel = require("../models/gridEditRowModel");
 
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
@@ -162,6 +160,11 @@ function GridRow(props) {
 
       if (field === _gridDetailPanelToggleField.GRID_DETAIL_PANEL_TOGGLE_FIELD) {
         return;
+      } // User reorders a row
+
+
+      if (field === '__reorder__') {
+        return;
       } // User is editing a cell
 
 
@@ -177,7 +180,7 @@ function GridRow(props) {
       }
     }
 
-    publish(_events.GridEvents.rowClick, onClick)(event);
+    publish('rowClick', onClick)(event);
   }, [apiRef, onClick, publish, rowId]);
   const style = (0, _extends2.default)({}, styleProp, {
     maxHeight: rowHeight,
@@ -303,9 +306,9 @@ function GridRow(props) {
     "aria-selected": selected,
     style: style,
     onClick: publishClick,
-    onDoubleClick: publish(_events.GridEvents.rowDoubleClick, onDoubleClick),
-    onMouseEnter: publish(_events.GridEvents.rowMouseEnter, onMouseEnter),
-    onMouseLeave: publish(_events.GridEvents.rowMouseLeave, onMouseLeave)
+    onDoubleClick: publish('rowDoubleClick', onDoubleClick),
+    onMouseEnter: publish('rowMouseEnter', onMouseEnter),
+    onMouseLeave: publish('rowMouseLeave', onMouseLeave)
   }, other, {
     children: [cells, emptyCellWidth > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyCell, {
       width: emptyCellWidth,

package/node/components/GridRowCount.js

@@ -89,5 +89,6 @@ process.env.NODE_ENV !== "production" ? GridRowCount.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   rowCount: _propTypes.default.number.isRequired,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   visibleRowCount: _propTypes.default.number.isRequired
 } : void 0;

package/node/components/GridScrollArea.js

@@ -19,8 +19,6 @@ var _material = require("@mui/material");
 
 var _styles = require("@mui/material/styles");
 
-var _events = require("../models/events");
-
 var _useGridApiEventHandler = require("../hooks/utils/useGridApiEventHandler");
 
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
@@ -125,9 +123,9 @@ function GridScrollAreaRaw(props) {
   const toggleDragging = React.useCallback(() => {
     setDragging(prevDragging => !prevDragging);
   }, []);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.rowsScroll, handleScrolling);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.columnHeaderDragStart, toggleDragging);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.columnHeaderDragEnd, toggleDragging);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'rowsScroll', handleScrolling);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnHeaderDragStart', toggleDragging);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnHeaderDragEnd', toggleDragging);
   return dragging ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GridScrollAreaRawRoot, {
     ref: rootRef,
     className: (0, _clsx.default)(classes.root),