@mui/x-data-grid 8.27.3 → 9.0.0-alpha.1

package/esm/locales/thTH.js

@@ -0,0 +1,297 @@
+import { getGridLocalization } from "../utils/getGridLocalization.js";
+const thTHGrid = {
+  // Root
+  noRowsLabel: 'ไม่มีข้อมูล',
+  noResultsOverlayLabel: 'ไม่พบผลลัพธ์',
+  noColumnsOverlayLabel: 'ไม่มีคอลัมน์',
+  noColumnsOverlayManageColumns: 'จัดการคอลัมน์',
+  emptyPivotOverlayLabel: 'เพิ่มฟิลด์ไปยังแถว คอลัมน์ และค่า เพื่อสร้างตาราง Pivot',
+  // Density selector toolbar button text
+  toolbarDensity: 'ความหนาแน่น',
+  toolbarDensityLabel: 'ความหนาแน่น',
+  toolbarDensityCompact: 'กะทัดรัด',
+  toolbarDensityStandard: 'มาตรฐาน',
+  toolbarDensityComfortable: 'สบายตา',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'เลิกทำ',
+  toolbarRedo: 'ทำซ้ำ',
+  // Columns selector toolbar button text
+  toolbarColumns: 'คอลัมน์',
+  toolbarColumnsLabel: 'เลือกคอลัมน์',
+  // Filters toolbar button text
+  toolbarFilters: 'ตัวกรอง',
+  toolbarFiltersLabel: 'แสดงตัวกรอง',
+  toolbarFiltersTooltipHide: 'ซ่อนตัวกรอง',
+  toolbarFiltersTooltipShow: 'แสดงตัวกรอง',
+  toolbarFiltersTooltipActive: count => `ตัวกรองที่ใช้งาน ${count} รายการ`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'ค้นหา…',
+  toolbarQuickFilterLabel: 'ค้นหา',
+  toolbarQuickFilterDeleteIconLabel: 'ล้าง',
+  // Export selector toolbar button text
+  toolbarExport: 'ส่งออก',
+  toolbarExportLabel: 'ส่งออก',
+  toolbarExportCSV: 'ดาวน์โหลดเป็น CSV',
+  toolbarExportPrint: 'พิมพ์',
+  toolbarExportExcel: 'ดาวน์โหลดเป็น Excel',
+  // Toolbar pivot button
+  toolbarPivot: 'Pivot',
+  // Toolbar charts button
+  toolbarCharts: 'แผนภูมิ',
+  // Toolbar AI Assistant button
+  toolbarAssistant: 'ผู้ช่วย AI',
+  // Columns management text
+  columnsManagementSearchTitle: 'ค้นหา',
+  columnsManagementNoColumns: 'ไม่มีคอลัมน์',
+  columnsManagementShowHideAllText: 'แสดง/ซ่อนทั้งหมด',
+  columnsManagementReset: 'รีเซ็ต',
+  columnsManagementDeleteIconLabel: 'ล้าง',
+  // Filter panel text
+  filterPanelAddFilter: 'เพิ่มตัวกรอง',
+  filterPanelRemoveAll: 'ลบทั้งหมด',
+  filterPanelDeleteIconLabel: 'ลบ',
+  filterPanelLogicOperator: 'ตัวดำเนินการตรรกะ',
+  filterPanelOperator: 'ตัวดำเนินการ',
+  filterPanelOperatorAnd: 'และ',
+  filterPanelOperatorOr: 'หรือ',
+  filterPanelColumns: 'คอลัมน์',
+  filterPanelInputLabel: 'ค่า',
+  filterPanelInputPlaceholder: 'ค่าตัวกรอง',
+  // Filter operators text
+  filterOperatorContains: 'ประกอบด้วย',
+  filterOperatorDoesNotContain: 'ไม่ประกอบด้วย',
+  filterOperatorEquals: 'เท่ากับ',
+  filterOperatorDoesNotEqual: 'ไม่เท่ากับ',
+  filterOperatorStartsWith: 'เริ่มต้นด้วย',
+  filterOperatorEndsWith: 'ลงท้ายด้วย',
+  filterOperatorIs: 'คือ',
+  filterOperatorNot: 'ไม่ใช่',
+  filterOperatorAfter: 'หลังจาก',
+  filterOperatorOnOrAfter: 'ตั้งแต่หรือหลังจาก',
+  filterOperatorBefore: 'ก่อน',
+  filterOperatorOnOrBefore: 'ตั้งแต่หรือก่อน',
+  filterOperatorIsEmpty: 'ว่างเปล่า',
+  filterOperatorIsNotEmpty: 'ไม่ว่างเปล่า',
+  filterOperatorIsAnyOf: 'เป็นหนึ่งใน',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
+  // Header filter operators text
+  headerFilterOperatorContains: 'ประกอบด้วย',
+  headerFilterOperatorDoesNotContain: 'ไม่ประกอบด้วย',
+  headerFilterOperatorEquals: 'เท่ากับ',
+  headerFilterOperatorDoesNotEqual: 'ไม่เท่ากับ',
+  headerFilterOperatorStartsWith: 'เริ่มต้นด้วย',
+  headerFilterOperatorEndsWith: 'ลงท้ายด้วย',
+  headerFilterOperatorIs: 'คือ',
+  headerFilterOperatorNot: 'ไม่ใช่',
+  headerFilterOperatorAfter: 'หลังจาก',
+  headerFilterOperatorOnOrAfter: 'ตั้งแต่หรือหลังจาก',
+  headerFilterOperatorBefore: 'ก่อน',
+  headerFilterOperatorOnOrBefore: 'ตั้งแต่หรือก่อน',
+  headerFilterOperatorIsEmpty: 'ว่างเปล่า',
+  headerFilterOperatorIsNotEmpty: 'ไม่ว่างเปล่า',
+  headerFilterOperatorIsAnyOf: 'เป็นหนึ่งใน',
+  'headerFilterOperator=': 'เท่ากับ',
+  'headerFilterOperator!=': 'ไม่เท่ากับ',
+  'headerFilterOperator>': 'มากกว่า',
+  'headerFilterOperator>=': 'มากกว่าหรือเท่ากับ',
+  'headerFilterOperator<': 'น้อยกว่า',
+  'headerFilterOperator<=': 'น้อยกว่าหรือเท่ากับ',
+  headerFilterClear: 'ล้างตัวกรอง',
+  // Filter values text
+  filterValueAny: 'ใดๆ',
+  filterValueTrue: 'จริง',
+  filterValueFalse: 'เท็จ',
+  // Column menu text
+  columnMenuLabel: 'เมนู',
+  columnMenuAriaLabel: columnName => `เมนูคอลัมน์ ${columnName}`,
+  columnMenuShowColumns: 'แสดงคอลัมน์',
+  columnMenuManageColumns: 'จัดการคอลัมน์',
+  columnMenuFilter: 'กรอง',
+  columnMenuHideColumn: 'ซ่อนคอลัมน์',
+  columnMenuUnsort: 'ยกเลิกการเรียงลำดับ',
+  columnMenuSortAsc: 'เรียงจากน้อยไปมาก',
+  columnMenuSortDesc: 'เรียงจากมากไปน้อย',
+  columnMenuManagePivot: 'จัดการ Pivot',
+  columnMenuManageCharts: 'จัดการแผนภูมิ',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => `ตัวกรองที่ใช้งาน ${count} รายการ`,
+  columnHeaderFiltersLabel: 'แสดงตัวกรอง',
+  columnHeaderSortIconLabel: 'เรียงลำดับ',
+  // Rows selected footer text
+  footerRowSelected: count => `เลือกแล้ว ${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: 'เลือกทุกแถว',
+  checkboxSelectionUnselectAllRows: 'ยกเลิกเลือกทุกแถว',
+  checkboxSelectionSelectRow: 'เลือกแถว',
+  checkboxSelectionUnselectRow: 'ยกเลิกเลือกแถว',
+  // Boolean cell text
+  booleanCellTrueLabel: 'ใช่',
+  booleanCellFalseLabel: 'ไม่ใช่',
+  // Long text cell
+  longTextCellExpandLabel: 'ขยาย',
+  longTextCellCollapseLabel: 'ย่อ',
+  // Actions cell more text
+  actionsCellMore: 'เพิ่มเติม',
+  // Column pinning text
+  pinToLeft: 'ปักหมุดทางซ้าย',
+  pinToRight: 'ปักหมุดทางขวา',
+  unpin: 'เลิกปักหมุด',
+  // Tree Data
+  treeDataGroupingHeaderName: 'กลุ่ม',
+  treeDataExpand: 'ดูรายการย่อย',
+  treeDataCollapse: 'ซ่อนรายการย่อย',
+  // Grouping columns
+  groupingColumnHeaderName: 'กลุ่ม',
+  groupColumn: name => `จัดกลุ่มตาม ${name}`,
+  unGroupColumn: name => `ยกเลิกจัดกลุ่มตาม ${name}`,
+  // Master/detail
+  detailPanelToggle: 'สลับแผงรายละเอียด',
+  expandDetailPanel: 'ขยาย',
+  collapseDetailPanel: 'ย่อ',
+  // Pagination
+  paginationRowsPerPage: 'แถวต่อหน้า:',
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}–${to} จาก ${count !== -1 ? count : `มากกว่า ${to}`}`;
+    }
+    const estimatedLabel = estimated > to ? `ประมาณ ${estimated}` : `มากกว่า ${to}`;
+    return `${from}–${to} จาก ${count !== -1 ? count : estimatedLabel}`;
+  },
+  paginationItemAriaLabel: type => {
+    if (type === 'first') {
+      return 'ไปหน้าแรก';
+    }
+    if (type === 'last') {
+      return 'ไปหน้าสุดท้าย';
+    }
+    if (type === 'next') {
+      return 'ไปหน้าถัดไป';
+    }
+    // if (type === 'previous') {
+    return 'ไปหน้าก่อนหน้า';
+  },
+  // Row reordering text
+  rowReorderingHeaderName: 'จัดเรียงแถวใหม่',
+  // Aggregation
+  aggregationMenuItemHeader: 'การรวมค่า',
+  aggregationFunctionLabelNone: 'ไม่มี',
+  aggregationFunctionLabelSum: 'ผลรวม',
+  aggregationFunctionLabelAvg: 'ค่าเฉลี่ย',
+  aggregationFunctionLabelMin: 'ค่าต่ำสุด',
+  aggregationFunctionLabelMax: 'ค่าสูงสุด',
+  aggregationFunctionLabelSize: 'จำนวน',
+  // Pivot panel
+  pivotToggleLabel: 'Pivot',
+  pivotRows: 'แถว',
+  pivotColumns: 'คอลัมน์',
+  pivotValues: 'ค่า',
+  pivotCloseButton: 'ปิดการตั้งค่า Pivot',
+  pivotSearchButton: 'ค้นหาฟิลด์',
+  pivotSearchControlPlaceholder: 'ค้นหาฟิลด์',
+  pivotSearchControlLabel: 'ค้นหาฟิลด์',
+  pivotSearchControlClear: 'ล้างการค้นหา',
+  pivotNoFields: 'ไม่มีฟิลด์',
+  pivotMenuMoveUp: 'ย้ายขึ้น',
+  pivotMenuMoveDown: 'ย้ายลง',
+  pivotMenuMoveToTop: 'ย้ายไปบนสุด',
+  pivotMenuMoveToBottom: 'ย้ายไปล่างสุด',
+  pivotMenuRows: 'แถว',
+  pivotMenuColumns: 'คอลัมน์',
+  pivotMenuValues: 'ค่า',
+  pivotMenuOptions: 'ตัวเลือกฟิลด์',
+  pivotMenuAddToRows: 'เพิ่มไปยังแถว',
+  pivotMenuAddToColumns: 'เพิ่มไปยังคอลัมน์',
+  pivotMenuAddToValues: 'เพิ่มไปยังค่า',
+  pivotMenuRemove: 'ลบ',
+  pivotDragToRows: 'ลากมาที่นี่เพื่อสร้างแถว',
+  pivotDragToColumns: 'ลากมาที่นี่เพื่อสร้างคอลัมน์',
+  pivotDragToValues: 'ลากมาที่นี่เพื่อสร้างค่า',
+  pivotYearColumnHeaderName: '(ปี)',
+  pivotQuarterColumnHeaderName: '(ไตรมาส)',
+  // Charts configuration panel
+  chartsNoCharts: 'ไม่มีแผนภูมิที่ใช้งานได้',
+  chartsChartNotSelected: 'เลือกประเภทแผนภูมิเพื่อกำหนดค่าตัวเลือก',
+  chartsTabChart: 'แผนภูมิ',
+  chartsTabFields: 'ฟิลด์',
+  chartsTabCustomize: 'ปรับแต่ง',
+  chartsCloseButton: 'ปิดการตั้งค่าแผนภูมิ',
+  chartsSyncButtonLabel: 'ซิงค์แผนภูมิ',
+  chartsSearchPlaceholder: 'ค้นหาฟิลด์',
+  chartsSearchLabel: 'ค้นหาฟิลด์',
+  chartsSearchClear: 'ล้างการค้นหา',
+  chartsNoFields: 'ไม่มีฟิลด์',
+  chartsFieldBlocked: 'ไม่สามารถเพิ่มฟิลด์นี้ไปยังส่วนใดได้',
+  chartsCategories: 'หมวดหมู่',
+  chartsSeries: 'ชุดข้อมูล',
+  chartsMenuAddToDimensions: dimensionLabel => `เพิ่มไปยัง${dimensionLabel}`,
+  chartsMenuAddToValues: valuesLabel => `เพิ่มไปยัง${valuesLabel}`,
+  chartsMenuMoveUp: 'ย้ายขึ้น',
+  chartsMenuMoveDown: 'ย้ายลง',
+  chartsMenuMoveToTop: 'ย้ายไปบนสุด',
+  chartsMenuMoveToBottom: 'ย้ายไปล่างสุด',
+  chartsMenuOptions: 'ตัวเลือกฟิลด์',
+  chartsMenuRemove: 'ลบ',
+  chartsDragToDimensions: dimensionLabel => `ลากมาที่นี่เพื่อใช้คอลัมน์เป็น${dimensionLabel}`,
+  chartsDragToValues: valuesLabel => `ลากมาที่นี่เพื่อใช้คอลัมน์เป็น${valuesLabel}`,
+  // AI Assistant panel
+  aiAssistantPanelTitle: 'ผู้ช่วย AI',
+  aiAssistantPanelClose: 'ปิดผู้ช่วย AI',
+  aiAssistantPanelNewConversation: 'บทสนทนาใหม่',
+  aiAssistantPanelConversationHistory: 'ประวัติบทสนทนา',
+  aiAssistantPanelEmptyConversation: 'ไม่มีประวัติคำสั่ง',
+  aiAssistantSuggestions: 'คำแนะนำ',
+  // Prompt field
+  promptFieldLabel: 'คำสั่ง',
+  promptFieldPlaceholder: 'พิมพ์คำสั่ง…',
+  promptFieldPlaceholderWithRecording: 'พิมพ์หรือบันทึกเสียงคำสั่ง…',
+  promptFieldPlaceholderListening: 'กำลังฟังคำสั่ง…',
+  promptFieldSpeechRecognitionNotSupported: 'เบราว์เซอร์นี้ไม่รองรับการรู้จำเสียง',
+  promptFieldSend: 'ส่ง',
+  promptFieldRecord: 'บันทึกเสียง',
+  promptFieldStopRecording: 'หยุดบันทึกเสียง',
+  // Prompt
+  promptRerun: 'รันอีกครั้ง',
+  promptProcessing: 'กำลังประมวลผล…',
+  promptAppliedChanges: 'นำการเปลี่ยนแปลงไปใช้แล้ว',
+  // Prompt changes
+  promptChangeGroupDescription: column => `จัดกลุ่มตาม ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `รวมค่า ${column} (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} เป็นหนึ่งใน: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `กรองโดยที่ ${column} เป็นหนึ่งใน: ${value}`;
+    }
+    return `กรองโดยที่ ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `เรียงตาม ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Pivot',
+  promptChangePivotEnableDescription: 'เปิดใช้งาน Pivot',
+  promptChangePivotColumnsLabel: count => `คอลัมน์ (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `แถว (${count})`,
+  promptChangePivotValuesLabel: count => `ค่า (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeChartsLabel: (dimensionsCount, valuesCount) => `มิติ (${dimensionsCount}), ค่า (${valuesCount})`
+};
+export const thTH = getGridLocalization(thTHGrid);

