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

package/modern/locales/zhHK.js

@@ -0,0 +1,149 @@
+import { zhHK as zhHKCore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const zhHKGrid = {
+  // Root
+  noRowsLabel: '沒有行',
+  noResultsOverlayLabel: '未找到結果。',
+  // Density selector toolbar button text
+  toolbarDensity: '密度',
+  toolbarDensityLabel: '密度',
+  toolbarDensityCompact: '袖珍的',
+  toolbarDensityStandard: '標準',
+  toolbarDensityComfortable: '舒服的',
+  // Columns selector toolbar button text
+  toolbarColumns: '列',
+  toolbarColumnsLabel: '選擇列',
+  // Filters toolbar button text
+  toolbarFilters: '過濾器',
+  toolbarFiltersLabel: '顯示過濾器',
+  toolbarFiltersTooltipHide: '隱藏過濾器',
+  toolbarFiltersTooltipShow: '顯示過濾器',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} 個有效過濾器` : `${count} 個活動過濾器`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: '搜尋…',
+  toolbarQuickFilterLabel: '搜尋',
+  toolbarQuickFilterDeleteIconLabel: '清除',
+  // Export selector toolbar button text
+  toolbarExport: '出口',
+  toolbarExportLabel: '出口',
+  toolbarExportCSV: '下載為 CSV',
+  toolbarExportPrint: '列印',
+  toolbarExportExcel: '下載為 Excel',
+  // Columns panel text
+  columnsPanelTextFieldLabel: '查找欄目',
+  columnsPanelTextFieldPlaceholder: '欄目標題',
+  columnsPanelDragIconLabel: '重新排序列',
+  columnsPanelShowAllButton: '顯示所有',
+  columnsPanelHideAllButton: '全部藏起來',
+  // Filter panel text
+  filterPanelAddFilter: '新增過濾器',
+  filterPanelRemoveAll: '移除所有',
+  filterPanelDeleteIconLabel: '刪除',
+  filterPanelLogicOperator: '邏輯運算符',
+  filterPanelOperator: '操作員',
+  filterPanelOperatorAnd: '和',
+  filterPanelOperatorOr: '或者',
+  filterPanelColumns: '列',
+  filterPanelInputLabel: '價值',
+  filterPanelInputPlaceholder: '過濾值',
+  // Filter operators text
+  filterOperatorContains: '包含',
+  filterOperatorEquals: '等於',
+  filterOperatorStartsWith: '以。。開始',
+  filterOperatorEndsWith: '以。。結束',
+  filterOperatorIs: '是',
+  filterOperatorNot: '不是',
+  filterOperatorAfter: '是在之後',
+  filterOperatorOnOrAfter: '是在或之後',
+  filterOperatorBefore: '是在之前',
+  filterOperatorOnOrBefore: '是在或之前',
+  filterOperatorIsEmpty: '是空的',
+  filterOperatorIsNotEmpty: '不為空',
+  filterOperatorIsAnyOf: '是以下任一個',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
+  // Header filter operators text
+  headerFilterOperatorContains: '包含',
+  headerFilterOperatorEquals: '等於',
+  headerFilterOperatorStartsWith: '以。。開始',
+  headerFilterOperatorEndsWith: '以。。結束',
+  headerFilterOperatorIs: '是',
+  headerFilterOperatorNot: '不是',
+  headerFilterOperatorAfter: '是在之後',
+  headerFilterOperatorOnOrAfter: '是在或之後',
+  headerFilterOperatorBefore: '是之前',
+  headerFilterOperatorOnOrBefore: '是在或之前',
+  headerFilterOperatorIsEmpty: '是空的',
+  headerFilterOperatorIsNotEmpty: '不為空',
+  headerFilterOperatorIsAnyOf: '是以下任一個',
+  'headerFilterOperator=': '等於',
+  'headerFilterOperator!=': '不等於',
+  'headerFilterOperator>': '比...更棒',
+  'headerFilterOperator>=': '大於或等於',
+  'headerFilterOperator<': '少於',
+  'headerFilterOperator<=': '小於或等於',
+  // Filter values text
+  filterValueAny: '任何',
+  filterValueTrue: '真的',
+  filterValueFalse: '錯誤的',
+  // Column menu text
+  columnMenuLabel: '選單',
+  columnMenuShowColumns: '顯示欄目',
+  columnMenuManageColumns: '管理欄目',
+  columnMenuFilter: '篩選',
+  columnMenuHideColumn: '隱藏列',
+  columnMenuUnsort: '取消排序',
+  columnMenuSortAsc: '按升序排序',
+  columnMenuSortDesc: '按降序排序',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} 個有效過濾器` : `${count} 個活動過濾器`,
+  columnHeaderFiltersLabel: '顯示過濾器',
+  columnHeaderSortIconLabel: '種類',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `已選擇 ${count.toLocaleString()} 行` : `已選擇 ${count.toLocaleString()} 行`,
+  // Total row amount footer text
+  footerTotalRows: '總行數：',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} 的 ${visibleCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: '複選框選擇',
+  checkboxSelectionSelectAllRows: '選擇所有行',
+  checkboxSelectionUnselectAllRows: '取消選擇所有行',
+  checkboxSelectionSelectRow: '選擇行',
+  checkboxSelectionUnselectRow: '取消選擇行',
+  // Boolean cell text
+  booleanCellTrueLabel: '是的',
+  booleanCellFalseLabel: '不',
+  // Actions cell more text
+  actionsCellMore: '更多的',
+  // Column pinning text
+  pinToLeft: '固定到左側',
+  pinToRight: '固定到右側',
+  unpin: '取消固定',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Group',
+  treeDataExpand: '看看孩子們',
+  treeDataCollapse: '隱藏孩子',
+  // Grouping columns
+  groupingColumnHeaderName: '團體',
+  groupColumn: name => `按 ${name} 分組`,
+  unGroupColumn: name => `停止以 ${name} 分組`,
+  // Master/detail
+  detailPanelToggle: '詳細資訊面板切換',
+  expandDetailPanel: '擴張',
+  collapseDetailPanel: '坍塌',
+  // Row reordering text
+  rowReorderingHeaderName: '行重新排序',
+  // Aggregation
+  aggregationMenuItemHeader: '聚合',
+  aggregationFunctionLabelSum: '和',
+  aggregationFunctionLabelAvg: '平均',
+  aggregationFunctionLabelMin: '分分鐘',
+  aggregationFunctionLabelMax: '最大限度',
+  aggregationFunctionLabelSize: '尺寸'
+};
+export const zhHK = getGridLocalization(zhHKGrid, zhHKCore);

