react-validation-provider - npm Package Compare versions

Comparing version 0.1.8 to 0.1.9

example/package.json

@@ -5,32 +5,17 @@ {
   "scripts": {
-    "start": "node server.js",
-    "lint": "eslint src"
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
   },
   "license": "MIT",
   "devDependencies": {
-    "babel-core": "*",
-    "babel-eslint": "*",
-    "babel-loader": "*",
-    "babel-plugin-transform-decorators-legacy": "^1.3.4",
-    "babel-preset-es2015": "*",
-    "babel-preset-react": "*",
-    "babel-preset-stage-0": "*",
-    "css-loader": "^0.25.0",
-    "eslint": "*",
-    "eslint-plugin-react": "*",
-    "file-loader": "^0.9.0",
-    "react-hot-loader": "*",
-    "style-loader": "^0.13.1",
-    "url-loader": "^0.5.7",
-    "webpack": "*",
-    "webpack-dev-server": "*"
+    "custom-react-scripts": "0.2.0"
   },
   "dependencies": {
-    "babel-eslint": "^6.1.2",
-    "eslint": "^3.5.0",
-    "eslint-plugin-react": "^6.2.2",
-    "react": "^15.3.1",
-    "react-dom": "^15.3.1",
-    "scroll-to-element": "^2.0.0"
+    "react": "15.6.1",
+    "react-dom": "15.6.1",
+    "react-validation-provider": "file:../",
+    "scroll-to-element": "2.0.0"
   }
 }

example/src/components/Submit.js

@@ -12,3 +12,3 @@ import React from 'react';
         offset: -50,
-        ease: "out-back",
+        ease: 'out-back',
         duration: 1500
@@ -15,0 +15,0 @@ });

example/src/components/TextInput.js

 import React from 'react';
 import { validate } from 'react-validation-provider';
-import Error from './Error';
 
@@ -9,5 +8,5 @@ @validate()
         return  ( 
-            <input type='text' {...this.props} />           
+            <input type="text" {...this.props} />           
         );
     }
 }

example/src/index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
+import './index.css';
 
-import './index.css';
 import { setDefaultScopeOptions } from 'react-validation-provider';
+import App from './App';
 
 setDefaultScopeOptions({ manual: true });
 
-import App from './App';
-
 ReactDOM.render(
@@ -12,0 +11,0 @@ <App />,

example/src/MyForm.js

@@ -17,3 +17,3 @@ import React from 'react';
 
-        this.state = { name: "scott", email: "", city: ""};
+        this.state = { name: 'scott', email: '', city: ''};
     }
@@ -27,3 +27,3 @@
 
-        const status = this.props.isValid ? "Yes" : "No";
+        const status = this.props.isValid ? 'Yes' : 'No';
 
@@ -39,3 +39,3 @@ const emailRules = !!this.state.name && this.state.name.trim() ? [required, email] : [];
                             onChange={(ev) => this.setState({name: ev.target.value})}
-                            rules={[required("Navn er obligatorisk")]} />
+                            rules={[required('Navn er obligatorisk')]} />
                 </div>
@@ -42,0 +42,0 @@

example/src/rules/email.js

@@ -1,2 +0,2 @@
-const emailRegexp = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+const emailRegexp = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 
@@ -3,0 +3,0 @@ export const email = () => {

example/src/SubForm.js

@@ -15,3 +15,3 @@ import React from 'react';
 
-        this.state = { foreigner: true, country: "", password: "test"};
+        this.state = { foreigner: true, country: '', password: 'test'};
     }
@@ -18,0 +18,0 @@

jsconfig.json

@@ -8,4 +8,7 @@ {
     "exclude": [
-        "node_modules"
+        "node_modules",
+        "**/node_modules",
+        "**/public",
+        "lib"
     ]    
 }

lib/isValid.js

@@ -16,2 +16,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -69,3 +73,3 @@
     }(_react2.default.Component), _class.contextTypes = {
-        validation: _react2.default.PropTypes.object
+        validation: _propTypes2.default.object
     }, _temp;
@@ -72,0 +76,0 @@ };

lib/layout.js

@@ -1,2 +0,2 @@
-"use strict";
+'use strict';
 
@@ -9,6 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 
-var _react = require("react");
+var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -32,11 +36,11 @@
     _createClass(Layout, [{
-        key: "render",
+        key: 'render',
         value: function render() {
             var error = !this.props.valid ? _react2.default.createElement(
-                "div",
-                { className: "form-element-error" },
+                'div',
+                { className: 'form-element-error' },
                 this.props.errorMessage
-            ) : _react2.default.createElement("div", null);
+            ) : _react2.default.createElement('div', null);
             return _react2.default.createElement(
-                "div",
+                'div',
                 null,
@@ -53,5 +57,5 @@ this.props.children,
 Layout.propTypes = {
-    valid: _react.PropTypes.bool,
-    errorMessage: _react.PropTypes.string
+    valid: _propTypes2.default.bool,
+    errorMessage: _propTypes2.default.string
 };
 exports.default = Layout;

lib/scope.js

@@ -18,2 +18,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -158,3 +162,3 @@
     }(_react2.default.Component), _class.childContextTypes = {
-        validation: _react2.default.PropTypes.object
+        validation: _propTypes2.default.object
     }, _temp;
@@ -168,3 +172,3 @@ };
 exports.default = function () {
-    var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
@@ -171,0 +175,0 @@ return function (WrappedComponent) {

lib/trigger.js

@@ -16,2 +16,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -59,3 +63,3 @@
     }(_react2.default.Component), _class.contextTypes = {
-        validation: _react2.default.PropTypes.object
+        validation: _propTypes2.default.object
     }, _temp;
@@ -62,0 +66,0 @@ };

lib/validate.js

@@ -10,3 +10,3 @@ 'use strict';
 
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
@@ -21,2 +21,6 @@ var _react = require('react');
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -196,7 +200,6 @@
             value: function render() {
-                var _props = this.props;
-                var rules = _props.rules;
+                var _props = this.props,
+                    rules = _props.rules,
+                    componentProps = _objectWithoutProperties(_props, ['rules']);
 
-                var componentProps = _objectWithoutProperties(_props, ['rules']);
-
                 var validation = { rules: rules, valid: this.valid, pending: this.pending, errorMessage: this.errorMessage };
@@ -220,5 +223,5 @@
     }(_react2.default.Component), _class.propTypes = {
-        rules: _react2.default.PropTypes.array
+        rules: _propTypes2.default.array
     }, _class.contextTypes = {
-        validation: _react2.default.PropTypes.object
+        validation: _propTypes2.default.object
     }, _temp;
@@ -232,3 +235,3 @@ };
 exports.default = function () {
-    var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
@@ -235,0 +238,0 @@ return function (WrappedComponent) {

package.json

 {
   "name": "react-validation-provider",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "React validation component",
@@ -24,3 +24,4 @@ "keywords": [
     "react": "*",
-    "react-dom": "*"
+    "react-dom": "*",
+    "prop-types": "*"
   },
@@ -27,0 +28,0 @@ "devDependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

44259

decreased by-3.79%

Dependency count

3

increased by50%

Number of package files

33

decreased by-5.71%

Lines of code

792

decreased by-5.83%

No dependency changes