react-mui-form-validator 1.7.2 → 1.7.3

package/lib/index.d.cts

@@ -2,6 +2,7 @@ import * as React$1 from 'react';
 import React__default from 'react';
 import { FilledTextFieldProps, OutlinedTextFieldProps, StandardTextFieldProps, BoxProps } from '@mui/material';
 import { MuiTelInputInfo } from 'mui-tel-input';
+import { TextFieldProps } from '@mui/material/TextField';
 
 interface required {
     validator: "required";
@@ -106,8 +107,8 @@ declare class ValidatorForm extends React$1.Component<ValidatorFormProps & BoxPr
     static getValidator: (validator: Validator, value: any, includeRequired: boolean) => boolean;
     childs: any[];
     errors: any[];
-    instantValidate: boolean;
-    debounceTime: number;
+    get instantValidate(): boolean;
+    get debounceTime(): number;
     getFormHelpers: () => FormContextValue;
     attachToForm: (component: any) => void;
     detachFromForm: (component: any) => void;
@@ -120,20 +121,24 @@ declare class ValidatorForm extends React$1.Component<ValidatorFormProps & BoxPr
     render(): React$1.JSX.Element;
 }
 
-declare class ValidatorComponent extends React$1.Component<ValidatorComponentProps, ValidatorComponentState> {
+type DebouncedValidate = {
+    (value: any, includeRequired?: boolean, dryRun?: boolean): void;
+    cancel?: () => void;
+};
+declare class ValidatorComponent<P extends ValidatorComponentProps = ValidatorComponentProps> extends React$1.Component<P, ValidatorComponentState> {
     static contextType: React$1.Context<FormContextValue>;
     context: React$1.ContextType<typeof FormContext>;
-    validateDebounced: any;
-    form: FormContextValue["form"];
+    validateDebounced: DebouncedValidate | null;
+    form: NonNullable<FormContextValue["form"]> | null;
     debounceTime: number;
     instantValidate: boolean;
     invalid: number[];
     state: ValidatorComponentState;
     renderValidatorComponent(): React$1.ReactNode;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: ValidatorComponentProps): void;
+    componentDidUpdate(prevProps: P): void;
     componentWillUnmount(): void;
-    shouldComponentUpdate(nextProps: ValidatorComponentProps, nextState: ValidatorComponentState): boolean;
+    shouldComponentUpdate(nextProps: P, nextState: ValidatorComponentState): boolean;
     configure: () => void;
     getErrorMessage: () => string | boolean;
     validate: (value: any, includeRequired?: boolean, dryRun?: boolean) => Promise<boolean>;
@@ -148,7 +153,15 @@ declare class MuiSelect extends ValidatorComponent {
     renderValidatorComponent(): React$1.JSX.Element;
 }
 
-declare class MuiTextField extends ValidatorComponent {
+type MuiTextFieldProps = Omit<TextFieldProps, "value"> & {
+    value: unknown;
+    validators?: any[];
+    errorMessages?: string | string[];
+    validatorListener?: (isValid: boolean) => void;
+    withRequiredValidator?: boolean;
+    containerProps?: React__default.HTMLAttributes<HTMLDivElement>;
+};
+declare class MuiTextField extends ValidatorComponent<MuiTextFieldProps> {
     renderValidatorComponent(): React__default.JSX.Element;
 }
 

package/lib/index.d.ts

@@ -2,6 +2,7 @@ import * as React$1 from 'react';
 import React__default from 'react';
 import { FilledTextFieldProps, OutlinedTextFieldProps, StandardTextFieldProps, BoxProps } from '@mui/material';
 import { MuiTelInputInfo } from 'mui-tel-input';
+import { TextFieldProps } from '@mui/material/TextField';
 
 interface required {
     validator: "required";
@@ -106,8 +107,8 @@ declare class ValidatorForm extends React$1.Component<ValidatorFormProps & BoxPr
     static getValidator: (validator: Validator, value: any, includeRequired: boolean) => boolean;
     childs: any[];
     errors: any[];
-    instantValidate: boolean;
-    debounceTime: number;
+    get instantValidate(): boolean;
+    get debounceTime(): number;
     getFormHelpers: () => FormContextValue;
     attachToForm: (component: any) => void;
     detachFromForm: (component: any) => void;
@@ -120,20 +121,24 @@ declare class ValidatorForm extends React$1.Component<ValidatorFormProps & BoxPr
     render(): React$1.JSX.Element;
 }
 
-declare class ValidatorComponent extends React$1.Component<ValidatorComponentProps, ValidatorComponentState> {
+type DebouncedValidate = {
+    (value: any, includeRequired?: boolean, dryRun?: boolean): void;
+    cancel?: () => void;
+};
+declare class ValidatorComponent<P extends ValidatorComponentProps = ValidatorComponentProps> extends React$1.Component<P, ValidatorComponentState> {
     static contextType: React$1.Context<FormContextValue>;
     context: React$1.ContextType<typeof FormContext>;
-    validateDebounced: any;
-    form: FormContextValue["form"];
+    validateDebounced: DebouncedValidate | null;
+    form: NonNullable<FormContextValue["form"]> | null;
     debounceTime: number;
     instantValidate: boolean;
     invalid: number[];
     state: ValidatorComponentState;
     renderValidatorComponent(): React$1.ReactNode;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: ValidatorComponentProps): void;
+    componentDidUpdate(prevProps: P): void;
     componentWillUnmount(): void;
-    shouldComponentUpdate(nextProps: ValidatorComponentProps, nextState: ValidatorComponentState): boolean;
+    shouldComponentUpdate(nextProps: P, nextState: ValidatorComponentState): boolean;
     configure: () => void;
     getErrorMessage: () => string | boolean;
     validate: (value: any, includeRequired?: boolean, dryRun?: boolean) => Promise<boolean>;
@@ -148,7 +153,15 @@ declare class MuiSelect extends ValidatorComponent {
     renderValidatorComponent(): React$1.JSX.Element;
 }
 
-declare class MuiTextField extends ValidatorComponent {
+type MuiTextFieldProps = Omit<TextFieldProps, "value"> & {
+    value: unknown;
+    validators?: any[];
+    errorMessages?: string | string[];
+    validatorListener?: (isValid: boolean) => void;
+    withRequiredValidator?: boolean;
+    containerProps?: React__default.HTMLAttributes<HTMLDivElement>;
+};
+declare class MuiTextField extends ValidatorComponent<MuiTextFieldProps> {
     renderValidatorComponent(): React__default.JSX.Element;
 }
 

package/lib/index.js

@@ -20255,8 +20255,12 @@ var ValidatorForm = class extends React72.Component {
   };
   childs = [];
   errors = [];
-  instantValidate = this.props.instantValidate !== void 0 ? this.props.instantValidate : true;
-  debounceTime = this.props.debounceTime !== void 0 ? this.props.debounceTime : 0;
+  get instantValidate() {
+    return this.props.instantValidate !== void 0 ? this.props.instantValidate : true;
+  }
+  get debounceTime() {
+    return this.props.debounceTime !== void 0 ? this.props.debounceTime : 0;
+  }
   getFormHelpers = () => ({
     form: {
       attachToForm: this.attachToForm,
@@ -20280,9 +20284,7 @@ var ValidatorForm = class extends React72.Component {
     }
   };
   submit = (event) => {
-    if (event) {
-      event.preventDefault();
-    }
+    event.preventDefault();
     this.errors = [];
     this.walk(this.childs).then((result) => {
       if (this.errors.length && this.props.onError) {
@@ -20310,7 +20312,7 @@ var ValidatorForm = class extends React72.Component {
   checkInput = (input, dryRun) => {
     return new Promise((resolve) => {
       const validators = input?.props?.validators;
-      if (!validators || !Array.isArray(validators)) {
+      if (!validators || !Array.isArray(validators) || validators.length === 0) {
         resolve(true);
         return;
       }
@@ -20417,9 +20419,7 @@ var ValidatorComponent = class extends React73.Component {
     }
   }
   componentWillUnmount() {
-    if (this.form) {
-      this.form.detachFromForm(this);
-    }
+    this.form?.detachFromForm?.(this);
     if (this.validateDebounced?.cancel) {
       this.validateDebounced.cancel();
     }
@@ -20429,9 +20429,9 @@ var ValidatorComponent = class extends React73.Component {
   }
   configure = () => {
     const form = this.context?.form;
-    if (!form) {
+    if (!form?.attachToForm || !form?.detachFromForm) {
       console.error(
-        "MuiTextField debe estar dentro de <ValidatorForm>. No mezcles tu MuiTextField local con MuiForm de react-mui-form-validator."
+        "MuiTextField debe estar dentro de tu <MuiForm> local. No mezcles este MuiTextField con MuiForm de react-mui-form-validator."
       );
       return;
     }
@@ -20439,7 +20439,12 @@ var ValidatorComponent = class extends React73.Component {
     this.form.attachToForm(this);
     this.instantValidate = this.form.instantValidate;
     this.debounceTime = this.form.debounceTime;
-    this.validateDebounced = debounce2(this.validate, this.debounceTime);
+    this.validateDebounced = debounce2(
+      (value, includeRequired, dryRun) => {
+        void this.validate(value, includeRequired, dryRun);
+      },
+      this.debounceTime
+    );
   };
   getErrorMessage = () => {
     const { errorMessages } = this.state;
@@ -20474,9 +20479,7 @@ var ValidatorComponent = class extends React73.Component {
     });
     if (!dryRun) {
       this.setState({ isValid: valid }, () => {
-        if (this.props.validatorListener) {
-          this.props.validatorListener(this.isValid());
-        }
+        this.props.validatorListener?.(this.isValid());
       });
     }
     return valid;