Upgrade to prettier@latest (#1138)

Running latest version of prettier

Author: luisrudge

.eslintrc

@@ -1,9 +1,5 @@
 {
-  "extends": [
-    "plugin:react/recommended",
-    "prettier",
-    "prettier/react"
-  ],
+  "extends": ["plugin:react/recommended", "prettier", "prettier/react"],
   "env": {
     "browser": true,
     "es6": true
@@ -12,6 +8,7 @@
   "rules": {
     "react/display-name": 0,
     "react/prop-types": 1,
-    "react/no-find-dom-node": 1
+    "react/no-find-dom-node": 1,
+    "react/no-string-refs": 1
   }
-}
+}

package.json

@@ -50,9 +50,9 @@
     "dotenv": "^4.0.0",
     "enzyme": "^3.1.0",
     "enzyme-adapter-react-16": "^1.0.1",
-    "eslint": "^3.19.0",
-    "eslint-config-prettier": "^1.7.0",
-    "eslint-plugin-react": "^6.10.3",
+    "eslint": "^4.8.0",
+    "eslint-config-prettier": "^2.6.0",
+    "eslint-plugin-react": "^7.4.0",
     "expect.js": "^0.3.1",
     "flat": "^2.0.1",
     "grunt": "^0.4.5",
@@ -63,13 +63,13 @@
     "grunt-env": "^0.4.4",
     "grunt-exec": "^0.4.6",
     "grunt-webpack": "^2.0.1",
-    "husky": "^0.13.3",
+    "husky": "^0.14.3",
     "jest": "^21.2.1",
     "json-beautify": "^1.0.1",
     "jsonwebtoken": "^7.3.0",
-    "lint-staged": "^3.4.0",
+    "lint-staged": "^4.2.3",
     "mochify": "^3.3.0",
-    "prettier": "^1.2.2",
+    "prettier": "^1.7.4",
     "react-test-renderer": "^16.0.0",
     "semver": "^5.3.0",
     "sinon": "^1.15.4",
@@ -128,6 +128,7 @@
     "coverageReporters": ["lcov", "text-summary"]
   },
   "lint-staged": {
-    "*.{js,jsx}": ["npm run lint", "prettier --write --print-width 100 --single-quote", "git add"]
+    "*.{js,jsx}": ["npm run lint"],
+    "*.{js,jsx,json,html}": ["prettier --write --print-width 100 --single-quote", "git add"]
   }
 }

src/__tests__/testUtils.js

@@ -25,7 +25,12 @@ export const mockComponent = (type, domElement = 'div') => props =>
   });
 
 export const extractPropsFromWrapper = (wrapper, index = 0) =>
