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

package/models/gridIconSlotsComponent.d.ts

@@ -1,182 +1,181 @@
 import * as React from 'react';
 /**
  * Set of icons used in the grid component UI.
- * TODO: Differentiate community and pro interface
  */
 export interface GridIconSlotsComponent {
     /**
      * Icon displayed on the boolean cell to represent the true value.
      * @default GridCheckIcon
      */
-    BooleanCellTrueIcon: React.JSXElementConstructor<any>;
+    booleanCellTrueIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the boolean cell to represent the false value.
      * @default GridCloseIcon
      */
-    BooleanCellFalseIcon: React.JSXElementConstructor<any>;
+    booleanCellFalseIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the side of the column header title to display the filter input component.
      * @default GridTripleDotsVerticalIcon
      */
-    ColumnMenuIcon: React.JSXElementConstructor<any>;
+    columnMenuIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the open filter button present in the toolbar by default.
      * @default GridFilterListIcon
      */
-    OpenFilterButtonIcon: React.JSXElementConstructor<any>;
+    openFilterButtonIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the column header menu to show that a filter has been applied to the column.
      * @default GridFilterAltIcon
      */
-    ColumnFilteredIcon: React.JSXElementConstructor<any>;
+    columnFilteredIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the column menu selector tab.
      * @default GridColumnIcon
      */
-    ColumnSelectorIcon: React.JSXElementConstructor<any>;
+    columnSelectorIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the side of the column header title when unsorted.
      * @default GridColumnUnsortedIcon
      */
-    ColumnUnsortedIcon: React.JSXElementConstructor<any> | null;
+    columnUnsortedIcon: React.JSXElementConstructor<any> | null;
     /**
      * Icon displayed on the side of the column header title when sorted in ascending order.
      * @default GridArrowUpwardIcon
      */
-    ColumnSortedAscendingIcon: React.JSXElementConstructor<any> | null;
+    columnSortedAscendingIcon: React.JSXElementConstructor<any> | null;
     /**
      * Icon displayed on the side of the column header title when sorted in descending order.
      * @default GridArrowDownwardIcon
      */
-    ColumnSortedDescendingIcon: React.JSXElementConstructor<any> | null;
+    columnSortedDescendingIcon: React.JSXElementConstructor<any> | null;
     /**
      * Icon displayed in between two column headers that allows to resize the column header.
      * @default GridSeparatorIcon
      */
-    ColumnResizeIcon: React.JSXElementConstructor<any>;
+    columnResizeIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the compact density option in the toolbar.
      * @default GridViewHeadlineIcon
      */
-    DensityCompactIcon: React.JSXElementConstructor<any>;
+    densityCompactIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the standard density option in the toolbar.
      * @default GridTableRowsIcon
      */
-    DensityStandardIcon: React.JSXElementConstructor<any>;
+    densityStandardIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the "comfortable" density option in the toolbar.
      * @default GridViewStreamIcon
      */
-    DensityComfortableIcon: React.JSXElementConstructor<any>;
+    densityComfortableIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the open export button present in the toolbar by default.
      * @default GridSaveAltIcon
      */
-    ExportIcon: React.JSXElementConstructor<any>;
+    exportIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the `actions` column type to open the menu.
      * @default GridMoreVertIcon
      */
-    MoreActionsIcon: React.JSXElementConstructor<any>;
+    moreActionsIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the tree data toggling column when the children are collapsed
      * @default GridKeyboardArrowRight
      */
-    TreeDataExpandIcon: React.JSXElementConstructor<any>;
+    treeDataExpandIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the tree data toggling column when the children are expanded
      * @default GridExpandMoreIcon
      */
-    TreeDataCollapseIcon: React.JSXElementConstructor<any>;
+    treeDataCollapseIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the grouping column when the children are collapsed
      * @default GridKeyboardArrowRight
      */
-    GroupingCriteriaExpandIcon: React.JSXElementConstructor<any>;
+    groupingCriteriaExpandIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the grouping column when the children are expanded
      * @default GridExpandMoreIcon
      */
-    GroupingCriteriaCollapseIcon: React.JSXElementConstructor<any>;
+    groupingCriteriaCollapseIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the detail panel toggle column when collapsed.
      * @default GridAddIcon
      */
-    DetailPanelExpandIcon: React.JSXElementConstructor<any>;
+    detailPanelExpandIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the detail panel toggle column when expanded.
      * @default GridRemoveIcon
      */
-    DetailPanelCollapseIcon: React.JSXElementConstructor<any>;
+    detailPanelCollapseIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed for deleting the filter from filter panel.
      * @default GridAddIcon
      */
-    FilterPanelAddIcon: React.JSXElementConstructor<any>;
+    filterPanelAddIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed for deleting the filter from filter panel.
      * @default GridDeleteIcon
      */
-    FilterPanelDeleteIcon: React.JSXElementConstructor<any>;
+    filterPanelDeleteIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed for deleting all the active filters from filter panel.
      * @default GridDeleteForeverIcon
      */
-    FilterPanelRemoveAllIcon: React.JSXElementConstructor<any>;
+    filterPanelRemoveAllIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the `reorder` column type to reorder a row.
      * @default GridDragIcon
      */
-    RowReorderIcon: React.JSXElementConstructor<any>;
+    rowReorderIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the quick filter input.
      * @default GridSearchIcon
      */
-    QuickFilterIcon: React.JSXElementConstructor<any>;
+    quickFilterIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the quick filter reset input.
      * @default GridCloseIcon
      */
-    QuickFilterClearIcon: React.JSXElementConstructor<any>;
+    quickFilterClearIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for hiding column
      * @default GridVisibilityOffIcon
      */
-    ColumnMenuHideIcon: React.JSXElementConstructor<any>;
+    columnMenuHideIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for ascending sort
      * @default GridArrowUpwardIcon
      */
-    ColumnMenuSortAscendingIcon: React.JSXElementConstructor<any>;
+    columnMenuSortAscendingIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for descending sort
      * @default GridArrowDownwardIcon
      */
-    ColumnMenuSortDescendingIcon: React.JSXElementConstructor<any>;
+    columnMenuSortDescendingIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for filter
      * @default GridFilterAltIcon
      */
-    ColumnMenuFilterIcon: React.JSXElementConstructor<any>;
+    columnMenuFilterIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for showing all columns
      * @default GridViewColumnIcon
      */
-    ColumnMenuManageColumnsIcon: React.JSXElementConstructor<any>;
+    columnMenuManageColumnsIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for clearing values
      * @default GridClearIcon
      */
-    ColumnMenuClearIcon: React.JSXElementConstructor<any>;
+    columnMenuClearIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the input while processing.
      * @default GridLoadIcon
      */
-    LoadIcon: React.JSXElementConstructor<any>;
+    loadIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the column reorder button.
      * @default GridDragIcon
      */
-    ColumnReorderIcon: React.JSXElementConstructor<any>;
+    columnReorderIcon: React.JSXElementConstructor<any>;
 }

