[docs] Update deprecated props in docs (#14295)

Signed-off-by: Alexandre Fauquette <[email protected]> Co-authored-by: Alexandre Fauquette <[email protected]>
mui · Aug 27, 2024 · 8e82705 · 8e82705
1 parent 0c30a6f
commit 8e82705
Show file tree

Hide file tree

Showing 12 changed files with 23 additions and 23 deletions.
diff --git a/docs/data/charts/bars/BarAnimation.js b/docs/data/charts/bars/BarAnimation.js
@@ -68,8 +68,8 @@ export default function BarAnimation() {
 }
 
 const highlightScope = {
-  highlighted: 'series',
-  faded: 'global',
+  highlight: 'series',
+  fade: 'global',
 };
 
 const series = [

diff --git a/docs/data/charts/bars/BarAnimation.tsx b/docs/data/charts/bars/BarAnimation.tsx
@@ -68,8 +68,8 @@ export default function BarAnimation() {
 }
 
 const highlightScope = {
-  highlighted: 'series',
-  faded: 'global',
+  highlight: 'series',
+  fade: 'global',
 } as const;
 
 const series = [

diff --git a/docs/data/charts/bars/BarClickNoSnap.js b/docs/data/charts/bars/BarClickNoSnap.js
@@ -17,7 +17,7 @@ const barChartsParams = {
       label: 'A',
       stack: 'total',
       highlightScope: {
-        highlighted: 'item',
+        highlight: 'item',
       },
     },
     {
@@ -26,15 +26,15 @@ const barChartsParams = {
       label: 'B',
       stack: 'total',
       highlightScope: {
-        highlighted: 'item',
+        highlight: 'item',
       },
     },
     {
       id: 'series-3',
       data: [4, 2, 5, 4, 1],
       label: 'C',
       highlightScope: {
-        highlighted: 'item',
+        highlight: 'item',
       },
     },
   ],

diff --git a/docs/data/charts/lines/LineClickNoSnap.js b/docs/data/charts/lines/LineClickNoSnap.js
@@ -18,7 +18,7 @@ const lineChartsParams = {
       area: true,
       stack: 'total',
       highlightScope: {
-        highlighted: 'item',
+        highlight: 'item',
       },
     },
     {
@@ -28,7 +28,7 @@ const lineChartsParams = {
       area: true,
       stack: 'total',
       highlightScope: {
-        highlighted: 'item',
+        highlight: 'item',
       },
     },
     {
@@ -38,7 +38,7 @@ const lineChartsParams = {
       area: true,
       stack: 'total',
       highlightScope: {
-        highlighted: 'item',
+        highlight: 'item',
       },
     },
   ],

diff --git a/docs/data/charts/pie/PieActiveArc.js b/docs/data/charts/pie/PieActiveArc.js
@@ -13,7 +13,7 @@ export default function PieActiveArc() {
       series={[
         {
           data,
-          highlightScope: { faded: 'global', highlighted: 'item' },
+          highlightScope: { fade: 'global', highlight: 'item' },
           faded: { innerRadius: 30, additionalRadius: -30, color: 'gray' },
         },
       ]}

diff --git a/docs/data/charts/pie/PieActiveArc.tsx b/docs/data/charts/pie/PieActiveArc.tsx
@@ -13,7 +13,7 @@ export default function PieActiveArc() {
       series={[
         {
           data,
-          highlightScope: { faded: 'global', highlighted: 'item' },
+          highlightScope: { fade: 'global', highlight: 'item' },
           faded: { innerRadius: 30, additionalRadius: -30, color: 'gray' },
         },
       ]}

diff --git a/docs/data/charts/pie/PieActiveArc.tsx.preview b/docs/data/charts/pie/PieActiveArc.tsx.preview
@@ -2,7 +2,7 @@
   series={[
     {
       data,
-      highlightScope: { faded: 'global', highlighted: 'item' },
+      highlightScope: { fade: 'global', highlight: 'item' },
       faded: { innerRadius: 30, additionalRadius: -30, color: 'gray' },
     },
   ]}

diff --git a/docs/data/charts/scatter/ScatterClickNoSnap.js b/docs/data/charts/scatter/ScatterClickNoSnap.js
@@ -27,7 +27,7 @@ const scatterChartsParams = {
       ],
       label: 'A',
       highlightScope: {
-        highlighted: 'item',
+        highlight: 'item',
       },
     },
     {
@@ -46,7 +46,7 @@ const scatterChartsParams = {
       ],
       label: 'B',
       highlightScope: {
-        highlighted: 'item',
+        highlight: 'item',
       },
     },
   ],

diff --git a/docs/data/charts/tooltip/ElementHighlights.js b/docs/data/charts/tooltip/ElementHighlights.js
@@ -73,13 +73,13 @@ const pieChartsParams = {
       data: [{ value: 5 }, { value: 10 }, { value: 15 }],
       label: 'Series 1',
       outerRadius: 80,
-      highlighted: { additionalRadius: 10 },
+      highlight: { additionalRadius: 10 },
     },
     {
       data: [{ value: 5 }, { value: 10 }, { value: 15 }],
       label: 'Series 1',
       innerRadius: 90,
-      highlighted: { additionalRadius: 10 },
+      highlight: { additionalRadius: 10 },
     },
   ],
   height: 400,

diff --git a/docs/data/charts/tooltip/ElementHighlights.tsx b/docs/data/charts/tooltip/ElementHighlights.tsx
@@ -73,13 +73,13 @@ const pieChartsParams = {
       data: [{ value: 5 }, { value: 10 }, { value: 15 }],
       label: 'Series 1',
       outerRadius: 80,
-      highlighted: { additionalRadius: 10 },
+      highlight: { additionalRadius: 10 },
     },
     {
       data: [{ value: 5 }, { value: 10 }, { value: 15 }],
       label: 'Series 1',
       innerRadius: 90,
-      highlighted: { additionalRadius: 10 },
+      highlight: { additionalRadius: 10 },
     },
   ],
   height: 400,

diff --git a/docs/data/charts/tooltip/SyncHighlight.js b/docs/data/charts/tooltip/SyncHighlight.js
@@ -32,7 +32,7 @@ const barChartsProps = {
     {
       data: [3, 4, 1, 6, 5],
       id: 'sync',
-      highlightScope: { highlighted: 'item', faded: 'global' },
+      highlightScope: { highlight: 'item', fade: 'global' },
     },
   ],
   xAxis: [{ scaleType: 'band', data: ['A', 'B', 'C', 'D', 'E'] }],
@@ -55,7 +55,7 @@ const pieChartProps = {
         { value: 6, label: 'D', id: 'D' },
         { value: 5, label: 'E', id: 'E' },
       ],
-      highlightScope: { highlighted: 'item', faded: 'global' },
+      highlightScope: { highlight: 'item', fade: 'global' },
     },
   ],
   height: 400,

diff --git a/docs/data/charts/tooltip/SyncHighlight.tsx b/docs/data/charts/tooltip/SyncHighlight.tsx
@@ -33,7 +33,7 @@ const barChartsProps: BarChartProps = {
     {
       data: [3, 4, 1, 6, 5],
       id: 'sync',
-      highlightScope: { highlighted: 'item', faded: 'global' },
+      highlightScope: { highlight: 'item', fade: 'global' },
     },
   ],
   xAxis: [{ scaleType: 'band', data: ['A', 'B', 'C', 'D', 'E'] }],
@@ -56,7 +56,7 @@ const pieChartProps: PieChartProps = {
         { value: 6, label: 'D', id: 'D' },
         { value: 5, label: 'E', id: 'E' },
       ],
-      highlightScope: { highlighted: 'item', faded: 'global' },
+      highlightScope: { highlight: 'item', fade: 'global' },
     },
   ],
   height: 400,