package/esm/locales/trTR.js

@@ -172,11 +172,12 @@ const trTRGrid = {
   //   count,
   //   estimated
   // }) => {
+  //   const unknownRowCount = count == null || count === -1;
   //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  //     return `${from}–${to} of ${!unknownRowCount ? count : `more than ${to}`}`;
   //   }
   //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
+  //   return `${from}–${to} of ${!unknownRowCount ? count : estimatedLabel}`;
   // },
   paginationItemAriaLabel: type => {
     if (type === 'first') {

package/esm/locales/ukUA.js

@@ -188,18 +188,19 @@ const ukUAGrid = {
   collapseDetailPanel: 'Приховати',
   // Pagination
   paginationRowsPerPage: 'Рядків на сторінці:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    const unknownRowCount = count == null || count === -1;
+    if (!estimated) {
+      return `${from}–${to} з ${!unknownRowCount ? count : `більше ніж ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `близько ${estimated}` : `більше ніж ${to}`;
+    return `${from}–${to} з ${!unknownRowCount ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Перейти на першу сторінку';

package/esm/locales/urPK.js

@@ -172,11 +172,12 @@ const urPKGrid = {
   //   count,
   //   estimated
   // }) => {
+  //   const unknownRowCount = count == null || count === -1;
   //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  //     return `${from}–${to} of ${!unknownRowCount ? count : `more than ${to}`}`;
   //   }
   //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
+  //   return `${from}–${to} of ${!unknownRowCount ? count : estimatedLabel}`;
   // },
   paginationItemAriaLabel: type => {
     if (type === 'first') {

package/esm/locales/viVN.js

@@ -173,11 +173,12 @@ const viVNGrid = {
   //   count,
   //   estimated
   // }) => {
+  //   const unknownRowCount = count == null || count === -1;
   //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  //     return `${from}–${to} of ${!unknownRowCount ? count : `more than ${to}`}`;
   //   }
   //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
+  //   return `${from}–${to} of ${!unknownRowCount ? count : estimatedLabel}`;
   // },
   paginationItemAriaLabel: type => {
     if (type === 'first') {

package/esm/material/index.js

@@ -74,7 +74,7 @@ import "./augmentation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export { useMaterialCSSVariables } from "./variables.js";
 
-/* eslint-disable material-ui/disallow-react-api-in-server-components */
+/* eslint-disable mui/disallow-react-api-in-server-components */
 
 const InputAdornment = styled(MUIInputAdornment, {
   slot: 'internal'

package/esm/utils/utils.d.ts

@@ -4,8 +4,8 @@ export declare function isObject<TObject = Record<PropertyKey, any>>(value: unkn
 export declare function localStorageAvailable(): boolean;
 export declare function escapeRegExp(value: string): string;
 /**
- * Follows the CSS specification behavior for min and max
- * If min > max, then the min have priority
+ * Follows the CSS specification behavior for min and max.
+ * If min > max, then min has priority.
  */
 export declare const clamp: (value: number, min: number, max: number) => number;
 /**

package/esm/utils/utils.js

@@ -25,8 +25,8 @@ export function escapeRegExp(value) {
 }
 
 /**
- * Follows the CSS specification behavior for min and max
- * If min > max, then the min have priority
+ * Follows the CSS specification behavior for min and max.
+ * If min > max, then min has priority.
  */
 export const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
 

package/hooks/features/columns/gridColumnsSelector.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.gridVisiblePinnedColumnDefinitionsSelector = exports.gridVisibleColumnFieldsSelector = exports.gridVisibleColumnDefinitionsSelector = exports.gridPinnedColumnsSelector = exports.gridInitialColumnVisibilityModelSelector = exports.gridHasColSpanSelector = exports.gridFilterableColumnLookupSelector = exports.gridFilterableColumnDefinitionsSelector = exports.gridExistingPinnedColumnSelector = exports.gridColumnsStateSelector = exports.gridColumnVisibilityModelSelector = exports.gridColumnPositionsSelector = exports.gridColumnLookupSelector = exports.gridColumnFieldsSelector = exports.gridColumnDefinitionsSelector = void 0;
 var _createSelector = require("../../../utils/createSelector");
 var _gridColumnsInterfaces = require("./gridColumnsInterfaces");
-var _gridCoreSelector = require("../../core/gridCoreSelector");
 var _listView = require("../listView");
 /**
  * Get the columns state
@@ -70,24 +69,24 @@ const gridPinnedColumnsSelector = exports.gridPinnedColumnsSelector = (0, _creat
  * @category Pinned Columns
  * @ignore - Do not document
  */
-const gridExistingPinnedColumnSelector = exports.gridExistingPinnedColumnSelector = (0, _createSelector.createSelectorMemoized)(gridPinnedColumnsSelector, gridColumnFieldsSelector, _gridCoreSelector.gridIsRtlSelector, (model, orderedFields, isRtl) => filterMissingColumns(model, orderedFields, isRtl));
+const gridExistingPinnedColumnSelector = exports.gridExistingPinnedColumnSelector = (0, _createSelector.createSelectorMemoized)(gridPinnedColumnsSelector, gridColumnFieldsSelector, (model, orderedFields) => filterMissingColumns(model, orderedFields));
 
 /**
  * Get the visible pinned columns.
  * @category Visible Columns
  */
-const gridVisiblePinnedColumnDefinitionsSelector = exports.gridVisiblePinnedColumnDefinitionsSelector = (0, _createSelector.createSelectorMemoized)(gridColumnsStateSelector, gridPinnedColumnsSelector, gridVisibleColumnFieldsSelector, _gridCoreSelector.gridIsRtlSelector, _listView.gridListViewSelector, (columnsState, model, visibleColumnFields, isRtl, listView) => {
+const gridVisiblePinnedColumnDefinitionsSelector = exports.gridVisiblePinnedColumnDefinitionsSelector = (0, _createSelector.createSelectorMemoized)(gridColumnsStateSelector, gridPinnedColumnsSelector, gridVisibleColumnFieldsSelector, _listView.gridListViewSelector, (columnsState, model, visibleColumnFields, listView) => {
   if (listView) {
     return _gridColumnsInterfaces.EMPTY_PINNED_COLUMN_FIELDS;
   }
-  const visiblePinnedFields = filterMissingColumns(model, visibleColumnFields, isRtl);
+  const visiblePinnedFields = filterMissingColumns(model, visibleColumnFields);
   const visiblePinnedColumns = {
     left: visiblePinnedFields.left.map(field => columnsState.lookup[field]),
     right: visiblePinnedFields.right.map(field => columnsState.lookup[field])
   };
   return visiblePinnedColumns;
 });
-function filterMissingColumns(pinnedColumns, columns, invert) {
+function filterMissingColumns(pinnedColumns, columns) {
   if (!Array.isArray(pinnedColumns.left) && !Array.isArray(pinnedColumns.right)) {
     return _gridColumnsInterfaces.EMPTY_PINNED_COLUMN_FIELDS;
   }
@@ -101,16 +100,8 @@ function filterMissingColumns(pinnedColumns, columns, invert) {
     return newPinnedColumns.filter(field => remainingColumns.includes(field));
   };
   const leftPinnedColumns = filter(pinnedColumns.left, columns);
-  const columnsWithoutLeftPinnedColumns = columns.filter(
-  // Filter out from the remaining columns those columns already pinned to the left
-  field => !leftPinnedColumns.includes(field));
+  const columnsWithoutLeftPinnedColumns = columns.filter(field => !leftPinnedColumns.includes(field));
   const rightPinnedColumns = filter(pinnedColumns.right, columnsWithoutLeftPinnedColumns);
-  if (invert) {
-    return {
-      left: rightPinnedColumns,
-      right: leftPinnedColumns
-    };
-  }
   return {
     left: leftPinnedColumns,
     right: rightPinnedColumns

package/hooks/features/pagination/gridPaginationUtils.js

@@ -12,7 +12,7 @@ const getPageCount = (rowCount, pageSize, page) => {
   if (pageSize > 0 && rowCount > 0) {
     return Math.ceil(rowCount / pageSize);
   }
-  if (rowCount === -1) {
+  if (rowCount === -1 || rowCount == null) {
     // With unknown row-count, we can assume a page after the current one
     return page + 2;
   }

package/hooks/features/pagination/useGridRowCount.js

@@ -18,10 +18,11 @@ var _gridPaginationSelector = require("./gridPaginationSelector");
 const useGridRowCount = (apiRef, props) => {
   const logger = (0, _utils.useGridLogger)(apiRef, 'useGridRowCount');
   const previousPageSize = (0, _useLazyRef.default)(() => (0, _gridPaginationSelector.gridPaginationModelSelector)(apiRef).pageSize);
+  const onRowCountChangeProp = props.onRowCountChange;
   apiRef.current.registerControlState({
     stateId: 'paginationRowCount',
     propModel: props.rowCount,
-    propOnChange: props.onRowCountChange,
+    propOnChange: onRowCountChangeProp,
     stateSelector: _gridPaginationSelector.gridPaginationRowCountSelector,
     changeEvent: 'rowCountChange'
   });
@@ -35,12 +36,26 @@ const useGridRowCount = (apiRef, props) => {
       return;
     }
     logger.debug("Setting 'rowCount' to", newRowCount);
+    if (rowCountState == null || rowCountState === -1) {
+      const newState = (0, _extends2.default)({}, apiRef.current.state, {
+        pagination: (0, _extends2.default)({}, apiRef.current.state.pagination, {
+          rowCount: newRowCount
+        })
+      });
+      apiRef.current.state = newState;
+      apiRef.current.store.update(newState);
+      apiRef.current.publishEvent('rowCountChange', newRowCount);
+      if (onRowCountChangeProp) {
+        onRowCountChangeProp(newRowCount);
+      }
+      return;
+    }
     apiRef.current.setState(state => (0, _extends2.default)({}, state, {
       pagination: (0, _extends2.default)({}, state.pagination, {
         rowCount: newRowCount
       })
     }));
-  }, [apiRef, logger]);
+  }, [apiRef, logger, onRowCountChangeProp]);
   const paginationRowCountApi = {
     setRowCount
   };
@@ -117,7 +132,8 @@ const useGridRowCount = (apiRef, props) => {
     }
     return undefined;
   }, (_, isLastPageOrRowCount) => {
-    if (isLastPageOrRowCount === true && (0, _gridPaginationSelector.gridPaginationRowCountSelector)(apiRef) !== -1) {
+    const rowCount = (0, _gridPaginationSelector.gridPaginationRowCountSelector)(apiRef);
+    if (isLastPageOrRowCount === true && (rowCount == null || rowCount === -1)) {
       const visibleTopLevelRowCount = (0, _filter.gridFilteredTopLevelRowCountSelector)(apiRef);
       const paginationModel = (0, _gridPaginationSelector.gridPaginationModelSelector)(apiRef);
       apiRef.current.setRowCount(paginationModel.pageSize * paginationModel.page + visibleTopLevelRowCount);

package/index.js

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

package/internals/utils/propValidation.js

@@ -8,7 +8,7 @@ exports.validateProps = validateProps;
 var _warning = require("@mui/x-internals/warning");
 var _utils = require("../../utils/utils");
 var _signature = require("../../constants/signature");
-const propValidatorsDataGrid = exports.propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === _signature.GridSignature.DataGrid && props.paginationMode === 'client' && (0, _utils.isNumber)(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.dataSource && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
+const propValidatorsDataGrid = exports.propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === _signature.GridSignature.DataGrid && props.paginationMode === 'client' && (0, _utils.isNumber)(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.dataSource && !props.paginationMeta && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
 function validateProps(props, validators) {
   validators.forEach(validator => {
     const message = validator(props);

package/locales/beBY.js

@@ -202,11 +202,12 @@ const beBYGrid = {
   //   count,
   //   estimated
   // }) => {
+  //   const unknownRowCount = count == null || count === -1;
   //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  //     return `${from}–${to} of ${!unknownRowCount ? count : `more than ${to}`}`;
   //   }
   //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
+  //   return `${from}–${to} of ${!unknownRowCount ? count : estimatedLabel}`;
   // },
   paginationItemAriaLabel: type => {
     if (type === 'first') {

package/locales/bgBG.js

@@ -179,11 +179,12 @@ const bgBGGrid = {
   //   count,
   //   estimated
   // }) => {
+  //   const unknownRowCount = count == null || count === -1;
   //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  //     return `${from}–${to} of ${!unknownRowCount ? count : `more than ${to}`}`;
   //   }
   //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
+  //   return `${from}–${to} of ${!unknownRowCount ? count : estimatedLabel}`;
   // },
   paginationItemAriaLabel: type => {
     if (type === 'first') {

package/locales/bnBD.js

@@ -178,11 +178,12 @@ const bnBDGrid = {
   //   count,
   //   estimated
   // }) => {
+  //   const unknownRowCount = count == null || count === -1;
   //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  //     return `${from}–${to} of ${!unknownRowCount ? count : `more than ${to}`}`;
   //   }
   //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
+  //   return `${from}–${to} of ${!unknownRowCount ? count : estimatedLabel}`;
   // },
   paginationItemAriaLabel: type => {
     if (type === 'first') {

package/locales/csCZ.js

@@ -131,7 +131,7 @@ const csCZGrid = {
   columnMenuManageColumns: 'Spravovat sloupce',
   columnMenuFilter: 'Filtr',
   columnMenuHideColumn: 'Skrýt',
-  columnMenuUnsort: 'Zrušit filtry',
+  columnMenuUnsort: 'Zrušit řazení',
   columnMenuSortAsc: 'Seřadit vzestupně',
   columnMenuSortDesc: 'Seřadit sestupně',
   // columnMenuManagePivot: 'Manage pivot',
@@ -148,7 +148,7 @@ const csCZGrid = {
     return `${count} ${pluralForm}`;
   },
   columnHeaderFiltersLabel: 'Zobrazit filtry',
-  columnHeaderSortIconLabel: 'Filtrovat',
+  columnHeaderSortIconLabel: 'Řadit',
   // Rows selected footer text
   footerRowSelected: count => {
     let pluralForm = 'vybraných záznamů';

package/locales/daDK.js

@@ -178,11 +178,12 @@ const daDKGrid = {
   //   count,
   //   estimated
   // }) => {
+  //   const unknownRowCount = count == null || count === -1;
   //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  //     return `${from}–${to} of ${!unknownRowCount ? count : `more than ${to}`}`;
   //   }
   //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
+  //   return `${from}–${to} of ${!unknownRowCount ? count : estimatedLabel}`;
   // },
   paginationItemAriaLabel: type => {
     if (type === 'first') {