Skip to content

[release] v7.29.9 #18975

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: v7.x
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
69 changes: 69 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,75 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

## 7.29.9
<!-- generated comparing v7.29.8..v7.x -->
_Jul 30, 2025_

We'd like to extend a big thank you to the 1 contributors who made this release possible. Here are some highlights ✨:

TODO INSERT HIGHLIGHTS

Comment on lines +10 to +13
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
We'd like to extend a big thank you to the 1 contributors who made this release possible. Here are some highlights ✨:
TODO INSERT HIGHLIGHTS

The following are all team members who have contributed to this release:
@rita-codes
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
@rita-codes
@rita-codes, @mapache-salvaje


### Data Grid

#### `@mui/[email protected]`

Internal changes.

#### `@mui/[email protected]` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")

Same changes as in `@mui/[email protected]`.

#### `@mui/[email protected]` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan")

Same changes as in `@mui/[email protected]`.

### Date and Time Pickers

#### `@mui/[email protected]`

Internal changes.

#### `@mui/[email protected]` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")

Same changes as in `@mui/[email protected]`.
Comment on lines +17 to +39
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Data Grid
#### `@mui/[email protected]`
Internal changes.
#### `@mui/[email protected]` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
Same changes as in `@mui/[email protected]`.
#### `@mui/[email protected]` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan")
Same changes as in `@mui/[email protected]`.
### Date and Time Pickers
#### `@mui/[email protected]`
Internal changes.
#### `@mui/[email protected]` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
Same changes as in `@mui/[email protected]`.


### Charts

#### `@mui/[email protected]`

Internal changes.

#### `@mui/[email protected]` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")

Same changes as in `@mui/[email protected]`.

### Tree View

#### `@mui/[email protected]`

Internal changes.

#### `@mui/[email protected]` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")

Same changes as in `@mui/[email protected]`.

### Codemod

#### `@mui/[email protected]`

Internal changes.

Comment on lines +40 to +66
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Charts
#### `@mui/[email protected]`
Internal changes.
#### `@mui/[email protected]` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
Same changes as in `@mui/[email protected]`.
### Tree View
#### `@mui/[email protected]`
Internal changes.
#### `@mui/[email protected]` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
Same changes as in `@mui/[email protected]`.
### Codemod
#### `@mui/[email protected]`
Internal changes.

### Docs

