Update dev deps and use package-lock

Author: jackjocross

.gitignore

@@ -10,7 +10,7 @@ lib
 [t|T]humbs.db
 
 # Testing
-coverage
+test-results
 
 # IDE
 .idea

.travis.yml

@@ -1,6 +1,8 @@
 language: node_js
 node_js:
   - "6"
-  - "7"
+  - "8"
+before_install:
+  - npm i -g npm
 after_success:
   - cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js

examples/Animated.jsx

@@ -23,9 +23,9 @@ import Previous from './navigation/Previous';
 
 require('./animations/exampleAnimation.scss');
 
-const Animated = () =>
+const Animated = () => (
   <Wizard
-    render={({ step }) =>
+    render={({ step }) => (
       <ReactCSSTransitionGroup
         transitionName="example"
         transitionEnterTimeout={500}
@@ -41,11 +41,12 @@ const Animated = () =>
           <Step path="gandalf" className="example-step">
             <Gandalf />
             <Navigation
-              render={({ next, previous }) =>
+              render={({ next, previous }) => (
                 <div>
                   <Previous previous={previous} label="Back" />
                   <Next next={next} label="Continue" />
-                </div>}
+                </div>
+              )}
             />
           </Step>
           <Step path="dumbledore" className="example-step">
@@ -55,7 +56,9 @@ const Animated = () =>
             </Navigation>
           </Step>
         </Steps>
-      </ReactCSSTransitionGroup>}
-  />;
+      </ReactCSSTransitionGroup>
+    )}
+  />
+);
 
 export default Animated;

examples/Progress.jsx

@@ -21,9 +21,9 @@ import Dumbledore from './components/Dumbledore';
 import Next from './navigation/Next';
 import Previous from './navigation/Previous';
 
-const Progress = () =>
+const Progress = () => (
   <Wizard
-    render={({ step, steps }) =>
+    render={({ step, steps }) => (
       <div>
         <ProgressBar step={step} steps={steps} />
         <Steps>
@@ -36,11 +36,12 @@ const Progress = () =>
           <Step path="gandalf" name="Gandalf" location="Middle Earth">
             <Gandalf />
             <Navigation
-              render={({ next, previous }) =>
+              render={({ next, previous }) => (
                 <div>
                   <Previous previous={previous} label="Back" />
                   <Next next={next} label="Continue" />
-                </div>}
+                </div>
+              )}
             />
           </Step>
           <Step path="dumbledore" name="Dumbledore" location="Hogwarts">
@@ -50,13 +51,16 @@ const Progress = () =>
             </Navigation>
           </Step>
         </Steps>
-      </div>}
-  />;
+      </div>
+    )}
+  />
+);
 
-const ProgressBar = ({ step, steps }) =>
+const ProgressBar = ({ step, steps }) => (
   <div>
     {steps.map(s => s.path).indexOf(step.path) + 1}/{steps.length} - {step.name} - {step.location}
-  </div>;
+  </div>
+);
 
 const stepShape = PropTypes.shape({
   path: PropTypes.string,

examples/Routed.jsx

@@ -21,9 +21,9 @@ import Dumbledore from './components/Dumbledore';
 import Next from './navigation/Next';
 import Previous from './navigation/Previous';
 
-const Routed = () =>
+const Routed = () => (
   <Route
-    render={({ history, match: { url } }) =>
+    render={({ history, match: { url } }) => (
       <Wizard history={history} basename={url}>
         <Steps>
           <Step path="merlin">
@@ -35,11 +35,12 @@ const Routed = () =>
           <Step path="gandalf">
             <Gandalf />
             <Navigation
-              render={({ next, previous }) =>
+              render={({ next, previous }) => (
                 <div>
                   <Previous previous={previous} label="Back" />
                   <Next next={next} label="Continue" />
-                </div>}
+                </div>
+              )}
             />
           </Step>
           <Step path="dumbledore">
@@ -49,7 +50,9 @@ const Routed = () =>
             </Navigation>
           </Step>
         </Steps>
-      </Wizard>}
-  />;
+      </Wizard>
+    )}
+  />
+);
 
 export default Routed;

examples/Simple.jsx

@@ -20,7 +20,7 @@ import Dumbledore from './components/Dumbledore';
 import Next from './navigation/Next';
 import Previous from './navigation/Previous';
 
-const Simple = () =>
+const Simple = () => (
   <Wizard>
     <Steps>
       <Step path="merlin">
@@ -32,11 +32,12 @@ const Simple = () =>
       <Step path="gandalf">
         <Gandalf />
         <Navigation
-          render={({ next, previous }) =>
+          render={({ next, previous }) => (
             <div>
               <Previous previous={previous} label="Back" />
               <Next next={next} label="Continue" />
-            </div>}
+            </div>
+          )}
         />
       </Step>
       <Step path="dumbledore">
@@ -46,6 +47,7 @@ const Simple = () =>
         </Navigation>
       </Step>
     </Steps>
-  </Wizard>;
+  </Wizard>
+);
 
 export default Simple;

examples/navigation/Next.jsx

@@ -15,10 +15,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Next = ({ className, disabled, label, next }) =>
+const Next = ({ className, disabled, label, next }) => (
   <button className={className} onClick={next} disabled={disabled}>
     {label}
-  </button>;
+  </button>
+);
 
 Next.propTypes = {
   className: PropTypes.string,

examples/navigation/Previous.jsx

@@ -15,10 +15,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Previous = ({ className, disabled, label, previous }) =>
+const Previous = ({ className, disabled, label, previous }) => (
   <button className={className} onClick={previous} disabled={disabled}>
     {label}
-  </button>;
+  </button>
+);
 
 Previous.propTypes = {
   className: PropTypes.string,

index.dev.js

@@ -10,7 +10,7 @@ import SkipStep from './examples/SkipStep';
 import Progress from './examples/Progress';
 import Animated from './examples/Animated';
 
-const Index = () =>
+const Index = () => (
   <ul>
     <li>
       <Link to="/simple">Simple</Link>
@@ -27,7 +27,8 @@ const Index = () =>
     <li>
       <Link to="/animated">Animated</Link>
     </li>
-  </ul>;
+  </ul>
+);
 
 render(
   <BrowserRouter>