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

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'
     }
-  }]);
+  }];
 };

package/legacy/colDef/gridSingleSelectOperators.js

@@ -1,7 +1,6 @@
 import { GridFilterInputSingleSelect } from '../components/panel/filterPanel/GridFilterInputSingleSelect';
 import { GridFilterInputMultipleSingleSelect } from '../components/panel/filterPanel/GridFilterInputMultipleSingleSelect';
 import { isObject } from '../utils/utils';
-import { convertLegacyOperators } from './utils';
 var parseObjectValue = function parseObjectValue(value) {
   if (value == null || !isObject(value)) {
     return value;
@@ -9,9 +8,9 @@ var parseObjectValue = function parseObjectValue(value) {
   return value.value;
 };
 export var getGridSingleSelectOperators = function getGridSingleSelectOperators() {
-  return convertLegacyOperators([{
+  return [{
     value: 'is',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || filterItem.value === '') {
         return null;
       }
@@ -22,7 +21,7 @@ export var getGridSingleSelectOperators = function getGridSingleSelectOperators(
     InputComponent: GridFilterInputSingleSelect
   }, {
     value: 'not',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || filterItem.value === '') {
         return null;
       }
@@ -33,7 +32,7 @@ export var getGridSingleSelectOperators = function getGridSingleSelectOperators(
     InputComponent: GridFilterInputSingleSelect
   }, {
     value: 'isAnyOf',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
         return null;
       }
@@ -43,5 +42,5 @@ export var getGridSingleSelectOperators = function getGridSingleSelectOperators(
       };
     },
     InputComponent: GridFilterInputMultipleSingleSelect
-  }]);
+  }];
 };

package/legacy/colDef/gridStringColDef.js

@@ -1,7 +1,6 @@
 import { renderEditInputCell } from '../components/cell/GridEditInputCell';
 import { gridStringOrNumberComparator } from '../hooks/features/sorting/gridSortingUtils';
 import { getGridStringOperators, getGridStringQuickFilterFn } from './gridStringOperators';
-import { convertQuickFilterV7ToLegacy } from './utils';
 
 /**
  * TODO: Move pro and premium properties outside of this Community file
@@ -24,6 +23,5 @@ export var GRID_STRING_COL_DEF = {
   align: 'left',
   filterOperators: getGridStringOperators(),
   renderEditCell: renderEditInputCell,
-  getApplyQuickFilterFn: convertQuickFilterV7ToLegacy(getGridStringQuickFilterFn),
-  getApplyQuickFilterFnV7: getGridStringQuickFilterFn
+  getApplyQuickFilterFn: getGridStringQuickFilterFn
 };

package/legacy/colDef/gridStringOperators.js

@@ -1,9 +1,8 @@
 import { GridFilterInputValue } from '../components/panel/filterPanel/GridFilterInputValue';
 import { escapeRegExp } from '../utils/utils';
 import { GridFilterInputMultipleValue } from '../components/panel/filterPanel/GridFilterInputMultipleValue';
-import { convertLegacyOperators, tagInternalFilter } from './utils';
 import { removeDiacritics } from '../hooks/features/filter/gridFilterUtils';
-export var getGridStringQuickFilterFn = tagInternalFilter(function (value) {
+export var getGridStringQuickFilterFn = function getGridStringQuickFilterFn(value) {
   if (!value) {
     return null;
   }
@@ -15,12 +14,12 @@ export var getGridStringQuickFilterFn = tagInternalFilter(function (value) {
     }
     return columnValue != null ? filterRegex.test(columnValue.toString()) : false;
   };
-});
+};
 export var getGridStringOperators = function getGridStringOperators() {
   var disableTrim = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  return convertLegacyOperators([{
+  return [{
     value: 'contains',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -33,7 +32,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     InputComponent: GridFilterInputValue
   }, {
     value: 'equals',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -49,7 +48,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     InputComponent: GridFilterInputValue
   }, {
     value: 'startsWith',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -62,7 +61,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     InputComponent: GridFilterInputValue
   }, {
     value: 'endsWith',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -75,7 +74,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     InputComponent: GridFilterInputValue
   }, {
     value: 'isEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value === '' || value == null;
       };
@@ -83,7 +82,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     requiresFilterValue: false
   }, {
     value: 'isNotEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value !== '' && value != null;
       };
@@ -91,7 +90,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     requiresFilterValue: false
   }, {
     value: 'isAnyOf',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
         return null;
       }
@@ -109,5 +108,5 @@ export var getGridStringOperators = function getGridStringOperators() {
       };
     },
     InputComponent: GridFilterInputMultipleValue
-  }]);
+  }];
 };

package/legacy/components/toolbar/GridToolbarFilterButton.js

@@ -133,6 +133,8 @@ process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes = {
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: PropTypes.object
+  componentsProps: PropTypes.shape({
+    button: PropTypes.object
+  })
 } : void 0;
 export { GridToolbarFilterButton };

package/legacy/constants/defaultGridSlotsComponents.js

@@ -9,21 +9,21 @@ import materialSlots from '../material';
 // TODO: camelCase these key. It's a private helper now.
 // Remove then need to call `uncapitalizeObjectKeys`.
 export var DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends({}, materialSlots, {
-  Cell: GridCellV7,
-  SkeletonCell: GridSkeletonCell,
-  ColumnHeaderFilterIconButton: GridColumnHeaderFilterIconButton,
-  ColumnMenu: GridColumnMenu,
-  ColumnHeaders: GridColumnHeaders,
-  Footer: GridFooter,
-  FooterRowCount: GridRowCount,
-  Toolbar: null,
-  PreferencesPanel: GridPreferencesPanel,
-  LoadingOverlay: GridLoadingOverlay,
-  NoResultsOverlay: GridNoResultsOverlay,
-  NoRowsOverlay: GridNoRowsOverlay,
-  Pagination: GridPagination,
-  FilterPanel: GridFilterPanel,
-  ColumnsPanel: GridColumnsPanel,
-  Panel: GridPanel,
-  Row: GridRow
+  cell: GridCellV7,
+  skeletonCell: GridSkeletonCell,
+  columnHeaderFilterIconButton: GridColumnHeaderFilterIconButton,
+  columnMenu: GridColumnMenu,
+  columnHeaders: GridColumnHeaders,
+  footer: GridFooter,
+  footerRowCount: GridRowCount,
+  toolbar: null,
+  preferencesPanel: GridPreferencesPanel,
+  loadingOverlay: GridLoadingOverlay,
+  noResultsOverlay: GridNoResultsOverlay,
+  noRowsOverlay: GridNoRowsOverlay,
+  pagination: GridPagination,
+  filterPanel: GridFilterPanel,
+  columnsPanel: GridColumnsPanel,
+  panel: GridPanel,
+  row: GridRow
 });