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

JCQuintas · alexfauquette · web-flow · commit 8e82705a5615 · 2024-08-27T15:25:27.000+02:00
Signed-off-by: Alexandre Fauquette &lt;45398769+alexfauquette@users.noreply.github.com&gt;
Co-authored-by: Alexandre Fauquette &lt;45398769+alexfauquette@users.noreply.github.com&gt;
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,

Original file line number	Diff line number	Diff line change
`@@ -68,8 +68,8 @@ export default function BarAnimation() {`
`68`	`68`	`}`
`69`	`69`
`70`	`70`	`const highlightScope = {`
`71`		`- highlighted: 'series',`
`72`		`- faded: 'global',`
	`71`	`+ highlight: 'series',`
	`72`	`+ fade: 'global',`
`73`	`73`	`};`
`74`	`74`
`75`	`75`	`const series = [`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ export default function PieActiveArc() {`
`13`	`13`	`series={[`
`14`	`14`	`{`
`15`	`15`	`data,`
`16`		`- highlightScope: { faded: 'global', highlighted: 'item' },`
	`16`	`+ highlightScope: { fade: 'global', highlight: 'item' },`
`17`	`17`	`faded: { innerRadius: 30, additionalRadius: -30, color: 'gray' },`
`18`	`18`	`},`
`19`	`19`	`]}`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`series={[`
`3`	`3`	`{`
`4`	`4`	`data,`
`5`		`- highlightScope: { faded: 'global', highlighted: 'item' },`
	`5`	`+ highlightScope: { fade: 'global', highlight: 'item' },`
`6`	`6`	`faded: { innerRadius: 30, additionalRadius: -30, color: 'gray' },`
`7`	`7`	`},`
`8`	`8`	`]}`