@mui/x-data-grid 6.5.0 → 6.7.0

package/modern/hooks/features/filter/useGridFilter.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
@@ -19,11 +20,21 @@ export const filterStateInitializer = (state, props, apiRef) => {
   return _extends({}, state, {
     filter: {
       filterModel: sanitizeFilterModel(filterModel, props.disableMultipleColumnsFiltering, apiRef),
-      visibleRowsLookup: {},
       filteredDescendantCountLookup: {}
-    }
+    },
+    visibleRowsLookup: {}
   });
 };
+const getVisibleRowsLookup = params => {
+  // For flat tree, the `visibleRowsLookup` and the `filteredRowsLookup` are equals since no row is collapsed.
+  return params.filteredRowsLookup;
+};
+function getVisibleRowsLookupState(apiRef, state) {
+  return apiRef.current.applyStrategyProcessor('visibleRowsLookupCreation', {
+    tree: state.rows.tree,
+    filteredRowsLookup: state.filter.filteredRowsLookup
+  });
+}
 
 /**
  * @requires useGridColumns (method, event)
@@ -47,9 +58,13 @@ export const useGridFilter = (apiRef, props) => {
         isRowMatchingFilters,
         filterModel: filterModel ?? getDefaultGridFilterModel()
       });
-      return _extends({}, state, {
+      const newState = _extends({}, state, {
         filter: _extends({}, state.filter, filteringResult)
       });
+      const visibleRowsLookupState = getVisibleRowsLookupState(apiRef, newState);
+      return _extends({}, newState, {
+        visibleRowsLookup: visibleRowsLookupState
+      });
     });
     apiRef.current.publishEvent('filteredRowsSet');
   }, [props.filterMode, apiRef]);
@@ -105,7 +120,7 @@ export const useGridFilter = (apiRef, props) => {
       items
     }), 'deleteFilterItem');
   }, [apiRef]);
-  const showFilterPanel = React.useCallback(targetColumnField => {
+  const showFilterPanel = React.useCallback((targetColumnField, panelId, labelId) => {
     logger.debug('Displaying filter panel');
     if (targetColumnField) {
       const filterModel = gridFilterModelSelector(apiRef);
@@ -150,7 +165,7 @@ export const useGridFilter = (apiRef, props) => {
         items: newFilterItems
       }));
     }
-    apiRef.current.showPreferences(GridPreferencePanelsValue.filters);
+    apiRef.current.showPreferences(GridPreferencePanelsValue.filters, panelId, labelId);
   }, [apiRef, logger, props.disableMultipleColumnsFiltering]);
   const hideFilterPanel = React.useCallback(() => {
     logger.debug('Hiding filter panel');
@@ -256,13 +271,10 @@ export const useGridFilter = (apiRef, props) => {
       }
       return {
         filteredRowsLookup,
-        // For flat tree, the `visibleRowsLookup` and the `filteredRowsLookup` are equals since no row is collapsed.
-        visibleRowsLookup: filteredRowsLookup,
         filteredDescendantCountLookup: {}
       };
     }
     return {
-      visibleRowsLookup: {},
       filteredRowsLookup: {},
       filteredDescendantCountLookup: {}
     };
@@ -272,6 +284,7 @@ export const useGridFilter = (apiRef, props) => {
   useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
   useGridRegisterPipeProcessor(apiRef, 'preferencePanel', preferencePanelPreProcessing);
   useGridRegisterStrategyProcessor(apiRef, GRID_DEFAULT_STRATEGY, 'filtering', flatFilteringMethod);
+  useGridRegisterStrategyProcessor(apiRef, GRID_DEFAULT_STRATEGY, 'visibleRowsLookupCreation', getVisibleRowsLookup);
 
   /**
    * EVENTS
@@ -292,13 +305,21 @@ export const useGridFilter = (apiRef, props) => {
       apiRef.current.unstable_applyFilters();
     }
   }, [apiRef]);
+  const updateVisibleRowsLookupState = React.useCallback(() => {
+    apiRef.current.setState(state => {
+      return _extends({}, state, {
+        visibleRowsLookup: getVisibleRowsLookupState(apiRef, state)
+      });
+    });
+    apiRef.current.forceUpdate();
+  }, [apiRef]);
 
   // Do not call `apiRef.current.forceUpdate` to avoid re-render before updating the sorted rows.
   // Otherwise, the state is not consistent during the render
   useGridApiEventHandler(apiRef, 'rowsSet', updateFilteredRows);
-  useGridApiEventHandler(apiRef, 'rowExpansionChange', apiRef.current.unstable_applyFilters);
   useGridApiEventHandler(apiRef, 'columnsChange', handleColumnsChange);
   useGridApiEventHandler(apiRef, 'activeStrategyProcessorChange', handleStrategyProcessorChange);
+  useGridApiEventHandler(apiRef, 'rowExpansionChange', updateVisibleRowsLookupState);
 
   /**
    * 1ST RENDER
@@ -310,7 +331,7 @@ export const useGridFilter = (apiRef, props) => {
   /**
    * EFFECTS
    */
