Bump prettier from 1.6.1 to 1.18.2 (#271)

* Bump prettier from 1.6.1 to 1.18.2

Bumps [prettier](https://github.com/prettier/prettier) from 1.6.1 to 1.18.2.
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/master/CHANGELOG.md)
- [Commits](prettier/prettier@1.6.1...1.18.2)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* Resolving some issues with the Prettier upgrade.

packages/api-explorer/.prettierrc

@@ -1,6 +1,5 @@
 {
   "singleQuote": true,
   "trailingComma": "all",
-  "files": "./**/**.{js,jsx}",
   "printWidth": 100,
 }

packages/api-explorer/__tests__/block-types/Content.test.jsx

@@ -7,18 +7,11 @@ test('should output one of each block type', () => {
   const body = fs.readFileSync(`${__dirname}/blocks.txt`, 'utf8');
   const content = mount(<Content body={body} isThreeColumn />);
 
-  [
-    'textarea',
-    'html',
-    'embed',
-    'api-header',
-    'code',
-    'callout',
-    'parameters',
-    'image',
-  ].forEach(type => {
-    expect(content.find(`.magic-block-${type}`).length).toBe(1);
-  });
+  ['textarea', 'html', 'embed', 'api-header', 'code', 'callout', 'parameters', 'image'].forEach(
+    type => {
+      expect(content.find(`.magic-block-${type}`).length).toBe(1);
+    },
+  );
 });
 
 const body = `

packages/api-explorer/__tests__/lib/get-auth.test.js

@@ -5,14 +5,14 @@ const getAuth = require('../../src/lib/get-auth');
 const oas = new Oas(multipleSecurities);
 
 it('should fetch all auths from the OAS files', () => {
-  expect(
-    getAuth({ oauthScheme: 'oauth', apiKeyScheme: 'apikey' }, { 'api-setting': oas }),
-  ).toEqual({
-    oauthScheme: 'oauth',
-    oauthDiff: '',
-    apiKeyScheme: 'apikey',
-    unknownAuthType: '',
-  });
+  expect(getAuth({ oauthScheme: 'oauth', apiKeyScheme: 'apikey' }, { 'api-setting': oas })).toEqual(
+    {
+      oauthScheme: 'oauth',
+      oauthDiff: '',
+      apiKeyScheme: 'apikey',
+      unknownAuthType: '',
+    },
+  );
 });
 
 it('should not error if oas.components is not set', () => {

packages/api-explorer/src/Doc.jsx

@@ -161,8 +161,7 @@ class Doc extends React.Component {
             </div>
 
             <div className="hub-reference-right">
-              {doc.type === 'endpoint' &&
-              this.shouldShowCode() && (
+              {doc.type === 'endpoint' && this.shouldShowCode() && (
                 <div className="hub-reference-section-code">
                   {this.renderCodeSample()}
                   <div className="hub-reference-results tabber-parent">{this.renderResponse()}</div>
@@ -235,11 +234,9 @@ class Doc extends React.Component {
 
     return (
       <EndpointErrorBoundary>
-        {this.props.appearance.referenceLayout === 'column' ? (
-          this.columnTheme(doc)
-        ) : (
-          this.mainTheme(doc)
-        )}
+        {this.props.appearance.referenceLayout === 'column'
+          ? this.columnTheme(doc)
+          : this.mainTheme(doc)}
       </EndpointErrorBoundary>
     );
   }

packages/api-explorer/src/EndpointErrorBoundary.jsx

@@ -24,9 +24,7 @@ class EndpointErrorBoundary extends React.Component {
             <h3>
               There was an error rendering this endpoint. If you are the owner of this project
               please contact{' '}
-              <a href="mailto:support@readme.io?subject=API Explorer Error">
-                support@readme.io
-              </a>{' '}
+              <a href="mailto:support@readme.io?subject=API Explorer Error">support@readme.io</a>{' '}
               with the following error:
             </h3>
             <BoundaryStackTrace error={this.state.error} info={this.state.info} />

packages/api-explorer/src/Example.jsx

@@ -79,9 +79,7 @@ function Example({
   const hasExamples = examples.find(e => e.code && e.code !== '{}');
   return (
     <div className="hub-reference-results-examples code-sample">
-      {examples &&
-      examples.length > 0 &&
-      hasExamples && (
+      {examples && examples.length > 0 && hasExamples && (
         <span>
           <ExampleTabs examples={examples} selected={selected} setExampleTab={setExampleTab} />
           <div className="code-sample-body">
@@ -123,11 +121,9 @@ function Example({
       )}
       {(examples.length === 0 || (!hasExamples && result === null)) && (
         <div className="hub-no-code">
-          {oas[extensions.EXPLORER_ENABLED] ? (
-            'Try the API to see Results'
-          ) : (
-            'No response examples available'
-          )}
+          {oas[extensions.EXPLORER_ENABLED]
+            ? 'Try the API to see Results'
+            : 'No response examples available'}
         </div>
       )}
     </div>

packages/api-explorer/src/PathUrl.jsx

@@ -62,7 +62,8 @@ function PathUrl({
               >
                 {!loading && (
                   <span className="try-it-now-btn">
-                    <span className="fa fa-compass" />&nbsp;
+                    <span className="fa fa-compass" />
+                    &nbsp;
                     <span>Try It</span>
                   </span>
                 )}
@@ -74,8 +75,7 @@ function PathUrl({
 
           <span className={`pg-type-big pg-type type-${operation.method}`}>{operation.method}</span>
 
-          {oas.servers &&
-          oas.servers.length > 0 && (
+          {oas.servers && oas.servers.length > 0 && (
             <span className="definition-url">
               <span className="url">{oas.url()}</span>
               {splitPath(operation.path).map(part => (

packages/api-explorer/src/ResponseBody.jsx

@@ -11,8 +11,7 @@ function Authorized({ result }) {
   return (
     <div>
       {result.isBinary && <div>A binary file was returned</div>}
-      {!result.isBinary &&
-      isJson && (
+      {!result.isBinary && isJson && (
         <ReactJson
           src={result.responseBody}
           collapsed={1}
@@ -29,8 +28,7 @@ function Authorized({ result }) {
           }}
         />
       )}
-      {!result.isBinary &&
-      !isJson && (
+      {!result.isBinary && !isJson && (
         <pre className="tomorrow-night">
           <div className="cm-s-tomorrow-night codemirror-highlight">
             {syntaxHighlighter(result.responseBody, result.type)}

packages/api-explorer/src/ResponseSchemaBody.jsx

@@ -118,8 +118,7 @@ function ResponseSchemaBody({ schema, oas }) {
 
   return (
     <div>
-      {schema &&
-      schema.type && (
+      {schema && schema.type && (
         <p style={{ fontStyle: 'italic', margin: '0 0 10px 15px' }}>
           {`Response schema type: `}
           <span style={{ fontWeight: 'bold' }}>{getSchemaType(schema)}</span>

packages/api-explorer/src/block-types/ApiHeader.jsx

@@ -8,8 +8,7 @@ const ApiHeader = ({ block }) => {
       <h1 className="header-scroll is-api-header">
         <span id={slug(block.data.title)} />
         <div className="anchor waypoint" id={`section-${slug(block.data.title)}`} />
-        {block.data.type &&
-        block.data.type !== 'basic' && (
+        {block.data.type && block.data.type !== 'basic' && (
           <span className={`pg-type-big pg-type type-${slug(block.data.type)}`} />
         )}
         {block.data.title}

packages/api-explorer/src/block-types/CallOut.jsx

@@ -20,9 +20,9 @@ function Icon({ type }) {
 const CallOut = ({ block, flags }) => {
   return (
     <div
-      className={`magic-block-callout type-${block.data.type} ${block.data.title
-        ? ''
-        : 'no-title'} `}
+      className={`magic-block-callout type-${block.data.type} ${
+        block.data.title ? '' : 'no-title'
+      } `}
     >
       {block.data.title && (
         <h3>
@@ -36,8 +36,9 @@ const CallOut = ({ block, flags }) => {
           <Icon type={block.data.type} />
         </span>
       )}
-      {block.data &&
-      block.data.body && <div className="callout-body">{markdown(block.data.body, flags)}</div>}
+      {block.data && block.data.body && (
+        <div className="callout-body">{markdown(block.data.body, flags)}</div>
+      )}
     </div>
   );
 };

packages/api-explorer/src/block-types/Image.jsx

@@ -10,9 +10,7 @@ const ImageBlock = ({ block, flags }) => {
     return (
       // eslint-disable-next-line react/no-array-index-key
       <div className="magic-block-image" key={i}>
-        {image &&
-        image.image &&
-        image.image.length && (
+        {image && image.image && image.image.length && (
           <div>
             <figure>
               <a

packages/api-explorer/src/index.jsx

@@ -121,8 +121,7 @@ class ApiExplorer extends React.Component {
       <div className={`is-lang-${this.state.language}`}>
         <div
           id="hub-reference"
-          className={`content-body hub-reference-sticky hub-reference-theme-${this.props.appearance
-            .referenceLayout}`}
+          className={`content-body hub-reference-sticky hub-reference-theme-${this.props.appearance.referenceLayout}`}
         >
           {this.props.docs.map((doc, index) => (
             <VariablesContext.Provider value={this.props.variables}>

packages/api-explorer/src/lib/oas-to-har.js

@@ -31,11 +31,12 @@ function formatter(values, param, type, onlyIfExists) {
   return format.key(param.name);
 }
 
-const defaultValues = Object.keys(
-  require('./parameters-to-json-schema').types,
-).reduce((prev, curr) => {
-  return Object.assign(prev, { [curr]: {} });
-}, {});
+const defaultValues = Object.keys(require('./parameters-to-json-schema').types).reduce(
+  (prev, curr) => {
+    return Object.assign(prev, { [curr]: {} });
+  },
+  {},
+);
 
 // If you pass in types, it either uses a default, or favors
 // anything JSON.

packages/syntax-highlighter/.prettierrc

@@ -1,6 +1,5 @@
 {
   "singleQuote": true,
   "trailingComma": "all",
-  "files": "./**/**.{js,jsx}",
   "printWidth": 100,
 }