react-mui-form-validator 1.0.0

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

package/.eslintignore

@@ -0,0 +1,3 @@
+node_modules/**
+**/__test__/**
+build/**

package/.eslintrc

@@ -0,0 +1,76 @@
+{
+  "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"
+      ]
+    }
+  }
+}

package/.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

package/.travis.yml

@@ -0,0 +1,11 @@
+sudo: required
+dist: trusty
+language: node_js
+node_js:
+  - 6
+rvm:
+  - 2.2.3
+script: "npm run lint"
+cache:
+  directories:
+    - node_modules

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 blencm
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/Readme.md

@@ -0,0 +1,165 @@
+## Validation component for material-ui forms
+
+[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://opensource.org/licenses/MIT)
+
+### Installation
+
+```
+npm install react-mui-form-validator
+
+```
+
+### Info
+
+Some rules can accept extra parameter, example:
+
+TextField
+```javascript
+<MuiTextField
+  {...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.
+Your component must [provide a theme](http://www.material-ui.com/#/get-started/usage).
+
+```javascript
+import React from "react";
+import Button from "@mui/material/Button";
+import { MuiForm, MuiTextField } from "react-mui-form-validator";
+
+class MyForm extends React.Component {
+  state = {
+    email: "",
+  };
+
+  handleChange = (event) => {
+    const email = event.target.value;
+    this.setState({ email });
+  };
+
+  handleSubmit = () => {
+    // your submit logic
+  };
+
+  render() {
+    const { email } = this.state;
+    return (
+      <MuiForm
+        ref="form"
+        onSubmit={this.handleSubmit}
+        onError={(errors) => console.log(errors)}
+      >
+        <MuiTextField
+          label="Email"
+          onChange={this.handleChange}
+          name="email"
+          value={email}
+          validators={["required", "isEmail"]}
+          errorMessages={["this field is required", "email is not valid"]}
+        />
+        <Button type="submit">Submit</Button>
+      </MuiForm>
+    );
+  }
+}
+```
+
+You can add your custom rules:
+
+```javascript
+
+import React from 'react';
+import Button from '@mui/material/Button';
+import { MuiForm, MuiTextField} from 'react-mui-form-validator';
+
+class ResetPasswordForm extends React.Component {
+
+    state = {
+        user: {
+            password: '',
+            repeatPassword: '',
+        },
+    };
+
+    componentDidMount() {
+        // custom rule will have name 'isPasswordMatch'
+        MuiForm.addValidationRule('isPasswordMatch', (value) => {
+            if (value !== this.state.user.password) {
+                return false;
+            }
+            return true;
+        });
+    }
+
+    componentWillUnmount() {
+        // remove rule when it is not needed
+        MuiForm.removeValidationRule('isPasswordMatch');
+    }
+
+    handleChange = (event) => {
+        const { user } = this.state;
+        user[event.target.name] = event.target.value;
+        this.setState({ user });
+    }
+
+    handleSubmit = () => {
+        // your submit logic
+    }
+
+    render() {
+        const { user } = this.state;
+
+        return (
+            <MuiForm
+                onSubmit={this.handleSubmit}
+            >
+                <MuiTextField
+                    label="Password"
+                    onChange={this.handleChange}
+                    name="password"
+                    type="password"
+                    validators={['required']}
+                    errorMessages={['this field is required']}
+                    value={user.password}
+                />
+                <MuiTextField
+                    label="Repeat password"
+                    onChange={this.handleChange}
+                    name="repeatPassword"
+                    type="password"
+                    validators={['isPasswordMatch', 'required']}
+                    errorMessages={['password mismatch', 'this field is required']}
+                    value={user.repeatPassword}
+                />
+                <Button type="submit">Submit</Button>
+            </MuiForm>
+        );
+    }
+
+```
+
+##### [Advanced usage](https://github.com/blencm/react-mui-form-validator/wiki)

package/lib/components/MuiCheckbox.js

@@ -0,0 +1,105 @@
+"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"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _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 || 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);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(MuiCheckbox, [{
+    key: "renderMuiComponent",
+    value: function renderMuiComponent() {
+      var _this = this;
+
+      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 <div>
+        <_Checkbox.default {...rest} ref={function (r) {
+          _this.input = r;
+        }} />
+        {this.errorText()}
+      </div>;
+    }
+  }, {
+    key: "errorText",
+    value: function errorText() {
+      var isValid = this.state.isValid;
+
+      if (isValid) {
+        return null;
+      }
+
+      return <div style={errorStyle ? errorStyle : style}>
+        {this.getErrorMessage()}
+      </div>;
+    }
+  }]);
+
+  return MuiCheckbox;
+}(_MuiComponent2["default"]);
+
+var _default = MuiCheckbox;
+exports["default"] = _default;

package/lib/components/MuiTextField.js

@@ -0,0 +1,77 @@
+"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 _excluded = ["error", "errorMessages", "validators", "requiredError", "helperText", "validatorListener", "withRequiredValidator", "containerProps"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _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 || 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);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(MuiTextField, [{
+    key: "renderMuiComponent",
+    value: function renderMuiComponent() {
+      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);
+
+      var isValid = this.state.isValid;
+      return <_TextField.default {...rest} error={!isValid || error} helperText={!isValid && this.getErrorMessage() || helperText} />;
+    }
+  }]);
+
+  return MuiTextField;
+}(_MuiComponent2["default"]);
+
+exports["default"] = MuiTextField;

package/lib/components/MuiTextSelect.js

@@ -0,0 +1,77 @@
+"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 _excluded = ["error", "errorMessages", "validators", "requiredError", "helperText", "validatorListener", "withRequiredValidator", "containerProps"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _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 || 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);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(MuiTextSelect, [{
+    key: "renderMuiComponent",
+    value: function renderMuiComponent() {
+      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);
+
+      var isValid = this.state.isValid;
+      return <_TextField.default {...rest} select error={!isValid || error} helperText={!isValid && this.getErrorMessage() || helperText} />;
+    }
+  }]);
+
+  return MuiTextSelect;
+}(_MuiComponent2["default"]);
+
+exports["default"] = MuiTextSelect;

package/lib/core/MuiComponent.js

@@ -0,0 +1,231 @@
+"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 _MuiForm = _interopRequireWildcard(require("./MuiForm"));
+
+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, 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 || 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); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var MuiComponent = /*#__PURE__*/function (_React$Component) {
+  _inherits(MuiComponent, _React$Component);
+
+  var _super = _createSuper(MuiComponent);
+
+  function MuiComponent() {
+    var _this;
+
+    _classCallCheck(this, MuiComponent);
+
+    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 _MuiForm["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.renderMuiComponent();
+    });
+
+    return _this;
+  }
+
+  _createClass(MuiComponent, [{
+    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 <_MuiForm.FormContext.Consumer>
+                {function (_ref) {
+          var form = _ref.form;
+          return <div {..._this2.props.containerProps}>{_this2.renderComponent(form)}</div>;
+        }}
+            </_MuiForm.FormContext.Consumer>;
+    }
+  }], [{
+    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 MuiComponent;
+}(_react["default"].Component);
+
+MuiComponent.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
+};
+MuiComponent.defaultProps = {
+  errorMessages: 'error',
+  validators: [],
+  validatorListener: function validatorListener() {}
+};
+(0, _reactLifecyclesCompat.polyfill)(MuiComponent);
+var _default = MuiComponent;
+exports["default"] = _default;

