Renamed withFullErrors to withArrayErrors

Author: pascalbaljet

packages/react/src/useForm.ts

@@ -92,7 +92,7 @@ export interface InertiaFormValidationProps<TForm extends object> {
   validateFiles(): InertiaPrecognitiveFormProps<TForm>
   validating: boolean
   validator: () => Validator
-  withFullErrors(): InertiaPrecognitiveFormProps<TForm>
+  withArrayErrors(): InertiaPrecognitiveFormProps<TForm>
   withoutFileValidation(): InertiaPrecognitiveFormProps<TForm>
   // Backward compatibility for easy migration from the original Precognition libraries
   setErrors(errors: FormDataErrors<TForm>): InertiaPrecognitiveFormProps<TForm>
@@ -148,7 +148,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
   const [validating, setValidating] = useState(false)
   const [touchedFields, setTouchedFields] = useState<string[]>([])
   const [validFields, setValidFields] = useState<string[]>([])
-  const simpleValidationErrors = useRef(true)
+  const arrayErrors = useRef(false)
 
   useEffect(() => {
     isMounted.current = true
@@ -511,9 +511,9 @@ export default function useForm<TForm extends FormDataType<TForm>>(
           setTouchedFields(validator.touched())
         })
         .on('errorsChanged', () => {
-          const validationErrors = simpleValidationErrors.current
-            ? toSimpleValidationErrors(validator.errors())
-            : validator.errors()
+          const validationErrors = arrayErrors.current
+            ? validator.errors()
+            : toSimpleValidationErrors(validator.errors())
 
           setErrors(validationErrors as FormDataErrors<TForm>)
           setHasErrors(Object.keys(validationErrors).length > 0)
@@ -544,7 +544,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
 
         return precognitiveForm
       },
-      withFullErrors: () => tap(precognitiveForm, () => (simpleValidationErrors.current = false)),
+      withArrayErrors: () => tap(precognitiveForm, () => (arrayErrors.current = true)),
       setValidationTimeout: (duration: number) =>
         tap(precognitiveForm, () => validatorRef.current?.setTimeout(duration)),
       validateFiles: () => tap(precognitiveForm, () => validatorRef.current?.validateFiles()),

packages/react/test-app/Pages/FormHelper/Precognition/AllErrors.tsx

@@ -7,7 +7,7 @@ export default () => {
   })
     .withPrecognition('post', '/precognition/array-errors')
     .setValidationTimeout(100)
-    .withFullErrors()
+    .withArrayErrors()
 
   return (
     <div>

packages/svelte/src/useForm.ts

@@ -81,7 +81,7 @@ export interface InertiaFormValidationProps<TForm extends object> {
   validateFiles(): this
   validating: boolean
   validator: () => Validator
-  withFullErrors(): this
+  withArrayErrors(): this
   withoutFileValidation(): this
   // Backward compatibility for easy migration from the original Precognition libraries
   setErrors(errors: FormDataErrors<TForm> | Record<string, string | string[]>): this
@@ -144,7 +144,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
     const formWithPrecognition = () =>
       getStore(store) as any as InertiaPrecognitiveForm<TForm> & InternalPrecognitionState
 
-    let simpleValidationErrors = true
+    let arrayErrors = false
 
     if (!validatorRef) {
       const validator = createValidator((client) => {
@@ -167,9 +167,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
           setFormState('__touched', validator.touched())
         })
         .on('errorsChanged', () => {
-          const validationErrors = simpleValidationErrors
-            ? toSimpleValidationErrors(validator.errors())
-            : validator.errors()
+          const validationErrors = arrayErrors ? validator.errors() : toSimpleValidationErrors(validator.errors())
 
           setFormState('errors', {} as FormDataErrors<TForm>)
           formWithPrecognition().setError(validationErrors as FormDataErrors<TForm>)
@@ -234,7 +232,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
         validateFiles: () => tap(formWithPrecognition(), () => validatorRef?.validateFiles()),
         setValidationTimeout: (duration: number) =>
           tap(formWithPrecognition(), () => validatorRef!.setTimeout(duration)),
-        withFullErrors: () => tap(formWithPrecognition(), () => (simpleValidationErrors = false)),
+        withArrayErrors: () => tap(formWithPrecognition(), () => (arrayErrors = true)),
         // @ts-expect-error - Not released yet...
         withoutFileValidation: () => tap(formWithPrecognition(), () => validatorRef?.withoutFileValidation()),
         valid: (field: string) => formWithPrecognition().__valid.includes(field),

packages/svelte/test-app/Pages/FormHelper/Precognition/AllErrors.svelte

@@ -7,7 +7,7 @@
   })
     .withPrecognition('post', '/precognition/array-errors')
     .setValidationTimeout(100)
-    .withFullErrors()
+    .withArrayErrors()
 </script>
 
 <div>

packages/vue3/src/useForm.ts

@@ -76,7 +76,7 @@ export interface InertiaFormValidationProps<TForm extends object> {
   validateFiles(): this
   validating: boolean
   validator: () => Validator
-  withFullErrors(): this
+  withArrayErrors(): this
   withoutFileValidation(): this
   // Backward compatibility for easy migration from the original Precognition libraries
   setErrors(errors: FormDataErrors<TForm> | Record<string, string | string[]>): this
@@ -148,7 +148,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
       // We're dynamically adding precognition properties to 'this', so we assert the type
       const formWithPrecognition = this as any as InertiaPrecognitiveForm<TForm>
 
-      let simpleValidationErrors = true
+      let arrayErrors = false
       const validator = createValidator((client) => {
         const { method, url } = precognitionEndpoint!()
         const transformedData = transform(this.data()) as Record<string, unknown>
@@ -169,9 +169,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
           formWithPrecognition.__touched = validator.touched()
         })
         .on('errorsChanged', () => {
-          const validationErrors = simpleValidationErrors
-            ? toSimpleValidationErrors(validator.errors())
-            : validator.errors()
+          const validationErrors = arrayErrors ? validator.errors() : toSimpleValidationErrors(validator.errors())
 
           this.errors = {} as FormDataErrors<TForm>
 
@@ -190,7 +188,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
         __valid: [],
         validating: false,
         validator: () => validator,
-        withFullErrors: () => tap(formWithPrecognition, () => (simpleValidationErrors = false)),
+        withArrayErrors: () => tap(formWithPrecognition, () => (arrayErrors = true)),
         valid: (field: string) => formWithPrecognition.__valid.includes(field),
         invalid: (field: string) => field in this.errors,
         setValidationTimeout: (duration: number) => tap(formWithPrecognition, () => validator.setTimeout(duration)),

packages/vue3/test-app/Pages/FormHelper/Precognition/AllErrors.vue

@@ -7,7 +7,7 @@ const form = useForm({
 })
   .withPrecognition('post', '/precognition/array-errors')
   .setValidationTimeout(100)
-  .withFullErrors()
+  .withArrayErrors()
 </script>
 
 <template>