-  removeDataFromProps(wrapper.find('div').at(index).props());
+  removeDataFromProps(
+    wrapper
+      .find('div')
+      .at(index)
+      .props()
+  );
 
 //set urls with jest: https://github.com/facebook/jest/issues/890#issuecomment-298594389
 export const setURL = url => {

src/connection/database/index.js

@@ -101,7 +101,9 @@ function processDatabaseOptions(opts) {
       ) {
         l.warn(
           opts,
-          `Ignoring an element of \`additionalSignUpFields\` because it does not contain valid \`name\` property. Every element of \`additionalSignUpFields\` must be an object with a \`name\` property that is a non-empty string consisting of letters, numbers and underscores. The following names are reserved, and therefore, cannot be used: ${reservedNames.join(', ')}.`
+          `Ignoring an element of \`additionalSignUpFields\` because it does not contain valid \`name\` property. Every element of \`additionalSignUpFields\` must be an object with a \`name\` property that is a non-empty string consisting of letters, numbers and underscores. The following names are reserved, and therefore, cannot be used: ${reservedNames.join(
+            ', '
+          )}.`
         );
         filter = false;
       }
@@ -138,7 +140,9 @@ function processDatabaseOptions(opts) {
       if (type != undefined && (typeof type != 'string' || types.indexOf(type) === -1)) {
         l.warn(
           opts,
-          `When provided, the \`type\` property of an element of \`additionalSignUpFields\` must be one of the following strings: "${types.join('", "')}".`
+          `When provided, the \`type\` property of an element of \`additionalSignUpFields\` must be one of the following strings: "${types.join(
+            '", "'
+          )}".`
         );
         type = undefined;
       }

src/connection/database/login_pane.jsx

@@ -31,27 +31,31 @@ export default class LoginPane extends React.Component {
     const header = headerText && <p>{headerText}</p>;
 
     // Should never validate format on login because of custom db connection and import mode
-    const fieldPane = usernameStyle === 'email'
-      ? <EmailPane
+    const fieldPane =
+      usernameStyle === 'email' ? (
+        <EmailPane
           i18n={i18n}
           lock={lock}
           forceInvalidVisibility={!showPassword}
           placeholder={emailInputPlaceholder}
         />
-      : <UsernamePane
+      ) : (
+        <UsernamePane
           i18n={i18n}
           lock={lock}
           placeholder={usernameInputPlaceholder}
           usernameStyle={usernameStyle}
           validateFormat={false}
-        />;
+        />
+      );
 
-    const passwordPane = showPassword
-      ? <PasswordPane i18n={i18n} lock={lock} placeholder={passwordInputPlaceholder} />
-      : null;
+    const passwordPane = showPassword ? (
+      <PasswordPane i18n={i18n} lock={lock} placeholder={passwordInputPlaceholder} />
+    ) : null;
 
-    const dontRememberPassword = showForgotPasswordLink && hasScreen(lock, 'forgotPassword')
-      ? <p className="auth0-lock-alternative">
+    const dontRememberPassword =
+      showForgotPasswordLink && hasScreen(lock, 'forgotPassword') ? (
+        <p className="auth0-lock-alternative">
           <a
             className="auth0-lock-alternative-link"
             href={forgotPasswordLink(lock, 'javascript:void(0)')}
@@ -60,9 +64,16 @@ export default class LoginPane extends React.Component {
             {forgotPasswordAction}
           </a>
         </p>
-      : null;
+      ) : null;
 
-    return <div>{header}{fieldPane}{passwordPane}{dontRememberPassword}</div>;
+    return (
+      <div>
+        {header}
+        {fieldPane}
+        {passwordPane}
+        {dontRememberPassword}
+      </div>
+    );
   }
 }
 

src/connection/database/mfa_pane.jsx

@@ -13,7 +13,13 @@ export default class MFAPane extends React.Component {
 
     const titleElement = title && <h2>{title}</h2>;
 
-    return <div>{titleElement}{header}{pane}</div>;
+    return (
+      <div>
+        {titleElement}
+        {header}
+        {pane}
+      </div>
+    );
   }
 }
 

src/connection/database/sign_up_terms.jsx

@@ -1,14 +1,16 @@
 import React from 'react';
 
 const SignUpTerms = ({ checkHandler, checked, children }) => {
-  return checkHandler
-    ? <span className="auth0-lock-sign-up-terms-agreement">
-        <label>
-          <input type="checkbox" onChange={checkHandler} checked={checked} />
-          {children}
-        </label>
-      </span>
-    : children;
+  return checkHandler ? (
+    <span className="auth0-lock-sign-up-terms-agreement">
+      <label>
+        <input type="checkbox" onChange={checkHandler} checked={checked} />
+        {children}
+      </label>
+    </span>
+  ) : (
+    children
+  );
 };
 
 export default SignUpTerms;

src/connection/passwordless/email_sent_confirmation.jsx

@@ -27,21 +27,24 @@ class Resend extends React.Component {
   render() {
     const { labels, lock } = this.props;
 
-    const resendLink =
-      m.resendAvailable(lock) &&
+    const resendLink = m.resendAvailable(lock) && (
       <ResendLink
         onClick={::this.handleClick}
         label={m.resendFailed(lock) ? labels.retry : labels.resend}
-      />;
+      />
+    );
 
-    const resendingLabel =
-      m.resendOngoing(lock) && <a className="auth0-lock-resend-link">{labels.resending}</a>;
+    const resendingLabel = m.resendOngoing(lock) && (
+      <a className="auth0-lock-resend-link">{labels.resending}</a>
+    );
 
-    const resendSuccessLabel =
-      m.resendSuccess(lock) && <span className="auth0-lock-sent-label">{labels.sent}</span>;
+    const resendSuccessLabel = m.resendSuccess(lock) && (
+      <span className="auth0-lock-sent-label">{labels.sent}</span>
+    );
 
-    const resendFailedLabel =
-      m.resendFailed(lock) && <span className="auth0-lock-sent-failed-label">{labels.failed}</span>;
+    const resendFailedLabel = m.resendFailed(lock) && (
+      <span className="auth0-lock-sent-failed-label">{labels.failed}</span>
+    );
 
     return (
       <span>

src/connection/social/index.js

@@ -25,7 +25,7 @@ export const STRATEGIES = {
   linkedin: 'LinkedIn',
   miicard: 'miiCard',
   paypal: 'PayPal',
-  "paypal-sandbox": "PayPal Sandbox",
+  'paypal-sandbox': 'PayPal Sandbox',
   planningcenter: 'Planning Center',
   renren: '人人',
   salesforce: 'Salesforce',

src/core/client/index.js

@@ -119,9 +119,8 @@ function formatClientConnection(connectionType, strategyName, connection) {
     result.passwordPolicy = connection.passwordPolicy || 'none';
     result.allowSignup = typeof connection.showSignup === 'boolean' ? connection.showSignup : true;
     result.allowForgot = typeof connection.showForgot === 'boolean' ? connection.showForgot : true;
-    result.requireUsername = typeof connection.requires_username === 'boolean'
-      ? connection.requires_username
-      : false;
+    result.requireUsername =
+      typeof connection.requires_username === 'boolean' ? connection.requires_username : false;
     result.validation = formatConnectionValidation(connection.validation);
   }