package/lib/core/MuiForm.js

@@ -0,0 +1,279 @@
+"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"] = exports.FormContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _promisePolyfill = _interopRequireDefault(require("promise-polyfill"));
+
+var _reactCreateThemeContext = _interopRequireDefault(require("react-create-theme-context"));
+
+var _MuiRules = _interopRequireDefault(require("./MuiRules"));
+
+var _excluded = ["onSubmit", "instantValidate", "onError", "debounceTime", "children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _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 || 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); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var FormContext = (0, _reactCreateThemeContext["default"])('form');
+exports.FormContext = FormContext;
+
+var MuiForm = /*#__PURE__*/function (_React$Component) {
+  _inherits(MuiForm, _React$Component);
+
+  var _super = _createSuper(MuiForm);
+
+  function MuiForm() {
+    var _this;
+
+    _classCallCheck(this, MuiForm);
+
+    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(MuiForm, [{
+    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 <FormContext.Provider value={this.getFormHelpers()}>
+                <form {...rest} onSubmit={this.submit}>
+                    {children}
+                </form>
+            </FormContext.Provider>;
+    }
+  }]);
+
+  return MuiForm;
+}(_react["default"].Component);
+
+_defineProperty(MuiForm, "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 = _MuiRules["default"][name](value, extra);
+  }
+
+  return result;
+});
+
+MuiForm.addValidationRule = function (name, callback) {
+  _MuiRules["default"][name] = callback;
+};
+
+MuiForm.getValidationRule = function (name) {
+  return _MuiRules["default"][name];
+};
+
+MuiForm.hasValidationRule = function (name) {
+  return _MuiRules["default"][name] && typeof _MuiRules["default"][name] === 'function';
+};
+
+MuiForm.removeValidationRule = function (name) {
+  delete _MuiRules["default"][name];
+};
+
+MuiForm.propTypes = {
+  onSubmit: _propTypes["default"].func.isRequired,
+  instantValidate: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  onError: _propTypes["default"].func,
+  debounceTime: _propTypes["default"].number
+};
+MuiForm.defaultProps = {
+  onError: function onError() {},
+  debounceTime: 0
+};
+var _default = MuiForm;
+exports["default"] = _default;

