@mui/x-data-grid 6.18.1 → 7.0.0-alpha.0

package/hooks/features/export/useGridPrintExport.js

@@ -7,7 +7,7 @@ import { gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector } from
 import { gridClasses } from '../../../constants/gridClasses';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
-import { getColumnsToExport } from './utils';
+import { defaultGetRowsToExport, getColumnsToExport } from './utils';
 import { mergeStateWithPaginationModel } from '../pagination/useGridPagination';
 import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { GridPrintExportMenuItem } from '../../../components/toolbar/GridToolbarExport';
@@ -121,12 +121,10 @@ export const useGridPrintExport = (apiRef, props) => {
     // the footer is always being placed at the bottom of the page as if all rows are exported
     // so if getRowsToExport is being used to only export a subset of rows then we need to
     // adjust the footer position to be correctly placed at the bottom of the grid
-    if (options != null && options.getRowsToExport) {
-      const gridFooterElement = gridClone.querySelector(`.${gridClasses.footerContainer}`);
-      gridFooterElement.style.position = 'absolute';
-      gridFooterElement.style.width = '100%';
-      gridFooterElement.style.top = `${computedTotalHeight - gridFooterElementHeight}px`;
-    }
+    const gridFooterElement = gridClone.querySelector(`.${gridClasses.footerContainer}`);
+    gridFooterElement.style.position = 'absolute';
+    gridFooterElement.style.width = '100%';
+    gridFooterElement.style.top = `${computedTotalHeight - gridFooterElementHeight}px`;
 
     // printDoc.body.appendChild(gridClone); should be enough but a clone isolation bug in Safari
     // prevents us to do it
@@ -210,6 +208,7 @@ export const useGridPrintExport = (apiRef, props) => {
     previousRows.current = [];
   }, [apiRef]);
   const exportDataAsPrint = React.useCallback(async options => {
+    var _options$getRowsToExp;
     logger.debug(`Export data as Print`);
     if (!apiRef.current.rootElementRef.current) {
       throw new Error('MUI: No grid root element available.');
@@ -230,9 +229,7 @@ export const useGridPrintExport = (apiRef, props) => {
       apiRef.current.forceUpdate();
     }
     await updateGridColumnsForPrint(options == null ? void 0 : options.fields, options == null ? void 0 : options.allColumns, options == null ? void 0 : options.includeCheckboxes);
-    if (options != null && options.getRowsToExport) {
-      updateGridRowsForPrint(options.getRowsToExport);
-    }
+    updateGridRowsForPrint((_options$getRowsToExp = options == null ? void 0 : options.getRowsToExport) != null ? _options$getRowsToExp : defaultGetRowsToExport);
     apiRef.current.unstable_setVirtualization(false);
     await raf(); // wait for the state changes to take action
     const printWindow = buildPrintWindow(options == null ? void 0 : options.fileName);

package/hooks/features/filter/gridFilterUtils.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GridLogicOperator } from '../../../models';
-import { GLOBAL_API_REF, isInternalFilter } from '../../../colDef/utils';
 import { getDefaultGridFilterModel } from './gridFilterState';
 import { buildWarning } from '../../../utils/warning';
 import { getPublicApiRef } from '../../../utils/getPublicApiRef';
@@ -109,42 +108,19 @@ const getFilterCallbackFromItem = (filterItem, apiRef) => {
   if (!filterOperator) {
     throw new Error(`MUI: No filter operator found for column '${column.field}' and operator value '${newFilterItem.operator}'.`);
   }
-  const hasUserFunctionLegacy = !isInternalFilter(filterOperator.getApplyFilterFn);
-  const hasUserFunctionV7 = !isInternalFilter(filterOperator.getApplyFilterFnV7);
   const publicApiRef = getPublicApiRef(apiRef);
-  if (filterOperator.getApplyFilterFnV7 && !(hasUserFunctionLegacy && !hasUserFunctionV7)) {
-    const applyFilterOnRow = filterOperator.getApplyFilterFnV7(newFilterItem, column);
-    if (typeof applyFilterOnRow !== 'function') {
-      return null;
-    }
-    return {
-      v7: true,
-      item: newFilterItem,
-      fn: row => {
-        let value = apiRef.current.getRowValue(row, column);
-        if (ignoreDiacritics) {
-          value = removeDiacritics(value);
-        }
-        return applyFilterOnRow(value, row, column, publicApiRef);
-      }
-    };
-  }
   const applyFilterOnRow = filterOperator.getApplyFilterFn(newFilterItem, column);
   if (typeof applyFilterOnRow !== 'function') {
     return null;
   }
   return {
-    v7: false,
     item: newFilterItem,
-    fn: rowId => {
-      const params = apiRef.current.getCellParams(rowId, newFilterItem.field);
-      GLOBAL_API_REF.current = publicApiRef;
+    fn: row => {
+      let value = apiRef.current.getRowValue(row, column);
       if (ignoreDiacritics) {
-        params.value = removeDiacritics(params.value);
+        value = removeDiacritics(value);
       }
-      const result = applyFilterOnRow(params);
-      GLOBAL_API_REF.current = null;
-      return result;
+      return applyFilterOnRow(value, row, column, publicApiRef);
     }
   };
 };
@@ -171,7 +147,7 @@ const buildAggregatedFilterItemsApplier = (filterModel, apiRef, disableEval) =>
       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(apiRef.current.getRowId(row));
+          resultPerItemId[applier.item.id] = applier.fn(row);
         }
       }
       return resultPerItemId;
@@ -187,7 +163,7 @@ const buildAggregatedFilterItemsApplier = (filterModel, apiRef, disableEval) =>
       ${appliers.map((applier, i) => `${JSON.stringify(String(applier.item.id))}:
           !shouldApply${i} ?
             false :
-            ${applier.v7 ? `appliers[${i}].fn(row)` : `appliers[${i}].fn(getRowId(row))`},
+            appliers[${i}].fn(row),
       `).join('\n')}};
 
       return result$$;