package/models/gridSlotsComponent.d.ts

@@ -1,72 +1,71 @@
 import * as React from 'react';
-import type { UncapitalizeObjectKeys } from '../internals/utils';
 import type { GridIconSlotsComponent } from './gridIconSlotsComponent';
 export interface GridBaseSlots {
     /**
      * The custom Checkbox component used in the grid for both header and cells.
      * @default Checkbox
      */
-    BaseCheckbox: React.JSXElementConstructor<any>;
+    baseCheckbox: React.JSXElementConstructor<any>;
     /**
      * The custom Chip component used in the grid.
      * @default Chip
      */
-    BaseChip: React.JSXElementConstructor<any>;
+    baseChip: React.JSXElementConstructor<any>;
     /**
      * The custom InputAdornment component used in the grid.
      * @default InputAdornment
      */
-    BaseInputAdornment: React.JSXElementConstructor<any>;
+    baseInputAdornment: React.JSXElementConstructor<any>;
     /**
      * The custom TextField component used in the grid.
      * @default TextField
      */
-    BaseTextField: React.JSXElementConstructor<any>;
+    baseTextField: React.JSXElementConstructor<any>;
     /**
      * The custom FormControl component used in the grid.
      * @default FormControl
      */
-    BaseFormControl: React.JSXElementConstructor<any>;
+    baseFormControl: React.JSXElementConstructor<any>;
     /**
      * The custom Select component used in the grid.
      * @default Select
      */
-    BaseSelect: React.JSXElementConstructor<any>;
+    baseSelect: React.JSXElementConstructor<any>;
     /**
      * The custom Switch component used in the grid.
      * @default Switch
      */
-    BaseSwitch: React.JSXElementConstructor<any>;
+    baseSwitch: React.JSXElementConstructor<any>;
     /**
      * The custom Button component used in the grid.
      * @default Button
      */
-    BaseButton: React.JSXElementConstructor<any>;
+    baseButton: React.JSXElementConstructor<any>;
     /**
      * The custom IconButton component used in the grid.
      * @default IconButton
      */
-    BaseIconButton: React.JSXElementConstructor<any>;
+    baseIconButton: React.JSXElementConstructor<any>;
     /**
      * The custom Tooltip component used in the grid.
      * @default Tooltip
      */
-    BaseTooltip: React.JSXElementConstructor<any>;
+    baseTooltip: React.JSXElementConstructor<any>;
     /**
      * The custom Popper component used in the grid.
      * @default Popper
      */
-    BasePopper: React.JSXElementConstructor<any>;
+    basePopper: React.JSXElementConstructor<any>;
     /**
      * The custom InputLabel component used in the grid.
      * @default InputLabel
      */
-    BaseInputLabel: React.JSXElementConstructor<any>;
+    baseInputLabel: React.JSXElementConstructor<any>;
     /**
      * The custom SelectOption component used in the grid.
      * @default MenuItem
      */
-    BaseSelectOption: React.JSXElementConstructor<any>;
+    baseSelectOption: React.JSXElementConstructor<any>;
 }
 /**
  * Grid components React prop interface containing all the overridable components.
@@ -76,92 +75,90 @@ export interface GridSlotsComponent extends GridBaseSlots, GridIconSlotsComponen
      * The custom Chip component used in the grid.
      * @default Chip
      */
