react-input-validator - npm Package Compare versions

Comparing version 1.1.4 to 1.1.5

Client/src/InputValidator/InputValidator.es5.js

+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * Created by isattrash on 8/25/16.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
+
+
+var InputValidator = function (_React$Component) {
+    _inherits(InputValidator, _React$Component);
+
+    function InputValidator(props) {
+        _classCallCheck(this, InputValidator);
+
+        var _this = _possibleConstructorReturn(this, (InputValidator.__proto__ || Object.getPrototypeOf(InputValidator)).call(this, props));
+
+        _this.state = {
+            valid: true,
+            inputDirty: false,
+            loading: false
+        };
+        return _this;
+    }
+
+    _createClass(InputValidator, [{
+        key: 'checkDirtyStatus',
+        value: function checkDirtyStatus() {
+            if (!this.state.inputDirty) {
+                this.setState({
+                    inputDirty: true
+                });
+            }
+        }
+    }, {
+        key: 'setLoader',
+        value: function setLoader() {
+            this.setState({
+                loading: true
+            });
+        }
+    }, {
+        key: 'onInputChange',
+        value: function onInputChange(ref, validateFn) {
+            var _this2 = this;
+
+            if (!this.state.loading) {
+                this.setLoader();
+            }
+            this.checkDirtyStatus();
+            clearTimeout(this.vaildationTimer);
+            if (this.props.onInputChange) {
+                this.props.onInputChange(ref);
+            } else {
+                throw 'onInputChange property is required! This function is responsible to \n                    trigger the validation process, mainly: linked with \'change\' or \'click\' events';
+            }
+            var isValid = validateFn.apply(this, []);
+            if (isValid) {
+                this.setState({
+                    valid: true,
+                    loading: false
+                });
+            } else {
+                this.vaildationTimer = setTimeout(function () {
+                    _this2.setState({
+                        valid: false,
+                        loading: false
+                    });
+                }, 1000);
+            }
+        }
+    }, {
+        key: 'getValidationClass',
+        value: function getValidationClass() {
+            var className = '';
+            if (this.state.valid) className += ' sn-valid';else className += ' sn-not-valid';
+            if (this.state.inputDirty) className += ' sn-dirty';
+            if (this.props.required) className += ' sn-required';
+            if (this.state.loading) className += ' sn-loading';
+
+            return className;
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            return null;
+        }
+    }]);
+
+    return InputValidator;
+}(_react2.default.Component);
+
+exports.default = InputValidator;

gulpfile.js

+/**
+ * Created by isattrash on 9/7/16.
+ */
+var gulp = require('gulp');
+var babel = require('gulp-babel');
+var concat = require('gulp-concat');
+var watch = require('gulp-watch');
+
+var paths = {
+    libDir: 'Client/src/InputValidator/',
+    libFile: 'InputValidator.js',
+    libBuildFile: 'InputValidator.es5.js'
+};
+
+gulp.task('build', function() {
+    return gulp.src(paths.libDir + paths.libFile)
+        .pipe(babel())
+        .on('error', console.error.bind(console))
+        .pipe(concat(paths.libBuildFile, {
+            newLine: ';'
+        }))
+        .pipe(gulp.dest(paths.libDir));
+});

package.json

 {
   "name": "react-input-validator",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "react-input-validator is input super class validator",
-  "main": "Client/src/InputValidator/InputValidator.js",
+  "main": "Client/src/InputValidator/InputValidator.es5.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "webpack -d",
+    "build": "webpack -d && gulp build",
     "debug": "webpack -d --watch"
@@ -22,2 +22,6 @@ },
     "css-loader": "^0.23.1",
+    "gulp": "^3.9.1",
+    "gulp-babel": "^6.1.2",
+    "gulp-concat": "^2.6.0",
+    "gulp-watch": "^4.3.9",
     "node-sass": "^3.8.0",
@@ -24,0 +28,0 @@ "path": "^0.12.7",

README.md

@@ -35,3 +35,3 @@
 # Running Examples
-<pre>npm build</pre>
+<pre>npm run build</pre>
 Then go to: <pre>file:///{Your Path}/react-input-validator/Client/index.html</pre>
@@ -38,0 +38,0 @@

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

Total package byte prevSize

4553415

0.13%

Number of package files

26

8.33%

Lines of code

20492

0.54%

Worsened metrics

Dev dependency count

14

40%

No dependency changes