react-mui-form-validator 1.0.6 → 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

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

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 };