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

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

@@ -1,10 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
+export const EMPTY_RENDER_CONTEXT = {
+  firstRowIndex: 0,
+  lastRowIndex: 0,
+  firstColumnIndex: 0,
+  lastColumnIndex: 0
+};
 export const virtualizationStateInitializer = (state, props) => {
   const virtualization = {
     enabled: !props.disableVirtualization,
-    enabledForColumns: true
+    enabledForColumns: true,
+    renderContext: EMPTY_RENDER_CONTEXT
   };
   return _extends({}, state, {
     virtualization

package/modern/hooks/utils/index.js

@@ -3,4 +3,7 @@ export * from './useGridApiMethod';
 export * from './useGridLogger';
 export { useGridSelector } from './useGridSelector';
 export * from './useGridNativeEventListener';
-export * from './useFirstRender';
+export * from './useFirstRender';
+export * from './useOnMount';
+export * from './useResizeObserver';
+export * from './useRunOnce';

package/modern/hooks/utils/useGridAriaAttributes.js

@@ -13,7 +13,7 @@ export const useGridAriaAttributes = () => {
   const headerGroupingMaxDepth = useGridSelector(apiRef, gridColumnGroupsHeaderMaxDepthSelector);
   const pinnedRowsCount = useGridSelector(apiRef, gridPinnedRowsCountSelector);
   let role = 'grid';
-  if (rootProps.experimentalFeatures?.ariaV7 && rootProps.treeData) {
+  if (rootProps.treeData) {
     role = 'treegrid';
   }
   return {

package/modern/hooks/utils/useGridNativeEventListener.js

@@ -5,6 +5,7 @@ export const useGridNativeEventListener = (apiRef, ref, eventName, handler, opti
   const logger = useGridLogger(apiRef, 'useNativeEventListener');
   const [added, setAdded] = React.useState(false);
   const handlerRef = React.useRef(handler);
+  const targetElement = isFunction(ref) ? ref() : ref?.current ?? null;
   const wrapHandler = React.useCallback(event => {
     return handlerRef.current && handlerRef.current(event);
   }, []);
@@ -12,22 +13,15 @@ export const useGridNativeEventListener = (apiRef, ref, eventName, handler, opti
     handlerRef.current = handler;
   }, [handler]);
   React.useEffect(() => {
-    let targetElement;
-    if (isFunction(ref)) {
-      targetElement = ref();
-    } else {
-      targetElement = ref && ref.current ? ref.current : null;
-    }
     if (targetElement && eventName && !added) {
       logger.debug(`Binding native ${eventName} event`);
       targetElement.addEventListener(eventName, wrapHandler, options);
-      const boundElem = targetElement;
       setAdded(true);
       const unsubscribe = () => {
         logger.debug(`Clearing native ${eventName} event`);
-        boundElem.removeEventListener(eventName, wrapHandler, options);
+        targetElement.removeEventListener(eventName, wrapHandler, options);
       };
       apiRef.current.subscribeEvent('unmount', unsubscribe);
     }
-  }, [ref, wrapHandler, eventName, added, logger, options, apiRef]);
+  }, [targetElement, wrapHandler, eventName, added, logger, options, apiRef]);
 };

package/modern/hooks/utils/useResizeObserver.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+const isDevEnvironment = process.env.NODE_ENV === 'development';
+const noop = () => {};
+export function useResizeObserver(ref, fn, enabled) {
+  const fnRef = React.useRef(null);
+  fnRef.current = fn;
+  useEnhancedEffect(() => {
+    if (enabled === false || typeof ResizeObserver === 'undefined') {
+      return noop;
+    }
+    let frameID = 0;
+    const target = ref.current;
+    const observer = new ResizeObserver(entries => {
+      // See https://github.com/mui/mui-x/issues/8733
+      // In dev, we avoid the React warning by moving the task to the next frame.
+      // In prod, we want the task to run in the same frame as to avoid tear.
+      if (isDevEnvironment) {
+        frameID = requestAnimationFrame(() => {
+          fnRef.current(entries);
+        });
+      } else {
+        fnRef.current(entries);
+      }
+    });
+    if (target) {
+      observer.observe(target);
+    }
+    return () => {
+      if (frameID) {
+        cancelAnimationFrame(frameID);
+      }
+      observer.disconnect();
+    };
+  }, [ref, enabled]);
+}

package/modern/hooks/utils/useRunOnce.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+const noop = () => {};
+
+/**
+ * Runs an effect once, when `condition` is true.
+ */
+export const useRunOnce = (condition, effect) => {
+  const didRun = React.useRef(false);
+  useEnhancedEffect(() => {
+    if (didRun.current || !condition) {
+      return noop;
+    }
+    didRun.current = true;
+    return effect();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [didRun.current || condition]);
+};

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.0.0-alpha.8
+ * @mui/x-data-grid v7.0.0-beta.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/index.js

@@ -1,6 +1,7 @@
 export { GridVirtualScroller } from '../components/virtualization/GridVirtualScroller';
 export { GridVirtualScrollerContent } from '../components/virtualization/GridVirtualScrollerContent';
 export { GridVirtualScrollerRenderZone } from '../components/virtualization/GridVirtualScrollerRenderZone';
+export { GridHeaders } from '../components/GridHeaders';
 export { GridBaseColumnHeaders } from '../components/columnHeaders/GridBaseColumnHeaders';
 export { GridColumnHeadersInner } from '../components/columnHeaders/GridColumnHeadersInner';
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
@@ -10,13 +11,13 @@ export { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from '../hook
 export { useGridInitialization } from '../hooks/core/useGridInitialization';
 export { unwrapPrivateAPI } from '../hooks/core/useGridApiInitialization';
 export { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
-export { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
+export * from '../hooks/features/columnHeaders/useGridColumnHeaders';
 export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector } from '../hooks/features/headerFiltering/gridHeaderFilteringSelectors';
 export { useGridColumnMenu, columnMenuStateInitializer } from '../hooks/features/columnMenu/useGridColumnMenu';
 export { useGridColumns, columnsStateInitializer } from '../hooks/features/columns/useGridColumns';
-export { getTotalHeaderHeight } from '../hooks/features/columns/gridColumnsUtils';
+export * from '../hooks/features/columns/gridColumnsUtils';
 export { useGridColumnSpanning } from '../hooks/features/columns/useGridColumnSpanning';
-export { gridColumnsStateSelector } from '../hooks/features/columns/gridColumnsSelector';
+export * from '../hooks/features/columns/gridColumnsSelector';
 export { useGridColumnGrouping, columnGroupsStateInitializer } from '../hooks/features/columnGrouping/useGridColumnGrouping';
 export { useGridDensity, densityStateInitializer } from '../hooks/features/density/useGridDensity';
 export { useGridCsvExport } from '../hooks/features/export/useGridCsvExport';
@@ -44,9 +45,9 @@ export { useGridRowSelectionPreProcessors } from '../hooks/features/rowSelection
 export { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
 export { useGridScroll } from '../hooks/features/scroll/useGridScroll';
 export { useGridEvents } from '../hooks/features/events/useGridEvents';
-export { useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
+export { dimensionsStateInitializer, useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
 export { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
-export { useGridVirtualScroller, getRenderableIndexes } from '../hooks/features/virtualization/useGridVirtualScroller';
+export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from '../hooks/features/virtualization/useGridVirtualScroller';
 export * from '../hooks/features/virtualization';
 export { useTimeout } from '../hooks/utils/useTimeout';
 export { useGridVisibleRows, getVisibleRows } from '../hooks/utils/useGridVisibleRows';
@@ -56,11 +57,12 @@ export * from '../utils/createControllablePromise';
 export { createSelector, createSelectorMemoized, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
+export * from '../utils/utils';
+export * from '../utils/fastMemo';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';
 export * from '../utils/getPublicApiRef';
 export { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
-export * from '../hooks/utils/useOnMount';
+export * from '../hooks/utils';
 export { serializeCellValue } from '../hooks/features/export/serializers/csvSerializer';
 export * from './utils';

package/modern/locales/arSD.js

@@ -29,12 +29,11 @@ const arSDGrid = {
   toolbarExportCSV: 'تنزيل كملف CSV',
   toolbarExportPrint: 'طباعة',
   toolbarExportExcel: 'تحميل كملف الإكسل',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'البحث عن العمود',
-  columnsPanelTextFieldPlaceholder: 'عنوان العمود',
-  columnsPanelDragIconLabel: 'إعادة ترتيب العمود',
-  columnsPanelShowAllButton: 'إظهار الكل',
-  columnsPanelHideAllButton: 'إخفاء الكل',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'إضافة مرشِح',
   filterPanelRemoveAll: 'حذف الكل',

package/modern/locales/beBY.js

@@ -43,12 +43,11 @@ const beBYGrid = {
   toolbarExportCSV: 'Спампаваць у фармаце CSV',
   toolbarExportPrint: 'Друк',
   toolbarExportExcel: 'Спампаваць у фармаце Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Знайсці слупок',
-  columnsPanelTextFieldPlaceholder: 'Загаловак слупка',
-  columnsPanelDragIconLabel: 'Змяніць чарговасць слупкоў',
-  columnsPanelShowAllButton: 'Паказаць усе',
-  columnsPanelHideAllButton: 'Схаваць усе',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Дадаць фільтр',
   // filterPanelRemoveAll: 'Remove all',

package/modern/locales/bgBG.js

@@ -29,12 +29,11 @@ const bgBGGrid = {
   toolbarExportCSV: 'Изтегли като CSV',
   toolbarExportPrint: 'Принтиране',
   toolbarExportExcel: 'Изтегли като Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Намери колона',
-  columnsPanelTextFieldPlaceholder: 'Заглавие на колона',
-  columnsPanelDragIconLabel: 'Пренареди на колона',
-  columnsPanelShowAllButton: 'Покажи Всички',
-  columnsPanelHideAllButton: 'Скрий Всички',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Добави Филтър',
   filterPanelRemoveAll: 'Премахни всички',

package/modern/locales/csCZ.js

@@ -37,12 +37,11 @@ const csCZGrid = {
   toolbarExportCSV: 'Stáhnout jako CSV',
   toolbarExportPrint: 'Vytisknout',
   toolbarExportExcel: 'Stáhnout jako Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Najít sloupec',
-  columnsPanelTextFieldPlaceholder: 'Název sloupce',
-  columnsPanelDragIconLabel: 'Uspořádat sloupce',
-  columnsPanelShowAllButton: 'Zobrazit vše',
-  columnsPanelHideAllButton: 'Skrýt vše',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Přidat filtr',
   filterPanelRemoveAll: 'Odstranit vše',

package/modern/locales/daDK.js

@@ -29,12 +29,11 @@ const daDKGrid = {
   toolbarExportCSV: 'Download som CSV',
   toolbarExportPrint: 'Print',
   toolbarExportExcel: 'Download som Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Find kolonne',
-  columnsPanelTextFieldPlaceholder: 'Kolonne titel',
-  columnsPanelDragIconLabel: 'Reorder kolonne',
-  columnsPanelShowAllButton: 'Vis alle',
-  columnsPanelHideAllButton: 'Skjul alle',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Tilføj filter',
   filterPanelRemoveAll: 'Fjern alle',

package/modern/locales/deDE.js

@@ -29,12 +29,11 @@ const deDEGrid = {
   toolbarExportCSV: 'Download als CSV',
   toolbarExportPrint: 'Drucken',
   toolbarExportExcel: 'Download als Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Finde Spalte',
-  columnsPanelTextFieldPlaceholder: 'Spaltenüberschrift',
-  columnsPanelDragIconLabel: 'Spalte umsortieren',
-  columnsPanelShowAllButton: 'Zeige alle',
-  columnsPanelHideAllButton: 'Verberge alle',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Filter hinzufügen',
   filterPanelRemoveAll: 'Alle entfernen',

package/modern/locales/elGR.js

@@ -29,12 +29,11 @@ const elGRGrid = {
   toolbarExportCSV: 'Λήψη ως CSV',
   toolbarExportPrint: 'Εκτύπωση',
   toolbarExportExcel: 'Λήψη ως Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Εύρεση στήλης',
-  columnsPanelTextFieldPlaceholder: 'Επικεφαλίδα στήλης',
-  columnsPanelDragIconLabel: 'Αναδιάταξη στήλης',
-  columnsPanelShowAllButton: 'Προβολή όλων',
-  columnsPanelHideAllButton: 'Απόκρυψη όλων',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Προσθήκη φίλτρου',
   filterPanelRemoveAll: 'Αφαίρεση όλων',

package/modern/locales/esES.js

@@ -29,12 +29,11 @@ const esESGrid = {
   toolbarExportCSV: 'Descargar como CSV',
   toolbarExportPrint: 'Imprimir',
   toolbarExportExcel: 'Descargar como Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Columna de búsqueda',
-  columnsPanelTextFieldPlaceholder: 'Título de columna',
-  columnsPanelDragIconLabel: 'Reordenar columna',
-  columnsPanelShowAllButton: 'Mostrar todo',
-  columnsPanelHideAllButton: 'Ocultar todo',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Agregar filtro',
   filterPanelRemoveAll: 'Remover todos',

package/modern/locales/faIR.js

@@ -29,12 +29,11 @@ const faIRGrid = {
   toolbarExportCSV: 'دانلود به صورت CSV',
   toolbarExportPrint: 'چاپ',
   toolbarExportExcel: 'دانلود به صورت اکسل',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'پیداکردن ستون',
-  columnsPanelTextFieldPlaceholder: 'عنوان ستون',
-  columnsPanelDragIconLabel: 'جا‌به‌جایی ستون',
-  columnsPanelShowAllButton: 'نمایش همه',
-  columnsPanelHideAllButton: 'مخفی همه',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'افزودن فیلتر',
   filterPanelRemoveAll: 'حذف همه',

package/modern/locales/fiFI.js

@@ -29,12 +29,11 @@ const fiFIGrid = {
   toolbarExportCSV: 'Lataa CSV-muodossa',
   toolbarExportPrint: 'Tulosta',
   toolbarExportExcel: 'Lataa Excel-muodossa',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Etsi sarake',
-  columnsPanelTextFieldPlaceholder: 'Sarakkeen otsikko',
-  columnsPanelDragIconLabel: 'Järjestä sarake uudelleen',
-  columnsPanelShowAllButton: 'Näytä kaikki',
-  columnsPanelHideAllButton: 'Piilota kaikki',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Lisää suodatin',
   filterPanelRemoveAll: 'Poista kaikki',

package/modern/locales/frFR.js

@@ -29,12 +29,11 @@ const frFRGrid = {
   toolbarExportCSV: 'Télécharger en CSV',
   toolbarExportPrint: 'Imprimer',
   toolbarExportExcel: 'Télécharger pour Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Chercher une colonne',
-  columnsPanelTextFieldPlaceholder: 'Titre de la colonne',
-  columnsPanelDragIconLabel: 'Réorganiser la colonne',
-  columnsPanelShowAllButton: 'Tout afficher',
-  columnsPanelHideAllButton: 'Tout cacher',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Ajouter un filtre',
   filterPanelRemoveAll: 'Tout supprimer',

package/modern/locales/heIL.js

@@ -29,12 +29,11 @@ const heILGrid = {
   toolbarExportCSV: 'ייצוא ל- CSV',
   toolbarExportPrint: 'הדפסה',
   toolbarExportExcel: 'ייצוא ל- Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'חפש עמודה',
-  columnsPanelTextFieldPlaceholder: 'כותרת עמודה',
-  columnsPanelDragIconLabel: 'סדר עמודות מחדש',
-  columnsPanelShowAllButton: 'הצג הכל',
-  columnsPanelHideAllButton: 'הסתר הכל',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'הוסף מסנן',
   filterPanelRemoveAll: 'מחק הכל',

package/modern/locales/hrHR.js

@@ -0,0 +1,148 @@
+import { hrHR as hrHRCore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const hrHRGrid = {
+  // Root
+  noRowsLabel: 'Nema redova',
+  noResultsOverlayLabel: 'Nema rezultata.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Gustoća',
+  toolbarDensityLabel: 'Gustoća',
+  toolbarDensityCompact: 'Kompaktan',
+  toolbarDensityStandard: 'Standard',
+  toolbarDensityComfortable: 'Udobno',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Stupci',
+  toolbarColumnsLabel: 'Odaberite stupce',
+  // Filters toolbar button text
+  toolbarFilters: 'Filteri',
+  toolbarFiltersLabel: 'Prikaži filtre',
+  toolbarFiltersTooltipHide: 'Sakrij filtre',
+  toolbarFiltersTooltipShow: 'Prikaži filtre',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktivnih filtara` : `${count} aktivni filter`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Traži…',
+  toolbarQuickFilterLabel: 'traži',
+  toolbarQuickFilterDeleteIconLabel: 'Čisto',
+  // Export selector toolbar button text
+  toolbarExport: 'Izvoz',
+  toolbarExportLabel: 'Izvoz',
+  toolbarExportCSV: 'Preuzmi kao CSV',
+  toolbarExportPrint: 'Ispis',
+  toolbarExportExcel: 'Preuzmite kao Excel',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
+  // Filter panel text
+  filterPanelAddFilter: 'Dodajte filter',
+  filterPanelRemoveAll: 'Ukloniti sve',
+  filterPanelDeleteIconLabel: 'Izbrisati',
+  filterPanelLogicOperator: 'Logički operator',
+  filterPanelOperator: 'Operater',
+  filterPanelOperatorAnd: 'I',
+  filterPanelOperatorOr: 'Ili',
+  filterPanelColumns: 'Stupci',
+  filterPanelInputLabel: 'Vrijednost',
+  filterPanelInputPlaceholder: 'Vrijednost filtra',
+  // Filter operators text
+  filterOperatorContains: 'sadrži',
+  filterOperatorEquals: 'jednaki',
+  filterOperatorStartsWith: 'počinje sa',
+  filterOperatorEndsWith: 'završava sa',
+  filterOperatorIs: 'je',
+  filterOperatorNot: 'nije',
+  filterOperatorAfter: 'je poslije',
+  filterOperatorOnOrAfter: 'je na ili poslije',
+  filterOperatorBefore: 'je prije',
+  filterOperatorOnOrBefore: 'je na ili prije',
+  filterOperatorIsEmpty: 'prazno je',
+  filterOperatorIsNotEmpty: 'nije prazna',
+  filterOperatorIsAnyOf: 'je bilo koji od',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
+  // Header filter operators text
+  headerFilterOperatorContains: 'Sadrži',
+  headerFilterOperatorEquals: 'Jednako',
+  headerFilterOperatorStartsWith: 'Počinje sa',
+  headerFilterOperatorEndsWith: 'Završava s',
+  headerFilterOperatorIs: 'Je',
+  headerFilterOperatorNot: 'Nije',
+  headerFilterOperatorAfter: 'Je poslije',
+  headerFilterOperatorOnOrAfter: 'Je uključeno ili poslije',
+  headerFilterOperatorBefore: 'Je li prije',
+  headerFilterOperatorOnOrBefore: 'Uključeno je ili prije',
+  headerFilterOperatorIsEmpty: 'Prazno je',
+  headerFilterOperatorIsNotEmpty: 'Nije prazna',
+  headerFilterOperatorIsAnyOf: 'Je li bilo koji od',
+  'headerFilterOperator=': 'Jednako',
+  'headerFilterOperator!=': 'Nije jednako',
+  'headerFilterOperator>': 'Veći od',
+  'headerFilterOperator>=': 'Veće ili jednako',
+  'headerFilterOperator<': 'Manje od',
+  'headerFilterOperator<=': 'Manje od ili jednako',
+  // Filter values text
+  filterValueAny: 'bilo koji',
+  filterValueTrue: 'pravi',
+  filterValueFalse: 'lažno',
+  // Column menu text
+  columnMenuLabel: 'Jelovnik ',
+  columnMenuShowColumns: 'Prikaži stupce',
+  columnMenuManageColumns: 'Upravljanje stupcima',
+  columnMenuFilter: 'filtar',
+  columnMenuHideColumn: 'Sakrij stupac',
+  columnMenuUnsort: 'Poništi sortiranje',
+  columnMenuSortAsc: 'Poredaj uzlazno',
+  columnMenuSortDesc: 'Poredaj silaznim redom',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktivnih filtara` : `${count} aktivni filter`,
+  columnHeaderFiltersLabel: 'Prikaži filtre',
+  columnHeaderSortIconLabel: 'Vrsta',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `Odabrano je ${count.toLocaleString()} redaka` : `${count.toLocaleString()} redak odabran`,
+  // Total row amount footer text
+  footerTotalRows: 'Ukupno redaka:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} od ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Odabir potvrdnog okvira',
+  checkboxSelectionSelectAllRows: 'Odaberite sve retke',
+  checkboxSelectionUnselectAllRows: 'Poništi odabir svih redaka',
+  checkboxSelectionSelectRow: 'Odaberite red',
+  checkboxSelectionUnselectRow: 'Poništi odabir retka',
+  // Boolean cell text
+  booleanCellTrueLabel: 'Da',
+  booleanCellFalseLabel: 'Ne',
+  // Actions cell more text
+  actionsCellMore: 'više',
+  // Column pinning text
+  pinToLeft: 'Prikvači lijevo',
+  pinToRight: 'Prikvači desno',
+  unpin: 'Otkvači',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Group',
+  treeDataExpand: 'vidjeti djecu',
+  treeDataCollapse: 'sakriti djecu',
+  // Grouping columns
+  groupingColumnHeaderName: 'Skupina',
+  groupColumn: name => `Grupiraj prema ${name}`,
+  unGroupColumn: name => `Zaustavi grupiranje prema ${name}`,
+  // Master/detail
+  detailPanelToggle: 'Prebacivanje ploče s detaljima',
+  expandDetailPanel: 'Proširiti',
+  collapseDetailPanel: 'Kolaps',
+  // Row reordering text
+  rowReorderingHeaderName: 'Promjena redoslijeda',
+  // Aggregation
+  aggregationMenuItemHeader: 'Agregacija',
+  aggregationFunctionLabelSum: 'iznos',
+  aggregationFunctionLabelAvg: 'prosj',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'veličina'
+};
+export const hrHR = getGridLocalization(hrHRGrid, hrHRCore);

package/modern/locales/huHU.js

@@ -29,12 +29,11 @@ const huHUGrid = {
   toolbarExportCSV: 'Mentés CSV fájlként',
   toolbarExportPrint: 'Nyomtatás',
   toolbarExportExcel: 'Mentés Excel fájlként',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Oszlop keresése',
-  columnsPanelTextFieldPlaceholder: 'Oszlop neve',
-  columnsPanelDragIconLabel: 'Oszlop átrendezése',
-  columnsPanelShowAllButton: 'Összes megjelenítése',
-  columnsPanelHideAllButton: 'Összes elrejtése',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Szűrő hozzáadása',
   filterPanelRemoveAll: 'Összes törlése',

package/modern/locales/index.js

@@ -29,4 +29,7 @@ export * from './ukUA';
 export * from './urPK';
 export * from './viVN';
 export * from './zhCN';
-export * from './zhTW';
+export * from './zhTW';
+export * from './hrHR';
+export * from './ptPT';
+export * from './zhHK';

package/modern/locales/itIT.js

@@ -29,12 +29,11 @@ const itITGrid = {
   toolbarExportCSV: 'Esporta in CSV',
   toolbarExportPrint: 'Stampa',
   toolbarExportExcel: 'Scarica come Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Cerca colonna',
-  columnsPanelTextFieldPlaceholder: 'Titolo della colonna',
-  columnsPanelDragIconLabel: 'Riordina la colonna',
-  columnsPanelShowAllButton: 'Mostra tutto',
-  columnsPanelHideAllButton: 'Nascondi tutto',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Aggiungi un filtro',
   filterPanelRemoveAll: 'Rimuovi filtri',

package/modern/locales/jaJP.js

@@ -29,12 +29,11 @@ const jaJPGrid = {
   toolbarExportCSV: 'CSVダウンロード',
   toolbarExportPrint: '印刷',
   toolbarExportExcel: 'Excelダウンロード',
-  // Columns panel text
-  columnsPanelTextFieldLabel: '列検索',
-  columnsPanelTextFieldPlaceholder: '検索クエリを入力…',
-  columnsPanelDragIconLabel: '列並べ替え',
-  columnsPanelShowAllButton: 'すべて表示',
-  columnsPanelHideAllButton: 'すべて非表示',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'フィルター追加',
   filterPanelRemoveAll: 'すべて削除',