@mui/x-data-grid 6.9.0 → 6.9.2

package/modern/locales/huHU.js

@@ -60,34 +60,32 @@ const huHUGrid = {
   filterOperatorIsEmpty: 'üres',
   filterOperatorIsNotEmpty: 'nem üres',
   filterOperatorIsAnyOf: 'a következők egyike:',
-  // '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',
+  headerFilterOperatorContains: 'Tartalmazza:',
+  headerFilterOperatorEquals: 'Egyenlő ezzel:',
+  headerFilterOperatorStartsWith: 'Ezzel kezdődik:',
+  headerFilterOperatorEndsWith: 'Ezzel végződik:',
   // 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',
-
+  headerFilterOperatorAfter: 'Ezutáni:',
+  headerFilterOperatorOnOrAfter: 'Ekkozori vagy ezutáni:',
+  headerFilterOperatorBefore: 'Ezelőtti:',
+  headerFilterOperatorOnOrBefore: 'Ekkori vagy ezelőtti:',
+  headerFilterOperatorIsEmpty: 'Üres',
+  headerFilterOperatorIsNotEmpty: 'Nem üres',
+  headerFilterOperatorIsAnyOf: 'A következők egyike:',
+  'headerFilterOperator=': 'Egyenlő',
+  'headerFilterOperator!=': 'Nem egyenlő',
+  'headerFilterOperator>': 'Nagyobb mint',
+  'headerFilterOperator>=': 'Nagyobb vagy egyenlő',
+  'headerFilterOperator<': 'Kissebb mint',
+  'headerFilterOperator<=': 'Kissebb vagy enygenlő',
   // Filter values text
   filterValueAny: 'bármilyen',
   filterValueTrue: 'igaz',

package/modern/locales/roRO.js

@@ -37,7 +37,7 @@ const roROGrid = {
   columnsPanelHideAllButton: 'Ascunde tot',
   // Filter panel text
   filterPanelAddFilter: 'Adăugare filtru',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Șterge tot',
   filterPanelDeleteIconLabel: 'Ștergere',
   filterPanelLogicOperator: 'Operatori logici',
   filterPanelOperator: 'Operatori',
@@ -60,34 +60,32 @@ const roROGrid = {
   filterOperatorIsEmpty: 'este gol',
   filterOperatorIsNotEmpty: 'nu este gol',
   filterOperatorIsAnyOf: 'este una din valori',
-  // '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: 'Conține',
+  headerFilterOperatorEquals: 'Egal cu',
+  headerFilterOperatorStartsWith: 'Începe cu',
+  headerFilterOperatorEndsWith: 'Se termină cu',
+  headerFilterOperatorIs: 'Este',
+  headerFilterOperatorNot: 'Nu este',
+  headerFilterOperatorAfter: 'Este după',
+  headerFilterOperatorOnOrAfter: 'Este la sau „după”',
+  headerFilterOperatorBefore: 'Este înainte de',
+  headerFilterOperatorOnOrBefore: 'este la sau înainte de',
+  headerFilterOperatorIsEmpty: 'Este gol',
+  headerFilterOperatorIsNotEmpty: 'Nu este gol',
+  headerFilterOperatorIsAnyOf: 'Este una din valori',
+  'headerFilterOperator=': 'Egal cu',
+  'headerFilterOperator!=': 'Nu este egal cu',
+  'headerFilterOperator>': 'Mai mare decât',
+  'headerFilterOperator>=': 'Mai mare sau egal cu',
+  'headerFilterOperator<': 'Mai mic decât',
+  'headerFilterOperator<=': 'Mai mic sau egal cu',
   // Filter values text
   filterValueAny: 'Aleatoriu',
   filterValueTrue: 'Da',
@@ -95,7 +93,7 @@ const roROGrid = {
   // Column menu text
   columnMenuLabel: 'Meniu',
   columnMenuShowColumns: 'Afișează toate coloanele',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Gestionează coloane',
   columnMenuFilter: 'Filtru',
   columnMenuHideColumn: 'Ascunde',
   columnMenuUnsort: 'Dezactivare sortare',
@@ -139,15 +137,13 @@ const roROGrid = {
   expandDetailPanel: 'Extindere',
   collapseDetailPanel: 'Restrângere',
   // Row reordering text
-  rowReorderingHeaderName: 'Reordonare rânduri'
-
+  rowReorderingHeaderName: 'Reordonare rânduri',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Agregare',
+  aggregationFunctionLabelSum: 'Sumă',
+  aggregationFunctionLabelAvg: 'Medie',
+  aggregationFunctionLabelMin: 'Minim',
+  aggregationFunctionLabelMax: 'Maxim',
+  aggregationFunctionLabelSize: 'Numărul elementelor'
 };
-
 export const roRO = getGridLocalization(roROGrid, roROCore);

package/node/DataGrid/DataGrid.js

@@ -522,7 +522,10 @@ DataGridRaw.propTypes = {
    * Select the pageSize dynamically using the component UI.
    * @default [25, 50, 100]
    */
-  pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number),
+  pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    label: _propTypes.default.string.isRequired,
+    value: _propTypes.default.number.isRequired
+  })]).isRequired),
   pagination: props => {
     if (props.pagination === false) {
       return new Error(['MUI: `<DataGrid pagination={false} />` is not a valid prop.', 'Infinite scrolling is not available in the MIT version.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to disable the pagination.'].join('\n'));

package/node/DataGrid/useDataGridComponent.js

@@ -60,7 +60,7 @@ const useDataGridComponent = (inputApiRef, props) => {
   (0, _useGridRowSelection.useGridRowSelection)(privateApiRef, props);
   (0, _useGridColumns.useGridColumns)(privateApiRef, props);
   (0, _useGridRows.useGridRows)(privateApiRef, props);
-  (0, _useGridParamsApi.useGridParamsApi)(privateApiRef);
+  (0, _useGridParamsApi.useGridParamsApi)(privateApiRef, props);
   (0, _useGridColumnSpanning.useGridColumnSpanning)(privateApiRef);
   (0, _useGridColumnGrouping.useGridColumnGrouping)(privateApiRef, props);
   (0, _useGridEditing.useGridEditing)(privateApiRef, props);

package/node/colDef/gridActionsColDef.js

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

package/node/colDef/gridBooleanColDef.js

@@ -43,6 +43,7 @@ const GRID_BOOLEAN_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_S
   valueFormatter: gridBooleanFormatter,
   filterOperators: (0, _gridBooleanOperators.getGridBooleanOperators)(),
   getApplyQuickFilterFn: undefined,
+  getApplyQuickFilterFnV7: undefined,
   // @ts-ignore
   aggregable: false,
   // @ts-ignore

package/node/colDef/gridBooleanOperators.js

@@ -5,19 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getGridBooleanOperators = void 0;
 var _GridFilterInputBoolean = require("../components/panel/filterPanel/GridFilterInputBoolean");
-const getGridBooleanOperators = () => [{
+var _utils = require("./utils");
+const getGridBooleanOperators = () => (0, _utils.convertLegacyOperators)([{
   value: 'is',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (!filterItem.value) {
       return null;
     }
     const valueAsBoolean = filterItem.value === 'true';
-    return ({
-      value
-    }) => {
+    return value => {
       return Boolean(value) === valueAsBoolean;
     };
   },
   InputComponent: _GridFilterInputBoolean.GridFilterInputBoolean
-}];
+}]);
 exports.getGridBooleanOperators = getGridBooleanOperators;

package/node/colDef/gridCheckboxSelectionColDef.js

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

package/node/colDef/gridDateColDef.js

@@ -61,6 +61,7 @@ const GRID_DATE_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRI
   filterOperators: (0, _gridDateOperators.getGridDateOperators)(),
   renderEditCell: _GridEditDateCell.renderEditDateCell,
   getApplyQuickFilterFn: undefined,
+  getApplyQuickFilterFnV7: undefined,
   // @ts-ignore
   pastedValueParser: value => new Date(value)
 });
@@ -72,6 +73,7 @@ const GRID_DATETIME_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_
   filterOperators: (0, _gridDateOperators.getGridDateOperators)(true),
   renderEditCell: _GridEditDateCell.renderEditDateCell,
   getApplyQuickFilterFn: undefined,
+  getApplyQuickFilterFnV7: undefined,
   // @ts-ignore
   pastedValueParser: value => new Date(value)
 });