-    BaseChip: React.JSXElementConstructor<any>;
+    baseChip: React.JSXElementConstructor<any>;
     /**
      * Component rendered for each cell.
      * @default GridCell
      */
-    Cell: React.JSXElementConstructor<any>;
+    cell: React.JSXElementConstructor<any>;
     /**
      * Component rendered for each skeleton cell.
      * @default GridSkeletonCell
      */
-    SkeletonCell: React.JSXElementConstructor<any>;
+    skeletonCell: React.JSXElementConstructor<any>;
     /**
      * Filter icon component rendered in each column header.
      * @default GridColumnHeaderFilterIconButton
      */
-    ColumnHeaderFilterIconButton: React.JSXElementConstructor<any>;
+    columnHeaderFilterIconButton: React.JSXElementConstructor<any>;
     /**
      * Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.
      * @default GridColumnMenu
      */
-    ColumnMenu: React.JSXElementConstructor<any>;
+    columnMenu: React.JSXElementConstructor<any>;
     /**
      * Component responsible for rendering the column headers.
      * @default DataGridColumnHeaders
      */
-    ColumnHeaders: React.JSXElementConstructor<any>;
+    columnHeaders: React.JSXElementConstructor<any>;
     /**
      * Footer component rendered at the bottom of the grid viewport.
      * @default GridFooter
      */
-    Footer: React.JSXElementConstructor<any>;
+    footer: React.JSXElementConstructor<any>;
     /**
      * Row count component rendered in the footer
      * @default GridRowCount
      */