package/modern/models/index.js

@@ -6,7 +6,6 @@ export * from './gridFeatureMode';
 export * from './gridFilterItem';
 export * from './gridFilterModel';
 export * from './gridPaginationProps';
-export * from './gridRootContainerRef';
 export * from './gridRenderContextProps';
 export * from './gridRows';
 export * from './gridRowSelectionModel';

package/modern/models/params/index.js

@@ -10,5 +10,4 @@ export * from './gridHeaderSelectionCheckboxParams';
 export * from './gridValueOptionsParams';
 export * from './gridCellParams';
 export * from './gridPreferencePanelParams';
-export * from './gridMenuParams';
-export * from './gridRenderedRowsIntervalChangeParams';
+export * from './gridMenuParams';

package/modern/utils/createSelector.js

@@ -3,7 +3,7 @@ import { buildWarning } from './warning';
 const cacheContainer = {
   cache: new WeakMap()
 };
-const missingInstanceIdWarning = buildWarning(['MUI: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, e.g. `mySelector(apiRef)`, or pass the instance ID explicitly, e.g. `mySelector(state, apiRef.current.instanceId)`.']);
+const missingInstanceIdWarning = buildWarning(['MUI X: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, e.g. `mySelector(apiRef)`, or pass the instance ID explicitly, e.g. `mySelector(state, apiRef.current.instanceId)`.']);
 function checkIsAPIRef(value) {
   return 'current' in value && 'instanceId' in value.current;
 }

package/modern/utils/exportAs.js

@@ -34,5 +34,5 @@ export function exportAs(blob, extension = 'csv', filename = document.title || '
     });
     return;
   }
-  throw new Error('MUI: exportAs not supported');
+  throw new Error('MUI X: exportAs not supported.');
 }

package/modern/utils/utils.js

@@ -172,4 +172,13 @@ export function deepClone(obj) {
     return structuredClone(obj);
   }
   return JSON.parse(JSON.stringify(obj));
-}
+}
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/**
+ * Mark a value as used so eslint doesn't complain. Use this instead
+ * of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
+ * that hint disables checks on all values instead of just one.
+ */
+export function eslintUseValue(_) {}
+/* eslint-enable @typescript-eslint/no-unused-vars */

package/node/DataGrid/DataGrid.js

@@ -8,18 +8,21 @@ exports.DataGrid = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
 var _components = require("../components");
 var _GridContextProvider = require("../context/GridContextProvider");
 var _useDataGridComponent = require("./useDataGridComponent");
 var _useDataGridProps = require("./useDataGridProps");
