react-mui-form-validator 1.0.5 → 1.1.0

package/.eslintrc.json

@@ -0,0 +1,69 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "plugin:react/recommended",
+    "airbnb-typescript",
+    "plugin:react/jsx-runtime",
+    "plugin:prettier/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 11,
+    "project": "./tsconfig.json",
+    "sourceType": "module"
+  },
+  "plugins": ["react", "@typescript-eslint"],
+  "settings": {
+    "react": {
+      "pragma": "React",
+      "fragment": "Fragment",
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "prettier/prettier": "off",
+    "react/jsx-filename-extension": "off",
+    "import/no-unresolved": "off",
+    "import/extensions": "off",
+    "react/display-name": "off",
+    "@typescript-eslint/comma-dangle": "off",
+    "import/prefer-default-export": "off",
+    "jsx-a11y/anchor-is-valid": "off",
+    "comma-dangle": "off",
+    "max-len": "off",
+    "no-console": "off",
+    "no-param-reassign": "off",
+    "no-plusplus": "off",
+    "no-return-assign": "off",
+    "object-curly-newline": "off",
+    "react/jsx-props-no-spreading": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/require-default-props": "off",
+    "typescript-eslint/no-unused-vars": "off",
+    "import/no-extraneous-dependencies": "off",
+    "react/no-unescaped-entities": "off",
+    "react/forbid-prop-types": "off",
+    "react/jsx-max-props-per-line": [
+      1,
+      {
+        "maximum": 2,
+        "when": "multiline"
+      }
+    ],
+    "indent": "off",
+    "@typescript-eslint/indent": [0],
+    "no-use-before-define": "off",
+    "@typescript-eslint/no-use-before-define": ["off"],
+    "@typescript-eslint/no-unused-vars": ["off"],
+    "@typescript-eslint/no-shadow": ["off"],
+    "@typescript-eslint/dot-notation": ["off"],
+    "react/prop-types": ["off"],
+    "@typescript-eslint/naming-convention": ["off"]
+  }
+}

package/Readme.md

