fix(validators): fix pattern validation

dev/typescript/App.vue

@@ -230,7 +230,6 @@ export default defineComponent({
           value: string;
           disabled?: boolean;
         }[];
-        form.fields.name.value = 'Alvaro';
       } catch (e) {
         console.error(e);
       }

src/core/factories.ts

@@ -11,7 +11,6 @@ import {
   SelectInput,
   CustomInput,
   FormControl,
-  InputType,
 } from './models';
 
 const EMPTY_CONTROL = {

src/core/models.ts

@@ -33,7 +33,7 @@ export type BindingObject = {
   [key: string]: any;
 };
 
-interface ValidatorFn {
+export interface ValidatorFn {
   (control: FormControl<InputType> | undefined): ValidationErrors | null;
 }
 

src/core/utils/validators.ts

@@ -1,4 +1,9 @@
-import { FormControl, InputType, ValidationErrors } from '../models';
+import {
+  FormControl,
+  InputType,
+  ValidationErrors,
+  ValidatorFn,
+} from '../models';
 
 export const isEmptyInputValue = (value: string | number | boolean): boolean =>
   value == null || value === '';
@@ -80,27 +85,33 @@ export const maxLength = (maxLength: number) => (
     : null;
 };
 
-export const pattern = (pattern: string) => (
-  control: FormControl<InputType>,
-): ValidationErrors | null => {
-  if (isEmptyInputValue(control.value)) {
-    return null; // don't validate empty values to allow optional controls
-  }
-
-  let regexStr: string | RegExp;
-  regexStr = '';
+export const pattern = (pattern: string): ValidatorFn => {
+  if (!pattern) return null;
+  let regex: RegExp;
+  let regexStr: string;
+  if (typeof pattern === 'string') {
+    regexStr = '';
 
-  if (pattern.charAt(0) !== '^') regexStr += '^';
+    if (pattern.charAt(0) !== '^') regexStr += '^';
 
-  regexStr += pattern;
+    regexStr += pattern;
 
-  if (pattern.charAt(pattern.length - 1) !== '$') regexStr += '$';
+    if (pattern.charAt(pattern.length - 1) !== '$') regexStr += '$';
 
-  const regex = new RegExp(regexStr);
-  const value = `${control.value}`;
-  return regex.test(value)
-    ? { pattern: { requiredPattern: regexStr, actualValue: value } }
-    : null;
+    regex = new RegExp(regexStr);
+  } else {
+    regexStr = pattern;
+    regex = pattern;
+  }
+  return (control: FormControl<InputType>) => {
+    if (isEmptyInputValue(control.value)) {
+      return null; // don't validate empty values to allow optional controls
+    }
+    const value = control.value;
+    return regex.test(value as string)
+      ? null
+      : { pattern: { requiredPattern: regexStr, actualValue: value } };
+  };
 };
 
 export default {