-  React.useEffect(() => {
+  useEnhancedEffect(() => {
     if (props.filterModel !== undefined) {
       apiRef.current.setFilterModel(props.filterModel);
     }

package/modern/hooks/features/focus/useGridFocus.js

@@ -350,6 +350,7 @@ export const useGridFocus = (apiRef, props) => {
     };
   }, [apiRef, handleDocumentClick]);
   useGridApiEventHandler(apiRef, 'columnHeaderBlur', handleBlur);
+  useGridApiEventHandler(apiRef, 'headerFilterBlur', handleBlur);
   useGridApiEventHandler(apiRef, 'cellDoubleClick', handleCellDoubleClick);
   useGridApiEventHandler(apiRef, 'cellMouseDown', handleCellMouseDown);
   useGridApiEventHandler(apiRef, 'cellKeyDown', handleCellKeyDown);

package/modern/hooks/features/preferencesPanel/useGridPreferencesPanel.js

@@ -48,13 +48,15 @@ export const useGridPreferencesPanel = (apiRef, props) => {
   const hidePreferencesDelayed = React.useCallback(() => {
     hideTimeout.current = setTimeout(hidePreferences, 100);
   }, [hidePreferences]);
-  const showPreferences = React.useCallback(newValue => {
+  const showPreferences = React.useCallback((newValue, panelId, labelId) => {
     logger.debug('Opening Preferences Panel');
     doNotHidePanel();
     apiRef.current.setState(state => _extends({}, state, {
       preferencePanel: _extends({}, state.preferencePanel, {
         open: true,
-        openedPanelValue: newValue
+        openedPanelValue: newValue,
+        panelId,
+        labelId
       })
     }));
     apiRef.current.publishEvent('preferencePanelOpen', {

package/modern/hooks/features/rows/useGridRowsMeta.js

@@ -41,7 +41,7 @@ export const useGridRowsMeta = (apiRef, props) => {
     getRowSpacing,
     getEstimatedRowHeight
   } = props;
-  const rowsHeightLookup = React.useRef({});
+  const rowsHeightLookup = React.useRef(Object.create(null));
 
   // Inspired by https://github.com/bvaughn/react-virtualized/blob/master/source/Grid/utils/CellSizeAndPositionManager.js
   const lastMeasuredRowIndex = React.useRef(-1);
@@ -104,17 +104,14 @@ export const useGridRowsMeta = (apiRef, props) => {
       } else {
         rowsHeightLookup.current[row.id].needsFirstMeasurement = false;
       }
-      const existingBaseSizes = Object.entries(sizes).reduce((acc, [key, size]) => {
+      const initialHeights = {};
+      /* eslint-disable-next-line no-restricted-syntax */
+      for (const key in sizes) {
         if (/^base[A-Z]/.test(key)) {
-          acc[key] = size;
+          initialHeights[key] = sizes[key];
         }
-        return acc;
-      }, {});
-
-      // We use an object to make simple to check if a height is already added or not
-      const initialHeights = _extends({}, existingBaseSizes, {
-        baseCenter: baseRowHeight
-      });
+      }
+      initialHeights.baseCenter = baseRowHeight;
       if (getRowSpacing) {
         const indexRelativeToCurrentPage = apiRef.current.getRowIndexRelativeToVisibleRows(row.id);
         const spacing = getRowSpacing(_extends({}, row, {
@@ -135,13 +132,15 @@ export const useGridRowsMeta = (apiRef, props) => {
       let maximumBaseSize = 0;
       let otherSizes = 0;
       const processedSizes = calculateRowProcessedSizes(row);
-      Object.entries(processedSizes).forEach(([size, value]) => {
-        if (/^base[A-Z]/.test(size)) {
+      /* eslint-disable-next-line no-restricted-syntax, guard-for-in */
+      for (const key in processedSizes) {
+        const value = processedSizes[key];
+        if (/^base[A-Z]/.test(key)) {
           maximumBaseSize = value > maximumBaseSize ? value : maximumBaseSize;
         } else {
           otherSizes += value;
         }
-      });
+      }
       return acc + maximumBaseSize + otherSizes;
     }, 0);
     pinnedRows?.top?.forEach(row => {

package/modern/hooks/features/sorting/useGridSorting.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 import { isEnterKey } from '../../../utils/keyboardUtils';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
@@ -238,7 +239,7 @@ export const useGridSorting = (apiRef, props) => {
   /**
    * EFFECTS
    */
-  React.useEffect(() => {
+  useEnhancedEffect(() => {
     if (props.sortModel !== undefined) {
       apiRef.current.setSortModel(props.sortModel);
     }

package/modern/hooks/features/virtualization/useGridVirtualScroller.js

@@ -90,7 +90,7 @@ export const useGridVirtualScroller = props => {
     height: null
   });
   const prevTotalWidth = React.useRef(columnsTotalWidth);
-  const rowStyleCache = React.useRef({});
+  const rowStyleCache = React.useRef(Object.create(null));
   const prevGetRowProps = React.useRef();
   const prevRootRowStyle = React.useRef();
   const getRenderedColumnsRef = React.useRef(defaultMemoize((columns, firstColumnToRender, lastColumnToRender) => {
@@ -374,7 +374,7 @@ export const useGridVirtualScroller = props => {
       rootRowProps = _objectWithoutPropertiesLoose(_ref, _excluded);
     const invalidatesCachedRowStyle = prevGetRowProps.current !== getRowProps || prevRootRowStyle.current !== rootRowStyle;
     if (invalidatesCachedRowStyle) {
-      rowStyleCache.current = {};
+      rowStyleCache.current = Object.create(null);
     }
     const rows = [];
     for (let i = 0; i < renderedRows.length; i += 1) {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.5.0
+ * @mui/x-data-grid v6.7.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/utils/useProps.js

@@ -1,6 +1,25 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["components", "componentsProps"];
 import * as React from 'react';
+/** Gathers props for the root element into a single `.forwardedProps` field */
+function groupForwardedProps(props) {
+  const keys = Object.keys(props);
+  if (!keys.some(key => key.startsWith('aria-') || key.startsWith('data-'))) {
+    return props;
+  }
+  const newProps = {};
+  const forwardedProps = props.forwardedProps ?? {};
+  for (let i = 0; i < keys.length; i += 1) {
+    const key = keys[i];
+    if (key.startsWith('aria-') || key.startsWith('data-')) {
+      forwardedProps[key] = props[key];
+    } else {
+      newProps[key] = props[key];
+    }
+  }
+  newProps.forwardedProps = forwardedProps;
+  return newProps;
+}
 export function useProps(allProps) {
   return React.useMemo(() => {
     const {
@@ -8,6 +27,6 @@ export function useProps(allProps) {
         componentsProps
       } = allProps,
       themedProps = _objectWithoutPropertiesLoose(allProps, _excluded);
-    return [components, componentsProps, themedProps];
+    return [components, componentsProps, groupForwardedProps(themedProps)];
   }, [allProps]);
 }

package/modern/locales/arSD.js

@@ -60,12 +60,12 @@ const arSDGrid = {
   filterOperatorIsEmpty: 'خالي',
   filterOperatorIsNotEmpty: 'غير خالي',
   filterOperatorIsAnyOf: 'أي من',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const arSDGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'أي',

package/modern/locales/beBY.js

@@ -74,12 +74,12 @@ const beBYGrid = {
   filterOperatorIsEmpty: 'пусты',
   filterOperatorIsNotEmpty: 'не пусты',
   filterOperatorIsAnyOf: 'усякі з',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -95,12 +95,12 @@ const beBYGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'усякі',

package/modern/locales/bgBG.js

@@ -60,12 +60,12 @@ const bgBGGrid = {
   filterOperatorIsEmpty: 'е празен',
   filterOperatorIsNotEmpty: 'не е празен',
   filterOperatorIsAnyOf: 'е някой от',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const bgBGGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'всякакви',

package/modern/locales/csCZ.js

@@ -68,34 +68,32 @@ const csCZGrid = {
   filterOperatorIsEmpty: 'je prázdný',
   filterOperatorIsNotEmpty: 'není prázdný',
   filterOperatorIsAnyOf: 'je jeden z',
-  // 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>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
-
+  headerFilterOperatorContains: 'Obsahuje',
+  headerFilterOperatorEquals: 'Rovná se',
+  headerFilterOperatorStartsWith: 'Začíná na',
+  headerFilterOperatorEndsWith: 'Končí na',
+  headerFilterOperatorIs: 'Je',
+  headerFilterOperatorNot: 'Není',
+  headerFilterOperatorAfter: 'Je po',
+  headerFilterOperatorOnOrAfter: 'Je po včetně',
+  headerFilterOperatorBefore: 'Je před',
+  headerFilterOperatorOnOrBefore: 'Je před včetně',
+  headerFilterOperatorIsEmpty: 'Je prázdný',
+  headerFilterOperatorIsNotEmpty: 'Není prázdný',
+  headerFilterOperatorIsAnyOf: 'Je jeden z',
+  'headerFilterOperator=': 'Rovná se',
+  'headerFilterOperator!=': 'Nerovná se',
+  'headerFilterOperator>': 'Větší než',
+  'headerFilterOperator>=': 'Větší než nebo rovno',
+  'headerFilterOperator<': 'Menší než',
+  'headerFilterOperator<=': 'Menší než nebo rovno',
   // Filter values text
   filterValueAny: 'jakýkoliv',
   filterValueTrue: 'ano',

package/modern/locales/daDK.js

@@ -60,12 +60,12 @@ const daDKGrid = {
   filterOperatorIsEmpty: 'Indeholder ikke data',
   filterOperatorIsNotEmpty: 'Indeholder data',
   filterOperatorIsAnyOf: 'indeholder en af',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const daDKGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'hvilken som helst',

package/modern/locales/deDE.js

@@ -60,34 +60,32 @@ const deDEGrid = {
   filterOperatorIsEmpty: 'ist leer',
   filterOperatorIsNotEmpty: 'ist nicht leer',
   filterOperatorIsAnyOf: 'ist einer der Werte',
-  // 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>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
-
+  headerFilterOperatorContains: 'Enthält',
+  headerFilterOperatorEquals: 'Gleich',
+  headerFilterOperatorStartsWith: 'Beginnt mit',
+  headerFilterOperatorEndsWith: 'Endet mit',
+  headerFilterOperatorIs: 'Ist',
+  headerFilterOperatorNot: 'Ist nicht',
+  headerFilterOperatorAfter: 'Ist nach',
+  headerFilterOperatorOnOrAfter: 'Ist am oder nach',
+  headerFilterOperatorBefore: 'Ist vor',
+  headerFilterOperatorOnOrBefore: 'Ist am oder vor',
+  headerFilterOperatorIsEmpty: 'Ist leer',
+  headerFilterOperatorIsNotEmpty: 'Ist nicht leer',
+  headerFilterOperatorIsAnyOf: 'Ist eines von',
+  'headerFilterOperator=': 'Gleich',
+  'headerFilterOperator!=': 'Ungleich',
+  'headerFilterOperator>': 'Größer als',
+  'headerFilterOperator>=': 'Größer als oder gleich',
+  'headerFilterOperator<': 'Kleiner als',
+  'headerFilterOperator<=': 'Kleiner als oder gleich',
   // Filter values text
   filterValueAny: 'Beliebig',
   filterValueTrue: 'Ja',

package/modern/locales/elGR.js

@@ -61,12 +61,12 @@ const elGRGrid = {
   filterOperatorIsEmpty: 'είναι κενό',
   filterOperatorIsNotEmpty: 'δεν είναι κενό',
   // filterOperatorIsAnyOf: 'is any of',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -82,12 +82,12 @@ const elGRGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   // filterValueAny: 'any',

package/modern/locales/esES.js

@@ -60,12 +60,12 @@ const esESGrid = {
   filterOperatorIsEmpty: 'está vacío',
   filterOperatorIsNotEmpty: 'no esta vacío',
   filterOperatorIsAnyOf: 'es cualquiera de',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const esESGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'cualquiera',