fixup prettier

Author: dmt0

examples/custom/src/App.js

@@ -9,7 +9,7 @@ const dataSources = {
   col2: [4, 3, 2], // eslint-disable-line no-magic-numbers
   col3: [17, 13, 9], // eslint-disable-line no-magic-numbers
 };
-const dataSourceOptions = Object.keys(dataSources).map(name => ({
+const dataSourceOptions = Object.keys(dataSources).map((name) => ({
   value: name,
   label: name,
 }));

examples/custom/src/CustomEditor.js

@@ -47,19 +47,28 @@ export default class CustomEditor extends Component {
                 label="Dropdown"
                 attr="xaxis.title"
                 show
-                options={[{label: 'Yes', value: 'yes'}, {label: 'No', value: 'no'}]}
+                options={[
+                  {label: 'Yes', value: 'yes'},
+                  {label: 'No', value: 'no'},
+                ]}
               />
               <Radio
                 label="Radio"
                 attr="yaxis.title"
                 show
-                options={[{label: 'Yes', value: 'yes'}, {label: 'No', value: 'no'}]}
+                options={[
+                  {label: 'Yes', value: 'yes'},
+                  {label: 'No', value: 'no'},
+                ]}
               />
               <Flaglist
                 label="Flaglist"
                 attr="title.font.family"
                 show
-                options={[{label: 'Yes', value: 'y'}, {label: 'No', value: 'n'}]}
+                options={[
+                  {label: 'Yes', value: 'y'},
+                  {label: 'No', value: 'n'},
+                ]}
               />
               <ColorPicker label="ColorPicker" attr="plot_bgcolor" show />
               <TextEditor attr="title" label="TextEditor default" />

examples/demo/src/App.js

@@ -5,7 +5,7 @@ import 'react-chart-editor/lib/react-chart-editor.css';
 import Nav from './Nav';
 import dataSources from './dataSources';
 
-const dataSourceOptions = Object.keys(dataSources).map(name => ({
+const dataSourceOptions = Object.keys(dataSources).map((name) => ({
   value: name,
   label: name,
 }));
@@ -29,17 +29,17 @@ class App extends Component {
 
   UNSAFE_componentWillMount() {
     fetch('https://api.github.com/repos/plotly/plotly.js/contents/test/image/mocks')
-      .then(response => response.json())
-      .then(mocks => this.setState({mocks}));
+      .then((response) => response.json())
+      .then((mocks) => this.setState({mocks}));
   }
 
   loadMock(mockIndex) {
     const mock = this.state.mocks[mockIndex];
     fetch(mock.url, {
       headers: new Headers({Accept: 'application/vnd.github.v3.raw'}),
     })
-      .then(response => response.json())
-      .then(figure => {
+      .then((response) => response.json())
+      .then((figure) => {
         this.setState({
           currentMockIndex: mockIndex,
           data: figure.data,

examples/demo/src/Nav.js

@@ -20,7 +20,7 @@ const Nav = ({mocks, currentMockIndex, loadMock}) => (
           value: i,
         }))}
         value={currentMockIndex}
-        onChange={option => loadMock(option)}
+        onChange={(option) => loadMock(option)}
       />
     </div>
   </div>

examples/redux/src/App.js

@@ -12,7 +12,7 @@ const dataSources = {
   col2: [4, 3, 2], // eslint-disable-line no-magic-numbers
   col3: [17, 13, 9], // eslint-disable-line no-magic-numbers
 };
-const dataSourceOptions = Object.keys(dataSources).map(name => ({
+const dataSourceOptions = Object.keys(dataSources).map((name) => ({
   value: name,
   label: name,
 }));
@@ -29,14 +29,7 @@ class App extends Component {
   }
 
   render() {
-    const {
-      actions,
-      dataSources,
-      dataSourceOptions,
-      data,
-      layout,
-      frames,
-    } = this.props;
+    const {actions, dataSources, dataSourceOptions, data, layout, frames} = this.props;
 
     return (
       <div className="app">
@@ -67,15 +60,15 @@ App.propTypes = {
   frames: PropTypes.array,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   dataSourceOptions: state.dataSourceOptions,
   dataSources: state.dataSources,
   data: state.data,
   layout: state.layout,
   frames: state.frames,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
   actions: bindActionCreators(actions, dispatch),
 });
 

examples/simple/src/App.js

@@ -9,7 +9,7 @@ const dataSources = {
   col3: [17, 13, 9], // eslint-disable-line no-magic-numbers
 };
 
-const dataSourceOptions = Object.keys(dataSources).map(name => ({
+const dataSourceOptions = Object.keys(dataSources).map((name) => ({
   value: name,
   label: name,
 }));
@@ -33,9 +33,7 @@ class App extends Component {
           dataSources={dataSources}
           dataSourceOptions={dataSourceOptions}
           plotly={plotly}
-          onUpdate={(data, layout, frames) =>
-            this.setState({data, layout, frames})
-          }
+          onUpdate={(data, layout, frames) => this.setState({data, layout, frames})}
           useResizeHandler
           debug
           advancedTraceTypeSelector

package.json

@@ -20,7 +20,7 @@
     "test": "npm run test:lint && npm run test:pretty && npm run test:js",
     "test:js": "jest --setupTestFrameworkScriptFile=raf/polyfill --maxWorkers=2",
     "test:lint": "eslint \"src/**/*.js\" \"dev/**/*.js\" \"examples/**/*.js\" && echo -e '\\033[0;32m'PASS'\\033[0m'",
-    "test:pretty": "prettier -l \"src/**/*.js\" \"dev/**/*.js\" \"examples/**/*.js\" && echo -e '\\033[0;32m'PASS'\\033[0m'",
+    "test:pretty": "prettier -l \"src/**/*.{js,scss}\" \"dev/**/*.{js,scss}\" \"examples/**/*.{js,scss}\" && echo -e '\\033[0;32m'PASS'\\033[0m'",
     "test:percy": "node --max-old-space-size=4096 $(npm bin)/build-storybook && percy storybook ./storybook-static",
     "test:percy-local": "node --max-old-space-size=4096 $(npm bin)/build-storybook",
     "test:watch": "jest --watch"

src/styles/_helpers.scss

@@ -1,4 +1,4 @@
-@use "sass:map";
+@use 'sass:map';
 .\+flex {
   display: flex;
 }

src/styles/components/widgets/_rangeslider.scss

@@ -1,7 +1,7 @@
 /**
 * Rangeslider
 */
-@use "sass:math";
+@use 'sass:math';
 
 .rangeslider {
   margin: 0 var(--spacing-quarter-unit);
@@ -84,9 +84,9 @@
     &:after {
       content: ' ';
       position: absolute;
-      width: $size*0.2;
+      width: $size * 0.2;
       height: $size;
-      border-radius: $size*0.25;
+      border-radius: $size * 0.25;
       background-color: var(--color-accent);
       display: none;
     }