@@ -222,27 +198,12 @@ const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
   columnFields.forEach(field => {
     const column = apiRef.current.getColumn(field);
     const getApplyQuickFilterFn = column == null ? void 0 : column.getApplyQuickFilterFn;
-    const getApplyQuickFilterFnV7 = column == null ? void 0 : column.getApplyQuickFilterFnV7;
-    const hasUserFunctionLegacy = !isInternalFilter(getApplyQuickFilterFn);
-    const hasUserFunctionV7 = !isInternalFilter(getApplyQuickFilterFnV7);
-    if (getApplyQuickFilterFnV7 && !(hasUserFunctionLegacy && !hasUserFunctionV7)) {
+    if (getApplyQuickFilterFn) {
       appliersPerField.push({
         column,
         appliers: quickFilterValues.map(quickFilterValue => {
           const value = ignoreDiacritics ? removeDiacritics(quickFilterValue) : quickFilterValue;
           return {
-            v7: true,
-            fn: getApplyQuickFilterFnV7(value, column, publicApiRef)
-          };
-        })
-      });
-    } else if (getApplyQuickFilterFn) {
-      appliersPerField.push({
-        column,
-        appliers: quickFilterValues.map(quickFilterValue => {
-          const value = ignoreDiacritics ? removeDiacritics(quickFilterValue) : quickFilterValue;
-          return {
-            v7: false,
             fn: getApplyQuickFilterFn(value, column, publicApiRef)
           };
         })
@@ -251,7 +212,6 @@ const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
   });
   return function isRowMatchingQuickFilter(row, shouldApplyFilter) {
     const result = {};
-    const usedCellParams = {};
 
     /* eslint-disable no-restricted-syntax, no-labels */
     outer: for (let v = 0; v < quickFilterValues.length; v += 1) {
@@ -272,27 +232,13 @@ const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
         if (applier.fn === null) {
           continue;
         }
-        if (applier.v7) {
-          if (ignoreDiacritics) {
-            value = removeDiacritics(value);
-          }
-          const isMatching = applier.fn(value, row, column, publicApiRef);
-          if (isMatching) {
-            result[filterValue] = true;
-            continue outer;
-          }
-        } else {
-          var _usedCellParams$field;
-          const cellParams = (_usedCellParams$field = usedCellParams[field]) != null ? _usedCellParams$field : apiRef.current.getCellParams(apiRef.current.getRowId(row), field);
-          if (ignoreDiacritics) {
-            cellParams.value = removeDiacritics(cellParams.value);
-          }
-          usedCellParams[field] = cellParams;
-          const isMatching = applier.fn(cellParams);
-          if (isMatching) {
-            result[filterValue] = true;
-            continue outer;
-          }
+        if (ignoreDiacritics) {
+          value = removeDiacritics(value);
+        }
+        const isMatching = applier.fn(value, row, column, publicApiRef);
+        if (isMatching) {
+          result[filterValue] = true;
+          continue outer;
         }
       }
       result[filterValue] = false;

package/hooks/features/rows/useGridRows.js

@@ -289,7 +289,10 @@ export const useGridRows = (apiRef, props) => {
     });
 
     // Removes potential remaining skeleton rows from the dataRowIds.
-    const dataRowIds = rootGroupChildren.filter(childId => tree[childId].type === 'leaf');
+    const dataRowIds = rootGroupChildren.filter(childId => {
+      var _tree$childId;
+      return ((_tree$childId = tree[childId]) == null ? void 0 : _tree$childId.type) === 'leaf';
+    });
     apiRef.current.caches.rows.dataRowIdToModelLookup = dataRowIdToModelLookup;
     apiRef.current.caches.rows.dataRowIdToIdLookup = dataRowIdToIdLookup;
     apiRef.current.setState(state => _extends({}, state, {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.18.1
+ * @mui/x-data-grid v7.0.0-alpha.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.ts

@@ -79,5 +79,4 @@ export * from '../hooks/utils/useOnMount';
 export type { GridApiCommunity } from '../models/api/gridApiCommunity';
 export type { GridApiCaches } from '../models/gridApiCaches';
 export { serializeCellValue } from '../hooks/features/export/serializers/csvSerializer';
-export * from '../colDef/utils';
 export * from './utils';

package/internals/index.js

@@ -63,5 +63,4 @@ export * from '../utils/getPublicApiRef';
 export { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
 export * from '../hooks/utils/useOnMount';
 export { serializeCellValue } from '../hooks/features/export/serializers/csvSerializer';
-export * from '../colDef/utils';
 export * from './utils';

package/internals/utils/computeSlots.d.ts

@@ -1,6 +1,4 @@
-import { UncapitalizeObjectKeys } from './slotsMigration';
-export declare function computeSlots<SlotComponents extends object>({ defaultSlots, slots, components, }: {
-    defaultSlots: UncapitalizeObjectKeys<SlotComponents>;
-    slots?: UncapitalizeObjectKeys<Partial<SlotComponents>>;
-    components?: Partial<SlotComponents>;
-}): UncapitalizeObjectKeys<SlotComponents>;
+export declare function computeSlots<SlotComponents extends object>({ defaultSlots, slots, }: {
+    defaultSlots: SlotComponents;
+    slots?: Partial<SlotComponents>;
+}): SlotComponents;

package/internals/utils/computeSlots.js

@@ -1,15 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { uncapitalizeObjectKeys } from './slotsMigration';
-
-// TODO v7: Remove `components` and usages of `UncapitalizeObjectKeys` type
-// after converting keys in Grid(Pro|Premium)SlotsComponent to camelCase.
-// https://github.com/mui/mui-x/issues/7940
 export function computeSlots({
   defaultSlots,
-  slots,
-  components
+  slots
 }) {
-  const overrides = slots != null ? slots : components ? uncapitalizeObjectKeys(components) : null;
+  const overrides = slots;
   if (!overrides || Object.keys(overrides).length === 0) {
     return defaultSlots;
   }

package/internals/utils/index.d.ts

@@ -1,3 +1,2 @@
 export * from './computeSlots';
-export * from './slotsMigration';
 export * from './useProps';

package/internals/utils/index.js

@@ -1,3 +1,2 @@
 export * from './computeSlots';
-export * from './slotsMigration';
 export * from './useProps';

package/internals/utils/useProps.d.ts

@@ -1,8 +1 @@
-import { GridSlotsComponentsProps } from '../../models/gridSlotsComponentsProps';
-import { GridSlotsComponent } from '../../models';
-interface WithComponents {
-    components?: Partial<GridSlotsComponent>;
-    componentsProps?: GridSlotsComponentsProps;
-}
-export declare function useProps<T extends WithComponents>(allProps: T): readonly [Partial<GridSlotsComponent> | undefined, GridSlotsComponentsProps | undefined, Omit<T, "components" | "componentsProps">];
-export {};
+export declare function useProps<T extends Record<string, any>>(allProps: T): T;

package/internals/utils/useProps.js

@@ -1,6 +1,7 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["components", "componentsProps"];
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+
 /** Gathers props for the root element into a single `.forwardedProps` field */
 function groupForwardedProps(props) {
   var _props$forwardedProps;
@@ -23,11 +24,7 @@ function groupForwardedProps(props) {
 }
 export function useProps(allProps) {
   return React.useMemo(() => {
-    const {
-        components,
-        componentsProps
-      } = allProps,
-      themedProps = _objectWithoutPropertiesLoose(allProps, _excluded);
-    return [components, componentsProps, groupForwardedProps(themedProps)];
+    const themedProps = _extends({}, (_objectDestructuringEmpty(allProps), allProps));
+    return groupForwardedProps(themedProps);
   }, [allProps]);
 }

package/joy/icons.d.ts

@@ -1,5 +1,4 @@
 import { GridIconSlotsComponent } from '../models/gridIconSlotsComponent';
-import { UncapitalizeObjectKeys } from '../internals/utils';
 export declare const GridArrowUpwardIcon: import("@mui/types").OverridableComponent<import("@mui/joy/SvgIcon").SvgIconTypeMap<{}, "svg">>;
 export declare const GridArrowDownwardIcon: import("@mui/types").OverridableComponent<import("@mui/joy/SvgIcon").SvgIconTypeMap<{}, "svg">>;
 export declare const GridKeyboardArrowLeft: import("@mui/types").OverridableComponent<import("@mui/joy/SvgIcon").SvgIconTypeMap<{}, "svg">>;
@@ -29,5 +28,5 @@ export declare const GridViewColumnIcon: import("@mui/types").OverridableCompone
 export declare const GridClearIcon: import("@mui/types").OverridableComponent<import("@mui/joy/SvgIcon").SvgIconTypeMap<{}, "svg">>;
 export declare const GridDeleteIcon: import("@mui/types").OverridableComponent<import("@mui/joy/SvgIcon").SvgIconTypeMap<{}, "svg">>;
 export declare const GridDeleteForeverIcon: import("@mui/types").OverridableComponent<import("@mui/joy/SvgIcon").SvgIconTypeMap<{}, "svg">>;
-declare const joyIconSlots: UncapitalizeObjectKeys<GridIconSlotsComponent>;
+declare const joyIconSlots: GridIconSlotsComponent;
 export default joyIconSlots;

package/joy/joySlots.d.ts

@@ -1,4 +1,3 @@
-import type { UncapitalizeObjectKeys } from '../internals/utils';
 import type { GridSlotsComponent } from '../models';
-declare const joySlots: UncapitalizeObjectKeys<Partial<GridSlotsComponent>>;
+declare const joySlots: Partial<GridSlotsComponent>;
 export default joySlots;

package/legacy/DataGrid/DataGrid.js

@@ -127,16 +127,6 @@ DataGridRaw.propTypes = {
    * If defined, the grid will ignore the `hide` property in [[GridColDef]].
    */
   columnVisibilityModel: PropTypes.object,
-  /**
-   * Overridable components.
-   * @deprecated Use `slots` instead.
-   */
-  components: PropTypes.object,
-  /**
-   * Overridable components props dynamically passed to the component at rendering.
-   * @deprecated Use the `slotProps` prop instead.
-   */
-  componentsProps: PropTypes.object,
   /**
    * Set the density of the grid.
    * @default "standard"

package/legacy/DataGrid/useDataGridProps.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { GRID_DEFAULT_LOCALE_TEXT } from '../constants';
 import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
 import { GridEditModes } from '../models';
-import { computeSlots, useProps, uncapitalizeObjectKeys } from '../internals/utils';
+import { computeSlots, useProps } from '../internals/utils';
 var DATA_GRID_FORCED_PROPS = {
   disableMultipleColumnsFiltering: true,
   disableMultipleColumnsSorting: true,
@@ -73,32 +72,25 @@ export var DATA_GRID_PROPS_DEFAULT_VALUES = {
   clipboardCopyCellDelimiter: '\t',
   rowPositionsDebounceMs: 166
 };
-var defaultSlots = uncapitalizeObjectKeys(DATA_GRID_DEFAULT_SLOTS_COMPONENTS);
+var defaultSlots = DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
 export var useDataGridProps = function useDataGridProps(inProps) {
-  var _useProps = useProps(useThemeProps({
-      props: inProps,
-      name: 'MuiDataGrid'
-    })),
-    _useProps2 = _slicedToArray(_useProps, 3),
-    components = _useProps2[0],
-    componentsProps = _useProps2[1],
-    themedProps = _useProps2[2];
+  var themedProps = useProps(useThemeProps({
+    props: inProps,
+    name: 'MuiDataGrid'
+  }));
   var localeText = React.useMemo(function () {
     return _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText);
   }, [themedProps.localeText]);
   var slots = React.useMemo(function () {
     return computeSlots({
       defaultSlots: defaultSlots,
-      slots: themedProps.slots,
-      components: components
+      slots: themedProps.slots
     });
-  }, [components, themedProps.slots]);
+  }, [themedProps.slots]);
   return React.useMemo(function () {
-    var _themedProps$slotProp;
     return _extends({}, DATA_GRID_PROPS_DEFAULT_VALUES, themedProps, {
       localeText: localeText,
-      slots: slots,
-      slotProps: (_themedProps$slotProp = themedProps.slotProps) != null ? _themedProps$slotProp : componentsProps
+      slots: slots
     }, DATA_GRID_FORCED_PROPS);
-  }, [themedProps, localeText, slots, componentsProps]);
+  }, [themedProps, localeText, slots]);
 };

package/legacy/colDef/gridActionsColDef.js

@@ -14,6 +14,5 @@ export var GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   disableColumnMenu: true,
   disableExport: true,
   renderCell: renderActionsCell,
-  getApplyQuickFilterFn: undefined,
-  getApplyQuickFilterFnV7: undefined
+  getApplyQuickFilterFn: undefined
 });

package/legacy/colDef/gridBooleanColDef.js

@@ -35,7 +35,6 @@ export var GRID_BOOLEAN_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   valueFormatter: gridBooleanFormatter,
   filterOperators: getGridBooleanOperators(),
   getApplyQuickFilterFn: undefined,
-  getApplyQuickFilterFnV7: undefined,
   // @ts-ignore
   aggregable: false,
   // @ts-ignore

package/legacy/colDef/gridBooleanOperators.js

@@ -1,9 +1,8 @@
 import { GridFilterInputBoolean } from '../components/panel/filterPanel/GridFilterInputBoolean';
-import { convertLegacyOperators } from './utils';
 export var getGridBooleanOperators = function getGridBooleanOperators() {
-  return convertLegacyOperators([{
+  return [{
     value: 'is',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -13,5 +12,5 @@ export var getGridBooleanOperators = function getGridBooleanOperators() {
       };
     },
     InputComponent: GridFilterInputBoolean
-  }]);
+  }];
 };

package/legacy/colDef/gridCheckboxSelectionColDef.js

@@ -19,7 +19,6 @@ export var GRID_CHECKBOX_SELECTION_COL_DEF = _extends({}, GRID_BOOLEAN_COL_DEF,
   disableReorder: true,
   disableExport: true,
   getApplyQuickFilterFn: undefined,
-  getApplyQuickFilterFnV7: undefined,
   valueGetter: function valueGetter(params) {
     var selectionLookup = selectedIdsLookupSelector(params.api.state, params.api.instanceId);
     return selectionLookup[params.id] !== undefined;

package/legacy/colDef/gridDateOperators.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { GridFilterInputDate } from '../components/panel/filterPanel/GridFilterInputDate';
-import { convertLegacyOperators } from './utils';
 var dateRegex = /(\d+)-(\d+)-(\d+)/;
 var dateTimeRegex = /(\d+)-(\d+)-(\d+)T(\d+):(\d+)/;
 function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
@@ -30,9 +29,9 @@ function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
   };
 }
 export var getGridDateOperators = function getGridDateOperators(showTime) {
-  return convertLegacyOperators([{
+  return [{
     value: 'is',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 === value2;
       }, showTime);
@@ -43,7 +42,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'not',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 !== value2;
       }, showTime);
@@ -54,7 +53,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'after',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 > value2;
       }, showTime);
@@ -65,7 +64,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'onOrAfter',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 >= value2;
       }, showTime);
@@ -76,7 +75,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'before',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 < value2;
       }, showTime, !showTime);
@@ -87,7 +86,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'onOrBefore',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 <= value2;
       }, showTime);
@@ -98,7 +97,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'isEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value == null;
       };
@@ -106,11 +105,11 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     requiresFilterValue: false
   }, {
     value: 'isNotEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value != null;
       };
     },
     requiresFilterValue: false
-  }]);
+  }];
 };

package/legacy/colDef/gridNumericColDef.js

@@ -3,7 +3,6 @@ import { gridNumberComparator } from '../hooks/features/sorting/gridSortingUtils
 import { isNumber } from '../utils/utils';
 import { getGridNumericOperators, getGridNumericQuickFilterFn } from './gridNumericOperators';
 import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { convertQuickFilterV7ToLegacy } from './utils';
 export var GRID_NUMERIC_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   type: 'number',
   align: 'right',
@@ -17,6 +16,5 @@ export var GRID_NUMERIC_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
     return isNumber(value) ? value.toLocaleString() : value || '';
   },
   filterOperators: getGridNumericOperators(),
-  getApplyQuickFilterFn: convertQuickFilterV7ToLegacy(getGridNumericQuickFilterFn),
-  getApplyQuickFilterFnV7: getGridNumericQuickFilterFn
+  getApplyQuickFilterFn: getGridNumericQuickFilterFn
 });

package/legacy/colDef/gridNumericOperators.js

@@ -1,24 +1,23 @@
 import { GridFilterInputValue } from '../components/panel/filterPanel/GridFilterInputValue';
 import { GridFilterInputMultipleValue } from '../components/panel/filterPanel/GridFilterInputMultipleValue';
-import { convertLegacyOperators, tagInternalFilter } from './utils';
 var parseNumericValue = function parseNumericValue(value) {
   if (value == null) {
     return null;
   }
   return Number(value);
 };
-export var getGridNumericQuickFilterFn = tagInternalFilter(function (value) {
+export var getGridNumericQuickFilterFn = function getGridNumericQuickFilterFn(value) {
   if (value == null || Number.isNaN(value) || value === '') {
     return null;
   }
   return function (columnValue) {
     return parseNumericValue(columnValue) === parseNumericValue(value);
   };
-});
+};
 export var getGridNumericOperators = function getGridNumericOperators() {
-  return convertLegacyOperators([{
+  return [{
     value: '=',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -32,7 +31,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '!=',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -46,7 +45,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '>',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -63,7 +62,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '>=',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -80,7 +79,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '<',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -97,7 +96,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '<=',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -114,7 +113,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: 'isEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value == null;
       };
@@ -122,7 +121,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     requiresFilterValue: false
   }, {
     value: 'isNotEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value != null;
       };
@@ -130,7 +129,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     requiresFilterValue: false
   }, {
     value: 'isAnyOf',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
         return null;
       }
@@ -142,5 +141,5 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     InputComponentProps: {
       type: 'number'
     }
-  }]);
+  }];
 };