From 7b3034607b54d94d78a366cc59a93709b44c29dc Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Wed, 1 May 2024 17:57:05 +0200
Subject: [PATCH 1/4] [docs][autocomplete] Fix duplicate autocomplete id

---
 docs/data/material/components/autocomplete/RenderGroup.js       | 2 +-
 docs/data/material/components/autocomplete/RenderGroup.tsx      | 2 +-
 .../material/components/autocomplete/RenderGroup.tsx.preview    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/data/material/components/autocomplete/RenderGroup.js b/docs/data/material/components/autocomplete/RenderGroup.js
index 3d283560dbb4f7..9ebfd31c8bd428 100644
--- a/docs/data/material/components/autocomplete/RenderGroup.js
+++ b/docs/data/material/components/autocomplete/RenderGroup.js
@@ -29,7 +29,7 @@ export default function RenderGroup() {
 
   return (
     <Autocomplete
-      id="grouped-demo"
+      id="render-grouped-demo"
       options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
       groupBy={(option) => option.firstLetter}
       getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/RenderGroup.tsx b/docs/data/material/components/autocomplete/RenderGroup.tsx
index 3d283560dbb4f7..9ebfd31c8bd428 100644
--- a/docs/data/material/components/autocomplete/RenderGroup.tsx
+++ b/docs/data/material/components/autocomplete/RenderGroup.tsx
@@ -29,7 +29,7 @@ export default function RenderGroup() {
 
   return (
     <Autocomplete
-      id="grouped-demo"
+      id="render-grouped-demo"
       options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
       groupBy={(option) => option.firstLetter}
       getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/RenderGroup.tsx.preview b/docs/data/material/components/autocomplete/RenderGroup.tsx.preview
index bf68be03c34532..0aa13c01a941a5 100644
--- a/docs/data/material/components/autocomplete/RenderGroup.tsx.preview
+++ b/docs/data/material/components/autocomplete/RenderGroup.tsx.preview
@@ -1,5 +1,5 @@
 <Autocomplete
-  id="grouped-demo"
+  id="render-grouped-demo"
   options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
   groupBy={(option) => option.firstLetter}
   getOptionLabel={(option) => option.title}

From a78edef131bb4a5ece34b7db38f9404dba2e1a6e Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Thu, 2 May 2024 16:50:04 +0200
Subject: [PATCH 2/4] remove dead id prop

---
 docs/data/joy/components/autocomplete/CountrySelect.js           | 1 -
 docs/data/joy/components/autocomplete/CountrySelect.tsx          | 1 -
 docs/data/joy/components/autocomplete/CustomTags.js              | 1 -
 docs/data/joy/components/autocomplete/CustomTags.tsx             | 1 -
 docs/data/material/components/autocomplete/Asynchronous.js       | 1 -
 docs/data/material/components/autocomplete/Asynchronous.tsx      | 1 -
 docs/data/material/components/autocomplete/ComboBox.js           | 1 -
 docs/data/material/components/autocomplete/ComboBox.tsx          | 1 -
 docs/data/material/components/autocomplete/Filter.js             | 1 -
 docs/data/material/components/autocomplete/Filter.tsx            | 1 -
 docs/data/material/components/autocomplete/Filter.tsx.preview    | 1 -
 .../components/autocomplete/GloballyCustomizedOptions.js         | 1 -
 .../components/autocomplete/GloballyCustomizedOptions.tsx        | 1 -
 docs/data/material/components/autocomplete/GoogleMaps.js         | 1 -
 docs/data/material/components/autocomplete/GoogleMaps.tsx        | 1 -
 docs/data/material/components/autocomplete/Grouped.js            | 1 -
 docs/data/material/components/autocomplete/Grouped.tsx           | 1 -
 docs/data/material/components/autocomplete/Grouped.tsx.preview   | 1 -
 docs/data/material/components/autocomplete/Highlights.js         | 1 -
 docs/data/material/components/autocomplete/Highlights.tsx        | 1 -
 docs/data/material/components/autocomplete/RenderGroup.js        | 1 -
 docs/data/material/components/autocomplete/RenderGroup.tsx       | 1 -
 .../material/components/autocomplete/RenderGroup.tsx.preview     | 1 -
 docs/data/material/components/autocomplete/Virtualize.js         | 1 -
 docs/data/material/components/autocomplete/Virtualize.tsx        | 1 -
 .../data/material/components/autocomplete/Virtualize.tsx.preview | 1 -
 26 files changed, 26 deletions(-)

diff --git a/docs/data/joy/components/autocomplete/CountrySelect.js b/docs/data/joy/components/autocomplete/CountrySelect.js
index 6b106f6fb33fc5..842bc08b024221 100644
--- a/docs/data/joy/components/autocomplete/CountrySelect.js
+++ b/docs/data/joy/components/autocomplete/CountrySelect.js
@@ -8,7 +8,6 @@ import Typography from '@mui/joy/Typography';
 export default function CountrySelect() {
   return (
     <Autocomplete
-      id="country-select-demo"
       placeholder="Choose a country"
       slotProps={{
         input: {
diff --git a/docs/data/joy/components/autocomplete/CountrySelect.tsx b/docs/data/joy/components/autocomplete/CountrySelect.tsx
index 6b106f6fb33fc5..842bc08b024221 100644
--- a/docs/data/joy/components/autocomplete/CountrySelect.tsx
+++ b/docs/data/joy/components/autocomplete/CountrySelect.tsx
@@ -8,7 +8,6 @@ import Typography from '@mui/joy/Typography';
 export default function CountrySelect() {
   return (
     <Autocomplete
-      id="country-select-demo"
       placeholder="Choose a country"
       slotProps={{
         input: {
diff --git a/docs/data/joy/components/autocomplete/CustomTags.js b/docs/data/joy/components/autocomplete/CustomTags.js
index edcdc0edef35ce..e3036aa1504a79 100644
--- a/docs/data/joy/components/autocomplete/CustomTags.js
+++ b/docs/data/joy/components/autocomplete/CustomTags.js
@@ -6,7 +6,6 @@ import Close from '@mui/icons-material/Close';
 export default function CustomTags() {
   return (
     <Autocomplete
-      id="tags-default"
       multiple
       placeholder="Favorites"
       options={top100Films}
diff --git a/docs/data/joy/components/autocomplete/CustomTags.tsx b/docs/data/joy/components/autocomplete/CustomTags.tsx
index edcdc0edef35ce..e3036aa1504a79 100644
--- a/docs/data/joy/components/autocomplete/CustomTags.tsx
+++ b/docs/data/joy/components/autocomplete/CustomTags.tsx
@@ -6,7 +6,6 @@ import Close from '@mui/icons-material/Close';
 export default function CustomTags() {
   return (
     <Autocomplete
-      id="tags-default"
       multiple
       placeholder="Favorites"
       options={top100Films}
diff --git a/docs/data/material/components/autocomplete/Asynchronous.js b/docs/data/material/components/autocomplete/Asynchronous.js
index ada8153aa99fd6..9244ba11f5b8ef 100644
--- a/docs/data/material/components/autocomplete/Asynchronous.js
+++ b/docs/data/material/components/autocomplete/Asynchronous.js
@@ -44,7 +44,6 @@ export default function Asynchronous() {
 
   return (
     <Autocomplete
-      id="asynchronous-demo"
       sx={{ width: 300 }}
       open={open}
       onOpen={() => {
diff --git a/docs/data/material/components/autocomplete/Asynchronous.tsx b/docs/data/material/components/autocomplete/Asynchronous.tsx
index c2c4e4720ed519..382bcc2b1dcb97 100644
--- a/docs/data/material/components/autocomplete/Asynchronous.tsx
+++ b/docs/data/material/components/autocomplete/Asynchronous.tsx
@@ -49,7 +49,6 @@ export default function Asynchronous() {
 
   return (
     <Autocomplete
-      id="asynchronous-demo"
       sx={{ width: 300 }}
       open={open}
       onOpen={() => {
diff --git a/docs/data/material/components/autocomplete/ComboBox.js b/docs/data/material/components/autocomplete/ComboBox.js
index ceeb0eb96834a4..a27d7aef434c56 100644
--- a/docs/data/material/components/autocomplete/ComboBox.js
+++ b/docs/data/material/components/autocomplete/ComboBox.js
@@ -7,7 +7,6 @@ export default function ComboBox() {
   return (
     <Autocomplete
       disablePortal
-      id="combo-box-demo"
       options={top100Films}
       sx={{ width: 300 }}
       renderInput={(params) => <TextField {...params} label="Movie" />}
diff --git a/docs/data/material/components/autocomplete/ComboBox.tsx b/docs/data/material/components/autocomplete/ComboBox.tsx
index ceeb0eb96834a4..a27d7aef434c56 100644
--- a/docs/data/material/components/autocomplete/ComboBox.tsx
+++ b/docs/data/material/components/autocomplete/ComboBox.tsx
@@ -7,7 +7,6 @@ export default function ComboBox() {
   return (
     <Autocomplete
       disablePortal
-      id="combo-box-demo"
       options={top100Films}
       sx={{ width: 300 }}
       renderInput={(params) => <TextField {...params} label="Movie" />}
diff --git a/docs/data/material/components/autocomplete/Filter.js b/docs/data/material/components/autocomplete/Filter.js
index 00e3a63c5d447e..b3a482781108ad 100644
--- a/docs/data/material/components/autocomplete/Filter.js
+++ b/docs/data/material/components/autocomplete/Filter.js
@@ -10,7 +10,6 @@ const filterOptions = createFilterOptions({
 export default function Filter() {
   return (
     <Autocomplete
-      id="filter-demo"
       options={top100Films}
       getOptionLabel={(option) => option.title}
       filterOptions={filterOptions}
diff --git a/docs/data/material/components/autocomplete/Filter.tsx b/docs/data/material/components/autocomplete/Filter.tsx
index 6b3f4bdd4b9280..5a41bcdf275c5b 100644
--- a/docs/data/material/components/autocomplete/Filter.tsx
+++ b/docs/data/material/components/autocomplete/Filter.tsx
@@ -10,7 +10,6 @@ const filterOptions = createFilterOptions({
 export default function Filter() {
   return (
     <Autocomplete
-      id="filter-demo"
       options={top100Films}
       getOptionLabel={(option) => option.title}
       filterOptions={filterOptions}
diff --git a/docs/data/material/components/autocomplete/Filter.tsx.preview b/docs/data/material/components/autocomplete/Filter.tsx.preview
index 3165c14c1e8a8e..7ca0d8bb8625c3 100644
--- a/docs/data/material/components/autocomplete/Filter.tsx.preview
+++ b/docs/data/material/components/autocomplete/Filter.tsx.preview
@@ -1,5 +1,4 @@
 <Autocomplete
-  id="filter-demo"
   options={top100Films}
   getOptionLabel={(option) => option.title}
   filterOptions={filterOptions}
diff --git a/docs/data/material/components/autocomplete/GloballyCustomizedOptions.js b/docs/data/material/components/autocomplete/GloballyCustomizedOptions.js
index d5f7669578cc79..8f0327c5227592 100644
--- a/docs/data/material/components/autocomplete/GloballyCustomizedOptions.js
+++ b/docs/data/material/components/autocomplete/GloballyCustomizedOptions.js
@@ -65,7 +65,6 @@ function MovieSelect() {
 function CountrySelect() {
   return (
     <Autocomplete
-      id="country-customized-option-demo"
       options={countries}
       disableCloseOnSelect
       getOptionLabel={(option) =>
diff --git a/docs/data/material/components/autocomplete/GloballyCustomizedOptions.tsx b/docs/data/material/components/autocomplete/GloballyCustomizedOptions.tsx
index 4703740e9ab0ef..3ec3840e00292a 100644
--- a/docs/data/material/components/autocomplete/GloballyCustomizedOptions.tsx
+++ b/docs/data/material/components/autocomplete/GloballyCustomizedOptions.tsx
@@ -65,7 +65,6 @@ function MovieSelect() {
 function CountrySelect() {
   return (
     <Autocomplete
-      id="country-customized-option-demo"
       options={countries}
       disableCloseOnSelect
       getOptionLabel={(option: CountryType) =>
diff --git a/docs/data/material/components/autocomplete/GoogleMaps.js b/docs/data/material/components/autocomplete/GoogleMaps.js
index 9ac81f207c836a..d67aa4cce5cfd6 100644
--- a/docs/data/material/components/autocomplete/GoogleMaps.js
+++ b/docs/data/material/components/autocomplete/GoogleMaps.js
@@ -91,7 +91,6 @@ export default function GoogleMaps() {
 
   return (
     <Autocomplete
-      id="google-map-demo"
       sx={{ width: 300 }}
       getOptionLabel={(option) =>
         typeof option === 'string' ? option : option.description
diff --git a/docs/data/material/components/autocomplete/GoogleMaps.tsx b/docs/data/material/components/autocomplete/GoogleMaps.tsx
index 269823b32bc4e8..2fe24affecc978 100644
--- a/docs/data/material/components/autocomplete/GoogleMaps.tsx
+++ b/docs/data/material/components/autocomplete/GoogleMaps.tsx
@@ -115,7 +115,6 @@ export default function GoogleMaps() {
 
   return (
     <Autocomplete
-      id="google-map-demo"
       sx={{ width: 300 }}
       getOptionLabel={(option) =>
         typeof option === 'string' ? option : option.description
diff --git a/docs/data/material/components/autocomplete/Grouped.js b/docs/data/material/components/autocomplete/Grouped.js
index e4b7aac8036a85..e13f7877266db6 100644
--- a/docs/data/material/components/autocomplete/Grouped.js
+++ b/docs/data/material/components/autocomplete/Grouped.js
@@ -13,7 +13,6 @@ export default function Grouped() {
 
   return (
     <Autocomplete
-      id="grouped-demo"
       options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
       groupBy={(option) => option.firstLetter}
       getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/Grouped.tsx b/docs/data/material/components/autocomplete/Grouped.tsx
index e4b7aac8036a85..e13f7877266db6 100644
--- a/docs/data/material/components/autocomplete/Grouped.tsx
+++ b/docs/data/material/components/autocomplete/Grouped.tsx
@@ -13,7 +13,6 @@ export default function Grouped() {
 
   return (
     <Autocomplete
-      id="grouped-demo"
       options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
       groupBy={(option) => option.firstLetter}
       getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/Grouped.tsx.preview b/docs/data/material/components/autocomplete/Grouped.tsx.preview
index 2ea3bd1d9135e8..861cf451662757 100644
--- a/docs/data/material/components/autocomplete/Grouped.tsx.preview
+++ b/docs/data/material/components/autocomplete/Grouped.tsx.preview
@@ -1,5 +1,4 @@
 <Autocomplete
-  id="grouped-demo"
   options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
   groupBy={(option) => option.firstLetter}
   getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/Highlights.js b/docs/data/material/components/autocomplete/Highlights.js
index 0f56f70ca6e08d..7d5c6950dcde81 100644
--- a/docs/data/material/components/autocomplete/Highlights.js
+++ b/docs/data/material/components/autocomplete/Highlights.js
@@ -7,7 +7,6 @@ import match from 'autosuggest-highlight/match';
 export default function Highlights() {
   return (
     <Autocomplete
-      id="highlights-demo"
       sx={{ width: 300 }}
       options={top100Films}
       getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/Highlights.tsx b/docs/data/material/components/autocomplete/Highlights.tsx
index 0f56f70ca6e08d..7d5c6950dcde81 100644
--- a/docs/data/material/components/autocomplete/Highlights.tsx
+++ b/docs/data/material/components/autocomplete/Highlights.tsx
@@ -7,7 +7,6 @@ import match from 'autosuggest-highlight/match';
 export default function Highlights() {
   return (
     <Autocomplete
-      id="highlights-demo"
       sx={{ width: 300 }}
       options={top100Films}
       getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/RenderGroup.js b/docs/data/material/components/autocomplete/RenderGroup.js
index 9ebfd31c8bd428..878bf1977e58df 100644
--- a/docs/data/material/components/autocomplete/RenderGroup.js
+++ b/docs/data/material/components/autocomplete/RenderGroup.js
@@ -29,7 +29,6 @@ export default function RenderGroup() {
 
   return (
     <Autocomplete
-      id="render-grouped-demo"
       options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
       groupBy={(option) => option.firstLetter}
       getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/RenderGroup.tsx b/docs/data/material/components/autocomplete/RenderGroup.tsx
index 9ebfd31c8bd428..878bf1977e58df 100644
--- a/docs/data/material/components/autocomplete/RenderGroup.tsx
+++ b/docs/data/material/components/autocomplete/RenderGroup.tsx
@@ -29,7 +29,6 @@ export default function RenderGroup() {
 
   return (
     <Autocomplete
-      id="render-grouped-demo"
       options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
       groupBy={(option) => option.firstLetter}
       getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/RenderGroup.tsx.preview b/docs/data/material/components/autocomplete/RenderGroup.tsx.preview
index 0aa13c01a941a5..85d7b49d75f0d7 100644
--- a/docs/data/material/components/autocomplete/RenderGroup.tsx.preview
+++ b/docs/data/material/components/autocomplete/RenderGroup.tsx.preview
@@ -1,5 +1,4 @@
 <Autocomplete
-  id="render-grouped-demo"
   options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
   groupBy={(option) => option.firstLetter}
   getOptionLabel={(option) => option.title}
diff --git a/docs/data/material/components/autocomplete/Virtualize.js b/docs/data/material/components/autocomplete/Virtualize.js
index 7b62b6c4f7b938..846554c8c6d9db 100644
--- a/docs/data/material/components/autocomplete/Virtualize.js
+++ b/docs/data/material/components/autocomplete/Virtualize.js
@@ -138,7 +138,6 @@ const OPTIONS = Array.from(new Array(10000))
 export default function Virtualize() {
   return (
     <Autocomplete
-      id="virtualize-demo"
       sx={{ width: 300 }}
       disableListWrap
       PopperComponent={StyledPopper}
diff --git a/docs/data/material/components/autocomplete/Virtualize.tsx b/docs/data/material/components/autocomplete/Virtualize.tsx
index cd6eee98854ff5..feb30004e6fcce 100644
--- a/docs/data/material/components/autocomplete/Virtualize.tsx
+++ b/docs/data/material/components/autocomplete/Virtualize.tsx
@@ -138,7 +138,6 @@ const OPTIONS = Array.from(new Array(10000))
 export default function Virtualize() {
   return (
     <Autocomplete
-      id="virtualize-demo"
       sx={{ width: 300 }}
       disableListWrap
       PopperComponent={StyledPopper}
diff --git a/docs/data/material/components/autocomplete/Virtualize.tsx.preview b/docs/data/material/components/autocomplete/Virtualize.tsx.preview
index 7aa80fd1fd266e..19ab94ae3d5176 100644
--- a/docs/data/material/components/autocomplete/Virtualize.tsx.preview
+++ b/docs/data/material/components/autocomplete/Virtualize.tsx.preview
@@ -1,5 +1,4 @@
 <Autocomplete
-  id="virtualize-demo"
   sx={{ width: 300 }}
   disableListWrap
   PopperComponent={StyledPopper}

From e44dde1b350781f9ad8efcf052205ce86394c6b2 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Thu, 2 May 2024 17:13:50 +0200
Subject: [PATCH 3/4] fix this one as well

---
 docs/data/material/components/autocomplete/ComboBox.tsx.preview | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/data/material/components/autocomplete/ComboBox.tsx.preview b/docs/data/material/components/autocomplete/ComboBox.tsx.preview
index c6f286c340c707..7382e2d5a10c39 100644
--- a/docs/data/material/components/autocomplete/ComboBox.tsx.preview
+++ b/docs/data/material/components/autocomplete/ComboBox.tsx.preview
@@ -1,6 +1,5 @@
 <Autocomplete
   disablePortal
-  id="combo-box-demo"
   options={top100Films}
   sx={{ width: 300 }}
   renderInput={(params) => <TextField {...params} label="Movie" />}

From cf6704ef7fc782c458719df6a8aa24d342c9fb3b Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Thu, 2 May 2024 20:24:17 +0200
Subject: [PATCH 4/4] remove more

---
 docs/data/material/components/autocomplete/DisabledOptions.js    | 1 -
 docs/data/material/components/autocomplete/DisabledOptions.tsx   | 1 -
 .../material/components/autocomplete/DisabledOptions.tsx.preview | 1 -
 3 files changed, 3 deletions(-)

diff --git a/docs/data/material/components/autocomplete/DisabledOptions.js b/docs/data/material/components/autocomplete/DisabledOptions.js
index 10ff390a0390e5..feeee324859c1a 100644
--- a/docs/data/material/components/autocomplete/DisabledOptions.js
+++ b/docs/data/material/components/autocomplete/DisabledOptions.js
@@ -5,7 +5,6 @@ import Autocomplete from '@mui/material/Autocomplete';
 export default function DisabledOptions() {
   return (
     <Autocomplete
-      id="disabled-options-demo"
       options={timeSlots}
       getOptionDisabled={(option) =>
         option === timeSlots[0] || option === timeSlots[2]
diff --git a/docs/data/material/components/autocomplete/DisabledOptions.tsx b/docs/data/material/components/autocomplete/DisabledOptions.tsx
index 10ff390a0390e5..feeee324859c1a 100644
--- a/docs/data/material/components/autocomplete/DisabledOptions.tsx
+++ b/docs/data/material/components/autocomplete/DisabledOptions.tsx
@@ -5,7 +5,6 @@ import Autocomplete from '@mui/material/Autocomplete';
 export default function DisabledOptions() {
   return (
     <Autocomplete
-      id="disabled-options-demo"
       options={timeSlots}
       getOptionDisabled={(option) =>
         option === timeSlots[0] || option === timeSlots[2]
diff --git a/docs/data/material/components/autocomplete/DisabledOptions.tsx.preview b/docs/data/material/components/autocomplete/DisabledOptions.tsx.preview
index f4acfa9a7966e4..528fc85290a1d3 100644
--- a/docs/data/material/components/autocomplete/DisabledOptions.tsx.preview
+++ b/docs/data/material/components/autocomplete/DisabledOptions.tsx.preview
@@ -1,5 +1,4 @@
 <Autocomplete
-  id="disabled-options-demo"
   options={timeSlots}
   getOptionDisabled={(option) =>
     option === timeSlots[0] || option === timeSlots[2]