-var _DataGridVirtualScroller = require("../components/DataGridVirtualScroller");
+var _propValidation = require("../internals/utils/propValidation");
 var _jsxRuntime = require("react/jsx-runtime");
 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 propValidators = [..._propValidation.propValidatorsDataGrid,
+// Only validate in MIT version
+props => props.columns && props.columns.some(column => column.resizable) && [`MUI X: \`column.resizable = true\` is not a valid prop.`, 'Column resizing is not available in the MIT version.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n') || undefined];
 const DataGridRaw = /*#__PURE__*/React.forwardRef(function DataGrid(inProps, ref) {
   const props = (0, _useDataGridProps.useDataGridProps)(inProps);
   const privateApiRef = (0, _useDataGridComponent.useDataGridComponent)(props.apiRef, props);
+  (0, _propValidation.validateProps)(props, propValidators);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridContextProvider.GridContextProvider, {
     privateApiRef: privateApiRef,
     props: props,
@@ -29,9 +32,7 @@ const DataGridRaw = /*#__PURE__*/React.forwardRef(function DataGrid(inProps, ref
       sx: props.sx,
       ref: ref
     }, props.forwardedProps, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.GridHeader, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.GridBody, {
-        VirtualScrollerComponent: _DataGridVirtualScroller.DataGridVirtualScroller
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.GridFooterPlaceholder, {})]
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.GridHeader, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.GridBody, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.GridFooterPlaceholder, {})]
     }))
   });
 });
