feat: added custom validate functions

immobiliare · Sep 1, 2022 · 8994ec4 · 8994ec4
1 parent 3060996
commit 8994ec4
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/packages/ldap-auth/src/components/LoginPage/Form.tsx b/packages/ldap-auth/src/components/LoginPage/Form.tsx
@@ -9,6 +9,8 @@ export type LoginFormProps = {
     error?: Error;
     helperTextUsername?: string;
     helperTextPassword?: string;
+    validateUsername?: (usr: string) => boolean;
+    validatePassword?: (pass: string) => boolean;
 };
 
 const useStyles = makeStyles((theme) => ({
@@ -35,16 +37,23 @@ export const LoginForm = ({
     error,
     helperTextUsername,
     helperTextPassword,
+    validatePassword,
+    validateUsername,
 }: LoginFormProps) => {
+    const validatePasswd =
+        validatePassword || passwordSchema.validate.bind(passwordSchema);
+    const validateUsern =
+        validateUsername || usernameSchema.validate.bind(usernameSchema);
+
     const [username, setUsername] = useState('');
     const [password, setPassword] = useState('');
     const [uError, setUError] = useState(Boolean(error));
     const [pError, setPError] = useState(Boolean(error));
     const classes = useStyles();
 
     function onClick() {
-        const isUsernameValid = usernameSchema.validate(username) as boolean;
-        const isPasswordValid = passwordSchema.validate(password) as boolean;
+        const isUsernameValid = validateUsern(username) as boolean;
+        const isPasswordValid = validatePasswd(password) as boolean;
         setUError(!isUsernameValid);
         setPError(!isPasswordValid);
 

diff --git a/packages/ldap-auth/src/components/LoginPage/LoginPage.tsx b/packages/ldap-auth/src/components/LoginPage/LoginPage.tsx
@@ -36,6 +36,8 @@ export type LdapSignInPageProps = SignInPageProps & {
   options?: {
     helperTextPassword?: string;
     helperTextUsername?: string;
+    validateUsername?: (usr: string) => boolean;
+    validatePassword?: (pass: string) => boolean;
   }
 };