@mui/x-data-grid 5.14.0 → 5.15.0

package/node/hooks/features/scroll/useGridScroll.js

@@ -23,6 +23,8 @@ var _useGridApiMethod = require("../../utils/useGridApiMethod");
 
 var _gridFilterSelector = require("../filter/gridFilterSelector");
 
+var _gridClasses = require("../../../constants/gridClasses");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -108,13 +110,17 @@ const useGridScroll = (apiRef, props) => {
     }
 
     if (params.rowIndex != null) {
+      var _querySelector, _querySelector2;
+
       const rowsMeta = (0, _gridRowsMetaSelector.gridRowsMetaSelector)(apiRef.current.state);
       const page = (0, _gridPaginationSelector.gridPageSelector)(apiRef);
       const pageSize = (0, _gridPaginationSelector.gridPageSizeSelector)(apiRef);
       const elementIndex = !props.pagination ? params.rowIndex : params.rowIndex - page * pageSize;
       const targetOffsetHeight = rowsMeta.positions[elementIndex + 1] ? rowsMeta.positions[elementIndex + 1] - rowsMeta.positions[elementIndex] : rowsMeta.currentPageTotalHeight - rowsMeta.positions[elementIndex];
+      const topPinnedRowsHeight = ((_querySelector = windowRef.current.querySelector(`.${_gridClasses.gridClasses['pinnedRows--top']}`)) == null ? void 0 : _querySelector.clientHeight) || 0;
+      const bottomPinnedRowsHeight = ((_querySelector2 = windowRef.current.querySelector(`.${_gridClasses.gridClasses['pinnedRows--bottom']}`)) == null ? void 0 : _querySelector2.clientHeight) || 0;
       scrollCoordinates.top = scrollIntoView({
-        clientHeight: windowRef.current.clientHeight,
+        clientHeight: windowRef.current.clientHeight - topPinnedRowsHeight - bottomPinnedRowsHeight,
         scrollTop: windowRef.current.scrollTop,
         offsetHeight: targetOffsetHeight,
         offsetTop: rowsMeta.positions[elementIndex]

package/node/hooks/features/selection/useGridSelection.js

@@ -143,13 +143,13 @@ const useGridSelection = (apiRef, props) => {
   }, [apiRef, logger]);
   const isRowSelected = React.useCallback(id => (0, _gridSelectionSelector.gridSelectionStateSelector)(apiRef.current.state).includes(id), [apiRef]);
   const isRowSelectable = React.useCallback(id => {
-    var _apiRef$current$getRo;
-
     if (propIsRowSelectable && !propIsRowSelectable(apiRef.current.getRowParams(id))) {
       return false;
     }
 
-    if (((_apiRef$current$getRo = apiRef.current.getRowNode(id)) == null ? void 0 : _apiRef$current$getRo.position) === 'footer') {
+    const rowNode = apiRef.current.getRowNode(id);
+
+    if ((rowNode == null ? void 0 : rowNode.position) === 'footer' || rowNode != null && rowNode.isPinned) {
       return false;
     }
 
@@ -299,6 +299,10 @@ const useGridSelection = (apiRef, props) => {
       }
     }
 
+    if (params.rowNode.isPinned) {
+      return;
+    }
+
     if (event.shiftKey && (canHaveMultipleSelection || checkboxSelection)) {
       expandMouseRowRangeSelection(params.id);
     } else {

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

@@ -225,6 +225,10 @@ const useGridSorting = (apiRef, props) => {
       const bodyRowIds = [];
       const footerRowIds = [];
       (0, _rows.gridRowIdsSelector)(apiRef).forEach(rowId => {
+        if (rowTree[rowId].isPinned) {
+          return;
+        }
+
         if (rowTree[rowId].position === 'footer') {
           footerRowIds.push(rowId);
         } else {
@@ -237,6 +241,10 @@ const useGridSorting = (apiRef, props) => {
     const bodyRows = [];
     const footerRowIds = [];
     Object.values(rowTree).forEach(rowNode => {
+      if (rowNode.isPinned) {
+        return;
+      }
+
       if (rowNode.position === 'footer') {
         footerRowIds.push(rowNode.id);
       } else {

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

@@ -207,10 +207,8 @@ const useGridVirtualScroller = props => {
   React.useEffect(() => {
     setContainerWidth(rootRef.current.clientWidth);
   }, [rowsMeta.currentPageTotalHeight]);
-  const handleResize = React.useCallback(() => {
-    if (rootRef.current) {
-      setContainerWidth(rootRef.current.clientWidth);
-    }
+  const handleResize = React.useCallback(params => {
+    setContainerWidth(params.width);
   }, []);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'resize', handleResize);
   const updateRenderZonePosition = React.useCallback(nextRenderContext => {
@@ -326,10 +324,11 @@ const useGridVirtualScroller = props => {
       minFirstColumn = renderZoneMinColumnIndex,
       maxLastColumn = renderZoneMaxColumnIndex,
       availableSpace = containerWidth,
-      ignoreAutoHeight
+      ignoreAutoHeight,
+      rowIndexOffset = 0
     } = params;
 
-    if (!currentPage.range || !nextRenderContext || availableSpace == null) {
+    if (!nextRenderContext || availableSpace == null) {
       return null;
     }
 
@@ -344,15 +343,31 @@ const useGridVirtualScroller = props => {
     });
     const renderedRows = [];
 
-    for (let i = firstRowToRender; i < lastRowToRender; i += 1) {
-      const row = currentPage.rows[i];
-      renderedRows.push(row);
-      apiRef.current.unstable_calculateColSpan({
-        rowId: row.id,
-        minFirstColumn,
-        maxLastColumn,
-        columns: visibleColumns
+    if (params.rows) {
+      params.rows.forEach(row => {
+        renderedRows.push(row);
+        apiRef.current.unstable_calculateColSpan({
+          rowId: row.id,
+          minFirstColumn,
+          maxLastColumn,
+          columns: visibleColumns
+        });
       });
+    } else {
+      if (!currentPage.range) {
+        return null;
+      }
+
+      for (let i = firstRowToRender; i < lastRowToRender; i += 1) {
+        const row = currentPage.rows[i];
+        renderedRows.push(row);
+        apiRef.current.unstable_calculateColSpan({
+          rowId: row.id,
+          minFirstColumn,
+          maxLastColumn,
+          columns: visibleColumns
+        });
+      }
     }
 
     const [initialFirstColumnToRender, lastColumnToRender] = getRenderableIndexes({
@@ -373,7 +388,7 @@ const useGridVirtualScroller = props => {
     const rows = [];
 
     for (let i = 0; i < renderedRows.length; i += 1) {
-      var _rootProps$components;
+      var _currentPage$range5, _rootProps$components;
 
       const {
         id,
@@ -404,7 +419,7 @@ const useGridVirtualScroller = props => {
         firstColumnToRender: firstColumnToRender,
         lastColumnToRender: lastColumnToRender,
         selected: isSelected,
-        index: currentPage.range.firstRowIndex + firstRowToRender + i,
+        index: rowIndexOffset + ((currentPage == null ? void 0 : (_currentPage$range5 = currentPage.range) == null ? void 0 : _currentPage$range5.firstRowIndex) || 0) + firstRowToRender + i,
         containerWidth: availableSpace,
         isLastVisible: lastVisibleRowIndex
       }, typeof getRowProps === 'function' ? getRowProps(id, model) : {}, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.row), id));

package/node/index.js

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

package/node/internals/index.js

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "buildWarning", {
     return _warning.buildWarning;
   }
 });
+Object.defineProperty(exports, "calculatePinnedRowsHeight", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsUtils.calculatePinnedRowsHeight;
+  }
+});
 Object.defineProperty(exports, "clamp", {
   enumerable: true,
   get: function () {
@@ -123,6 +129,24 @@ Object.defineProperty(exports, "getColumnsToExport", {
     return _utils.getColumnsToExport;
   }
 });
+Object.defineProperty(exports, "getRowIdFromRowModel", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsUtils.getRowIdFromRowModel;
+  }
+});
+Object.defineProperty(exports, "gridAdditionalRowGroupsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsSelector.gridAdditionalRowGroupsSelector;
+  }
+});
+Object.defineProperty(exports, "gridPinnedRowsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsSelector.gridPinnedRowsSelector;
+  }
+});
 Object.defineProperty(exports, "isDeepEqual", {
   enumerable: true,
   get: function () {
@@ -436,6 +460,10 @@ var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");
 
 var _useGridParamsApi = require("../hooks/features/rows/useGridParamsApi");
 
+var _gridRowsUtils = require("../hooks/features/rows/gridRowsUtils");
+
+var _gridRowsSelector = require("../hooks/features/rows/gridRowsSelector");
+
 var _useGridSelection = require("../hooks/features/selection/useGridSelection");
 
 var _useGridSelectionPreProcessors = require("../hooks/features/selection/useGridSelectionPreProcessors");

package/node/locales/arSD.js

@@ -30,7 +30,7 @@ const arSDGrid = {
   toolbarFiltersTooltipShow: 'اظهر المرشِحات',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} من المرشِحات النشطة` : `مرشِح نشط`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/bgBG.js

@@ -30,7 +30,7 @@ const bgBGGrid = {
   toolbarFiltersTooltipShow: 'Покажи Филтрите',
   toolbarFiltersTooltipActive: count => `${count} активни филтри`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/csCZ.js

@@ -40,7 +40,7 @@ const csCZGrid = {
     return `${count} ${pluralForm}`;
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/daDK.js

@@ -30,7 +30,7 @@ const daDKGrid = {
   toolbarFiltersTooltipShow: 'Vis filtre',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktive filtre` : `${count} aktivt filter`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/deDE.js

@@ -30,7 +30,7 @@ const deDEGrid = {
   toolbarFiltersTooltipShow: 'Zeige Filter',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktive Filter` : `${count} aktiver Filter`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Suchen...',
+  toolbarQuickFilterPlaceholder: 'Suchen…',
   toolbarQuickFilterLabel: 'Suchen',
   toolbarQuickFilterDeleteIconLabel: 'Löschen',
   // Export selector toolbar button text

package/node/locales/elGR.js

@@ -28,7 +28,7 @@ const elGRGrid = {
   toolbarFiltersTooltipShow: 'Εμφάνιση φίλτρων',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} ενεργά φίλτρα` : `${count} ενεργό φίλτρο`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/esES.js

@@ -30,7 +30,7 @@ const esESGrid = {
   toolbarFiltersTooltipShow: 'Mostrar filtros',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} filtros activos` : `${count} filtro activo`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/faIR.js

@@ -30,7 +30,7 @@ const faIRGrid = {
   toolbarFiltersTooltipShow: 'نمایش فیلترها',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فیلترهای فعال` : `${count} فیلتر فعال`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/fiFI.js

@@ -30,7 +30,7 @@ const fiFIGrid = {
   toolbarFiltersTooltipShow: 'Näytä suodattimet',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktiivista suodatinta` : `${count} aktiivinen suodatin`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/frFR.js

@@ -30,7 +30,7 @@ const frFRGrid = {
   toolbarFiltersTooltipShow: 'Afficher les filtres',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} filtres actifs` : `${count} filtre actif`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Recherche...',
+  toolbarQuickFilterPlaceholder: 'Recherche…',
   toolbarQuickFilterLabel: 'Recherche',
   toolbarQuickFilterDeleteIconLabel: 'Supprimer',
   // Export selector toolbar button text

package/node/locales/heIL.js

@@ -30,7 +30,7 @@ const heILGrid = {
   toolbarFiltersTooltipShow: 'הצג מסננים',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} מסננים פעילים` : `מסנן אחד פעיל`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'חיפוש...',
+  toolbarQuickFilterPlaceholder: 'חיפוש…',
   toolbarQuickFilterLabel: 'חיפוש',
   toolbarQuickFilterDeleteIconLabel: 'ניקוי',
   // Export selector toolbar button text

package/node/locales/huHU.js

@@ -30,7 +30,7 @@ const huHUGrid = {
   toolbarFiltersTooltipShow: 'Szűrők megjelenítése',
   toolbarFiltersTooltipActive: count => `${count} aktív szűrő`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/itIT.js

@@ -30,7 +30,7 @@ const itITGrid = {
   toolbarFiltersTooltipShow: 'Mostra i filtri',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} filtri attivi` : `${count} filtro attivo`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/jaJP.js

@@ -30,7 +30,7 @@ const jaJPGrid = {
   toolbarFiltersTooltipShow: 'フィルター表示',
   toolbarFiltersTooltipActive: count => `${count}件のフィルターを適用中`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: '検索...',
+  toolbarQuickFilterPlaceholder: '検索…',
   toolbarQuickFilterLabel: '検索',
   toolbarQuickFilterDeleteIconLabel: 'クリア',
   // Export selector toolbar button text
@@ -41,7 +41,7 @@ const jaJPGrid = {
   toolbarExportExcel: 'Excelダウンロード',
   // Columns panel text
   columnsPanelTextFieldLabel: '列検索',
-  columnsPanelTextFieldPlaceholder: '検索クエリを入力...',
+  columnsPanelTextFieldPlaceholder: '検索クエリを入力…',
   columnsPanelDragIconLabel: '列並べ替え',
   columnsPanelShowAllButton: 'すべて表示',
   columnsPanelHideAllButton: 'すべて非表示',
@@ -55,7 +55,7 @@ const jaJPGrid = {
   filterPanelOperatorOr: 'Or',
   filterPanelColumns: '列',
   filterPanelInputLabel: '値',
-  filterPanelInputPlaceholder: '値を入力...',
+  filterPanelInputPlaceholder: '値を入力…',
   // Filter operators text
   filterOperatorContains: '...を含む',
   filterOperatorEquals: '...に等しい',

package/node/locales/koKR.js

@@ -30,7 +30,7 @@ const koKRGrid = {
   toolbarFiltersTooltipShow: '필터 표시',
   toolbarFiltersTooltipActive: count => `${count}건의 필터를 적용중`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/nbNO.js

@@ -30,7 +30,7 @@ const nbNOGrid = {
   toolbarFiltersTooltipShow: 'Vis filter',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktive filter` : `${count} aktivt filter`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Søk...',
+  toolbarQuickFilterPlaceholder: 'Søk…',
   toolbarQuickFilterLabel: 'Søk',
   toolbarQuickFilterDeleteIconLabel: 'Slett',
   // Export selector toolbar button text

package/node/locales/nlNL.js

@@ -30,7 +30,7 @@ const nlNLGrid = {
   toolbarFiltersTooltipShow: 'Toon filters',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} actieve filters` : `${count} filter actief`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Zoeken...',
+  toolbarQuickFilterPlaceholder: 'Zoeken…',
   toolbarQuickFilterLabel: 'Zoeken',
   toolbarQuickFilterDeleteIconLabel: 'Wissen',
   // Export selector toolbar button text

package/node/locales/plPL.js

@@ -30,7 +30,7 @@ const plPLGrid = {
   toolbarFiltersTooltipShow: 'Pokaż filtry',
   toolbarFiltersTooltipActive: count => `Liczba aktywnych filtrów: ${count}`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/ptBR.js

@@ -30,7 +30,7 @@ const ptBRGrid = {
   toolbarFiltersTooltipShow: 'Exibir filtros',
   toolbarFiltersTooltipActive: count => `${count} ${count !== 1 ? 'filtros' : 'filtro'} ${count !== 1 ? 'ativos' : 'ativo'}`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Procurar...',
+  toolbarQuickFilterPlaceholder: 'Procurar…',
   toolbarQuickFilterLabel: 'Procurar',
   toolbarQuickFilterDeleteIconLabel: 'Limpar',
   // Export selector toolbar button text

package/node/locales/roRO.js

@@ -30,7 +30,7 @@ const roROGrid = {
   toolbarFiltersTooltipShow: 'Afișează filtru',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} filtru activ` : `${count} filtru activ`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Căutare...',
+  toolbarQuickFilterPlaceholder: 'Căutare…',
   toolbarQuickFilterLabel: 'Căutare',
   toolbarQuickFilterDeleteIconLabel: 'Ștergere',
   // Export selector toolbar button text

package/node/locales/ruRU.js

@@ -41,7 +41,7 @@ const ruRUGrid = {
     return `${count} ${pluralForm}`;
   },
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Поиск...',
+  toolbarQuickFilterPlaceholder: 'Поиск…',
   toolbarQuickFilterLabel: 'Поиск',
   toolbarQuickFilterDeleteIconLabel: 'Очистить',
   // Export selector toolbar button text

package/node/locales/skSK.js

@@ -40,7 +40,7 @@ const skSKGrid = {
     return `${count} ${pluralForm}`;
   },
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Vyhľadať...',
+  toolbarQuickFilterPlaceholder: 'Vyhľadať…',
   toolbarQuickFilterLabel: 'Vyhľadať',
   toolbarQuickFilterDeleteIconLabel: 'Vymazať',
   // Export selector toolbar button text

package/node/locales/svSE.js

@@ -30,7 +30,7 @@ const svSEGrid = {
   toolbarFiltersTooltipShow: 'Visa filter',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktiva filter` : `${count} aktivt filter`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Sök...',
+  toolbarQuickFilterPlaceholder: 'Sök…',
   toolbarQuickFilterLabel: 'Sök',
   toolbarQuickFilterDeleteIconLabel: 'Rensa',
   // Export selector toolbar button text

package/node/locales/trTR.js

@@ -30,7 +30,7 @@ const trTRGrid = {
   toolbarFiltersTooltipShow: 'Filtreleri göster',
   toolbarFiltersTooltipActive: count => `${count} aktif filtre`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Ara...',
+  toolbarQuickFilterPlaceholder: 'Ara…',
   toolbarQuickFilterLabel: 'Ara',
   toolbarQuickFilterDeleteIconLabel: 'Temizle',
   // Export selector toolbar button text

package/node/locales/ukUA.js

@@ -47,7 +47,7 @@ const ukUAGrid = {
     many: 'активних фільтрів'
   }),
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/viVN.js

@@ -30,7 +30,7 @@ const viVNGrid = {
   toolbarFiltersTooltipShow: 'Hiện',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} bộ lọc hoạt động` : `${count} bộ lọc hoạt động`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text

package/node/locales/zhCN.js

@@ -30,15 +30,15 @@ const zhCNGrid = {
   toolbarFiltersTooltipShow: '显示筛选器',
   toolbarFiltersTooltipActive: count => `${count} 个筛选器`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: '搜索…',
+  toolbarQuickFilterLabel: '搜索',
+  toolbarQuickFilterDeleteIconLabel: '清除',
   // Export selector toolbar button text
   toolbarExport: '导出',
   toolbarExportLabel: '导出',
   toolbarExportCSV: '导出至CSV',
-  // toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportPrint: '打印',
+  toolbarExportExcel: '导出至Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: '搜索列',
   columnsPanelTextFieldPlaceholder: '列名',
@@ -48,7 +48,7 @@ const zhCNGrid = {
   // Filter panel text
   filterPanelAddFilter: '添加筛选器',
   filterPanelDeleteIconLabel: '删除',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: '逻辑操作器',
   filterPanelOperators: '操作器',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: '与',
@@ -69,7 +69,7 @@ const zhCNGrid = {
   filterOperatorOnOrBefore: '正在前面',
   filterOperatorIsEmpty: '为空',
   filterOperatorIsNotEmpty: '不为空',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: '属于',
   // Filter values text
   filterValueAny: '任何',
   filterValueTrue: '真',
@@ -94,40 +94,40 @@ const zhCNGrid = {
   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',
+  checkboxSelectionSelectAllRows: '全选行',
+  checkboxSelectionUnselectAllRows: '反选所有行',
+  checkboxSelectionSelectRow: '选择行',
+  checkboxSelectionUnselectRow: '反选行',
   // Boolean cell text
   booleanCellTrueLabel: '真',
-  booleanCellFalseLabel: '假' // Actions cell more text
-  // actionsCellMore: 'more',
+  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
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: '详细信息',
+  expandDetailPanel: '显示',
+  collapseDetailPanel: '折叠',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: '重新排列行',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: '集合',
+  aggregationFunctionLabelSum: '总数',
+  aggregationFunctionLabelAvg: '平均',
+  aggregationFunctionLabelMin: '最小',
+  aggregationFunctionLabelMax: '最大',
+  aggregationFunctionLabelSize: '大小'
 };
 const zhCN = (0, _getGridLocalization.getGridLocalization)(zhCNGrid, _locale.zhCN);
 exports.zhCN = zhCN;

package/node/locales/zhTW.js

@@ -30,7 +30,7 @@ const zhTWGrid = {
   toolbarFiltersTooltipShow: '顯示篩選器',
   toolbarFiltersTooltipActive: count => `${count} 個篩選器`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: '搜尋...',
+  toolbarQuickFilterPlaceholder: '搜尋…',
   toolbarQuickFilterLabel: '搜尋',
   toolbarQuickFilterDeleteIconLabel: '清除',
   // Export selector toolbar button text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "5.14.0",
+  "version": "5.15.0",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",