From f75ee0b39c0fb5ab46547d86fc41fc1ff4a1f7f2 Mon Sep 17 00:00:00 2001
From: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
Date: Tue, 8 Oct 2024 17:18:25 -0700
Subject: [PATCH 1/5] first pass
---
.../custom-components/custom-components.md | 2 +-
.../data-grid/accessibility/accessibility.md | 2 +-
docs/data/data-grid/clipboard/clipboard.md | 2 +-
.../column-definition/column-definition.md | 10 +++++-----
.../column-dimensions/column-dimensions.md | 4 ++--
.../data-grid/column-pinning/column-pinning.md | 2 +-
.../column-visibility/column-visibility.md | 2 +-
docs/data/data-grid/components/components.md | 4 ++--
.../data-grid/custom-columns/custom-columns.md | 4 ++--
docs/data/data-grid/editing/editing.md | 12 ++++++------
docs/data/data-grid/export/export.md | 18 +++++++++---------
docs/data/data-grid/faq/faq.md | 2 +-
docs/data/data-grid/filtering/customization.md | 4 ++--
docs/data/data-grid/filtering/index.md | 8 ++++----
.../getting-started/getting-started.md | 2 +-
docs/data/data-grid/joy-ui/joy-ui.md | 2 +-
docs/data/data-grid/layout/layout.md | 4 ++--
.../data-grid/localization/localization.md | 6 +++---
.../data-grid/master-detail/master-detail.md | 6 +++---
docs/data/data-grid/overlays/overlays.md | 14 +++++++-------
docs/data/data-grid/pagination/pagination.md | 2 +-
.../recipes-editing/recipes-editing.md | 2 +-
.../data-grid/row-grouping/row-grouping.md | 4 ++--
docs/data/data-grid/row-height/row-height.md | 2 +-
docs/data/data-grid/row-pinning/row-pinning.md | 2 +-
.../data-grid/row-selection/row-selection.md | 10 +++++-----
docs/data/data-grid/row-updates/row-updates.md | 12 ++++++------
docs/data/data-grid/scrolling/scrolling.md | 2 +-
docs/data/data-grid/server-side-data/index.md | 6 +++---
docs/data/data-grid/sorting/sorting.md | 4 ++--
.../data-grid/style-recipes/style-recipes.md | 2 +-
docs/data/data-grid/tree-data/tree-data.md | 2 +-
.../data-grid/virtualization/virtualization.md | 8 ++++----
.../date-pickers/localization/localization.md | 2 +-
.../migration-data-grid-v4.md | 6 +++---
.../migration-data-grid-v5.md | 6 +++---
.../migration-data-grid-v6.md | 2 +-
.../migration-pickers-lab.md | 2 +-
.../pages/x/api/data-grid/grid-filter-api.json | 2 +-
docs/pages/x/api/data-grid/index.md | 2 +-
.../modules/components/InterfaceApiPage.tsx | 2 +-
.../api-docs/data-grid/grid-api.json | 2 +-
docsTech/README.md | 2 +-
packages/rsc-builder/buildRsc.ts | 2 +-
packages/x-codemod/README.md | 8 ++++----
.../tests/infiniteLoader.DataGridPro.test.tsx | 2 +-
.../features/dimensions/useGridDimensions.ts | 4 ++--
.../src/hooks/features/rows/gridRowsUtils.ts | 2 +-
.../src/hooks/utils/useGridApiContext.ts | 4 ++--
.../src/hooks/utils/useGridApiEventHandler.ts | 2 +-
.../src/hooks/utils/useGridConfiguration.ts | 4 ++--
.../hooks/utils/useGridPrivateApiContext.ts | 4 ++--
.../src/models/api/gridFilterApi.ts | 2 +-
.../src/tests/layout.DataGrid.test.tsx | 10 +++++-----
packages/x-data-grid/src/utils/domUtils.ts | 2 +-
55 files changed, 121 insertions(+), 121 deletions(-)
diff --git a/docs/data/common-concepts/custom-components/custom-components.md b/docs/data/common-concepts/custom-components/custom-components.md
index c398bbd012947..1c8c6ac5073ab 100644
--- a/docs/data/common-concepts/custom-components/custom-components.md
+++ b/docs/data/common-concepts/custom-components/custom-components.md
@@ -196,7 +196,7 @@ function MyApp() {
### Using module augmentation
-If you are using one of the data grid packages,
+If you are using one of the Data Grid packages,
you can also use [module augmentation](/x/react-data-grid/components/#custom-slot-props-with-typescript) to let TypeScript know about your custom props:
```ts
diff --git a/docs/data/data-grid/accessibility/accessibility.md b/docs/data/data-grid/accessibility/accessibility.md
index b893c2dd42fc0..f1f0773763d95 100644
--- a/docs/data/data-grid/accessibility/accessibility.md
+++ b/docs/data/data-grid/accessibility/accessibility.md
@@ -15,7 +15,7 @@ Common conformance guidelines for accessibility include:
WCAG 2.1 has three levels of conformance: A, AA, and AAA.
Level AA exceeds the basic criteria for accessibility and is a common target for most organizations, so this is what we aim to support.
-The [WAI-ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/patterns/grid/) provide valuable information on how to optimize the accessibility of a data grid.
+The [WAI-ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/patterns/grid/) provide valuable information on how to optimize the accessibility of a Data Grid.
## Density
diff --git a/docs/data/data-grid/clipboard/clipboard.md b/docs/data/data-grid/clipboard/clipboard.md
index 78f953a889869..e8738bca66e56 100644
--- a/docs/data/data-grid/clipboard/clipboard.md
+++ b/docs/data/data-grid/clipboard/clipboard.md
@@ -45,7 +45,7 @@ The paste operation only affects cells in the columns that are [`editable`](/x/r
Same as with editing, you can use `valueParser` to modify the pasted value and `valueSetter` to update the row with new values.
See [Value parser and value setter](/x/react-data-grid/editing/#value-parser-and-value-setter) section of the editing documentation for more details.
-The behavior of the clipboard paste operation depends on the selection state of the data grid and the data pasted from clipboard.
+The behavior of the clipboard paste operation depends on the selection state of the Data Grid and the data pasted from clipboard.
The priority is the following, from highest to lowest:
1. If multiple cells are selected (see [Cell selection](/x/react-data-grid/cell-selection/)), the selected cells are updated with the pasted values.
diff --git a/docs/data/data-grid/column-definition/column-definition.md b/docs/data/data-grid/column-definition/column-definition.md
index e0635c36d3d21..75364b0c7c816 100644
--- a/docs/data/data-grid/column-definition/column-definition.md
+++ b/docs/data/data-grid/column-definition/column-definition.md
@@ -227,13 +227,13 @@ const column = {
Because of pagination and virtualization, cells can be unmounted when scrolling or switching pages.
The internal state of the component returned by renderCell will be lost.
-If you want the cell information to persist, you should save it either in the data grid state or in the data grid parent.
+If you want the cell information to persist, you should save it either in the Data Grid state or in the Data Grid parent.
:::
### Expand cell renderer
-By default, the data grid cuts the content of a cell and renders an ellipsis if the content of the cell does not fit in the cell.
-As a workaround, you can create a cell renderer that will allow seeing the full content of the cell in the data grid.
+By default, the Data Grid cuts the content of a cell and renders an ellipsis if the content of the cell does not fit in the cell.
+As a workaround, you can create a cell renderer that will allow seeing the full content of the cell in the Data Grid.
{{"demo": "RenderExpandCellGrid.js", "bg": "inline"}}
@@ -241,7 +241,7 @@ As a workaround, you can create a cell renderer that will allow seeing the full
Because of pagination and virtualization, cells can be unmounted when scrolling or switching pages.
The internal state of the component returned by `renderCell` will be lost.
-If you want to persist cell information, you should save it either in the data grid parent or in the row model.
+If you want to persist cell information, you should save it either in the Data Grid parent or in the row model.
Updating the row will rerender the row and so call renderCell with updated params.
:::
@@ -324,7 +324,7 @@ However, you can customize which attribute is used as value and label by using `
#### Actions
If the column type is `'actions'`, you need to provide a `getActions` function that returns an array of actions available for each row (React elements).
-You can add the `showInMenu` prop on the returned React elements to signal the data grid to group these actions inside a row menu.
+You can add the `showInMenu` prop on the returned React elements to signal the Data Grid to group these actions inside a row menu.
```tsx
{
diff --git a/docs/data/data-grid/column-dimensions/column-dimensions.md b/docs/data/data-grid/column-dimensions/column-dimensions.md
index c01d8955f81db..a4e42c8745537 100644
--- a/docs/data/data-grid/column-dimensions/column-dimensions.md
+++ b/docs/data/data-grid/column-dimensions/column-dimensions.md
@@ -23,7 +23,7 @@ To change the minimum width of a column, use the `minWidth` property available i
Column fluidity or responsiveness can be achieved by setting the `flex` property in `GridColDef`.
The `flex` property accepts a value between 0 and ∞.
-It works by dividing the remaining space in the data grid among all flex columns in proportion to their `flex` value.
+It works by dividing the remaining space in the Data Grid among all flex columns in proportion to their `flex` value.
For example, consider a grid with a total width of 500px that has three columns: the first with `width: 200`; the second with `flex: 1`; and the third with `flex: 0.5`.
The first column will be 200px wide, leaving 300px remaining. The column with `flex: 1` is twice the size of `flex: 0.5`, which means that final sizes will be: 200px, 200px, 100px.
@@ -34,7 +34,7 @@ To set a minimum and maximum width for a `flex` column set the `minWidth` and th
Before using fluid width, note that:
- `flex` doesn't work together with `width`. If you set both `flex` and `width` in `GridColDef`, `flex` will override `width`.
-- `flex` doesn't work if the combined width of the columns that have `width` is more than the width of the data grid itself. If that is the case a scroll bar will be visible, and the columns that have `flex` will default back to their base value of 100px.
+- `flex` doesn't work if the combined width of the columns that have `width` is more than the width of the Data Grid itself. If that is the case a scroll bar will be visible, and the columns that have `flex` will default back to their base value of 100px.
:::
diff --git a/docs/data/data-grid/column-pinning/column-pinning.md b/docs/data/data-grid/column-pinning/column-pinning.md
index 959a847d3466b..f582dc4b0fb32 100644
--- a/docs/data/data-grid/column-pinning/column-pinning.md
+++ b/docs/data/data-grid/column-pinning/column-pinning.md
@@ -6,7 +6,7 @@ title: Data Grid - Column pinning
Pin columns to keep them visible at all time.
-Pinned (or frozen, locked, or sticky) columns are columns that are visible at all time while the user scrolls the data grid horizontally.
+Pinned (or frozen, locked, or sticky) columns are columns that are visible at all time while the user scrolls the Data Grid horizontally.
They can be pinned either to the left or right side and cannot be reordered.
To pin a column, there are a few ways:
diff --git a/docs/data/data-grid/column-visibility/column-visibility.md b/docs/data/data-grid/column-visibility/column-visibility.md
index 4b5cd948eb164..08d912a07057d 100644
--- a/docs/data/data-grid/column-visibility/column-visibility.md
+++ b/docs/data/data-grid/column-visibility/column-visibility.md
@@ -20,7 +20,7 @@ To initialize the visible columns without controlling them, provide the model to
:::info
-Passing the visible columns to the `initialState` prop will only have an impact when the data grid is rendered for the first time. In order to update the visible columns after the first render, you need to use the [`columnVisibilityModel`](#controlled-visible-columns) prop.
+Passing the visible columns to the `initialState` prop will only have an impact when the Data Grid is rendered for the first time. In order to update the visible columns after the first render, you need to use the [`columnVisibilityModel`](#controlled-visible-columns) prop.
:::
diff --git a/docs/data/data-grid/components/components.md b/docs/data/data-grid/components/components.md
index 7100d4b943b60..4819b7e5d8c45 100644
--- a/docs/data/data-grid/components/components.md
+++ b/docs/data/data-grid/components/components.md
@@ -2,9 +2,9 @@
Learn how to override parts of the grid.
-## Interacting with the data grid
+## Interacting with the Data Grid
-The grid exposes two hooks to help you access the data grid data while overriding component slots.
+The grid exposes two hooks to help you access the Data Grid data while overriding component slots.
They can be used as below:
diff --git a/docs/data/data-grid/custom-columns/custom-columns.md b/docs/data/data-grid/custom-columns/custom-columns.md
index ebabc45e057fb..c765fc9e84756 100644
--- a/docs/data/data-grid/custom-columns/custom-columns.md
+++ b/docs/data/data-grid/custom-columns/custom-columns.md
@@ -31,9 +31,9 @@ In the demo below, we create a custom column type using the `GridColTypeDef` int
## Date pickers
-By default, the data grid uses native browser inputs for editing `date` and `dateTime` columns.
+By default, the Data Grid uses native browser inputs for editing `date` and `dateTime` columns.
-While [MUI X Date / Time Pickers](/x/react-date-pickers/getting-started/) are not supported by the data grid out of the box yet, it is easy to integrate them by creating [custom edit components](/x/react-data-grid/editing/#create-your-own-edit-component) and [custom filter operators](/x/react-data-grid/filtering/customization/#create-a-custom-operator).
+While [MUI X Date / Time Pickers](/x/react-date-pickers/getting-started/) are not supported by the Data Grid out of the box yet, it is easy to integrate them by creating [custom edit components](/x/react-data-grid/editing/#create-your-own-edit-component) and [custom filter operators](/x/react-data-grid/filtering/customization/#create-a-custom-operator).
The example below uses `@mui/x-date-pickers` for both `date` and `dateTime` column types:
diff --git a/docs/data/data-grid/editing/editing.md b/docs/data/data-grid/editing/editing.md
index 9c729f4965b20..d9702fae6f913 100644
--- a/docs/data/data-grid/editing/editing.md
+++ b/docs/data/data-grid/editing/editing.md
@@ -1,10 +1,10 @@
# Data Grid - Editing
-The data grid has built-in support for cell and row editing.
+The Data Grid has built-in support for cell and row editing.
## Full-featured CRUD
-The data grid is not only a data visualization tool. It offers built-in editing features for you to manage your data set.
+The Data Grid is not only a data visualization tool. It offers built-in editing features for you to manage your data set.
The following demo shows a full-featured CRUD (Create, Read, Update, Delete) typically found in enterprise applications.
:::info
@@ -377,7 +377,7 @@ These are the most important params to consider:
- `error`: the error added during validation
- `isProcessingProps`: whether `preProcessEditCellProps` is being executed or not
-Once a new value is entered into the input, it must be sent to the data grid.
+Once a new value is entered into the input, it must be sent to the Data Grid.
To do this, pass the row ID, the column field, and the new cell value to a call to `apiRef.current.setEditCellValue`.
The new value will be parsed and validated, and the `value` prop will reflect the changes in the next render.
@@ -414,16 +414,16 @@ The following demo implements a custom edit component, based on the [`Rating`](h
### With debounce
By default, each call to `apiRef.current.setEditCellValue` triggers a new render.
-If the edit component requires the user to type a new value, re-rendering the data grid too often will drastically reduce performance.
+If the edit component requires the user to type a new value, re-rendering the Data Grid too often will drastically reduce performance.
One way to avoid this is to debounce the API calls.
You can use `apiRef.current.setEditCellValue` to handle debouncing by setting the `debounceMs` param to a positive integer that defines a set time period in milliseconds.
-No matter how many times the API method is called, the data grid will only be re-rendered after that period of time has passed.
+No matter how many times the API method is called, the Data Grid will only be re-rendered after that period of time has passed.
```tsx
apiRef.current.setEditCellValue({ id, field, value: newValue, debounceMs: 200 });
```
-When the data grid is only set to re-render after a given period of time has passed, the `value` prop will not be updated on each `apiRef.current.setEditCellValue` call.
+When the Data Grid is only set to re-render after a given period of time has passed, the `value` prop will not be updated on each `apiRef.current.setEditCellValue` call.
To avoid a frozen UI, the edit component can keep the current value in an internal state and sync it once `value` changes.
Modify the edit component to enable this feature:
diff --git a/docs/data/data-grid/export/export.md b/docs/data/data-grid/export/export.md
index 3bdd963956954..b855552f81515 100644
--- a/docs/data/data-grid/export/export.md
+++ b/docs/data/data-grid/export/export.md
@@ -65,7 +65,7 @@ In the following example, the print export is disabled.
## Exported columns
-By default, the export will only contain the visible columns of the data grid.
+By default, the export will only contain the visible columns of the Data Grid.
There are a few ways to include or hide other columns.
- Set the `disableExport` attribute to `true` in `GridColDef` for columns you don't want to be exported.
@@ -88,7 +88,7 @@ There are a few ways to include or hide other columns.
## Exported rows
-By default, the data grid exports the selected rows if there are any.
+By default, the Data Grid exports the selected rows if there are any.
If not, it exports all rows except the footers (filtered and sorted rows, according to active rules), including the collapsed ones.
### Customizing the rows to export
@@ -161,12 +161,12 @@ If you want to keep the formulas working, you can set the `escapeFormulas` optio
## Print export
-### Modify the data grid style
+### Modify the Data Grid style
-By default, the printed grid is equivalent to printing a page containing only the data grid.
+By default, the printed grid is equivalent to printing a page containing only the Data Grid.
To modify the styles used for printing, such as colors, you can either use the `@media print` media query or the `pageStyle` property of `printOptions`.
-For example, if the data grid is in dark mode, the text color will be inappropriate for printing (too light).
+For example, if the Data Grid is in dark mode, the text color will be inappropriate for printing (too light).
With media query, you have to start your `sx` object with `@media print` key, such that all the style inside are only applied when printing.
@@ -313,10 +313,10 @@ function exceljsPostProcess({ worksheet }) {
/>;
```
-Since `exceljsPreProcess` is applied before adding the content of the data grid, you can use it to add some informative rows on top of the document.
-The content of the data grid will start on the next row after those added by `exceljsPreProcess`.
+Since `exceljsPreProcess` is applied before adding the content of the Data Grid, you can use it to add some informative rows on top of the document.
+The content of the Data Grid will start on the next row after those added by `exceljsPreProcess`.
-To customize the rows after the data grid content, you should use `exceljsPostProcess`. As it is applied after adding the content, you can also use it to access the generated cells.
+To customize the rows after the Data Grid content, you should use `exceljsPostProcess`. As it is applied after adding the content, you can also use it to access the generated cells.
In the following demo, both methods are used to set a custom header and a custom footer.
@@ -427,7 +427,7 @@ If you want to keep the formulas working, you can set the `escapeFormulas` optio
## Clipboard
-The clipboard export allows you to copy the content of the data grid to the clipboard.
+The clipboard export allows you to copy the content of the Data Grid to the clipboard.
For more information, check the [Clipboard copy](/x/react-data-grid/clipboard/#clipboard-copy) docs.
## apiRef
diff --git a/docs/data/data-grid/faq/faq.md b/docs/data/data-grid/faq/faq.md
index 2aec0da7e1744..7366cba7d1e23 100644
--- a/docs/data/data-grid/faq/faq.md
+++ b/docs/data/data-grid/faq/faq.md
@@ -11,7 +11,7 @@ packageName: '@mui/x-data-grid'
If you still have trouble, you can refer to the [support page](/x/introduction/support/).
-## How to pass props to the data grid for better performance?
+## How to pass props to the Data Grid for better performance?
The Data Grid is a complex component that renders a lot of elements. As a general rule, all the non-primitive props should keep a stable reference between renders to avoid unnecessary re-renders.
diff --git a/docs/data/data-grid/filtering/customization.md b/docs/data/data-grid/filtering/customization.md
index 5d55919b988ed..477245b559c62 100644
--- a/docs/data/data-grid/filtering/customization.md
+++ b/docs/data/data-grid/filtering/customization.md
@@ -30,7 +30,7 @@ A custom operator is defined by creating a `GridFilterOperator` object.
This object has to be added to the `filterOperators` attribute of the `GridColDef`.
The main part of an operator is the `getApplyFilterFn` function.
-When applying the filters, the data grid will call this function with the filter item and the column on which the item must be applied.
+When applying the filters, the Data Grid will call this function with the filter item and the column on which the item must be applied.
This function must return another function that takes the cell value as an input and return `true` if it satisfies the operator condition.
```ts
@@ -133,7 +133,7 @@ In the demo below, the `rating` column reuses the numeric operators but the rati
### Custom column types
-When defining a [custom column type](/x/react-data-grid/column-definition/#custom-column-types), by default the data grid will reuse the operators from the type that was extended.
+When defining a [custom column type](/x/react-data-grid/column-definition/#custom-column-types), by default the Data Grid will reuse the operators from the type that was extended.
The filter operators can then be edited just like on a regular column.
```ts
diff --git a/docs/data/data-grid/filtering/index.md b/docs/data/data-grid/filtering/index.md
index 48f73b927bd84..3a1eff48b1349 100644
--- a/docs/data/data-grid/filtering/index.md
+++ b/docs/data/data-grid/filtering/index.md
@@ -2,10 +2,10 @@
Easily filter your rows based on one or several criteria.
-The filters can be modified through the data grid interface in several ways:
+The filters can be modified through the Data Grid interface in several ways:
- By opening the column menu and clicking the _Filter_ menu item.
-- By clicking the _Filters_ button in the data grid toolbar (if enabled).
+- By clicking the _Filters_ button in the Data Grid toolbar (if enabled).
Each column type has its own filter operators.
The demo below lets you explore all the operators for each built-in column type.
@@ -45,7 +45,7 @@ Some operators do not need any value (for instance the `isEmpty` operator of the
#### The `logicOperator` [](/x/introduction/licensing/#pro-plan 'Pro plan')
-The `logicOperator` tells the data grid if a row should satisfy all (`AND`) filter items or at least one (`OR`) in order to be considered valid.
+The `logicOperator` tells the Data Grid if a row should satisfy all (`AND`) filter items or at least one (`OR`) in order to be considered valid.
```ts
// Example 1: get rows with rating > 4 OR isAdmin = true
@@ -67,7 +67,7 @@ const filterModel: GridFilterModel = {
};
```
-If no `logicOperator` is provided, the data grid will use `GridLogicOperator.Or` by default.
+If no `logicOperator` is provided, the Data Grid will use `GridLogicOperator.Or` by default.
### Initialize the filters
diff --git a/docs/data/data-grid/getting-started/getting-started.md b/docs/data/data-grid/getting-started/getting-started.md
index 421cc64832d59..263e64cc0f275 100644
--- a/docs/data/data-grid/getting-started/getting-started.md
+++ b/docs/data/data-grid/getting-started/getting-started.md
@@ -1,6 +1,6 @@
# Data Grid - Getting started
-Get started with the last React data grid you will need. Install the package, configure the columns, provide rows, and you are set.
+Get started with the last React Data Grid you will need. Install the package, configure the columns, provide rows, and you are set.
## Installation
diff --git a/docs/data/data-grid/joy-ui/joy-ui.md b/docs/data/data-grid/joy-ui/joy-ui.md
index 864e37191ecf1..7a9d146b94b9c 100644
--- a/docs/data/data-grid/joy-ui/joy-ui.md
+++ b/docs/data/data-grid/joy-ui/joy-ui.md
@@ -1,5 +1,5 @@
# Data Grid - Joy UI
-Using the data grid with Joy UI components
+Using the Data Grid with Joy UI components
{{"demo": "GridJoyUISlots.js", "bg": "inline"}}
diff --git a/docs/data/data-grid/layout/layout.md b/docs/data/data-grid/layout/layout.md
index 17b8e57d3b984..6043aaa80c79d 100644
--- a/docs/data/data-grid/layout/layout.md
+++ b/docs/data/data-grid/layout/layout.md
@@ -1,6 +1,6 @@
# Data Grid - Layout
-The data grid offers multiple layout modes.
+The Data Grid offers multiple layout modes.
:::error
By default, the Data Grid has **no intrinsic dimensions**.
@@ -37,7 +37,7 @@ If the parent has no size, the percentage will be zero.
## Predefined dimensions
-You can predefine dimensions for the parent of the data grid.
+You can predefine dimensions for the parent of the Data Grid.
{{"demo": "FixedSizeGrid.js", "bg": "inline"}}
diff --git a/docs/data/data-grid/localization/localization.md b/docs/data/data-grid/localization/localization.md
index 28197aed4c870..d182830d47ffa 100644
--- a/docs/data/data-grid/localization/localization.md
+++ b/docs/data/data-grid/localization/localization.md
@@ -1,6 +1,6 @@
# Data Grid - Translated components
-The data grid allows to support users from different locales, with formatting, and localized strings.
+The Data Grid allows to support users from different locales, with formatting, and localized strings.
The default locale of MUI X is English (United States). If you want to use other locales, follow the instructions below.
@@ -86,7 +86,7 @@ const theme = createTheme(
;
```
-If you want to pass language translations directly to the data grid without using `createTheme` and `ThemeProvider`, you can directly load the language translations from `@mui/x-data-grid/locales`.
+If you want to pass language translations directly to the Data Grid without using `createTheme` and `ThemeProvider`, you can directly load the language translations from `@mui/x-data-grid/locales`.
```jsx
import { DataGrid } from '@mui/x-data-grid';
@@ -109,7 +109,7 @@ Note that these translations of the Data Grid component depend on the [Localizat
Right-to-left languages such as Arabic, Persian, or Hebrew are supported.
Follow [this guide](/material-ui/customization/right-to-left/) to use them.
-The example below demonstrates how to use an RTL language (Arabic) with the data grid.
+The example below demonstrates how to use an RTL language (Arabic) with the Data Grid.
{{"demo": "DataGridRTL.js", "bg": "inline"}}
diff --git a/docs/data/data-grid/master-detail/master-detail.md b/docs/data/data-grid/master-detail/master-detail.md
index 6d98631f10225..cb8614ff1114f 100644
--- a/docs/data/data-grid/master-detail/master-detail.md
+++ b/docs/data/data-grid/master-detail/master-detail.md
@@ -69,7 +69,7 @@ The following example demonstrates this option in action:
To control which rows are expanded, pass a list of row IDs to the `detailPanelExpandedRowIds` prop.
Passing a callback to the `onDetailPanelExpandedRowIds` prop can be used to detect when a row gets expanded or collapsed.
-On the other hand, if you only want to initialize the data grid with some rows already expanded, use the `initialState` prop as follows:
+On the other hand, if you only want to initialize the Data Grid with some rows already expanded, use the `initialState` prop as follows:
```tsx
@@ -174,12 +174,12 @@ For a more advanced example check out the [Expand or collapse all detail panels]
By default, the detail panel has a width that is the sum of the widths of all columns.
This means that when a horizontal scrollbar is present, scrolling it will also scroll the panel content.
-To avoid this behavior, set the size of the detail panel to the outer size of the data grid.
+To avoid this behavior, set the size of the detail panel to the outer size of the Data Grid.
Use `apiRef.current.getRootDimensions()` to get the latest dimension values.
Finally, to prevent the panel from scrolling, set `position: sticky` and `left: 0`.
The following demo shows how this can be achieved.
-Notice that the toggle column is pinned to make sure that it will always be visible when the data grid is scrolled horizontally.
+Notice that the toggle column is pinned to make sure that it will always be visible when the Data Grid is scrolled horizontally.
{{"demo": "FullWidthDetailPanel.js", "bg": "inline", "defaultCodeOpen": false}}
diff --git a/docs/data/data-grid/overlays/overlays.md b/docs/data/data-grid/overlays/overlays.md
index be08d87ac2617..84334d9a2955d 100644
--- a/docs/data/data-grid/overlays/overlays.md
+++ b/docs/data/data-grid/overlays/overlays.md
@@ -1,16 +1,16 @@
# Data Grid - Overlays
-The various data grid overlays.
+The various Data Grid overlays.
## Loading overlay
-To display a loading overlay and signify that the data grid is in a loading state, set the `loading` prop to `true`.
+To display a loading overlay and signify that the Data Grid is in a loading state, set the `loading` prop to `true`.
-The data grid supports 3 loading overlay variants out of the box:
+The Data Grid supports 3 loading overlay variants out of the box:
- `circular-progress` (default): a circular loading spinner.
- `linear-progress`: an indeterminate linear progress bar.
-- `skeleton`: an animated placeholder of the data grid.
+- `skeleton`: an animated placeholder of the Data Grid.
The type of loading overlay to display can be set via `slotProps.loadingOverlay` for the following two props:
@@ -44,7 +44,7 @@ An indeterminate linear progress bar.
### Skeleton
-An animated placeholder of the data grid.
+An animated placeholder of the Data Grid.
{{"demo": "LoadingOverlaySkeleton.js", "bg": "inline"}}
@@ -58,7 +58,7 @@ In the following demo, a labeled determinate [CircularProgress](/material-ui/rea
## No rows overlay
-The no-rows overlay is displayed when the data grid has no rows.
+The no-rows overlay is displayed when the Data Grid has no rows.
{{"demo": "NoRowsOverlay.js", "bg": "inline"}}
@@ -72,7 +72,7 @@ In the following demo, an illustration is added on top of the default "No rows"
## No results overlay
-The no-results overlay is displayed when the data grid has no results after filtering.
+The no-results overlay is displayed when the Data Grid has no results after filtering.
{{"demo": "NoResultsOverlay.js", "bg": "inline"}}
diff --git a/docs/data/data-grid/pagination/pagination.md b/docs/data/data-grid/pagination/pagination.md
index e57c2fb4a616d..1a0912ef4a3f9 100644
--- a/docs/data/data-grid/pagination/pagination.md
+++ b/docs/data/data-grid/pagination/pagination.md
@@ -100,7 +100,7 @@ const [paginationModel, setPaginationModel] = React.useState({
## Server-side pagination
By default, the pagination is handled on the client.
-This means you have to give the rows of all pages to the data grid.
+This means you have to give the rows of all pages to the Data Grid.
If your dataset is too big, and you want to fetch the pages on demand, you can use server-side pagination.
In general, the server-side pagination could be categorized into two types:
diff --git a/docs/data/data-grid/recipes-editing/recipes-editing.md b/docs/data/data-grid/recipes-editing/recipes-editing.md
index e0396531b81aa..18c9d4a823e17 100644
--- a/docs/data/data-grid/recipes-editing/recipes-editing.md
+++ b/docs/data/data-grid/recipes-editing/recipes-editing.md
@@ -108,7 +108,7 @@ The following demo implements this behavior.
## Bulk editing
-The data grid [Editing](/x/react-data-grid/editing/) API exposes [the `processRowUpdate` callback](/x/react-data-grid/editing/#the-processrowupdate-callback) which is commonly used to persist edits on per-row basis.
+The Data Grid [Editing](/x/react-data-grid/editing/) API exposes [the `processRowUpdate` callback](/x/react-data-grid/editing/#the-processrowupdate-callback) which is commonly used to persist edits on per-row basis.
You can utilize this callback to batch edits locally and then choose to either persist or discard them in bulk.
The demo below stores edited and deleted rows in the `unsavedChangesRef`.
diff --git a/docs/data/data-grid/row-grouping/row-grouping.md b/docs/data/data-grid/row-grouping/row-grouping.md
index 7e234f5c3632f..e2b23b3f884a7 100644
--- a/docs/data/data-grid/row-grouping/row-grouping.md
+++ b/docs/data/data-grid/row-grouping/row-grouping.md
@@ -43,7 +43,7 @@ You can use the `onRowGroupingModelChange` prop to listen to changes to the grou
### Single grouping column
-By default, the data grid will display a single column holding all grouping columns.
+By default, the Data Grid will display a single column holding all grouping columns.
If you have multiple grouping criteria, this column name will be set to "Group."
{{"demo": "RowGroupingSingleGroupingCol.js", "bg": "inline", "defaultCodeOpen": false}}
@@ -226,7 +226,7 @@ If your column also has a `valueGetter` property, the value passed to the `group
## Rows with missing groups
-If the grouping key of a grouping criteria is `null` or `undefined` for a row, the data grid will consider that this row does not have a value for this group. and will inline it for those groups.
+If the grouping key of a grouping criteria is `null` or `undefined` for a row, the Data Grid will consider that this row does not have a value for this group. and will inline it for those groups.
{{"demo": "RowGroupingRowsWithMissingGroups.js", "bg": "inline", "defaultCodeOpen": false}}
diff --git a/docs/data/data-grid/row-height/row-height.md b/docs/data/data-grid/row-height/row-height.md
index c5e68574413b2..0d5790977d894 100644
--- a/docs/data/data-grid/row-height/row-height.md
+++ b/docs/data/data-grid/row-height/row-height.md
@@ -37,7 +37,7 @@ const getRowHeight = React.useCallback(() => { ... }, []);
## Dynamic row height
-Instead of a fixed row height, you can let the data grid calculate the height of each row based on its content.
+Instead of a fixed row height, you can let the Data Grid calculate the height of each row based on its content.
To do so, return `"auto"` on the function passed to the `getRowHeight` prop.
```tsx
diff --git a/docs/data/data-grid/row-pinning/row-pinning.md b/docs/data/data-grid/row-pinning/row-pinning.md
index 2648eff0864cf..c3f3dd2633510 100644
--- a/docs/data/data-grid/row-pinning/row-pinning.md
+++ b/docs/data/data-grid/row-pinning/row-pinning.md
@@ -6,7 +6,7 @@ title: Data Grid - Row pinning
Pin rows to keep them visible at all times.
-Pinned (or frozen, locked, or floating) rows are those visible at all times while the user scrolls the data grid vertically.
+Pinned (or frozen, locked, or floating) rows are those visible at all times while the user scrolls the Data Grid vertically.
You can pin rows at the top or bottom of the Data Grid by passing pinned rows data through the `pinnedRows` prop:
diff --git a/docs/data/data-grid/row-selection/row-selection.md b/docs/data/data-grid/row-selection/row-selection.md
index 70f9f43b3f90c..581b90a7b4db7 100644
--- a/docs/data/data-grid/row-selection/row-selection.md
+++ b/docs/data/data-grid/row-selection/row-selection.md
@@ -51,7 +51,7 @@ To activate checkbox selection set `checkboxSelection={true}`.
### Custom checkbox column
-If you provide a custom checkbox column to the data grid with the `GRID_CHECKBOX_SELECTION_FIELD` field, the data grid will not add its own.
+If you provide a custom checkbox column to the Data Grid with the `GRID_CHECKBOX_SELECTION_FIELD` field, the Data Grid will not add its own.
We strongly recommend to use the `GRID_CHECKBOX_SELECTION_COL_DEF` variable instead of re-defining all the custom properties yourself.
@@ -61,7 +61,7 @@ In the following demo, the checkbox column has been moved to the right and its w
:::warning
Always set the `checkboxSelection` prop to `true` even when providing a custom checkbox column.
-Otherwise, the data grid might remove your column.
+Otherwise, the Data Grid might remove your column.
:::
### Customize indeterminate checkbox behavior
@@ -73,7 +73,7 @@ You can customize this behavior by using the [`indeterminateCheckboxAction` prop
### Visible rows selection [](/x/introduction/licensing/#pro-plan 'Pro plan')
-By default, when you click the "Select All" checkbox, all rows in the data grid are selected.
+By default, when you click the "Select All" checkbox, all rows in the Data Grid are selected.
If you want to change this behavior and only select the rows that are currently visible on the page, you can use the `checkboxSelectionVisibleOnly` prop.
{{"demo": "CheckboxSelectionVisibleOnlyGrid.js", "bg": "inline"}}
@@ -81,8 +81,8 @@ If you want to change this behavior and only select the rows that are currently
## Usage with server-side pagination
Using the controlled selection with `paginationMode="server"` may result in selected rows being lost when the page is changed.
-This happens because the data grid cross-checks with the `rows` prop and only calls `onRowSelectionModelChange` with existing row IDs.
-Depending on your server-side implementation, when the page changes and the new value for the `rows` prop does not include previously selected rows, the data grid will call `onRowSelectionModelChange` with an empty value.
+This happens because the Data Grid cross-checks with the `rows` prop and only calls `onRowSelectionModelChange` with existing row IDs.
+Depending on your server-side implementation, when the page changes and the new value for the `rows` prop does not include previously selected rows, the Data Grid will call `onRowSelectionModelChange` with an empty value.
To prevent this, enable the `keepNonExistentRowsSelected` prop to keep the rows selected even if they do not exist.
```tsx
diff --git a/docs/data/data-grid/row-updates/row-updates.md b/docs/data/data-grid/row-updates/row-updates.md
index 8b32b73b6fd1f..de92e0b8f5c69 100644
--- a/docs/data/data-grid/row-updates/row-updates.md
+++ b/docs/data/data-grid/row-updates/row-updates.md
@@ -8,7 +8,7 @@ The simplest way to update the rows is to provide the new rows using the `rows`
It replaces the previous values. This approach has some drawbacks:
- You need to provide all the rows.
-- You might create a performance bottleneck when preparing the rows array to provide to the data grid.
+- You might create a performance bottleneck when preparing the rows array to provide to the Data Grid.
{{"demo": "UpdateRowsProp.js", "bg": "inline"}}
@@ -24,7 +24,7 @@ If you want to only update part of the rows, you can use the `apiRef.current.upd
{{"demo": "UpdateRowsApiRef.js", "bg": "inline"}}
The default behavior of `updateRows` API is to upsert rows.
-So if a row has an id that is not in the current list of rows then it will be added to the data grid.
+So if a row has an id that is not in the current list of rows then it will be added to the Data Grid.
Alternatively, if you would like to delete a row, you would need to pass an extra `_action` property in the update object as below.
@@ -53,9 +53,9 @@ Otherwise, the sorting and filtering will only be applied to the subset of rows
## Lazy loading [](/x/introduction/licensing/#pro-plan 'Pro plan')
Lazy Loading works like a pagination system, but instead of loading new rows based on pages, it loads them based on the viewport.
-It loads new rows in chunks, as the user scrolls through the data grid and reveals empty rows.
+It loads new rows in chunks, as the user scrolls through the Data Grid and reveals empty rows.
-The data grid builds the vertical scroll as if all the rows are already there, and displays empty (skeleton) rows while loading the data. Only rows that are displayed get fetched.
+The Data Grid builds the vertical scroll as if all the rows are already there, and displays empty (skeleton) rows while loading the data. Only rows that are displayed get fetched.
To enable lazy loading, there are a few steps you need to follow:
@@ -81,9 +81,9 @@ You can find out more information about how to do that on the [server-side filte
## High frequency [](/x/introduction/licensing/#pro-plan 'Pro plan')
-Whenever the rows are updated, the data grid has to apply the sorting and filters. This can be a problem if you have high frequency updates. To maintain good performances, the data grid allows to batch the updates and only apply them after a period of time. The `throttleRowsMs` prop can be used to define the frequency (in milliseconds) at which rows updates are applied.
+Whenever the rows are updated, the Data Grid has to apply the sorting and filters. This can be a problem if you have high frequency updates. To maintain good performances, the Data Grid allows to batch the updates and only apply them after a period of time. The `throttleRowsMs` prop can be used to define the frequency (in milliseconds) at which rows updates are applied.
-When receiving updates more frequently than this threshold, the data grid will wait before updating the rows.
+When receiving updates more frequently than this threshold, the Data Grid will wait before updating the rows.
The following demo updates the rows every 10 ms, but they are only applied every 2 seconds.
diff --git a/docs/data/data-grid/scrolling/scrolling.md b/docs/data/data-grid/scrolling/scrolling.md
index 59efabe6623c6..3d12facbab8c6 100644
--- a/docs/data/data-grid/scrolling/scrolling.md
+++ b/docs/data/data-grid/scrolling/scrolling.md
@@ -6,7 +6,7 @@
You can scroll to a specific cell by calling `apiRef.current.scrollToIndexes()`.
The only argument that must be passed is an object containing the row index and the column index of the cell to scroll.
-If the row or column index is not present, the data grid will not do any movement in the missing axis.
+If the row or column index is not present, the Data Grid will not do any movement in the missing axis.
The following demo explores the usage of this API:
diff --git a/docs/data/data-grid/server-side-data/index.md b/docs/data/data-grid/server-side-data/index.md
index a53d755dd72db..07e8595bb8e07 100644
--- a/docs/data/data-grid/server-side-data/index.md
+++ b/docs/data/data-grid/server-side-data/index.md
@@ -4,7 +4,7 @@ title: React Data Grid - Server-side data
# Data Grid - Server-side data [](/x/introduction/licensing/#pro-plan 'Pro plan')
-The data grid server-side data.
+The Data Grid server-side data.
## Introduction
@@ -80,7 +80,7 @@ Feel free to subscribe or comment on the official GitHub [umbrella issue](https:
:::
-It has an initial set of required methods that you need to implement. The data grid will use these methods internally to fetch a subset of data when needed.
+It has an initial set of required methods that you need to implement. The Data Grid will use these methods internally to fetch a subset of data when needed.
Let's take a look at the minimal `GridDataSource` interface configuration.
@@ -162,7 +162,7 @@ In order for them to work with server-side data, you need to set them to `server
With the data source, the features `filtering`, `sorting`, `pagination` are automatically set to `server`.
-When the corresponding models update, the data grid calls the `getRows` method with the updated values of type `GridGetRowsParams` to get updated data.
+When the corresponding models update, the Data Grid calls the `getRows` method with the updated values of type `GridGetRowsParams` to get updated data.
```tsx
Easily sort your rows based on one or several criteria.
-Sorting is enabled by default to the data grid users and works out of the box without any explicit configuration.
+Sorting is enabled by default to the Data Grid users and works out of the box without any explicit configuration.
Users can set a sorting rule simply by clicking on a column header.
Following clicks change the column's sorting direction. You can see the applied direction on the header's arrow indicator.
@@ -24,7 +24,7 @@ Hold down the Ctrl or Shift (use <
{{"demo": "BasicExampleDataGridPro.js", "bg": "inline", "defaultCodeOpen": false}}
-## Pass sorting rules to the data grid
+## Pass sorting rules to the Data Grid
### Structure of the model
diff --git a/docs/data/data-grid/style-recipes/style-recipes.md b/docs/data/data-grid/style-recipes/style-recipes.md
index 23cbd060e11f9..857b3be3e9ddb 100644
--- a/docs/data/data-grid/style-recipes/style-recipes.md
+++ b/docs/data/data-grid/style-recipes/style-recipes.md
@@ -4,7 +4,7 @@
## Remove cell focus outline
-The data grid cells are actionable elements and visually indicate the `focus` state by default.
+The Data Grid cells are actionable elements and visually indicate the `focus` state by default.
You can remove the focus outline by overriding the `:focus` and `:focus-within` styles for the cells and header cells.
:::warning
diff --git a/docs/data/data-grid/tree-data/tree-data.md b/docs/data/data-grid/tree-data/tree-data.md
index b6c67e6528cbb..63bd06f16b5f8 100644
--- a/docs/data/data-grid/tree-data/tree-data.md
+++ b/docs/data/data-grid/tree-data/tree-data.md
@@ -56,7 +56,7 @@ const getTreeDataPath: DataGridProProps['getTreeDataPath'] = (row) =>
:::warning
The `getTreeDataPath` prop should keep the same reference between two renders.
-If it changes, the data grid will consider that the data has changed and will recompute the tree resulting in collapsing all the rows.
+If it changes, the Data Grid will consider that the data has changed and will recompute the tree resulting in collapsing all the rows.
:::
{{"demo": "TreeDataSimple.js", "bg": "inline", "defaultCodeOpen": false}}
diff --git a/docs/data/data-grid/virtualization/virtualization.md b/docs/data/data-grid/virtualization/virtualization.md
index 7d1f048db3837..db1fdaaf3a48a 100644
--- a/docs/data/data-grid/virtualization/virtualization.md
+++ b/docs/data/data-grid/virtualization/virtualization.md
@@ -2,14 +2,14 @@
The grid is high performing thanks to its rows and columns virtualization engine.
-DOM virtualization is the feature that allows the data grid to handle an unlimited\* number of rows and columns.
+DOM virtualization is the feature that allows the Data Grid to handle an unlimited\* number of rows and columns.
This is a built-in feature of the rendering engine and greatly improves rendering performance.
_\*unlimited: Browsers set a limit on the number of pixels a scroll container can host: 17.5 million pixels on Firefox, 33.5 million pixels on Chrome, Edge, and Safari. A [reproduction](https://codesandbox.io/s/beautiful-silence-1yifo?file=/src/App.js)._
## Row virtualization [](/x/introduction/licensing/#pro-plan 'Pro plan')
-Row virtualization is the insertion and removal of rows as the data grid scrolls vertically.
+Row virtualization is the insertion and removal of rows as the Data Grid scrolls vertically.
The grid renders some additional rows above and below the visible rows. You can use `rowBufferPx` prop to hint to the Data Grid the area to render, but this value may not be respected in certain situations, for example during high-speed scrolling.
Row virtualization is limited to 100 rows in the `DataGrid` component.
@@ -20,7 +20,7 @@ Row virtualization does not work with the `autoHeight` prop enabled.
## Column virtualization
-Column virtualization is the insertion and removal of columns as the data grid scrolls horizontally.
+Column virtualization is the insertion and removal of columns as the Data Grid scrolls horizontally.
- Overscanning by at least one column allows the arrow key to focus on the next (not yet visible) item.
- Overscanning slightly can reduce or prevent a flash of empty space when a user first starts scrolling.
@@ -36,7 +36,7 @@ You can disable column virtualization by calling `apiRef.current.unstable_setCol
## Disable virtualization
The virtualization can be disabled completely using the `disableVirtualization` prop.
-You may want to turn it off to be able to test the data grid with a headless browser, like jsdom.
+You may want to turn it off to be able to test the Data Grid with a headless browser, like jsdom.
```tsx
diff --git a/docs/data/date-pickers/localization/localization.md b/docs/data/date-pickers/localization/localization.md
index 0e0cbdcc2a617..9c17517d832af 100644
--- a/docs/data/date-pickers/localization/localization.md
+++ b/docs/data/date-pickers/localization/localization.md
@@ -47,7 +47,7 @@ function App({ children }) {
```
Note that `createTheme` accepts any number of arguments.
-If you are already using the [translations of the core components](/material-ui/guides/localization/#locale-text) or the [translations of the data grid](/x/react-data-grid/localization/#locale-text), you can add `deDE` as a new argument.
+If you are already using the [translations of the core components](/material-ui/guides/localization/#locale-text) or the [translations of the Data Grid](/x/react-data-grid/localization/#locale-text), you can add `deDE` as a new argument.
```jsx
import { createTheme, ThemeProvider } from '@mui/material/styles';
diff --git a/docs/data/migration/migration-data-grid-v4/migration-data-grid-v4.md b/docs/data/migration/migration-data-grid-v4/migration-data-grid-v4.md
index c3c64e54780ce..06820e174daa7 100644
--- a/docs/data/migration/migration-data-grid-v4/migration-data-grid-v4.md
+++ b/docs/data/migration/migration-data-grid-v4/migration-data-grid-v4.md
@@ -10,7 +10,7 @@ productId: x-data-grid
This is a reference guide for upgrading your site from MUI X v4 to v5.
MUI X v5 is fully compatible with Material UI v5 and MUI System v5 and can be used with Material UI v4 and MUI System v4 with some additional steps.
-Most breaking changes are renaming of CSS classes or variables to improve the consistency of the data grid.
+Most breaking changes are renaming of CSS classes or variables to improve the consistency of the Data Grid.
## Migrating MUI Core from v4
@@ -88,7 +88,7 @@ export default function DataGridDemo() {
```
**Done!** Now, you can render any dependencies that rely on Material UI v5 without upgrading from v4, and they will both run seamlessly alongside.
-For example, the following interactive demo shows how these steps tie together with the data grid:
+For example, the following interactive demo shows how these steps tie together with the Data Grid:
{{"demo": "CoreV5WithCoreV4.js", "hideToolbar": true, "bg": true}}
@@ -370,7 +370,7 @@ To use the v5 version of MUI X, you first need to update to the new package nam
+ */
+ value: GridCellValue;
+ /**
- + * GridApi that lets you manipulate the data grid.
+ + * GridApi that lets you manipulate the Data Grid.
+ */
+ api: any;
+}
diff --git a/docs/data/migration/migration-data-grid-v5/migration-data-grid-v5.md b/docs/data/migration/migration-data-grid-v5/migration-data-grid-v5.md
index 90829e9284767..ddeb5beb6b7ba 100644
--- a/docs/data/migration/migration-data-grid-v5/migration-data-grid-v5.md
+++ b/docs/data/migration/migration-data-grid-v5/migration-data-grid-v5.md
@@ -12,7 +12,7 @@ To get started, check out [the blog post about the release of MUI X v6](https:/
## Start using the new release
-In `package.json`, change the version of the data grid package to `^6.0.0`.
+In `package.json`, change the version of the Data Grid package to `^6.0.0`.
```diff
-"@mui/x-data-grid": "^5.0.0",
@@ -41,7 +41,7 @@ Apart from the removed methods and exports that require manual intervention, aro
:::
:::info
-If you want to run the codemods one by one, check out the codemods included in the [preset-safe codemod for data grid](https://github.com/mui/mui-x/blob/master/packages/x-codemod/README.md#preset-safe-for-data-grid-v600) for more details.
+If you want to run the codemods one by one, check out the codemods included in the [preset-safe codemod for Data Grid](https://github.com/mui/mui-x/blob/master/packages/x-codemod/README.md#preset-safe-for-data-grid-v600) for more details.
:::
Breaking changes that are handled by `preset-safe` codemod are denoted by a ✅ emoji in the table of contents on the right side of the screen or next to the specific point that is handled by it.
@@ -493,7 +493,7 @@ Most of this breaking change is handled by `preset-safe` codemod but some furthe
The `components` and `componentsProps` props are being renamed to `slots` and `slotProps` props respectively.
This is a slow and ongoing effort between all the different libraries maintained by MUI.
-To smooth the transition, data grid support both the `components` props which are deprecated, and the new `slots` props.
+To smooth the transition, Data Grid support both the `components` props which are deprecated, and the new `slots` props.
If you would like to use the new API and do not want to see deprecated prop usage, consider running `rename-components-to-slots` codemod handling the prop renaming.
diff --git a/docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md b/docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md
index 514684a400813..77be948cd923a 100644
--- a/docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md
+++ b/docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md
@@ -13,7 +13,7 @@ To read more about the changes from the new major, check out [the blog post abou
## Start using the new release
-In `package.json`, change the version of the data grid package to `^7.0.0`.
+In `package.json`, change the version of the Data Grid package to `^7.0.0`.
```diff
-"@mui/x-data-grid": "^6.0.0",
diff --git a/docs/data/migration/migration-pickers-lab/migration-pickers-lab.md b/docs/data/migration/migration-pickers-lab/migration-pickers-lab.md
index 25e25c6456c2f..7e7190991b9a4 100644
--- a/docs/data/migration/migration-pickers-lab/migration-pickers-lab.md
+++ b/docs/data/migration/migration-pickers-lab/migration-pickers-lab.md
@@ -133,7 +133,7 @@ The props of `MonthPicker`, `YearPicker` and `DayPicker` have been reworked to m
#### Translation
-Props for translation have been either deprecated or removed in favor of a [global localization](/x/react-date-pickers/localization/) similar to the one used by the data grid.
+Props for translation have been either deprecated or removed in favor of a [global localization](/x/react-date-pickers/localization/) similar to the one used by the Data Grid.
We already have ten locales provided by the community. (Thank you!)
#### Use slot for `ActionBar`
diff --git a/docs/pages/x/api/data-grid/grid-filter-api.json b/docs/pages/x/api/data-grid/grid-filter-api.json
index 48c344e8b1900..cc343ab9cb45b 100644
--- a/docs/pages/x/api/data-grid/grid-filter-api.json
+++ b/docs/pages/x/api/data-grid/grid-filter-api.json
@@ -9,7 +9,7 @@
},
{
"name": "getFilterState",
- "description": "Returns the filter state for the given filter model without applying it to the data grid.",
+ "description": "Returns the filter state for the given filter model without applying it to the Data Grid.",
"type": "(filterModel: GridFilterModel) => GridStateCommunity['filter']"
},
{ "name": "hideFilterPanel", "description": "Hides the filter panel.", "type": "() => void" },
diff --git a/docs/pages/x/api/data-grid/index.md b/docs/pages/x/api/data-grid/index.md
index ee1e07476e8c5..69408d9cbd9e3 100644
--- a/docs/pages/x/api/data-grid/index.md
+++ b/docs/pages/x/api/data-grid/index.md
@@ -1,6 +1,6 @@
# Data Grid - API Reference
-This page contains an index to the most important APIs of the data grid.
+This page contains an index to the most important APIs of the Data Grid.
## Components
diff --git a/docs/src/modules/components/InterfaceApiPage.tsx b/docs/src/modules/components/InterfaceApiPage.tsx
index c63c509cbba9e..6c1aa160d7017 100644
--- a/docs/src/modules/components/InterfaceApiPage.tsx
+++ b/docs/src/modules/components/InterfaceApiPage.tsx
@@ -60,7 +60,7 @@ interface ApiPageProps {
/**
* The localStorage key used to save the user layout for each section.
* It's useful to dave different preferences on different pages.
- * For example, the data grid has a different key that the core.
+ * For example, the Data Grid has a different key that the core.
*/
layoutStorageKey?: LayoutStorageKeys;
}
diff --git a/docs/translations/api-docs/data-grid/grid-api.json b/docs/translations/api-docs/data-grid/grid-api.json
index fd478d19f9542..1b7f152b171f6 100644
--- a/docs/translations/api-docs/data-grid/grid-api.json
+++ b/docs/translations/api-docs/data-grid/grid-api.json
@@ -67,7 +67,7 @@
},
"getExpandedDetailPanels": { "description": "Returns the rows whose detail panel is open." },
"getFilterState": {
- "description": "Returns the filter state for the given filter model without applying it to the data grid."
+ "description": "Returns the filter state for the given filter model without applying it to the Data Grid."
},
"getLocaleText": { "description": "Returns the translation for the key." },
"getPinnedColumns": { "description": "Returns which columns are pinned." },
diff --git a/docsTech/README.md b/docsTech/README.md
index ac3c1b94bc8e3..0bd0f70fede6e 100644
--- a/docsTech/README.md
+++ b/docsTech/README.md
@@ -13,7 +13,7 @@ Since `@mui/x-data-grid-pro` is an extension of `@mui/x-data-grid`, it imports a
In each package, the most used folders are:
-- `components` which contains all the React components. These files are responsible for displaying the data grid and listening for user interactions.
+- `components` which contains all the React components. These files are responsible for displaying the Data Grid and listening for user interactions.
- `hooks` which contains all the logic of the DataGrid.
- `hooks/core` defines logics for developers: initialization of the grid, error handling, translations, ...
- `hooks/utils` defines logics for contributors: manipulating the state, managing events, ...
diff --git a/packages/rsc-builder/buildRsc.ts b/packages/rsc-builder/buildRsc.ts
index f5bd1f4cc29d1..020bf2856845e 100644
--- a/packages/rsc-builder/buildRsc.ts
+++ b/packages/rsc-builder/buildRsc.ts
@@ -14,7 +14,7 @@ type Project = {
ignorePaths?: string[];
};
-// The data grid packages are not using this script.
+// The Data Grid packages are not using this script.
// Instead, they are manually adding the "use client" directive in the entry point of each package.
const PROJECTS: Project[] = [
{
diff --git a/packages/x-codemod/README.md b/packages/x-codemod/README.md
index 5b9c53d476d44..453f783b567d3 100644
--- a/packages/x-codemod/README.md
+++ b/packages/x-codemod/README.md
@@ -154,9 +154,9 @@ npx @mui/x-codemod@latest v7.0.0/pickers/rename-slots-types
### Data Grid codemods
-#### `preset-safe` for data grid v7.0.0
+#### `preset-safe` for Data Grid v7.0.0
-The `preset-safe` codemods for data grid.
+The `preset-safe` codemods for Data Grid.
```bash
npx @mui/x-codemod@latest v7.0.0/data-grid/preset-safe
@@ -705,9 +705,9 @@ npx @mui/x-codemod@latest v6.0.0/pickers/rename-components-to-slots
### Data Grid codemods
-#### `preset-safe` for data grid v6.0.0
+#### `preset-safe` for Data Grid v6.0.0
-The `preset-safe` codemods for data grid.
+The `preset-safe` codemods for Data Grid.
```bash
npx @mui/x-codemod@latest v6.0.0/data-grid/preset-safe
diff --git a/packages/x-data-grid-pro/src/tests/infiniteLoader.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/infiniteLoader.DataGridPro.test.tsx
index 131bc7fc66684..4ea7158627291 100644
--- a/packages/x-data-grid-pro/src/tests/infiniteLoader.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/infiniteLoader.DataGridPro.test.tsx
@@ -120,7 +120,7 @@ describe(' - Infnite loader', () => {
}
render();
- // data grid should have loaded 6 rows:
+ // Data Grid should have loaded 6 rows:
// 1 initial row
// 5 rows loaded one by one through `onRowsScrollEnd` callback
diff --git a/packages/x-data-grid/src/hooks/features/dimensions/useGridDimensions.ts b/packages/x-data-grid/src/hooks/features/dimensions/useGridDimensions.ts
index 64668b34fda46..35fd29033f8d7 100644
--- a/packages/x-data-grid/src/hooks/features/dimensions/useGridDimensions.ts
+++ b/packages/x-data-grid/src/hooks/features/dimensions/useGridDimensions.ts
@@ -341,7 +341,7 @@ export function useGridDimensions(
if (size.height === 0 && !errorShown.current && !props.autoHeight && !isJSDOM) {
logger.error(
[
- 'The parent DOM element of the data grid has an empty height.',
+ 'The parent DOM element of the Data Grid has an empty height.',
'Please make sure that this element has an intrinsic height.',
'The grid displays with a height of 0px.',
'',
@@ -353,7 +353,7 @@ export function useGridDimensions(
if (size.width === 0 && !errorShown.current && !isJSDOM) {
logger.error(
[
- 'The parent DOM element of the data grid has an empty width.',
+ 'The parent DOM element of the Data Grid has an empty width.',
'Please make sure that this element has an intrinsic width.',
'The grid displays with a width of 0px.',
'',
diff --git a/packages/x-data-grid/src/hooks/features/rows/gridRowsUtils.ts b/packages/x-data-grid/src/hooks/features/rows/gridRowsUtils.ts
index b088a3fb6565e..53d022c86853f 100644
--- a/packages/x-data-grid/src/hooks/features/rows/gridRowsUtils.ts
+++ b/packages/x-data-grid/src/hooks/features/rows/gridRowsUtils.ts
@@ -57,7 +57,7 @@ export function checkGridRowIdIsValid(
if (id == null) {
throw new Error(
[
- 'MUI X: The data grid component requires all rows to have a unique `id` property.',
+ '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),
diff --git a/packages/x-data-grid/src/hooks/utils/useGridApiContext.ts b/packages/x-data-grid/src/hooks/utils/useGridApiContext.ts
index 1989fd938d944..188d3d78ecff1 100644
--- a/packages/x-data-grid/src/hooks/utils/useGridApiContext.ts
+++ b/packages/x-data-grid/src/hooks/utils/useGridApiContext.ts
@@ -11,9 +11,9 @@ export function useGridApiContext<
if (apiRef === undefined) {
throw new Error(
[
- 'MUI X: Could not find the data grid context.',
+ '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.',
+ 'This can also happen if you are bundling multiple versions of the Data Grid.',
].join('\n'),
);
}
diff --git a/packages/x-data-grid/src/hooks/utils/useGridApiEventHandler.ts b/packages/x-data-grid/src/hooks/utils/useGridApiEventHandler.ts
index 1cb4bbd48f2a4..76cf3808c28ef 100644
--- a/packages/x-data-grid/src/hooks/utils/useGridApiEventHandler.ts
+++ b/packages/x-data-grid/src/hooks/utils/useGridApiEventHandler.ts
@@ -8,7 +8,7 @@ import type { GridApiCommon } from '../../models';
/**
* Signal to the underlying logic what version of the public component API
- * of the data grid is exposed.
+ * of the Data Grid is exposed.
*/
enum GridSignature {
DataGrid = 'DataGrid',
diff --git a/packages/x-data-grid/src/hooks/utils/useGridConfiguration.ts b/packages/x-data-grid/src/hooks/utils/useGridConfiguration.ts
index f65b863f77dba..f074fe2e11388 100644
--- a/packages/x-data-grid/src/hooks/utils/useGridConfiguration.ts
+++ b/packages/x-data-grid/src/hooks/utils/useGridConfiguration.ts
@@ -8,9 +8,9 @@ export const useGridConfiguration = () => {
if (configuration === undefined) {
throw new Error(
[
- 'MUI X: Could not find the data grid configuration context.',
+ 'MUI X: Could not find the Data Grid configuration 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.',
+ 'This can also happen if you are bundling multiple versions of the Data Grid.',
].join('\n'),
);
}
diff --git a/packages/x-data-grid/src/hooks/utils/useGridPrivateApiContext.ts b/packages/x-data-grid/src/hooks/utils/useGridPrivateApiContext.ts
index 9011b63bcd107..0863a4169d056 100644
--- a/packages/x-data-grid/src/hooks/utils/useGridPrivateApiContext.ts
+++ b/packages/x-data-grid/src/hooks/utils/useGridPrivateApiContext.ts
@@ -16,9 +16,9 @@ export function useGridPrivateApiContext<
if (privateApiRef === undefined) {
throw new Error(
[
- 'MUI X: Could not find the data grid private context.',
+ '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.',
+ 'This can also happen if you are bundling multiple versions of the Data Grid.',
].join('\n'),
);
}
diff --git a/packages/x-data-grid/src/models/api/gridFilterApi.ts b/packages/x-data-grid/src/models/api/gridFilterApi.ts
index d86aabc67fb23..05fa203740685 100644
--- a/packages/x-data-grid/src/models/api/gridFilterApi.ts
+++ b/packages/x-data-grid/src/models/api/gridFilterApi.ts
@@ -63,7 +63,7 @@ export interface GridFilterApi {
*/
ignoreDiacritics: DataGridProcessedProps['ignoreDiacritics'];
/**
- * Returns the filter state for the given filter model without applying it to the data grid.
+ * Returns the filter state for the given filter model without applying it to the Data Grid.
* @param {GridFilterModel} filterModel The filter model to get the state for.
* @returns {GridStateCommunity['filter']} The filter state.
*/
diff --git a/packages/x-data-grid/src/tests/layout.DataGrid.test.tsx b/packages/x-data-grid/src/tests/layout.DataGrid.test.tsx
index aee37da9c508f..f92b82e0dc2f0 100644
--- a/packages/x-data-grid/src/tests/layout.DataGrid.test.tsx
+++ b/packages/x-data-grid/src/tests/layout.DataGrid.test.tsx
@@ -199,7 +199,7 @@ describe(' - Layout & warnings', () => {
// Use timeout to allow simpler tests in JSDOM.
clock.tick(0);
}).toErrorDev(
- 'MUI X: useResizeContainer - The parent DOM element of the data grid has an empty height.',
+ 'MUI X: useResizeContainer - The parent DOM element of the Data Grid has an empty height.',
);
});
@@ -215,7 +215,7 @@ describe(' - Layout & warnings', () => {
// Use timeout to allow simpler tests in JSDOM.
clock.tick(0);
}).toErrorDev(
- 'MUI X: useResizeContainer - The parent DOM element of the data grid has an empty width',
+ 'MUI X: useResizeContainer - The parent DOM element of the Data Grid has an empty width',
);
});
});
@@ -959,13 +959,13 @@ describe(' - Layout & warnings', () => {
,
);
}).toErrorDev([
- 'The data grid component requires all rows to have a unique `id` property',
- 'The data grid component requires all rows to have a unique `id` property',
+ 'The Data Grid component requires all rows to have a unique `id` property',
+ 'The Data Grid component requires all rows to have a unique `id` property',
'The above error occurred in the component',
]);
expect((errorRef.current as any).errors).to.have.length(1);
expect((errorRef.current as any).errors[0].toString()).to.include(
- 'The data grid component requires all rows to have a unique `id` property',
+ 'The Data Grid component requires all rows to have a unique `id` property',
);
});
});
diff --git a/packages/x-data-grid/src/utils/domUtils.ts b/packages/x-data-grid/src/utils/domUtils.ts
index 0b002536f8834..fb639ed26ba2b 100644
--- a/packages/x-data-grid/src/utils/domUtils.ts
+++ b/packages/x-data-grid/src/utils/domUtils.ts
@@ -272,7 +272,7 @@ export function findGridCells(api: GridPrivateApiCommunity, field: string) {
function queryRows(api: GridPrivateApiCommunity) {
return api.virtualScrollerRef.current!.querySelectorAll(
- // Use > to ignore rows from nested data grids (for example in detail panel)
+ // Use > to ignore rows from nested Data Grids (for example in detail panel)
`:scope > div > div > .${gridClasses.row}`,
);
}
From 387eb1bdc8314aa441025402ffccbd7d0eda568c Mon Sep 17 00:00:00 2001
From: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
Date: Tue, 8 Oct 2024 17:20:15 -0700
Subject: [PATCH 2/5] changelogs
---
CHANGELOG.md | 16 +++----
changelogOld/CHANGELOG.v4.md | 42 +++++++++---------
changelogOld/CHANGELOG.v5.md | 30 ++++++-------
changelogOld/CHANGELOG.v6.md | 82 ++++++++++++++++++------------------
4 files changed, 85 insertions(+), 85 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7b89b6706fbe4..a264cab0daecd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -121,7 +121,7 @@ We'd like to offer a big thanks to the 14 contributors who made this release pos
- 💫 Support [Row spanning](https://mui.com/x/react-data-grid/row-spanning/) on the Data Grid that automatically merges the consecutive cells in a column based on the cell value
- 
+
- ⏰ Support `date-fns` v4 (#14673) @LukasTy
- 🎉 Add option for Pickers to change the order of displayed years (#11780) @thomasmoon
@@ -560,7 +560,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
#### `@mui/x-data-grid@7.13.0`
- [DataGrid] Fix CSV export for `null` and `undefined` values (#14166) @k-rajat19
-- [DataGrid] Fix error logged during skeleton loading with nested data grid (#14186) @KenanYusuf
+- [DataGrid] Fix error logged during skeleton loading with nested Data Grid (#14186) @KenanYusuf
- [DataGrid] Remove needless check in `useGridStateInitialization` (#14181) @k-rajat19
- [DataGrid] Add recipe for persisting filters in local storage (#14208) @cherniavskii
- [l10n] Improve Vietnamese (vi-VN) locale (#14216) @hungnd-casso
@@ -1528,7 +1528,7 @@ Same changes as in `@mui/x-date-pickers@7.6.0`.
- [docs] Fix a small typo in property comment (#13245) @Janpot
- [docs] Improve the Data Grid FAQ page (#13258) @MBilalShafi
- [docs] Removes unused lines in TreeItem2 styling (#13264) @arthurbalduini
-- [docs] Small improvements on accessibility data grid doc (#13233) @arthurbalduini
+- [docs] Small improvements on accessibility Data Grid doc (#13233) @arthurbalduini
- [docs] Update Pickers demo configurations (#13303) @LukasTy
### Core
@@ -2127,7 +2127,7 @@ Same changes as in `@mui/x-date-pickers@7.1.1`, plus:
- [docs] Fix typo in `getItemId` prop description (#12637) @flaviendelangle
- [docs] Make the Charts `margin` usage more visible (#12591) @alexfauquette
- [docs] Match IE 11 spacing with Material UI @oliviertassinari
-- [docs] Move data grid interfaces to standard API page layout (#12016) @alexfauquette
+- [docs] Move Data Grid interfaces to standard API page layout (#12016) @alexfauquette
- [docs] Remove ` around @default values (#12158) @alexfauquette
- [docs] Remove `day` from the default `dayOfWeekFormatter` function params (#12644) @LukasTy
- [docs] Use `TreeItem2` for icon expansion example on `RichTreeView` (#12563) @flaviendelangle
@@ -3568,7 +3568,7 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.9`.
- [docs] Fix generated tree view API docs (#11737) @LukasTy
- [docs] Generate docs for Tree View slots (#11730) @flaviendelangle
- [docs] Improve codemod for v7 (#11650) @oliviertassinari
-- [docs] Improve data grid `pageSizeOptions` prop documentation (#11682) @oliviertassinari
+- [docs] Improve Data Grid `pageSizeOptions` prop documentation (#11682) @oliviertassinari
- [docs] Parse markdown on API docs demo titles (#11728) @LukasTy
- [docs] Remove the description from the `className` prop (#11693) @oliviertassinari
- [docs] Uplift `SimpleTreeView` customization examples (#11424) @noraleonte
@@ -3656,8 +3656,8 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.8`.
- [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11628) @LukasTy
- [docs] Improve `git diff` format @oliviertassinari
- [docs] Push up the MUI X brand (#11533) @oliviertassinari
-- [docs] Remove old data grid translation files (#11646) @cherniavskii
-- [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
+- [docs] Remove old Data Grid translation files (#11646) @cherniavskii
+- [docs] Improve Server-side Data Grid docs (#11589) @oliviertassinari
- [docs] Improve charts landing page (#11570) @oliviertassinari
### Core
@@ -4879,7 +4879,7 @@ A special shoutout to thank the 12 contributors who made this release possible.
- 🚀 First v7 alpha release
- ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
- 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/)
-- 💫 New recipes added for the data grid
+- 💫 New recipes added for the Data Grid
- 📈 `` component is now available
- 🌍 Add Basque (eu) locale, improve Czech (cs-CZ) and Spanish (es-ES) locales
- 🐞 Bugfixes
diff --git a/changelogOld/CHANGELOG.v4.md b/changelogOld/CHANGELOG.v4.md
index 756445e851a6f..313fd03c9b875 100644
--- a/changelogOld/CHANGELOG.v4.md
+++ b/changelogOld/CHANGELOG.v4.md
@@ -4,7 +4,7 @@
_Aug 27, 2021_
-🎉 This is the first stable release of the data grid component 🎉!
+🎉 This is the first stable release of the Data Grid component 🎉!
We have been iterating on the component for [18 months](https://github.com/mui/mui-x/commit/705cb0f387b5f3aa056bf40c4183a2342b317447). With the introduction of the [row edit](https://mui.com/x/react-data-grid/editing/#row-editing) feature, many bug fixes, and polishing of the documentation, we believe the component is ready for a stable release.
@@ -130,7 +130,7 @@ This is the last alpha release. We are moving to beta in the next release, next
- [DataGrid] Drop support for @material-ui/core below 4.12.0 (#2281) @DanailH
- [DataGrid] Fix when `renderCell` returns false-ish values (#2242) @siriwatknp
- [DataGrid] Group events into a single enum (#2279) @flaviendelangle
-- [DataGrid] Improve error message if using multiple versions of data grid (#2311) @ZeeshanTamboli
+- [DataGrid] Improve error message if using multiple versions of Data Grid (#2311) @ZeeshanTamboli
- [DataGrid] Make resized column not flexible (#2308) @flaviendelangle
- [DataGrid] Merge `useGridVirtualColumns` into `useGridVirtualRows` (#2314) @m4theushw
- [DataGrid] Remove dependency on x-license (#2295) @oliviertassinari
@@ -977,7 +977,7 @@ Big thanks to the 11 contributors who made this release possible. Here are some
- [docs] Clean demos components (#1681) @oliviertassinari
- [docs] Fix docs demo (#1691) @dtassone
- [docs] Improve Filtering page (#1671) @m4theushw
-- [docs] Improve the data grid components page (#1382) @dtassone
+- [docs] Improve the Data Grid components page (#1382) @dtassone
- [docs] Refine the descriptions to be clearer (#1589) @oliviertassinari
- [docs] Reshuffle columns and rows styling sections (#1622) @DanailH
@@ -1110,14 +1110,14 @@ Big thanks to the 9 contributors who made this release possible. Here are some h
- [docs] Add missing filterModel prop in /api/ (#1518) @imsuvesh
- [docs] Better document how to disable row selection (#1510) @ZeeshanTamboli
-- [docs] Fix data grid feature comparison (#1516) @imsuvesh
+- [docs] Fix Data Grid feature comparison (#1516) @imsuvesh
- [docs] Fix typos (#1447) @ZeeshanTamboli
- [docs] No ads for commercial license (#1489) @oliviertassinari
### Core
- [core] Label our packages as side effect free (#1466) @oliviertassinari
-- [core] Reduce work in data grid (#1520) @oliviertassinari
+- [core] Reduce work in Data Grid (#1520) @oliviertassinari
- [core] Remove React.FC (#1436) @ZeeshanTamboli
- [license] No need to test the location (#1488) @oliviertassinari
- [test] Improve test coverage of roving tabindex (#1459) @oliviertassinari
@@ -1369,7 +1369,7 @@ Big thanks to the 7 contributors who made this release possible. Here are some h
#### Breaking changes
- [DataGrid] Prefix all public API to fit into the global Material UI namespace (#1069) @DanailH
- This change gets the data grid one step closer to a stable release. It allows the data grid to fit into the global namespace of Material UI. All the exported modules should have a unique name. It allows the search features, in Google, in the docs, and in the codebase to work effectively and efficiently.
+ This change gets the Data Grid one step closer to a stable release. It allows the Data Grid to fit into the global namespace of Material UI. All the exported modules should have a unique name. It allows the search features, in Google, in the docs, and in the codebase to work effectively and efficiently.
For the mirgration, prefixing a broken import with "grid" is often enough. In the case it's not working, head to the pull request's description. It [details all the changes](https://github.com/mui/mui-x/pull/1069).
@@ -1410,9 +1410,9 @@ _Feb 17, 2021_
Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- 📍 Add support for default locales (#983) @DanailH
- We have built the infrastructure to support around 100 [default locales](https://mui.com/x/react-data-grid/localization/#supported-locales). If you have localized the data grid in your application. Please do consider contributing new translations back to Material UI by opening a pull request.
+ We have built the infrastructure to support around 100 [default locales](https://mui.com/x/react-data-grid/localization/#supported-locales). If you have localized the Data Grid in your application. Please do consider contributing new translations back to Material UI by opening a pull request.
- 🎁 Add new `selectionModel` prop (#986) @dtassone
- The prop can be used to control the selected rows in the data grid. [See the docs](https://v4.mui.com/components/data-grid/selection/#controlled-selection).
+ The prop can be used to control the selected rows in the Data Grid. [See the docs](https://v4.mui.com/components/data-grid/selection/#controlled-selection).
- 💅 Add support for default props from theme (#1019) @DanailH
- 🙌 Fix scrollbar size on windows (#1061) @dtassone
- 🐛 Polish existing features, fix 9 issues.
@@ -1482,7 +1482,7 @@ Big thanks to the 4 contributors who made this release possible. Here are some h
### Docs
-- [docs] Add code snippet for localization docs in the data grid (#1024) @DanailH
+- [docs] Add code snippet for localization docs in the Data Grid (#1024) @DanailH
- [docs] Fix usage of the wrong type (#1062) @oliviertassinari
- [docs] Reduce fears around license upfront @oliviertassinari
- [docs] Update streaming docs (#1013) @dtassone
@@ -1503,7 +1503,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
- 🎁 Add getRowId prop (#972) @dtassone
- 🚀 Add streaming delete row API (#980) @dtassone
- 💅 Fix autoHeight (#940) @oliviertassinari
-- 🙌 Enable the data grid to work under strict mode (#933) @dtassone
+- 🙌 Enable the Data Grid to work under strict mode (#933) @dtassone
- ⚡️ Add component slots for toolbar and preference panel (#971) @DanailH
- 🐛 Polish existing features, fix 9 issues.
@@ -1544,11 +1544,11 @@ _Jan 26, 2021_
Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🎁 Add support for Material UI v5-alpha (#855) @DanailH.
- The data grid supports Material UI v4 and v5. We aim to retain the support for v4 as long as v5 hasn't reached the beta phase.
+ The Data Grid supports Material UI v4 and v5. We aim to retain the support for v4 as long as v5 hasn't reached the beta phase.
- 💅 Update the customization API to be closer to Material UI v5.
- The data grid accepts two props: `components` and `componentsProps`.
+ The Data Grid accepts two props: `components` and `componentsProps`.
The first prop allows to swapping specific components used in slots the grid, like the checkboxes.
- The second one allows providing extra props to each slot. It avoids the need for using the React context to access information from outside the data grid.
+ The second one allows providing extra props to each slot. It avoids the need for using the React context to access information from outside the Data Grid.
See the [RFC](https://github.com/mui/material-ui/issues/21453) for more details.
@@ -1647,7 +1647,7 @@ Big thanks to the 4 contributors who made this release possible. Here are some h
### Docs
-- [docs] Add docs for data grid column selector (#837) @DanailH
+- [docs] Add docs for Data Grid column selector (#837) @DanailH
- [docs] Clarify feature split between Pro and Premium (#779) @oliviertassinari
### Core
@@ -1685,7 +1685,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
- 🌎 Add support for internationalization (#718) @DanailH
- You can use the `localeText` prop to provide custom wordings in the data grid.
+ You can use the `localeText` prop to provide custom wordings in the Data Grid.
Check the documentation for [a demo](https://mui.com/x/react-data-grid/localization/#translation-keys).
- 📚 Start documenting the filtering feature 🧪 (#754) @dtassone
@@ -1703,7 +1703,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
### Docs
- [docs] Polish docs (#778) @oliviertassinari
-- [docs] Start documentation for the data grid filter features (#754) @dtassone
+- [docs] Start documentation for the Data Grid filter features (#754) @dtassone
- [docs] Sync with docs to fix images (#776) @oliviertassinari
### Core
@@ -1718,7 +1718,7 @@ _Dec 16, 2020_
Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- 🐛 Fix bugs from recently released features.
-- 🧪 Continue the iteration on the data grid filtering feature, soon to be released @dtassone.
+- 🧪 Continue the iteration on the Data Grid filtering feature, soon to be released @dtassone.
### @material-ui/x-grid@v4.0.0-alpha.13 / @material-ui/data-grid@v4.0.0-alpha.13
@@ -1737,7 +1737,7 @@ Big thanks to the 4 contributors who made this release possible. Here are some h
- [security] Bump ini from 1.3.5 to 1.3.7 (#719) @dependabot-preview
- [core] Update monorepository (#725) @oliviertassinari
- [test] Polish refactor (#723) @oliviertassinari
-- [test] Split data grid tests in multiple files (#722) @dtassone
+- [test] Split Data Grid tests in multiple files (#722) @dtassone
- [test] Add tests for DataGrid filtering feature (#715) @dtassone
## [4.0.0-alpha.12](https://github.com/mui/mui-x/compare/v4.0.0-alpha.11...v4.0.0-alpha.12)
@@ -1746,9 +1746,9 @@ _Dec 9, 2020_
Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
-- 🔍 Add a new data grid [density selector](https://mui.com/x/react-data-grid/accessibility/#density) feature (#606) @DanailH.
-- 💄 A first iteration on the data grid's toolbar.
-- 🧪 Continue the iteration on the data grid filtering feature, soon to be released @dtassone.
+- 🔍 Add a new Data Grid [density selector](https://mui.com/x/react-data-grid/accessibility/#density) feature (#606) @DanailH.
+- 💄 A first iteration on the Data Grid's toolbar.
+- 🧪 Continue the iteration on the Data Grid filtering feature, soon to be released @dtassone.
### @material-ui/x-grid@v4.0.0-alpha.12 / @material-ui/data-grid@v4.0.0-alpha.12
diff --git a/changelogOld/CHANGELOG.v5.md b/changelogOld/CHANGELOG.v5.md
index 324ef65bc5fe1..13093802a3a35 100644
--- a/changelogOld/CHANGELOG.v5.md
+++ b/changelogOld/CHANGELOG.v5.md
@@ -121,7 +121,7 @@ We'd like to offer a big thanks to the 13 contributors who made this release pos
- [DataGrid] Add `title` attribute to cells (#7695) @thupi
- [DataGrid] Fix grid state not being updated after print preview is closed (#7680) @cherniavskii
- [DataGrid] Fix non-hideable columns visibility toggling (#7716) @cherniavskii
-- [DataGrid] Fix scrolling on resize for data grids inside shadow root (#7722) @cherniavskii
+- [DataGrid] Fix scrolling on resize for Data Grids inside shadow root (#7722) @cherniavskii
- [DataGridPremium] Create aggregation footer row with `isAutoGenerated: true` (#7681) @m4theushw
- [l10n] Add Belarusian (be-BY) locale (#7718) @volhalink
- [l10n] Add Slovak (sk-SK) translation for aggregation functions (#7690) @msidlo
@@ -432,7 +432,7 @@ We'd like to offer a big thanks to the 4 contributors who made this release poss
### Docs
-- [docs] Mark data grid column group available (#6659) @alexfauquette
+- [docs] Mark Data Grid column group available (#6659) @alexfauquette
## 5.17.9
@@ -478,7 +478,7 @@ _Oct 20, 2022_
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
-- 🌍 Improve Turkish (tr-TR) locale on the data grid and pickers (#6573) @ramazansancar
+- 🌍 Improve Turkish (tr-TR) locale on the Data Grid and pickers (#6573) @ramazansancar
### `@mui/x-data-grid@v5.17.8` / `@mui/x-data-grid-pro@v5.17.8` / `@mui/x-data-grid-premium@v5.17.8`
@@ -487,7 +487,7 @@ We'd like to offer a big thanks to the 5 contributors who made this release poss
- [DataGrid] Add `searchPredicate` prop to `GridColumnsPanel` component (#6572) @cherniavskii
- [DataGrid] Fix grid not updating state on `rowCount` prop change (#6474) @cherniavskii
- [DataGridPro] Fix row order being reset after updating the row (#6544) @cherniavskii
-- [l10n] Improve Turkish (tr-TR) locale on the data grid and pickers (#6542) (#6573) @ramazansancar
+- [l10n] Improve Turkish (tr-TR) locale on the Data Grid and pickers (#6542) (#6573) @ramazansancar
### `@mui/x-date-pickers@v5.0.5` / `@mui/x-date-pickers-pro@v5.0.5`
@@ -591,7 +591,7 @@ We'd like to offer a big thanks to the 5 contributors who made this release poss
#### Changes
- [DataGrid] Do not publish `cellFocusOut` event if the row was removed (#6251) @cherniavskii
-- [DataGrid] Improve Polish (pl-PL) locale on the data grid (#6245) @grzegorz-bach
+- [DataGrid] Improve Polish (pl-PL) locale on the Data Grid (#6245) @grzegorz-bach
### `@mui/x-date-pickers@v5.0.3` / `@mui/x-date-pickers-pro@v5.0.3`
@@ -787,7 +787,7 @@ _Aug 25, 2022_
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
-- 🎁 Introduce column grouping for data grid (#5133) @alexfauquette
+- 🎁 Introduce column grouping for Data Grid (#5133) @alexfauquette
You can now group columns using the `columnGroupingModel` prop. This lets you to display more structured data.
@@ -1027,7 +1027,7 @@ _Jul 21, 2022_
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
-- 🧪 Export `GridBooleanCell` component from data grid (#5537) @cliedeman
+- 🧪 Export `GridBooleanCell` component from Data Grid (#5537) @cliedeman
- ⚙️ Improve accessibility of the Export menu (#5486) @nogalpaulina
- 🌍 Improvements to different locales
- 📚 Documentation improvements
@@ -1128,7 +1128,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
'auto'} />
```
-- 🌍 Add Romanian (ro-RO) locale on the data grid (#5345) @rolule
+- 🌍 Add Romanian (ro-RO) locale on the Data Grid (#5345) @rolule
- 📚 Documentation improvements
- 🐞 Bugfixes
@@ -1173,7 +1173,7 @@ _Jun 23, 2022_
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
-- 🌍 Add Swedish (sv-SE) locale on the data grid and the pickers (#5210) @mrxdst
+- 🌍 Add Swedish (sv-SE) locale on the Data Grid and the pickers (#5210) @mrxdst
- 🌍 Add Dutch (nl-NL) locale on the pickers (#5237) @DDukers
- 📚 Documentation improvements
- 🐞 Bugfixes
@@ -1225,7 +1225,7 @@ _Jun 16, 2022_
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Performance improvement for dynamic row height (#5135) @m4theushw
-- 🕒 Add demo of how to use the data grid with date pickers (#5053) @cherniavskii
+- 🕒 Add demo of how to use the Data Grid with date pickers (#5053) @cherniavskii
- 📚 Documentation improvements
- 🐞 Bugfixes
@@ -1250,7 +1250,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
- [docs] Improve the `getRowId` doc section (#5156) @flaviendelangle
- [docs] Instruction to deal with invalid license message (#5074) @joserodolfofreitas
- [docs] Use redirection in the code (#5114) @oliviertassinari
-- [docs] Add demo of how to use the data grid with date pickers (#5053) @cherniavskii
+- [docs] Add demo of how to use the Data Grid with date pickers (#5053) @cherniavskii
### Core
@@ -1300,7 +1300,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
### Docs
-- [docs] Implement the focus management on data grid demo links (#5070) @alexfauquette
+- [docs] Implement the focus management on Data Grid demo links (#5070) @alexfauquette
- [docs] Fix `301` link to render cell (#5106) @oliviertassinari
- [docs] Fix broken anchor link @oliviertassinari
- [docs] Improve movie dataset (#5142) @flaviendelangle
@@ -1407,7 +1407,7 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
- 🌍 Support localization on the date and time picker components (#4517) @alexfauquette
- Texts can be translated in the pickers components, similar to what can be done in the data grid component. Check the [documentation](https://mui.com/x/react-date-pickers/localization/) for more information.
+ Texts can be translated in the pickers components, similar to what can be done in the Data Grid component. Check the [documentation](https://mui.com/x/react-date-pickers/localization/) for more information.
- 📃 Add support for column spanning when exporting to Excel (#4830) @cherniavskii
@@ -1615,7 +1615,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
- [docs] Split the 'Columns' page (#4600) @flaviendelangle
- [docs] Stop using `GridEvents` enum in documentation (#4699) @flaviendelangle
- [docs] Update mono repo to get copy code block (#4691) @siriwatknp
-- [docs] Update the feature table in the Getting Started page of the data grid (#4619) @flaviendelangle
+- [docs] Update the feature table in the Getting Started page of the Data Grid (#4619) @flaviendelangle
- [docs] Add demo for Premium (#4750) @m4theushw
### Core
@@ -1679,7 +1679,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
- ⚡ Update peer dependencies to support React 18 (#4332) @m4theushw
- Now the data grid and pickers components support the concurrent mode.
+ Now the Data Grid and pickers components support the concurrent mode.
- 🎁 Add support for [Column spanning](https://mui.com/x/react-data-grid/column-spanning/) (#4020) @cherniavskii
diff --git a/changelogOld/CHANGELOG.v6.md b/changelogOld/CHANGELOG.v6.md
index f52c6d78a105a..b429b79df4b69 100644
--- a/changelogOld/CHANGELOG.v6.md
+++ b/changelogOld/CHANGELOG.v6.md
@@ -469,7 +469,7 @@ Same changes as in `@mui/x-date-pickers@6.19.0`.
- [docs] Add missing component @oliviertassinari
- [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11637) @LukasTy
- [docs] Push up the MUI X brand (#11533) @oliviertassinari
-- [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
+- [docs] Improve Server-side Data Grid docs (#11589) @oliviertassinari
- [docs] Add demo to the charts overview page (#11586) @danilo-leal
- [docs] Fix 404 links in the docs @oliviertassinari
- [docs] Improve landing page (#11570) @oliviertassinari
@@ -580,7 +580,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
#### `@mui/x-data-grid@6.18.5`
- [l10n] Improve Swedish (sv-SE) locale (#11379) @fredrikcarlbom
-- [l10n] Improve Urdu (ur-PK) locale for data grid (#11409) @MBilalShafi
+- [l10n] Improve Urdu (ur-PK) locale for Data Grid (#11409) @MBilalShafi
#### `@mui/x-data-grid-pro@6.18.5` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
@@ -830,7 +830,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
-- ✨ The data grid allows to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering.
+- ✨ The Data Grid allows to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering.
- 📚 Documentation improvements
### Data Grid
@@ -870,8 +870,8 @@ Same changes as in `@mui/x-date-pickers@6.18.0`.
### Docs
-- [docs] Add a data grid recipe for autosizing columns after fetching row-data (#10822) @michelengelen
-- [docs] Add a data grid recipe showing how to remove cell outline on `focus` (#10843) @michelengelen
+- [docs] Add a Data Grid recipe for autosizing columns after fetching row-data (#10822) @michelengelen
+- [docs] Add a Data Grid recipe showing how to remove cell outline on `focus` (#10843) @michelengelen
- [docs] Add demo about how to use charts margin (#10886) @alexfauquette
- [docs] Improve custom field input demos readability (#10559) @LukasTy
@@ -939,7 +939,7 @@ No change
### Docs
- [docs] Correct editing related props' description (#10798) @MBilalShafi
-- [docs] Fix RTL data grid demo (#10728) @oliviertassinari
+- [docs] Fix RTL Data Grid demo (#10728) @oliviertassinari
- [docs] Fix unclosed warning (#10796) @flaviendelangle
- [docs] Improve performance of `Save and restore the state from external storage` recipe (#10811) @michelengelen
@@ -1195,7 +1195,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
- 🚀 Fix header filters menu auto closing on render (#10483) @MBilalShafi
- 🎯 Fix column headers scroll when theme scoping is used (#10437) @cherniavskii
-- 🌍 Improve Russian (ru-RU) locale on the data grid
+- 🌍 Improve Russian (ru-RU) locale on the Data Grid
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -1240,7 +1240,7 @@ Same changes as in `@mui/x-date-pickers@6.16.0`.
### Docs
-- [docs] Correct the typo in data grid api docs (#10477) @MBilalShafi
+- [docs] Correct the typo in Data Grid api docs (#10477) @MBilalShafi
- [docs] Add customization playground (#9581) @noraleonte
- [docs] Fix Tree View product ID (#10428) @oliviertassinari
- [docs] Fix demo crashing when all rows are deleted (#10438) @cherniavskii
@@ -1249,7 +1249,7 @@ Same changes as in `@mui/x-date-pickers@6.16.0`.
### Core
-- [core] Fix typo in header data grid quick filter @oliviertassinari
+- [core] Fix typo in header Data Grid quick filter @oliviertassinari
- [core] Group D3 renovate PRs (#10480) @flaviendelangle
- [core] Link the priority support page (#10495) @michelengelen
- [core] Move the pickers describes to the test utils folder (#10490) @flaviendelangle
@@ -1266,7 +1266,7 @@ _Sep 22, 2023_
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Implement columns auto-sizing (#10180) @romgrk
-- 🎁 Add support for `getRowsToExport` option to print export on the data grid (#10084) @zreecespieces
+- 🎁 Add support for `getRowsToExport` option to print export on the Data Grid (#10084) @zreecespieces
- 🌍 Improve Finnish (fi-FI) locale
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -1353,7 +1353,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
The `YearCalendar` and `MonthCalendar` items role has been changed from `button` to `radio` in order to improve the component's a11y support.
If you were relying on the mentioned components having a `button` role for items, you will need to update your usage to expect a `radio` role instead.
-- 🌍 Improve Japanese (ja-JP), Persian (fa-IR), and Vietnamese (vi-VN) locales on the data grid
+- 🌍 Improve Japanese (ja-JP), Persian (fa-IR), and Vietnamese (vi-VN) locales on the Data Grid
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -1429,7 +1429,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
The range picker popup will now be anchored to the first input element and left aligned like other pickers.
-- 🌍 Improve Slovak (sk-SK) locale on the data grid
+- 🌍 Improve Slovak (sk-SK) locale on the Data Grid
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -1487,7 +1487,7 @@ Same changes as in `@mui/x-date-pickers@6.13.0`, plus:
- [docs] Fix npm package indentation @oliviertassinari
- [docs] Fix typo in tree view docs @oliviertassinari
- [docs] Improve the week picker example (#8257) @flaviendelangle
-- [docs] Include code links in the data grid demo (#10219) @cherniavskii
+- [docs] Include code links in the Data Grid demo (#10219) @cherniavskii
- [docs] Polish page for SEO (#10216) @oliviertassinari
- [docs] Use `Base UI` `Portal` for the quick filter recipe (#10188) @DanailH
@@ -1565,7 +1565,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
- 📊 Support horizontal bar chart
- 💫 Improved animations on Android devices
-- 🌍 Improve Ukrainian (uk-UA) locale on the data grid
+- 🌍 Improve Ukrainian (uk-UA) locale on the Data Grid
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -1631,7 +1631,7 @@ _Aug 17, 2023_
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
- 🏎️ Lower the filtering delay in the grid
-- 🌍 Improve Spanish (es-ES) locale on the data grid
+- 🌍 Improve Spanish (es-ES) locale on the Data Grid
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -1753,7 +1753,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
The `` component has been moved to the MUI X repository.
It is now accessible from its own package: `@mui/x-tree-view`.
-- 🌍 Improve Hebrew (he-IL), Finnish (fi-FI), and Italian (it-IT) locales on the data grid
+- 🌍 Improve Hebrew (he-IL), Finnish (fi-FI), and Italian (it-IT) locales on the Data Grid
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -1883,7 +1883,7 @@ Same changes as in `@mui/x-date-pickers@6.10.2`.
- [docs] Add `pnpm` in more places @oliviertassinari
- [docs] Add `pnpm` installation instructions for MUI X (#9707) @richbustos
- [docs] Align pickers "uncontrolled vs controlled" sections (#9772) @LukasTy
-- [docs] Apply style guide to the data grid Layout page (#9673) @richbustos
+- [docs] Apply style guide to the Data Grid Layout page (#9673) @richbustos
- [docs] Differentiate between packages in `slotProps` docs (#9668) @cherniavskii
- [docs] Fix charts width in axis pages (#9801) @alexfauquette
- [docs] Fix wrong prop name in the Editing page (#9753) @m4theushw
@@ -1973,9 +1973,9 @@ _Jul 13, 2023_
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
-- ⚡ Improve data grid filtering performance
+- ⚡ Improve Data Grid filtering performance
- 🎁 Include column groups in the CSV export
-- 🌍 Improve Polish (pl-PL) locale for the data grid
+- 🌍 Improve Polish (pl-PL) locale for the Data Grid
- 🌍 Improve Norwegian (nb-NO) locale for the pickers
### Data Grid
@@ -2107,7 +2107,7 @@ We'd like to offer a big thanks to the 13 contributors who made this release pos
- 🔎 Add experimental API for faster filtering performance
- 🌍 Add Chinese (Hong Kong) (zh-HK) locale on the pickers
-- 🌍 Improve Romanian (ro-RO) and Hungarian (hu-HU) translations on the pickers and the data grid
+- 🌍 Improve Romanian (ro-RO) and Hungarian (hu-HU) translations on the pickers and the Data Grid
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -2150,7 +2150,7 @@ Same changes as in `@mui/x-date-pickers@6.9.1`.
### Charts / `@mui/x-charts@6.0.0-alpha.1`
-- [charts] Take responsive container from data grid (#9497) @alexfauquette
+- [charts] Take responsive container from Data Grid (#9497) @alexfauquette
- [charts] Update README.md (#9426) @alexfauquette
- [charts] Fix typo and small refactor (#9526) @flaviendelangle
@@ -2194,7 +2194,7 @@ We'd like to offer a big thanks to the 11 contributors who made this release pos
Visit the [documentation](https://mui.com/x/react-date-pickers/timezone/) to learn how to use it.
-- 🌍 Improve Brazilian Portuguese (pt-BR) on the data grid
+- 🌍 Improve Brazilian Portuguese (pt-BR) on the Data Grid
- 🌍 Improve Czech (cs-CZ) locale on the pickers
- 🚅 Performance improvements
- 🐞 Bugfixes
@@ -2357,7 +2357,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
- 🌍 Add Romanian (ro-RO) locale on the pickers
- 🌍 Improve German (de-DE) locale on the pickers
-- 🌍 Improve Czech (cs-CZ), German (de-DE) and Turkish (tr-TR) locales on the data grid
+- 🌍 Improve Czech (cs-CZ), German (de-DE) and Turkish (tr-TR) locales on the Data Grid
- 🚀 Performance improvements
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -2372,7 +2372,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
- [DataGrid] Fix `sortModel` and `filterModel` resetting when columns change (#9239) @alexgonch
- [DataGrid] Improve grouping performance for large datasets (#9200) @romgrk
- [DataGrid] Increase threshold to trigger memory leak warning (#9263) @m4theushw
-- [DataGrid] Update data grid migration guide to include updated type (#9272) @MBilalShafi
+- [DataGrid] Update Data Grid migration guide to include updated type (#9272) @MBilalShafi
- [l10n] Improve Czech (cs-CZ) locale (#9266) @MartinSkarpa
- [l10n] Improve German (de-DE) locale (#9259) @ximex
- [l10n] Improve Turkish (tr-TR) locale (#9237) @MCErtan
@@ -2431,7 +2431,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
- 🚀 Performance improvements
- 🐞 Bugfixes
- 📚 Documentation improvements
-- 🌍 Improve Dutch (nl-NL) and French (fr-FR) locales on the data grid
+- 🌍 Improve Dutch (nl-NL) and French (fr-FR) locales on the Data Grid
- 🌍 Add Vietnamese (vi-VN) locale on the pickers
### `@mui/x-data-grid@6.6.0` / `@mui/x-data-grid-pro@6.6.0` / `@mui/x-data-grid-premium@6.6.0`
@@ -2562,7 +2562,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
See [the documentation](https://mui.com/x/react-data-grid/clipboard/#clipboard-paste) for more information
-- 🌍 Improve French (fr-FR), German (de-DE), Portuguese (pt-BR) and Ukrainian (uk-UA) locales on the data grid
+- 🌍 Improve French (fr-FR), German (de-DE), Portuguese (pt-BR) and Ukrainian (uk-UA) locales on the Data Grid
- 🌍 Add Slovak (sk-SK) locale on the pickers
- 🐞 Bugfixes
- 📚 Documentation improvements
@@ -2712,7 +2712,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
- [docs] Fix columns special properties code example (#8414) @mikkelhl
- [docs] Fix error in `minDateTime` `validation` page section (#8777) @LukasTy
- [docs] Update custom field pickers using theme scoping (#8609) @siriwatknp
-- [docs] Use community version of data grid for column grouping demo (#7346) @ASchwad
+- [docs] Use community version of Data Grid for column grouping demo (#7346) @ASchwad
- [docs] Use new `slots` / `slotProps` props in the pickers migration guide (#8341) @flaviendelangle
### Core
@@ -2984,7 +2984,7 @@ We'd like to offer a big thanks to the 11 contributors who made this release pos
- [docs] Fix link to React's docs @oliviertassinari
- [docs] Fix Pro license links to point to the same page (#8303) @LukasTy
- [docs] Give an incentive to upgrade (#8269) @oliviertassinari
-- [docs] Improve contrast on data grid navigation (#8239) @oliviertassinari
+- [docs] Improve contrast on Data Grid navigation (#8239) @oliviertassinari
- [docs] Update shortcuts page to use slotProps (#8288) @dcorb
- [docs] Explain the `shouldDisableTime` migration in more depth (#8348) @LukasTy
@@ -3193,8 +3193,8 @@ _Feb 23, 2023_
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- ⚡️ Add web worker support for Excel export (#7770) @m4theushw
-- 🎁 Add a button to remove all filters on the data grid filter panel (#7326) @MBilalShafi
-- ⚙️ Allow to customize options label and value in the data grid `singleSelect` column (#7684) @m4theushw
+- 🎁 Add a button to remove all filters on the Data Grid filter panel (#7326) @MBilalShafi
+- ⚙️ Allow to customize options label and value in the Data Grid `singleSelect` column (#7684) @m4theushw
- 📚 Documentation improvements
- 🐞 Bugfixes
@@ -3233,7 +3233,7 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
- [docs] Fine tune range fields demos (#7992) @LukasTy
- [docs] Fix a few scroll issues on mobile (#7900) @oliviertassinari
-- [docs] Fix inconsistency in the data grid migration guide (#7963) @MBilalShafi
+- [docs] Fix inconsistency in the Data Grid migration guide (#7963) @MBilalShafi
### Core
@@ -3293,7 +3293,7 @@ _Feb 9, 2023_
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
-- ⬅️ Add right-to-left support for the data grid (#6580) @yaredtsy
+- ⬅️ Add right-to-left support for the Data Grid (#6580) @yaredtsy
- ⚡️ Improve grid resize performance (#7864) @cherniavskii
- ✨ New codemods for migrating to v6 @MBilalShafi
- 📚 Documentation improvements
@@ -3387,7 +3387,7 @@ We'd like to offer a big thanks to the 11 contributors who made this release pos
### Docs
-- [docs] Fix a typo in data grid layout page (#7113) @sfbaker7
+- [docs] Fix a typo in Data Grid layout page (#7113) @sfbaker7
- [docs] Fix require context path to avoid duplicate key creation (#7781) @LukasTy
- [docs] Polish pickers migration docs (#7737) @LukasTy
- [docs] Rename `next` translation docs and remove duplicates with `-next` (#7729) @LukasTy
@@ -3419,7 +3419,7 @@ We'd like to offer a big thanks to the 17 contributors who made this release pos
- [DataGrid] Fix `autoHeight` not working properly inside of a flex container (#7701) @cherniavskii
- [DataGrid] Fix grid state not being updated after print preview is closed (#7642) @cherniavskii
- [DataGrid] Fix non-hideable columns visibility toggling (#7637) @cherniavskii
-- [DataGrid] Fix scrolling on resize for data grids inside shadow root (#7298) @akiradev
+- [DataGrid] Fix scrolling on resize for Data Grids inside shadow root (#7298) @akiradev
- [l10n] Add Slovak (sk-SK) translation for aggregation functions (#7702) @msidlo
- [l10n] Add missing core locales for `MuiTablePagination` (#7717) @MBilalShafi
- [l10n] Improve Spanish (es-ES) and Vietnamese (vi-VN) locale (#7634) @WiXSL and @SpacerZ
@@ -3446,10 +3446,10 @@ We'd like to offer a big thanks to the 17 contributors who made this release pos
- [codemod] Add `headerHeight` prop update to `row-selection-props-rename` codemod (#7711) @MBilalShafi
- [codemod] Add pickers codemod for `components` to `slots` renaming (#7533) @alexfauquette
- [codemod] Add pickers `migrate-to-components-componentsProps` and `replace-arrows-button-slot` codemods (#7698) @alexfauquette
-- [codemod] Add data grid codemod renaming `rowsPerPageOptions` prop to `pageSizeOptions` (#7603) @MBilalShafi
+- [codemod] Add Data Grid codemod renaming `rowsPerPageOptions` prop to `pageSizeOptions` (#7603) @MBilalShafi
- [codemod] Add pickers `rename-should-disable-time` codemod (#7709) @alexfauquette
-- [codemod] Add data grid `row-selection-props-rename` codemod (#7485) @MBilalShafi
-- [codemod] Add data grid `rename-selectors-and-events` codemod (#7699) @MBilalShafi
+- [codemod] Add Data Grid `row-selection-props-rename` codemod (#7485) @MBilalShafi
+- [codemod] Add Data Grid `rename-selectors-and-events` codemod (#7699) @MBilalShafi
- [codemod] Add pickers `replace-tabs-props` codemod (#7639) @alexfauquette
### Docs
@@ -4668,7 +4668,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
- [docs] Fix typo in DataGrid demo page (#6632) @banoth-ravinder
- [docs] New page to migrate pickers from v5 to v6 (#6472) @flaviendelangle
- [docs] Remove broken welcome page (#6585) @alexfauquette
-- [docs] Mark data grid column group as available (#6660) @alexfauquette
+- [docs] Mark Data Grid column group as available (#6660) @alexfauquette
- [docs] Fix double space @oliviertassinari
### Core
@@ -4691,7 +4691,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
- 📝 Manage pickers' toolbar customization with slots
- 🐞 Bugfixes
-- 🌍 Improve Turkish (tr-TR) locale on the data grid and pickers (#6542) @ramazansancar
+- 🌍 Improve Turkish (tr-TR) locale on the Data Grid and pickers (#6542) @ramazansancar
### `@mui/x-data-grid@6.0.0-alpha.4` / `@mui/x-data-grid-pro@6.0.0-alpha.4` / `@mui/x-data-grid-premium@6.0.0-alpha.4`
@@ -4717,7 +4717,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
- [DataGrid] Support keyboard navigation in column group header (#5947) @alexfauquette
- [DataGrid] Fix grid not updating state on `rowCount` prop change (#5982) @cherniavskii
- [DataGrid] Rename selection props (#6556) @m4theushw
-- [l10n] Improve Turkish (tr-TR) locale on the data grid and pickers (#6542) @ramazansancar
+- [l10n] Improve Turkish (tr-TR) locale on the Data Grid and pickers (#6542) @ramazansancar
### `@mui/x-date-pickers@6.0.0-alpha.4` / `@mui/x-date-pickers-pro@6.0.0-alpha.4`
@@ -5275,7 +5275,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
- [DataGrid] Do not publish `cellFocusOut` event if the row was removed (#6251) @cherniavskii
- [DataGrid] Fix scroll anchoring with master details (#6054) @oliviertassinari
-- [DataGrid] Improve Polish (pl-PL) locale on the data grid (#6245) @grzegorz-bach
+- [DataGrid] Improve Polish (pl-PL) locale on the Data Grid (#6245) @grzegorz-bach
- [DataGrid] Remove the `GridEvents` enum (#6003) @flaviendelangle
- [DataGrid] Remove the deprecated `hide` column property (#5999) @flaviendelangle
From 19661dcff9f59c786d3e6281d6bd95bf50945ccc Mon Sep 17 00:00:00 2001
From: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
Date: Wed, 9 Oct 2024 07:23:25 -0700
Subject: [PATCH 3/5] Data grid -> Data Grid
---
test/e2e-website/data-grid.spec.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/test/e2e-website/data-grid.spec.ts b/test/e2e-website/data-grid.spec.ts
index 505f94bcc2190..8741370add69e 100644
--- a/test/e2e-website/data-grid.spec.ts
+++ b/test/e2e-website/data-grid.spec.ts
@@ -96,7 +96,7 @@ test.describe('DataGrid docs', () => {
// await page.type('input#docsearch-input', 'datagrid', { delay: 50 });
- // const anchor = page.locator('.DocSearch-Hits a:has-text("Data grid - Components")').first();
+ // const anchor = page.locator('.DocSearch-Hits a:has-text("Data Grid - Components")').first();
// await anchor.waitFor();
// await expect(anchor).toHaveAttribute(
From c02a1b77b66937587a30f2deb63d45a65c61fb19 Mon Sep 17 00:00:00 2001
From: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
Date: Wed, 9 Oct 2024 07:38:34 -0700
Subject: [PATCH 4/5] component case, pro and premium
---
CHANGELOG.md | 2 +-
changelogOld/CHANGELOG.v4.md | 16 +++++++--------
changelogOld/CHANGELOG.v5.md | 20 +++++++++----------
changelogOld/CHANGELOG.v6.md | 18 ++++++++---------
.../custom-components/custom-components.md | 2 +-
.../cell-selection/cell-selection.md | 2 +-
.../column-ordering/column-ordering.md | 2 +-
docs/data/data-grid/events/events.md | 2 +-
.../getting-started/getting-started.md | 4 ++--
.../data-grid/localization/localization.md | 2 +-
docs/data/data-grid/pagination/pagination.md | 2 +-
.../data/data-grid/performance/performance.md | 6 +++---
.../recipes-editing/recipes-editing.md | 2 +-
.../data-grid/row-selection/row-selection.md | 4 ++--
docs/data/data-grid/style/style.md | 2 +-
docs/data/data-grid/tree-data/tree-data.md | 2 +-
.../virtualization/virtualization.md | 2 +-
docs/data/introduction/licensing/licensing.md | 2 +-
.../migration-data-grid-v4.md | 2 +-
.../src/DataGridPremium/DataGrid.tsx | 4 ++--
.../src/models/dataGridPremiumProps.ts | 4 ++--
.../src/models/gridApiPremium.ts | 2 +-
.../src/models/gridStatePremium.ts | 4 ++--
.../src/typeOverloads/reexports.ts | 4 ++--
.../src/DataGridPro/DataGrid.tsx | 4 ++--
.../src/models/dataGridProProps.ts | 4 ++--
.../x-data-grid-pro/src/models/gridApiPro.ts | 2 +-
.../src/models/gridStatePro.ts | 4 ++--
.../src/typeOverloads/reexports.ts | 4 ++--
.../hooks/features/filter/gridFilterUtils.ts | 2 +-
.../features/sorting/gridSortingUtils.ts | 2 +-
packages/x-data-grid/src/index.ts | 4 ++--
.../src/models/api/gridApiCommunity.ts | 2 +-
.../src/models/gridStateCommunity.ts | 4 ++--
.../src/models/props/DataGridProps.ts | 14 ++++++-------
.../src/utils/licenseErrorMessageUtils.ts | 2 +-
36 files changed, 80 insertions(+), 80 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index a264cab0daecd..5467af06737cf 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4167,7 +4167,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
- The clipboard related exports `ignoreValueFormatterDuringExport` and `splitClipboardPastedText` are no longer prefixed with `unstable_`.
-- The deprecated constants `SUBMIT_FILTER_STROKE_TIME` and `SUBMIT_FILTER_DATE_STROKE_TIME` have been removed from the `DataGrid` exports. Use the [`filterDebounceMs`](https://next.mui.com/x/api/data-grid/data-grid/#data-grid-prop-filterDebounceMs) prop to customize filter debounce time.
+- The deprecated constants `SUBMIT_FILTER_STROKE_TIME` and `SUBMIT_FILTER_DATE_STROKE_TIME` have been removed from the Data Grid exports. Use the [`filterDebounceMs`](https://next.mui.com/x/api/data-grid/data-grid/#data-grid-prop-filterDebounceMs) prop to customize filter debounce time.
- The `slots.preferencesPanel` slot and the `slotProps.preferencesPanel` prop were removed. Use `slots.panel` and `slotProps.panel` instead.
diff --git a/changelogOld/CHANGELOG.v4.md b/changelogOld/CHANGELOG.v4.md
index 313fd03c9b875..965d4bf04e18e 100644
--- a/changelogOld/CHANGELOG.v4.md
+++ b/changelogOld/CHANGELOG.v4.md
@@ -17,7 +17,7 @@ A big thanks to the 6 contributors who made this release possible. Here are some
-- ⚡️ Rename the `XGrid` component to `DataGridPro` (#2382) @m4theushw
+- ⚡️ Rename the `XGrid` component to Data Grid Pro (#2382) @m4theushw
This should help clarify the products vs. plans separation. [MUI X](https://github.com/mui/mui-x) is a product line on its own. It contains MIT and Commercial software. Removing X from the name of the paid components should help remove a possible confusion: the MIT version of X is meant to be valuable enough for developers to use it, without feeling that it's crippled compared to other OSS alternatives.
The Pro suffix should help make it clear what's MIT and what's not.
@@ -27,13 +27,13 @@ A big thanks to the 6 contributors who made this release possible. Here are some
This is part of the ongoing rebranding of the project and company. Material UI is our current official company name, however, we are going to change it. It's too long to write, read, and pronounce; and it is too closely associated with Material Design.
In the near future, the whole company is moving to MUI and https://mui.com/.
-- 💡 The `api` property was removed from the callback params. To access the API, use the `DataGridPro` (#2312) @DanailH
+- 💡 The `api` property was removed from the callback params. To access the API, use the Data Grid Pro (#2312) @DanailH
### `@mui/x-data-grid@v4.0.0` / `@mui/x-data-grid-pro@v4.0.0`
#### Breaking changes
-- [DataGrid] Move packages to `@mui` scope and rename `XGrid` to `DataGridPro` (#2341, #2382) @m4theushw @oliviertassinari
+- [DataGrid] Move packages to `@mui` scope and rename `XGrid` to Data Grid Pro (#2341, #2382) @m4theushw @oliviertassinari
You can find in the above highlight section why we are making these name changes. You can migrate following these steps:
```diff
@@ -49,7 +49,7 @@ A big thanks to the 6 contributors who made this release possible. Here are some
```
- [DataGrid] The `api` property was removed from the callback params (#2312) @DanailH
- To access the API, use the `DataGridPro` and get it from the new `details` param.
+ To access the API, use the Data Grid Pro and get it from the new `details` param.
```diff
```
- **Note**: these changes apply to both the `DataGrid` and `DataGridPro` components.
+ **Note**: these changes apply to both the Data Grid and Data Grid Pro components.
#### Changes
@@ -2959,7 +2959,7 @@ A big thanks to the 5 contributors who made this release possible. Here are some
#### Breaking changes
-- The `DataGrid` and `DataGridPro` no longer depends on `@mui/styles`. Use `styled` to provide custom styling. (#2784) @DanailH
+- The Data Grid and Data Grid Pro no longer depends on `@mui/styles`. Use `styled` to provide custom styling. (#2784) @DanailH
```diff
-import { createTheme } from '@mui/material/styles';
@@ -3241,7 +3241,7 @@ A big thanks to the 7 contributors who made this release possible. Here are some
### Docs
- [docs] Add link to installation page (#2778) @MostafaKMilly
-- [docs] Add redirect from docs home page to `DataGrid` home page (#2737) @flaviendelangle
+- [docs] Add redirect from docs home page to Data Grid home page (#2737) @flaviendelangle
- [docs] Fix JSX closing tag in `getActions` example (#2847) @dstarner
- [docs] Fix pagination in Ant Design demo (#2787) @ZeeshanTamboli
- [docs] Update the `page` prop docs (#2812) @m4theushw
@@ -3259,7 +3259,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
- 🌎 Add Persian (fa-IR) locale (#2712) @devlifeX
- 🎁 Allow to select range of rows with Shift + click (#2456) @flaviendelangle
-- 🚀 Allow to throttle the row updates with the `throttleRowsMs` prop on `DataGridPro` and remove the default 100ms row update delay (#2561) @flaviendelangle
+- 🚀 Allow to throttle the row updates with the `throttleRowsMs` prop on Data Grid Pro and remove the default 100ms row update delay (#2561) @flaviendelangle
- 💡 Enhance internal code structure
- 📚 Documentation improvements
- 🐞 Bugfixes
@@ -3449,7 +3449,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
+const rootProps = useGridRootProps();
```
-- [DataGrid] The module augmentation is not enabled by default. This change was done to prevent conflicts with projects using `DataGrid` and `DataGridPro` together.
+- [DataGrid] The module augmentation is not enabled by default. This change was done to prevent conflicts with projects using Data Grid and Data Grid Pro together.
In order to still be able to do overrides at the theme level, add the following imports to your project:
diff --git a/changelogOld/CHANGELOG.v6.md b/changelogOld/CHANGELOG.v6.md
index b429b79df4b69..0401e317fe08f 100644
--- a/changelogOld/CHANGELOG.v6.md
+++ b/changelogOld/CHANGELOG.v6.md
@@ -1832,7 +1832,7 @@ Same changes as in `@mui/x-date-pickers@6.11.0`.
- [core] Update monorepo (#9846) @flaviendelangle
- [core] Update tree data API docs (#9827) @cherniavskii
- [test] Add pickers e2e tests (#9747) @LukasTy
-- [test] Data grid e2e tests follow-up (#9822) @cherniavskii
+- [test] Data Grid e2e tests follow-up (#9822) @cherniavskii
## 6.10.2
@@ -2500,7 +2500,7 @@ _May 19, 2023_
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
-- 💫 Introduce filtering on column headers for `DataGridPro` and `DataGridPremium`:
+- 💫 Introduce filtering on column headers for Data Grid Pro and Data Grid Premium:
@@ -2556,7 +2556,7 @@ _May 12, 2023_
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
-- 🎁 Introduce clipboard paste support for `DataGridPremium`:
+- 🎁 Introduce clipboard paste support for Data Grid Premium:
https://github.com/mui/mui-x/assets/13808724/abfcb5c6-9db6-4677-9ba7-ae97de441080
@@ -3227,7 +3227,7 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
#### Changes
-- [codemod] Add `apiRef.current.getRowIndex` to `DataGrid` renaming codemod (#8001) @MBilalShafi
+- [codemod] Add `apiRef.current.getRowIndex` to Data Grid renaming codemod (#8001) @MBilalShafi
### Docs
@@ -3280,7 +3280,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
- [docs] Add an info callout specifying the current state of desktop time view (#7933) @LukasTy
- [docs] Add missing param in `useGridApiEventHandler` examples (#7939) @flaviendelangle
- [docs] Fix markdown table alignments (#7898) @oliviertassinari
-- [docs] Improve `DataGrid` migration guide (#7861) @MBilalShafi
+- [docs] Improve Data Grid migration guide (#7861) @MBilalShafi
- [docs] Update `LocalizationProvider` `dateAdapter` with a link to the doc (#7872) @LukasTy
### Core
@@ -4063,7 +4063,7 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
See [the documentation](https://mui.com/x/react-data-grid/api-object/) for more information.
-- 🎁 The `DataGridPremium` now supports cell selection:
+- 🎁 The Data Grid Premium now supports cell selection:
```tsx
@@ -4127,7 +4127,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
- 🚀 Add dragging support for the new Date Range Picker (`NextDateRangePicker`) (#6763) @LukasTy
- ⚡️ Improve performance of the `day` view (#7066) @flaviendelangle
-- ✨ Fix lazy-loading feature not working in `DataGridPremium` (#7124) @m4theushw
+- ✨ Fix lazy-loading feature not working in Data Grid Premium (#7124) @m4theushw
- 🐞 Bugfixes
### `@mui/x-data-grid@6.0.0-alpha.11` / `@mui/x-data-grid-pro@6.0.0-alpha.11` / `@mui/x-data-grid-premium@6.0.0-alpha.11`
@@ -4832,7 +4832,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
⚠️ These components are unstable.
They might receive breaking changes on their props to have the best components possible by the time of the stable release.
-- 📝 Allow to limit to one filter per column for `DataGridPro` and `DataGridPremium` (#6333) @MBilalShafi
+- 📝 Allow to limit to one filter per column for Data Grid Pro and Data Grid Premium (#6333) @MBilalShafi
- 📚 New [page describing the validation props on each picker](https://mui.com/x/react-date-pickers/validation/) (#6064) @flaviendelangle
- 📚 Documentation improvements
- 🐞 Bugfixes
@@ -5048,7 +5048,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
/>
```
- The aggregation of the columns through the column menu is now enabled by default on `DataGridPremium`. You can set `disableAggregation={true}` to disable it.
+ The aggregation of the columns through the column menu is now enabled by default on Data Grid Premium. You can set `disableAggregation={true}` to disable it.
#### Changes
diff --git a/docs/data/common-concepts/custom-components/custom-components.md b/docs/data/common-concepts/custom-components/custom-components.md
index 1c8c6ac5073ab..cd89c78cbe620 100644
--- a/docs/data/common-concepts/custom-components/custom-components.md
+++ b/docs/data/common-concepts/custom-components/custom-components.md
@@ -7,7 +7,7 @@
A slot is a part of a component that can be [overridden](/x/common-concepts/custom-components/#how-to-override-a-slot) and/or [customized](/x/common-concepts/custom-components/#how-to-customize-a-slot).
Some of those slots allow you to provide your own UI primitives to the MUI X components.
-This is the role of all the `baseXXX` component on the `DataGrid` component (`baseButton`, `baseSelect`, ...).
+This is the role of all the `baseXXX` component on the Data Grid component (`baseButton`, `baseSelect`, ...).
These slots receive props that should be as generic as possible so that it is easy to interface any other design system.
Other slots allow you to override parts of the MUI X UI components with a custom UI built specifically for this component.
diff --git a/docs/data/data-grid/cell-selection/cell-selection.md b/docs/data/data-grid/cell-selection/cell-selection.md
index 2d05d8914b5b0..86764f01e38f0 100644
--- a/docs/data/data-grid/cell-selection/cell-selection.md
+++ b/docs/data/data-grid/cell-selection/cell-selection.md
@@ -7,7 +7,7 @@ title: Data Grid - Cell selection
Cell selection allows the user to select individual cells or a range of cells.
The Data Grid has, by default, the ability to select rows.
-On the `DataGridPremium`, you can also enable the ability to select cells with the `cellSelection` prop.
+On the Data Grid Premium, you can also enable the ability to select cells with the `cellSelection` prop.
```tsx
diff --git a/docs/data/data-grid/column-ordering/column-ordering.md b/docs/data/data-grid/column-ordering/column-ordering.md
index 81d3bc079d8f0..a7c1834f5365c 100644
--- a/docs/data/data-grid/column-ordering/column-ordering.md
+++ b/docs/data/data-grid/column-ordering/column-ordering.md
@@ -15,7 +15,7 @@ You must upgrade to Firefox v130 or higher to avoid this issue.
By default, columns are ordered according to the order they are included in the `columns` array.
-By default, `DataGridPro` allows all column reordering by dragging the header cells and moving them left or right.
+By default, Data Grid Pro allows all column reordering by dragging the header cells and moving them left or right.
{{"demo": "ColumnOrderingGrid.js", "bg": "inline"}}
diff --git a/docs/data/data-grid/events/events.md b/docs/data/data-grid/events/events.md
index 170c71790af73..aa3bec707868f 100644
--- a/docs/data/data-grid/events/events.md
+++ b/docs/data/data-grid/events/events.md
@@ -10,7 +10,7 @@ The handler is a method that's called with three arguments:
1. the parameters containing the information related to the event
2. the `MuiEvent` containing the DOM event or the React synthetic event, when available
-3. the `GridCallbackDetails` containing the `GridApi`—only if `DataGridPro` or `DataGridPremium` is being used
+3. the `GridCallbackDetails` containing the `GridApi`—only if Data Grid Pro or Data Grid Premium is being used
For example, here is an event handler for the `rowClick` event:
diff --git a/docs/data/data-grid/getting-started/getting-started.md b/docs/data/data-grid/getting-started/getting-started.md
index 263e64cc0f275..2b77ca3b6ee80 100644
--- a/docs/data/data-grid/getting-started/getting-started.md
+++ b/docs/data/data-grid/getting-started/getting-started.md
@@ -67,7 +67,7 @@ Take a look at the [Styled Components guide](/material-ui/integrations/styled-co
## Quickstart
First, you have to import the component as below.
-To avoid name conflicts the component is named `DataGridPro` for the full-featured enterprise grid, and `DataGrid` for the free community version.
+To avoid name conflicts the component is named Data Grid Pro for the full-featured enterprise grid, and Data Grid for the free community version.
```js
import { DataGrid } from '@mui/x-data-grid';
@@ -173,7 +173,7 @@ You can find more information about the plans in [the Licensing page](/x/introdu
### Feature comparison
-The following table summarizes the features available in the community `DataGrid` and enterprise `DataGridPro` components.
+The following table summarizes the features available in the community Data Grid and enterprise Data Grid Pro components.
All the features of the community version are available in the enterprise one.
The enterprise components come in two plans: Pro and Premium.
diff --git a/docs/data/data-grid/localization/localization.md b/docs/data/data-grid/localization/localization.md
index d182830d47ffa..3fa3c18931d07 100644
--- a/docs/data/data-grid/localization/localization.md
+++ b/docs/data/data-grid/localization/localization.md
@@ -61,7 +61,7 @@ const theme = createTheme(
Note that `createTheme` accepts any number of arguments.
If you are already using the [translations of the core components](/material-ui/guides/localization/#locale-text), you can add `bgBG` as a new argument.
-The same import works for `DataGridPro` as it's an extension of `DataGrid`.
+The same import works for Data Grid Pro as it's an extension of Data Grid.
```jsx
import { createTheme, ThemeProvider } from '@mui/material/styles';
diff --git a/docs/data/data-grid/pagination/pagination.md b/docs/data/data-grid/pagination/pagination.md
index 1a0912ef4a3f9..90b26b56d8d7e 100644
--- a/docs/data/data-grid/pagination/pagination.md
+++ b/docs/data/data-grid/pagination/pagination.md
@@ -25,7 +25,7 @@ For the Pro and Premium Data Grid, pagination is disabled by default; use the `p
## Size of the page
-The `DataGrid` (MIT license) is limited to pages of up to 100 rows.
+The Data Grid (MIT license) is limited to pages of up to 100 rows.
If you want larger pages, you will need to upgrade to [Pro plan](/x/introduction/licensing/#pro-plan) or above.
By default, each page contains 100 rows. The user can change the size of the page through the selector in the footer.
diff --git a/docs/data/data-grid/performance/performance.md b/docs/data/data-grid/performance/performance.md
index 725f8ce25386d..9226352fcfdd6 100644
--- a/docs/data/data-grid/performance/performance.md
+++ b/docs/data/data-grid/performance/performance.md
@@ -4,10 +4,10 @@
## Extract static objects and memoize root props
-The `DataGrid` component uses `React.memo` to optimize its performance, which means itself and its subcomponents only
+The Data Grid component uses `React.memo` to optimize its performance, which means itself and its subcomponents only
re-render when their props change. But it's very easy to cause unnecessary re-renders if the root props of your
-`DataGrid` aren't memoized. Take the example below, the `slots` and `initialState` objects are re-created on every
-render, which means the `DataGrid` itself has no choice but to re-render as well.
+Data Grid aren't memoized. Take the example below, the `slots` and `initialState` objects are re-created on every
+render, which means the Data Grid itself has no choice but to re-render as well.
```tsx
function Component(props) {
diff --git a/docs/data/data-grid/recipes-editing/recipes-editing.md b/docs/data/data-grid/recipes-editing/recipes-editing.md
index 18c9d4a823e17..10cc2c823d645 100644
--- a/docs/data/data-grid/recipes-editing/recipes-editing.md
+++ b/docs/data/data-grid/recipes-editing/recipes-editing.md
@@ -118,6 +118,6 @@ These changes are saved or discarded when the user clicks the **Save** or **Disc
### With commercial features [](/x/introduction/licensing/#premium-plan 'Premium plan')
-When using [`DataGridPremium`](/x/react-data-grid/#premium-plan), bulk editing applies to row updates from [Clipboard paste](/x/react-data-grid/clipboard/#clipboard-paste) automatically, since [Clipboard paste uses Editing API for persistence](/x/react-data-grid/clipboard/#persisting-pasted-data):
+When using [Data Grid Premium](/x/react-data-grid/#premium-plan), bulk editing applies to row updates from [Clipboard paste](/x/react-data-grid/clipboard/#clipboard-paste) automatically, since [Clipboard paste uses Editing API for persistence](/x/react-data-grid/clipboard/#persisting-pasted-data):
{{"demo": "BulkEditingPremiumNoSnap.js", "bg": "inline", "defaultCodeOpen": false}}
diff --git a/docs/data/data-grid/row-selection/row-selection.md b/docs/data/data-grid/row-selection/row-selection.md
index 581b90a7b4db7..02f4a9ec20787 100644
--- a/docs/data/data-grid/row-selection/row-selection.md
+++ b/docs/data/data-grid/row-selection/row-selection.md
@@ -4,7 +4,7 @@
## Single row selection
-Single row selection comes enabled by default for the MIT `DataGrid` component.
+Single row selection comes enabled by default for the MIT Data Grid component.
You can select a row by clicking it, or using the [keyboard shortcuts](/x/react-data-grid/accessibility/#selection).
To unselect a row, hold the Ctrl (Cmd on MacOS) key and click on it.
@@ -12,7 +12,7 @@ To unselect a row, hold the Ctrl (Cmd](/x/introduction/licensing/#pro-plan 'Pro plan')
-On the `DataGridPro` and `DataGridPremium` components, you can select multiple rows in two ways:
+On the Data Grid Pro and Data Grid Premium components, you can select multiple rows in two ways:
- To select multiple independent rows, hold the Ctrl (Cmd on MacOS) key while selecting rows.
- To select a range of rows, hold the Shift key while selecting rows.
diff --git a/docs/data/data-grid/style/style.md b/docs/data/data-grid/style/style.md
index a08114ae63854..ef4f3f85cc781 100644
--- a/docs/data/data-grid/style/style.md
+++ b/docs/data/data-grid/style/style.md
@@ -5,7 +5,7 @@
## Using the `sx` prop
For one-off styles, the `sx` prop can be used.
-It allows to apply simple to complex customizations directly onto the `DataGrid` element.
+It allows to apply simple to complex customizations directly onto the Data Grid element.
The keys accepted can be any CSS property as well as the custom properties provided by MUI.
For more details, visit the [`sx` prop page](/system/getting-started/the-sx-prop/).
diff --git a/docs/data/data-grid/tree-data/tree-data.md b/docs/data/data-grid/tree-data/tree-data.md
index 63bd06f16b5f8..ba2c01eb7a680 100644
--- a/docs/data/data-grid/tree-data/tree-data.md
+++ b/docs/data/data-grid/tree-data/tree-data.md
@@ -93,7 +93,7 @@ Same behavior as for the [Row grouping](/x/react-data-grid/row-grouping/#automat
## Gaps in the tree
-If some entries are missing to build the full tree, the `DataGridPro` will automatically create rows to fill those gaps.
+If some entries are missing to build the full tree, the Data Grid Pro will automatically create rows to fill those gaps.
{{"demo": "TreeDataWithGap.js", "bg": "inline", "defaultCodeOpen": false}}
diff --git a/docs/data/data-grid/virtualization/virtualization.md b/docs/data/data-grid/virtualization/virtualization.md
index db1fdaaf3a48a..46efb8f1de521 100644
--- a/docs/data/data-grid/virtualization/virtualization.md
+++ b/docs/data/data-grid/virtualization/virtualization.md
@@ -12,7 +12,7 @@ _\*unlimited: Browsers set a limit on the number of pixels a scroll container ca
Row virtualization is the insertion and removal of rows as the Data Grid scrolls vertically.
The grid renders some additional rows above and below the visible rows. You can use `rowBufferPx` prop to hint to the Data Grid the area to render, but this value may not be respected in certain situations, for example during high-speed scrolling.
-Row virtualization is limited to 100 rows in the `DataGrid` component.
+Row virtualization is limited to 100 rows in the Data Grid component.
:::warning
Row virtualization does not work with the `autoHeight` prop enabled.
diff --git a/docs/data/introduction/licensing/licensing.md b/docs/data/introduction/licensing/licensing.md
index 404fbfb26d30c..dfbd380118781 100644
--- a/docs/data/introduction/licensing/licensing.md
+++ b/docs/data/introduction/licensing/licensing.md
@@ -288,7 +288,7 @@ See related documentation for [Webpack](https://webpack.js.org/guides/production
This error indicates that your use of MUI X is not compatible with the plan of your license key.
The feature you are trying to use is not included in the plan of your license key.
-This happens if you try to use `DataGridPremium` with a license key for the Pro plan.
+This happens if you try to use Data Grid Premium with a license key for the Pro plan.
To solve the issue, you can [upgrade your plan](https://mui.com/r/x-get-license/?scope=premium) from Pro to Premium.
Or if you didn\'t intend to use Premium features, you can replace the import of `@mui/x-data-grid-premium` with `@mui/x-data-grid-pro`.
diff --git a/docs/data/migration/migration-data-grid-v4/migration-data-grid-v4.md b/docs/data/migration/migration-data-grid-v4/migration-data-grid-v4.md
index 06820e174daa7..99c552b65bf4d 100644
--- a/docs/data/migration/migration-data-grid-v4/migration-data-grid-v4.md
+++ b/docs/data/migration/migration-data-grid-v4/migration-data-grid-v4.md
@@ -126,7 +126,7 @@ To use the v5 version of MUI X, you first need to update to the new package nam
### Module augmentation
-- The module augmentation is no longer enabled by default. This change was done to prevent conflicts with projects using `DataGrid` and `DataGridPro` together.
+- The module augmentation is no longer enabled by default. This change was done to prevent conflicts with projects using Data Grid and Data Grid Pro together.
In order to still be able to do overrides at the theme level, add the following imports to your project:
diff --git a/packages/x-data-grid-premium/src/DataGridPremium/DataGrid.tsx b/packages/x-data-grid-premium/src/DataGridPremium/DataGrid.tsx
index 148a352b3f345..cc60c9e9ed0f0 100644
--- a/packages/x-data-grid-premium/src/DataGridPremium/DataGrid.tsx
+++ b/packages/x-data-grid-premium/src/DataGridPremium/DataGrid.tsx
@@ -8,7 +8,7 @@ export function DataGrid() {
throw new Error(
[
- "You try to import `DataGrid` from @mui/x-data-grid-premium but this module isn't exported from this npm package.",
+ "You try to import Data Grid from @mui/x-data-grid-premium but this module isn't exported from this npm package.",
'',
"Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`.",
'',
@@ -26,7 +26,7 @@ export function DataGridPro() {
throw new Error(
[
- "You try to import `DataGridPro` from @mui/x-data-grid-premium but this module isn't exported from this npm package.",
+ "You try to import Data Grid Pro from @mui/x-data-grid-premium but this module isn't exported from this npm package.",
'',
"Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`.",
'',
diff --git a/packages/x-data-grid-premium/src/models/dataGridPremiumProps.ts b/packages/x-data-grid-premium/src/models/dataGridPremiumProps.ts
index e924af2815adb..ff1540e70ae43 100644
--- a/packages/x-data-grid-premium/src/models/dataGridPremiumProps.ts
+++ b/packages/x-data-grid-premium/src/models/dataGridPremiumProps.ts
@@ -58,7 +58,7 @@ export interface DataGridPremiumPropsWithComplexDefaultValueAfterProcessing
}
/**
- * The props of the `DataGridPremium` component after the pre-processing phase.
+ * The props of the Data Grid Premium component after the pre-processing phase.
*/
export interface DataGridPremiumProcessedProps
extends DataGridPremiumPropsWithDefaultValue,
@@ -68,7 +68,7 @@ export interface DataGridPremiumProcessedProps
export type DataGridPremiumForcedPropsKey = 'signature';
/**
- * The `DataGridPremium` options with a default value overridable through props.
+ * The Data Grid Premium options with a default value overridable through props.
* None of the entry of this interface should be optional, they all have default values and `DataGridProps` already applies a `Partial` for the public interface.
* The controlled model do not have a default value at the prop processing level, so they must be defined in `DataGridOtherProps`.
*/
diff --git a/packages/x-data-grid-premium/src/models/gridApiPremium.ts b/packages/x-data-grid-premium/src/models/gridApiPremium.ts
index 999a16685997c..98ec11cdd1dce 100644
--- a/packages/x-data-grid-premium/src/models/gridApiPremium.ts
+++ b/packages/x-data-grid-premium/src/models/gridApiPremium.ts
@@ -17,7 +17,7 @@ import { GridCellSelectionApi } from '../hooks/features/cellSelection/gridCellSe
import type { DataGridPremiumProcessedProps } from './dataGridPremiumProps';
/**
- * The api of `DataGridPremium`.
+ * The api of Data Grid Premium.
* TODO: Do not redefine manually the pro features
*/
export interface GridApiPremium
diff --git a/packages/x-data-grid-premium/src/models/gridStatePremium.ts b/packages/x-data-grid-premium/src/models/gridStatePremium.ts
index c3bee2ce7b09e..cbc3971f3a606 100644
--- a/packages/x-data-grid-premium/src/models/gridStatePremium.ts
+++ b/packages/x-data-grid-premium/src/models/gridStatePremium.ts
@@ -11,7 +11,7 @@ import type {
} from '../hooks';
/**
- * The state of `DataGridPremium`.
+ * The state of Data Grid Premium.
*/
export interface GridStatePremium extends GridStatePro {
rowGrouping: GridRowGroupingState;
@@ -20,7 +20,7 @@ export interface GridStatePremium extends GridStatePro {
}
/**
- * The initial state of `DataGridPremium`.
+ * The initial state of Data Grid Premium.
*/
export interface GridInitialStatePremium extends GridInitialStatePro {
rowGrouping?: GridRowGroupingInitialState;
diff --git a/packages/x-data-grid-premium/src/typeOverloads/reexports.ts b/packages/x-data-grid-premium/src/typeOverloads/reexports.ts
index fce8fa3555a6d..5d3a7ee59999f 100644
--- a/packages/x-data-grid-premium/src/typeOverloads/reexports.ts
+++ b/packages/x-data-grid-premium/src/typeOverloads/reexports.ts
@@ -11,11 +11,11 @@ export { useGridRootProps } from '../hooks/utils/useGridRootProps';
export type GridApi = GridApiPremium;
/**
- * The state of `DataGridPremium`.
+ * The state of Data Grid Premium.
*/
export type GridState = GridStatePremium;
/**
- * The initial state of `DataGridPremium`.
+ * The initial state of Data Grid Premium.
*/
export type GridInitialState = GridInitialStatePremium;
diff --git a/packages/x-data-grid-pro/src/DataGridPro/DataGrid.tsx b/packages/x-data-grid-pro/src/DataGridPro/DataGrid.tsx
index f14fd77dec178..4fee2ed3391f7 100644
--- a/packages/x-data-grid-pro/src/DataGridPro/DataGrid.tsx
+++ b/packages/x-data-grid-pro/src/DataGridPro/DataGrid.tsx
@@ -8,7 +8,7 @@ export function DataGrid() {
throw new Error(
[
- "You try to import `DataGrid` from @mui/x-data-grid-pro but this module isn't exported from this npm package.",
+ "You try to import Data Grid from @mui/x-data-grid-pro but this module isn't exported from this npm package.",
'',
"Instead, you can do `import { DataGridPro } from '@mui/x-data-grid-pro'`.",
'',
@@ -26,7 +26,7 @@ export function DataGridPremium() {
throw new Error(
[
- "You try to import `DataGridPremium` from @mui/x-data-grid-pro but this module isn't exported from this npm package.",
+ "You try to import Data Grid Premium from @mui/x-data-grid-pro but this module isn't exported from this npm package.",
'',
'Instead, if you have a Premium plan license or want to try Premium, you can do this:',
`import { DataGridPremium } from '@mui/x-data-grid-premium'`,
diff --git a/packages/x-data-grid-pro/src/models/dataGridProProps.ts b/packages/x-data-grid-pro/src/models/dataGridProProps.ts
index 1af6cbe61f588..3315d72ac0d75 100644
--- a/packages/x-data-grid-pro/src/models/dataGridProProps.ts
+++ b/packages/x-data-grid-pro/src/models/dataGridProProps.ts
@@ -57,7 +57,7 @@ interface DataGridProPropsWithComplexDefaultValueAfterProcessing
}
/**
- * The props of the `DataGridPro` component after the pre-processing phase.
+ * The props of the Data Grid Pro component after the pre-processing phase.
*/
export interface DataGridProProcessedProps
extends DataGridProPropsWithDefaultValue,
@@ -67,7 +67,7 @@ export interface DataGridProProcessedProps
export type DataGridProForcedPropsKey = 'signature';
/**
- * The `DataGridPro` options with a default value overridable through props
+ * The Data Grid Pro options with a default value overridable through props
* None of the entry of this interface should be optional, they all have default values and `DataGridProps` already applies a `Partial` for the public interface
* The controlled model do not have a default value at the prop processing level, so they must be defined in `DataGridOtherProps`
*/
diff --git a/packages/x-data-grid-pro/src/models/gridApiPro.ts b/packages/x-data-grid-pro/src/models/gridApiPro.ts
index 0f0f56261ef59..07f0d250f57a5 100644
--- a/packages/x-data-grid-pro/src/models/gridApiPro.ts
+++ b/packages/x-data-grid-pro/src/models/gridApiPro.ts
@@ -17,7 +17,7 @@ import type {
import type { DataGridProProcessedProps } from './dataGridProProps';
/**
- * The api of `DataGridPro`.
+ * The api of Data Grid Pro.
*/
export interface GridApiPro
extends GridApiCommon,
diff --git a/packages/x-data-grid-pro/src/models/gridStatePro.ts b/packages/x-data-grid-pro/src/models/gridStatePro.ts
index e26694abd3e88..72b838d9a6f0c 100644
--- a/packages/x-data-grid-pro/src/models/gridStatePro.ts
+++ b/packages/x-data-grid-pro/src/models/gridStatePro.ts
@@ -12,7 +12,7 @@ import type {
import type { GridDataSourceState } from '../hooks/features/dataSource/interfaces';
/**
- * The state of `DataGridPro`.
+ * The state of Data Grid Pro.
*/
export interface GridStatePro extends GridStateCommunity {
columnReorder: GridColumnReorderState;
@@ -22,7 +22,7 @@ export interface GridStatePro extends GridStateCommunity {
}
/**
- * The initial state of `DataGridPro`.
+ * The initial state of Data Grid Pro.
*/
export interface GridInitialStatePro extends GridInitialStateCommunity {
pinnedColumns?: GridPinnedColumnFields;
diff --git a/packages/x-data-grid-pro/src/typeOverloads/reexports.ts b/packages/x-data-grid-pro/src/typeOverloads/reexports.ts
index 01860f14bbf93..c69e4ffc27776 100644
--- a/packages/x-data-grid-pro/src/typeOverloads/reexports.ts
+++ b/packages/x-data-grid-pro/src/typeOverloads/reexports.ts
@@ -11,11 +11,11 @@ export { useGridRootProps } from '../hooks/utils/useGridRootProps';
export type GridApi = GridApiPro;
/**
- * The state of `DataGridPro`.
+ * The state of Data Grid Pro.
*/
export type GridState = GridStatePro;
/**
- * The initial state of `DataGridPro`.
+ * The initial state of Data Grid Pro.
*/
export type GridInitialState = GridInitialStatePro;
diff --git a/packages/x-data-grid/src/hooks/features/filter/gridFilterUtils.ts b/packages/x-data-grid/src/hooks/features/filter/gridFilterUtils.ts
index 482caf7a26f01..61dbc100f867b 100644
--- a/packages/x-data-grid/src/hooks/features/filter/gridFilterUtils.ts
+++ b/packages/x-data-grid/src/hooks/features/filter/gridFilterUtils.ts
@@ -88,7 +88,7 @@ export const sanitizeFilterModel = (
warnOnce(
[
'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`.',
+ 'If you are using the community version of the Data Grid, this prop is always `true`.',
],
'error',
);
diff --git a/packages/x-data-grid/src/hooks/features/sorting/gridSortingUtils.ts b/packages/x-data-grid/src/hooks/features/sorting/gridSortingUtils.ts
index 039947a054951..743eb2f281131 100644
--- a/packages/x-data-grid/src/hooks/features/sorting/gridSortingUtils.ts
+++ b/packages/x-data-grid/src/hooks/features/sorting/gridSortingUtils.ts
@@ -28,7 +28,7 @@ export const sanitizeSortModel = (model: GridSortModel, disableMultipleColumnsSo
warnOnce(
[
'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`.',
+ 'If you are using the community version of the Data Grid, this prop is always `true`.',
],
'error',
);
diff --git a/packages/x-data-grid/src/index.ts b/packages/x-data-grid/src/index.ts
index 385e5a8da1e77..c503f1f990276 100644
--- a/packages/x-data-grid/src/index.ts
+++ b/packages/x-data-grid/src/index.ts
@@ -39,11 +39,11 @@ export {
export type GridApi = GridApiCommunity;
/**
- * The state of `DataGrid`.
+ * The state of Data Grid.
*/
export type GridState = GridStateCommunity;
/**
- * The initial state of `DataGrid`.
+ * The initial state of Data Grid.
*/
export type GridInitialState = GridInitialStateCommunity;
diff --git a/packages/x-data-grid/src/models/api/gridApiCommunity.ts b/packages/x-data-grid/src/models/api/gridApiCommunity.ts
index 308949c6d24bc..d36a00695bec1 100644
--- a/packages/x-data-grid/src/models/api/gridApiCommunity.ts
+++ b/packages/x-data-grid/src/models/api/gridApiCommunity.ts
@@ -6,7 +6,7 @@ import { GridRowProApi } from './gridRowApi';
import { GridRowMultiSelectionApi } from './gridRowSelectionApi';
/**
- * The api of `DataGrid`.
+ * The api of Data Grid.
*/
export interface GridApiCommunity
extends GridApiCommon {}
diff --git a/packages/x-data-grid/src/models/gridStateCommunity.ts b/packages/x-data-grid/src/models/gridStateCommunity.ts
index 311d28a285968..45ea2f7951d75 100644
--- a/packages/x-data-grid/src/models/gridStateCommunity.ts
+++ b/packages/x-data-grid/src/models/gridStateCommunity.ts
@@ -28,7 +28,7 @@ import type { GridColumnResizeState } from '../hooks/features/columnResize';
import type { GridRowSpanningState } from '../hooks/features/rows/useGridRowSpanning';
/**
- * The state of `DataGrid`.
+ * The state of Data Grid.
*/
export interface GridStateCommunity {
isRtl: boolean;
@@ -56,7 +56,7 @@ export interface GridStateCommunity {
}
/**
- * The initial state of `DataGrid`.
+ * The initial state of Data Grid.
*/
export interface GridInitialStateCommunity {
pagination?: GridPaginationInitialState;
diff --git a/packages/x-data-grid/src/models/props/DataGridProps.ts b/packages/x-data-grid/src/models/props/DataGridProps.ts
index a2056191fcc8f..fb15191033adb 100644
--- a/packages/x-data-grid/src/models/props/DataGridProps.ts
+++ b/packages/x-data-grid/src/models/props/DataGridProps.ts
@@ -44,7 +44,7 @@ export interface GridExperimentalFeatures {
}
/**
- * The props users can give to the `DataGrid` component.
+ * The props users can give to the Data Grid component.
*/
export type DataGridProps = Omit<
Partial> &
@@ -56,7 +56,7 @@ export type DataGridProps = Omit<
};
/**
- * The props of the `DataGrid` component after the pre-processing phase that the user should not be able to override.
+ * The props of the Data Grid component after the pre-processing phase that the user should not be able to override.
* Those are usually used in feature-hook for which the pro-plan has more advanced features (eg: multi-sorting, multi-filtering, ...).
*/
export type DataGridForcedPropsKey =
@@ -71,7 +71,7 @@ export type DataGridForcedPropsKey =
| 'signature';
/**
- * The `DataGrid` options with a default value that must be merged with the value given through props.
+ * The Data Grid options with a default value that must be merged with the value given through props.
*/
export interface DataGridPropsWithComplexDefaultValueAfterProcessing {
slots: GridSlotsComponent;
@@ -79,7 +79,7 @@ export interface DataGridPropsWithComplexDefaultValueAfterProcessing {
}
/**
- * The `DataGrid` options with a default value that must be merged with the value given through props.
+ * The Data Grid options with a default value that must be merged with the value given through props.
*/
export interface DataGridPropsWithComplexDefaultValueBeforeProcessing {
/**
@@ -94,7 +94,7 @@ export interface DataGridPropsWithComplexDefaultValueBeforeProcessing {
}
/**
- * The `DataGrid` options with a default value overridable through props
+ * The Data Grid options with a default value overridable through props
* None of the entry of this interface should be optional, they all have default values and `DataGridProps` already applies a `Partial` for the public interface
* The controlled model do not have a default value at the prop processing level, so they must be defined in `DataGridOtherProps`
* TODO: add multiSortKey
@@ -397,7 +397,7 @@ export interface DataGridPropsWithDefaultValues
extends CommonProps {
@@ -872,7 +872,7 @@ export interface DataGridPremiumSharedPropsWithDefaultValue {
}
/**
- * The props of the `DataGrid` component after the pre-processing phase.
+ * The props of the Data Grid component after the pre-processing phase.
*/
export interface DataGridProcessedProps
extends DataGridPropsWithDefaultValues,
diff --git a/packages/x-license/src/utils/licenseErrorMessageUtils.ts b/packages/x-license/src/utils/licenseErrorMessageUtils.ts
index fb13e231cb1f5..0b0385bf2d3cc 100644
--- a/packages/x-license/src/utils/licenseErrorMessageUtils.ts
+++ b/packages/x-license/src/utils/licenseErrorMessageUtils.ts
@@ -25,7 +25,7 @@ export function showLicenseKeyPlanMismatchError() {
showError([
'MUI X: License key plan mismatch.',
'',
- 'Your use of MUI X is not compatible with the plan of your license key. The feature you are trying to use is not included in the plan of your license key. This happens if you try to use `DataGridPremium` with a license key for the Pro plan.',
+ 'Your use of MUI X is not compatible with the plan of your license key. The feature you are trying to use is not included in the plan of your license key. This happens if you try to use Data Grid Premium with a license key for the Pro plan.',
'',
'To solve the issue, you can upgrade your plan from Pro to Premium at https://mui.com/r/x-get-license?scope=premium.',
"Of if you didn't intend to use Premium features, you can replace the import of `@mui/x-data-grid-premium` with `@mui/x-data-grid-pro`.",
From bcb87d10367869c7e04ac5fcc3f97b8267462064 Mon Sep 17 00:00:00 2001
From: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
Date: Wed, 9 Oct 2024 08:06:16 -0700
Subject: [PATCH 5/5]