Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-stepzilla

Package Overview
Dependencies
Maintainers
1
Versions
45
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-stepzilla - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

35

dist/main.js

@@ -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,

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc