add array validator

validate multicheckbox with array validator

Author: gstewart86

frontend/packages/pydantic-forms/src/components/defaultComponentMatchers.ts

@@ -139,6 +139,7 @@ const defaultComponentMatchers: PydanticComponentMatcher[] = [
                 field.options.length <= 5
             );
         },
+        validator: zodValidationPresets.array,
     },
 ];
 

frontend/packages/pydantic-forms/src/components/zodValidations.ts

@@ -110,4 +110,25 @@ export const zodValidationPresets: PydanticFormZodValidationPresets = {
 
         return validationRule;
     },
+    array: (field) => {
+        const { minimum, maximum } = field?.validation ?? {};
+
+        let arraySchema = z.array(z.boolean());
+
+        if (minimum) {
+            arraySchema = arraySchema.min(
+                minimum,
+                `Dit veld heeft een minimum waarde van ${minimum}`,
+            );
+        }
+
+        if (maximum) {
+            arraySchema = arraySchema.max(
+                maximum,
+                `Dit veld heeft een maximum waarde van ${maximum}`,
+            );
+        }
+
+        return arraySchema;
+    },
 };