package/node/colDef/gridDateOperators.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getGridDateOperators = void 0;
 var _GridFilterInputDate = require("../components/panel/filterPanel/GridFilterInputDate");
+var _utils = require("./utils");
 const dateRegex = /(\d+)-(\d+)-(\d+)/;
 const dateTimeRegex = /(\d+)-(\d+)-(\d+)T(\d+):(\d+)/;
 function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
@@ -13,9 +14,7 @@ function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
   }
   const [year, month, day, hour, minute] = filterItem.value.match(showTime ? dateTimeRegex : dateRegex).slice(1).map(Number);
   const time = new Date(year, month - 1, day, hour || 0, minute || 0).getTime();
-  return ({
-    value
-  }) => {
+  return value => {
     if (!value) {
       return false;
     }
@@ -29,9 +28,9 @@ function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
     return compareFn(timeToCompare, time);
   };
 }
-const getGridDateOperators = showTime => [{
+const getGridDateOperators = showTime => (0, _utils.convertLegacyOperators)([{
   value: 'is',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 === value2, showTime);
   },
   InputComponent: _GridFilterInputDate.GridFilterInputDate,
@@ -40,7 +39,7 @@ const getGridDateOperators = showTime => [{
   }
 }, {
   value: 'not',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 !== value2, showTime);
   },
   InputComponent: _GridFilterInputDate.GridFilterInputDate,
@@ -49,7 +48,7 @@ const getGridDateOperators = showTime => [{
   }
 }, {
   value: 'after',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 > value2, showTime);
   },
   InputComponent: _GridFilterInputDate.GridFilterInputDate,
@@ -58,7 +57,7 @@ const getGridDateOperators = showTime => [{
   }
 }, {
   value: 'onOrAfter',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 >= value2, showTime);
   },
   InputComponent: _GridFilterInputDate.GridFilterInputDate,