@@ -21,17 +21,6 @@ TextField
 />
 ```
 
-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.

package/dist/index.d.ts

@@ -0,0 +1,122 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+declare class ValidatorComponent extends React.Component<any, any, any> {
+    static getDerivedStateFromProps(nextProps: any, prevState: any): {
+        value: any;
+        validators: any;
+        errorMessages: any;
+    } | {
+        value: any;
+        validators?: undefined;
+        errorMessages?: undefined;
+    };
+    constructor(props: any);
+    constructor(props: any, context: any);
+    state: {
+        isValid: boolean;
+        value: any;
+        errorMessages: any;
+        validators: any;
+    };
+    componentDidMount(): void;
+    shouldComponentUpdate(nextProps: any, nextState: any): boolean;
+    componentDidUpdate(prevProps: any, prevState: any): void;
+    componentWillUnmount(): void;
+    getErrorMessage: () => any;
+    instantValidate: boolean;
+    invalid: any[];
+    configure: () => void;
+    debounceTime: any;
+    validateDebounced: {
+        (value?: any, includeRequired?: boolean | undefined, dryRun?: boolean | undefined): void;
+        cancel: () => void;
+    } | undefined;
+    validate: (value: any, includeRequired?: boolean, dryRun?: boolean) => Promise<boolean>;
+    isValid: () => boolean;
+    makeInvalid: () => void;
+    makeValid: () => void;
+    renderComponent: (form: any) => any;
+    form: any;
+    render(): React.JSX.Element;
+}
+declare namespace ValidatorComponent {
+    namespace propTypes {
+        let errorMessages: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        let validators: PropTypes.Requireable<any[]>;
+        let value: PropTypes.Requireable<any>;
+        let validatorListener: PropTypes.Requireable<(...args: any[]) => any>;
+        let withRequiredValidator: PropTypes.Requireable<boolean>;
+        let containerProps: PropTypes.Requireable<object>;
+    }
+    namespace defaultProps {
+        let errorMessages_1: string;
+        export { errorMessages_1 as errorMessages };
+        let validators_1: never[];
+        export { validators_1 as validators };
+        export function validatorListener_1(): void;
+        export { validatorListener_1 as validatorListener };
+    }
+}
+
+declare class TextValidator extends ValidatorComponent {
+    renderValidatorComponent(): React.JSX.Element;
+}
+
+declare class MuiSelect$1 extends ValidatorComponent {
+    renderValidatorComponent(): React.JSX.Element;
+}
+
+declare class ValidatorForm extends React.Component<any, any, any> {
+    static getValidator: (validator: any, value: any, includeRequired: any) => boolean;
+    constructor(props: any);
+    constructor(props: any, context: any);
+    getFormHelpers: () => {
+        form: {
+            attachToForm: (component: any) => void;
+            detachFromForm: (component: any) => void;
+            instantValidate: any;
+            debounceTime: any;
+        };
+    };
+    instantValidate: any;
+    debounceTime: any;
+    childs: any[];
+    errors: any[];
+    attachToForm: (component: any) => void;
+    detachFromForm: (component: any) => void;
+    submit: (event: any) => void;
+    walk: (children: any, dryRun: any) => Promise<any>;
+    checkInput: (input: any, dryRun: any) => Promise<any>;
+    validate: (input: any, includeRequired: any, dryRun: any) => Promise<any>;
+    find: (collection: any, fn: any) => any;
+    resetValidations: () => void;
+    isFormValid: (dryRun?: boolean) => Promise<any>;
+    render(): React.JSX.Element;
+}
+declare namespace ValidatorForm {
+    function addValidationRule(name: any, callback: any): void;
+    function getValidationRule(name: any): any;
+    function hasValidationRule(name: any): any;
+    function removeValidationRule(name: any): void;
+    namespace propTypes {
+        let onSubmit: PropTypes.Validator<(...args: any[]) => any>;
+        let instantValidate: PropTypes.Requireable<boolean>;
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let onError: PropTypes.Requireable<(...args: any[]) => any>;
+        let debounceTime: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        export function onError_1(): void;
+        export { onError_1 as onError };
+        let debounceTime_1: number;
+        export { debounceTime_1 as debounceTime };
+    }
+}
+
+declare const MuiTextField: typeof TextValidator;
+declare const MuiSelect: typeof MuiSelect$1;
+declare const MuiComponent: typeof ValidatorComponent;
+declare const MuiForm: typeof ValidatorForm;
+
+export { MuiComponent, MuiForm, MuiSelect, MuiTextField };

package/dist/index.js

@@ -0,0 +1,601 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/core/validator/ValidationRules.jsx
+var require_ValidationRules = __commonJS({
+  "src/core/validator/ValidationRules.jsx"(exports, module2) {
+    "use strict";
+    var isExisty = function(value) {
+      return value !== null && value !== void 0;
+    };
+    var isEmpty = function(value) {
+      if (value instanceof Array) {
+        return value.length === 0;
+      }
+      return value === "" || !isExisty(value);
+    };
+    var isEmptyTrimed = function(value) {
+      if (typeof value === "string") {
+        return value.trim() === "";
+      }
+      return true;
+    };
+    var validations = {
+      matchRegexp: (value, regexp) => {
+        const validationRegexp = regexp instanceof RegExp ? regexp : new RegExp(regexp);
+        return isEmpty(value) || validationRegexp.test(value);
+      },
+      // eslint-disable-next-line
+      isEmail: (value) => 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: (value) => isEmpty(value),
+      required: (value) => !isEmpty(value),
+      trim: (value) => !isEmptyTrimed(value),
+      isNumber: (value) => validations.matchRegexp(value, /^-?[0-9]\d*(\d+)?$/i),
+      isFloat: (value) => validations.matchRegexp(value, /^(?:-?[1-9]\d*|-?0)?(?:\.\d+)?$/i),
+      isPositive: (value) => {
+        if (isExisty(value)) {
+          return (validations.isNumber(value) || validations.isFloat(value)) && value >= 0;
+        }
+        return true;
+      },
+      maxNumber: (value, max) => isEmpty(value) || parseInt(value, 10) <= parseInt(max, 10),
+      minNumber: (value, min) => isEmpty(value) || parseInt(value, 10) >= parseInt(min, 10),
+      maxFloat: (value, max) => isEmpty(value) || parseFloat(value) <= parseFloat(max),
+      minFloat: (value, min) => isEmpty(value) || parseFloat(value) >= parseFloat(min),
+      isString: (value) => isEmpty(value) || typeof value === "string" || value instanceof String,
+      minStringLength: (value, length) => validations.isString(value) && value.length >= length,
+      maxStringLength: (value, length) => validations.isString(value) && value.length <= length,
+      // eslint-disable-next-line no-undef
+      isFile: (value) => isEmpty(value) || value instanceof File,
+      maxFileSize: (value, max) => isEmpty(value) || validations.isFile(value) && value.size <= parseInt(max, 10),
+      allowedExtensions: (value, fileTypes) => isEmpty(value) || validations.isFile(value) && fileTypes.split(",").indexOf(value.type) !== -1
+    };
+    module2.exports = validations;
+  }
+});
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  MuiComponent: () => MuiComponent,
+  MuiForm: () => MuiForm,
+  MuiSelect: () => MuiSelect2,
+  MuiTextField: () => MuiTextField
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/MuiTextField.tsx
+var import_TextField = __toESM(require("@mui/material/TextField"));
+var import_react5 = __toESM(require("react"));
+
+// src/core/validator/ValidatorComponent.jsx
+var import_react4 = __toESM(require("react"));
+var import_prop_types3 = __toESM(require("prop-types"));
+var import_promise_polyfill2 = __toESM(require("promise-polyfill"));
+var import_react_lifecycles_compat = require("react-lifecycles-compat");
+
+// src/core/validator/ValidatorForm.jsx
+var import_react3 = __toESM(require("react"));
+var import_prop_types2 = __toESM(require("prop-types"));
+var import_promise_polyfill = __toESM(require("promise-polyfill"));
+
+// src/core/context/index.ts
+var import_react2 = __toESM(require("react"));
+
+// src/core/context/implementation.js
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_warning = __toESM(require("warning"));
+var MAX_SIGNED_31_BIT_INT = 1073741823;
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {};
+function getUniqueId() {
+  const key = "__global_unique_id__";
+  return commonjsGlobal[key] = (commonjsGlobal[key] || 0) + 1;
+}
+function objectIs(x, y) {
+  if (x === y) {
+    return x !== 0 || 1 / x === 1 / y;
+  } else {
+    return x !== x && y !== y;
+  }
+}
+function createEventEmitter(value) {
+  let handlers = [];
+  return {
+    on(handler) {
+      handlers.push(handler);
+    },
+    off(handler) {
+      handlers = handlers.filter((h) => h !== handler);
+    },
+    get() {
+      return value;
+    },
+    set(newValue, changedBits) {
+      value = newValue;
+      handlers.forEach((handler) => handler(value, changedBits));
+    }
+  };
+}
+function onlyChild(children) {
+  return Array.isArray(children) ? children[0] : children;
+}
+function createReactContext(defaultValue, calculateChangedBits) {
+  const contextProp = "__create-react-context-" + getUniqueId() + "__";
+  class Provider extends import_react.Component {
+    emitter = createEventEmitter(this.props.value);
+    static childContextTypes = {
+      [contextProp]: import_prop_types.default.object.isRequired
+    };
+    getChildContext() {
+      return {
+        [contextProp]: this.emitter
+      };
+    }
+    static getDerivedStateFromProps(props, state) {
+      if (props.value !== nextProps.value) {
+        let oldValue = props.value;
+        let newValue = nextProps.value;
+        let changedBits;
+        if (objectIs(oldValue, newValue)) {
+          changedBits = 0;
+        } else {
+          changedBits = typeof calculateChangedBits === "function" ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;
+          if (process.env.NODE_ENV !== "production") {
+            (0, import_warning.default)(
+              (changedBits & MAX_SIGNED_31_BIT_INT) === changedBits,
+              "calculateChangedBits: Expected the return value to be a 31-bit integer. Instead received: %s",
+              changedBits
+            );
+          }
+          changedBits |= 0;
+          if (changedBits !== 0) {
+            this.emitter.set(nextProps.value, changedBits);
+          }
+        }
+      }
+      return null;
+    }
+    render() {
+      return this.props.children;
+    }
+  }
+  class Consumer extends import_react.Component {
+    static contextTypes = {
+      [contextProp]: import_prop_types.default.object
+    };
+    observedBits;
+    state = {
+      value: this.getValue()
+    };
+    static getDerivedStateFromProps(props, state) {
+      let { observedBits } = nextProps;
+      this.observedBits = observedBits === void 0 || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;
+      return null;
+    }
+    componentDidMount() {
+      if (this.context[contextProp]) {
+        this.context[contextProp].on(this.onUpdate);
+      }
+      let { observedBits } = this.props;
+      this.observedBits = observedBits === void 0 || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;
+    }
+    componentWillUnmount() {
+      if (this.context[contextProp]) {
+        this.context[contextProp].off(this.onUpdate);
+      }
+    }
+    getValue() {
+      if (this.context[contextProp]) {
+        return this.context[contextProp].get();
+      } else {
+        return defaultValue;
+      }
+    }
+    onUpdate = (newValue, changedBits) => {
+      const observedBits = this.observedBits | 0;
+      if ((observedBits & changedBits) !== 0) {
+        this.setState({ value: this.getValue() });
+      }
+    };
+    render() {
+      return onlyChild(this.props.children)(this.state.value);
+    }
+  }
+  return {
+    Provider,
+    Consumer
+  };
+}
+var implementation_default = createReactContext;
+
+// src/core/context/index.ts
+var context_default = import_react2.default.createContext || implementation_default;
+
+// src/core/validator/ValidatorForm.jsx
+var import_ValidationRules = __toESM(require_ValidationRules());
+var FormContext = context_default("form");
+var ValidatorForm = class extends import_react3.default.Component {
+  static getValidator = (validator, value, includeRequired) => {
+    let result = true;
+    let name = validator;
+    if (name !== "required" || includeRequired) {
+      let extra;
+      const splitIdx = validator.indexOf(":");
+      if (splitIdx !== -1) {
+        name = validator.substring(0, splitIdx);
+        extra = validator.substring(splitIdx + 1);
+      }
+      result = import_ValidationRules.default[name](value, extra);
+    }
+    return result;
+  };
+  getFormHelpers = () => ({
+    form: {
+      attachToForm: this.attachToForm,
+      detachFromForm: this.detachFromForm,
+      instantValidate: this.instantValidate,
+      debounceTime: this.debounceTime
+    }
+  });
+  instantValidate = this.props.instantValidate !== void 0 ? this.props.instantValidate : true;
+  debounceTime = this.props.debounceTime;
+  childs = [];
+  errors = [];
+  attachToForm = (component) => {
+    if (this.childs.indexOf(component) === -1) {
+      this.childs.push(component);
+    }
+  };
+  detachFromForm = (component) => {
+    const componentPos = this.childs.indexOf(component);
+    if (componentPos !== -1) {
+      this.childs = this.childs.slice(0, componentPos).concat(this.childs.slice(componentPos + 1));
+    }
+  };
+  submit = (event) => {
+    if (event) {
+      event.preventDefault();
+      event.persist();
+    }
+    this.errors = [];
+    this.walk(this.childs).then((result) => {
+      if (this.errors.length) {
+        this.props.onError(this.errors);
+      }
+      if (result) {
+        this.props.onSubmit(event);
+      }
+      return result;
+    });
+  };
+  walk = (children, dryRun) => {
+    const self = this;
+    return new import_promise_polyfill.default((resolve) => {
+      let result = true;
+      if (Array.isArray(children)) {
+        import_promise_polyfill.default.all(
+          children.map((input) => self.checkInput(input, dryRun))
+        ).then((data) => {
+          data.forEach((item) => {
+            if (!item) {
+              result = false;
+            }
+          });
+          resolve(result);
+        });
+      } else {
+        self.walk([children], dryRun).then((result2) => resolve(result2));
+      }
+    });
+  };
+  checkInput = (input, dryRun) => new import_promise_polyfill.default((resolve) => {
+    let result = true;
+    const validators = input.props.validators;
+    if (validators) {
+      this.validate(input, true, dryRun).then((data) => {
+        if (!data) {
+          result = false;
+        }
+        resolve(result);
+      });
+    } else {
+      resolve(result);
+    }
+  });
+  validate = (input, includeRequired, dryRun) => new import_promise_polyfill.default((resolve) => {
+    const { value } = input.props;
+    input.validate(value, includeRequired, dryRun).then((valid) => {
+      if (!valid) {
+        this.errors.push(input);
+      }
+      resolve(valid);
+    });
+  });
+  find = (collection, fn) => {
+    for (let i = 0, l = collection.length; i < l; i++) {
+      const item = collection[i];
+      if (fn(item)) {
+        return item;
+      }
+    }
+    return null;
+  };
+  resetValidations = () => {
+    this.childs.forEach((child) => {
+      child.validateDebounced.cancel();
+      child.setState({ isValid: true });
+    });
+  };
+  isFormValid = (dryRun = true) => this.walk(this.childs, dryRun);
+  render() {
+    const {
+      onSubmit,
+      instantValidate,
+      onError,
+      debounceTime,
+      children,
+      ...rest
+    } = this.props;
+    return /* @__PURE__ */ import_react3.default.createElement(FormContext.Provider, { value: this.getFormHelpers() }, /* @__PURE__ */ import_react3.default.createElement("form", { ...rest, onSubmit: this.submit }, children));
+  }
+};
+ValidatorForm.addValidationRule = (name, callback) => {
+  import_ValidationRules.default[name] = callback;
+};
+ValidatorForm.getValidationRule = (name) => import_ValidationRules.default[name];
+ValidatorForm.hasValidationRule = (name) => import_ValidationRules.default[name] && typeof import_ValidationRules.default[name] === "function";
+ValidatorForm.removeValidationRule = (name) => {
+  delete import_ValidationRules.default[name];
+};
+ValidatorForm.propTypes = {
+  onSubmit: import_prop_types2.default.func.isRequired,
+  instantValidate: import_prop_types2.default.bool,
+  children: import_prop_types2.default.node,
+  onError: import_prop_types2.default.func,
+  debounceTime: import_prop_types2.default.number
+};
+ValidatorForm.defaultProps = {
+  onError: () => {
+  },
+  debounceTime: 0
+};
+var ValidatorForm_default = ValidatorForm;
+
+// src/core/utils/utils.ts
+var debounce = (func, wait, immediate) => {
+  let timeout;
+  function cancel() {
+    if (timeout !== void 0) {
+      clearTimeout(timeout);
+    }
+  }
+  const debounced = function debounced2(...args) {
+    const context = args;
+    const later = function delayed() {
+      timeout = null;
+      if (!immediate) {
+        func.apply(context, args);
+      }
+    };
+    const callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow) {
+      func.apply(context, args);
+    }
+  };
+  debounced.cancel = cancel;
+  return debounced;
+};
+
+// src/core/validator/ValidatorComponent.jsx
+var ValidatorComponent = class extends import_react4.default.Component {
+  static getDerivedStateFromProps(nextProps2, prevState) {
+    if (nextProps2.validators && nextProps2.errorMessages && (prevState.validators !== nextProps2.validators || prevState.errorMessages !== nextProps2.errorMessages)) {
+      return {
+        value: nextProps2.value,
+        validators: nextProps2.validators,
+        errorMessages: nextProps2.errorMessages
+      };
+    }
+    return {
+      value: nextProps2.value
+    };
+  }
+  state = {
+    isValid: true,
+    value: this.props.value,
+    errorMessages: this.props.errorMessages,
+    validators: this.props.validators
+  };
+  componentDidMount() {
+    this.configure();
+  }
+  shouldComponentUpdate(nextProps2, nextState) {
+    return this.state !== nextState || this.props !== nextProps2;
+  }
+  componentDidUpdate(prevProps, prevState) {
+    if (this.instantValidate && this.props.value !== prevState.value) {
+      this.validateDebounced(this.props.value, this.props.withRequiredValidator);
+    }
+  }
+  componentWillUnmount() {
+    this.form.detachFromForm(this);
+    this.validateDebounced.cancel();
+  }
+  getErrorMessage = () => {
+    const { errorMessages } = this.state;
+    const type = typeof errorMessages;
+    if (type === "string") {
+      return errorMessages;
+    } else if (type === "object") {
+      if (this.invalid.length > 0) {
+        return errorMessages[this.invalid[0]];
+      }
+    }
+    console.log("unknown errorMessages type", errorMessages);
+    return true;
+  };
+  instantValidate = true;
+  invalid = [];
+  configure = () => {
+    this.form.attachToForm(this);
+    this.instantValidate = this.form.instantValidate;
+    this.debounceTime = this.form.debounceTime;
+    this.validateDebounced = debounce(this.validate, this.debounceTime);
+  };
+  validate = (value, includeRequired = false, dryRun = false) => {
+    const validations = import_promise_polyfill2.default.all(
+      this.state.validators.map((validator) => ValidatorForm_default.getValidator(validator, value, includeRequired))
+    );
+    return validations.then((results) => {
+      this.invalid = [];
+      let valid = true;
+      results.forEach((result, key) => {
+        if (!result) {
+          valid = false;
+          this.invalid.push(key);
+        }
+      });
+      if (!dryRun) {
+        this.setState({ isValid: valid }, () => {
+          this.props.validatorListener(this.state.isValid);
+        });
+      }
+      return valid;
+    });
+  };
+  isValid = () => this.state.isValid;
+  makeInvalid = () => {
+    this.setState({ isValid: false });
+  };
+  makeValid = () => {
+    this.setState({ isValid: true });
+  };
+  renderComponent = (form) => {
+    if (!this.form) {
+      this.form = form;
+    }
+    return this.renderValidatorComponent();
+  };
+  render() {
+    return /* @__PURE__ */ import_react4.default.createElement(FormContext.Consumer, null, ({ form }) => /* @__PURE__ */ import_react4.default.createElement("div", { ...this.props.containerProps }, this.renderComponent(form)));
+  }
+};
+ValidatorComponent.propTypes = {
+  errorMessages: import_prop_types3.default.oneOfType([
+    import_prop_types3.default.array,
+    import_prop_types3.default.string
+  ]),
+  validators: import_prop_types3.default.array,
+  value: import_prop_types3.default.any,
+  validatorListener: import_prop_types3.default.func,
+  withRequiredValidator: import_prop_types3.default.bool,
+  containerProps: import_prop_types3.default.object
+};
+ValidatorComponent.defaultProps = {
+  errorMessages: "error",
+  validators: [],
+  validatorListener: () => {
+  }
+};
+(0, import_react_lifecycles_compat.polyfill)(ValidatorComponent);
+var ValidatorComponent_default = ValidatorComponent;
+
+// src/components/MuiTextField.tsx
+var TextValidator = class extends ValidatorComponent_default {
+  renderValidatorComponent() {
+    const {
+      error,
+      errorMessages,
+      validators,
+      requiredError,
+      helperText,
+      validatorListener,
+      withRequiredValidator,
+      containerProps,
+      ...rest
+    } = this.props;
+    const { isValid } = this.state;
+    return /* @__PURE__ */ import_react5.default.createElement(
+      import_TextField.default,
+      {
+        ...rest,
+        error: !isValid || error,
+        helperText: !isValid && this.getErrorMessage() || helperText
+      }
+    );
+  }
+};
+
+// src/components/MuiSelect.tsx
+var import_material = require("@mui/material");
+var import_react6 = __toESM(require("react"));
+var MuiSelect = class extends ValidatorComponent_default {
+  renderValidatorComponent() {
+    const {
+      error,
+      errorMessages,
+      validators,
+      requiredError,
+      helperText,
+      validatorListener,
+      withRequiredValidator,
+      containerProps,
+      ...rest
+    } = this.props;
+    const { isValid } = this.state;
+    return /* @__PURE__ */ import_react6.default.createElement(
+      import_material.TextField,
+      {
+        ...rest,
+        select: true,
+        error: !isValid || error,
+        helperText: !isValid && this.getErrorMessage() || helperText
+      }
+    );
+  }
+};
+
+// src/index.ts
+var MuiTextField = TextValidator;
+var MuiSelect2 = MuiSelect;
+var MuiComponent = ValidatorComponent_default;
+var MuiForm = ValidatorForm_default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MuiComponent,
+  MuiForm,
+  MuiSelect,
+  MuiTextField
+});

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "react-mui-form-validator",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "Validator for forms designed with material-ui components.",
-  "main": "./lib/index.js",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
-    "build": "rimraf lib && npm install --ignore-scripts && babel src --out-dir lib",
-    "prepublish": "npm run build",
-    "lint": "eslint src/**"
+    "build": "tsup src/index.ts --dts"
   },
   "repository": {
     "type": "git",
@@ -14,7 +13,6 @@
   },
   "keywords": [
     "react",
-    "material-ui",
     "mui",
     "form",
     "form-validator",
@@ -27,29 +25,41 @@
   },
   "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",
+    "@types/prop-types": "^15.7.5",
+    "gud": "^1.0.0",
+    "promise-polyfill": "^8.3.0",
     "prop-types": "^15.8.1",
-    "react-lifecycles-compat": "^3.0.4"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.45.1",
+    "react-lifecycles-compat": "^3.0.4",
+    "tiny-warning": "^1.0.3",
+    "tsup": "^7.1.0",
+    "typescript": "^5.1.6",
+    "warning": "^4.0.3"
   },
   "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": "^17.0.0 || ^18.2.0 || ^19.0.0 || ^20.0.0",
+    "react-dom": "^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-eslint": "^10.1.0",
-    "babel-loader": "^8.2.4",
-    "eslint": "^8.11.0",
+    "@types/node": "^20.3.3",
+    "@types/promise-polyfill": "^6.0.4",
+    "@types/react": "18.2.14",
+    "@types/react-dom": "^18.2.6",
+    "@types/react-lifecycles-compat": "^3.0.1",
+    "@typescript-eslint/eslint-plugin": "5.60.1",
+    "@typescript-eslint/parser": "5.60.1",
+    "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-config-airbnb-typescript": "17.0.0",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "rimraf": "^5.0.1"
   }
 }

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es2022",
+
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+
+    "lib": ["es2022", "dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "outDir": "dist",
+    "declaration": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react"
+  },
+
+  "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"]
-    }
-  }
-}

package/lib/components/MuiCheckbox.js

@@ -1,106 +0,0 @@
-"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 _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 _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 /*#__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() {
-      var isValid = this.state.isValid;
-
-      if (isValid) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: errorStyle ? errorStyle : style
-      }, this.getErrorMessage());
-    }
-  }]);
-
-  return MuiCheckbox;
-}(_MuiComponent2["default"]);
-
-var _default = MuiCheckbox;
-exports["default"] = _default;

package/lib/components/MuiTextField.js

@@ -1,82 +0,0 @@
-"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 _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 _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 /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({}, rest, {
-        error: !isValid || error,
-        helperText: !isValid && this.getErrorMessage() || helperText
-      }));
-    }
-  }]);
-
-  return MuiTextField;
-}(_MuiComponent2["default"]);
-
-exports["default"] = MuiTextField;