@mui/x-data-grid 5.13.1 → 5.14.0

package/modern/locales/heIL.js

@@ -111,6 +111,13 @@ const heILGrid = {
   expandDetailPanel: 'הרחב',
   collapseDetailPanel: 'כווץ',
   // Row reordering text
-  rowReorderingHeaderName: 'סידור שורות'
+  rowReorderingHeaderName: 'סידור שורות' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const heIL = getGridLocalization(heILGrid, heILCore);

package/modern/locales/huHU.js

@@ -111,6 +111,13 @@ const huHUGrid = {
   expandDetailPanel: 'Kibontás',
   collapseDetailPanel: 'Összecsukás' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const huHU = getGridLocalization(huHUGrid, huHUCore);

package/modern/locales/index.js

@@ -26,4 +26,5 @@ export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
 export * from './viVN';
-export * from './zhCN';
+export * from './zhCN';
+export * from './zhTW';

package/modern/locales/itIT.js

@@ -111,6 +111,13 @@ const itITGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const itIT = getGridLocalization(itITGrid, itITCore);

package/modern/locales/jaJP.js

@@ -111,6 +111,13 @@ const jaJPGrid = {
   expandDetailPanel: '展開',
   collapseDetailPanel: '折りたたみ',
   // Row reordering text
-  rowReorderingHeaderName: '行並び替え'
+  rowReorderingHeaderName: '行並び替え' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const jaJP = getGridLocalization(jaJPGrid, jaJPCore);

package/modern/locales/koKR.js

@@ -111,6 +111,13 @@ const koKRGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const koKR = getGridLocalization(koKRGrid, koKRCore);

package/modern/locales/nbNO.js

@@ -111,6 +111,13 @@ const nbNOGrid = {
   expandDetailPanel: 'Utvid',
   collapseDetailPanel: 'Kollaps',
   // Row reordering text
-  rowReorderingHeaderName: 'Rad reorganisering'
+  rowReorderingHeaderName: 'Rad reorganisering' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const nbNO = getGridLocalization(nbNOGrid, nbNOCore);

package/modern/locales/nlNL.js

@@ -111,6 +111,13 @@ const nlNLGrid = {
   expandDetailPanel: 'Uitklappen',
   collapseDetailPanel: 'Inklappen',
   // Row reordering text
-  rowReorderingHeaderName: 'Rijen hersorteren'
+  rowReorderingHeaderName: 'Rijen hersorteren' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const nlNL = getGridLocalization(nlNLGrid, nlNLCore);

package/modern/locales/plPL.js

@@ -111,6 +111,13 @@ const plPLGrid = {
   expandDetailPanel: 'Rozwiń',
   collapseDetailPanel: 'Zwiń' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const plPL = getGridLocalization(plPLGrid, plPLCore);

package/modern/locales/ptBR.js

@@ -111,6 +111,13 @@ const ptBRGrid = {
   expandDetailPanel: 'Expandir',
   collapseDetailPanel: 'Esconder',
   // Row reordering text
-  rowReorderingHeaderName: 'Reorganizar linhas'
+  rowReorderingHeaderName: 'Reorganizar linhas' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const ptBR = getGridLocalization(ptBRGrid, ptBRCore);

package/modern/locales/roRO.js

@@ -111,6 +111,13 @@ const roROGrid = {
   expandDetailPanel: 'Extindere',
   collapseDetailPanel: 'Restrângere',
   // Row reordering text
-  rowReorderingHeaderName: 'Reordonare rânduri'
+  rowReorderingHeaderName: 'Reordonare rânduri' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const roRO = getGridLocalization(roROGrid, roROCore);

package/modern/locales/ruRU.js

@@ -144,6 +144,13 @@ const ruRUGrid = {
   expandDetailPanel: 'Развернуть',
   collapseDetailPanel: 'Свернуть' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const ruRU = getGridLocalization(ruRUGrid, ruRUCore);

package/modern/locales/skSK.js

@@ -146,6 +146,13 @@ const skSKGrid = {
   expandDetailPanel: 'Rozbaliť',
   collapseDetailPanel: 'Zbaliť',
   // Row reordering text
-  rowReorderingHeaderName: 'Preusporiadávanie riadkov'
+  rowReorderingHeaderName: 'Preusporiadávanie riadkov' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const skSK = getGridLocalization(skSKGrid, skSKCore);

package/modern/locales/svSE.js

@@ -111,6 +111,13 @@ const svSEGrid = {
   expandDetailPanel: 'Expandera',
   collapseDetailPanel: 'Kollapsa',
   // Row reordering text
-  rowReorderingHeaderName: 'Ordna om rader'
+  rowReorderingHeaderName: 'Ordna om rader' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const svSE = getGridLocalization(svSEGrid, svSECore);

package/modern/locales/trTR.js

@@ -111,6 +111,13 @@ const trTRGrid = {
   expandDetailPanel: 'Genişlet',
   collapseDetailPanel: 'Gizle' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const trTR = getGridLocalization(trTRGrid, trTRCore);

package/modern/locales/ukUA.js

@@ -137,6 +137,13 @@ const ukUAGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const ukUA = getGridLocalization(ukUAGrid, ukUACore);

package/modern/locales/viVN.js

@@ -111,6 +111,13 @@ const viVNGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const viVN = getGridLocalization(viVNGrid, viVNCore);

package/modern/locales/zhCN.js

@@ -111,6 +111,13 @@ const zhCNGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const zhCN = getGridLocalization(zhCNGrid, zhCNCore);

package/modern/locales/zhTW.js

@@ -0,0 +1,123 @@
+import { zhTW as zhTWCore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const zhTWGrid = {
+  // Root
+  noRowsLabel: '沒有資料',
+  noResultsOverlayLabel: '沒有結果',
+  errorOverlayDefaultLabel: '發生錯誤',
+  // 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} 個篩選器`,
+  // 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: '增加篩選器',
+  filterPanelDeleteIconLabel: '刪除',
+  filterPanelLinkOperator: '邏輯運算子',
+  filterPanelOperators: '運算子',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: '且',
+  filterPanelOperatorOr: '或',
+  filterPanelColumns: '欄位',
+  filterPanelInputLabel: '值',
+  filterPanelInputPlaceholder: '篩選值',
+  // Filter operators text
+  filterOperatorContains: '包含',
+  filterOperatorEquals: '等於',
+  filterOperatorStartsWith: '以...開頭',
+  filterOperatorEndsWith: '以...結束',
+  filterOperatorIs: '為',
+  filterOperatorNot: '不為',
+  filterOperatorAfter: '...之後',
+  filterOperatorOnOrAfter: '...(含)之後',
+  filterOperatorBefore: '...之前',
+  filterOperatorOnOrBefore: '...(含)之前',
+  filterOperatorIsEmpty: '為空',
+  filterOperatorIsNotEmpty: '不為空',
+  filterOperatorIsAnyOf: '是其中之一',
+  // Filter values text
+  filterValueAny: '任何值',
+  filterValueTrue: '真',
+  filterValueFalse: '假',
+  // Column menu text
+  columnMenuLabel: '選單',
+  columnMenuShowColumns: '顯示欄位',
+  columnMenuFilter: '篩選器',
+  columnMenuHideColumn: '隱藏',
+  columnMenuUnsort: '預設排序',
+  columnMenuSortAsc: '升序',
+  columnMenuSortDesc: '降序',
+  // 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: '假',
+  // 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: '摺疊',
+  // Row reordering text
+  rowReorderingHeaderName: '排序' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
+};
+export const zhTW = getGridLocalization(zhTWGrid, zhTWCore);

package/modern/models/events/gridEvents.js

@@ -54,6 +54,7 @@ var GridEvents;
   GridEvents["pageChange"] = "pageChange";
   GridEvents["pageSizeChange"] = "pageSizeChange";
   GridEvents["rowGroupingModelChange"] = "rowGroupingModelChange";
+  GridEvents["aggregationModelChange"] = "aggregationModelChange";
   GridEvents["rowsScroll"] = "rowsScroll";
   GridEvents["rowsScrollEnd"] = "rowsScrollEnd";
   GridEvents["columnSeparatorMouseDown"] = "columnSeparatorMouseDown";

package/node/DataGrid/useDataGridComponent.js

@@ -94,7 +94,7 @@ const useDataGridComponent = props => {
   const useGridEditing = (_props$experimentalFe2 = props.experimentalFeatures) != null && _props$experimentalFe2.newEditingApi ? _useGridEditing2.useGridEditing : _useGridEditing.useGridEditing;
   useGridEditing(apiRef, props);
   (0, _useGridFocus.useGridFocus)(apiRef, props);
-  (0, _useGridPreferencesPanel.useGridPreferencesPanel)(apiRef);
+  (0, _useGridPreferencesPanel.useGridPreferencesPanel)(apiRef, props);
   (0, _useGridFilter.useGridFilter)(apiRef, props);
   (0, _useGridSorting.useGridSorting)(apiRef, props);
   (0, _useGridDensity.useGridDensity)(apiRef, props);

package/node/colDef/gridActionsColDef.js

@@ -18,6 +18,8 @@ exports.GRID_ACTIONS_COLUMN_TYPE = GRID_ACTIONS_COLUMN_TYPE;
 const GRID_ACTIONS_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
   sortable: false,
   filterable: false,
+  // @ts-ignore
+  aggregable: false,
   width: 100,
   align: 'center',
   headerAlign: 'center',

package/node/colDef/gridBooleanColDef.js

@@ -35,6 +35,8 @@ const GRID_BOOLEAN_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_S
   sortComparator: _gridSortingUtils.gridNumberComparator,
   valueFormatter: gridBooleanFormatter,
   filterOperators: (0, _gridBooleanOperators.getGridBooleanOperators)(),
-  getApplyQuickFilterFn: undefined
+  getApplyQuickFilterFn: undefined,
+  // @ts-ignore
+  aggregable: false
 });
 exports.GRID_BOOLEAN_COL_DEF = GRID_BOOLEAN_COL_DEF;

package/node/colDef/gridCheckboxSelectionColDef.js

@@ -34,6 +34,8 @@ const GRID_CHECKBOX_SELECTION_COL_DEF = (0, _extends2.default)({}, _gridBooleanC
   resizable: false,
   sortable: false,
   filterable: false,
+  // @ts-ignore
+  aggregable: false,
   disableColumnMenu: true,
   disableReorder: true,
   disableExport: true,

package/node/colDef/gridStringColDef.js

@@ -11,6 +11,9 @@ var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
 
 var _gridStringOperators = require("./gridStringOperators");
 
+/**
+ * TODO: Move pro and premium properties outside of this Community file
+ */
 const GRID_STRING_COL_DEF = {
   width: 100,
   minWidth: 50,
@@ -22,6 +25,8 @@ const GRID_STRING_COL_DEF = {
   filterable: true,
   groupable: true,
   pinnable: true,
+  // @ts-ignore
+  private_aggregable: true,
   editable: false,
   sortComparator: _gridSortingUtils.gridStringOrNumberComparator,
   type: 'string',

package/node/components/base/GridOverlays.js

@@ -66,7 +66,10 @@ function GridOverlayWrapper(props) {
       width: (_viewportInnerSize$wi = viewportInnerSize == null ? void 0 : viewportInnerSize.width) != null ? _viewportInnerSize$wi : 0,
       position: 'absolute',
       top: headerHeight,
-      bottom: height === 'auto' ? 0 : undefined
+      bottom: height === 'auto' ? 0 : undefined,
+      zIndex: 3,
+      // should be above pinned columns and detail panel
+      pointerEvents: 'none'
     }
   }, props));
 }

package/node/components/cell/GridBooleanCell.js

@@ -13,6 +13,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var React = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _material = require("@mui/material");
 
 var _gridClasses = require("../../constants/gridClasses");
@@ -39,7 +41,7 @@ const useUtilityClasses = ownerState => {
   return (0, _material.unstable_composeClasses)(slots, _gridClasses.getDataGridUtilityClass, classes);
 };
 
-const GridBooleanCell = /*#__PURE__*/React.memo(props => {
+const GridBooleanCellRaw = props => {
   const {
     value
   } = props,
@@ -57,7 +59,96 @@ const GridBooleanCell = /*#__PURE__*/React.memo(props => {
     titleAccess: apiRef.current.getLocaleText(value ? 'booleanCellTrueLabel' : 'booleanCellFalseLabel'),
     "data-value": Boolean(value)
   }, other));
-});
+};
+
+process.env.NODE_ENV !== "production" ? GridBooleanCellRaw.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+
+  /**
+   * GridApi that let you manipulate the grid.
+   * @deprecated Use the `apiRef` returned by `useGridApiContext` or `useGridApiRef` (only available in `@mui/x-data-grid-pro`)
+   */
+  api: _propTypes.default.any.isRequired,
+
+  /**
+   * The mode of the cell.
+   */
+  cellMode: _propTypes.default.oneOf(['edit', 'view']).isRequired,
+
+  /**
+   * The column of the row that the current cell belongs to.
+   */
+  colDef: _propTypes.default.object.isRequired,
+
+  /**
+   * The column field of the cell that triggered the event.
+   */
+  field: _propTypes.default.string.isRequired,
+
+  /**
+   * A ref allowing to set imperative focus.
+   * It can be passed to the element that should receive focus.
+   * @ignore - do not document.
+   */
+  focusElementRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      focus: _propTypes.default.func.isRequired
+    })
+  })]),
+
+  /**
+   * The cell value formatted with the column valueFormatter.
+   */
+  formattedValue: _propTypes.default.any,
+
+  /**
+   * Get the cell value of a row and field.
+   * @param {GridRowId} id The row id.
+   * @param {string} field The field.
+   * @returns {any} The cell value.
+   * @deprecated Use `params.row` to directly access the fields you want instead.
+   */
+  getValue: _propTypes.default.func.isRequired,
+
+  /**
+   * If true, the cell is the active element.
+   */
+  hasFocus: _propTypes.default.bool.isRequired,
+
+  /**
+   * The grid row id.
+   */
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+
+  /**
+   * If true, the cell is editable.
+   */
+  isEditable: _propTypes.default.bool,
+
+  /**
+   * The row model of the row that the current cell belongs to.
+   */
+  row: _propTypes.default.object.isRequired,
+
+  /**
+   * The node of the row that the current cell belongs to.
+   */
+  rowNode: _propTypes.default.object.isRequired,
+
+  /**
+   * the tabIndex value.
+   */
+  tabIndex: _propTypes.default.oneOf([-1, 0]).isRequired,
+
+  /**
+   * The cell value, but if the column has valueGetter, use getValue.
+   */
+  value: _propTypes.default.any
+} : void 0;
+const GridBooleanCell = /*#__PURE__*/React.memo(GridBooleanCellRaw);
 exports.GridBooleanCell = GridBooleanCell;
 
 const renderBooleanCell = params => {

package/node/components/cell/GridEditDateCell.js

@@ -22,6 +22,8 @@ var _utils = require("@mui/material/utils");
 
 var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
 
+var _styles = require("@mui/material/styles");
+
 var _gridClasses = require("../../constants/gridClasses");
 
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -36,6 +38,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+const StyledInputBase = (0, _styles.styled)(_InputBase.default)({
+  fontSize: 'inherit'
+});
+
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -140,7 +146,7 @@ function GridEditDateCell(props) {
       inputRef.current.focus();
     }
   }, [hasFocus]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledInputBase, (0, _extends2.default)({
     inputRef: inputRef,
     fullWidth: true,
     className: classes.root,

package/node/components/cell/index.js

@@ -17,6 +17,19 @@ Object.keys(_GridCell).forEach(function (key) {
   });
 });
 
+var _GridBooleanCell = require("./GridBooleanCell");
+
+Object.keys(_GridBooleanCell).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridBooleanCell[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridBooleanCell[key];
+    }
+  });
+});
+
 var _GridEditBooleanCell = require("./GridEditBooleanCell");
 
 Object.keys(_GridEditBooleanCell).forEach(function (key) {