@@ -67,7 +66,7 @@ const getGridDateOperators = showTime => [{
   }
 }, {
   value: 'before',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 < value2, showTime, !showTime);
   },
   InputComponent: _GridFilterInputDate.GridFilterInputDate,
@@ -76,7 +75,7 @@ const getGridDateOperators = showTime => [{
   }
 }, {
   value: 'onOrBefore',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 <= value2, showTime);
   },
   InputComponent: _GridFilterInputDate.GridFilterInputDate,
@@ -85,23 +84,19 @@ const getGridDateOperators = showTime => [{
   }
 }, {
   value: 'isEmpty',
-  getApplyFilterFn: () => {
-    return ({
-      value
-    }) => {
+  getApplyFilterFnV7: () => {
+    return value => {
       return value == null;
     };
   },
   requiresFilterValue: false
 }, {
   value: 'isNotEmpty',
-  getApplyFilterFn: () => {
-    return ({
-      value
-    }) => {
+  getApplyFilterFnV7: () => {
+    return value => {
       return value != null;
     };
   },
   requiresFilterValue: false
-}];
+}]);
 exports.getGridDateOperators = getGridDateOperators;

package/node/colDef/gridNumericColDef.js

@@ -10,6 +10,7 @@ var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
 var _utils = require("../utils/utils");
 var _gridNumericOperators = require("./gridNumericOperators");
 var _gridStringColDef = require("./gridStringColDef");
+var _utils2 = require("./utils");
 const GRID_NUMERIC_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
   type: 'number',
   align: 'right',
