Take snapshot of color scales

mui · Apr 19, 2024 · c0d196e · c0d196e
1 parent 5c48a86
commit c0d196e
Show file tree

Hide file tree

Showing 9 changed files with 9 additions and 12 deletions.
diff --git a/docs/data/charts/bars/ColorScaleNoSnap.js → docs/data/charts/bars/ColorScale.js b/docs/data/charts/bars/ColorScaleNoSnap.js → docs/data/charts/bars/ColorScale.js
@@ -3,12 +3,11 @@ import { BarChart } from '@mui/x-charts/BarChart';
 import Stack from '@mui/material/Stack';
 import TextField from '@mui/material/TextField';
 import MenuItem from '@mui/material/MenuItem';
-// @ts-ignore
 import { HighlightedCode } from '@mui/docs/HighlightedCode';
 
 const series = [{ data: [-2, -9, 12, 11, 6, -4] }];
 
-export default function ColorScaleNoSnap() {
+export default function ColorScale() {
   const [colorX, setColorX] = React.useState('piecewise');
   const [colorY, setColorY] = React.useState('None');
 

diff --git a/docs/data/charts/bars/ColorScaleNoSnap.tsx → docs/data/charts/bars/ColorScale.tsx b/docs/data/charts/bars/ColorScaleNoSnap.tsx → docs/data/charts/bars/ColorScale.tsx
@@ -7,7 +7,7 @@ import { HighlightedCode } from '@mui/docs/HighlightedCode';
 
 const series = [{ data: [-2, -9, 12, 11, 6, -4] }];
 
-export default function ColorScaleNoSnap() {
+export default function ColorScale() {
   const [colorX, setColorX] = React.useState<
     'None' | 'piecewise' | 'continuous' | 'ordinal'
   >('piecewise');

diff --git a/docs/data/charts/bars/bars.md b/docs/data/charts/bars/bars.md
@@ -98,7 +98,7 @@ The bar charts use by priority:
 
 Learn more about the `colorMap` properties in the [Styling docs](/x/react-charts/styling/#values-color).
 
-{{"demo": "ColorScaleNoSnap.js"}}
+{{"demo": "ColorScale.js"}}
 
 ## Click event
 

diff --git a/docs/data/charts/lines/ColorScaleNoSnap.js → docs/data/charts/lines/ColorScale.js b/docs/data/charts/lines/ColorScaleNoSnap.js → docs/data/charts/lines/ColorScale.js
@@ -3,10 +3,9 @@ import { LineChart } from '@mui/x-charts/LineChart';
 import Stack from '@mui/material/Stack';
 import TextField from '@mui/material/TextField';
 import MenuItem from '@mui/material/MenuItem';
-// @ts-ignore
 import { HighlightedCode } from '@mui/docs/HighlightedCode';
 
-export default function ColorScaleNoSnap() {
+export default function ColorScale() {
   const [colorX, setColorX] = React.useState('None');
   const [colorY, setColorY] = React.useState('piecewise');
 

diff --git a/docs/data/charts/lines/ColorScaleNoSnap.tsx → docs/data/charts/lines/ColorScale.tsx b/docs/data/charts/lines/ColorScaleNoSnap.tsx → docs/data/charts/lines/ColorScale.tsx
@@ -5,7 +5,7 @@ import TextField from '@mui/material/TextField';
 import MenuItem from '@mui/material/MenuItem';
 import { HighlightedCode } from '@mui/docs/HighlightedCode';
 
-export default function ColorScaleNoSnap() {
+export default function ColorScale() {
   const [colorX, setColorX] = React.useState<
     'None' | 'piecewise' | 'continuous' | 'ordinal'
   >('None');

diff --git a/docs/data/charts/lines/lines.md b/docs/data/charts/lines/lines.md
@@ -159,7 +159,7 @@ The line charts use by priority:
 
 Learn more about the `colorMap` properties in the [Styling docs](/x/react-charts/styling/#values-color).
 
-{{"demo": "ColorScaleNoSnap.js"}}
+{{"demo": "ColorScale.js"}}
 
 :::warning
 For now, ordinal config is not supported for line chart.

diff --git a/docs/data/charts/scatter/ColorScaleNoSnap.js → docs/data/charts/scatter/ColorScale.js b/docs/data/charts/scatter/ColorScaleNoSnap.js → docs/data/charts/scatter/ColorScale.js
@@ -4,15 +4,14 @@ import { ScatterChart } from '@mui/x-charts/ScatterChart';
 import Stack from '@mui/material/Stack';
 import TextField from '@mui/material/TextField';
 import MenuItem from '@mui/material/MenuItem';
-// @ts-ignore
 import { HighlightedCode } from '@mui/docs/HighlightedCode';
 
 import { Chance } from 'chance';
 
 const POINTS_NUMBER = 50;
 const chance = new Chance(42);
 
-export default function ColorScaleNoSnap() {
+export default function ColorScale() {
   const [colorX, setColorX] = React.useState('piecewise');
   const [colorY, setColorY] = React.useState('None');
   const [colorZ, setColorZ] = React.useState('None');

diff --git a/.../data/charts/scatter/ColorScaleNoSnap.tsx → docs/data/charts/scatter/ColorScale.tsx b/.../data/charts/scatter/ColorScaleNoSnap.tsx → docs/data/charts/scatter/ColorScale.tsx
@@ -11,7 +11,7 @@ import { Chance } from 'chance';
 const POINTS_NUMBER = 50;
 const chance = new Chance(42);
 
-export default function ColorScaleNoSnap() {
+export default function ColorScale() {
   const [colorX, setColorX] = React.useState<'None' | 'piecewise' | 'continuous'>(
     'piecewise',
   );

diff --git a/docs/data/charts/scatter/scatter.md b/docs/data/charts/scatter/scatter.md
@@ -88,7 +88,7 @@ Here are three ways to set z value to 5.
 
 Learn more about the `colorMap` properties in the [Styling docs](/x/react-charts/styling/#values-color).
 
-{{"demo": "ColorScaleNoSnap.js"}}
+{{"demo": "ColorScale.js"}}
 
 ### Grid