-    FooterRowCount: React.JSXElementConstructor<any>;
+    footerRowCount: React.JSXElementConstructor<any>;
     /**
      * Toolbar component rendered inside the Header component.
      * @default null
      */
-    Toolbar: React.JSXElementConstructor<any> | null;
+    toolbar: React.JSXElementConstructor<any> | null;
     /**
      * PreferencesPanel component rendered inside the Header component.
      * @default GridPreferencesPanel
      */
-    PreferencesPanel: React.JSXElementConstructor<any>;
+    preferencesPanel: React.JSXElementConstructor<any>;
     /**
      * Loading overlay component rendered when the grid is in a loading state.
      * @default GridLoadingOverlay
      */
-    LoadingOverlay: React.JSXElementConstructor<any>;
+    loadingOverlay: React.JSXElementConstructor<any>;
     /**
      * No results overlay component rendered when the grid has no results after filtering.
      * @default GridNoResultsOverlay
      */
-    NoResultsOverlay: React.JSXElementConstructor<any>;
+    noResultsOverlay: React.JSXElementConstructor<any>;
     /**
      * No rows overlay component rendered when the grid has no rows.
      * @default GridNoRowsOverlay
      */
-    NoRowsOverlay: React.JSXElementConstructor<any>;
+    noRowsOverlay: React.JSXElementConstructor<any>;
     /**
      * Pagination component rendered in the grid footer by default.
      * @default Pagination
      */
-    Pagination: React.JSXElementConstructor<any> | null;
+    pagination: React.JSXElementConstructor<any> | null;
     /**
      * Filter panel component rendered when clicking the filter button.
      * @default GridFilterPanel
      */
-    FilterPanel: React.JSXElementConstructor<any>;
+    filterPanel: React.JSXElementConstructor<any>;
     /**
      * GridColumns panel component rendered when clicking the columns button.
      * @default GridColumnsPanel
      */
-    ColumnsPanel: React.JSXElementConstructor<any>;
+    columnsPanel: React.JSXElementConstructor<any>;
     /**
      * Panel component wrapping the filters and columns panels.
      * @default GridPanel
      */
-    Panel: React.JSXElementConstructor<any>;
+    panel: React.JSXElementConstructor<any>;
     /**
      * Component rendered for each row.
      * @default GridRow
      */
-    Row: React.JSXElementConstructor<any>;
-}
-export interface UncapitalizedGridSlotsComponent extends UncapitalizeObjectKeys<GridSlotsComponent> {
+    row: React.JSXElementConstructor<any>;
 }

package/models/index.d.ts

@@ -16,7 +16,7 @@ export * from './gridCell';
 export * from './gridColumnHeaderClass';
 export * from './api';
 export * from './gridIconSlotsComponent';
-export type { GridSlotsComponent, UncapitalizedGridSlotsComponent } from './gridSlotsComponent';
+export type { GridSlotsComponent } from './gridSlotsComponent';
 export * from './gridSlotsComponentsProps';
 export * from './gridDensity';
 export * from './logger';

package/models/props/DataGridProps.d.ts

@@ -24,7 +24,6 @@ import { GridColumnVisibilityModel } from '../../hooks/features/columns/gridColu
 import { GridCellModesModel, GridRowModesModel } from '../api/gridEditingApi';
 import { GridColumnGroupingModel } from '../gridColumnGrouping';
 import { GridPaginationModel } from '../gridPaginationProps';