package/lib/core/MuiRules.js

@@ -0,0 +1,86 @@
+"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/index.js

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

package/lib/utils/utils.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.debounce = void 0;
+
+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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var debounce = function debounce(func, wait, immediate) {
+  var timeout;
+
+  function cancel() {
+    if (timeout !== undefined) {
+      clearTimeout(timeout);
+    }
+  }
+
+  var debounced = /*#__PURE__*/_createClass(function debounced() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _classCallCheck(this, debounced);
+
+    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/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "react-mui-form-validator",
+  "version": "1.0.0",
+  "description": "Simple validator for forms designed with material-ui v1/v3/v4/v5 components.",
+  "main": "./lib/index.js",
+  "scripts": {
+    "build": "rimraf lib && npm install --ignore-scripts && babel src --out-dir lib",
+    "prepublish": "npm run build",
+    "lint": "eslint src/**"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Blencm/react-mui-form-validator.git"
+  },
+  "keywords": [
+    "react",
+    "material-ui",
+    "mui",
+    "form",
+    "validator"
+  ],
+  "author": "Blencm",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/Blencm/react-mui-form-validator/issues"
+  },
+  "homepage": "https://github.com/Blencm/react-mui-form-validator#readme",
+  "dependencies": {
+    "core-js": "^3.21.0",
+    "promise-polyfill": "^8.2.1",
+    "prop-types": "^15.8.1",
+    "react-create-theme-context": "^0.0.1",
+    "react-lifecycles-compat": "^3.0.4"
+  },
+  "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"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.17.0",
+    "@babel/core": "^7.17.2",
+    "@babel/plugin-syntax-jsx": "^7.16.7",
+    "@babel/preset-env": "^7.16.11",
+    "babel-eslint": "^10.1.0",
+    "babel-loader": "^8.2.3",
+    "eslint": "^8.9.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jsx-a11y": "6.5.1",
+    "eslint-plugin-react": "^7.28.0",
+    "rimraf": "^3.0.2"
+  }
+}