@agendize/design-system/dist/mixins/useFormValidation.d.ts

Agendize web design system

import { Mandatory } from "../presentation/component/viewModel";
import { FormField } from "../index";
interface Props {
    field: any;
    values: () => any;
    validationRegEx?: RegExp;
    emitter?: Function;
    customCheck?: (showError?: boolean) => {
        isValid: boolean;
        id: string;
        values: any;
    };
    format?: {
        pattern?: string;
        minlength?: number;
        maxlength?: number;
        min?: number;
        max?: number;
    };
}
export default function useFormValidation({ field, values, validationRegEx, emitter, customCheck, format }: Props): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useInputFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, emitter?: Function): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useEmailFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
}, values: () => any, emitter?: Function): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function usePhoneFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
}, values: () => any, customCheck: () => {
    isValid: boolean;
    id: string;
    values: any;
}, emitter?: Function): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useSelectFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, emitter?: Function, customCheck?: () => {
    isValid: boolean;
    id: string;
    values: any;
}): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useURLFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, emitter?: Function): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useTxtAreaFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, emitter?: Function): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useNumberFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, format: {
    pattern: string;
    min?: number;
    max?: number;
}, emitter?: Function): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useDateFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, emitter?: Function, customCheck?: () => {
    isValid: boolean;
    id: string;
    values: any;
}): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function usePeriodFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, emitter?: Function, customCheck?: () => {
    isValid: boolean;
    id: string;
    values: any;
}): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useCheckListFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, emitter?: Function, customCheck?: () => {
    isValid: boolean;
    id: string;
    values: any;
}): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useRadioFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, emitter?: Function, customCheck?: () => {
    isValid: boolean;
    id: string;
    values: any;
}): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useToggleFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
}, values: () => any, emitter?: Function, customCheck?: () => {
    isValid: boolean;
    id: string;
    values: any;
}): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useFileFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, customCheck: () => {
    isValid: boolean;
    id: string;
    values: any;
}, emitter?: Function): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useRatioFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
    pattern?: string;
    minlength?: number;
    maxlength?: number;
}, values: () => any, emitter?: Function): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function useColorFormValidation(props: {
    id?: string;
    mandatory?: Mandatory;
}, values: () => any, emitter?: Function): {
    error: import("vue").Ref<string | undefined, string | undefined>;
    validateField: () => void;
    checkField: (showError?: boolean, onMounted?: boolean) => {
        isValid: boolean;
        id: any;
        values: any;
    } | {
        isValid: boolean;
        id: any;
        values?: undefined;
    };
    resetError: () => void;
};
export declare function validateFields(fields: FormField[]): boolean;
export {};
//# sourceMappingURL=useFormValidation.d.ts.map