@@ -71,12 +72,7 @@ DataGridRaw.propTypes = {
    * If `true`, the pageSize is calculated according to the container size and the max number of rows to avoid rendering a vertical scroll bar.
    * @default false
    */
-  autoPageSize: (0, _utils.chainPropTypes)(_propTypes.default.bool, props => {
-    if (props.autoHeight && props.autoPageSize) {
-      return new Error(['MUI: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You can not 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'));
-    }
-    return null;
-  }),
+  autoPageSize: _propTypes.default.bool,
   /**
    * Controls the modes of the cells.
    */
@@ -107,15 +103,9 @@ DataGridRaw.propTypes = {
    */
   columnHeaderHeight: _propTypes.default.number,
   /**
-   * Set of columns of type [[GridColDef[]]].
+   * Set of columns of type [[GridColDef]][].
    */
-  columns: (0, _utils.chainPropTypes)(_propTypes.default.array.isRequired, props => {
-    // @ts-ignore because otherwise `build:api` doesn't work
-    if (props.columns && props.columns.some(column => column.resizable)) {
-      return new Error([`MUI: \`column.resizable = true\` is not a valid prop.`, 'Column resizing is not available in the MIT version.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
-    }
-    return null;
-  }),
+  columns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
   /**
    * Number of rows from the `columnBuffer` that can be visible before a new slice is rendered.
    * @default 3
@@ -146,6 +136,11 @@ DataGridRaw.propTypes = {
    * @default false
    */
   disableColumnSelector: _propTypes.default.bool,
+  /**
+   * If `true`, the column sorting feature will be disabled.
+   * @default false
+   */
+  disableColumnSorting: _propTypes.default.bool,
   /**
    * If `true`, the density selector is disabled.
    * @default false
@@ -182,8 +177,6 @@ DataGridRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, the feature will be fully disabled and any property / method call will not have any effect.
    */
   experimentalFeatures: _propTypes.default.shape({
-    ariaV7: _propTypes.default.bool,
-    columnGrouping: _propTypes.default.bool,
     warnIfFocusStateIsNotSynced: _propTypes.default.bool
   }),
   /**
@@ -560,12 +553,7 @@ DataGridRaw.propTypes = {
     label: _propTypes.default.string.isRequired,
     value: _propTypes.default.number.isRequired
   })]).isRequired),
-  pagination: props => {
-    if (props.pagination === false) {
-      return new Error(['MUI: `<DataGrid pagination={false} />` is not a valid prop.', 'Infinite scrolling is not available in the MIT version.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to disable the pagination.'].join('\n'));
-    }
-    return null;
-  },
+  pagination: _propTypes.default.oneOf([true]),
   /**
    * Pagination can be processed on the server or client-side.
    * Set it to 'client' if you would like to handle the pagination on the client-side.

package/node/DataGrid/useDataGridComponent.js

@@ -44,6 +44,7 @@ const useDataGridComponent = (inputApiRef, props) => {
   /**
    * Register all state initializers here.
    */
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridDimensions.dimensionsStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridRowSelection.rowSelectionStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridColumns.columnsStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridRows.rowsStateInitializer, apiRef, props);

package/node/DataGrid/useDataGridProps.js

@@ -48,6 +48,7 @@ const DATA_GRID_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PROPS_DEFAULT_VALUES =
   disableEval: false,
   disableMultipleColumnsFiltering: false,
   disableMultipleRowSelection: false,
+  disableColumnSorting: false,
   disableMultipleColumnsSorting: false,
   disableRowSelectionOnClick: false,
   disableVirtualization: false,

package/node/colDef/gridDateColDef.js

@@ -19,7 +19,7 @@ function throwIfNotDateObject({
   field
 }) {
   if (!(value instanceof Date)) {
-    throw new Error([`MUI: \`${columnType}\` column type only accepts \`Date\` objects as values.`, 'Use `valueGetter` to transform the value into a `Date` object.', `Row ID: ${rowId}, field: "${field}".`].join('\n'));
+    throw new Error([`MUI X: \`${columnType}\` column type only accepts \`Date\` objects as values.`, 'Use `valueGetter` to transform the value into a `Date` object.', `Row ID: ${rowId}, field: "${field}".`].join('\n'));
   }
 }
 function gridDateFormatter({

package/node/components/GridColumnHeaders.js

@@ -15,21 +15,19 @@ var _useGridColumnHeaders = require("../hooks/features/columnHeaders/useGridColu
 var _GridBaseColumnHeaders = require("./columnHeaders/GridBaseColumnHeaders");
 var _GridColumnHeadersInner = require("./columnHeaders/GridColumnHeadersInner");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["innerRef", "className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnPositions", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "densityFactor", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
+const _excluded = ["innerRef", "className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
 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 GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnsHeaders(props, ref) {
+const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnHeaders(props, ref) {
   const {
       innerRef,
       visibleColumns,
       sortColumnLookup,
       filterColumnLookup,
-      columnPositions,
       columnHeaderTabIndexState,
       columnGroupHeaderTabIndexState,
       columnHeaderFocus,
       columnGroupHeaderFocus,
-      densityFactor,
       headerGroupingMaxDepth,
       columnMenuState,
       columnVisibility,
@@ -39,7 +37,6 @@ const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnsHead
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     isDragging,
-    getRootProps,
     getInnerProps,
     getColumnHeaders,
     getColumnGroupHeaders
@@ -48,12 +45,10 @@ const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnsHead
     visibleColumns,
     sortColumnLookup,
     filterColumnLookup,
-    columnPositions,
     columnHeaderTabIndexState,
     columnGroupHeaderTabIndexState,
     columnHeaderFocus,
     columnGroupHeaderFocus,
-    densityFactor,
     headerGroupingMaxDepth,
     columnMenuState,
     columnVisibility,
@@ -62,7 +57,7 @@ const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnsHead
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridBaseColumnHeaders.GridBaseColumnHeaders, (0, _extends2.default)({
     ref: ref
-  }, getRootProps(other), {
+  }, other, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridColumnHeadersInner.GridColumnHeadersInner, (0, _extends2.default)({
       isDragging: isDragging
     }, getInnerProps(), {
@@ -97,14 +92,11 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
     field: _propTypes.default.string,
     open: _propTypes.default.bool.isRequired
   }).isRequired,
-  columnPositions: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
   columnVisibility: _propTypes.default.object.isRequired,
-  densityFactor: _propTypes.default.number.isRequired,
   filterColumnLookup: _propTypes.default.object.isRequired,
   hasOtherElementInTabSequence: _propTypes.default.bool.isRequired,
   headerGroupingMaxDepth: _propTypes.default.number.isRequired,
   innerRef: _utils.refType,
-  minColumnIndex: _propTypes.default.number,
   sortColumnLookup: _propTypes.default.object.isRequired,
   visibleColumns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired
 } : void 0;

package/node/components/GridDetailPanels.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridDetailPanels = GridDetailPanels;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function GridDetailPanels(_) {
+  return null;
+}

package/node/components/GridHeaders.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridHeaders = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _fastMemo = require("../utils/fastMemo");
+var _useGridPrivateApiContext = require("../hooks/utils/useGridPrivateApiContext");
+var _useGridSelector = require("../hooks/utils/useGridSelector");
+var _useGridRootProps = require("../hooks/utils/useGridRootProps");
+var _gridColumnsSelector = require("../hooks/features/columns/gridColumnsSelector");
+var _gridFilterSelector = require("../hooks/features/filter/gridFilterSelector");
+var _gridSortingSelector = require("../hooks/features/sorting/gridSortingSelector");
+var _gridFocusStateSelector = require("../hooks/features/focus/gridFocusStateSelector");
+var _gridColumnGroupsSelector = require("../hooks/features/columnGrouping/gridColumnGroupsSelector");
+var _columnMenuSelector = require("../hooks/features/columnMenu/columnMenuSelector");
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+function GridHeaders() {
+  const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const visibleColumns = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector);
+  const filterColumnLookup = (0, _useGridSelector.useGridSelector)(apiRef, _gridFilterSelector.gridFilterActiveItemsLookupSelector);
+  const sortColumnLookup = (0, _useGridSelector.useGridSelector)(apiRef, _gridSortingSelector.gridSortColumnLookupSelector);
+  const columnHeaderTabIndexState = (0, _useGridSelector.useGridSelector)(apiRef, _gridFocusStateSelector.gridTabIndexColumnHeaderSelector);
+  const cellTabIndexState = (0, _useGridSelector.useGridSelector)(apiRef, _gridFocusStateSelector.gridTabIndexCellSelector);
+  const columnGroupHeaderTabIndexState = (0, _useGridSelector.useGridSelector)(apiRef, _gridFocusStateSelector.gridTabIndexColumnGroupHeaderSelector);
+  const columnHeaderFocus = (0, _useGridSelector.useGridSelector)(apiRef, _gridFocusStateSelector.gridFocusColumnHeaderSelector);
+  const columnGroupHeaderFocus = (0, _useGridSelector.useGridSelector)(apiRef, _gridFocusStateSelector.gridFocusColumnGroupHeaderSelector);
+  const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
+  const columnMenuState = (0, _useGridSelector.useGridSelector)(apiRef, _columnMenuSelector.gridColumnMenuSelector);
+  const columnVisibility = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridColumnVisibilityModelSelector);
+  const columnGroupsHeaderStructure = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderStructureSelector);
+  const hasOtherElementInTabSequence = !(columnGroupHeaderTabIndexState === null && columnHeaderTabIndexState === null && cellTabIndexState === null);
+  const columnHeadersRef = React.useRef(null);
+  const columnsContainerRef = React.useRef(null);
+  apiRef.current.register('private', {
+    columnHeadersContainerElementRef: columnsContainerRef,
+    columnHeadersElementRef: columnHeadersRef
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.columnHeaders, {
+    ref: columnsContainerRef,
+    innerRef: columnHeadersRef,
+    visibleColumns: visibleColumns,
+    filterColumnLookup: filterColumnLookup,
+    sortColumnLookup: sortColumnLookup,
+    columnHeaderTabIndexState: columnHeaderTabIndexState,
+    columnGroupHeaderTabIndexState: columnGroupHeaderTabIndexState,
+    columnHeaderFocus: columnHeaderFocus,
+    columnGroupHeaderFocus: columnGroupHeaderFocus,
+    headerGroupingMaxDepth: headerGroupingMaxDepth,
+    columnMenuState: columnMenuState,
+    columnVisibility: columnVisibility,
+    columnGroupsHeaderStructure: columnGroupsHeaderStructure,
+    hasOtherElementInTabSequence: hasOtherElementInTabSequence
+  });
+}
+const MemoizedGridHeaders = exports.GridHeaders = (0, _fastMemo.fastMemo)(GridHeaders);

package/node/components/GridPagination.js

@@ -65,7 +65,7 @@ const GridPagination = exports.GridPagination = /*#__PURE__*/React.forwardRef(fu
     const warnedOnceMissingInPageSizeOptions = React.useRef(false);
     const pageSize = rootProps.paginationModel?.pageSize ?? paginationModel.pageSize;
     if (!warnedOnceMissingInPageSizeOptions.current && !rootProps.autoPageSize && !isPageSizeIncludedInPageSizeOptions(pageSize)) {
-      console.warn([`MUI: The page size \`${paginationModel.pageSize}\` is not preset in the \`pageSizeOptions\``, `Add it to show the pagination select.`].join('\n'));
+      console.warn([`MUI X: The page size \`${paginationModel.pageSize}\` is not preset in the \`pageSizeOptions\`.`, `Add it to show the pagination select.`].join('\n'));
       warnedOnceMissingInPageSizeOptions.current = true;
     }
   }

package/node/components/GridPinnedRows.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridPinnedRows = GridPinnedRows;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function GridPinnedRows(_) {
+  return null;
+}