- [docs] Audit and revise the Data Grid Pro row docs (#18629) @mapache-salvaje

### Miscellaneous

- [read me] Update readme publish release command V7 (#18684) @rita-codes

## v7.29.8

_Jul 4, 2025_
Expand Down
31 changes: 31 additions & 0 deletions docs/public/x/api/charts/animated-area.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
# AnimatedArea API

## Demos

For examples and details on the usage of this React component, visit the component demo pages:

- [Charts - Lines](/x/react-charts/lines/)

## Import

```jsx
import { AnimatedArea } from '@mui/x-charts/LineChart';
// or
import { AnimatedArea } from '@mui/x-charts';
// or
import { AnimatedArea } from '@mui/x-charts-pro';
```

## Props

| Name | Type | Default | Required | Description |
|------|------|---------|----------|-------------|
| skipAnimation | `bool` | `false` | No | |

> **Note**: The `ref` is forwarded to the root element.

## Source code

If you did not find the information on this page, consider having a look at the implementation of the component for more detail.

- [/packages/x-charts/src/LineChart/AnimatedArea.tsx](https://github.com/mui/material-ui/tree/HEAD/packages/x-charts/src/LineChart/AnimatedArea.tsx)
31 changes: 31 additions & 0 deletions docs/public/x/api/charts/animated-line.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
# AnimatedLine API

## Demos

For examples and details on the usage of this React component, visit the component demo pages:

- [Charts - Lines](/x/react-charts/lines/)

## Import

```jsx
import { AnimatedLine } from '@mui/x-charts/LineChart';
// or
import { AnimatedLine } from '@mui/x-charts';
// or
import { AnimatedLine } from '@mui/x-charts-pro';
```

## Props

| Name | Type | Default | Required | Description |
|------|------|---------|----------|-------------|
| skipAnimation | `bool` | `false` | No | |

> **Note**: The `ref` is forwarded to the root element.

## Source code

If you did not find the information on this page, consider having a look at the implementation of the component for more detail.

- [/packages/x-charts/src/LineChart/AnimatedLine.tsx](https://github.com/mui/material-ui/tree/HEAD/packages/x-charts/src/LineChart/AnimatedLine.tsx)
52 changes: 52 additions & 0 deletions docs/public/x/api/charts/area-element.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
# AreaElement API

## Demos

For examples and details on the usage of this React component, visit the component demo pages:

- [Charts - Areas demonstration](/x/react-charts/areas-demo/)
- [Charts - Lines](/x/react-charts/lines/)

## Import

```jsx
import { AreaElement } from '@mui/x-charts/LineChart';
// or
import { AreaElement } from '@mui/x-charts';
// or
import { AreaElement } from '@mui/x-charts-pro';
```

## Props

| Name | Type | Default | Required | Description |
|------|------|---------|----------|-------------|
| skipAnimation | `bool` | `false` | No | |
| slotProps | `object` | `{}` | No | |
| slots | `object` | `{}` | No | |

> **Note**: The `ref` is forwarded to the root element.

## Slots

| Name | Default | Class | Description |
|------|---------|-------|-------------|
| area | `AnimatedArea` | - | The component that renders the area. |

## CSS

### Rule name

| Global class | Rule name | Description |
|--------------|-----------|-------------|
| - | faded | Styles applied to the root element when faded. |
| - | highlighted | Styles applied to the root element when highlighted. |
| - | root | Styles applied to the root element. |
| - | series | Styles applied to the root element for a specified series.
Needs to be suffixed with the series ID: `.${areaElementClasses.series}-${seriesId}`. |

## Source code

If you did not find the information on this page, consider having a look at the implementation of the component for more detail.

- [/packages/x-charts/src/LineChart/AreaElement.tsx](https://github.com/mui/material-ui/tree/HEAD/packages/x-charts/src/LineChart/AreaElement.tsx)
41 changes: 41 additions & 0 deletions docs/public/x/api/charts/area-plot.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
# AreaPlot API

## Demos

For examples and details on the usage of this React component, visit the component demo pages:

- [Charts - Areas demonstration](/x/react-charts/areas-demo/)
- [Charts - Lines](/x/react-charts/lines/)

## Import

```jsx
import { AreaPlot } from '@mui/x-charts/LineChart';
// or
import { AreaPlot } from '@mui/x-charts';
// or
import { AreaPlot } from '@mui/x-charts-pro';
```

## Props

| Name | Type | Default | Required | Description |
|------|------|---------|----------|-------------|
| onItemClick | `function(event: React.MouseEvent<SVGPathElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void` | - | No | |
| skipAnimation | `bool` | `false` | No | |
| slotProps | `object` | `{}` | No | |
| slots | `object` | `{}` | No | |

> **Note**: The `ref` is forwarded to the root element.

## Slots

| Name | Default | Class | Description |
|------|---------|-------|-------------|
| area | `AnimatedArea` | - | The component that renders the area. |

## Source code

If you did not find the information on this page, consider having a look at the implementation of the component for more detail.

- [/packages/x-charts/src/LineChart/AreaPlot.tsx](https://github.com/mui/material-ui/tree/HEAD/packages/x-charts/src/LineChart/AreaPlot.tsx)
51 changes: 51 additions & 0 deletions docs/public/x/api/charts/axis-config.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
# AxisConfig API

## Import

```jsx
import { AxisConfig } from '@mui/x-charts-pro'
// or
import { AxisConfig } from '@mui/x-charts'
```

## Props

| Name | Type | Default | Required | Description |
|------|------|---------|----------|-------------|
| id | `AxisId` | - | Yes | |
| scaleType | `'band'` | - | Yes | |
| classes | `Partial<ChartsAxisClasses>` | - | No | |
| colorMap | `OrdinalColorConfig \| ContinuousColorConfig \| PiecewiseColorConfig` | - | No | |
| data | `readonly V[]` | - | No | |
| dataKey | `string` | - | No | |
| disableLine | `boolean` | `false` | No | |
| disableTicks | `boolean` | `false` | No | |
| domainLimit | `'nice' \| 'strict' \| ((min: number, max: number) => { min: number; max: number })` | - | No | |
| fill | `string` | `'currentColor'` | No | |
| height | `number` | `30` | No | |
| hideTooltip | `boolean` | - | No | |
| ignoreTooltip | `boolean` | - | No | |
| label | `string` | - | No | |
| labelStyle | `ChartsTextProps['style']` | - | No | |
| max | `number \| Date` | - | No | |
| min | `number \| Date` | - | No | |
| offset | `number` | `0` | No | |
| position | `'top' \| 'bottom' \| 'none'` | - | No | |
| reverse | `boolean` | - | No | |
| slotProps | `Partial<ChartsAxisSlotProps>` | `{}` | No | |
| slots | `Partial<ChartsAxisSlots>` | `{}` | No | |
| stroke | `string` | `'currentColor'` | No | |
| sx | `SxProps` | - | No | |
| tickInterval | `'auto' \| ((value: any, index: number) => boolean) \| any[]` | `'auto'` | No | |
| tickLabelInterval | `'auto' \| ((value: any, index: number) => boolean)` | `'auto'` | No | |
| tickLabelPlacement | `'middle' \| 'tick'` | `'middle'` | No | |
| tickLabelStyle | `ChartsTextProps['style']` | - | No | |
| tickMaxStep | `number` | - | No | |
| tickMinStep | `number` | - | No | |
| tickNumber | `number` | - | No | |
| tickPlacement | `'start' \| 'end' \| 'middle' \| 'extremities'` | `'extremities'` | No | |
| tickSize | `number` | `6` | No | |
| valueFormatter | `<TScaleName extends S>(value: V, context: AxisValueFormatterContext<TScaleName>) => string` | - | No | |
| zoom | `boolean \| ZoomOptions` | - | No | |

> **Note**: The `ref` is forwarded to the root element.
Loading
Loading