-import { UncapitalizeObjectKeys } from '../../internals/utils';
 export interface GridExperimentalFeatures {
     /**
      * Enables the column grouping.
@@ -51,7 +50,7 @@ export type DataGridProps<R extends GridValidRowModel = any> = Omit<Partial<Data
 /**
  * The props of the `DataGrid` component after the pre-processing phase.
  */
-export interface DataGridProcessedProps<R extends GridValidRowModel = any> extends DataGridPropsWithDefaultValues, DataGridPropsWithComplexDefaultValueAfterProcessing, Omit<DataGridPropsWithoutDefaultValue<R>, 'componentsProps'> {
+export interface DataGridProcessedProps<R extends GridValidRowModel = any> extends DataGridPropsWithDefaultValues, DataGridPropsWithComplexDefaultValueAfterProcessing, DataGridPropsWithoutDefaultValue<R> {
 }
 /**
  * The props of the `DataGrid` component after the pre-processing phase that the user should not be able to override.
@@ -62,7 +61,7 @@ export type DataGridForcedPropsKey = 'checkboxSelectionVisibleOnly' | 'disableMu
  * The `DataGrid` options with a default value that must be merged with the value given through props.
  */
 export interface DataGridPropsWithComplexDefaultValueAfterProcessing {
-    slots: UncapitalizeObjectKeys<GridSlotsComponent>;
+    slots: GridSlotsComponent;
     localeText: GridLocaleText;
 }
 /**
@@ -71,13 +70,8 @@ export interface DataGridPropsWithComplexDefaultValueAfterProcessing {
 export interface DataGridPropsWithComplexDefaultValueBeforeProcessing {
     /**
      * Overridable components.
-     * @deprecated Use `slots` instead.
      */
-    components?: Partial<GridSlotsComponent>;
-    /**
-     * Overridable components.
-     */
-    slots?: UncapitalizeObjectKeys<Partial<GridSlotsComponent>>;
+    slots?: Partial<GridSlotsComponent>;
     /**
      * Set the locale text of the grid.
      * You can find all the translation keys supported in [the source](https://github.com/mui/mui-x/blob/HEAD/packages/grid/x-data-grid/src/constants/localeTextConstants.ts) in the GitHub repository.
@@ -703,11 +697,6 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      * Overridable components props dynamically passed to the component at rendering.
      */
     slotProps?: GridSlotsComponentsProps;
-    /**
-     * Overridable components props dynamically passed to the component at rendering.
-     * @deprecated Use the `slotProps` prop instead.
-     */
-    componentsProps?: GridSlotsComponentsProps;
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */

package/modern/DataGrid/DataGrid.js

@@ -125,16 +125,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/modern/DataGrid/useDataGridProps.js

@@ -4,7 +4,7 @@ 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';
 const DATA_GRID_FORCED_PROPS = {
   disableMultipleColumnsFiltering: true,
   disableMultipleColumnsSorting: true,
@@ -72,21 +72,19 @@ export const DATA_GRID_PROPS_DEFAULT_VALUES = {
   clipboardCopyCellDelimiter: '\t',
   rowPositionsDebounceMs: 166
 };
-const defaultSlots = uncapitalizeObjectKeys(DATA_GRID_DEFAULT_SLOTS_COMPONENTS);
+const defaultSlots = DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
 export const useDataGridProps = inProps => {
-  const [components, componentsProps, themedProps] = useProps(useThemeProps({
+  const themedProps = useProps(useThemeProps({
     props: inProps,
     name: 'MuiDataGrid'
   }));
   const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => computeSlots({
     defaultSlots,
-    slots: themedProps.slots,
-    components
-  }), [components, themedProps.slots]);
+    slots: themedProps.slots
+  }), [themedProps.slots]);
   return React.useMemo(() => _extends({}, DATA_GRID_PROPS_DEFAULT_VALUES, themedProps, {
     localeText,
-    slots,
-    slotProps: themedProps.slotProps ?? componentsProps
-  }, DATA_GRID_FORCED_PROPS), [themedProps, localeText, slots, componentsProps]);
+    slots
+  }, DATA_GRID_FORCED_PROPS), [themedProps, localeText, slots]);
 };

package/modern/colDef/gridActionsColDef.js

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

package/modern/colDef/gridBooleanColDef.js

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

package/modern/colDef/gridBooleanOperators.js

