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

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

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.EMPTY_RENDER_CONTEXT = void 0;
 exports.useGridVirtualization = useGridVirtualization;
 exports.virtualizationStateInitializer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -11,10 +12,17 @@ var React = _interopRequireWildcard(require("react"));
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const EMPTY_RENDER_CONTEXT = exports.EMPTY_RENDER_CONTEXT = {
+  firstRowIndex: 0,
+  lastRowIndex: 0,
+  firstColumnIndex: 0,
+  lastColumnIndex: 0
+};
 const virtualizationStateInitializer = (state, props) => {
   const virtualization = {
     enabled: !props.disableVirtualization,
-    enabledForColumns: true
+    enabledForColumns: true,
+    renderContext: EMPTY_RENDER_CONTEXT
   };
   return (0, _extends2.default)({}, state, {
     virtualization

package/node/hooks/utils/index.js

@@ -72,4 +72,40 @@ Object.keys(_useFirstRender).forEach(function (key) {
       return _useFirstRender[key];
     }
   });
+});
+var _useOnMount = require("./useOnMount");
+Object.keys(_useOnMount).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useOnMount[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useOnMount[key];
+    }
+  });
+});
+var _useResizeObserver = require("./useResizeObserver");
+Object.keys(_useResizeObserver).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useResizeObserver[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useResizeObserver[key];
+    }
+  });
+});
+var _useRunOnce = require("./useRunOnce");
+Object.keys(_useRunOnce).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useRunOnce[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useRunOnce[key];
+    }
+  });
 });

package/node/hooks/utils/useGridAriaAttributes.js

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

package/node/hooks/utils/useGridNativeEventListener.js

@@ -13,6 +13,7 @@ const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) =>
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useNativeEventListener');
   const [added, setAdded] = React.useState(false);
   const handlerRef = React.useRef(handler);
+  const targetElement = (0, _utils.isFunction)(ref) ? ref() : ref?.current ?? null;
   const wrapHandler = React.useCallback(event => {
     return handlerRef.current && handlerRef.current(event);
   }, []);
