react-input-validator - npm Package Compare versions

Comparing version 1.1.6 to 1.2.0

package.json

 {
   "name": "react-input-validator",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "description": "react-input-validator is input super class validator",
@@ -5,0 +5,0 @@ "main": "Client/src/InputValidator/InputValidator.es5.js",

README.md

@@ -38,3 +38,42 @@
 
-# Live Example (See Examples folder for more implementations examples)
-<img src="https://cdn.rawgit.com/Attrash-Islam/react-input-validator/master/Images/Examples.gif" />
+# Example (See Examples folder for more implementations examples)
+
+
+```
+import InputValidator from 'react-input-validator';
+
+class PhoneInput extends InputValidator {
+
+    constructor(props) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <div className={'relative-pos form-group' + super.getValidationClass()}>
+                <label htmlFor="phone-input">Phone Number:</label>
+                <input type="text"
+                       ref={node => this.phoneRef = node}
+                       onChange={() => { super.onInputChange(this.phoneRef, this.validatePhone) }}
+                       className="form-control" id="phone-input" />
+                <i className="hidden fa fa-spin fa-spinner"></i>
+            </div>
+        )
+    }
+
+    validatePhone() {
+        //Pattern: xxx-xxxxxxx || xxxxxxxxxx
+        let phoneRegex = /^[0-9][0-9][0-9](-?)[0-9][0-9][0-9][0-9][0-9][0-9][0-9]$/;
+        if(phoneRegex.test(this.phoneRef.value)) {
+            return true;
+        } else if (!phoneRegex.test(this.phoneRef.value)) {
+            return false;
+        }
+    }
+
+}
+
+
+export default PhoneInput;
+```
+

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

79

97.5%

Worsened metrics

Total package byte prevSize

1893737

-58.31%

Number of package files

25

-3.85%

No dependency changes