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

package/hooks/core/useGridLoggerFactory.js

@@ -13,13 +13,13 @@ const LOG_LEVELS = ['debug', 'info', 'warn', 'error'];
 function getAppender(name, logLevel, appender = console) {
   const minLogLevelIdx = LOG_LEVELS.indexOf(logLevel);
   if (minLogLevelIdx === -1) {
-    throw new Error(`MUI: Log level ${logLevel} not recognized.`);
+    throw new Error(`MUI X: Log level ${logLevel} not recognized.`);
   }
   const logger = LOG_LEVELS.reduce((loggerObj, method, idx) => {
     if (idx >= minLogLevelIdx) {
       loggerObj[method] = (...args) => {
         const [message, ...other] = args;
-        appender[method](`MUI: ${name} - ${message}`, ...other);
+        appender[method](`MUI X: ${name} - ${message}`, ...other);
       };
     } else {
       loggerObj[method] = noop;

package/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -4,7 +4,7 @@ import { isDeepEqual } from '../../../utils/utils';
 const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplete) => {
   if (isLeaf(columnGroupNode)) {
     if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
-      throw new Error([`MUI: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
+      throw new Error([`MUI X: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
     }
     unwrappedGroupingModelToComplete[columnGroupNode.field] = parents;
     return;

package/hooks/features/columnGrouping/useGridColumnGrouping.js

@@ -20,17 +20,19 @@ const createGroupLookup = columnGroupingModel => {
       } = node,
       other = _objectWithoutPropertiesLoose(node, _excluded);
     if (!groupId) {
-      throw new Error('MUI: An element of the columnGroupingModel does not have either `field` or `groupId`.');
+      throw new Error('MUI X: An element of the columnGroupingModel does not have either `field` or `groupId`.');
     }
-    if (!children) {
-      console.warn(`MUI: group groupId=${groupId} has no children.`);
+    if (process.env.NODE_ENV !== 'production') {
+      if (!children) {
+        console.warn(`MUI X: group groupId=${groupId} has no children.`);
+      }
     }
     const groupParam = _extends({}, other, {
       groupId
     });
     const subTreeLookup = createGroupLookup(children);
     if (subTreeLookup[groupId] !== undefined || groupLookup[groupId] !== undefined) {
-      throw new Error(`MUI: The groupId ${groupId} is used multiple times in the columnGroupingModel.`);
+      throw new Error(`MUI X: The groupId ${groupId} is used multiple times in the columnGroupingModel.`);
     }
     groupLookup = _extends({}, groupLookup, subTreeLookup, {
       [groupId]: groupParam

package/hooks/features/editing/useGridCellEditing.js

@@ -14,7 +14,7 @@ import { buildWarning } from '../../../utils/warning';
 import { gridRowsDataRowIdToIdLookupSelector } from '../rows/gridRowsSelector';
 import { deepClone } from '../../../utils/utils';
 import { GridCellEditStartReasons, GridCellEditStopReasons } from '../../../models/params/gridEditCellParams';
-const missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see http://mui.com/components/data-grid/editing/#server-side-persistence.'], 'error');
+const missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI X: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see https://mui.com/x/react-data-grid/editing/#server-side-persistence.'], 'error');
 export const useGridCellEditing = (apiRef, props) => {
   const [cellModesModel, setCellModesModel] = React.useState({});
   const cellModesModelRef = React.useRef(cellModesModel);
@@ -33,12 +33,12 @@ export const useGridCellEditing = (apiRef, props) => {
   const throwIfNotEditable = React.useCallback((id, field) => {
     const params = apiRef.current.getCellParams(id, field);
     if (!apiRef.current.isCellEditable(params)) {
-      throw new Error(`MUI: The cell with id=${id} and field=${field} is not editable.`);
+      throw new Error(`MUI X: The cell with id=${id} and field=${field} is not editable.`);
     }
   }, [apiRef]);
   const throwIfNotInMode = React.useCallback((id, field, mode) => {
     if (apiRef.current.getCellMode(id, field) !== mode) {
-      throw new Error(`MUI: The cell with id=${id} and field=${field} is not in ${mode} mode.`);
+      throw new Error(`MUI X: The cell with id=${id} and field=${field} is not in ${mode} mode.`);
     }
   }, [apiRef]);
   const handleCellDoubleClick = React.useCallback((params, event) => {
@@ -302,7 +302,7 @@ export const useGridCellEditing = (apiRef, props) => {
         });
         if (onProcessRowUpdateError) {
           onProcessRowUpdateError(errorThrown);
-        } else {
+        } else if (process.env.NODE_ENV !== 'production') {
           missingOnProcessRowUpdateErrorWarning();
         }
       };

package/hooks/features/editing/useGridRowEditing.js

@@ -16,7 +16,7 @@ import { gridRowsDataRowIdToIdLookupSelector } from '../rows/gridRowsSelector';
 import { deepClone } from '../../../utils/utils';
 import { GridRowEditStopReasons, GridRowEditStartReasons } from '../../../models/params/gridRowParams';
 import { GRID_ACTIONS_COLUMN_TYPE } from '../../../colDef';
-const missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see http://mui.com/components/data-grid/editing/#server-side-persistence.'], 'error');
+const missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI X: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see https://mui.com/x/react-data-grid/editing/#server-side-persistence.'], 'error');
 export const useGridRowEditing = (apiRef, props) => {
   const [rowModesModel, setRowModesModel] = React.useState({});
   const rowModesModelRef = React.useRef(rowModesModel);
@@ -37,12 +37,12 @@ export const useGridRowEditing = (apiRef, props) => {
   const throwIfNotEditable = React.useCallback((id, field) => {
     const params = apiRef.current.getCellParams(id, field);
     if (!apiRef.current.isCellEditable(params)) {
-      throw new Error(`MUI: The cell with id=${id} and field=${field} is not editable.`);
+      throw new Error(`MUI X: The cell with id=${id} and field=${field} is not editable.`);
     }
   }, [apiRef]);
   const throwIfNotInMode = React.useCallback((id, mode) => {
     if (apiRef.current.getRowMode(id) !== mode) {
-      throw new Error(`MUI: The row with id=${id} is not in ${mode} mode.`);
+      throw new Error(`MUI X: The row with id=${id} is not in ${mode} mode.`);
     }
   }, [apiRef]);
   const handleCellDoubleClick = React.useCallback((params, event) => {
@@ -380,7 +380,7 @@ export const useGridRowEditing = (apiRef, props) => {
         });
         if (onProcessRowUpdateError) {
           onProcessRowUpdateError(errorThrown);
-        } else {
+        } else if (process.env.NODE_ENV !== 'production') {
           missingOnProcessRowUpdateErrorWarning();
         }
       };

package/hooks/features/export/serializers/csvSerializer.js

@@ -34,7 +34,7 @@ export const serializeCellValue = (cellParams, options) => {
   }
   return sanitizeCellValue(value, delimiterCharacter);
 };
-const objectFormattedValueWarning = buildWarning(['MUI: When the value of a field is an object or a `renderCell` is provided, the CSV export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);
+const objectFormattedValueWarning = buildWarning(['MUI X: When the value of a field is an object or a `renderCell` is provided, the CSV export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);
 class CSVRow {
   constructor(options) {
     this.options = void 0;

package/hooks/features/export/useGridPrintExport.js

@@ -211,7 +211,7 @@ export const useGridPrintExport = (apiRef, props) => {
     var _options$getRowsToExp;
     logger.debug(`Export data as Print`);
     if (!apiRef.current.rootElementRef.current) {
-      throw new Error('MUI: No grid root element available.');
+      throw new Error('MUI X: No grid root element available.');
     }
     previousGridState.current = apiRef.current.exportState();
     // It appends that the visibility model is not exported, especially if columnVisibility is not controlled

package/hooks/features/filter/gridFilterUtils.js

@@ -36,9 +36,9 @@ export const cleanFilterItem = (item, apiRef) => {
   }
   return cleanItem;
 };
-const filterModelDisableMultiColumnsFilteringWarning = buildWarning(['MUI: The `filterModel` can only contain a single item when the `disableMultipleColumnsFiltering` prop is set to `true`.', 'If you are using the community version of the `DataGrid`, this prop is always `true`.'], 'error');
-const filterModelMissingItemIdWarning = buildWarning('MUI: The `id` field is required on `filterModel.items` when you use multiple filters.', 'error');
-const filterModelMissingItemOperatorWarning = buildWarning('MUI: The `operator` field is required on `filterModel.items`, one or more of your filtering item has no `operator` provided.', 'error');
+const filterModelDisableMultiColumnsFilteringWarning = buildWarning(['MUI X: The `filterModel` can only contain a single item when the `disableMultipleColumnsFiltering` prop is set to `true`.', 'If you are using the community version of the `DataGrid`, this prop is always `true`.'], 'error');
+const filterModelMissingItemIdWarning = buildWarning('MUI X: The `id` field is required on `filterModel.items` when you use multiple filters.', 'error');
+const filterModelMissingItemOperatorWarning = buildWarning('MUI X: The `operator` field is required on `filterModel.items`, one or more of your filtering item has no `operator` provided.', 'error');
 export const sanitizeFilterModel = (model, disableMultipleColumnsFiltering, apiRef) => {
   const hasSeveralItems = model.items.length > 1;
   let items;
@@ -104,11 +104,11 @@ const getFilterCallbackFromItem = (filterItem, apiRef) => {
   });
   const filterOperators = column.filterOperators;
   if (!(filterOperators != null && filterOperators.length)) {
-    throw new Error(`MUI: No filter operators found for column '${column.field}'.`);
+    throw new Error(`MUI X: No filter operators found for column '${column.field}'.`);
   }
   const filterOperator = filterOperators.find(operator => operator.value === newFilterItem.operator);
   if (!filterOperator) {
-    throw new Error(`MUI: No filter operator found for column '${column.field}' and operator value '${newFilterItem.operator}'.`);
+    throw new Error(`MUI X: No filter operator found for column '${column.field}' and operator value '${newFilterItem.operator}'.`);
   }
   const publicApiRef = getPublicApiRef(apiRef);
   const applyFilterOnRow = filterOperator.getApplyFilterFn(newFilterItem, column);

package/hooks/features/pagination/gridPaginationUtils.js

@@ -8,7 +8,7 @@ export const getPageCount = (rowCount, pageSize) => {
   }
   return 0;
 };
-export const noRowCountInServerMode = buildWarning(["MUI: the 'rowCount' prop is undefined while using paginationMode='server'", 'For more detail, see http://mui.com/components/data-grid/pagination/#basic-implementation'], 'error');
+export const noRowCountInServerMode = buildWarning(["MUI X: the 'rowCount' prop is undefined while using paginationMode='server'", 'For more detail, see http://mui.com/components/data-grid/pagination/#basic-implementation'], 'error');
 export const getDefaultGridPaginationModel = autoPageSize => ({
   page: 0,
   pageSize: autoPageSize ? 0 : 100
@@ -21,6 +21,6 @@ export const getValidPage = (page, pageCount = 0) => {
 };
 export const throwIfPageSizeExceedsTheLimit = (pageSize, signatureProp) => {
   if (signatureProp === GridSignature.DataGrid && pageSize > MAX_PAGE_SIZE) {
-    throw new Error(['MUI: `pageSize` cannot exceed 100 in the MIT version of the DataGrid.', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
+    throw new Error(['MUI X: `pageSize` cannot exceed 100 in the MIT version of the DataGrid.', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
   }
 };

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -96,7 +96,7 @@ export const useGridRowSelection = (apiRef, props) => {
    */
   const setRowSelectionModel = React.useCallback(model => {
     if (props.signature === GridSignature.DataGrid && !canHaveMultipleSelection && Array.isArray(model) && model.length > 1) {
-      throw new Error(['MUI: `rowSelectionModel` can only contain 1 item in DataGrid.', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock multiple selection.'].join('\n'));
+      throw new Error(['MUI X: `rowSelectionModel` can only contain 1 item in DataGrid.', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock multiple selection.'].join('\n'));
     }
     const currentModel = gridRowSelectionStateSelector(apiRef.current.state);
     if (currentModel !== model) {

package/hooks/features/rows/gridRowsUtils.js

@@ -24,7 +24,7 @@ export const buildRootGroup = () => ({
  */
 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'));
+    throw new Error(['MUI X: 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 const getRowIdFromRowModel = (rowModel, getRowId, detailErrorMessage) => {
@@ -145,7 +145,7 @@ export const updateCacheWithNewRows = ({
 }) => {
   var _previousCache$update, _previousCache$update2, _previousCache$update3;
   if (previousCache.updates.type === 'full') {
-    throw new Error('MUI: Unable to prepare a partial update if a full update is not applied yet');
+    throw new Error('MUI X: Unable to prepare a partial update if a full update is not applied yet.');
   }
 
   // Remove duplicate updates.

package/hooks/features/rows/useGridRows.js

@@ -121,7 +121,7 @@ export const useGridRows = (apiRef, props) => {
   }, [logger, props.getRowId, props.loading, props.rowCount, throttledRowsChange, apiRef]);
   const updateRows = React.useCallback(updates => {
     if (props.signature === GridSignature.DataGrid && updates.length > 1) {
-      throw new Error(["MUI: You can't update several rows at once in `apiRef.current.updateRows` on the DataGrid.", 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
+      throw new Error(["MUI X: You can't update several rows at once in `apiRef.current.updateRows` on the DataGrid.", 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
     }
     const nonPinnedRowsUpdates = [];
     updates.forEach(update => {
@@ -162,10 +162,10 @@ export const useGridRows = (apiRef, props) => {
   const setRowChildrenExpansion = React.useCallback((id, isExpanded) => {
     const currentNode = apiRef.current.getRowNode(id);
     if (!currentNode) {
-      throw new Error(`MUI: No row with id #${id} found`);
+      throw new Error(`MUI X: No row with id #${id} found.`);
     }
     if (currentNode.type !== 'group') {
-      throw new Error('MUI: Only group nodes can be expanded or collapsed');
+      throw new Error('MUI X: Only group nodes can be expanded or collapsed.');
     }
     const newNode = _extends({}, currentNode, {
       childrenExpanded: isExpanded
@@ -220,13 +220,13 @@ export const useGridRows = (apiRef, props) => {
   const setRowIndex = React.useCallback((rowId, targetIndex) => {
     const node = apiRef.current.getRowNode(rowId);
     if (!node) {
-      throw new Error(`MUI: No row with id #${rowId} found`);
+      throw new Error(`MUI X: No row with id #${rowId} found.`);
     }
     if (node.parent !== GRID_ROOT_GROUP_ID) {
-      throw new Error(`MUI: The row reordering do not support reordering of grouped rows yet`);
+      throw new Error(`MUI X: The row reordering do not support reordering of grouped rows yet.`);
     }
     if (node.type !== 'leaf') {
-      throw new Error(`MUI: The row reordering do not support reordering of footer or grouping rows`);
+      throw new Error(`MUI X: The row reordering do not support reordering of footer or grouping rows.`);
     }
     apiRef.current.setState(state => {
       const group = gridRowTreeSelector(state, apiRef.current.instanceId)[GRID_ROOT_GROUP_ID];
@@ -252,7 +252,7 @@ export const useGridRows = (apiRef, props) => {
   }, [apiRef, logger]);
   const replaceRows = React.useCallback((firstRowToRender, newRows) => {
     if (props.signature === GridSignature.DataGrid && newRows.length > 1) {
-      throw new Error(["MUI: You can't replace rows using `apiRef.current.unstable_replaceRows` on the DataGrid.", 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
+      throw new Error(["MUI X: You can't replace rows using `apiRef.current.unstable_replaceRows` on the DataGrid.", 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
     }
     if (newRows.length === 0) {
       return;

package/hooks/features/rows/useGridRowsMeta.js

@@ -28,8 +28,8 @@ const getValidRowHeight = (rowHeightProp, defaultRowHeight, warningMessage) => {
   }
   return defaultRowHeight;
 };
-const rowHeightWarning = [`MUI: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');
-const getRowHeightWarning = [`MUI: The \`getRowHeight\` prop should return a number greater than 0 or 'auto'.`, `The default value will be used instead.`].join('\n');
+const rowHeightWarning = [`MUI X: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');
+const getRowHeightWarning = [`MUI X: The \`getRowHeight\` prop should return a number greater than 0 or 'auto'.`, `The default value will be used instead.`].join('\n');
 
 /**
  * @requires useGridPageSize (method)

package/hooks/features/sorting/gridSortingUtils.js

@@ -1,9 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { buildWarning } from '../../../utils/warning';
-const sortModelDisableMultiColumnsSortingWarning = buildWarning(['MUI: The `sortModel` can only contain a single item when the `disableMultipleColumnsSorting` prop is set to `true`.', 'If you are using the community version of the `DataGrid`, this prop is always `true`.'], 'error');
+const sortModelDisableMultiColumnsSortingWarning = buildWarning(['MUI X: The `sortModel` can only contain a single item when the `disableMultipleColumnsSorting` prop is set to `true`.', 'If you are using the community version of the `DataGrid`, this prop is always `true`.'], 'error');
 export const sanitizeSortModel = (model, disableMultipleColumnsSorting) => {
   if (disableMultipleColumnsSorting && model.length > 1) {
-    sortModelDisableMultiColumnsSortingWarning();
+    if (process.env.NODE_ENV !== 'production') {
+      sortModelDisableMultiColumnsSortingWarning();
+    }
     return [model[0]];
   }
   return model;

package/hooks/utils/useGridApiContext.js

@@ -3,7 +3,7 @@ import { GridApiContext } from '../../components/GridApiContext';
 export function useGridApiContext() {
   const apiRef = React.useContext(GridApiContext);
   if (apiRef === undefined) {
-    throw new Error(['MUI: Could not find the data grid context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
+    throw new Error(['MUI X: Could not find the data grid context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
   }
   return apiRef;
 }

package/hooks/utils/useGridPrivateApiContext.js

@@ -6,7 +6,7 @@ if (process.env.NODE_ENV !== 'production') {
 export function useGridPrivateApiContext() {
   const privateApiRef = React.useContext(GridPrivateApiContext);
   if (privateApiRef === undefined) {
-    throw new Error(['MUI: Could not find the data grid private context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
+    throw new Error(['MUI X: Could not find the data grid private context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
   }
   return privateApiRef;
 }

package/hooks/utils/useGridRootProps.js

@@ -3,7 +3,7 @@ import { GridRootPropsContext } from '../../context/GridRootPropsContext';
 export const useGridRootProps = () => {
   const contextValue = React.useContext(GridRootPropsContext);
   if (!contextValue) {
-    throw new Error('MUI: useGridRootProps should only be used inside the DataGrid, DataGridPro or DataGridPremium component.');
+    throw new Error('MUI X: useGridRootProps should only be used inside the DataGrid, DataGridPro or DataGridPremium component.');
   }
   return contextValue;
 };

package/hooks/utils/useGridSelector.js

@@ -3,7 +3,7 @@ import { useLazyRef } from './useLazyRef';
 import { useOnMount } from './useOnMount';
 import { buildWarning } from '../../utils/warning';
 import { fastObjectShallowCompare } from '../../utils/fastObjectShallowCompare';
-const stateNotInitializedWarning = buildWarning(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
+const stateNotInitializedWarning = buildWarning(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
 function isOutputSelector(selector) {
   return selector.acceptsApiRef;
 }

package/index.d.ts

@@ -7,7 +7,6 @@ export * from './DataGrid';
 export * from './components';
 export * from './constants';
 export * from './hooks';
-export * from './locales';
 export * from './models';
 export * from './context';
 export * from './colDef';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.0.0-alpha.7
+ * @mui/x-data-grid v7.0.0-alpha.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -12,7 +12,6 @@ export * from './DataGrid';
 export * from './components';
 export * from './constants';
 export * from './hooks';
-export * from './locales';
 export * from './models';
 export * from './context';
 export * from './colDef';

package/internals/index.d.ts

@@ -80,3 +80,4 @@ export type { GridApiCommunity } from '../models/api/gridApiCommunity';
 export type { GridApiCaches } from '../models/gridApiCaches';
 export { serializeCellValue } from '../hooks/features/export/serializers/csvSerializer';
 export * from './utils';
+export type { Localization } from '../utils/getGridLocalization';

package/internals/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './computeSlots';
 export * from './useProps';
+export * from './propValidation';

package/internals/utils/index.js

@@ -1,2 +1,3 @@
 export * from './computeSlots';
-export * from './useProps';
+export * from './useProps';
+export * from './propValidation';

package/internals/utils/propValidation.d.ts

@@ -0,0 +1,4 @@
+import { DataGridProcessedProps } from '../../models/props/DataGridProps';
+export type PropValidator<TProps> = (props: TProps) => string | undefined;
+export declare const propValidatorsDataGrid: PropValidator<DataGridProcessedProps>[];
+export declare const validateProps: <TProps>(props: TProps, validators: PropValidator<TProps>[]) => void;

package/internals/utils/propValidation.js

@@ -0,0 +1,19 @@
+export const propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<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') || undefined];
+const warnedOnceMap = new Set();
+const warnOnce = message => {
+  if (!warnedOnceMap.has(message)) {
+    console.error(message);
+    warnedOnceMap.add(message);
+  }
+};
+export const validateProps = (props, validators) => {
+  if (process.env.NODE_ENV === 'production') {
+    return;
+  }
+  validators.forEach(validator => {
+    const warning = validator(props);
+    if (warning) {
+      warnOnce(warning);
+    }
+  });
+};

package/legacy/DataGrid/DataGrid.js

@@ -1,17 +1,26 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { chainPropTypes } from '@mui/utils';
 import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot } from '../components';
 import { GridContextProvider } from '../context/GridContextProvider';
 import { useDataGridComponent } from './useDataGridComponent';
 import { useDataGridProps } from './useDataGridProps';
 import { DataGridVirtualScroller } from '../components/DataGridVirtualScroller';
+import { propValidatorsDataGrid, validateProps } from '../internals/utils/propValidation';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+var propValidators = [].concat(_toConsumableArray(propValidatorsDataGrid), [
+// Only validate in MIT version
+function (props) {
+  return props.columns && props.columns.some(function (column) {
+    return 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;
+}]);
 var DataGridRaw = /*#__PURE__*/React.forwardRef(function DataGrid(inProps, ref) {
   var props = useDataGridProps(inProps);
   var privateApiRef = useDataGridComponent(props.apiRef, props);
+  validateProps(props, propValidators);
   return /*#__PURE__*/_jsx(GridContextProvider, {
     privateApiRef: privateApiRef,
     props: props,
@@ -63,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: chainPropTypes(PropTypes.bool, function (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.bool,
   /**
    * Controls the modes of the cells.
    */
@@ -99,17 +103,9 @@ DataGridRaw.propTypes = {
    */
   columnHeaderHeight: PropTypes.number,
   /**
-   * Set of columns of type [[GridColDef[]]].
+   * Set of columns of type [[GridColDef]][].
    */
-  columns: chainPropTypes(PropTypes.array.isRequired, function (props) {
-    // @ts-ignore because otherwise `build:api` doesn't work
-    if (props.columns && props.columns.some(function (column) {
-      return 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.arrayOf(PropTypes.object).isRequired,
   /**
    * Number of rows from the `columnBuffer` that can be visible before a new slice is rendered.
    * @default 3
@@ -554,12 +550,7 @@ DataGridRaw.propTypes = {
     label: PropTypes.string.isRequired,
     value: PropTypes.number.isRequired
   })]).isRequired),
-  pagination: function 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.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/legacy/colDef/gridDateColDef.js

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

package/legacy/components/GridPagination.js

@@ -59,7 +59,7 @@ export var GridPagination = /*#__PURE__*/React.forwardRef(function GridPaginatio
     var warnedOnceMissingInPageSizeOptions = React.useRef(false);
     var pageSize = (_rootProps$pagination = (_rootProps$pagination2 = rootProps.paginationModel) == null ? void 0 : _rootProps$pagination2.pageSize) != null ? _rootProps$pagination : paginationModel.pageSize;
     if (!warnedOnceMissingInPageSizeOptions.current && !rootProps.autoPageSize && !isPageSizeIncludedInPageSizeOptions(pageSize)) {
-      console.warn(["MUI: The page size `".concat(paginationModel.pageSize, "` is not preset in the `pageSizeOptions`"), "Add it to show the pagination select."].join('\n'));
+      console.warn(["MUI X: The page size `".concat(paginationModel.pageSize, "` is not preset in the `pageSizeOptions`."), "Add it to show the pagination select."].join('\n'));
       warnedOnceMissingInPageSizeOptions.current = true;
     }
   }

package/legacy/components/cell/GridActionsCell.js

@@ -52,7 +52,7 @@ function GridActionsCell(props) {
   var buttonId = useId();
   var rootProps = useGridRootProps();
   if (!hasActions(colDef)) {
-    throw new Error('MUI: Missing the `getActions` property in the `GridColDef`.');
+    throw new Error('MUI X: Missing the `getActions` property in the `GridColDef`.');
   }
   var options = colDef.getActions(apiRef.current.getRowParams(id));
   var iconButtons = options.filter(function (option) {

package/legacy/components/cell/GridCell.js

@@ -276,7 +276,7 @@ var GridCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return;
       }
       if (!warnedOnce) {
-        console.warn(["MUI: The cell with id=".concat(rowId, " and field=").concat(field, " received focus."), "According to the state, the focus should be at id=".concat(focusedCell == null ? void 0 : focusedCell.id, ", field=").concat(focusedCell == null ? void 0 : focusedCell.field, "."), "Not syncing the state may cause unwanted behaviors since the `cellFocusIn` event won't be fired.", 'Call `fireEvent.mouseUp` before the `fireEvent.click` to sync the focus with the state.'].join('\n'));
+        console.warn(["MUI X: The cell with id=".concat(rowId, " and field=").concat(field, " received focus."), "According to the state, the focus should be at id=".concat(focusedCell == null ? void 0 : focusedCell.id, ", field=").concat(focusedCell == null ? void 0 : focusedCell.field, "."), "Not syncing the state may cause unwanted behaviors since the `cellFocusIn` event won't be fired.", 'Call `fireEvent.mouseUp` before the `fireEvent.click` to sync the focus with the state.'].join('\n'));
         warnedOnce = true;
       }
     };
@@ -554,7 +554,7 @@ var GridCellV7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return;
       }
       if (!warnedOnce) {
-        console.warn(["MUI: The cell with id=".concat(rowId, " and field=").concat(field, " received focus."), "According to the state, the focus should be at id=".concat(focusedCell == null ? void 0 : focusedCell.id, ", field=").concat(focusedCell == null ? void 0 : focusedCell.field, "."), "Not syncing the state may cause unwanted behaviors since the `cellFocusIn` event won't be fired.", 'Call `fireEvent.mouseUp` before the `fireEvent.click` to sync the focus with the state.'].join('\n'));
+        console.warn(["MUI X: The cell with id=".concat(rowId, " and field=").concat(field, " received focus."), "According to the state, the focus should be at id=".concat(focusedCell == null ? void 0 : focusedCell.id, ", field=").concat(focusedCell == null ? void 0 : focusedCell.field, "."), "Not syncing the state may cause unwanted behaviors since the `cellFocusIn` event won't be fired.", 'Call `fireEvent.mouseUp` before the `fireEvent.click` to sync the focus with the state.'].join('\n'));
         warnedOnce = true;
       }
     };

package/legacy/components/panel/filterPanel/GridFilterForm.js

@@ -103,7 +103,7 @@ var getLogicOperatorLocaleKey = function getLogicOperatorLocaleKey(logicOperator
     case GridLogicOperator.Or:
       return 'filterPanelOperatorOr';
     default:
-      throw new Error('MUI: Invalid `logicOperator` property in the `GridFilterPanel`.');
+      throw new Error('MUI X: Invalid `logicOperator` property in the `GridFilterPanel`.');
   }
 };
 var getColumnLabel = function getColumnLabel(col) {

package/legacy/components/toolbar/GridToolbarQuickFilter.js

@@ -139,12 +139,16 @@ process.env.NODE_ENV !== "production" ? GridToolbarQuickFilter.propTypes = {
    * Function responsible for formatting values of quick filter in a string when the model is modified
    * @param {any[]} values The new values passed to the quick filter model
    * @returns {string} The string to display in the text field
+   * @default (values: string[]) => values.join(' ')
    */
   quickFilterFormatter: PropTypes.func,
   /**
    * Function responsible for parsing text input in an array of independent values for quick filtering.
    * @param {string} input The value entered by the user
    * @returns {any[]} The array of value on which quick filter is applied
+   * @default (searchText: string) => searchText
+   *   .split(' ')
+   *   .filter((word) => word !== '')
    */
   quickFilterParser: PropTypes.func
 } : void 0;

package/legacy/hooks/core/useGridLoggerFactory.js

@@ -15,7 +15,7 @@ function getAppender(name, logLevel) {
   var appender = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : console;
   var minLogLevelIdx = LOG_LEVELS.indexOf(logLevel);
   if (minLogLevelIdx === -1) {
-    throw new Error("MUI: Log level ".concat(logLevel, " not recognized."));
+    throw new Error("MUI X: Log level ".concat(logLevel, " not recognized."));
   }
   var logger = LOG_LEVELS.reduce(function (loggerObj, method, idx) {
     if (idx >= minLogLevelIdx) {
@@ -26,7 +26,7 @@ function getAppender(name, logLevel) {
         }
         var message = args[0],
           other = args.slice(1);
-        (_ref = appender)[method].apply(_ref, ["MUI: ".concat(name, " - ").concat(message)].concat(_toConsumableArray(other)));
+        (_ref = appender)[method].apply(_ref, ["MUI X: ".concat(name, " - ").concat(message)].concat(_toConsumableArray(other)));
       };
     } else {
       loggerObj[method] = noop;

package/legacy/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -5,7 +5,7 @@ import { isDeepEqual } from '../../../utils/utils';
 var recurrentUnwrapGroupingColumnModel = function recurrentUnwrapGroupingColumnModel(columnGroupNode, parents, unwrappedGroupingModelToComplete) {
   if (isLeaf(columnGroupNode)) {
     if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
-      throw new Error(["MUI: columnGroupingModel contains duplicated field", "column field ".concat(columnGroupNode.field, " occurs two times in the grouping model:"), "- ".concat(unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')), "- ".concat(parents.join(' > '))].join('\n'));
+      throw new Error(["MUI X: columnGroupingModel contains duplicated field", "column field ".concat(columnGroupNode.field, " occurs two times in the grouping model:"), "- ".concat(unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')), "- ".concat(parents.join(' > '))].join('\n'));
     }
     unwrappedGroupingModelToComplete[columnGroupNode.field] = parents;
     return;