@@ -20,23 +21,16 @@ const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) =>
     handlerRef.current = handler;
   }, [handler]);
   React.useEffect(() => {
-    let targetElement;
-    if ((0, _utils.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]);
 };
 exports.useGridNativeEventListener = useGridNativeEventListener;

package/node/hooks/utils/useResizeObserver.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeObserver = useResizeObserver;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const isDevEnvironment = process.env.NODE_ENV === 'development';
+const noop = () => {};
+function useResizeObserver(ref, fn, enabled) {
+  const fnRef = React.useRef(null);
+  fnRef.current = fn;
+  (0, _utils.unstable_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/node/hooks/utils/useRunOnce.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRunOnce = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const noop = () => {};
+
+/**
+ * Runs an effect once, when `condition` is true.
+ */
+const useRunOnce = (condition, effect) => {
+  const didRun = React.useRef(false);
+  (0, _utils.unstable_useEnhancedEffect)(() => {
+    if (didRun.current || !condition) {
+      return noop;
+    }
+    didRun.current = true;
+    return effect();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [didRun.current || condition]);
+};
+exports.useRunOnce = useRunOnce;

package/node/index.js

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

package/node/internals/index.js

@@ -7,6 +7,7 @@ var _exportNames = {
   GridVirtualScroller: true,
   GridVirtualScrollerContent: true,
   GridVirtualScrollerRenderZone: true,
+  GridHeaders: true,
   GridBaseColumnHeaders: true,
   GridColumnHeadersInner: true,
   DATA_GRID_DEFAULT_SLOTS_COMPONENTS: true,
@@ -17,16 +18,13 @@ var _exportNames = {
   useGridInitialization: true,
   unwrapPrivateAPI: true,
   useGridClipboard: true,
-  useGridColumnHeaders: true,
   gridHeaderFilteringEditFieldSelector: true,
   gridHeaderFilteringMenuSelector: true,
   useGridColumnMenu: true,
   columnMenuStateInitializer: true,
   useGridColumns: true,
   columnsStateInitializer: true,
-  getTotalHeaderHeight: true,
   useGridColumnSpanning: true,
-  gridColumnsStateSelector: true,
   useGridColumnGrouping: true,
   columnGroupsStateInitializer: true,
   useGridDensity: true,
@@ -69,10 +67,11 @@ var _exportNames = {
   sortingStateInitializer: true,
   useGridScroll: true,
   useGridEvents: true,
+  dimensionsStateInitializer: true,
   useGridDimensions: true,
   useGridStatePersistence: true,
   useGridVirtualScroller: true,
-  getRenderableIndexes: true,
+  EMPTY_DETAIL_PANELS: true,
   useTimeout: true,
   useGridVisibleRows: true,
   getVisibleRows: true,
@@ -86,11 +85,6 @@ var _exportNames = {
   getActiveElement: true,
   isEventTargetInPortal: true,
   isNavigationKey: true,
-  clamp: true,
-  isDeepEqual: true,
-  isNumber: true,
-  isFunction: true,
-  isObject: true,
   buildWarning: true,
   exportAs: true,
   useGridPrivateApiContext: true,
@@ -102,6 +96,12 @@ Object.defineProperty(exports, "DATA_GRID_DEFAULT_SLOTS_COMPONENTS", {
     return _defaultGridSlotsComponents.DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
   }
 });
+Object.defineProperty(exports, "EMPTY_DETAIL_PANELS", {
+  enumerable: true,
+  get: function () {
+    return _useGridVirtualScroller.EMPTY_DETAIL_PANELS;
+  }
+});
 Object.defineProperty(exports, "GRID_DEFAULT_STRATEGY", {
   enumerable: true,
   get: function () {
@@ -126,6 +126,12 @@ Object.defineProperty(exports, "GridColumnHeadersInner", {
     return _GridColumnHeadersInner.GridColumnHeadersInner;
   }
 });
+Object.defineProperty(exports, "GridHeaders", {
+  enumerable: true,
+  get: function () {
+    return _GridHeaders.GridHeaders;
+  }
+});
 Object.defineProperty(exports, "GridVirtualScroller", {
   enumerable: true,
   get: function () {
@@ -162,12 +168,6 @@ Object.defineProperty(exports, "calculatePinnedRowsHeight", {
     return _gridRowsUtils.calculatePinnedRowsHeight;
   }
 });
-Object.defineProperty(exports, "clamp", {
-  enumerable: true,
-  get: function () {
-    return _utils2.clamp;
-  }
-});
 Object.defineProperty(exports, "columnGroupsStateInitializer", {
   enumerable: true,
   get: function () {
@@ -210,6 +210,12 @@ Object.defineProperty(exports, "densityStateInitializer", {
     return _useGridDensity.densityStateInitializer;
   }
 });
+Object.defineProperty(exports, "dimensionsStateInitializer", {
+  enumerable: true,
+  get: function () {
+    return _useGridDimensions.dimensionsStateInitializer;
+  }
+});
 Object.defineProperty(exports, "editingStateInitializer", {
   enumerable: true,
   get: function () {
@@ -258,24 +264,12 @@ Object.defineProperty(exports, "getGridFilter", {
     return _GridFilterPanel.getGridFilter;
   }
 });
-Object.defineProperty(exports, "getRenderableIndexes", {
-  enumerable: true,
-  get: function () {
-    return _useGridVirtualScroller.getRenderableIndexes;
-  }
-});
 Object.defineProperty(exports, "getRowIdFromRowModel", {
   enumerable: true,
   get: function () {
     return _gridRowsUtils.getRowIdFromRowModel;
   }
 });
-Object.defineProperty(exports, "getTotalHeaderHeight", {
-  enumerable: true,
-  get: function () {
-    return _gridColumnsUtils.getTotalHeaderHeight;
-  }
-});
 Object.defineProperty(exports, "getTreeNodeDescendants", {
   enumerable: true,
   get: function () {
@@ -294,12 +288,6 @@ Object.defineProperty(exports, "gridAdditionalRowGroupsSelector", {
     return _gridRowsSelector.gridAdditionalRowGroupsSelector;
   }
 });
-Object.defineProperty(exports, "gridColumnsStateSelector", {
-  enumerable: true,
-  get: function () {
-    return _gridColumnsSelector.gridColumnsStateSelector;
-  }
-});
 Object.defineProperty(exports, "gridEditRowsStateSelector", {
   enumerable: true,
   get: function () {
@@ -330,42 +318,18 @@ Object.defineProperty(exports, "headerFilteringStateInitializer", {
     return _useGridHeaderFiltering.headerFilteringStateInitializer;
   }
 });
-Object.defineProperty(exports, "isDeepEqual", {
-  enumerable: true,
-  get: function () {
-    return _utils2.isDeepEqual;
-  }
-});
 Object.defineProperty(exports, "isEventTargetInPortal", {
   enumerable: true,
   get: function () {
     return _domUtils.isEventTargetInPortal;
   }
 });
-Object.defineProperty(exports, "isFunction", {
-  enumerable: true,
-  get: function () {
-    return _utils2.isFunction;
-  }
-});
 Object.defineProperty(exports, "isNavigationKey", {
   enumerable: true,
   get: function () {
     return _keyboardUtils.isNavigationKey;
   }
 });
-Object.defineProperty(exports, "isNumber", {
-  enumerable: true,
-  get: function () {
-    return _utils2.isNumber;
-  }
-});
-Object.defineProperty(exports, "isObject", {
-  enumerable: true,
-  get: function () {
-    return _utils2.isObject;
-  }
-});
 Object.defineProperty(exports, "isSingleSelectColDef", {
   enumerable: true,
   get: function () {
@@ -444,12 +408,6 @@ Object.defineProperty(exports, "useGridColumnGrouping", {
     return _useGridColumnGrouping.useGridColumnGrouping;
   }
 });
-Object.defineProperty(exports, "useGridColumnHeaders", {
-  enumerable: true,
-  get: function () {
-    return _useGridColumnHeaders.useGridColumnHeaders;
-  }
-});
 Object.defineProperty(exports, "useGridColumnMenu", {
   enumerable: true,
   get: function () {
@@ -645,6 +603,7 @@ Object.defineProperty(exports, "useTimeout", {
 var _GridVirtualScroller = require("../components/virtualization/GridVirtualScroller");
 var _GridVirtualScrollerContent = require("../components/virtualization/GridVirtualScrollerContent");
 var _GridVirtualScrollerRenderZone = require("../components/virtualization/GridVirtualScrollerRenderZone");
+var _GridHeaders = require("../components/GridHeaders");
 var _GridBaseColumnHeaders = require("../components/columnHeaders/GridBaseColumnHeaders");
 var _GridColumnHeadersInner = require("../components/columnHeaders/GridColumnHeadersInner");
 var _defaultGridSlotsComponents = require("../constants/defaultGridSlotsComponents");
@@ -655,12 +614,45 @@ var _useGridInitialization = require("../hooks/core/useGridInitialization");
 var _useGridApiInitialization = require("../hooks/core/useGridApiInitialization");
 var _useGridClipboard = require("../hooks/features/clipboard/useGridClipboard");
 var _useGridColumnHeaders = require("../hooks/features/columnHeaders/useGridColumnHeaders");
+Object.keys(_useGridColumnHeaders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useGridColumnHeaders[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useGridColumnHeaders[key];
+    }
+  });
+});
 var _gridHeaderFilteringSelectors = require("../hooks/features/headerFiltering/gridHeaderFilteringSelectors");
 var _useGridColumnMenu = require("../hooks/features/columnMenu/useGridColumnMenu");
 var _useGridColumns = require("../hooks/features/columns/useGridColumns");
 var _gridColumnsUtils = require("../hooks/features/columns/gridColumnsUtils");
+Object.keys(_gridColumnsUtils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _gridColumnsUtils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridColumnsUtils[key];
+    }
+  });
+});
 var _useGridColumnSpanning = require("../hooks/features/columns/useGridColumnSpanning");
 var _gridColumnsSelector = require("../hooks/features/columns/gridColumnsSelector");
+Object.keys(_gridColumnsSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _gridColumnsSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridColumnsSelector[key];
+    }
+  });
+});
 var _useGridColumnGrouping = require("../hooks/features/columnGrouping/useGridColumnGrouping");
 var _useGridDensity = require("../hooks/features/density/useGridDensity");
 var _useGridCsvExport = require("../hooks/features/export/useGridCsvExport");
@@ -721,6 +713,29 @@ var _createSelector = require("../utils/createSelector");
 var _domUtils = require("../utils/domUtils");
 var _keyboardUtils = require("../utils/keyboardUtils");
 var _utils2 = require("../utils/utils");
+Object.keys(_utils2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils2[key];
+    }
+  });
+});
+var _fastMemo = require("../utils/fastMemo");
+Object.keys(_fastMemo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _fastMemo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _fastMemo[key];
+    }
+  });
+});
 var _warning = require("../utils/warning");
 var _exportAs = require("../utils/exportAs");
 var _getPublicApiRef = require("../utils/getPublicApiRef");
@@ -736,28 +751,28 @@ Object.keys(_getPublicApiRef).forEach(function (key) {
   });
 });
 var _useGridPrivateApiContext = require("../hooks/utils/useGridPrivateApiContext");
-var _useOnMount = require("../hooks/utils/useOnMount");
-Object.keys(_useOnMount).forEach(function (key) {
+var _utils3 = require("../hooks/utils");
+Object.keys(_utils3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useOnMount[key]) return;
+  if (key in exports && exports[key] === _utils3[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _useOnMount[key];
+      return _utils3[key];
     }
   });
 });
 var _csvSerializer = require("../hooks/features/export/serializers/csvSerializer");
-var _utils3 = require("./utils");
-Object.keys(_utils3).forEach(function (key) {
+var _utils4 = require("./utils");
+Object.keys(_utils4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _utils3[key]) return;
+  if (key in exports && exports[key] === _utils4[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _utils3[key];
+      return _utils4[key];
     }
   });
 });

package/node/locales/hrHR.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hrHR = void 0;
+var _locale = require("@mui/material/locale");
+var _getGridLocalization = require("../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 panel text
+  columnsPanelTextFieldLabel: 'Pronađi stupac',
+  columnsPanelTextFieldPlaceholder: 'Naslov stupca',
+  columnsPanelDragIconLabel: 'Promijeni redoslijed stupca',
+  columnsPanelShowAllButton: 'Pokaži sve',
+  columnsPanelHideAllButton: 'Sakrij sve',
+  // 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'
+};
+const hrHR = exports.hrHR = (0, _getGridLocalization.getGridLocalization)(hrHRGrid, _locale.hrHR);