chore(compass-query-bar): Prettier reformat (#3104)

Author: Anemy

packages/compass-query-bar/README.md

@@ -9,7 +9,10 @@
 Setting values via configure:
 
 ```js
-import Plugin, { configureStore, configureActions } from '@mongodb-js/compass-query-bar';
+import Plugin, {
+  configureStore,
+  configureActions,
+} from '@mongodb-js/compass-query-bar';
 
 const actions = configureActions();
 const store = configureStore({
@@ -20,7 +23,7 @@ const store = configureStore({
   fields: [],
 });
 
-<Plugin store={store} actions={actions} />
+<Plugin store={store} actions={actions} />;
 ```
 
 ### Hadron/Electron
@@ -38,10 +41,10 @@ const store = configureStore({
   actions: actions,
   namespace: 'db.coll',
   serverVersion: '4.2.0',
-  fields: []
+  fields: [],
 });
 
-<Plugin store={store} actions={actions} />
+<Plugin store={store} actions={actions} />;
 ```
 
 ### Fields

packages/compass-query-bar/package.json

@@ -42,8 +42,7 @@
     "typecheck": "tsc --noEmit",
     "eslint": "eslint",
     "prettier": "prettier",
-    "lint": "npm run eslint .",
-    "lint-skipped-for-now": "&& npm run prettier -- --check .",
+    "lint": "npm run eslint . && npm run prettier -- --check .",
     "depcheck": "depcheck",
     "check": "npm run typecheck && npm run lint && npm run depcheck",
     "check-ci": "npm run check",

packages/compass-query-bar/src/actions/actions.js

@@ -88,7 +88,7 @@ const configureActions = () => {
      */
     exportToLanguage: { sync: true },
     toggleQueryHistory: { sync: true },
-    refreshEditor: { sync: true }
+    refreshEditor: { sync: true },
   });
 
   return actions;

packages/compass-query-bar/src/components/option-editor/option-editor.jsx

@@ -1,7 +1,11 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { QueryAutoCompleter } from 'mongodb-ace-autocompleter';
-import { Editor, EditorVariant, EditorTextCompleter } from '@mongodb-js/compass-components';
+import {
+  Editor,
+  EditorVariant,
+  EditorTextCompleter,
+} from '@mongodb-js/compass-components';
 
 import styles from './option-editor.module.less';
 class OptionEditor extends Component {
@@ -16,15 +20,15 @@ class OptionEditor extends Component {
     onChange: PropTypes.func,
     onApply: PropTypes.func,
     placeholder: PropTypes.string,
-    schemaFields: PropTypes.array
+    schemaFields: PropTypes.array,
   };
 
   static defaultProps = {
     label: '',
     value: '',
     serverVersion: '3.6.0',
     autoPopulated: false,
-    schemaFields: []
+    schemaFields: [],
   };
 
   /**
@@ -34,7 +38,11 @@ class OptionEditor extends Component {
    */
   constructor(props) {
     super(props);
-    this.completer = new QueryAutoCompleter(props.serverVersion, EditorTextCompleter, props.schemaFields);
+    this.completer = new QueryAutoCompleter(
+      props.serverVersion,
+      EditorTextCompleter,
+      props.schemaFields
+    );
     this.boundOnFieldsChanged = this.onFieldsChanged.bind(this);
   }
 
@@ -55,7 +63,10 @@ class OptionEditor extends Component {
    */
   shouldComponentUpdate(nextProps) {
     this.boundOnFieldsChanged(nextProps.schemaFields);
-    return nextProps.autoPopulated || nextProps.serverVersion !== this.props.serverVersion;
+    return (
+      nextProps.autoPopulated ||
+      nextProps.serverVersion !== this.props.serverVersion
+    );
   }
 
   /**
@@ -77,8 +88,8 @@ class OptionEditor extends Component {
   onChangeQuery = (newCode) => {
     this.props.onChange({
       target: {
-        value: newCode
-      }
+        value: newCode,
+      },
     });
   };
 
@@ -96,14 +107,14 @@ class OptionEditor extends Component {
         text={this.props.value}
         onChangeText={this.onChangeQuery}
         name={`query-bar-option-input-${this.props.label}`}
-        options={({
+        options={{
           useSoftTabs: true,
           minLines: 1,
           maxLines: 10,
           highlightActiveLine: false,
           showPrintMargin: false,
-          showGutter: false
-        })}
+          showGutter: false,
+        }}
         completer={this.completer}
         placeholder={this.props.placeholder}
         onLoad={(editor) => {
@@ -112,13 +123,15 @@ class OptionEditor extends Component {
           this.editor.commands.addCommand({
             name: 'executeQuery',
             bindKey: {
-              win: 'Enter', mac: 'Enter'
+              win: 'Enter',
+              mac: 'Enter',
             },
             exec: () => {
               this.props.onApply();
-            }
+            },
           });
-        }} />
+        }}
+      />
     );
   }
 }

packages/compass-query-bar/src/components/option-editor/option-editor.spec.jsx

@@ -8,23 +8,23 @@ import configureActions from '../../actions';
 
 import styles from './option-editor.module.less';
 
-describe('OptionEditor [Component]', function() {
+describe('OptionEditor [Component]', function () {
   let onChangeSpy;
   let onApplySpy;
   let component;
 
-  beforeEach(function() {
+  beforeEach(function () {
     onChangeSpy = sinon.spy();
     onApplySpy = sinon.spy();
   });
 
-  afterEach(function() {
+  afterEach(function () {
     onChangeSpy = null;
     onApplySpy = null;
   });
 
-  context('when rendering the component', function() {
-    before(function() {
+  context('when rendering the component', function () {
+    before(function () {
       component = mount(
         <OptionEditor
           label="Apply"
@@ -34,19 +34,20 @@ describe('OptionEditor [Component]', function() {
           value="{ name: 'testing' }"
           onChange={onChangeSpy}
           onApply={onApplySpy}
-          schemaFields={[]} />
+          schemaFields={[]}
+        />
       );
     });
 
-    after(function() {
+    after(function () {
       component = null;
     });
 
-    it('renders the editor', function() {
+    it('renders the editor', function () {
       expect(component.find('#query-bar-option-input-Apply')).to.be.present();
     });
 
-    it('has the correct class', function() {
+    it('has the correct class', function () {
       expect(component.find(`.${styles['option-editor']}`)).to.be.present();
     });
   });

packages/compass-query-bar/src/components/options-toggle/options-toggle.jsx

@@ -11,11 +11,11 @@ class OptionsToggle extends PureComponent {
   static propTypes = {
     actions: PropTypes.object.isRequired,
     className: PropTypes.string,
-    expanded: PropTypes.bool.isRequired
+    expanded: PropTypes.bool.isRequired,
   };
 
   static defaultProps = {
-    className: ''
+    className: '',
   };
 
   onClick = () => {
@@ -31,7 +31,7 @@ class OptionsToggle extends PureComponent {
       'btn-default',
       'btn-xs',
       styles.component,
-      { [ styles['is-open'] ]: expanded },
+      { [styles['is-open']]: expanded },
       className
     );
 

packages/compass-query-bar/src/components/options-toggle/options-toggle.spec.jsx

@@ -6,39 +6,47 @@ import FontAwesome from 'react-fontawesome';
 
 import OptionsToggle from '.';
 
-describe('OptionsToggle [Component]', function() {
+describe('OptionsToggle [Component]', function () {
   let actions;
 
-  beforeEach(function(done) {
+  beforeEach(function (done) {
     actions = { toggleQueryOptions: sinon.stub() };
     done();
   });
 
-  afterEach(function(done) {
+  afterEach(function (done) {
     actions = null;
     done();
   });
 
-  describe('#rendering', function() {
-    it('should render the correct icon when it is not expanded', function() {
-      const component = shallow(<OptionsToggle actions={actions} expanded={false} />);
+  describe('#rendering', function () {
+    it('should render the correct icon when it is not expanded', function () {
+      const component = shallow(
+        <OptionsToggle actions={actions} expanded={false} />
+      );
       expect(component.find(FontAwesome)).to.have.prop('name', 'caret-right');
     });
 
-    it('should render the correct icon when it is expanded', function() {
+    it('should render the correct icon when it is expanded', function () {
       const component = shallow(<OptionsToggle actions={actions} expanded />);
       expect(component.find(FontAwesome)).to.have.prop('name', 'caret-down');
     });
 
-    it('should render the correct text', function() {
-      const component = shallow(<OptionsToggle actions={actions} expanded={false} />);
-      expect(component.find('[data-test-id="query-bar-options-toggle-text"]')).to.have.text('Options');
+    it('should render the correct text', function () {
+      const component = shallow(
+        <OptionsToggle actions={actions} expanded={false} />
+      );
+      expect(
+        component.find('[data-test-id="query-bar-options-toggle-text"]')
+      ).to.have.text('Options');
     });
   });
 
-  describe('#behaviour', function() {
-    it('should trigger the toggleQueryOptions action when clicked', function() {
-      const component = shallow(<OptionsToggle actions={actions} expanded={false} />);
+  describe('#behaviour', function () {
+    it('should trigger the toggleQueryOptions action when clicked', function () {
+      const component = shallow(
+        <OptionsToggle actions={actions} expanded={false} />
+      );
 
       component.simulate('click');
       expect(actions.toggleQueryOptions).to.be.calledOnce;