@mui/x-data-grid 5.7.0 → 5.10.0

package/modern/locales/elGR.js

@@ -102,6 +102,8 @@ const elGRGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const elGR = getGridLocalization(elGRGrid);

package/modern/locales/esES.js

@@ -103,6 +103,8 @@ const esESGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const esES = getGridLocalization(esESGrid, esESCore);

package/modern/locales/faIR.js

@@ -103,6 +103,8 @@ const faIRGrid = {
   unGroupColumn: name => `لغو گروه‌بندی براساس ${name}`,
   // Master/detail
   expandDetailPanel: 'بازکردن پنل جزئیات',
-  collapseDetailPanel: 'بستن پنل جزئیات'
+  collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const faIR = getGridLocalization(faIRGrid, faIRCore);

package/modern/locales/fiFI.js

@@ -103,6 +103,8 @@ const fiFIGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const fiFI = getGridLocalization(fiFIGrid, fiFICore);

package/modern/locales/frFR.js

@@ -103,6 +103,8 @@ const frFRGrid = {
   unGroupColumn: name => `Arrêter de grouper par ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const frFR = getGridLocalization(frFRGrid, frFRCore);

package/modern/locales/heIL.js

@@ -103,6 +103,8 @@ const heILGrid = {
   unGroupColumn: name => `הפסק לקבץ לפי ${name}`,
   // Master/detail
   expandDetailPanel: 'הרחב',
-  collapseDetailPanel: 'כווץ'
+  collapseDetailPanel: 'כווץ' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const heIL = getGridLocalization(heILGrid, heILCore);

package/modern/locales/huHU.js

@@ -0,0 +1,110 @@
+import { huHU as huHUCore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const huHUGrid = {
+  // Root
+  noRowsLabel: 'Nincsenek sorok',
+  noResultsOverlayLabel: 'Nincs találat.',
+  errorOverlayDefaultLabel: 'Váratlan hiba történt.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Sormagasság',
+  toolbarDensityLabel: 'Sormagasság',
+  toolbarDensityCompact: 'Kompakt',
+  toolbarDensityStandard: 'Normál',
+  toolbarDensityComfortable: 'Kényelmes',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Oszlopok',
+  toolbarColumnsLabel: 'Oszlopok kiválasztása',
+  // Filters toolbar button text
+  toolbarFilters: 'Szűrők',
+  toolbarFiltersLabel: 'Szűrők megjelenítése',
+  toolbarFiltersTooltipHide: 'Szűrők elrejtése',
+  toolbarFiltersTooltipShow: 'Szűrők megjelenítése',
+  toolbarFiltersTooltipActive: count => `${count} aktív szűrő`,
+  // Export selector toolbar button text
+  toolbarExport: 'Exportálás',
+  toolbarExportLabel: 'Exportálás',
+  toolbarExportCSV: 'Mentés CSV fájlként',
+  toolbarExportPrint: 'Nyomtatás',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'Oszlop keresése',
+  columnsPanelTextFieldPlaceholder: 'Oszlop neve',
+  columnsPanelDragIconLabel: 'Oszlop átrendezése',
+  columnsPanelShowAllButton: 'Összes megjelenítése',
+  columnsPanelHideAllButton: 'Összes elrejtése',
+  // Filter panel text
+  filterPanelAddFilter: 'Szűrő hozzáadása',
+  filterPanelDeleteIconLabel: 'Törlés',
+  filterPanelLinkOperator: 'Logikai operátor',
+  filterPanelOperators: 'Operátorok',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'És',
+  filterPanelOperatorOr: 'Vagy',
+  filterPanelColumns: 'Oszlopok',
+  filterPanelInputLabel: 'Érték',
+  filterPanelInputPlaceholder: 'Érték szűrése',
+  // Filter operators text
+  filterOperatorContains: 'tartalmazza:',
+  filterOperatorEquals: 'egyenlő ezzel:',
+  filterOperatorStartsWith: 'ezzel kezdődik:',
+  filterOperatorEndsWith: 'ezzel végződik:',
+  filterOperatorIs: 'a következő:',
+  filterOperatorNot: 'nem a következő:',
+  filterOperatorAfter: 'ezutáni:',
+  filterOperatorOnOrAfter: 'ekkori vagy ezutáni:',
+  filterOperatorBefore: 'ezelőtti:',
+  filterOperatorOnOrBefore: 'ekkori vagy ezelőtti:',
+  filterOperatorIsEmpty: 'üres',
+  filterOperatorIsNotEmpty: 'nem üres',
+  filterOperatorIsAnyOf: 'a következők egyike:',
+  // Filter values text
+  filterValueAny: 'bármilyen',
+  filterValueTrue: 'igaz',
+  filterValueFalse: 'hamis',
+  // Column menu text
+  columnMenuLabel: 'Menü',
+  columnMenuShowColumns: 'Oszlopok megjelenítése',
+  columnMenuFilter: 'Szűrők',
+  columnMenuHideColumn: 'Elrejtés',
+  columnMenuUnsort: 'Sorrend visszaállítása',
+  columnMenuSortAsc: 'Növekvő sorrendbe',
+  columnMenuSortDesc: 'Csökkenő sorrendbe',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => `${count} aktív szűrő`,
+  columnHeaderFiltersLabel: 'Szűrők megjelenítése',
+  columnHeaderSortIconLabel: 'Átrendezés',
+  // Rows selected footer text
+  footerRowSelected: count => `${count.toLocaleString()} sor kiválasztva`,
+  // Total row amount footer text
+  footerTotalRows: 'Összesen:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} (összesen: ${totalCount.toLocaleString()})`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Jelölőnégyzetes kijelölés',
+  checkboxSelectionSelectAllRows: 'Minden sor kijelölése',
+  checkboxSelectionUnselectAllRows: 'Minden sor kijelölésének törlése',
+  checkboxSelectionSelectRow: 'Sor kijelölése',
+  checkboxSelectionUnselectRow: 'Sor kijelölésének törlése',
+  // Boolean cell text
+  booleanCellTrueLabel: 'igen',
+  booleanCellFalseLabel: 'nem',
+  // Actions cell more text
+  actionsCellMore: 'további',
+  // Column pinning text
+  pinToLeft: 'Rögzítés balra',
+  pinToRight: 'Rögzítés jobbra',
+  unpin: 'Rögzítés törlése',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Csoport',
+  treeDataExpand: 'gyermekek megjelenítése',
+  treeDataCollapse: 'gyermekek elrejtése',
+  // Grouping columns
+  groupingColumnHeaderName: 'Csoportosítás',
+  groupColumn: name => `Csoportosítás ${name} szerint`,
+  unGroupColumn: name => `${name} szerinti csoportosítás törlése`,
+  // Master/detail
+  expandDetailPanel: 'Kibontás',
+  collapseDetailPanel: 'Összecsukás' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
+};
+export const huHU = getGridLocalization(huHUGrid, huHUCore);

package/modern/locales/index.js

@@ -11,6 +11,7 @@ export * from './faIR';
 export * from './fiFI';
 export * from './frFR';
 export * from './heIL';
+export * from './huHU';
 export * from './itIT';
 export * from './jaJP';
 export * from './koKR';

package/modern/locales/itIT.js

@@ -103,6 +103,8 @@ const itITGrid = {
   unGroupColumn: name => `Annulla raggruppamento per ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const itIT = getGridLocalization(itITGrid, itITCore);

package/modern/locales/jaJP.js

@@ -103,6 +103,8 @@ const jaJPGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const jaJP = getGridLocalization(jaJPGrid, jaJPCore);

package/modern/locales/koKR.js

@@ -103,6 +103,8 @@ const koKRGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const koKR = getGridLocalization(koKRGrid, koKRCore);

package/modern/locales/nlNL.js

@@ -103,6 +103,8 @@ const nlNLGrid = {
   unGroupColumn: name => `Stop groeperen op ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const nlNL = getGridLocalization(nlNLGrid, nlNLCore);

package/modern/locales/plPL.js

@@ -103,6 +103,8 @@ const plPLGrid = {
   unGroupColumn: name => `Rozgrupuj ${name}`,
   // Master/detail
   expandDetailPanel: 'Rozwiń',
-  collapseDetailPanel: 'Zwiń'
+  collapseDetailPanel: 'Zwiń' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const plPL = getGridLocalization(plPLGrid, plPLCore);

package/modern/locales/ptBR.js

@@ -103,6 +103,8 @@ const ptBRGrid = {
   unGroupColumn: name => `Parar agrupamento por ${name}`,
   // Master/detail
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Esconder'
+  collapseDetailPanel: 'Esconder' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const ptBR = getGridLocalization(ptBRGrid, ptBRCore);

package/modern/locales/ruRU.js

@@ -136,6 +136,8 @@ const ruRUGrid = {
   unGroupColumn: name => `Разгруппировать по ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const ruRU = getGridLocalization(ruRUGrid, ruRUCore);

package/modern/locales/skSK.js

@@ -138,6 +138,8 @@ const skSKGrid = {
   unGroupColumn: name => `Prestať zoskupovať podľa ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const skSK = getGridLocalization(skSKGrid, skSKCore);

package/modern/locales/trTR.js

@@ -103,6 +103,8 @@ const trTRGrid = {
   unGroupColumn: name => `${name} için gruplamayı kaldır`,
   // Master/detail
   expandDetailPanel: 'Genişlet',
-  collapseDetailPanel: 'Gizle'
+  collapseDetailPanel: 'Gizle' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const trTR = getGridLocalization(trTRGrid, trTRCore);

package/modern/locales/ukUA.js

@@ -129,6 +129,8 @@ const ukUAGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const ukUA = getGridLocalization(ukUAGrid, ukUACore);

package/modern/locales/viVN.js

@@ -103,6 +103,8 @@ const viVNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const viVN = getGridLocalization(viVNGrid, viVNCore);

package/modern/locales/zhCN.js

@@ -103,6 +103,8 @@ const zhCNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const zhCN = getGridLocalization(zhCNGrid, zhCNCore);

package/modern/models/api/gridColumnSpanning.js

@@ -0,0 +1 @@
+export {};

package/modern/models/colDef/index.js

@@ -2,5 +2,4 @@
 export * from './gridColDef'; // Other types
 
 export * from './gridColType';
-export * from './gridColumnTypesRecord';
-export * from './gridDefaultColumnTypes';
+export * from './gridColumnTypesRecord';

package/modern/models/events/gridEvents.js

@@ -29,6 +29,9 @@ var GridEvents;
   GridEvents["rowMouseEnter"] = "rowMouseEnter";
   GridEvents["rowMouseLeave"] = "rowMouseLeave";
   GridEvents["editRowsModelChange"] = "editRowsModelChange";
+  GridEvents["rowDragStart"] = "rowDragStart";
+  GridEvents["rowDragOver"] = "rowDragOver";
+  GridEvents["rowDragEnd"] = "rowDragEnd";
   GridEvents["columnHeaderBlur"] = "columnHeaderBlur";
   GridEvents["columnHeaderFocus"] = "columnHeaderFocus";
   GridEvents["columnHeaderNavigationKeyDown"] = "columnHeaderNavigationKeyDown";
@@ -57,14 +60,14 @@ var GridEvents;
   GridEvents["columnResizeStart"] = "columnResizeStart";
   GridEvents["columnResizeStop"] = "columnResizeStop";
   GridEvents["columnOrderChange"] = "columnOrderChange";
+  GridEvents["rowOrderChange"] = "rowOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
-  GridEvents["visibleRowsSet"] = "visibleRowsSet";
+  GridEvents["sortedRowsSet"] = "sortedRowsSet";
+  GridEvents["filteredRowsSet"] = "filteredRowsSet";
   GridEvents["columnsChange"] = "columnsChange";
   GridEvents["detailPanelsExpandedRowIdsChange"] = "detailPanelsExpandedRowIdsChange";
   GridEvents["pinnedColumnsChange"] = "pinnedColumnsChange";
-  GridEvents["preProcessorRegister"] = "preProcessorRegister";
-  GridEvents["preProcessorUnregister"] = "preProcessorUnregister";
   GridEvents["activeStrategyProcessorChange"] = "activeStrategyProcessorChange";
   GridEvents["strategyAvailabilityChange"] = "strategyAvailabilityChange";
   GridEvents["sortModelChange"] = "sortModelChange";
@@ -73,6 +76,10 @@ var GridEvents;
   GridEvents["stateChange"] = "stateChange";
   GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
   GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
+  GridEvents["virtualScrollerWheel"] = "virtualScrollerWheel";
+  GridEvents["virtualScrollerTouchMove"] = "virtualScrollerTouchMove";
+  GridEvents["preferencePanelClose"] = "preferencePanelClose";
+  GridEvents["preferencePanelOpen"] = "preferencePanelOpen";
 })(GridEvents || (GridEvents = {}));
 
 export { GridEvents };

package/modern/models/gridColumnSpanning.js

@@ -0,0 +1 @@
+export {};

package/modern/models/gridRows.js

@@ -1,31 +1 @@
-/**
- * @deprecated prefer GridRowModel.
- */
-
-/**
- * The key value object representing the data of a row.
- */
-
-/**
- * The grid rows total height and row positions.
- */
-
-/**
- * The type of Id supported by the grid.
- */
-
-/**
- * The function to retrieve the id of a [[GridRowModel]].
- */
-
-/**
- * An helper function to check if the id provided is valid.
- * @param {GridRowId} id Id as [[GridRowId]].
- * @param {GridRowModel | Partial<GridRowModel>} row Row as [[GridRowModel]].
- * @param {string} detailErrorMessage A custom error message to display for invalid IDs
- */
-export function checkGridRowIdIsValid(id, row, detailErrorMessage = 'A row was provided without id in the rows prop:') {
-  if (id == null) {
-    throw new Error(['MUI: The data grid component requires all rows to have a unique `id` property.', 'Alternatively, you can use the `getRowId` prop to specify a custom id for each row.', detailErrorMessage, JSON.stringify(row)].join('\n'));
-  }
-}
+export {};

package/modern/models/index.js

@@ -5,7 +5,6 @@ export * from './gridEditRowModel';
 export * from './gridFeatureMode';
 export * from './gridFilterItem';
 export * from './gridFilterModel';
-export * from './gridFilterOperator';
 export * from './gridRootContainerRef';
 export * from './gridRenderContextProps';
 export * from './gridRows';
@@ -23,4 +22,5 @@ export * from './gridExport';
 export * from './logger';
 export * from './muiEvent';
 export * from './events';
-export * from './gridSortModel';
+export * from './gridSortModel';
+export * from './gridFilterOperator';

package/modern/models/params/gridPreferencePanelParams.js

@@ -0,0 +1 @@
+export {};

package/modern/models/params/index.js

@@ -9,4 +9,5 @@ export * from './gridRowSelectionCheckboxParams';
 export * from './gridHeaderSelectionCheckboxParams';
 export * from './gridValueOptionsParams';
 export * from './gridCellParams';
-export * from './gridSortModelParams';
+export * from './gridSortModelParams';
+export * from './gridPreferencePanelParams';

package/node/DataGrid/DataGrid.js

@@ -481,7 +481,7 @@ DataGridRaw.propTypes = {
    * @param {GridEditCellPropsParams} params With all properties from [[GridEditCellPropsParams]].
    * @param {MuiEvent<React.SyntheticEvent>} event The event that caused this prop to be called.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @deprecated use `preProcessEditCellProps` from the [`GridColDef`](/api/data-grid/grid-col-def/)
+   * @deprecated use `preProcessEditCellProps` from the [`GridColDef`](/x/api/data-grid/grid-col-def/)
    */
   onEditCellPropsChange: _propTypes.default.func,
 
@@ -521,6 +521,28 @@ DataGridRaw.propTypes = {
    */
   onPageSizeChange: _propTypes.default.func,
 
+  /**
+   * Callback fired when the preferences panel is closed.
+   * @param {GridPreferencePanelParams} params With all properties from [[GridPreferencePanelParams]].
+   * @param {MuiEvent<{}>} event The event object.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onPreferencePanelClose: _propTypes.default.func,
+
+  /**
+   * Callback fired when the preferences panel is opened.
+   * @param {GridPreferencePanelParams} params With all properties from [[GridPreferencePanelParams]].
+   * @param {MuiEvent<{}>} event The event object.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onPreferencePanelOpen: _propTypes.default.func,
+
+  /**
+   * Callback called when `processRowUpdate` throws an error or rejects.
+   * @param {any} error The error thrown.
+   */
+  onProcessRowUpdateError: _propTypes.default.func,
+
   /**
    * Callback fired when the grid is resized.
    * @param {ElementSize} containerSize With all properties from [[ElementSize]].
@@ -627,9 +649,10 @@ DataGridRaw.propTypes = {
   /**
    * Callback called before updating a row with new values in the row and cell editing.
    * Only applied if `props.experimentalFeatures.newEditingApi: true`.
-   * @param {GridRowModel} newRow Row object with the new values.
-   * @param {GridRowModel} oldRow Row object with the old values.
-   * @returns {Promise<GridRowModel> | GridRowModel} The final values to update the row.
+   * @template R
+   * @param {R} newRow Row object with the new values.
+   * @param {R} oldRow Row object with the old values.
+   * @returns {Promise<R> | R} The final values to update the row.
    */
   processRowUpdate: _propTypes.default.func,
 
@@ -654,7 +677,7 @@ DataGridRaw.propTypes = {
   /**
    * Set of rows of type [[GridRowsProp]].
    */
-  rows: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  rows: _propTypes.default.array.isRequired,
 
   /**
    * Sets the type of space between rows added by `getRowSpacing`.

package/node/DataGrid/useDataGridComponent.js

@@ -25,9 +25,7 @@ var _useGridFilter = require("../hooks/features/filter/useGridFilter");
 
 var _useGridFocus = require("../hooks/features/focus/useGridFocus");
 
-var _useGridKeyboard = require("../hooks/features/keyboard/useGridKeyboard");
-
-var _useGridKeyboardNavigation = require("../hooks/features/keyboard/useGridKeyboardNavigation");
+var _useGridKeyboardNavigation = require("../hooks/features/keyboardNavigation/useGridKeyboardNavigation");
 
 var _useGridPagination = require("../hooks/features/pagination/useGridPagination");
 
@@ -59,6 +57,8 @@ var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");
 
 var _useGridStatePersistence = require("../hooks/features/statePersistence/useGridStatePersistence");
 
+var _useGridColumnSpanning = require("../hooks/features/columns/useGridColumnSpanning");
+
 const useDataGridComponent = props => {
   var _props$experimentalFe, _props$experimentalFe2;
 
@@ -85,23 +85,23 @@ const useDataGridComponent = props => {
   (0, _useGridInitializeState.useGridInitializeState)(_useGridPagination.paginationStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridRowsMeta.rowsMetaStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridColumnMenu.columnMenuStateInitializer, apiRef, props);
+  (0, _useGridKeyboardNavigation.useGridKeyboardNavigation)(apiRef, props);
   (0, _useGridSelection.useGridSelection)(apiRef, props);
   (0, _useGridColumns.useGridColumns)(apiRef, props);
   (0, _useGridRows.useGridRows)(apiRef, props);
   (0, _useGridParamsApi.useGridParamsApi)(apiRef);
+  (0, _useGridColumnSpanning.useGridColumnSpanning)(apiRef);
   const useGridEditing = (_props$experimentalFe2 = props.experimentalFeatures) != null && _props$experimentalFe2.newEditingApi ? _useGridEditing2.useGridEditing : _useGridEditing.useGridEditing;
   useGridEditing(apiRef, props);
   (0, _useGridFocus.useGridFocus)(apiRef, props);
-  (0, _useGridSorting.useGridSorting)(apiRef, props);
   (0, _useGridPreferencesPanel.useGridPreferencesPanel)(apiRef);
   (0, _useGridFilter.useGridFilter)(apiRef, props);
+  (0, _useGridSorting.useGridSorting)(apiRef, props);
   (0, _useGridDensity.useGridDensity)(apiRef, props);
   (0, _useGridPagination.useGridPagination)(apiRef, props);
   (0, _useGridRowsMeta.useGridRowsMeta)(apiRef, props);
   (0, _useGridScroll.useGridScroll)(apiRef, props);
   (0, _useGridColumnMenu.useGridColumnMenu)(apiRef);
-  (0, _useGridKeyboard.useGridKeyboard)(apiRef);
-  (0, _useGridKeyboardNavigation.useGridKeyboardNavigation)(apiRef, props);
   (0, _useGridCsvExport.useGridCsvExport)(apiRef);
   (0, _useGridPrintExport.useGridPrintExport)(apiRef, props);
   (0, _useGridClipboard.useGridClipboard)(apiRef);

package/node/colDef/gridDateColDef.js

@@ -26,7 +26,7 @@ function gridDateFormatter({
     return value.toLocaleDateString();
   }
 
-  return value;
+  return value != null ? value : '';
 }
 
 function gridDateTimeFormatter({
@@ -36,7 +36,7 @@ function gridDateTimeFormatter({
     return value.toLocaleString();
   }
 
-  return value;
+  return value != null ? value : '';
 }
 
 const GRID_DATE_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {

package/node/{models/colDef → colDef}/gridDefaultColumnTypes.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getGridDefaultColumnTypes = exports.DEFAULT_GRID_COL_TYPE_KEY = void 0;
 
-var _gridStringColDef = require("../../colDef/gridStringColDef");
+var _gridStringColDef = require("./gridStringColDef");
 
-var _gridNumericColDef = require("../../colDef/gridNumericColDef");
+var _gridNumericColDef = require("./gridNumericColDef");
 
-var _gridDateColDef = require("../../colDef/gridDateColDef");
+var _gridDateColDef = require("./gridDateColDef");
 
-var _gridBooleanColDef = require("../../colDef/gridBooleanColDef");
+var _gridBooleanColDef = require("./gridBooleanColDef");
 
-var _gridSingleSelectColDef = require("../../colDef/gridSingleSelectColDef");
+var _gridSingleSelectColDef = require("./gridSingleSelectColDef");
 
-var _gridActionsColDef = require("../../colDef/gridActionsColDef");
+var _gridActionsColDef = require("./gridActionsColDef");
 
 const DEFAULT_GRID_COL_TYPE_KEY = '__default__';
 exports.DEFAULT_GRID_COL_TYPE_KEY = DEFAULT_GRID_COL_TYPE_KEY;

package/node/colDef/index.js

@@ -158,4 +158,17 @@ Object.keys(_gridStringOperators).forEach(function (key) {
       return _gridStringOperators[key];
     }
   });
+});
+
+var _gridDefaultColumnTypes = require("./gridDefaultColumnTypes");
+
+Object.keys(_gridDefaultColumnTypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridDefaultColumnTypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridDefaultColumnTypes[key];
+    }
+  });
 });