@mui/x-data-grid 6.7.0 → 6.9.0

package/modern/hooks/features/pagination/gridPaginationSelector.js

@@ -1,4 +1,4 @@
-import { createSelector } from '../../../utils/createSelector';
+import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
 import { gridFilteredTopLevelRowCountSelector, gridExpandedSortedRowEntriesSelector, gridExpandedSortedRowIdsSelector, gridFilteredSortedTopLevelRowEntriesSelector } from '../filter/gridFilterSelector';
 import { gridRowMaximumTreeDepthSelector, gridRowTreeSelector } from '../rows/gridRowsSelector';
 import { getPageCount } from './gridPaginationUtils';
@@ -37,7 +37,7 @@ export const gridPageCountSelector = createSelector(gridPaginationModelSelector,
  * Get the index of the first and the last row to include in the current page if the pagination is enabled.
  * @category Pagination
  */
-export const gridPaginationRowRangeSelector = createSelector(gridPaginationModelSelector, gridRowTreeSelector, gridRowMaximumTreeDepthSelector, gridExpandedSortedRowEntriesSelector, gridFilteredSortedTopLevelRowEntriesSelector, (paginationModel, rowTree, rowTreeDepth, visibleSortedRowEntries, visibleSortedTopLevelRowEntries) => {
+export const gridPaginationRowRangeSelector = createSelectorMemoized(gridPaginationModelSelector, gridRowTreeSelector, gridRowMaximumTreeDepthSelector, gridExpandedSortedRowEntriesSelector, gridFilteredSortedTopLevelRowEntriesSelector, (paginationModel, rowTree, rowTreeDepth, visibleSortedRowEntries, visibleSortedTopLevelRowEntries) => {
   const visibleTopLevelRowCount = visibleSortedTopLevelRowEntries.length;
   const topLevelFirstRowIndex = Math.min(paginationModel.pageSize * paginationModel.page, visibleTopLevelRowCount - 1);
   const topLevelLastRowIndex = Math.min(topLevelFirstRowIndex + paginationModel.pageSize - 1, visibleTopLevelRowCount - 1);
@@ -79,7 +79,7 @@ export const gridPaginationRowRangeSelector = createSelector(gridPaginationModel
  * Get the id and the model of each row to include in the current page if the pagination is enabled.
  * @category Pagination
  */
-export const gridPaginatedVisibleSortedGridRowEntriesSelector = createSelector(gridExpandedSortedRowEntriesSelector, gridPaginationRowRangeSelector, (visibleSortedRowEntries, paginationRange) => {
+export const gridPaginatedVisibleSortedGridRowEntriesSelector = createSelectorMemoized(gridExpandedSortedRowEntriesSelector, gridPaginationRowRangeSelector, (visibleSortedRowEntries, paginationRange) => {
   if (!paginationRange) {
     return [];
   }
@@ -90,7 +90,7 @@ export const gridPaginatedVisibleSortedGridRowEntriesSelector = createSelector(g
  * Get the id of each row to include in the current page if the pagination is enabled.
  * @category Pagination
  */
-export const gridPaginatedVisibleSortedGridRowIdsSelector = createSelector(gridExpandedSortedRowIdsSelector, gridPaginationRowRangeSelector, (visibleSortedRowIds, paginationRange) => {
+export const gridPaginatedVisibleSortedGridRowIdsSelector = createSelectorMemoized(gridExpandedSortedRowIdsSelector, gridPaginationRowRangeSelector, (visibleSortedRowIds, paginationRange) => {
   if (!paginationRange) {
     return [];
   }

package/modern/hooks/features/rowSelection/gridRowSelectionSelector.js

@@ -1,9 +1,9 @@
-import { createSelector } from '../../../utils/createSelector';
+import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
 import { gridRowsLookupSelector } from '../rows/gridRowsSelector';
 export const gridRowSelectionStateSelector = state => state.rowSelection;
 export const selectedGridRowsCountSelector = createSelector(gridRowSelectionStateSelector, selection => selection.length);
-export const selectedGridRowsSelector = createSelector(gridRowSelectionStateSelector, gridRowsLookupSelector, (selectedRows, rowsLookup) => new Map(selectedRows.map(id => [id, rowsLookup[id]])));
-export const selectedIdsLookupSelector = createSelector(gridRowSelectionStateSelector, selection => selection.reduce((lookup, rowId) => {
+export const selectedGridRowsSelector = createSelectorMemoized(gridRowSelectionStateSelector, gridRowsLookupSelector, (selectedRows, rowsLookup) => new Map(selectedRows.map(id => [id, rowsLookup[id]])));
+export const selectedIdsLookupSelector = createSelectorMemoized(gridRowSelectionStateSelector, selection => selection.reduce((lookup, rowId) => {
   lookup[rowId] = rowId;
   return lookup;
 }, {}));

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

@@ -1,4 +1,4 @@
-import { createSelector } from '../../../utils/createSelector';
+import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
 const gridRowsStateSelector = state => state.rows;
 export const gridRowCountSelector = createSelector(gridRowsStateSelector, rows => rows.totalRowCount);
 export const gridRowsLoadingSelector = createSelector(gridRowsStateSelector, rows => rows.loading);
@@ -10,7 +10,7 @@ export const gridRowsDataRowIdToIdLookupSelector = createSelector(gridRowsStateS
 export const gridRowTreeSelector = createSelector(gridRowsStateSelector, rows => rows.tree);
 export const gridRowGroupingNameSelector = createSelector(gridRowsStateSelector, rows => rows.groupingName);
 export const gridRowTreeDepthsSelector = createSelector(gridRowsStateSelector, rows => rows.treeDepths);
-export const gridRowMaximumTreeDepthSelector = createSelector(gridRowsStateSelector, rows => {
+export const gridRowMaximumTreeDepthSelector = createSelectorMemoized(gridRowsStateSelector, rows => {
   const entries = Object.entries(rows.treeDepths);
   if (entries.length === 0) {
     return 1;
@@ -27,7 +27,7 @@ export const gridAdditionalRowGroupsSelector = createSelector(gridRowsStateSelec
 /**
  * @ignore - do not document.
  */
-export const gridPinnedRowsSelector = createSelector(gridAdditionalRowGroupsSelector, additionalRowGroups => {
+export const gridPinnedRowsSelector = createSelectorMemoized(gridAdditionalRowGroupsSelector, additionalRowGroups => {
   const rawPinnedRows = additionalRowGroups?.pinnedRows;
   return {
     bottom: rawPinnedRows?.bottom?.map(rowEntry => ({

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

@@ -2,11 +2,7 @@ import * as React from 'react';
 import { getGridCellElement, getGridColumnHeaderElement, getGridRowElement } from '../../../utils/domUtils';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
-let warnedOnceMissingColumn = false;
-function warnMissingColumn(field) {
-  console.warn([`MUI: You are calling getValue('${field}') but the column \`${field}\` is not defined.`, `Instead, you can access the data from \`params.row.${field}\`.`].join('\n'));
-  warnedOnceMissingColumn = true;
-}
+export class MissingRowIdError extends Error {}
 
 /**
  * @requires useGridColumns (method)
@@ -24,7 +20,7 @@ export function useGridParamsApi(apiRef) {
   const getRowParams = React.useCallback(id => {
     const row = apiRef.current.getRow(id);
     if (!row) {
-      throw new Error(`No row with id #${id} found`);
+      throw new MissingRowIdError(`No row with id #${id} found`);
     }
     const params = {
       id,
@@ -37,7 +33,7 @@ export function useGridParamsApi(apiRef) {
     const row = apiRef.current.getRow(id);
     const rowNode = apiRef.current.getRowNode(id);
     if (!row || !rowNode) {
-      throw new Error(`No row with id #${id} found`);
+      throw new MissingRowIdError(`No row with id #${id} found`);
     }
     const cellFocus = gridFocusCellSelector(apiRef);
     const cellTabIndex = gridTabIndexCellSelector(apiRef);
@@ -61,7 +57,7 @@ export function useGridParamsApi(apiRef) {
     const row = apiRef.current.getRow(id);
     const rowNode = apiRef.current.getRowNode(id);
     if (!row || !rowNode) {
-      throw new Error(`No row with id #${id} found`);
+      throw new MissingRowIdError(`No row with id #${id} found`);
     }
     const cellFocus = gridFocusCellSelector(apiRef);
     const cellTabIndex = gridTabIndexCellSelector(apiRef);
@@ -75,7 +71,8 @@ export function useGridParamsApi(apiRef) {
       hasFocus: cellFocus !== null && cellFocus.field === field && cellFocus.id === id,
       tabIndex: cellTabIndex && cellTabIndex.field === field && cellTabIndex.id === id ? 0 : -1,
       value,
-      formattedValue: value
+      formattedValue: value,
+      isEditable: false
     };
     if (colDef && colDef.valueFormatter) {
       params.formattedValue = colDef.valueFormatter({
@@ -90,15 +87,10 @@ export function useGridParamsApi(apiRef) {
   }, [apiRef]);
   const getCellValue = React.useCallback((id, field) => {
     const colDef = apiRef.current.getColumn(field);
-    if (process.env.NODE_ENV !== 'production') {
-      if (!colDef && !warnedOnceMissingColumn) {
-        warnMissingColumn(field);
-      }
-    }
     if (!colDef || !colDef.valueGetter) {
       const rowModel = apiRef.current.getRow(id);
       if (!rowModel) {
-        throw new Error(`No row with id #${id} found`);
+        throw new MissingRowIdError(`No row with id #${id} found`);
       }
       return rowModel[field];
     }

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

@@ -1,4 +1,4 @@
-import { createSelector } from '../../../utils/createSelector';
+import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
 import { gridRowsLookupSelector } from '../rows/gridRowsSelector';
 
 /**
@@ -17,7 +17,7 @@ export const gridSortedRowIdsSelector = createSelector(gridSortingStateSelector,
  * Get the id and the model of the rows after the sorting process.
  * @category Sorting
  */
-export const gridSortedRowEntriesSelector = createSelector(gridSortedRowIdsSelector, gridRowsLookupSelector,
+export const gridSortedRowEntriesSelector = createSelectorMemoized(gridSortedRowIdsSelector, gridRowsLookupSelector,
 // TODO rows v6: Is this the best approach ?
 (sortedIds, idRowsLookup) => sortedIds.map(id => ({
   id,
@@ -33,7 +33,7 @@ export const gridSortModelSelector = createSelector(gridSortingStateSelector, so
  * @category Sorting
  * @ignore - do not document.
  */
-export const gridSortColumnLookupSelector = createSelector(gridSortModelSelector, sortModel => {
+export const gridSortColumnLookupSelector = createSelectorMemoized(gridSortModelSelector, sortModel => {
   const result = sortModel.reduce((res, sortItem, index) => {
     res[sortItem.field] = {
       sortDirection: sortItem.sort,

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

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["style"],
-  _excluded2 = ["style"],
-  _excluded3 = ["style"];
+  _excluded2 = ["style"];
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { useTheme } from '@mui/material/styles';
 import { defaultMemoize } from 'reselect';
 import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
@@ -50,12 +49,17 @@ export const getRenderableIndexes = ({
 }) => {
   return [clamp(firstIndex - buffer, minFirstIndex, maxLastIndex), clamp(lastIndex + buffer, minFirstIndex, maxLastIndex)];
 };
-const areRenderContextsEqual = (context1, context2) => {
+export const areRenderContextsEqual = (context1, context2) => {
   if (context1 === context2) {
     return true;
   }
   return context1.firstRowIndex === context2.firstRowIndex && context1.lastRowIndex === context2.lastRowIndex && context1.firstColumnIndex === context2.firstColumnIndex && context1.lastColumnIndex === context2.lastColumnIndex;
 };
+// The `maxSize` is 3 so that reselect caches the `renderedColumns` values for the pinned left,
+// unpinned, and pinned right sections.
+const MEMOIZE_OPTIONS = {
+  maxSize: 3
+};
 export const useGridVirtualScroller = props => {
   const apiRef = useGridPrivateApiContext();
   const rootProps = useGridRootProps();
@@ -95,7 +99,7 @@ export const useGridVirtualScroller = props => {
   const prevRootRowStyle = React.useRef();
   const getRenderedColumnsRef = React.useRef(defaultMemoize((columns, firstColumnToRender, lastColumnToRender) => {
     return columns.slice(firstColumnToRender, lastColumnToRender);
-  }));
+  }, MEMOIZE_OPTIONS));
   const getNearestIndexToRender = React.useCallback(offset => {
     const lastMeasuredIndexRelativeToAllRows = apiRef.current.getLastMeasuredRowIndex();
     let allRowsMeasured = lastMeasuredIndexRelativeToAllRows === Infinity;
@@ -253,7 +257,7 @@ export const useGridVirtualScroller = props => {
     };
     apiRef.current.publishEvent('scrollPositionChange', params);
   }, [apiRef, computeRenderContext, containerDimensions.width, updateRenderContext]);
-  const handleScroll = event => {
+  const handleScroll = useEventCallback(event => {
     const {
       scrollTop,
       scrollLeft
@@ -295,13 +299,13 @@ export const useGridVirtualScroller = props => {
       });
       prevTotalWidth.current = columnsTotalWidth;
     }
-  };
-  const handleWheel = event => {
+  });
+  const handleWheel = useEventCallback(event => {
     apiRef.current.publishEvent('virtualScrollerWheel', {}, event);
-  };
-  const handleTouchMove = event => {
+  });
+  const handleTouchMove = useEventCallback(event => {
     apiRef.current.publishEvent('virtualScrollerTouchMove', {}, event);
-  };
+  });
   const getRows = (params = {
     renderContext
   }) => {
@@ -446,22 +450,25 @@ export const useGridVirtualScroller = props => {
       height,
       minHeight: shouldExtendContent ? '100%' : 'auto'
     };
+    if (rootProps.autoHeight && currentPage.rows.length === 0) {
+      size.height = getMinimalContentHeight(apiRef, rootProps.rowHeight); // Give room to show the overlay when there no rows.
+    }
+
     return size;
-  }, [rootRef, columnsTotalWidth, rowsMeta.currentPageTotalHeight, needsHorizontalScrollbar]);
+  }, [apiRef, rootRef, columnsTotalWidth, rowsMeta.currentPageTotalHeight, needsHorizontalScrollbar, rootProps.autoHeight, rootProps.rowHeight, currentPage.rows.length]);
   React.useEffect(() => {
     apiRef.current.publishEvent('virtualScrollerContentSizeChange');
   }, [apiRef, contentSize]);
-  if (rootProps.autoHeight && currentPage.rows.length === 0) {
-    contentSize.height = getMinimalContentHeight(apiRef, rootProps.rowHeight); // Give room to show the overlay when there no rows.
-  }
-
-  const rootStyle = {};
-  if (!needsHorizontalScrollbar) {
-    rootStyle.overflowX = 'hidden';
-  }
-  if (rootProps.autoHeight) {
-    rootStyle.overflowY = 'hidden';
-  }
+  const rootStyle = React.useMemo(() => {
+    const style = {};
+    if (!needsHorizontalScrollbar) {
+      style.overflowX = 'hidden';
+    }
+    if (rootProps.autoHeight) {
+      style.overflowY = 'hidden';
+    }
+    return style;
+  }, [needsHorizontalScrollbar, rootProps.autoHeight]);
   const getRenderContext = React.useCallback(() => {
     return prevRenderContext.current;
   }, []);
@@ -472,23 +479,18 @@ export const useGridVirtualScroller = props => {
     renderContext,
     updateRenderZonePosition,
     getRows,
-    getRootProps: (_ref3 = {}) => {
-      let {
-          style = {}
-        } = _ref3,
-        other = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-      return _extends({
-        ref: handleRef,
-        onScroll: handleScroll,
-        onWheel: handleWheel,
-        onTouchMove: handleTouchMove,
-        style: _extends({}, style, rootStyle)
-      }, other);
-    },
+    getRootProps: (inputProps = {}) => _extends({
+      ref: handleRef,
+      onScroll: handleScroll,
+      onWheel: handleWheel,
+      onTouchMove: handleTouchMove
+    }, inputProps, {
+      style: inputProps.style ? _extends({}, inputProps.style, rootStyle) : rootStyle
+    }),
     getContentProps: ({
-      style = {}
+      style
     } = {}) => ({
-      style: _extends({}, style, contentSize)
+      style: style ? _extends({}, style, contentSize) : contentSize
     }),
     getRenderZoneProps: () => ({
       ref: renderZoneRef

package/modern/hooks/utils/index.js

@@ -1,6 +1,6 @@
 export * from './useGridApiEventHandler';
 export * from './useGridApiMethod';
 export * from './useGridLogger';
-export * from './useGridSelector';
+export { useGridSelector } from './useGridSelector';
 export * from './useGridNativeEventListener';
 export * from './useFirstRender';

package/modern/hooks/utils/useGridSelector.js

@@ -1,16 +1,47 @@
+import * as React from 'react';
+import { useLazyRef } from './useLazyRef';
+import { useOnMount } from './useOnMount';
 import { buildWarning } from '../../utils/warning';
+import { fastObjectShallowCompare } from '../../utils/fastObjectShallowCompare';
+const stateNotInitializedWarning = buildWarning(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
 function isOutputSelector(selector) {
   return selector.acceptsApiRef;
 }
-const stateNotInitializedWarning = buildWarning(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
-export const useGridSelector = (apiRef, selector) => {
+function applySelector(apiRef, selector) {
+  if (isOutputSelector(selector)) {
+    return selector(apiRef);
+  }
+  return selector(apiRef.current.state);
+}
+const defaultCompare = Object.is;
+export const objectShallowCompare = fastObjectShallowCompare;
+const createRefs = () => ({
+  state: null,
+  equals: null,
+  selector: null
+});
+export const useGridSelector = (apiRef, selector, equals = defaultCompare) => {
   if (process.env.NODE_ENV !== 'production') {
     if (!apiRef.current.state) {
       stateNotInitializedWarning();
     }
   }
-  if (isOutputSelector(selector)) {
-    return selector(apiRef);
-  }
-  return selector(apiRef.current.state);
+  const refs = useLazyRef(createRefs);
+  const didInit = refs.current.selector !== null;
+  const [state, setState] = React.useState(
+  // We don't use an initialization function to avoid allocations
+  didInit ? null : applySelector(apiRef, selector));
+  refs.current.state = state;
+  refs.current.equals = equals;
+  refs.current.selector = selector;
+  useOnMount(() => {
+    return apiRef.current.store.subscribe(() => {
+      const newState = applySelector(apiRef, refs.current.selector);
+      if (!refs.current.equals(refs.current.state, newState)) {
+        refs.current.state = newState;
+        setState(newState);
+      }
+    });
+  });
+  return state;
 };

package/modern/hooks/utils/useLazyRef.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+const UNINITIALIZED = {};
+export function useLazyRef(init, initArg) {
+  const ref = React.useRef(UNINITIALIZED);
+  if (ref.current === UNINITIALIZED) {
+    ref.current = init(initArg);
+  }
+  return ref;
+}

package/modern/hooks/utils/useOnMount.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+const EMPTY = [];
+export function useOnMount(fn) {
+  /* eslint-disable react-hooks/exhaustive-deps */
+  React.useEffect(fn, EMPTY);
+  /* eslint-enable react-hooks/exhaustive-deps */
+}

package/modern/index.js

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

package/modern/internals/index.js

@@ -48,7 +48,7 @@ export { useGridVirtualScroller, getRenderableIndexes } from '../hooks/features/
 export { useGridVisibleRows, getVisibleRows } from '../hooks/utils/useGridVisibleRows';
 export { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
 export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/export/utils';
-export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
+export { createSelector, createSelectorMemoized, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName, getActiveElement } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
 export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';

package/modern/locales/elGR.js

@@ -1,3 +1,4 @@
+import { elGR as elGRCore } from '@mui/material/locale';
 import { getGridLocalization } from '../utils/getGridLocalization';
 const elGRGrid = {
   // Root
@@ -19,17 +20,15 @@ const elGRGrid = {
   toolbarFiltersTooltipShow: 'Εμφάνιση φίλτρων',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} ενεργά φίλτρα` : `${count} ενεργό φίλτρο`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
-
+  toolbarQuickFilterPlaceholder: 'Αναζήτηση…',
+  toolbarQuickFilterLabel: 'Αναζήτηση',
+  toolbarQuickFilterDeleteIconLabel: 'Καθαρισμός',
   // Export selector toolbar button text
   toolbarExport: 'Εξαγωγή',
   toolbarExportLabel: 'Εξαγωγή',
   toolbarExportCSV: 'Λήψη ως CSV',
-  // toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
-
+  toolbarExportPrint: 'Εκτύπωση',
+  toolbarExportExcel: 'Λήψη ως Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Εύρεση στήλης',
   columnsPanelTextFieldPlaceholder: 'Επικεφαλίδα στήλης',
@@ -38,9 +37,9 @@ const elGRGrid = {
   columnsPanelHideAllButton: 'Απόκρυψη όλων',
   // Filter panel text
   filterPanelAddFilter: 'Προσθήκη φίλτρου',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Αφαίρεση όλων',
   filterPanelDeleteIconLabel: 'Διαγραφή',
-  // filterPanelLogicOperator: 'Logic operator',
+  filterPanelLogicOperator: 'Λογικός τελεστής',
   filterPanelOperator: 'Τελεστές',
   filterPanelOperatorAnd: 'Καί',
   filterPanelOperatorOr: 'Ή',
@@ -60,44 +59,41 @@ const elGRGrid = {
   filterOperatorOnOrBefore: 'είναι ίσο ή πριν',
   filterOperatorIsEmpty: 'είναι κενό',
   filterOperatorIsNotEmpty: 'δεν είναι κενό',
-  // filterOperatorIsAnyOf: 'is any of',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  filterOperatorIsAnyOf: 'είναι οποιοδήποτε από',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'Περιέχει',
+  headerFilterOperatorEquals: 'Ισούται',
+  headerFilterOperatorStartsWith: 'Ξεκινάει με',
+  headerFilterOperatorEndsWith: 'Τελειώνει με',
+  headerFilterOperatorIs: 'Είναι',
+  headerFilterOperatorNot: 'Δεν είναι',
+  headerFilterOperatorAfter: 'Είναι μετά',
+  headerFilterOperatorOnOrAfter: 'Είναι ίσο ή μετά',
+  headerFilterOperatorBefore: 'Είναι πριν',
+  headerFilterOperatorOnOrBefore: 'Είναι ίσο ή πριν',
+  headerFilterOperatorIsEmpty: 'Είναι κενό',
+  headerFilterOperatorIsNotEmpty: 'Δεν είναι κενό',
+  headerFilterOperatorIsAnyOf: 'Είναι οποιοδήποτε από',
+  'headerFilterOperator=': 'Ισούται',
+  'headerFilterOperator!=': 'Δεν ισούται',
+  'headerFilterOperator>': 'Μεγαλύτερο από',
+  'headerFilterOperator>=': 'Μεγαλύτερο ή ίσο με',
+  'headerFilterOperator<': 'Μικρότερο από',
+  'headerFilterOperator<=': 'Μικρότερο ή ίσο με',
   // Filter values text
-  // filterValueAny: 'any',
-  // filterValueTrue: 'true',
-  // filterValueFalse: 'false',
-
+  filterValueAny: 'οποιοδήποτε',
+  filterValueTrue: 'αληθές',
+  filterValueFalse: 'ψευδές',
   // Column menu text
   columnMenuLabel: 'Μενού',
   columnMenuShowColumns: 'Εμφάνιση στηλών',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Διαχείριση στηλών',
   columnMenuFilter: 'Φίλτρο',
   columnMenuHideColumn: 'Απόκρυψη',
   columnMenuUnsort: 'Απενεργοποίηση ταξινόμησης',
@@ -114,49 +110,40 @@ const elGRGrid = {
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} από ${totalCount.toLocaleString()}`,
   // Checkbox selection text
-  // checkboxSelectionHeaderName: 'Checkbox selection',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
-
+  checkboxSelectionHeaderName: 'Επιλογή πλαισίου ελέγχου',
+  checkboxSelectionSelectAllRows: 'Επιλέξτε όλες τις σειρές',
+  checkboxSelectionUnselectAllRows: 'Καταργήση επιλογής όλων των σειρών',
+  checkboxSelectionSelectRow: 'Επιλογή γραμμής',
+  checkboxSelectionUnselectRow: 'Καταργήση επιλογής γραμμής',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
-
+  booleanCellTrueLabel: 'ναί',
+  booleanCellFalseLabel: 'όχι',
   // Actions cell more text
-  actionsCellMore: 'περισσότερα'
-
+  actionsCellMore: 'περισσότερα',
   // Column pinning text
-  // pinToLeft: 'Pin to left',
-  // pinToRight: 'Pin to right',
-  // unpin: 'Unpin',
-
+  pinToLeft: 'Καρφιτσώμα στα αριστερά',
+  pinToRight: 'Καρφιτσώμα στα δεξιά',
+  unpin: 'Ξεκαρφίτσωμα',
   // Tree Data
-  // treeDataGroupingHeaderName: 'Group',
-  // treeDataExpand: 'see children',
-  // treeDataCollapse: 'hide children',
-
+  treeDataGroupingHeaderName: 'Ομαδοποίηση',
+  treeDataExpand: 'εμφάνιση περιεχομένων',
+  treeDataCollapse: 'απόκρυψη περιεχομένων',
   // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
-
+  groupingColumnHeaderName: 'Ομαδοποίηση',
+  groupColumn: name => `Ομαδοποίηση κατά ${name}`,
+  unGroupColumn: name => `Διακοπή ομαδοποίησης κατά ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
-
+  detailPanelToggle: 'Εναλλαγή πίνακα λεπτομερειών',
+  expandDetailPanel: 'Ανάπτυξη',
+  collapseDetailPanel: 'Σύμπτυξη',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  rowReorderingHeaderName: 'Αναδιάταξη γραμμών',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Συσσωμάτωση',
+  aggregationFunctionLabelSum: 'άθροισμα',
+  aggregationFunctionLabelAvg: 'μέση τιμή',
+  aggregationFunctionLabelMin: 'ελάχιστο',
+  aggregationFunctionLabelMax: 'μέγιστο',
+  aggregationFunctionLabelSize: 'μέγεθος'
 };
-
-export const elGR = getGridLocalization(elGRGrid);
+export const elGR = getGridLocalization(elGRGrid, elGRCore);

package/modern/locales/ptBR.js

@@ -68,12 +68,12 @@ const ptBRGrid = {
   // 'filterOperator<=': '<=',
 
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
+  headerFilterOperatorContains: 'Contém',
+  headerFilterOperatorEquals: 'Igual',
+  headerFilterOperatorStartsWith: 'Começa com',
+  headerFilterOperatorEndsWith: 'Termina com',
+  headerFilterOperatorIs: 'É',
+  headerFilterOperatorNot: 'Não é',
   // headerFilterOperatorAfter: 'Is after',
   // headerFilterOperatorOnOrAfter: 'Is on or after',
   // headerFilterOperatorBefore: 'Is before',
@@ -81,13 +81,12 @@ const ptBRGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  'headerFilterOperator=': 'Igual',
+  'headerFilterOperator!=': 'Não igual',
+  'headerFilterOperator>': 'Maior que',
+  'headerFilterOperator>=': 'Maior que ou igual a',
+  'headerFilterOperator<': 'Menor que',
+  'headerFilterOperator<=': 'Menor que ou igual a',
   // Filter values text
   filterValueAny: 'qualquer',
   filterValueTrue: 'verdadeiro',