react-mui-form-validator 1.0.5 → 1.0.6

package/.eslintrc.js

@@ -0,0 +1,29 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: 'airbnb',
+  overrides: [
+    {
+      env: {
+        node: true,
+      },
+      files: [
+        '.eslintrc.{js,cjs}',
+      ],
+      parserOptions: {
+        sourceType: 'script',
+      },
+    },
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  rules: {
+  },
+  compilerOptions: {
+    "module": "esnext"
+  }
+};

package/Readme.md

@@ -15,23 +15,12 @@ Some rules can accept extra parameter, example:
 
 TextField
 ```javascript
-<MuiTextField
+<TextFieldValidator
   {...someProps}
   validators={["minNumber:0", "maxNumber:255", "matchRegexp:^[0-9]$"]}
 />
 ```
 
-Checkbox
-```javascript
-<MuiCheckbox
-  {...someProps}
-  validators={["required"]}
-  errorMessages={["this checkbox is required"]}
-  checked={value}
-  value={value}
-/>
-```
-
 ### Usage Example
 
 You can pass any props of field components, but note that `errorText` prop will be replaced when validation errors occurred.
@@ -40,7 +29,7 @@ Your component must [provide a theme](http://www.material-ui.com/#/get-started/u
 ```javascript
 import React from "react";
 import Button from "@mui/material/Button";
-import { MuiForm, MuiTextField } from "react-mui-form-validator";
+import { FormValidator, TextFieldValidator } from "react-mui-form-validator";
 
 class MyForm extends React.Component {
   state = {
@@ -59,11 +48,11 @@ class MyForm extends React.Component {
   render() {
     const { email } = this.state;
     return (
-      <MuiForm
+      <FormValidator
         onSubmit={this.handleSubmit}
         onError={(errors) => console.log(errors)}
       >
-        <MuiTextField
+        <TextFieldValidator
           label="Email"
           onChange={this.handleChange}
           name="email"
@@ -72,7 +61,7 @@ class MyForm extends React.Component {
           errorMessages={["this field is required", "email is not valid"]}
         />
         <Button type="submit">Submit</Button>
-      </MuiForm>
+      </FormValidator>
     );
   }
 }
@@ -84,7 +73,7 @@ You can add your custom rules:
 
 import React from 'react';
 import Button from '@mui/material/Button';
-import { MuiForm, MuiTextField} from 'react-mui-form-validator';
+import { FormValidator, TextFieldValidator} from 'react-mui-form-validator';
 
 class ResetPasswordForm extends React.Component {
 
@@ -97,7 +86,7 @@ class ResetPasswordForm extends React.Component {
 
     componentDidMount() {
         // custom rule will have name 'isPasswordMatch'
-        MuiForm.addValidationRule('isPasswordMatch', (value) => {
+        FormValidator.addValidationRule('isPasswordMatch', (value) => {
             if (value !== this.state.user.password) {
                 return false;
             }
@@ -107,7 +96,7 @@ class ResetPasswordForm extends React.Component {
 
     componentWillUnmount() {
         // remove rule when it is not needed
-        MuiForm.removeValidationRule('isPasswordMatch');
+        FormValidator.removeValidationRule('isPasswordMatch');
     }
 
     handleChange = (event) => {
@@ -124,10 +113,10 @@ class ResetPasswordForm extends React.Component {
         const { user } = this.state;
 
         return (
-            <MuiForm
+            <FormValidator
                 onSubmit={this.handleSubmit}
             >
-                <MuiTextField
+                <TextFieldValidator
                     label="Password"
                     onChange={this.handleChange}
                     name="password"
@@ -136,7 +125,7 @@ class ResetPasswordForm extends React.Component {
                     errorMessages={['this field is required']}
                     value={user.password}
                 />
-                <MuiTextField
+                <TextFieldValidator
                     label="Repeat password"
                     onChange={this.handleChange}
                     name="repeatPassword"
@@ -146,7 +135,7 @@ class ResetPasswordForm extends React.Component {
                     value={user.repeatPassword}
                 />
                 <Button type="submit">Submit</Button>
-            </MuiForm>
+            </FormValidator>
         );
     }
 

package/lib/components/MuiTextField.js

@@ -1,73 +1,50 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-
-var _MuiComponent2 = _interopRequireDefault(require("../core/MuiComponent"));
-
+var _ValidatorComponent2 = _interopRequireDefault(require("utils/ui/validator/ValidatorComponent"));
 var _excluded = ["error", "errorMessages", "validators", "requiredError", "helperText", "validatorListener", "withRequiredValidator", "containerProps"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
-
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var MuiTextField = /*#__PURE__*/function (_MuiComponent) {
-  _inherits(MuiTextField, _MuiComponent);
-
-  var _super = _createSuper(MuiTextField);
-
-  function MuiTextField() {
-    _classCallCheck(this, MuiTextField);
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var TextValidator = /*#__PURE__*/function (_ValidatorComponent) {
+  _inherits(TextValidator, _ValidatorComponent);
+  var _super = _createSuper(TextValidator);
+  function TextValidator() {
+    _classCallCheck(this, TextValidator);
     return _super.apply(this, arguments);
   }
-
-  _createClass(MuiTextField, [{
-    key: "renderMuiComponent",
-    value: function renderMuiComponent() {
+  _createClass(TextValidator, [{
+    key: "renderValidatorComponent",
+    value: function renderValidatorComponent() {
       var _this$props = this.props,
-          error = _this$props.error,
-          errorMessages = _this$props.errorMessages,
-          validators = _this$props.validators,
-          requiredError = _this$props.requiredError,
-          helperText = _this$props.helperText,
-          validatorListener = _this$props.validatorListener,
-          withRequiredValidator = _this$props.withRequiredValidator,
-          containerProps = _this$props.containerProps,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+        error = _this$props.error,
+        errorMessages = _this$props.errorMessages,
+        validators = _this$props.validators,
+        requiredError = _this$props.requiredError,
+        helperText = _this$props.helperText,
+        validatorListener = _this$props.validatorListener,
+        withRequiredValidator = _this$props.withRequiredValidator,
+        containerProps = _this$props.containerProps,
+        rest = _objectWithoutProperties(_this$props, _excluded);
       var isValid = this.state.isValid;
       return /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({}, rest, {
         error: !isValid || error,
@@ -75,8 +52,6 @@ var MuiTextField = /*#__PURE__*/function (_MuiComponent) {
       }));
     }
   }]);
-
-  return MuiTextField;
-}(_MuiComponent2["default"]);
-
-exports["default"] = MuiTextField;
+  return TextValidator;
+}(_ValidatorComponent2["default"]);
+exports["default"] = TextValidator;

package/lib/components/{MuiCheckbox.js → MuiTextSelect.js}

@@ -1,106 +1,58 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _red = _interopRequireDefault(require("@mui/material/colors/red"));
-
-var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-
-var _MuiComponent2 = _interopRequireDefault(require("../core/MuiComponent"));
-
-var _excluded = ["errorStyle", "errorMessages", "validators", "requiredError", "value"];
-
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _index = require("utils/ui/validator/index");
+var _excluded = ["error", "errorMessages", "validators", "requiredError", "helperText", "validatorListener", "withRequiredValidator", "containerProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
-
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var red300 = _red["default"]["500"];
-var style = {
-  right: 0,
-  fontSize: "12px",
-  color: red300,
-  position: "absolute",
-  marginTop: "-25px"
-};
-
-var MuiCheckbox = /*#__PURE__*/function (_MuiComponent) {
-  _inherits(MuiCheckbox, _MuiComponent);
-
-  var _super = _createSuper(MuiCheckbox);
-
-  function MuiCheckbox() {
-    _classCallCheck(this, MuiCheckbox);
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var SelectValidator = /*#__PURE__*/function (_ValidatorComponent) {
+  _inherits(SelectValidator, _ValidatorComponent);
+  var _super = _createSuper(SelectValidator);
+  function SelectValidator() {
+    _classCallCheck(this, SelectValidator);
     return _super.apply(this, arguments);
   }
-
-  _createClass(MuiCheckbox, [{
-    key: "renderMuiComponent",
-    value: function renderMuiComponent() {
-      var _this = this;
-
+  _createClass(SelectValidator, [{
+    key: "renderValidatorComponent",
+    value: function renderValidatorComponent() {
       var _this$props = this.props,
-          errorStyle = _this$props.errorStyle,
-          errorMessages = _this$props.errorMessages,
-          validators = _this$props.validators,
-          requiredError = _this$props.requiredError,
-          value = _this$props.value,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], _extends({}, rest, {
-        ref: function ref(r) {
-          _this.input = r;
-        }
-      })), this.errorText());
-    }
-  }, {
-    key: "errorText",
-    value: function errorText() {
+        error = _this$props.error,
+        errorMessages = _this$props.errorMessages,
+        validators = _this$props.validators,
+        requiredError = _this$props.requiredError,
+        helperText = _this$props.helperText,
+        validatorListener = _this$props.validatorListener,
+        withRequiredValidator = _this$props.withRequiredValidator,
+        containerProps = _this$props.containerProps,
+        rest = _objectWithoutProperties(_this$props, _excluded);
       var isValid = this.state.isValid;
-
-      if (isValid) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: errorStyle ? errorStyle : style
-      }, this.getErrorMessage());
+      return /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({}, rest, {
+        select: true,
+        error: !isValid || error,
+        helperText: !isValid && this.getErrorMessage() || helperText
+      }));
     }
   }]);
-
-  return MuiCheckbox;
-}(_MuiComponent2["default"]);
-
-var _default = MuiCheckbox;
-exports["default"] = _default;
+  return SelectValidator;
+}(_index.ValidatorComponent);
+exports["default"] = SelectValidator;

package/lib/core/context/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _implementation = _interopRequireDefault(require("./implementation"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+// @flow
+var _default = _react["default"].createContext || _implementation["default"];
+exports["default"] = _default;

package/lib/core/utils/utils.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.debounce = void 0;
+var debounce = function debounce(func, wait, immediate) {
+  var timeout;
+  function cancel() {
+    if (timeout !== undefined) {
+      clearTimeout(timeout);
+    }
+  }
+  var debounced = function debounced() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var context = this;
+    var later = function delayed() {
+      timeout = null;
+      if (!immediate) {
+        func.apply(context, args);
+      }
+    };
+    var callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow) {
+      func.apply(context, args);
+    }
+  };
+  debounced.cancel = cancel;
+  return debounced;
+};
+exports.debounce = debounce;

package/lib/core/validator/ValidationRules.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var isExisty = function isExisty(value) {
+  return value !== null && value !== undefined;
+};
+var _isEmpty = function isEmpty(value) {
+  if (value instanceof Array) {
+    return value.length === 0;
+  }
+  return value === '' || !isExisty(value);
+};
+var isEmptyTrimed = function isEmptyTrimed(value) {
+  if (typeof value === 'string') {
+    return value.trim() === '';
+  }
+  return true;
+};
+var validations = {
+  matchRegexp: function matchRegexp(value, regexp) {
+    var validationRegexp = regexp instanceof RegExp ? regexp : new RegExp(regexp);
+    return _isEmpty(value) || validationRegexp.test(value);
+  },
+  // eslint-disable-next-line
+  isEmail: function isEmail(value) {
+    return validations.matchRegexp(value, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i);
+  },
+  isEmpty: function isEmpty(value) {
+    return _isEmpty(value);
+  },
+  required: function required(value) {
+    return !_isEmpty(value);
+  },
+  trim: function trim(value) {
+    return !isEmptyTrimed(value);
+  },
+  isNumber: function isNumber(value) {
+    return validations.matchRegexp(value, /^-?[0-9]\d*(\d+)?$/i);
+  },
+  isFloat: function isFloat(value) {
+    return validations.matchRegexp(value, /^(?:-?[1-9]\d*|-?0)?(?:\.\d+)?$/i);
+  },
+  isPositive: function isPositive(value) {
+    if (isExisty(value)) {
+      return (validations.isNumber(value) || validations.isFloat(value)) && value >= 0;
+    }
+    return true;
+  },
+  maxNumber: function maxNumber(value, max) {
+    return _isEmpty(value) || parseInt(value, 10) <= parseInt(max, 10);
+  },
+  minNumber: function minNumber(value, min) {
+    return _isEmpty(value) || parseInt(value, 10) >= parseInt(min, 10);
+  },
+  maxFloat: function maxFloat(value, max) {
+    return _isEmpty(value) || parseFloat(value) <= parseFloat(max);
+  },
+  minFloat: function minFloat(value, min) {
+    return _isEmpty(value) || parseFloat(value) >= parseFloat(min);
+  },
+  isString: function isString(value) {
+    return _isEmpty(value) || typeof value === 'string' || value instanceof String;
+  },
+  minStringLength: function minStringLength(value, length) {
+    return validations.isString(value) && value.length >= length;
+  },
+  maxStringLength: function maxStringLength(value, length) {
+    return validations.isString(value) && value.length <= length;
+  },
+  // eslint-disable-next-line no-undef
+  isFile: function isFile(value) {
+    return _isEmpty(value) || value instanceof File;
+  },
+  maxFileSize: function maxFileSize(value, max) {
+    return _isEmpty(value) || validations.isFile(value) && value.size <= parseInt(max, 10);
+  },
+  allowedExtensions: function allowedExtensions(value, fileTypes) {
+    return _isEmpty(value) || validations.isFile(value) && fileTypes.split(',').indexOf(value.type) !== -1;
+  }
+};
+module.exports = validations;

package/lib/core/validator/ValidatorComponent.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _promisePolyfill = _interopRequireDefault(require("promise-polyfill"));
+var _reactLifecyclesCompat = require("react-lifecycles-compat");
+var _ValidatorForm = _interopRequireWildcard(require("./ValidatorForm"));
+var _utils = require("../utils/utils");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-enable */
+var ValidatorComponent = /*#__PURE__*/function (_React$Component) {
+  _inherits(ValidatorComponent, _React$Component);
+  var _super = _createSuper(ValidatorComponent);
+  function ValidatorComponent() {
+    var _this;
+    _classCallCheck(this, ValidatorComponent);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      isValid: true,
+      value: _this.props.value,
+      errorMessages: _this.props.errorMessages,
+      validators: _this.props.validators
+    });
+    _defineProperty(_assertThisInitialized(_this), "getErrorMessage", function () {
+      var errorMessages = _this.state.errorMessages;
+      var type = _typeof(errorMessages);
+      if (type === 'string') {
+        return errorMessages;
+      } else if (type === 'object') {
+        if (_this.invalid.length > 0) {
+          return errorMessages[_this.invalid[0]];
+        }
+      }
+      // eslint-disable-next-line
+      console.log('unknown errorMessages type', errorMessages);
+      return true;
+    });
+    _defineProperty(_assertThisInitialized(_this), "instantValidate", true);
+    _defineProperty(_assertThisInitialized(_this), "invalid", []);
+    _defineProperty(_assertThisInitialized(_this), "configure", function () {
+      _this.form.attachToForm(_assertThisInitialized(_this));
+      _this.instantValidate = _this.form.instantValidate;
+      _this.debounceTime = _this.form.debounceTime;
+      _this.validateDebounced = (0, _utils.debounce)(_this.validate, _this.debounceTime);
+    });
+    _defineProperty(_assertThisInitialized(_this), "validate", function (value) {
+      var includeRequired = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var dryRun = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var validations = _promisePolyfill["default"].all(_this.state.validators.map(function (validator) {
+        return _ValidatorForm["default"].getValidator(validator, value, includeRequired);
+      }));
+      return validations.then(function (results) {
+        _this.invalid = [];
+        var valid = true;
+        results.forEach(function (result, key) {
+          if (!result) {
+            valid = false;
+            _this.invalid.push(key);
+          }
+        });
+        if (!dryRun) {
+          _this.setState({
+            isValid: valid
+          }, function () {
+            _this.props.validatorListener(_this.state.isValid);
+          });
+        }
+        return valid;
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "isValid", function () {
+      return _this.state.isValid;
+    });
+    _defineProperty(_assertThisInitialized(_this), "makeInvalid", function () {
+      _this.setState({
+        isValid: false
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "makeValid", function () {
+      _this.setState({
+        isValid: true
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderComponent", function (form) {
+      if (!_this.form) {
+        _this.form = form;
+      }
+      return _this.renderValidatorComponent();
+    });
+    return _this;
+  }
+  _createClass(ValidatorComponent, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.configure();
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps, nextState) {
+      return this.state !== nextState || this.props !== nextProps;
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.instantValidate && this.props.value !== prevState.value) {
+        this.validateDebounced(this.props.value, this.props.withRequiredValidator);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.form.detachFromForm(this);
+      this.validateDebounced.cancel();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/_react["default"].createElement(_ValidatorForm.FormContext.Consumer, null, function (_ref) {
+        var form = _ref.form;
+        return /*#__PURE__*/_react["default"].createElement("div", _this2.props.containerProps, _this2.renderComponent(form));
+      });
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      if (nextProps.validators && nextProps.errorMessages && (prevState.validators !== nextProps.validators || prevState.errorMessages !== nextProps.errorMessages)) {
+        return {
+          value: nextProps.value,
+          validators: nextProps.validators,
+          errorMessages: nextProps.errorMessages
+        };
+      }
+      return {
+        value: nextProps.value
+      };
+    }
+  }]);
+  return ValidatorComponent;
+}(_react["default"].Component);
+ValidatorComponent.propTypes = {
+  errorMessages: _propTypes["default"].oneOfType([_propTypes["default"].array, _propTypes["default"].string]),
+  validators: _propTypes["default"].array,
+  value: _propTypes["default"].any,
+  validatorListener: _propTypes["default"].func,
+  withRequiredValidator: _propTypes["default"].bool,
+  containerProps: _propTypes["default"].object
+};
+ValidatorComponent.defaultProps = {
+  errorMessages: 'error',
+  validators: [],
+  validatorListener: function validatorListener() {}
+};
+(0, _reactLifecyclesCompat.polyfill)(ValidatorComponent);
+var _default = ValidatorComponent;
+exports["default"] = _default;

package/lib/core/validator/ValidatorForm.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FormContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _promisePolyfill = _interopRequireDefault(require("promise-polyfill"));
+var _index = _interopRequireDefault(require("../context/index"));
+var _ValidationRules = _interopRequireDefault(require("./ValidationRules"));
+var _excluded = ["onSubmit", "instantValidate", "onError", "debounceTime", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable */ /* eslint-enable */
+var FormContext = (0, _index["default"])("form");
+exports.FormContext = FormContext;
+var ValidatorForm = /*#__PURE__*/function (_React$Component) {
+  _inherits(ValidatorForm, _React$Component);
+  var _super = _createSuper(ValidatorForm);
+  function ValidatorForm() {
+    var _this;
+    _classCallCheck(this, ValidatorForm);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "getFormHelpers", function () {
+      return {
+        form: {
+          attachToForm: _this.attachToForm,
+          detachFromForm: _this.detachFromForm,
+          instantValidate: _this.instantValidate,
+          debounceTime: _this.debounceTime
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "instantValidate", _this.props.instantValidate !== undefined ? _this.props.instantValidate : true);
+    _defineProperty(_assertThisInitialized(_this), "debounceTime", _this.props.debounceTime);
+    _defineProperty(_assertThisInitialized(_this), "childs", []);
+    _defineProperty(_assertThisInitialized(_this), "errors", []);
+    _defineProperty(_assertThisInitialized(_this), "attachToForm", function (component) {
+      if (_this.childs.indexOf(component) === -1) {
+        _this.childs.push(component);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "detachFromForm", function (component) {
+      var componentPos = _this.childs.indexOf(component);
+      if (componentPos !== -1) {
+        _this.childs = _this.childs.slice(0, componentPos).concat(_this.childs.slice(componentPos + 1));
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "submit", function (event) {
+      if (event) {
+        event.preventDefault();
+        event.persist();
+      }
+      _this.errors = [];
+      _this.walk(_this.childs).then(function (result) {
+        if (_this.errors.length) {
+          _this.props.onError(_this.errors);
+        }
+        if (result) {
+          _this.props.onSubmit(event);
+        }
+        return result;
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "walk", function (children, dryRun) {
+      var self = _assertThisInitialized(_this);
+      return new _promisePolyfill["default"](function (resolve) {
+        var result = true;
+        if (Array.isArray(children)) {
+          _promisePolyfill["default"].all(children.map(function (input) {
+            return self.checkInput(input, dryRun);
+          })).then(function (data) {
+            data.forEach(function (item) {
+              if (!item) {
+                result = false;
+              }
+            });
+            resolve(result);
+          });
+        } else {
+          self.walk([children], dryRun).then(function (result) {
+            return resolve(result);
+          });
+        }
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "checkInput", function (input, dryRun) {
+      return new _promisePolyfill["default"](function (resolve) {
+        var result = true;
+        var validators = input.props.validators;
+        if (validators) {
+          _this.validate(input, true, dryRun).then(function (data) {
+            if (!data) {
+              result = false;
+            }
+            resolve(result);
+          });
+        } else {
+          resolve(result);
+        }
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "validate", function (input, includeRequired, dryRun) {
+      return new _promisePolyfill["default"](function (resolve) {
+        var value = input.props.value;
+        input.validate(value, includeRequired, dryRun).then(function (valid) {
+          if (!valid) {
+            _this.errors.push(input);
+          }
+          resolve(valid);
+        });
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "find", function (collection, fn) {
+      for (var i = 0, l = collection.length; i < l; i++) {
+        var item = collection[i];
+        if (fn(item)) {
+          return item;
+        }
+      }
+      return null;
+    });
+    _defineProperty(_assertThisInitialized(_this), "resetValidations", function () {
+      _this.childs.forEach(function (child) {
+        child.validateDebounced.cancel();
+        child.setState({
+          isValid: true
+        });
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "isFormValid", function () {
+      var dryRun = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      return _this.walk(_this.childs, dryRun);
+    });
+    return _this;
+  }
+  _createClass(ValidatorForm, [{
+    key: "render",
+    value: function render() {
+      // eslint-disable-next-line
+      var _this$props = this.props,
+        onSubmit = _this$props.onSubmit,
+        instantValidate = _this$props.instantValidate,
+        onError = _this$props.onError,
+        debounceTime = _this$props.debounceTime,
+        children = _this$props.children,
+        rest = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/_react["default"].createElement(FormContext.Provider, {
+        value: this.getFormHelpers()
+      }, /*#__PURE__*/_react["default"].createElement("form", _extends({}, rest, {
+        onSubmit: this.submit
+      }), children));
+    }
+  }]);
+  return ValidatorForm;
+}(_react["default"].Component);
+_defineProperty(ValidatorForm, "getValidator", function (validator, value, includeRequired) {
+  var result = true;
+  var name = validator;
+  if (name !== "required" || includeRequired) {
+    var extra;
+    var splitIdx = validator.indexOf(":");
+    if (splitIdx !== -1) {
+      name = validator.substring(0, splitIdx);
+      extra = validator.substring(splitIdx + 1);
+    }
+    result = _ValidationRules["default"][name](value, extra);
+  }
+  return result;
+});
+ValidatorForm.addValidationRule = function (name, callback) {
+  _ValidationRules["default"][name] = callback;
+};
+ValidatorForm.getValidationRule = function (name) {
+  return _ValidationRules["default"][name];
+};
+ValidatorForm.hasValidationRule = function (name) {
+  return _ValidationRules["default"][name] && typeof _ValidationRules["default"][name] === "function";
+};
+ValidatorForm.removeValidationRule = function (name) {
+  delete _ValidationRules["default"][name];
+};
+ValidatorForm.propTypes = {
+  onSubmit: _propTypes["default"].func.isRequired,
+  instantValidate: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  onError: _propTypes["default"].func,
+  debounceTime: _propTypes["default"].number
+};
+ValidatorForm.defaultProps = {
+  onError: function onError() {},
+  debounceTime: 0
+};
+var _default = ValidatorForm;
+exports["default"] = _default;

package/lib/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _MuiComponent = _interopRequireDefault(require("./core/MuiComponent"));
+var _MuiForm = _interopRequireDefault(require("./core/MuiForm"));
+var _MuiTextField = _interopRequireDefault(require("./components/MuiTextField"));
+var _MuiCheckbox = _interopRequireDefault(require("./components/MuiCheckbox"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+exports.MuiTextField = _MuiTextField["default"];
+exports.MuiCheckbox = _MuiCheckbox["default"];
+exports.MuiComponent = _MuiComponent["default"];
+exports.MuiForm = _MuiForm["default"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mui-form-validator",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Validator for forms designed with material-ui components.",
   "main": "./lib/index.js",
   "scripts": {
@@ -27,29 +27,32 @@
   },
   "homepage": "https://github.com/Blencm/react-mui-form-validator#readme",
   "dependencies": {
-    "core-js": "^3.21.1",
-    "mini-create-react-context": "^0.4.1",
-    "promise-polyfill": "^8.2.3",
+    "@mui/material": "^5.13.6",
+    "core-js": "^3.31.0",
+    "promise-polyfill": "^8.3.0",
     "prop-types": "^15.8.1",
-    "react-lifecycles-compat": "^3.0.4"
+    "react-lifecycles-compat": "^3.0.4",
+    "tiny-warning": "^1.0.3",
+    "typescript": "^5.1.6"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
-    "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0"
+    "react": "^16.0.0 || ^17.0.0 || ^18.2.0 || ^19.0.0 || ^20.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.6",
-    "@babel/core": "^7.17.8",
-    "@babel/plugin-syntax-jsx": "^7.16.7",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.16.7",
+    "@babel/cli": "^7.22.5",
+    "@babel/core": "^7.22.5",
+    "@babel/plugin-syntax-jsx": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "@types/react": "18.2.14",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.2.4",
-    "eslint": "^8.11.0",
+    "babel-loader": "^9.1.2",
+    "eslint": "^8.44.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jsx-a11y": "6.5.1",
-    "eslint-plugin-react": "^7.29.4",
-    "rimraf": "^3.0.2"
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "rimraf": "^5.0.1"
   }
 }

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "baseUrl": "src"
+  },
+  "include": [
+    "src"
+  ]
+}

package/.eslintrc

@@ -1,67 +0,0 @@
-{
-  "parser": "babel-eslint",
-  "plugins": ["import"],
-  "extends": ["airbnb"],
-  "rules": {
-    // Soft some rules.
-    "camelcase": "off",
-    "class-methods-use-this": "off",
-    "default-case": 0, // Required default case is nonsense.
-    "indent": [2, 4, { "SwitchCase": 1, "VariableDeclarator": 1 }],
-    "linebreak-style": "off",
-    "max-len": "off",
-    "new-cap": [2, { "capIsNew": false, "newIsCap": true }], // For Record() etc.
-    "newline-per-chained-call": 0,
-    "no-cond-assign": "off",
-    "no-floating-decimal": 0, // .5 is just fine.
-    "no-nested-ternary": 0, // It's nice for JSX.
-    "no-param-reassign": 0, // We love param reassignment. Naming is hard.
-    "no-plusplus": 0,
-    "no-prototype-builtins": 0,
-    "no-shadow": 0, // Shadowing is a nice language feature. Naming is hard.
-    "react/no-string-refs": 0,
-    "no-underscore-dangle": "off",
-    // eslint-plugin-import
-    "import/no-unresolved": [2, { "commonjs": true }],
-    "import/no-extraneous-dependencies": 0,
-    "import/named": 2,
-    "import/default": 2,
-    "import/namespace": 2,
-    "import/export": 2,
-    "func-names": ["error", "as-needed"],
-    // Overide Stateless
-    "react/prefer-stateless-function": 0,
-    "react/jsx-indent": [2, 4],
-    "react/jsx-indent-props": [2, 4],
-    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
-    "react/no-unused-prop-types": 0,
-    "react/no-array-index-key": 0,
-    "react/forbid-prop-types": 0,
-    "react/require-default-props": 0,
-    "jsx-a11y/anchor-has-content": 0
-  },
-  "globals": {
-    "after": false,
-    "afterEach": false,
-    "before": false,
-    "beforeEach": false,
-    "describe": false,
-    "it": false,
-    "require": false,
-    "window": true,
-    "localStorage": true,
-    "document": true,
-    "navigator": true,
-    "location": true,
-    "XMLHttpRequest": true,
-    "XDomainRequest": true,
-    "Blob": true
-  },
-  "settings": {
-    "import/ignore": ["node_modules", "\\.json$"],
-    "import/parser": "babel-eslint",
-    "import/resolve": {
-      "extensions": [".js", ".jsx", ".json"]
-    }
-  }
-}