Added editor config based on styleguide - #1205

.babelrc

@@ -1,8 +1,10 @@
 {
-  "presets": [
-    "@babel/react",
-    "@babel/env"
-  ],
-  "plugins": ["@babel/plugin-transform-object-assign", "@babel/plugin-proposal-object-rest-spread",
-    "@babel/plugin-proposal-class-properties", "babel-plugin-array-includes","@babel/plugin-transform-async-to-generator"]
+  "presets": ["@babel/react", "@babel/env"],
+  "plugins": [
+    "@babel/plugin-transform-object-assign",
+    "@babel/plugin-proposal-object-rest-spread",
+    "@babel/plugin-proposal-class-properties",
+    "babel-plugin-array-includes",
+    "@babel/plugin-transform-async-to-generator"
+  ]
 }

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_new_line = true
+end_of_line = lf

.eslintrc

@@ -2,28 +2,23 @@
   "root": true,
   "parser": "babel-eslint",
 
-  "plugins": [
-    "react"
-  ],
+  "plugins": ["react", "prettier"],
 
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended"
-  ],
+  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier", "prettier/react"],
 
   "rules": {
     "semi": ["error", "always"],
     "keyword-spacing": "error",
     "space-infix-ops": "error",
     "space-before-blocks": "error",
     "array-bracket-spacing": ["error", "never"],
-    "brace-style": ["error", "1tbs", { "allowSingleLine": true }],
+    "brace-style": ["error", "1tbs", {"allowSingleLine": true}],
     "comma-spacing": ["error", {"before": false, "after": true}],
     "computed-property-spacing": ["error", "never"],
     "eol-last": "error",
-    "indent": ["error", 2, { "SwitchCase": 1, "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }],
+    "indent": ["error", 2, {"SwitchCase": 1, "VariableDeclarator": {"var": 2, "let": 2, "const": 3}}],
     "no-case-declarations": "off",
-    "no-console": [1, { "allow": ["warn", "error", "info"] }],
+    "no-console": [1, {"allow": ["warn", "error", "info"]}],
     "no-else-return": "error",
     "no-mixed-spaces-and-tabs": ["error", "smart-tabs"],
     "no-trailing-spaces": "error",
@@ -33,7 +28,7 @@
     "no-unused-vars": ["error", {"varsIgnorePattern": "ReactDOM"}],
     "react/display-name": "off",
     // disabling for now since there are too many components without PropTypes
-    "react/prop-types": "off"    
+    "react/prop-types": "off"
   },
 
   "parserOptions": {

.prettierignore

@@ -0,0 +1,9 @@
+dist/
+test/
+assets/
+
+app/**/*.react.js
+app/addons/.module-cache
+app/addons/**/assets/*
+app/addons/**/dependencies/*
+app/load_addons.js

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "trailingComma": "es5",
+  "semi": true,
+  "singleQuote": true,
+  "bracketSpacing": false,
+  "printWidth": 120
+}

app/addons/activetasks/container.js

@@ -10,22 +10,16 @@
 // License for the specific language governing permissions and limitations under
 // the License.
 
-import { connect } from 'react-redux';
+import {connect} from 'react-redux';
 import Controller from './layout';
-import {
-  init,
-  setSearchTerm,
-  sortByColumnHeader,
-  switchTab,
-  runPollingUpdate
-} from './actions';
+import {init, setSearchTerm, sortByColumnHeader, switchTab, runPollingUpdate} from './actions';
 import {
   getTasks,
   getHeaderIsAscending,
   getSelectedRadio,
   getSortByHeader,
   getSearchTerm,
-  getIsLoading
+  getIsLoading,
 } from './reducers';
 
 const mapStateToProps = ({activetasks}) => {
@@ -35,17 +29,17 @@ const mapStateToProps = ({activetasks}) => {
     selectedRadio: getSelectedRadio(activetasks),
     sortByHeader: getSortByHeader(activetasks),
     searchTerm: getSearchTerm(activetasks),
-    isLoading: getIsLoading(activetasks)
+    isLoading: getIsLoading(activetasks),
   };
 };
 
-const mapDispatchToProps = (dispatch) => {
+const mapDispatchToProps = dispatch => {
   return {
     init: () => dispatch(init()),
-    setSearchTerm: (term) => dispatch(setSearchTerm(term)),
-    sortByColumnHeader: (column) => dispatch(sortByColumnHeader(column)),
-    switchTab: (tab) => dispatch(switchTab(tab)),
-    runPollingUpdate: () => dispatch(runPollingUpdate())
+    setSearchTerm: term => dispatch(setSearchTerm(term)),
+    sortByColumnHeader: column => dispatch(sortByColumnHeader(column)),
+    switchTab: tab => dispatch(switchTab(tab)),
+    runPollingUpdate: () => dispatch(runPollingUpdate()),
   };
 };
 

app/addons/components/__tests__/accordion.test.js

@@ -10,13 +10,12 @@
 // License for the specific language governing permissions and limitations under
 // the License.
 
-import { Accordion, AccordionItem } from '../components/accordion';
-import { mount } from 'enzyme';
+import {Accordion, AccordionItem} from '../components/accordion';
+import {mount} from 'enzyme';
 import React from 'react';
 import sinon from 'sinon';
 
 describe('Accordion', () => {
-
   it('Shows and hides content after clicking on header', () => {
     const el = mount(
       <Accordion>
@@ -44,5 +43,4 @@ describe('Accordion', () => {
     el.find('.faux--accordion__item-header').simulate('click');
     sinon.assert.called(spy);
   });
-
 });

app/addons/components/components/accordion.js

@@ -12,11 +12,11 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Collapse } from 'react-bootstrap';
+import {Collapse} from 'react-bootstrap';
 import classnames from 'classnames';
 
-export const Accordion = (props) => {
-  const { children, className, style } = props;
+export const Accordion = props => {
+  const {children, className, style} = props;
   const classNames = classnames('faux--accordion', className);
   return (
     <ul className={classNames} style={style}>
@@ -27,46 +27,36 @@ export const Accordion = (props) => {
 
 export class AccordionItem extends React.Component {
   static propTypes = {
-    title: PropTypes.string.isRequired
+    title: PropTypes.string.isRequired,
   };
 
   static defaultProps = {
-    onClick: () => { }
+    onClick: () => {},
   };
 
   state = {
-    open: false
+    open: false,
   };
 
-  handleClick = (event) => {
+  handleClick = event => {
     const newOpen = !this.state.open;
-    this.setState({ open: newOpen });
-    this.props.onClick({ isOpen: newOpen, event });
+    this.setState({open: newOpen});
+    this.props.onClick({isOpen: newOpen, event});
   };
 
   render() {
-    const { children, title } = this.props;
+    const {children, title} = this.props;
     const icon = this.state.open ? 'fonticon-down-open' : 'fonticon-right-open';
-    const contentClassNames = classnames(
-      'faux--accordion__item-content', 'collapse',
-      {in: this.state.open}
-    );
+    const contentClassNames = classnames('faux--accordion__item-content', 'collapse', {in: this.state.open});
 
     return (
-      <li
-        className='faux--accordion__item'
-        onClick={this.handleClick}>
-        <button
-          type="button"
-          className={`faux--accordion__item-header`}
-          onClick={this.handleClick}>
+      <li className="faux--accordion__item" onClick={this.handleClick}>
+        <button type="button" className={`faux--accordion__item-header`} onClick={this.handleClick}>
           <i className={icon}></i>
           <span>{title}</span>
         </button>
         <Collapse in={this.state.open}>
-          <div className={contentClassNames}>
-            { children }
-          </div>
+          <div className={contentClassNames}>{children}</div>
         </Collapse>
       </li>
     );

app/addons/components/components/apibar.js

@@ -10,8 +10,8 @@
 // License for the specific language governing permissions and limitations under
 // the License.
 
-import React from "react";
-import ReactDOM from "react-dom";
+import React from 'react';
+import ReactDOM from 'react-dom';
 
 export const JSONLink = ({endpoint}) => {
   if (!endpoint) {