@mui/x-data-grid 6.12.1 → 6.14.0

package/locales/viVN.js

@@ -37,7 +37,7 @@ const viVNGrid = {
   columnsPanelHideAllButton: 'Ẩn tất cả',
   // Filter panel text
   filterPanelAddFilter: 'Thêm bộ lọc',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Xóa tất cả',
   filterPanelDeleteIconLabel: 'Xóa',
   filterPanelLogicOperator: 'Toán tử logic',
   filterPanelOperator: 'Toán tử',
@@ -59,35 +59,33 @@ const viVNGrid = {
   filterOperatorOnOrBefore: 'bằng hoặc trước',
   filterOperatorIsEmpty: 'Rỗng',
   filterOperatorIsNotEmpty: 'Khác rỗng',
-  // filterOperatorIsAnyOf: 'is any of',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  filterOperatorIsAnyOf: 'Bất kỳ',
+  '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: 'Chứa',
+  headerFilterOperatorEquals: 'Bằng',
+  headerFilterOperatorStartsWith: 'Bắt đầu với',
+  headerFilterOperatorEndsWith: 'Kết thúc với',
+  headerFilterOperatorIs: 'là',
+  headerFilterOperatorNot: 'Không là',
+  headerFilterOperatorAfter: 'Sau',
+  headerFilterOperatorOnOrAfter: 'Đang hoặc sau',
+  headerFilterOperatorBefore: 'Trước',
+  headerFilterOperatorOnOrBefore: 'Đang hoặc trước',
+  headerFilterOperatorIsEmpty: 'Rỗng',
+  headerFilterOperatorIsNotEmpty: 'Khác rỗng',
+  headerFilterOperatorIsAnyOf: 'Bất kỳ',
+  'headerFilterOperator=': 'Bằng',
+  'headerFilterOperator!=': 'Khác',
+  'headerFilterOperator>': 'Lớn hơn',
+  'headerFilterOperator>=': 'Lớn hơn hoặc bằng',
+  'headerFilterOperator<': 'Nhỏ hơn',
+  'headerFilterOperator<=': 'Nhỏ hơn hoặc bằng',
   // Filter values text
   filterValueAny: 'bất kỳ giá trị nào',
   filterValueTrue: 'Có',
@@ -95,7 +93,7 @@ const viVNGrid = {
   // Column menu text
   columnMenuLabel: 'Danh mục',
   columnMenuShowColumns: 'Danh sách cột',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Quản lý cột',
   columnMenuFilter: 'Bộ lọc',
   columnMenuHideColumn: 'Ẩn cột',
   columnMenuUnsort: 'Bỏ sắp xếp',
@@ -139,15 +137,13 @@ const viVNGrid = {
   expandDetailPanel: 'Mở rộng',
   collapseDetailPanel: 'Thu nhỏ',
   // Row reordering text
-  rowReorderingHeaderName: 'Sắp xếp hàng'
-
+  rowReorderingHeaderName: 'Sắp xếp hàng',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Tổng hợp',
+  aggregationFunctionLabelSum: 'Tổng',
+  aggregationFunctionLabelAvg: 'Trung bình',
+  aggregationFunctionLabelMin: 'Tối thiểu',
+  aggregationFunctionLabelMax: 'Tối đa',
+  aggregationFunctionLabelSize: 'Kích cỡ'
 };
-
 export const viVN = getGridLocalization(viVNGrid, viVNCore);

package/models/colDef/gridColDef.d.ts

@@ -5,7 +5,7 @@ import type { GridFilterOperator } from '../gridFilterOperator';
 import { GridCellParams, GridRenderCellParams, GridRenderEditCellParams, GridValueFormatterParams, GridValueGetterParams, GridValueSetterParams, GridPreProcessEditCellProps } from '../params/gridCellParams';
 import { GridColumnHeaderParams } from '../params/gridColumnHeaderParams';
 import { GridComparatorFn, GridSortDirection } from '../gridSortModel';
-import { GridColType, GridNativeColTypes } from './gridColType';
+import { GridColType } from './gridColType';
 import { GridRowParams } from '../params/gridRowParams';
 import { GridValueOptionsParams } from '../params/gridValueOptionsParams';
 import { GridActionsCellItemProps } from '../../components/cell/GridActionsCellItem';
@@ -288,9 +288,7 @@ export interface GridSingleSelectColDef<R extends GridValidRowModel = any, V = a
  *   - [Column definition](/x/react-data-grid/column-definition/)
  */
 export type GridColDef<R extends GridValidRowModel = any, V = any, F = V> = GridBaseColDef<R, V, F> | GridActionsColDef<R, V, F> | GridSingleSelectColDef<R, V, F>;
-export type GridColTypeDef<V = any, F = V> = Omit<GridBaseColDef<any, V, F>, 'field'> & {
-    extendType?: GridNativeColTypes;
-};
+export type GridColTypeDef<V = any, F = V> = Omit<GridBaseColDef<any, V, F>, 'field'>;
 export type GridStateColDef<R extends GridValidRowModel = any, V = any, F = V> = GridColDef<R, V, F> & {
     computedWidth: number;
     /**

package/models/gridSlotsComponent.d.ts

@@ -107,6 +107,11 @@ export interface GridSlotsComponent extends GridBaseSlots, GridIconSlotsComponen
      * @default GridFooter
      */
     Footer: React.JSXElementConstructor<any>;
+    /**
+     * Row count component rendered in the footer
+     * @default GridRowCount
+     */
+    FooterRowCount: React.JSXElementConstructor<any>;
     /**
      * Toolbar component rendered inside the Header component.
      * @default null

package/models/gridSlotsComponentsProps.d.ts

@@ -21,6 +21,7 @@ import { GridOverlayProps } from '../components/containers/GridOverlay';
 import { GridPanelProps } from '../components/panel/GridPanel';
 import type { GridRowProps } from '../components/GridRow';
 import type { GridCellProps } from '../components/cell/GridCell';
+import type { GridRowCountProps } from '../components';
 export interface BaseCheckboxPropsOverrides {
 }
 export interface BaseTextFieldPropsOverrides {
@@ -59,6 +60,8 @@ export interface FilterPanelPropsOverrides {
 }
 export interface FooterPropsOverrides {
 }
+export interface FooterRowCountOverrides {
+}
 export interface PaginationPropsOverrides {
 }
 export interface LoadingOverlayPropsOverrides {
@@ -100,6 +103,7 @@ export interface GridSlotsComponentsProps {
     columnsPanel?: SlotProps<GridColumnsPanelProps, ColumnsPanelPropsOverrides>;
     filterPanel?: SlotProps<GridFilterPanelProps, FilterPanelPropsOverrides>;
     footer?: SlotProps<GridFooterContainerProps, FooterPropsOverrides>;
+    footerRowCount?: SlotProps<GridRowCountProps, FooterRowCountOverrides>;
     loadingOverlay?: SlotProps<GridOverlayProps, LoadingOverlayPropsOverrides>;
     noResultsOverlay?: SlotProps<GridOverlayProps, NoResultsOverlayPropsOverrides>;
     noRowsOverlay?: SlotProps<GridOverlayProps, NoRowsOverlayPropsOverrides>;

package/modern/components/GridColumnHeaders.js

@@ -3,6 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["innerRef", "className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnPositions", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "densityFactor", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import { refType } from '@mui/utils';
 import { fastMemo } from '../utils/fastMemo';
 import { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
 import { GridBaseColumnHeaders } from './columnHeaders/GridBaseColumnHeaders';
@@ -94,9 +95,7 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   filterColumnLookup: PropTypes.object.isRequired,
   hasOtherElementInTabSequence: PropTypes.bool.isRequired,
   headerGroupingMaxDepth: PropTypes.number.isRequired,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
+  innerRef: refType,
   minColumnIndex: PropTypes.number,
   sortColumnLookup: PropTypes.object.isRequired,
   visibleColumns: PropTypes.arrayOf(PropTypes.object).isRequired

package/modern/components/GridFooter.js

@@ -6,7 +6,6 @@ import { gridTopLevelRowCountSelector } from '../hooks/features/rows/gridRowsSel
 import { selectedGridRowsCountSelector } from '../hooks/features/rowSelection/gridRowSelectionSelector';
 import { gridFilteredTopLevelRowCountSelector } from '../hooks/features/filter/gridFilterSelector';
 import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { GridRowCount } from './GridRowCount';
 import { GridSelectedRowCount } from './GridSelectedRowCount';
 import { GridFooterContainer } from './containers/GridFooterContainer';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
@@ -21,10 +20,10 @@ const GridFooter = /*#__PURE__*/React.forwardRef(function GridFooter(props, ref)
   const selectedRowCountElement = !rootProps.hideFooterSelectedRowCount && selectedRowCount > 0 ? /*#__PURE__*/_jsx(GridSelectedRowCount, {
     selectedRowCount: selectedRowCount
   }) : /*#__PURE__*/_jsx("div", {});
-  const rowCountElement = !rootProps.hideFooterRowCount && !rootProps.pagination ? /*#__PURE__*/_jsx(GridRowCount, {
+  const rowCountElement = !rootProps.hideFooterRowCount && !rootProps.pagination ? /*#__PURE__*/_jsx(rootProps.slots.footerRowCount, _extends({}, rootProps.slotProps?.footerRowCount, {
     rowCount: totalTopLevelRowCount,
     visibleRowCount: visibleTopLevelRowCount
-  }) : null;
+  })) : null;
   const paginationElement = rootProps.pagination && !rootProps.hideFooterPagination && rootProps.slots.pagination && /*#__PURE__*/_jsx(rootProps.slots.pagination, _extends({}, rootProps.slotProps?.pagination));
   return /*#__PURE__*/_jsxs(GridFooterContainer, _extends({
     ref: ref

package/modern/components/base/GridOverlays.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import { styled } from '@mui/system';
 import { unstable_composeClasses as composeClasses, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 import clsx from 'clsx';
@@ -14,8 +15,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const GridOverlayWrapperRoot = styled('div', {
   name: 'MuiDataGrid',
   slot: 'OverlayWrapper',
+  shouldForwardProp: prop => prop !== 'overlayType',
   overridesResolver: (props, styles) => styles.overlayWrapper
-})({
+})(({
+  overlayType
+}) => ({
   position: 'sticky',
   // To stay in place while scrolling
   top: 0,
@@ -24,12 +28,14 @@ const GridOverlayWrapperRoot = styled('div', {
   // To stay above the content instead of shifting it down
   height: 0,
   // To stay above the content instead of shifting it down
-  zIndex: 4 // Should be above pinned columns, pinned rows and detail panel
-});
+  zIndex: overlayType === 'loadingOverlay' ? 5 // Should be above pinned columns, pinned rows, and detail panel
+  : 4 // Should be above pinned columns and detail panel
+}));
 
 const GridOverlayWrapperInner = styled('div', {
   name: 'MuiDataGrid',
   slot: 'OverlayWrapperInner',
+  shouldForwardProp: prop => prop !== 'overlayType',
   overridesResolver: (props, styles) => styles.overlayWrapperInner
 })({});
 const useUtilityClasses = ownerState => {
@@ -65,6 +71,7 @@ function GridOverlayWrapper(props) {
   }
   return /*#__PURE__*/_jsx(GridOverlayWrapperRoot, {
     className: clsx(classes.root),
+    overlayType: props.overlayType,
     children: /*#__PURE__*/_jsx(GridOverlayWrapperInner, _extends({
       className: clsx(classes.inner),
       style: {
@@ -74,6 +81,13 @@ function GridOverlayWrapper(props) {
     }, props))
   });
 }
+process.env.NODE_ENV !== "production" ? GridOverlayWrapper.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  overlayType: PropTypes.string.isRequired
+} : void 0;
 export function GridOverlays() {
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
@@ -83,19 +97,24 @@ export function GridOverlays() {
   const showNoRowsOverlay = !loading && totalRowCount === 0;
   const showNoResultsOverlay = !loading && totalRowCount > 0 && visibleRowCount === 0;
   let overlay = null;
+  let overlayType = '';
   if (showNoRowsOverlay) {
     overlay = /*#__PURE__*/_jsx(rootProps.slots.noRowsOverlay, _extends({}, rootProps.slotProps?.noRowsOverlay));
+    overlayType = 'noRowsOverlay';
   }
   if (showNoResultsOverlay) {
     overlay = /*#__PURE__*/_jsx(rootProps.slots.noResultsOverlay, _extends({}, rootProps.slotProps?.noResultsOverlay));
+    overlayType = 'noResultsOverlay';
   }
   if (loading) {
     overlay = /*#__PURE__*/_jsx(rootProps.slots.loadingOverlay, _extends({}, rootProps.slotProps?.loadingOverlay));
+    overlayType = 'loadingOverlay';
   }
   if (overlay === null) {
     return null;
   }
   return /*#__PURE__*/_jsx(GridOverlayWrapper, {
+    overlayType: overlayType,
     children: overlay
   });
 }

package/modern/components/containers/GridRootStyles.js

@@ -348,7 +348,10 @@ export const GridRootStyles = styled('div', {
       '&.Mui-selected': {
         backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
         '&:hover, &.Mui-hovered': {
-          backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity + theme.palette.action.hoverOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
+          backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(
+                ${theme.vars.palette.action.selectedOpacity} + 
+                ${theme.vars.palette.action.hoverOpacity}
+              ))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
           // Reset on touch devices, it doesn't add specificity
           '@media (hover: none)': {
             backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)

package/modern/components/panel/GridPanelWrapper.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import TrapFocus from '@mui/material/Unstable_TrapFocus';
+import FocusTrap from '@mui/material/Unstable_TrapFocus';
 import { styled } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';
@@ -40,7 +40,7 @@ const GridPanelWrapper = /*#__PURE__*/React.forwardRef(function GridPanelWrapper
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const rootProps = useGridRootProps();
   const classes = useUtilityClasses(rootProps);
-  return /*#__PURE__*/_jsx(TrapFocus, _extends({
+  return /*#__PURE__*/_jsx(FocusTrap, _extends({
     open: true,
     disableEnforceFocus: true,
     isEnabled: isEnabled

package/modern/components/panel/filterPanel/GridFilterInputBoolean.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["item", "applyValue", "apiRef", "focusElementRef", "isFilterActive", "clearButton", "tabIndex", "label"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
+import { refType, unstable_useId as useId } from '@mui/utils';
 import { styled } from '@mui/material/styles';
 import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -94,9 +94,7 @@ process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes = {
   }).isRequired,
   applyValue: PropTypes.func.isRequired,
   clearButton: PropTypes.node,
-  focusElementRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any.isRequired
-  })]),
+  focusElementRef: refType,
   /**
    * It is `true` if the filter either has a value or an operator with no value
    * required is selected (e.g. `isEmpty`)

package/modern/constants/defaultGridSlotsComponents.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridSkeletonCell, GridColumnsPanel, GridFilterPanel, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridPreferencesPanel, GridRow, GridColumnHeaderFilterIconButton } from '../components';
+import { GridSkeletonCell, GridColumnsPanel, GridFilterPanel, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridPreferencesPanel, GridRow, GridColumnHeaderFilterIconButton, GridRowCount } from '../components';
 import { GridCellV7 } from '../components/cell/GridCell';
 import { GridColumnHeaders } from '../components/GridColumnHeaders';
 import { GridColumnMenu } from '../components/menu/columnMenu/GridColumnMenu';
@@ -15,6 +15,7 @@ export const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends({}, materialSlots, {
   ColumnMenu: GridColumnMenu,
   ColumnHeaders: GridColumnHeaders,
   Footer: GridFooter,
+  FooterRowCount: GridRowCount,
   Toolbar: null,
   PreferencesPanel: GridPreferencesPanel,
   LoadingOverlay: GridLoadingOverlay,

package/modern/hooks/features/columns/useGridColumns.js

@@ -124,17 +124,23 @@ export function useGridColumns(apiRef, props) {
   }, [apiRef, logger, setGridColumnsState, getColumnIndexRelativeToVisibleColumns]);
   const setColumnWidth = React.useCallback((field, width) => {
     logger.debug(`Updating column ${field} width to ${width}`);
-    const column = apiRef.current.getColumn(field);
+    const columnsState = gridColumnsStateSelector(apiRef.current.state);
+    const column = columnsState.lookup[field];
     const newColumn = _extends({}, column, {
-      width
+      width,
+      hasBeenResized: true
     });
-    apiRef.current.updateColumns([newColumn]);
+    setGridColumnsState(hydrateColumnsWidth(_extends({}, columnsState, {
+      lookup: _extends({}, columnsState.lookup, {
+        [field]: newColumn
+      })
+    }), apiRef.current.getRootDimensions()?.viewportInnerSize.width ?? 0));
     apiRef.current.publishEvent('columnWidthChange', {
       element: apiRef.current.getColumnHeaderElement(field),
       colDef: newColumn,
       width
     });
-  }, [apiRef, logger]);
+  }, [apiRef, logger, setGridColumnsState]);
   const columnApi = {
     getColumn,
     getAllColumns,

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

@@ -277,5 +277,5 @@ export function calculatePinnedRowsHeight(apiRef) {
 }
 export function getMinimalContentHeight(apiRef, rowHeight) {
   const densityFactor = gridDensityFactorSelector(apiRef);
-  return 2 * Math.floor(rowHeight * densityFactor);
+  return `var(--DataGrid-overlayHeight, ${2 * Math.floor(rowHeight * densityFactor)}px)`;
 }

package/modern/index.js

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

package/modern/locales/faIR.js

@@ -60,34 +60,32 @@ const faIRGrid = {
   filterOperatorIsEmpty: 'خالی است',
   filterOperatorIsNotEmpty: 'خالی نیست',
   filterOperatorIsAnyOf: 'هر یک از',
-  // '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>': '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: 'هرچیزی',
   filterValueTrue: 'صحیح',

package/modern/locales/jaJP.js

@@ -60,34 +60,32 @@ const jaJPGrid = {
   filterOperatorIsEmpty: '...空である',
   filterOperatorIsNotEmpty: '...空でない',
   filterOperatorIsAnyOf: '...のいずれか',
-  // '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>': '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: 'いずれか',
   filterValueTrue: '真',

package/modern/locales/skSK.js

@@ -45,7 +45,7 @@ const skSKGrid = {
   columnsPanelHideAllButton: 'Skryť všetko',
   // Filter panel text
   filterPanelAddFilter: 'Pridať filter',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Odstrániť všetky',
   filterPanelDeleteIconLabel: 'Odstrániť',
   filterPanelLogicOperator: 'Logický operátor',
   filterPanelOperator: 'Operátory',
@@ -68,34 +68,32 @@ const skSKGrid = {
   filterOperatorIsEmpty: 'je prázdny',
   filterOperatorIsNotEmpty: 'nie je prázdny',
   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>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'Obsahuje',
+  headerFilterOperatorEquals: 'Rovná sa',
+  headerFilterOperatorStartsWith: 'Začína s',
+  headerFilterOperatorEndsWith: 'Končí na',
+  headerFilterOperatorIs: 'Je',
+  headerFilterOperatorNot: 'Nie je',
+  headerFilterOperatorAfter: 'Je po',
+  headerFilterOperatorOnOrAfter: 'Je na alebo po',
+  headerFilterOperatorBefore: 'Je pred',
+  headerFilterOperatorOnOrBefore: 'Je na alebo skôr',
+  headerFilterOperatorIsEmpty: 'Je prázdny',
+  headerFilterOperatorIsNotEmpty: 'Nie je prázdny',
+  headerFilterOperatorIsAnyOf: 'Je jeden z',
+  'headerFilterOperator=': 'Rovná sa',
+  'headerFilterOperator!=': 'Nerovná sa',
+  'headerFilterOperator>': 'Väčší ako',
+  'headerFilterOperator>=': 'Väčší ako alebo rovný',
+  'headerFilterOperator<': 'Menší ako',
+  'headerFilterOperator<=': 'Menší ako alebo rovný',
   // Filter values text
   filterValueAny: 'akýkoľvek',
   filterValueTrue: 'áno',
@@ -103,7 +101,7 @@ const skSKGrid = {
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Zobraziť stĺpce',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Spravovať stĺpce',
   columnMenuFilter: 'Filter',
   columnMenuHideColumn: 'Skryť',
   columnMenuUnsort: 'Zrušiť filtre',