react-native-step-indicator-fix - npm Package Compare versions

Comparing version 0.0.9 to 0.0.10

package.json

 {
-  "name": "react-native-step-indicator-fix",
-  "version": "0.0.9",
+  "_from": "react-native-step-indicator-fix",
+  "_id": "react-native-step-indicator-fix@0.0.10",
+  "_inBundle": false,
+  "_integrity": "sha512-mnPQp0XNEXZEEg+d8AUwjKSrLWTtpIX0g8sEghc4Pi6k9g/bnKgYZWSWHFxSpzkDQ+9gSBfz4p/ys64SIxgJuQ==",
+  "_location": "/react-native-step-indicator-fix",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "tag",
+    "registry": true,
+    "raw": "react-native-step-indicator-fix",
+    "name": "react-native-step-indicator-fix",
+    "escapedName": "react-native-step-indicator-fix",
+    "rawSpec": "",
+    "saveSpec": null,
+    "fetchSpec": "latest"
+  },
+  "_requiredBy": [
+    "#USER",
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/react-native-step-indicator-fix/-/react-native-step-indicator-fix-0.0.9.tgz",
+  "_shasum": "66c3e8204dd50165ed0d5de73c191259133d9e1b",
+  "_spec": "react-native-step-indicator-fix",
+  "_where": "/Users/danny/node/tmptest",
+  "author": {
+    "name": "Arkit Vora"
+  },
+  "bugs": {
+    "url": "https://github.com/24ark/react-native-step-indicator/issues"
+  },
+  "bundleDependencies": false,
+  "deprecated": false,
   "description": "A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView",
-  "main": "StepIndicator.js",
-  "types": "index.d.ts",
   "directories": {
     "example": "example"
   },
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/syzer/react-native-step-indicator"
-  },
+  "homepage": "https://github.com/24ark/react-native-step-indicator#readme",
   "keywords": [
@@ -27,8 +49,14 @@ "react-component",
   ],
-  "author": "Arkit Vora",
   "license": "Apache 2.0",
-  "bugs": {
-    "url": "https://github.com/24ark/react-native-step-indicator/issues"
+  "main": "StepIndicator.js",
+  "name": "react-native-step-indicator-fix",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/syzer/react-native-step-indicator.git"
   },
-  "homepage": "https://github.com/24ark/react-native-step-indicator#readme"
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "types": "index.d.ts",
+  "version": "0.0.10"
 }

StepIndicator.js

@@ -1,3 +0,3 @@
-
-import React, { PureComponent,PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types'
 import { View,Text,StyleSheet, Animated, TouchableWithoutFeedback } from 'react-native';
@@ -50,5 +50,2 @@
     this.borderRadiusAnim = new Animated.Value(this.customStyles.stepIndicatorSize/2);
-    this.leftHorizontal = this.customStyles.left ? this.customStyles.left : this.state.width/(2*this.props.stepCount);
-    this.rightHorizontal = this.customStyles.right ? this.customStyles.right : this.state.width/(2*this.props.stepCount);
-    this.leftVertical = this.customStyles.left ? this.customStyles.left : (this.state.width - this.customStyles.separatorStrokeWidth)/2;
   }
@@ -83,2 +80,5 @@
     let progressBarBackgroundStyle;
+    const leftHorizontal = this.customStyles.left ? this.customStyles.left : this.state.width/(2*stepCount)
+    const rightHorizontal = this.customStyles.right ? this.customStyles.right : this.state.width/(2*stepCount)
+    const leftVertical = this.customStyles.left ? this.customStyles.left : (this.state.width - this.customStyles.separatorStrokeWidth)/2
     if(direction === 'vertical') {
@@ -88,3 +88,3 @@ progressBarBackgroundStyle = {
         position:'absolute',
-        left:this.leftVertical,
+        left:leftVertical,
         top:this.state.height/(2*stepCount),
@@ -100,4 +100,4 @@ bottom:this.state.height/(2*stepCount),
         top:(this.state.height - this.customStyles.separatorStrokeWidth)/2,
-        left:this.leftHorizontal,
-        right:this.rightHorizontal,
+        left:leftHorizontal,
+        right:rightHorizontal,
         height:this.customStyles.separatorStrokeWidth
@@ -127,3 +127,3 @@ }
         position:'absolute',
-        left:this.leftVertical,
+        left:(this.state.width - this.customStyles.separatorStrokeWidth)/2,
         top:this.state.height/(2*stepCount),
@@ -140,4 +140,4 @@ bottom:this.state.height/(2*stepCount),
         top:(this.state.height - this.customStyles.separatorStrokeWidth)/2,
-        left:this.leftHorizontal,
-        right:this.leftVertical,
+        left:this.state.width/(2*stepCount),
+        right:this.state.width/(2*stepCount),
         height:this.customStyles.separatorStrokeWidth,
@@ -294,3 +294,3 @@ width:this.progressAnim
       alignItems:'center',
-      justifyContent:'space-between',
+      justifyContent:'space-around',
       backgroundColor:'transparent'
@@ -300,3 +300,3 @@ },
       alignItems:'center',
-      justifyContent:'space-between'
+      justifyContent:'space-around'
     },
@@ -309,5 +309,6 @@ step: {
     stepContainer: {
-      flexDirection: 'row',
-      flex: 0,
-      justifyContent: 'space-between',
+      flex:1,
+      flexDirection:'row',
+      alignItems:'center',
+      justifyContent:'center'
     },
@@ -321,3 +322,3 @@ stepLabel: {
       flex:1,
-      alignItems:'stretch',
+      alignItems:'center',
       justifyContent:'center'
@@ -324,0 +325,0 @@ }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

Lines of code

533

increased by0.38%

Worsened metrics

Total package byte prevSize

1353166

decreased by-2.22%

Number of package files

7

decreased by-53.33%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes