react-bootstrap-wizard - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

CHANGELOG.md

@@ -0,1 +1,6 @@
+## [0.0.6] 2019-01-14
+### Bug fixing
+- Updated README.md
+- `finishButtonClick` now triggers if the `validate` prop is `false`
+
 ## [0.0.6] 2019-01-03
@@ -2,0 +7,0 @@ ### Bug fixing

dist/index.js

@@ -63,2 +63,3 @@ "use strict";
       currentStep: 0,
+      highestStep: 0,
       color: _this.props.color !== undefined ? _this.props.color : "primary",
@@ -127,2 +128,3 @@ nextButton: _this.props.steps.length > 1 ? true : false,
             currentStep: key,
+            highestStep: key > this.state.highestStep ? key : this.state.highestStep,
             nextButton: this.props.steps.length > key + 1 ? true : false,
@@ -144,2 +146,3 @@ previousButton: key > 0 ? true : false,
           currentStep: key,
+          highestStep: key > this.state.highestStep ? key : this.state.highestStep,
           nextButton: this.props.steps.length > key + 1 ? true : false,
@@ -160,2 +163,3 @@ previousButton: key > 0 ? true : false,
           currentStep: key,
+          highestStep: key > this.state.highestStep ? key : this.state.highestStep,
           nextButton: this.props.steps.length > key + 1 ? true : false,
@@ -173,11 +177,7 @@ previousButton: key > 0 ? true : false,
 
-      if (this.props.progressbar) {
+      if (this.props.validate === false && this.props.finishButtonClick !== undefined || this.props.validate && (this.refs[this.props.steps[this.state.currentStep].stepName].isValidated !== undefined && this.refs[this.props.steps[this.state.currentStep].stepName].isValidated() || this.refs[this.props.steps[this.state.currentStep].stepName].isValidated === undefined) && this.props.finishButtonClick !== undefined) {
         this.setState({
           progressbarStyle: {
             width: "100%"
-          }
-        });
-      }
-      if (this.props.validate && (this.refs[this.props.steps[this.state.currentStep].stepName].isValidated !== undefined && this.refs[this.props.steps[this.state.currentStep].stepName].isValidated() || this.refs[this.props.steps[this.state.currentStep].stepName].isValidated === undefined) && this.props.finishButtonClick !== undefined) {
-        this.setState({
+          },
           wizardData: _extends({}, this.state.wizardData, _defineProperty({}, this.props.steps[this.state.currentStep].stepName, this.refs[this.props.steps[this.state.currentStep].stepName].state))
@@ -188,3 +188,2 @@ }, function () {
       }
-      if (this.props.finishButtonClick !== undefined) {}
     }
@@ -282,3 +281,3 @@ }, {
                       {
-                        className: (0, _classnames5.default)({ active: key === _this4.state.currentStep }, { checked: key < _this4.state.currentStep }),
+                        className: (0, _classnames5.default)({ active: key === _this4.state.currentStep }, { checked: key <= _this4.state.highestStep }),
                         onClick: function onClick() {
@@ -285,0 +284,0 @@ return _this4.navigationStepChange(key);

index.js

@@ -41,2 +41,3 @@ import React from "react";
       currentStep: 0,
+      highestStep: 0,
       color: this.props.color !== undefined ? this.props.color : "primary",
@@ -101,2 +102,4 @@ nextButton: this.props.steps.length > 1 ? true : false,
           currentStep: key,
+          highestStep:
+            key > this.state.highestStep ? key : this.state.highestStep,
           nextButton: this.props.steps.length > key + 1 ? true : false,
@@ -132,2 +135,4 @@ previousButton: key > 0 ? true : false,
         currentStep: key,
+        highestStep:
+          key > this.state.highestStep ? key : this.state.highestStep,
         nextButton: this.props.steps.length > key + 1 ? true : false,
@@ -151,2 +156,4 @@ previousButton: key > 0 ? true : false,
         currentStep: key,
+        highestStep:
+          key > this.state.highestStep ? key : this.state.highestStep,
         nextButton: this.props.steps.length > key + 1 ? true : false,
@@ -160,22 +167,20 @@ previousButton: key > 0 ? true : false,
   finishButtonClick() {
-    if (this.props.progressbar) {
-      this.setState({
-        progressbarStyle: {
-          width: "100%"
-        }
-      });
-    }
     if (
-      this.props.validate &&
-      ((this.refs[this.props.steps[this.state.currentStep].stepName]
-        .isValidated !== undefined &&
-        this.refs[
-          this.props.steps[this.state.currentStep].stepName
-        ].isValidated()) ||
-        this.refs[this.props.steps[this.state.currentStep].stepName]
-          .isValidated === undefined) &&
-      this.props.finishButtonClick !== undefined
+      (this.props.validate === false &&
+        this.props.finishButtonClick !== undefined) ||
+      (this.props.validate &&
+        ((this.refs[this.props.steps[this.state.currentStep].stepName]
+          .isValidated !== undefined &&
+          this.refs[
+            this.props.steps[this.state.currentStep].stepName
+          ].isValidated()) ||
+          this.refs[this.props.steps[this.state.currentStep].stepName]
+            .isValidated === undefined) &&
+        this.props.finishButtonClick !== undefined)
     ) {
       this.setState(
         {
+          progressbarStyle: {
+            width: "100%"
+          },
           wizardData: {
@@ -193,4 +198,2 @@ ...this.state.wizardData,
     }
-    if (this.props.finishButtonClick !== undefined) {
-    }
   }
@@ -275,3 +278,3 @@ refreshAnimation(index) {
                             { active: key === this.state.currentStep },
-                            { checked: key < this.state.currentStep }
+                            { checked: key <= this.state.highestStep }
                           )}
@@ -278,0 +281,0 @@ onClick={() => this.navigationStepChange(key)}

package.json

 {
     "name": "react-bootstrap-wizard",
-    "version": "0.0.6",
+    "version": "0.0.7",
     "description": "A react component package that allows you to split a complicated flow or a complicated form in multiple steps.",
@@ -30,3 +30,3 @@ "main": "dist/index.js",
         "react": "16.x.x",
-        "reactstrap": "6.x.x",
+        "reactstrap": "7.x.x",
         "prop-types": "15.x.x",
@@ -33,0 +33,0 @@ "classnames": "2.x.x"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

112003

increased by0.57%

Lines of code

1508

increased by0.13%

No dependency changes