@@ -1,8 +1,7 @@
 import { GridFilterInputBoolean } from '../components/panel/filterPanel/GridFilterInputBoolean';
-import { convertLegacyOperators } from './utils';
-export const getGridBooleanOperators = () => convertLegacyOperators([{
+export const getGridBooleanOperators = () => [{
   value: 'is',
-  getApplyFilterFnV7: filterItem => {
+  getApplyFilterFn: filterItem => {
     if (!filterItem.value) {
       return null;
     }
@@ -12,4 +11,4 @@ export const getGridBooleanOperators = () => convertLegacyOperators([{
     };
   },
   InputComponent: GridFilterInputBoolean
-}]);
+}];

package/modern/colDef/gridCheckboxSelectionColDef.js

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

package/modern/colDef/gridDateOperators.js

@@ -1,5 +1,4 @@
 import { GridFilterInputDate } from '../components/panel/filterPanel/GridFilterInputDate';
-import { convertLegacyOperators } from './utils';
 const dateRegex = /(\d+)-(\d+)-(\d+)/;
 const dateTimeRegex = /(\d+)-(\d+)-(\d+)T(\d+):(\d+)/;
 function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
@@ -22,9 +21,9 @@ function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
     return compareFn(timeToCompare, time);
   };
 }
-export const getGridDateOperators = showTime => convertLegacyOperators([{
+export const getGridDateOperators = showTime => [{
   value: 'is',
-  getApplyFilterFnV7: filterItem => {
+  getApplyFilterFn: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 === value2, showTime);
   },
   InputComponent: GridFilterInputDate,
@@ -33,7 +32,7 @@ export const getGridDateOperators = showTime => convertLegacyOperators([{
   }
 }, {
   value: 'not',
-  getApplyFilterFnV7: filterItem => {
+  getApplyFilterFn: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 !== value2, showTime);
   },
   InputComponent: GridFilterInputDate,
@@ -42,7 +41,7 @@ export const getGridDateOperators = showTime => convertLegacyOperators([{
   }
 }, {
   value: 'after',
-  getApplyFilterFnV7: filterItem => {
+  getApplyFilterFn: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 > value2, showTime);
   },
   InputComponent: GridFilterInputDate,
@@ -51,7 +50,7 @@ export const getGridDateOperators = showTime => convertLegacyOperators([{
   }
 }, {
   value: 'onOrAfter',
-  getApplyFilterFnV7: filterItem => {
+  getApplyFilterFn: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 >= value2, showTime);
   },
   InputComponent: GridFilterInputDate,
@@ -60,7 +59,7 @@ export const getGridDateOperators = showTime => convertLegacyOperators([{
   }
 }, {
   value: 'before',
-  getApplyFilterFnV7: filterItem => {
+  getApplyFilterFn: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 < value2, showTime, !showTime);
   },
   InputComponent: GridFilterInputDate,
@@ -69,7 +68,7 @@ export const getGridDateOperators = showTime => convertLegacyOperators([{
   }
 }, {
   value: 'onOrBefore',
-  getApplyFilterFnV7: filterItem => {
+  getApplyFilterFn: filterItem => {
     return buildApplyFilterFn(filterItem, (value1, value2) => value1 <= value2, showTime);
   },
   InputComponent: GridFilterInputDate,
@@ -78,7 +77,7 @@ export const getGridDateOperators = showTime => convertLegacyOperators([{
   }
 }, {
   value: 'isEmpty',
-  getApplyFilterFnV7: () => {
+  getApplyFilterFn: () => {
     return value => {
       return value == null;
     };
@@ -86,10 +85,10 @@ export const getGridDateOperators = showTime => convertLegacyOperators([{
   requiresFilterValue: false
 }, {
   value: 'isNotEmpty',
-  getApplyFilterFnV7: () => {
+  getApplyFilterFn: () => {
     return value => {
       return value != null;
     };
   },
   requiresFilterValue: false
-}]);
+}];