react-stepzilla
Advanced tools
Comparing version 1.3.0 to 1.4.0
@@ -162,18 +162,20 @@ 'use strict'; | ||
return this.props.steps.map(function (s, i) { | ||
return _react2.default.createElement( | ||
'li', | ||
{ className: _this2._getClassName("progtrckr", i), onClick: _this2.jumpToStep, key: i, value: i }, | ||
_react2.default.createElement( | ||
'em', | ||
null, | ||
i + 1 | ||
), | ||
_react2.default.createElement( | ||
'span', | ||
null, | ||
_this2.props.steps[i].name | ||
) | ||
); | ||
}); | ||
if (this.props.showSteps) { | ||
return this.props.steps.map(function (s, i) { | ||
return _react2.default.createElement( | ||
'li', | ||
{ className: _this2._getClassName("progtrckr", i), onClick: _this2.jumpToStep, key: i, value: i }, | ||
_react2.default.createElement( | ||
'em', | ||
null, | ||
i + 1 | ||
), | ||
_react2.default.createElement( | ||
'span', | ||
null, | ||
_this2.props.steps[i].name | ||
) | ||
); | ||
}); | ||
} | ||
} | ||
@@ -231,2 +233,3 @@ }, { | ||
StepZilla.defaultProps = { | ||
showSteps: true, | ||
showNavigation: true, | ||
@@ -233,0 +236,0 @@ stepsNavigation: true, |
{ | ||
"name": "react-stepzilla", | ||
"version": "1.3.0", | ||
"version": "1.4.0", | ||
"description": "A react multi-step, wizard component for managing data collection via forms and sub components", | ||
@@ -5,0 +5,0 @@ "main": "./dist/main.js", |
@@ -43,2 +43,5 @@ # react stepzilla | ||
// disable or enable the steps UI navigation on top | ||
showSteps: true | false | ||
// disable or enable onClick step jumping from the UI navigation summary on top | ||
@@ -77,2 +80,4 @@ stepsNavigation: true | false | ||
#### change log | ||
- 1.4.0 | ||
- added the option showSteps which hides the top steps if needed | ||
- 1.3.0 | ||
@@ -79,0 +84,0 @@ - added the options showNavigation, stepsNavigation, prevBtnOnLastStep, dontValidate |
@@ -131,8 +131,10 @@ import React, { Component, PropTypes } from 'react'; | ||
_renderSteps() { | ||
return this.props.steps.map((s, i)=> ( | ||
<li className={this._getClassName("progtrckr", i)} onClick={this.jumpToStep} key={i} value={i}> | ||
<em>{i+1}</em> | ||
<span>{this.props.steps[i].name}</span> | ||
</li> | ||
)); | ||
if (this.props.showSteps) { | ||
return this.props.steps.map((s, i)=> ( | ||
<li className={this._getClassName("progtrckr", i)} onClick={this.jumpToStep} key={i} value={i}> | ||
<em>{i+1}</em> | ||
<span>{this.props.steps[i].name}</span> | ||
</li> | ||
)); | ||
} | ||
} | ||
@@ -174,2 +176,3 @@ | ||
StepZilla.defaultProps = { | ||
showSteps: true, | ||
showNavigation: true, | ||
@@ -176,0 +179,0 @@ stepsNavigation: true, |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
65166
548
87