react-stepper-horizontal - npm Package Compare versions

Comparing version 1.0.9 to 1.0.10

lib/Step.js

@@ -38,31 +38,31 @@ 'use strict';
     value: function getStyles() {
-      var _props = this.props;
-      var activeColor = _props.activeColor;
-      var completeColor = _props.completeColor;
-      var defaultColor = _props.defaultColor;
-      var circleFontColor = _props.circleFontColor;
-      var activeTitleColor = _props.activeTitleColor;
-      var completeTitleColor = _props.completeTitleColor;
-      var defaultTitleColor = _props.defaultTitleColor;
-      var size = _props.size;
-      var circleFontSize = _props.circleFontSize;
-      var titleFontSize = _props.titleFontSize;
-      var circleTop = _props.circleTop;
-      var titleTop = _props.titleTop;
-      var width = _props.width;
-      var completeOpacity = _props.completeOpacity;
-      var activeOpacity = _props.activeOpacity;
-      var defaultOpcaity = _props.defaultOpcaity;
-      var completeTitleOpacity = _props.completeTitleOpacity;
-      var activeTitleOpacity = _props.activeTitleOpacity;
-      var defaultTitleOpacity = _props.defaultTitleOpacity;
-      var barStyle = _props.barStyle;
-      var defaultBarColor = _props.defaultBarColor;
-      var completeBarColor = _props.completeBarColor;
-      var defaultBorderColor = _props.defaultBorderColor;
-      var completeBorderColor = _props.completeBorderColor;
-      var activeBorderColor = _props.activeBorderColor;
-      var defaultBorderStyle = _props.defaultBorderStyle;
-      var completeBorderStyle = _props.completeBorderStyle;
-      var activeBorderStyle = _props.activeBorderStyle;
+      var _props = this.props,
+          activeColor = _props.activeColor,
+          completeColor = _props.completeColor,
+          defaultColor = _props.defaultColor,
+          circleFontColor = _props.circleFontColor,
+          activeTitleColor = _props.activeTitleColor,
+          completeTitleColor = _props.completeTitleColor,
+          defaultTitleColor = _props.defaultTitleColor,
+          size = _props.size,
+          circleFontSize = _props.circleFontSize,
+          titleFontSize = _props.titleFontSize,
+          circleTop = _props.circleTop,
+          titleTop = _props.titleTop,
+          width = _props.width,
+          completeOpacity = _props.completeOpacity,
+          activeOpacity = _props.activeOpacity,
+          defaultOpacity = _props.defaultOpacity,
+          completeTitleOpacity = _props.completeTitleOpacity,
+          activeTitleOpacity = _props.activeTitleOpacity,
+          defaultTitleOpacity = _props.defaultTitleOpacity,
+          barStyle = _props.barStyle,
+          defaultBarColor = _props.defaultBarColor,
+          completeBarColor = _props.completeBarColor,
+          defaultBorderColor = _props.defaultBorderColor,
+          completeBorderColor = _props.completeBorderColor,
+          activeBorderColor = _props.activeBorderColor,
+          defaultBorderStyle = _props.defaultBorderStyle,
+          completeBorderStyle = _props.completeBorderStyle,
+          activeBorderStyle = _props.activeBorderStyle;
 
@@ -88,3 +88,3 @@
           display: 'block',
-          opacity: defaultOpcaity,
+          opacity: defaultOpacity,
           borderWidth: defaultBorderColor ? 3 : 0,
@@ -139,3 +139,3 @@ borderColor: defaultBorderColor,
           marginRight: size / 2 + 4,
-          opacity: defaultOpcaity
+          opacity: defaultOpacity
         },
@@ -152,3 +152,3 @@ rightBar: {
           marginLeft: size / 2 + 4,
-          opacity: defaultOpcaity
+          opacity: defaultOpacity
         },
