Prettier lint codebase

Author: bpostlethwaite

src/components/containers/__tests__/Layout-test.js

@@ -8,9 +8,7 @@ import {connectLayoutToPlot} from '../../../lib';
 import {mount} from 'enzyme';
 
 const Layouts = [Panel, Fold, Section].map(connectLayoutToPlot);
-const Editor = props => (
-  <TestEditor {...{onUpdate: jest.fn(), ...props}} />
-);
+const Editor = props => <TestEditor {...{onUpdate: jest.fn(), ...props}} />;
 
 Layouts.forEach(Layout => {
   describe(`<${Layout.displayName}>`, () => {

src/components/fields/derived.js

@@ -9,8 +9,8 @@ import {
 
 export const CanvasSize = connectToContainer(UnconnectedNumeric, {
   modifyPlotProps: (props, context, plotProps) => {
-      const {fullContainer} = plotProps;
-      if (plotProps.isVisible && fullContainer && fullContainer.autosize) {
+    const {fullContainer} = plotProps;
+    if (plotProps.isVisible && fullContainer && fullContainer.autosize) {
       plotProps.isVisible = false;
     }
   },

src/components/sidebar/SidebarItem.js

@@ -6,9 +6,7 @@ export default class SidebarItem extends Component {
     return (
       <div
         onClick={this.props.onClick}
-        className={bem('sidebar-item', [
-          this.props.active ? 'is-active' : '',
-        ])}
+        className={bem('sidebar-item', [this.props.active ? 'is-active' : ''])}
       >
         {this.props.label}
       </div>

src/components/widgets/CheckboxGroup.js

@@ -1,16 +1,16 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import classnames from "classnames";
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
 
 class CheckboxGroup extends Component {
   constructor(props) {
     super(props);
-    this.state = { options: this.props.options };
+    this.state = {options: this.props.options};
     this.handleChange = this.handleChange.bind(this);
   }
 
   componentWillReceiveProps(nextProps) {
-    this.setState({ options: nextProps.options });
+    this.setState({options: nextProps.options});
   }
 
   handleChange(i) {
@@ -23,13 +23,13 @@ class CheckboxGroup extends Component {
 
   renderOptions() {
     return this.state.options.map((option, i) => {
-      const checkClass = classnames(["checkbox__check", "icon"], {
-        "icon-check-mark": option.checked,
+      const checkClass = classnames(['checkbox__check', 'icon'], {
+        'icon-check-mark': option.checked,
       });
 
-      const itemClass = classnames("checkbox__item", {
-        "checkbox__item--vertical": this.props.orientation === "vertical",
-        "checkbox__item--horizontal": this.props.orientation === "horizontal",
+      const itemClass = classnames('checkbox__item', {
+        'checkbox__item--vertical': this.props.orientation === 'vertical',
+        'checkbox__item--horizontal': this.props.orientation === 'horizontal',
       });
 
       return (
@@ -44,8 +44,8 @@ class CheckboxGroup extends Component {
   }
 
   render() {
-    const boxClass = classnames("checkbox__group", this.props.className, {
-      checkbox__group_horizontal: this.props.orientation === "horizontal",
+    const boxClass = classnames('checkbox__group', this.props.className, {
+      checkbox__group_horizontal: this.props.orientation === 'horizontal',
     });
 
     return <div className={boxClass}>{this.renderOptions()}</div>;
@@ -66,7 +66,7 @@ CheckboxGroup.propTypes = {
 };
 
 CheckboxGroup.defaultProps = {
-  className: "",
+  className: '',
 };
 
 export default CheckboxGroup;

src/components/widgets/EditableText.js

@@ -1,5 +1,5 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
 
 // A generic component to handle text that can be edited when the user
 // clicks on it.
@@ -24,15 +24,15 @@ class EditableText extends Component {
   }
 
   handleChange(event) {
-    const { onChange } = this.props;
+    const {onChange} = this.props;
 
     if (onChange) {
       onChange(event.target.value);
     }
   }
 
   handleUpdate(event) {
-    const { onUpdate } = this.props;
+    const {onUpdate} = this.props;
 
     if (onUpdate) {
       onUpdate(event.target.value);
@@ -62,7 +62,7 @@ class EditableText extends Component {
       <input
         ref={this.getRef}
         type={type}
-        className={className || ""}
+        className={className || ''}
         value={text}
         onClick={this.handleClick}
         onChange={this.handleChange}
@@ -98,13 +98,13 @@ EditableText.propTypes = {
   disable: PropTypes.bool,
   autoFocus: PropTypes.bool,
   readOnly: PropTypes.bool,
-  type: PropTypes.oneOf(["text", "password"]),
+  type: PropTypes.oneOf(['text', 'password']),
   size: PropTypes.number,
 };
 
 EditableText.defaultProps = {
   readOnly: false,
-  type: "text",
+  type: 'text',
 };
 
 export default EditableText;

src/components/widgets/FlaglistCheckboxGroup.js

@@ -1,6 +1,6 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import CheckboxGroup from "./CheckboxGroup";
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
+import CheckboxGroup from './CheckboxGroup';
 
 // Component handles activeOption with shape "x+y+z"
 // and ties it to the CheckboxGroup Component
@@ -12,7 +12,7 @@ class FlaglistCheckboxGroup extends Component {
     if (props.activeOption !== null) {
       currentActiveOption = props.activeOption;
     } else {
-      currentActiveOption = "";
+      currentActiveOption = '';
     }
 
     this.state = {
@@ -26,10 +26,10 @@ class FlaglistCheckboxGroup extends Component {
   // to a series of options separated by `+` that our component can handle
   parseFlags(option) {
     let activeOption;
-    if (option === "all") {
-      activeOption = this.props.options.map(o => o.value).join("+");
-    } else if (option === "none") {
-      activeOption = "";
+    if (option === 'all') {
+      activeOption = this.props.options.map(o => o.value).join('+');
+    } else if (option === 'none') {
+      activeOption = '';
     } else {
       activeOption = option;
     }
@@ -38,35 +38,35 @@ class FlaglistCheckboxGroup extends Component {
 
   // Sync local state to parent props.
   componentWillReceiveProps(nextProps) {
-    this.setState({ activeOption: this.parseFlags(nextProps.activeOption) });
+    this.setState({activeOption: this.parseFlags(nextProps.activeOption)});
   }
 
   // Called whenever a checkbox is changed, this updates the local
   // state to reflect the new activeOptions and then called props.onChange with
   // the new options.
   handleChange(newOptions) {
-    let newActiveOptions = "";
+    let newActiveOptions = '';
 
     newOptions.map(option => {
       if (option.checked === true) {
-        newActiveOptions += option.value + "+";
+        newActiveOptions += option.value + '+';
       }
     });
 
     newActiveOptions = newActiveOptions.slice(0, -1);
 
     if (newActiveOptions.length === 0) {
-      newActiveOptions = "none";
+      newActiveOptions = 'none';
     }
 
-    this.setState({ activeOption: newActiveOptions });
+    this.setState({activeOption: newActiveOptions});
     this.props.onChange(newActiveOptions);
   }
 
   // Turns the activeOptions "e.g "x+y+z" into an array that
   // the CheckboxGroup component can handle
   renderCheckedOption() {
-    const activeOptions = this.state.activeOption.split("+");
+    const activeOptions = this.state.activeOption.split('+');
     const allOptions = this.props.options;
     let newOptions = [];