react-stepzilla - npm Package Compare versions

Comparing version 6.0.1 to 6.0.2

dist/main.js

@@ -87,3 +87,3 @@ "use strict";
       for (var i = 0; i < length; i++) {
-        if (i < indx) {
+        if (i < indx || !this.props.prevBtnOnLastStep && indx === length - 1) {
           styles.push('done');
@@ -90,0 +90,0 @@ } else if (i === indx) {

docs/main.js

@@ -87,3 +87,3 @@ "use strict";
       for (var i = 0; i < length; i++) {
-        if (i < indx) {
+        if (i < indx || !this.props.prevBtnOnLastStep && indx === length - 1) {
           styles.push('done');
@@ -90,0 +90,0 @@ } else if (i === indx) {

package.json

 {
   "name": "react-stepzilla",
-  "version": "6.0.1",
+  "version": "6.0.2",
   "description": "A react multi-step, wizard component for managing data collection via forms and sub components",
@@ -5,0 +5,0 @@ "main": "./dist/main.js",

src/examples/Example.js

@@ -53,4 +53,4 @@ 'use strict';
     return (
-      <div className='example'>
-        <div className='step-progress'>
+      <div className="example">
+        <div className="step-progress">
           <StepZilla
@@ -61,9 +61,15 @@ steps={steps}
             hocValidationAppliedTo={[3]}
-            startAtStep={window.sessionStorage.getItem('step') ? parseFloat(window.sessionStorage.getItem('step')) : 0}
-            onStepChange={(step) => window.sessionStorage.setItem('step', step)}
-           />
+            startAtStep={
+              window.sessionStorage.getItem("step")
+                ? parseFloat(window.sessionStorage.getItem("step"))
+                : 0
+            }
+            onStepChange={step =>
+              window.sessionStorage.setItem("step", step)
+            }
+          />
         </div>
       </div>
-    )
+    );
   }
 }

src/main.js

@@ -44,3 +44,3 @@ import React, { Component } from 'react';
     for (let i = 0; i < length; i++) {
-      if (i < indx) {
+      if (i < indx || (!this.props.prevBtnOnLastStep && (indx === length - 1))) {
         styles.push('done');
@@ -47,0 +47,0 @@ } else if (i === indx) {

tests/main.spec.js

@@ -330,3 +330,3 @@ import React from 'react';
 
-      it('should NOT render Prev button on last (2nd) step', (done) => {
+      it('should NOT render Prev button on last (2nd) step and should render tick mark in last step', (done) => {
         enzymeWrapper.find('.footer-buttons #next-button').simulate('click');
@@ -342,3 +342,3 @@
             });
-
+            expect(enzymeWrapper.find('.progtrckr').childAt(2).hasClass('progtrckr-done')).to.be.true;
             done();
@@ -345,0 +345,0 @@ }, 10);

No alert changes

Improved metrics

Total package byte prevSize

3427430

increased by0.01%

Lines of code

27356

increased by0.03%

No dependency changes