@@ -166,11 +166,11 @@ completedBar: {
     value: function render() {
-      var _props2 = this.props;
-      var title = _props2.title;
-      var index = _props2.index;
-      var active = _props2.active;
-      var completed = _props2.completed;
-      var first = _props2.first;
-      var isLast = _props2.isLast;
-      var href = _props2.href;
-      var onClick = _props2.onClick;
+      var _props2 = this.props,
+          title = _props2.title,
+          index = _props2.index,
+          active = _props2.active,
+          completed = _props2.completed,
+          first = _props2.first,
+          isLast = _props2.isLast,
+          href = _props2.href,
+          onClick = _props2.onClick;
 
@@ -261,3 +261,3 @@
   activeOpacity: _propTypes.PropTypes.string,
-  defaultOpcaity: _propTypes.PropTypes.string,
+  defaultOpacity: _propTypes.PropTypes.string,
   completeTitleOpacity: _propTypes.PropTypes.string,
@@ -264,0 +264,0 @@ activeTitleOpacity: _propTypes.PropTypes.string,

lib/Stepper.js

@@ -33,31 +33,32 @@ 'use strict';
 function Stepper(_ref) {
-  var activeStep = _ref.activeStep;
-  var steps = _ref.steps;
-  var activeColor = _ref.activeColor;
-  var completeColor = _ref.completeColor;
-  var defaultColor = _ref.defaultColor;
-  var circleFontColor = _ref.circleFontColor;
-  var activeTitleColor = _ref.activeTitleColor;
-  var completeTitleColor = _ref.completeTitleColor;
-  var defaultTitleColor = _ref.defaultTitleColor;
-  var size = _ref.size;
-  var circleFontSize = _ref.circleFontSize;
-  var titleFontSize = _ref.titleFontSize;
-  var circleTop = _ref.circleTop;
-  var titleTop = _ref.titleTop;
-  var completeOpacity = _ref.completeOpacity;
-  var activeOpacity = _ref.activeOpacity;
-  var defaultOpcaity = _ref.defaultOpcaity;
-  var completeTitleOpacity = _ref.completeTitleOpacity;
-  var activeTitleOpacity = _ref.activeTitleOpacity;
-  var defaultTitleOpacity = _ref.defaultTitleOpacity;
-  var barStyle = _ref.barStyle;
-  var defaultBorderColor = _ref.defaultBorderColor;
-  var completeBorderColor = _ref.completeBorderColor;
-  var activeBorderColor = _ref.activeBorderColor;
-  var defaultBorderStyle = _ref.defaultBorderStyle;
-  var completeBorderStyle = _ref.completeBorderStyle;
-  var activeBorderStyle = _ref.activeBorderStyle;
-  var defaultBarColor = _ref.defaultBarColor;
-  var completeBarColor = _ref.completeBarColor;
+  var activeStep = _ref.activeStep,
+      steps = _ref.steps,
+      disabledSteps = _ref.disabledSteps,
+      activeColor = _ref.activeColor,
+      completeColor = _ref.completeColor,
+      defaultColor = _ref.defaultColor,
+      circleFontColor = _ref.circleFontColor,
+      activeTitleColor = _ref.activeTitleColor,
+      completeTitleColor = _ref.completeTitleColor,
+      defaultTitleColor = _ref.defaultTitleColor,
+      size = _ref.size,
+      circleFontSize = _ref.circleFontSize,
+      titleFontSize = _ref.titleFontSize,
+      circleTop = _ref.circleTop,
+      titleTop = _ref.titleTop,
+      completeOpacity = _ref.completeOpacity,
+      activeOpacity = _ref.activeOpacity,
+      defaultOpacity = _ref.defaultOpacity,
+      completeTitleOpacity = _ref.completeTitleOpacity,
+      activeTitleOpacity = _ref.activeTitleOpacity,
+      defaultTitleOpacity = _ref.defaultTitleOpacity,
+      barStyle = _ref.barStyle,
+      defaultBorderColor = _ref.defaultBorderColor,
+      completeBorderColor = _ref.completeBorderColor,
+      activeBorderColor = _ref.activeBorderColor,
+      defaultBorderStyle = _ref.defaultBorderStyle,
+      completeBorderStyle = _ref.completeBorderStyle,
+      activeBorderStyle = _ref.activeBorderStyle,
+      defaultBarColor = _ref.defaultBarColor,
+      completeBarColor = _ref.completeBarColor;
 
@@ -77,4 +78,4 @@ return _react2.default.createElement(
           onClick: step.onClick,
-          active: index === activeStep,
-          completed: index < activeStep,
+          active: !(disabledSteps || []).includes(index) && index === activeStep,
+          completed: !(disabledSteps || []).includes(index) && index < activeStep,
           first: index === 0,
@@ -95,3 +96,3 @@ isLast: index === steps.length - 1,
           titleTop: titleTop,
-          defaultOpcaity: defaultOpcaity,
+          defaultOpacity: defaultOpacity,
           completeOpacity: completeOpacity,
@@ -136,3 +137,3 @@ activeOpacity: activeOpacity,
   titleTop: _propTypes.PropTypes.number,
-  defaultOpcaity: _propTypes.PropTypes.string,
+  defaultOpacity: _propTypes.PropTypes.string,
   completeOpacity: _propTypes.PropTypes.string,
@@ -139,0 +140,0 @@ activeOpacity: _propTypes.PropTypes.string,

package.json

 {
   "name": "react-stepper-horizontal",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Well-designed stepper component for react",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

97328

increased by0.13%

Lines of code

390

increased by0.26%

No dependency changes