react-mui-form-validator 1.0.3 → 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,32 +15,12 @@ Some rules can accept extra parameter, example:
 
 TextField
 ```javascript
-<MuiTextField
+<TextFieldValidator
   {...someProps}
   validators={["minNumber:0", "maxNumber:255", "matchRegexp:^[0-9]$"]}
 />
 ```
 
-Select
-```javascript
-<MuiTextSelect
-  {...someProps}
-  validators={["required"]}
-  errorMessages={["this select is required"]}
-/>
-```
-
-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.
@@ -49,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 = {
@@ -68,12 +48,11 @@ class MyForm extends React.Component {
   render() {
     const { email } = this.state;
     return (
-      <MuiForm
-        ref="form"
+      <FormValidator
         onSubmit={this.handleSubmit}
         onError={(errors) => console.log(errors)}
       >
-        <MuiTextField
+        <TextFieldValidator
           label="Email"
           onChange={this.handleChange}
           name="email"
@@ -82,7 +61,7 @@ class MyForm extends React.Component {
           errorMessages={["this field is required", "email is not valid"]}
         />
         <Button type="submit">Submit</Button>
-      </MuiForm>
+      </FormValidator>
     );
   }
 }
@@ -94,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 {
 
@@ -107,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;
             }
@@ -117,7 +96,7 @@ class ResetPasswordForm extends React.Component {
 
     componentWillUnmount() {
         // remove rule when it is not needed
-        MuiForm.removeValidationRule('isPasswordMatch');
+        FormValidator.removeValidationRule('isPasswordMatch');
     }
 
     handleChange = (event) => {
@@ -134,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"
@@ -146,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"
@@ -156,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/MuiTextSelect.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 _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 MuiTextSelect = /*#__PURE__*/function (_MuiComponent) {
-  _inherits(MuiTextSelect, _MuiComponent);
-
-  var _super = _createSuper(MuiTextSelect);
-
-  function MuiTextSelect() {
-    _classCallCheck(this, MuiTextSelect);
-
+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(MuiTextSelect, [{
-    key: "renderMuiComponent",
-    value: function renderMuiComponent() {
+  _createClass(SelectValidator, [{
+    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, {
         select: true,
@@ -76,8 +53,6 @@ var MuiTextSelect = /*#__PURE__*/function (_MuiComponent) {
       }));
     }
   }]);
-
-  return MuiTextSelect;
-}(_MuiComponent2["default"]);
-
-exports["default"] = MuiTextSelect;
+  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/{MuiRules.js → validator/ValidationRules.js}

@@ -3,23 +3,18 @@
 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);
@@ -48,7 +43,6 @@ var validations = {
     if (isExisty(value)) {
       return (validations.isNumber(value) || validations.isFloat(value)) && value >= 0;
     }
-
     return true;
   },
   maxNumber: function maxNumber(value, max) {