Skip to content
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

[docs] Fix broken links to MUI X docs #45145

Merged
merged 5 commits into from
Feb 18, 2025
Merged
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
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ const components = [
},
{
name: 'Date Pickers',
materialUI: '/x/react-date-pickers/getting-started/',
materialUI: '/x/react-date-pickers/',
materialDesign: 'https://m2.material.io/components/date-pickers',
},
{
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
The components are available in alpha version in the lab between `v5.0.0-alpha.30` and `v5.0.0-alpha.89` inclusively.
They won't receive any new feature of bug fixes and won't be compatible with future major releases of Material UI packages.

If you want to use the **stable version** of those components, please have a look at the new [MUI X packages](/x/react-date-pickers/getting-started/) `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
If you want to use the **stable version** of those components, please have a look at the new [MUI X packages](/x/react-date-pickers/) `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.

To migrate from `@mui/lab` to `@mui/x-date-pickers` you can follow the dedicated [migration guide](/x/migration/migration-pickers-lab/).
:::
Expand Down Expand Up @@ -143,7 +143,7 @@ There are many changes, be careful, make sure your tests, and build passes.
In the event you have an advanced usage of the date picker, it will likely be simpler to rewrite it.
:::success
In case you are considering your picker component rewrite, consider using the latest [MUI X packages](/x/react-date-pickers/getting-started/).
In case you are considering your picker component rewrite, consider using the latest [MUI X packages](/x/react-date-pickers/).
:::
Please open a pull request to improve the guide if you notice an opportunity for doing such.
2 changes: 1 addition & 1 deletion docs/pages/blog/2020.md
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@

### MUI X

We started to deliver advanced React components in 2020 with the data grid, including a [commercial version](https://v4.mui.com/components/data-grid/) and the beginning of a [date range picker](https://mui.com/x/react-date-pickers/getting-started/).
We started to deliver advanced React components in 2020 with the data grid, including a [commercial version](https://v4.mui.com/components/data-grid/) and the beginning of a [date range picker](https://mui.com/x/react-date-pickers/).

Check warning on line 73 in docs/pages/blog/2020.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Google.We] Try to avoid using first-person plural like 'We'. Raw Output: {"message": "[Google.We] Try to avoid using first-person plural like 'We'.", "location": {"path": "docs/pages/blog/2020.md", "range": {"start": {"line": 73, "column": 1}}}, "severity": "WARNING"}
We will double down on these existing components as long as necessary to have them find the market.

By the end of 2021, we aim to have released these components as stable, implement all the [features planned](https://v4.mui.com/components/data-grid/getting-started/#feature-comparison), and at least double the size of the team.
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/blog/2021.md
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@

#### Data Grid

We will keep the data grid as our primary effort, there are [many features left to be built 🚧](/x/react-data-grid/getting-started/#feature-comparison).
We will keep the data grid as our primary effort, there are many features left to be built. 🚧

Check warning on line 160 in docs/pages/blog/2021.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Google.We] Try to avoid using first-person plural like 'We'. Raw Output: {"message": "[Google.We] Try to avoid using first-person plural like 'We'.", "location": {"path": "docs/pages/blog/2021.md", "range": {"start": {"line": 160, "column": 1}}}, "severity": "WARNING"}

Check warning on line 160 in docs/pages/blog/2021.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Google.Will] Avoid using 'will'. Raw Output: {"message": "[Google.Will] Avoid using 'will'.", "location": {"path": "docs/pages/blog/2021.md", "range": {"start": {"line": 160, "column": 4}}}, "severity": "WARNING"}

Check warning on line 160 in docs/pages/blog/2021.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Google.We] Try to avoid using first-person plural like 'our'. Raw Output: {"message": "[Google.We] Try to avoid using first-person plural like 'our'.", "location": {"path": "docs/pages/blog/2021.md", "range": {"start": {"line": 160, "column": 31}}}, "severity": "WARNING"}
Our efforts will include: doubling down on the documentation, releasing the Premium features, and working on a hook-only API.

#### Date Picker
Expand Down
6 changes: 3 additions & 3 deletions docs/pages/blog/date-pickers-stable-v5.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,13 +16,13 @@
- Dozens of bugs have been fixed since the first alpha.
- DX and overall API consistency have been improved.
- Improved customizability.
- Follow the [installation instructions](https://mui.com/x/react-date-pickers/getting-started/) and the [migration guide](https://mui.com/x/migration/migration-pickers-lab/).
- Follow the [installation instructions](https://mui.com/x/react-date-pickers/quickstart/) and the [migration guide](https://mui.com/x/migration/migration-pickers-lab/).

## What's changed?

### Documentation

We revamped the [getting started](https://mui.com/x/react-date-pickers/getting-started/) page to ease the burden with installation, and improved sections that are key to customization, like the documentation of component [slots](https://mui.com/x/react-date-pickers/custom-components/).
We revamped the [Quickstart](https://mui.com/x/react-date-pickers/quickstart/) page to ease the burden with installation, and improved sections that are key to customization, like the documentation of component [slots](https://mui.com/x/react-date-pickers/custom-components/).

Check warning on line 25 in docs/pages/blog/date-pickers-stable-v5.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Google.We] Try to avoid using first-person plural like 'We'. Raw Output: {"message": "[Google.We] Try to avoid using first-person plural like 'We'.", "location": {"path": "docs/pages/blog/date-pickers-stable-v5.md", "range": {"start": {"line": 25, "column": 1}}}, "severity": "WARNING"}

### Bug fixes and other issues

Expand Down Expand Up @@ -88,7 +88,7 @@

## Installation and migration from `@mui/lab`

You can find the installation instructions in our [getting started](https://mui.com/x/react-date-pickers/getting-started/) page.
You can find the installation instructions on the [Quickstart](https://mui.com/x/react-date-pickers/quickstart/) page.
If you are migrating from the `@mui/lab` package, we've prepared a [migration guide](https://mui.com/x/migration/migration-pickers-lab/) to support you, including a codemod to replace the date pickers declarations.

## What to expect next?
Expand Down
4 changes: 2 additions & 2 deletions docs/pages/blog/docs-restructure-2022.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,8 @@ As for the URLs, this is how they look now:
- Base UI: [https://mui.com/base-ui/](https://mui.com/base-ui/getting-started/)
- MUI System: [https://mui.com/system/](https://mui.com/system/getting-started/)
- MUI X:
- Data grid: [https://mui.com/x/react-data-grid/](https://mui.com/x/react-data-grid/)
- Date and Time pickers: [https://mui.com/x/react-date-pickers/](https://mui.com/x/react-date-pickers/getting-started/)
- Data Grid: [https://mui.com/x/react-data-grid/](https://mui.com/x/react-data-grid/)
- Date and Time Pickers: [https://mui.com/x/react-date-pickers/](https://mui.com/x/react-date-pickers/)

:::info
The date and time pickers have been promoted from the lab (`@mui/lab`) to MUI X—still available under the MIT license.
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/blog/lab-date-pickers-to-mui-x.md
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ npx @mui/codemod@latest v5.0.0/date-pickers-moved-to-x <path>

## Where is the Date and Time Picker documentation?

You can find the documentation for the picker components in the [MUI X docs](/x/react-date-pickers/getting-started/).
You can find the documentation for the picker components in the [MUI X docs](/x/react-date-pickers/).

## What's next for the Date and Time Pickers?

Expand Down
2 changes: 1 addition & 1 deletion docs/pages/blog/making-customizable-components.md
Original file line number Diff line number Diff line change
Expand Up @@ -310,5 +310,5 @@ Thanks to the slot strategy and the introduction of supplementary tools like [MU
[Material UI](https://mui.com/material-ui/getting-started/) and [Joy UI](https://mui.com/joy-ui/getting-started/) are designed to be both beautiful and flexible right out of the box, while [Base UI](https://mui.com/base-ui/getting-started/) gives you the most freedom to implement your own custom styling solution.
[MUI X](https://mui.com/x/introduction/) is comprised of fully featured complex components like the `DataGrid` which—as we've seen—can still be customized in many ways with minimal friction.

Get started building with the MUI X Data Grid by [installing the MIT-licensed Community package](https://mui.com/x/react-data-grid/getting-started/#installation) today.
Get started building with the MUI X Data Grid by [installing the MIT-licensed Community package](https://mui.com/x/react-data-grid/quickstart/) today.
And be sure to let us know what you think about the customization experience!
8 changes: 4 additions & 4 deletions docs/pages/blog/mui-x-end-v6-features.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,17 +61,17 @@ Check out [the Bar Chart layout documentation](/x/react-charts/bars/#layout) for
Customize the legend text to your heart's content, making your charts more readable and visually
appealing.

👉 [Get started with MUI X Charts now](/x/react-charts/getting-started/)!
👉 [Get started with MUI X Charts now](/x/react-charts/)!

### Tree view
### Tree View

After an extensive period of development and refinement in the lab and pre-release packages, and with the invaluable feedback we've received from you and the community, we're happy to share that the package is now officially stable!

<video autoplay muted loop playsinline width="680" height="400">
  <source src="/static/blog/mui-x-end-v6-features/tree-view-gmail.mp4" type="video/mp4">
</video>

👉 [Get started with MUI X Tree View now](/x/react-tree-view/getting-started/)!
👉 [Get started with MUI X Tree View now](/x/react-tree-view/)!

## Date Pickers

Expand Down Expand Up @@ -144,7 +144,7 @@ Most notably:
- Improved accessibility on date and time fields
- [Data Grid](/x/react-data-grid/) iterations:
- New UI for column management
- Pivoting for the [Premium](/x/react-data-grid/#premium-plan) version
- Pivoting for the Premium version

We'll continue to expand our portfolio of Charts, including [Heatmap](/x/react-charts/heatmap/), [Funnel](/x/react-charts/funnel/), and [Gantt](/x/react-charts/gantt/); and explore virtualization and other advanced use cases for the Tree View component.

Expand Down
6 changes: 3 additions & 3 deletions docs/pages/blog/mui-x-v6.md
Original file line number Diff line number Diff line change
Expand Up @@ -239,10 +239,10 @@ End-users can more easily change the start and end dates.

## Installation and migration

If this is your first try with MUI X, you can jump in the getting started section:
If this is your first time using MUI X, you can jump in the getting started section:

- [Data Grid](/x/react-data-grid/getting-started/)
- [Date Pickers](/x/react-date-pickers/getting-started/)
- [Data Grid](/x/react-data-grid/)
- [Date Pickers](/x/react-date-pickers/)

If you're coming from previous versions, we recommend you check our migration guide from MUI X v5 with the complete list of breaking changes:

Expand Down
6 changes: 3 additions & 3 deletions docs/pages/blog/mui-x-v7.md
Original file line number Diff line number Diff line change
Expand Up @@ -132,9 +132,9 @@

The Tree View was split into two distinct components.

The first is the [Simple Tree View](/x/react-tree-view/#simple-tree-view), which retains the classic and familiar JSX approach and is still the one behind the original Tree View.
The first is the [Simple Tree View](/x/react-tree-view/quickstart/#simple-tree-view), which retains the classic and familiar JSX approach and is still the one behind the original Tree View.

The second is the [Rich Tree View](/x/react-tree-view/#rich-tree-view), a new component designed to streamline the development process, and with which we aim to support several common use cases out-of-the-box.
The second is the [Rich Tree View](/x/react-tree-view/quickstart/#rich-tree-view), a new component designed to streamline the development process, and with which we aim to support several common use cases out of the box.

Check warning on line 137 in docs/pages/blog/mui-x-v7.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Google.We] Try to avoid using first-person plural like 'we'. Raw Output: {"message": "[Google.We] Try to avoid using first-person plural like 'we'.", "location": {"path": "docs/pages/blog/mui-x-v7.md", "range": {"start": {"line": 137, "column": 163}}}, "severity": "WARNING"}

Similar to the Data Grid, it only requires a dataset and possibly a few properties to render; it does all the heavy lifting for you, handling most of the complexities internally.

Expand Down Expand Up @@ -296,7 +296,7 @@
<DatePicker enableAccessibleFieldDOMStructure />
```

For more details, please check out the [documentation section](/x/react-date-pickers/fields/#accessible-dom-structure).
For more details, please check out the [Fields documentation](/x/react-date-pickers/fields/).

### Support for date-fns v3

Expand Down
2 changes: 1 addition & 1 deletion docs/pages/blog/v6-beta-pickers.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
There's a lot of exciting news in [MUI X v6.0.0-beta.0](https://github.com/mui/mui-x/releases/v6.0.0-beta.0), but there's hardly anything comparable to the revamp we're delivering for the Date and Time Pickers.

This is the result of our ongoing efforts to improve the usability and customizability of these components.
We kept the best aspects of the previous versions, and we're fleshing out the package with a [new documentation](https://next.mui.com/x/react-date-pickers/getting-started/), major new features and one fundamental change: a new input type to replace the masked text fields.
We kept the best aspects of the previous versions, and we're fleshing out the package with [new documentation](https://next.mui.com/x/react-date-pickers/), major new features, and one fundamental change: a new input type to replace the masked text fields.

Check warning on line 13 in docs/pages/blog/v6-beta-pickers.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Google.We] Try to avoid using first-person plural like 'We'. Raw Output: {"message": "[Google.We] Try to avoid using first-person plural like 'We'.", "location": {"path": "docs/pages/blog/v6-beta-pickers.md", "range": {"start": {"line": 13, "column": 1}}}, "severity": "WARNING"}

Check warning on line 13 in docs/pages/blog/v6-beta-pickers.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Google.We] Try to avoid using first-person plural like 'we'. Raw Output: {"message": "[Google.We] Try to avoid using first-person plural like 'we'.", "location": {"path": "docs/pages/blog/v6-beta-pickers.md", "range": {"start": {"line": 13, "column": 56}}}, "severity": "WARNING"}

## The new date and time fields

Expand Down
12 changes: 6 additions & 6 deletions docs/public/_redirects
Original file line number Diff line number Diff line change
Expand Up @@ -209,12 +209,12 @@ https://v4.material-ui.com/* https://v4.mui.com/:splat 301!
/components/transitions/ /material-ui/transitions/ 301
/pt/components/transitions/ /pt/material-ui/transitions/ 301
/zh/components/transitions/ /zh/material-ui/transitions/ 301
/components/pickers/ /x/react-date-pickers/getting-started/ 301
/pt/components/pickers/ /pt/x/react-date-pickers/getting-started/ 301
/zh/components/pickers/ /zh/x/react-date-pickers/getting-started/ 301
/material-ui/lab-date-and-time-pickers/ /x/react-date-pickers/getting-started/ 301
/pt/material-ui/lab-date-and-time-pickers/ /pt/x/react-date-pickers/getting-started/ 301
/zh/material-ui/lab-date-and-time-pickers/ /zh/x/react-date-pickers/getting-started/ 301
/components/pickers/ /x/react-date-pickers/ 301
/pt/components/pickers/ /pt/x/react-date-pickers/ 301
/zh/components/pickers/ /zh/x/react-date-pickers/ 301
/material-ui/lab-date-and-time-pickers/ /x/react-date-pickers/ 301
/pt/material-ui/lab-date-and-time-pickers/ /pt/x/react-date-pickers/ 301
/zh/material-ui/lab-date-and-time-pickers/ /zh/x/react-date-pickers/ 301
/components/about-the-lab/ /material-ui/about-the-lab/ 301
/pt/components/about-the-lab/ /pt/material-ui/about-the-lab/ 301
/zh/components/about-the-lab/ /zh/material-ui/about-the-lab/ 301
Expand Down
6 changes: 3 additions & 3 deletions docs/src/route.ts
Original file line number Diff line number Diff line change
Expand Up @@ -39,9 +39,9 @@ const ROUTES = {
xLicensing: '/x/introduction/licensing/',
// Data Grid doc pages
dataGridOverview: '/x/react-data-grid/',
dataGridDocs: '/x/react-data-grid/getting-started/',
dataGridFeatures: '/x/react-data-grid/#features',
dataGridFeaturesComparison: '/x/react-data-grid/getting-started/#feature-comparison',
dataGridDocs: '/x/react-data-grid/quickstart/',
dataGridFeatures: '/x/react-data-grid/features/',
dataGridFeaturesComparison: '/x/react-data-grid/features/',
// Date and Time Pickers doc pages
datePickersOverview: '/x/react-date-pickers/',
// Charts doc pages
Expand Down
Loading