@@ -20,6 +21,7 @@ const GRID_NUMERIC_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_S
     value
   }) => (0, _utils.isNumber)(value) ? value.toLocaleString() : value || '',
   filterOperators: (0, _gridNumericOperators.getGridNumericOperators)(),
-  getApplyQuickFilterFn: _gridNumericOperators.getGridNumericQuickFilterFn
+  getApplyQuickFilterFn: (0, _utils2.convertQuickFilterV7ToLegacy)(_gridNumericOperators.getGridNumericQuickFilterFn),
+  getApplyQuickFilterFnV7: _gridNumericOperators.getGridNumericQuickFilterFn
 });
 exports.GRID_NUMERIC_COL_DEF = GRID_NUMERIC_COL_DEF;

package/node/colDef/gridNumericOperators.js

@@ -6,32 +6,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.getGridNumericQuickFilterFn = exports.getGridNumericOperators = void 0;
 var _GridFilterInputValue = require("../components/panel/filterPanel/GridFilterInputValue");
 var _GridFilterInputMultipleValue = require("../components/panel/filterPanel/GridFilterInputMultipleValue");
+var _utils = require("./utils");
 const parseNumericValue = value => {
   if (value == null) {
     return null;
   }
   return Number(value);
 };
-const getGridNumericQuickFilterFn = value => {
+const getGridNumericQuickFilterFn = (0, _utils.tagInternalFilter)(value => {
   if (value == null || Number.isNaN(value) || value === '') {
     return null;
   }
-  return ({
-    value: columnValue
-  }) => {
+  return columnValue => {
     return parseNumericValue(columnValue) === parseNumericValue(value);
   };
-};
+});
 exports.getGridNumericQuickFilterFn = getGridNumericQuickFilterFn;
-const getGridNumericOperators = () => [{
+const getGridNumericOperators = () => (0, _utils.convertLegacyOperators)([{
   value: '=',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (filterItem.value == null || Number.isNaN(filterItem.value)) {
       return null;
     }
-    return ({
-      value
-    }) => {
+    return value => {
       return parseNumericValue(value) === filterItem.value;
     };
   },
@@ -41,13 +38,11 @@ const getGridNumericOperators = () => [{
   }
 }, {
   value: '!=',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (filterItem.value == null || Number.isNaN(filterItem.value)) {
       return null;
     }
-    return ({
-      value
-    }) => {
+    return value => {
       return parseNumericValue(value) !== filterItem.value;
     };
   },
@@ -57,13 +52,11 @@ const getGridNumericOperators = () => [{
   }
 }, {
   value: '>',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (filterItem.value == null || Number.isNaN(filterItem.value)) {
       return null;
     }
-    return ({
-      value
-    }) => {
+    return value => {
       if (value == null) {
         return false;
       }
@@ -76,13 +69,11 @@ const getGridNumericOperators = () => [{
   }
 }, {
   value: '>=',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (filterItem.value == null || Number.isNaN(filterItem.value)) {
       return null;
     }
-    return ({
-      value
-    }) => {
+    return value => {
       if (value == null) {
         return false;
       }
@@ -95,13 +86,11 @@ const getGridNumericOperators = () => [{
   }
 }, {
   value: '<',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (filterItem.value == null || Number.isNaN(filterItem.value)) {
       return null;
     }
-    return ({
-      value
-    }) => {
+    return value => {
       if (value == null) {
         return false;
       }
@@ -114,13 +103,11 @@ const getGridNumericOperators = () => [{
   }
 }, {
   value: '<=',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (filterItem.value == null || Number.isNaN(filterItem.value)) {
       return null;
     }
-    return ({
-      value
-    }) => {
+    return value => {
       if (value == null) {
         return false;
       }
@@ -133,33 +120,27 @@ const getGridNumericOperators = () => [{
   }
 }, {
   value: 'isEmpty',
-  getApplyFilterFn: () => {
-    return ({
-      value
-    }) => {
+  getApplyFilterFnV7: () => {
+    return value => {
       return value == null;
     };
   },
   requiresFilterValue: false
 }, {
   value: 'isNotEmpty',
-  getApplyFilterFn: () => {
-    return ({
-      value
-    }) => {
+  getApplyFilterFnV7: () => {
+    return value => {
       return value != null;
     };
   },
   requiresFilterValue: false
 }, {
   value: 'isAnyOf',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
       return null;
     }
-    return ({
-      value
-    }) => {
+    return value => {
       return value != null && filterItem.value.includes(Number(value));
     };
   },
@@ -167,5 +148,5 @@ const getGridNumericOperators = () => [{
   InputComponentProps: {
     type: 'number'
   }
-}];
+}]);
 exports.getGridNumericOperators = getGridNumericOperators;

package/node/colDef/gridSingleSelectOperators.js

@@ -7,45 +7,40 @@ exports.getGridSingleSelectOperators = void 0;
 var _GridFilterInputSingleSelect = require("../components/panel/filterPanel/GridFilterInputSingleSelect");
 var _GridFilterInputMultipleSingleSelect = require("../components/panel/filterPanel/GridFilterInputMultipleSingleSelect");
 var _utils = require("../utils/utils");
+var _utils2 = require("./utils");
 const parseObjectValue = value => {
   if (value == null || !(0, _utils.isObject)(value)) {
     return value;
   }
   return value.value;
 };
-const getGridSingleSelectOperators = () => [{
+const getGridSingleSelectOperators = () => (0, _utils2.convertLegacyOperators)([{
   value: 'is',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (filterItem.value == null || filterItem.value === '') {
       return null;
     }
-    return ({
-      value
-    }) => parseObjectValue(value) === parseObjectValue(filterItem.value);
+    return value => parseObjectValue(value) === parseObjectValue(filterItem.value);
   },
   InputComponent: _GridFilterInputSingleSelect.GridFilterInputSingleSelect
 }, {
   value: 'not',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (filterItem.value == null || filterItem.value === '') {
       return null;
     }
-    return ({
-      value
-    }) => parseObjectValue(value) !== parseObjectValue(filterItem.value);
+    return value => parseObjectValue(value) !== parseObjectValue(filterItem.value);
   },
   InputComponent: _GridFilterInputSingleSelect.GridFilterInputSingleSelect
 }, {
   value: 'isAnyOf',
-  getApplyFilterFn: filterItem => {
+  getApplyFilterFnV7: filterItem => {
     if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
       return null;
     }
     const filterItemValues = filterItem.value.map(parseObjectValue);
-    return ({
-      value
-    }) => filterItemValues.includes(parseObjectValue(value));
+    return value => filterItemValues.includes(parseObjectValue(value));
   },
   InputComponent: _GridFilterInputMultipleSingleSelect.GridFilterInputMultipleSingleSelect
-}];
+}]);
 exports.getGridSingleSelectOperators = getGridSingleSelectOperators;

package/node/colDef/gridStringColDef.js

@@ -7,6 +7,7 @@ exports.GRID_STRING_COL_DEF = void 0;
 var _GridEditInputCell = require("../components/cell/GridEditInputCell");
 var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
 var _gridStringOperators = require("./gridStringOperators");
+var _utils = require("./utils");
 /**
  * TODO: Move pro and premium properties outside of this Community file
  */
@@ -28,6 +29,7 @@ const GRID_STRING_COL_DEF = {
   align: 'left',
   filterOperators: (0, _gridStringOperators.getGridStringOperators)(),
   renderEditCell: _GridEditInputCell.renderEditInputCell,
-  getApplyQuickFilterFn: _gridStringOperators.getGridStringQuickFilterFn
+  getApplyQuickFilterFn: (0, _utils.convertQuickFilterV7ToLegacy)(_gridStringOperators.getGridStringQuickFilterFn),
+  getApplyQuickFilterFnV7: _gridStringOperators.getGridStringQuickFilterFn
 };
 exports.GRID_STRING_COL_DEF = GRID_STRING_COL_DEF;