Skip to content

Commit

Permalink
[website] Mark TreeView and Charts as stable (#39975)
Browse files Browse the repository at this point in the history
  • Loading branch information
@flaviendelangle
flaviendelangle authored Nov 27, 2023
1 parent 17a55ab commit 553cf82
Show file tree
Hide file tree
Showing 3 changed files with 45 additions and 48 deletions.
66 changes: 31 additions & 35 deletions docs/data/material/discover-more/roadmap/roadmap.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,41 +47,37 @@ Here are the components we will work on being supported in the MUI ecosystem:
- 🛠 Work in progress, will be or already released as unstable
- ⏳ Planning to build

| Name | Product | Status |
| :------------------------------------------------------------- | :------- | :----- |
| Advanced Layout | MUI X | ⏳ |
| Carousel | MUI X | ⏳ |
| [Charts](https://mui.com/x/react-charts/) | MUI X | 🧪 |
| [Data Grid](/x/react-data-grid/) | MUI X | ✅ |
| [Date Picker](/x/react-date-pickers/date-picker/) | MUI X | ✅ |
| [Time Picker](/x/react-date-pickers/time-picker/) | MUI X | ✅ |
| [Date Time Picker](/x/react-date-pickers/date-time-picker/) | MUI X | ✅ |
| [Date Range Picker](/x/react-date-pickers/date-range-picker/) | MUI X | ✅ |
| Time Range Picker | MUI X | ⏳ |
| Date Time Range Picker | MUI X | ⏳ |
| Dropdown | MUI Core | ⏳ |
| Dropzone | MUI X | ⏳ |
| File Upload | MUI X | ⏳ |
| Gantt Chart | MUI X | ⏳ |
| Gauge | MUI X | ⏳ |
| Image | MUI Core | ⏳ |
| [Masonry](/material-ui/react-masonry/) | MUI Core | 🧪 |
| Navbar | MUI Core | ⏳ |
| Nested Menu | MUI X | ⏳ |
| NProgress | MUI Core | ⏳ |
| Numeric Input | MUI Core | ⏳ |
| Rich Text Editor | MUI X | ⏳ |
| Scheduler | MUI X | ⏳ |
| Scrollspy | MUI Core | ⏳ |
| Sparkline | MUI X | ⏳ |
| [Timeline](/material-ui/react-timeline/) | MUI Core | 🧪 |
| Tree select | MUI X | ⏳ |
| [Tree View](/x/react-tree-view/) | MUI X | 🧪 |
| Tree View - Checkbox | MUI X | ⏳ |
| Tree View - Drag & Drop | MUI X | ⏳ |
| [Tree View - Multiselect](/x/react-tree-view/#multi-selection) | MUI X | 🧪 |
| Tree View - Virtualization | MUI X | ⏳ |
| Window Splitter | MUI X | ⏳ |
| Name | Product | Status |
| :------------------------------------------------------------ | :------- | :----- |
| Advanced Layout | MUI X | ⏳ |
| Carousel | MUI X | ⏳ |
| [Charts](https://mui.com/x/react-charts/) | MUI X | 🧪 |
| [Data Grid](/x/react-data-grid/) | MUI X | ✅ |
| [Date Picker](/x/react-date-pickers/date-picker/) | MUI X | ✅ |
| [Time Picker](/x/react-date-pickers/time-picker/) | MUI X | ✅ |
| [Date Time Picker](/x/react-date-pickers/date-time-picker/) | MUI X | ✅ |
| [Date Range Picker](/x/react-date-pickers/date-range-picker/) | MUI X | ✅ |
| Time Range Picker | MUI X | ⏳ |
| Date Time Range Picker | MUI X | ⏳ |
| Dropdown | MUI Core | ⏳ |
| Dropzone | MUI X | ⏳ |
| File Upload | MUI X | ⏳ |
| Gantt Chart | MUI X | ⏳ |
| Gauge | MUI X | ⏳ |
| Image | MUI Core | ⏳ |
| [Masonry](/material-ui/react-masonry/) | MUI Core | 🧪 |
| Navbar | MUI Core | ⏳ |
| Nested Menu | MUI X | ⏳ |
| NProgress | MUI Core | ⏳ |
| Numeric Input | MUI Core | ⏳ |
| Rich Text Editor | MUI X | ⏳ |
| Scheduler | MUI X | ⏳ |
| Scrollspy | MUI Core | ⏳ |
| Sparkline | MUI X | ⏳ |
| [Timeline](/material-ui/react-timeline/) | MUI Core | 🧪 |
| Tree select | MUI X | ⏳ |
| [Tree View](/x/react-tree-view/) | MUI X | ✅ |
| Window Splitter | MUI X | ⏳ |

:::warning
**Disclaimer**: We operate in a dynamic environment, and things are subject to change. The information provided is intended to outline the general framework direction, for informational purposes only. We may decide to add or remove new items at any time, depending on our capability to deliver while meeting our quality standards. The development, releases, and timing of any features or functionality remains at the sole discretion of MUI. The roadmap does not represent a commitment, obligation, or promise to deliver at any time.
Expand Down
15 changes: 8 additions & 7 deletions docs/src/components/productX/XChartsDemo.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,24 +77,25 @@ export default function XChartsDemo() {
}}
>
<Typography variant="body2" fontWeight="bold" sx={{ mr: 1 }}>
Experiment with Charts now!
Start using the Charts now!
</Typography>
<Chip
variant="outlined"
label="Alpha"
color="warning"
label="Available now"
color="success"
size="small"
sx={(theme) => ({
pb: 0.2,
fontWeight: theme.typography.fontWeightSemiBold,
color: (theme.vars || theme).palette.warning[300],
borderColor: alpha(theme.palette.warning[300], 0.3),
background: alpha(theme.palette.warning[800], 0.3),
color: (theme.vars || theme).palette.success[300],
borderColor: alpha(theme.palette.success[300], 0.3),
background: alpha(theme.palette.success[800], 0.3),
})}
/>
</Box>
<Typography variant="body2" color="text.secondary" sx={{ mb: 2 }}>
Using D3.js for data manipulation and SVG for rendering, Charts are coming to MUI X!
Using D3.js for data manipulation and SVG for rendering, Charts are now available on MUI
X!
</Typography>
<Button
variant="outlined"
Expand Down
12 changes: 6 additions & 6 deletions docs/src/components/productX/XTreeViewDemo.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -282,19 +282,19 @@ export default function XDateRangeDemo() {
}}
>
<Typography variant="body2" fontWeight="bold" sx={{ mr: 1 }}>
Experiment with the Tree View now!
Start using the Tree View now!
</Typography>
<Chip
variant="outlined"
label="Alpha"
color="warning"
label="Available now"
color="success"
size="small"
sx={(theme) => ({
pb: 0.2,
fontWeight: theme.typography.fontWeightSemiBold,
color: (theme.vars || theme).palette.warning[300],
borderColor: alpha(theme.palette.warning[300], 0.3),
background: alpha(theme.palette.warning[800], 0.3),
color: (theme.vars || theme).palette.success[300],
borderColor: alpha(theme.palette.success[300], 0.3),
background: alpha(theme.palette.success[800], 0.3),
})}
/>
</Box>
Expand Down

0 comments on commit 553cf82

Please sign in to comment.