@mui/x-data-grid 5.6.0 → 5.8.0

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

@@ -8,11 +8,11 @@ import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
 import { gridColumnLookupSelector } from '../columns/gridColumnsSelector';
 import { gridSortedRowEntriesSelector, gridSortedRowIdsSelector, gridSortModelSelector } from './gridSortingSelector';
-import { gridRowIdsSelector, gridRowGroupingNameSelector, gridRowTreeSelector } from '../rows';
+import { gridRowIdsSelector, gridRowTreeSelector } from '../rows';
 import { useFirstRender } from '../../utils/useFirstRender';
+import { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from '../../core/strategyProcessing';
 import { buildAggregatedSortingApplier, mergeStateWithSortModel, getNextGridSortDirection, sanitizeSortModel } from './gridSortingUtils';
-import { useGridRegisterPreProcessor } from '../../core/preProcessing';
-import { useGridRegisterSortingMethod } from './useGridRegisterSortingMethod';
+import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 export const sortingStateInitializer = (state, props) => {
   const sortModel = props.sortModel ?? props.initialState?.sorting?.sortModel ?? [];
   return _extends({}, state, {
@@ -29,8 +29,6 @@ export const sortingStateInitializer = (state, props) => {
 
 export const useGridSorting = (apiRef, props) => {
   const logger = useGridLogger(apiRef, 'useGridSorting');
-  const sortingMethodCollectionRef = React.useRef({});
-  const lastSortingMethodApplied = React.useRef(null);
   apiRef.current.unstable_updateControlState({
     stateId: 'sortModel',
     propModel: props.sortModel,
@@ -87,16 +85,9 @@ export const useGridSorting = (apiRef, props) => {
     }
 
     apiRef.current.setState(state => {
-      const rowGroupingName = gridRowGroupingNameSelector(state, apiRef.current.instanceId);
-      const sortingMethod = sortingMethodCollectionRef.current[rowGroupingName];
-
-      if (!sortingMethod) {
-        throw new Error('MUI: Invalid sorting method.');
-      }
-
       const sortModel = gridSortModelSelector(state, apiRef.current.instanceId);
       const sortRowList = buildAggregatedSortingApplier(sortModel, apiRef);
-      const sortedRows = sortingMethod({
+      const sortedRows = apiRef.current.unstable_applyStrategyProcessor('sorting', {
         sortRowList
       });
       return _extends({}, state, {
@@ -189,9 +180,9 @@ export const useGridSorting = (apiRef, props) => {
     const rowTree = gridRowTreeSelector(apiRef);
     return params.sortRowList(Object.values(rowTree));
   }, [apiRef]);
-  useGridRegisterPreProcessor(apiRef, 'exportState', stateExportPreProcessing);
-  useGridRegisterPreProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
-  useGridRegisterSortingMethod(apiRef, 'none', flatSortingMethod);
+  useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
+  useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
+  useGridRegisterStrategyProcessor(apiRef, GRID_DEFAULT_STRATEGY, 'sorting', flatSortingMethod);
   /**
    * EVENTS
    */
@@ -223,15 +214,8 @@ export const useGridSorting = (apiRef, props) => {
       }
     }
   }, [apiRef]);
-  const handlePreProcessorRegister = React.useCallback(name => {
-    if (name !== 'sortingMethod') {
-      return;
-    }
-
-    sortingMethodCollectionRef.current = apiRef.current.unstable_applyPreProcessors('sortingMethod', {});
-    const rowGroupingName = gridRowGroupingNameSelector(apiRef);
-
-    if (lastSortingMethodApplied.current !== sortingMethodCollectionRef.current[rowGroupingName]) {
+  const handleStrategyProcessorChange = React.useCallback(methodName => {
+    if (methodName === 'sorting') {
       apiRef.current.applySorting();
     }
   }, [apiRef]);
@@ -239,15 +223,12 @@ export const useGridSorting = (apiRef, props) => {
   useGridApiEventHandler(apiRef, GridEvents.columnHeaderKeyDown, handleColumnHeaderKeyDown);
   useGridApiEventHandler(apiRef, GridEvents.rowsSet, apiRef.current.applySorting);
   useGridApiEventHandler(apiRef, GridEvents.columnsChange, handleColumnsChange);
-  useGridApiEventHandler(apiRef, GridEvents.preProcessorRegister, handlePreProcessorRegister);
+  useGridApiEventHandler(apiRef, GridEvents.activeStrategyProcessorChange, handleStrategyProcessorChange);
   /**
    * 1ST RENDER
    */
 
   useFirstRender(() => {
-    // This line of pre-processor initialization should always come after the registration of `flatSortingMethod`
-    // Otherwise on the 1st render there would be no sorting method registered
-    sortingMethodCollectionRef.current = apiRef.current.unstable_applyPreProcessors('sortingMethod', {});
     apiRef.current.applySorting();
   });
   /**

package/modern/hooks/features/statePersistence/useGridStatePersistence.js

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { useGridApiMethod } from '../../utils';
 export const useGridStatePersistence = apiRef => {
   const exportState = React.useCallback(() => {
-    const stateToExport = apiRef.current.unstable_applyPreProcessors('exportState', {});
+    const stateToExport = apiRef.current.unstable_applyPipeProcessors('exportState', {});
     return stateToExport;
   }, [apiRef]);
   const restoreState = React.useCallback(stateToRestore => {
-    const response = apiRef.current.unstable_applyPreProcessors('restoreState', {
+    const response = apiRef.current.unstable_applyPipeProcessors('restoreState', {
       callbacks: []
     }, {
       stateToRestore

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

@@ -10,7 +10,7 @@ import { gridVisibleColumnDefinitionsSelector, gridColumnsTotalWidthSelector, gr
 import { gridDensityRowHeightSelector } from '../density/densitySelector';
 import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
 import { gridEditRowsStateSelector } from '../editRows/gridEditRowsSelector';
-import { useCurrentPageRows } from '../../utils/useCurrentPageRows';
+import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GridEvents } from '../../../models/events';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { clamp } from '../../../utils/utils';
@@ -51,7 +51,7 @@ export const useGridVirtualScroller = props => {
   const rowsMeta = useGridSelector(apiRef, gridRowsMetaSelector);
   const editRowsState = useGridSelector(apiRef, gridEditRowsStateSelector);
   const selectedRowsLookup = useGridSelector(apiRef, selectedIdsLookupSelector);
-  const currentPage = useCurrentPageRows(apiRef, rootProps);
+  const currentPage = useGridVisibleRows(apiRef, rootProps);
   const renderZoneRef = React.useRef(null);
   const rootRef = React.useRef(null);
   const handleRef = useForkRef(ref, rootRef);
@@ -122,7 +122,7 @@ export const useGridVirtualScroller = props => {
       firstIndex: nextRenderContext.firstRowIndex,
       lastIndex: nextRenderContext.lastRowIndex,
       minFirstIndex: 0,
-      maxLastIndex: currentPage.range?.lastRowIndex,
+      maxLastIndex: currentPage.range?.lastRowIndex || 0,
       buffer: rootProps.rowBuffer
     });
     const [firstColumnToRender] = getRenderableIndexes({
@@ -183,9 +183,11 @@ export const useGridVirtualScroller = props => {
 
 
     const nextRenderContext = disableVirtualization ? prevRenderContext.current : computeRenderContext();
-    const rowsScrolledSincePreviousRender = Math.abs(nextRenderContext.firstRowIndex - prevRenderContext.current.firstRowIndex);
-    const columnsScrolledSincePreviousRender = Math.abs(nextRenderContext.firstColumnIndex - prevRenderContext.current.firstColumnIndex);
-    const shouldSetState = rowsScrolledSincePreviousRender >= rootProps.rowThreshold || columnsScrolledSincePreviousRender >= rootProps.columnThreshold || prevTotalWidth.current !== columnsTotalWidth; // TODO v6: rename event to a wider name, it's not only fired for row scrolling
+    const topRowsScrolledSincePreviousRender = Math.abs(nextRenderContext.firstRowIndex - prevRenderContext.current.firstRowIndex);
+    const bottomRowsScrolledSincePreviousRender = Math.abs(nextRenderContext.lastRowIndex - prevRenderContext.current.lastRowIndex);
+    const topColumnsScrolledSincePreviousRender = Math.abs(nextRenderContext.firstColumnIndex - prevRenderContext.current.firstColumnIndex);
+    const bottomColumnsScrolledSincePreviousRender = Math.abs(nextRenderContext.lastColumnIndex - prevRenderContext.current.lastColumnIndex);
+    const shouldSetState = topRowsScrolledSincePreviousRender >= rootProps.rowThreshold || bottomRowsScrolledSincePreviousRender >= rootProps.rowThreshold || topColumnsScrolledSincePreviousRender >= rootProps.columnThreshold || bottomColumnsScrolledSincePreviousRender >= rootProps.columnThreshold || prevTotalWidth.current !== columnsTotalWidth; // TODO v6: rename event to a wider name, it's not only fired for row scrolling
 
     apiRef.current.publishEvent(GridEvents.rowsScroll, {
       top: scrollTop,
@@ -265,7 +267,7 @@ export const useGridVirtualScroller = props => {
         firstColumnToRender: firstColumnToRender,
         lastColumnToRender: lastColumnToRender,
         selected: isSelected,
-        index: currentPage.range.firstRowIndex + nextRenderContext.firstRowIndex + i,
+        index: currentPage.range.firstRowIndex + firstRowToRender + i,
         containerWidth: availableSpace,
         isLastVisible: lastVisibleRowIndex
       }, typeof getRowProps === 'function' ? getRowProps(id, model) : {}, rootProps.componentsProps?.row), id));

package/modern/hooks/utils/useGridApi.js

@@ -1,4 +1,13 @@
+import { buildWarning } from '../../utils/warning';
+const deprecationWarning = buildWarning(['MUI: The hook useGridApi is deprecated and will be removed in the next major version.', 'Access the ref content with apiRef.current instead']);
 /**
  * @deprecated Use `apiRef.current` instead.
  */
-export const useGridApi = apiRef => apiRef.current;
+
+export const useGridApi = apiRef => {
+  if (process.env.NODE_ENV !== 'production') {
+    deprecationWarning();
+  }
+
+  return apiRef.current;
+};

package/modern/hooks/utils/useGridSelector.js

@@ -1,14 +1,14 @@
-let warnedOnceStateNotInitialized = false;
+import { buildWarning } from '../../utils/warning';
 
 function isOutputSelector(selector) {
   return selector.cache;
 }
 
+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) => {
   if (process.env.NODE_ENV !== 'production') {
-    if (!warnedOnceStateNotInitialized && !apiRef.current.state) {
-      warnedOnceStateNotInitialized = true;
-      console.warn(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.'].join('\n'));
+    if (!apiRef.current.state) {
+      stateNotInitializedWarning();
     }
   }
 

package/modern/hooks/utils/useGridState.js

@@ -1,4 +1,13 @@
+import { buildWarning } from '../../utils/warning';
+const deprecationWarning = buildWarning(['MUI: The hook useGridState is deprecated and will be removed in the next major version.', 'The two lines below are equivalent', '', 'const [state, setState, forceUpdate] = useGridState(apiRef);', 'const { state, setState, forceUpdate } = apiRef.current']);
 /**
  * @deprecated Use `apiRef.current.state`, `apiRef.current.setState` and `apiRef.current.forceUpdate` instead.
  */
-export const useGridState = apiRef => [apiRef.current.state, apiRef.current.setState, apiRef.current.forceUpdate];
+
+export const useGridState = apiRef => {
+  if (process.env.NODE_ENV !== 'production') {
+    deprecationWarning();
+  }
+
+  return [apiRef.current.state, apiRef.current.setState, apiRef.current.forceUpdate];
+};

package/modern/hooks/utils/{useCurrentPageRows.js → useGridVisibleRows.js}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { gridPaginationRowRangeSelector, gridPaginatedVisibleSortedGridRowEntriesSelector } from '../features/pagination/gridPaginationSelector';
 import { gridVisibleSortedRowEntriesSelector } from '../features/filter/gridFilterSelector';
-export const getCurrentPageRows = (apiRef, props) => {
+export const getVisibleRows = (apiRef, props) => {
   let rows;
   let range;
 
@@ -27,14 +27,15 @@ export const getCurrentPageRows = (apiRef, props) => {
   };
 };
 /**
- * Compute the list of the rows in the current page
- * - If the pagination is disabled or in server mode, it equals all the visible rows
- * - If the row tree has several layers, it contains up to `state.pageSize` top level rows and all their descendants
- * - If the row tree is flat, it only contains up to `state.pageSize` rows
+ * Computes the list of rows that are reachable by scroll.
+ * Depending on whether pagination is enabled, it will return the rows in the current page.
+ * - If the pagination is disabled or in server mode, it equals all the visible rows.
+ * - If the row tree has several layers, it contains up to `state.pageSize` top level rows and all their descendants.
+ * - If the row tree is flat, it only contains up to `state.pageSize` rows.
  */
 
-export const useCurrentPageRows = (apiRef, props) => {
-  const response = getCurrentPageRows(apiRef, props);
+export const useGridVisibleRows = (apiRef, props) => {
+  const response = getVisibleRows(apiRef, props);
   return React.useMemo(() => ({
     rows: response.rows,
     range: response.range

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.6.0
+/** @license MUI v5.8.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/internals/index.js

@@ -3,40 +3,37 @@ export { GridVirtualScrollerContent } from '../components/virtualization/GridVir
 export { GridVirtualScrollerRenderZone } from '../components/virtualization/GridVirtualScrollerRenderZone';
 export { GridColumnHeaders } from '../components/columnHeaders/GridColumnHeaders';
 export { GridColumnHeadersInner } from '../components/columnHeaders/GridColumnHeadersInner';
-export { useGridRegisterPreProcessor } from '../hooks/core/preProcessing';
+export { useGridRegisterPipeProcessor } from '../hooks/core/pipeProcessing';
+export { useGridRegisterStrategyProcessor } from '../hooks/core/strategyProcessing';
 export { useGridInitialization } from '../hooks/core/useGridInitialization';
 export { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
 export { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
-export { useGridColumnMenu } from '../hooks/features/columnMenu/useGridColumnMenu';
+export { useGridColumnMenu, columnMenuStateInitializer } from '../hooks/features/columnMenu/useGridColumnMenu';
 export { useGridColumns, columnsStateInitializer } from '../hooks/features/columns/useGridColumns';
-export { useGridDensity } from '../hooks/features/density/useGridDensity';
+export { useGridDensity, densityStateInitializer } from '../hooks/features/density/useGridDensity';
 export { useGridCsvExport } from '../hooks/features/export/useGridCsvExport';
 export { useGridPrintExport } from '../hooks/features/export/useGridPrintExport';
 export { useGridFilter, filterStateInitializer } from '../hooks/features/filter/useGridFilter';
-export { useGridRegisterFilteringMethod } from '../hooks/features/filter/useGridRegisterFilteringMethod';
-export { useGridFocus } from '../hooks/features/focus/useGridFocus';
-export { useGridKeyboard } from '../hooks/features/keyboard/useGridKeyboard';
-export { useGridKeyboardNavigation } from '../hooks/features/keyboard/useGridKeyboardNavigation';
-export { useGridPagination } from '../hooks/features/pagination/useGridPagination';
-export { pageStateInitializer } from '../hooks/features/pagination/useGridPage';
-export { pageSizeStateInitializer } from '../hooks/features/pagination/useGridPageSize';
-export { useGridPreferencesPanel } from '../hooks/features/preferencesPanel/useGridPreferencesPanel';
-export { useGridEditing } from '../hooks/features/editRows/useGridEditing';
+export { useGridFocus, focusStateInitializer } from '../hooks/features/focus/useGridFocus';
+export { useGridKeyboardNavigation } from '../hooks/features/keyboardNavigation/useGridKeyboardNavigation';
+export { useGridPagination, paginationStateInitializer } from '../hooks/features/pagination/useGridPagination';
+export { useGridPreferencesPanel, preferencePanelStateInitializer } from '../hooks/features/preferencesPanel/useGridPreferencesPanel';
+export { useGridEditing as useGridEditing_new, editingStateInitializer as editingStateInitializer_new } from '../hooks/features/editRows/useGridEditing.new';
+export { useGridEditing as useGridEditing_old, editingStateInitializer as editingStateInitializer_old } from '../hooks/features/editRows/useGridEditing.old';
 export { useGridRows, rowsStateInitializer } from '../hooks/features/rows/useGridRows';
-export { useGridRowsMeta } from '../hooks/features/rows/useGridRowsMeta';
+export { useGridRowsPreProcessors } from '../hooks/features/rows/useGridRowsPreProcessors';
+export { useGridRowsMeta, rowsMetaStateInitializer } from '../hooks/features/rows/useGridRowsMeta';
 export { useGridParamsApi } from '../hooks/features/rows/useGridParamsApi';
-export { useGridSelection } from '../hooks/features/selection/useGridSelection';
+export { useGridSelection, selectionStateInitializer } from '../hooks/features/selection/useGridSelection';
 export { useGridSelectionPreProcessors } from '../hooks/features/selection/useGridSelectionPreProcessors';
 export { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
-export { useGridRegisterSortingMethod } from '../hooks/features/sorting/useGridRegisterSortingMethod';
 export { useGridScroll } from '../hooks/features/scroll/useGridScroll';
 export { useGridEvents } from '../hooks/features/events/useGridEvents';
 export { useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
 export { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
 export { useGridVirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
-export { useCurrentPageRows } from '../hooks/utils/useCurrentPageRows';
+export { useGridVisibleRows } from '../hooks/utils/useGridVisibleRows';
 export { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
-export { useGridStateInit } from '../hooks/utils/useGridStateInit';
 export { createSelector } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';

package/modern/locales/arSD.js

@@ -6,103 +6,103 @@ const arSDGrid = {
   noResultsOverlayLabel: 'لم يتم العثور على نتائج.',
   errorOverlayDefaultLabel: 'حدث خطأ.',
   // Density selector toolbar button text
-  toolbarDensity: 'كثافة',
-  toolbarDensityLabel: 'كثافة',
-  toolbarDensityCompact: 'مدمج',
-  toolbarDensityStandard: 'المعيار',
+  toolbarDensity: 'الكثافة',
+  toolbarDensityLabel: 'الكثافة',
+  toolbarDensityCompact: 'مضغوط',
+  toolbarDensityStandard: 'قياسي',
   toolbarDensityComfortable: 'مريح',
   // Columns selector toolbar button text
   toolbarColumns: 'الأعمدة',
-  toolbarColumnsLabel: 'حدد الأعمدة',
+  toolbarColumnsLabel: 'حدد أعمدة',
   // Filters toolbar button text
-  toolbarFilters: 'الفلاتر',
-  toolbarFiltersLabel: 'اظهر الفلاتر',
-  toolbarFiltersTooltipHide: 'إخفاء الفلاتر',
-  toolbarFiltersTooltipShow: 'اظهر الفلاتر',
-  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فلاتر نشطة` : `${count} فلاتر نشطة`,
+  toolbarFilters: 'المُرشِحات',
+  toolbarFiltersLabel: 'إظهار المرشِحات',
+  toolbarFiltersTooltipHide: 'إخفاء المرشِحات',
+  toolbarFiltersTooltipShow: 'اظهر المرشِحات',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} من المرشِحات النشطة` : `مرشِح نشط`,
   // Export selector toolbar button text
   toolbarExport: 'تصدير',
   toolbarExportLabel: 'تصدير',
   toolbarExportCSV: 'تنزيل كملف CSV',
   // toolbarExportPrint: 'Print',
   // Columns panel text
-  columnsPanelTextFieldLabel: 'ايجاد عمود',
+  columnsPanelTextFieldLabel: 'البحث عن العمود',
   columnsPanelTextFieldPlaceholder: 'عنوان العمود',
   columnsPanelDragIconLabel: 'إعادة ترتيب العمود',
-  columnsPanelShowAllButton: 'عرض الكل',
-  columnsPanelHideAllButton: 'اخفاء الكل',
+  columnsPanelShowAllButton: 'إظهار الكل',
+  columnsPanelHideAllButton: 'إخفاء الكل',
   // Filter panel text
-  filterPanelAddFilter: 'اضف فلتر',
+  filterPanelAddFilter: 'إضافة مرشِح',
   filterPanelDeleteIconLabel: 'حذف',
-  // filterPanelLinkOperator: 'Logic operator',
-  filterPanelOperators: 'العاملين',
+  filterPanelLinkOperator: 'عامل منطقي',
+  filterPanelOperators: 'عامل',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'و',
-  filterPanelOperatorOr: 'او',
+  filterPanelOperatorOr: 'أو',
   filterPanelColumns: 'الأعمدة',
-  filterPanelInputLabel: 'قيمة',
-  filterPanelInputPlaceholder: 'قيمة التصفية',
+  filterPanelInputLabel: 'القيمة',
+  filterPanelInputPlaceholder: 'ترشِيح قيمة',
   // Filter operators text
-  filterOperatorContains: 'يحتوي على',
+  filterOperatorContains: 'يحتوي',
   filterOperatorEquals: 'يساوي',
-  filterOperatorStartsWith: 'يبدأ ب',
+  filterOperatorStartsWith: 'يبدأ بـ',
   filterOperatorEndsWith: 'ينتهي بـ',
   filterOperatorIs: 'يكون',
   filterOperatorNot: 'ليس',
-  filterOperatorAfter: 'يكون بعد',
-  filterOperatorOnOrAfter: 'في أو بعد',
-  filterOperatorBefore: 'يكون',
-  filterOperatorOnOrBefore: 'في أو قبل',
-  filterOperatorIsEmpty: 'فارغ',
-  filterOperatorIsNotEmpty: 'ليس فارغا',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorAfter: 'بعد',
+  filterOperatorOnOrAfter: 'عند أو بعد',
+  filterOperatorBefore: 'بعد',
+  filterOperatorOnOrBefore: 'عند أو قبل',
+  filterOperatorIsEmpty: 'خالي',
+  filterOperatorIsNotEmpty: 'غير خالي',
+  filterOperatorIsAnyOf: 'أي من',
   // Filter values text
   filterValueAny: 'أي',
-  filterValueTrue: 'صحيح',
-  filterValueFalse: 'خاطئة',
+  filterValueTrue: 'صائب',
+  filterValueFalse: 'خاطئ',
   // Column menu text
   columnMenuLabel: 'القائمة',
   columnMenuShowColumns: 'إظهار الأعمدة',
-  columnMenuFilter: 'فلتر',
+  columnMenuFilter: 'المرشِح',
   columnMenuHideColumn: 'إخفاء',
-  columnMenuUnsort: 'غير مرتب',
-  columnMenuSortAsc: 'الترتيب حسب ASC',
-  columnMenuSortDesc: 'الترتيب حسب DESC',
+  columnMenuUnsort: 'الغاء الفرز',
+  columnMenuSortAsc: 'الفرز تصاعدياً',
+  columnMenuSortDesc: 'الفرز تنازلياً',
   // Column header text
-  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} فلاتر نشطة` : `${count} فلاتر نشطة`,
-  columnHeaderFiltersLabel: 'اظهر الفلاتر',
-  columnHeaderSortIconLabel: 'ترتيب',
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} من المرشِحات النشطة` : `مرشِح نشط`,
+  columnHeaderFiltersLabel: 'إظهار المرشحات',
+  columnHeaderSortIconLabel: 'فرز',
   // Rows selected footer text
-  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} صفوف مختارة` : `${count.toLocaleString()} صفوف مختارة`,
+  footerRowSelected: count => count !== 1 ? `تم تحديد ${count.toLocaleString()} من الصفوف` : `تم تحديد صف واحد`,
   // Total row amount footer text
   footerTotalRows: 'إجمالي الصفوف:',
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} من ${totalCount.toLocaleString()}`,
   // Checkbox selection text
-  checkboxSelectionHeaderName: 'تحديد',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionHeaderName: 'تحديد خانة الاختيار',
+  checkboxSelectionSelectAllRows: 'تحديد كل الصفوف',
+  checkboxSelectionUnselectAllRows: 'الغاء تحديد كل الصفوف',
+  checkboxSelectionSelectRow: 'تحديد صف',
+  checkboxSelectionUnselectRow: 'الغاء تحديد الصف',
   // Boolean cell text
-  booleanCellTrueLabel: 'صحيح',
-  booleanCellFalseLabel: 'خاطئة' // Actions cell more text
-  // actionsCellMore: 'more',
+  booleanCellTrueLabel: 'نعم',
+  booleanCellFalseLabel: 'لا',
+  // Actions cell more text
+  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
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
-
+  expandDetailPanel: 'توسيع',
+  collapseDetailPanel: 'طوي'
 };
 export const arSD = getGridLocalization(arSDGrid, arSDCore);

package/modern/locales/daDK.js

@@ -6,7 +6,7 @@ const daDKGrid = {
   noResultsOverlayLabel: 'Ingen resultater',
   errorOverlayDefaultLabel: 'Der skete en fejl.',
   // Density selector toolbar button text
-  // toolbarDensity: 'Density',
+  toolbarDensity: 'Tæthed',
   toolbarDensityLabel: 'Tæthed',
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Standard',
@@ -15,7 +15,7 @@ const daDKGrid = {
   toolbarColumns: 'Kolonne',
   toolbarColumnsLabel: 'Vælg kolonne',
   // Filters toolbar button text
-  // toolbarFilters: 'Filters',
+  toolbarFilters: 'Filtre',
   toolbarFiltersLabel: 'Vis filtre',
   toolbarFiltersTooltipHide: 'Skjul filtre',
   toolbarFiltersTooltipShow: 'Vis filtre',
@@ -24,7 +24,7 @@ const daDKGrid = {
   // toolbarExport: 'Export',
   toolbarExportLabel: 'Eksporter',
   toolbarExportCSV: 'Download som CSV',
-  // toolbarExportPrint: 'Print',
+  toolbarExportPrint: 'Print',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Find kolonne',
   columnsPanelTextFieldPlaceholder: 'Kolonne titel',
@@ -34,11 +34,11 @@ const daDKGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Tilføj filter',
   filterPanelDeleteIconLabel: 'Slet',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logisk operator',
   filterPanelOperators: 'Operatorer',
   // TODO v6: rename to filterPanelOperator
-  // filterPanelOperatorAnd: 'And',
-  // filterPanelOperatorOr: 'Or',
+  filterPanelOperatorAnd: 'Og',
+  filterPanelOperatorOr: 'Eller',
   filterPanelColumns: 'Kolonne',
   filterPanelInputLabel: 'Værdi',
   filterPanelInputPlaceholder: 'Filter værdi',
@@ -47,46 +47,46 @@ const daDKGrid = {
   filterOperatorEquals: 'Lig med',
   filterOperatorStartsWith: 'Begynder med',
   filterOperatorEndsWith: 'Ender med',
-  filterOperatorIs: 'På',
-  filterOperatorNot: 'Ikke på',
+  filterOperatorIs: 'Er lig med',
+  filterOperatorNot: 'Er ikke lig med',
   filterOperatorAfter: 'Efter',
   filterOperatorOnOrAfter: 'På eller efter',
   filterOperatorBefore: 'Før',
   filterOperatorOnOrBefore: 'På eller før',
-  filterOperatorIsEmpty: 'Indeholder data',
-  filterOperatorIsNotEmpty: 'Indeholder ikke data',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsEmpty: 'Indeholder ikke data',
+  filterOperatorIsNotEmpty: 'Indeholder data',
+  filterOperatorIsAnyOf: 'indeholder en af',
   // Filter values text
-  // filterValueAny: 'any',
-  // filterValueTrue: 'true',
-  // filterValueFalse: 'false',
+  filterValueAny: 'hvilken som helst',
+  filterValueTrue: 'positiv',
+  filterValueFalse: 'negativ',
   // Column menu text
-  // columnMenuLabel: 'Menu',
+  columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Vis Kolonner',
-  // columnMenuFilter: 'Filter',
+  columnMenuFilter: 'Filtre',
   columnMenuHideColumn: 'Skjul',
   columnMenuUnsort: 'Fjern sortering',
   columnMenuSortAsc: 'Sorter stigende',
   columnMenuSortDesc: 'Sorter faldende',
   // Column header text
-  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktive filtre` : `${count} aktivt filter`,
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktive filtre` : `Ét aktivt filter`,
   columnHeaderFiltersLabel: 'Vis filtre',
   columnHeaderSortIconLabel: 'Sorter',
   // Rows selected footer text
-  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} rækker valgt` : `${count.toLocaleString()} række valgt`,
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} rækker valgt` : `Én række valgt`,
   // Total row amount footer text
-  footerTotalRows: 'Totale rækker:',
+  footerTotalRows: 'Antal rækker i alt:',
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} af ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Afkrydsningsvalg',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Vælg alle rækker',
+  checkboxSelectionUnselectAllRows: 'Fravælg alle rækker',
+  checkboxSelectionSelectRow: 'Vælg række',
+  checkboxSelectionUnselectRow: 'Fravælg række',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'ja',
+  booleanCellFalseLabel: 'nej',
   // Actions cell more text
   actionsCellMore: 'mere',
   // Column pinning text
@@ -96,13 +96,13 @@ const daDKGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Gruppering',
   treeDataExpand: 'Vis underelementer',
-  treeDataCollapse: 'Skjul underelementer' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'Skjul underelementer',
+  // Grouping columns
+  groupingColumnHeaderName: 'Gruppér',
+  groupColumn: name => `Gruppér efter ${name}`,
+  unGroupColumn: name => `Fjern gruppéring efter ${name}`,
   // Master/detail
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
-
+  expandDetailPanel: 'Udvid',
+  collapseDetailPanel: 'Kollaps'
 };
 export const daDK = getGridLocalization(daDKGrid, daDKCore);