Add disableFileValidation() to disable file validation after enabling (#133)

* Add `disableFileValidation()`

* Added tests

* formatting

* Renamed `disableFileValidation` to `withoutFileValidation`

Author: pascalbaljet

packages/alpine/src/index.ts

@@ -160,6 +160,11 @@ export default function (Alpine: TAlpine) {
             validateFiles() {
                 validator.validateFiles()
 
+                return form
+            },
+            withoutFileValidation() {
+                validator.withoutFileValidation()
+
                 return form
             },
         })

packages/alpine/src/types.ts

@@ -17,4 +17,5 @@ export interface Form<Data extends Record<string, unknown>> {
     submit(config?: Config): Promise<unknown>,
     reset(...keys: string[]): Data & Form<Data>,
     validateFiles(): Data & Form<Data>,
+    withoutFileValidation(): Data & Form<Data>,
 }

packages/core/src/types.ts

@@ -64,6 +64,7 @@ export interface Validator {
     setTimeout(duration: number): Validator,
     on(event: keyof ValidatorListeners, callback: () => void): Validator,
     validateFiles(): Validator,
+    withoutFileValidation(): Validator,
 }
 
 export interface ValidatorListeners {

packages/core/src/validator.ts

@@ -395,6 +395,11 @@ export const createValidator = (callback: ValidationCallback, initialData: Recor
         validateFiles() {
             validateFiles = true
 
+            return form
+        },
+        withoutFileValidation() {
+            validateFiles = false
+
             return form
         },
     }

packages/core/tests/validator.test.js

@@ -325,6 +325,54 @@ it('filters out files', async () => {
     await assertPendingValidateDebounceAndClear()
 })
 
+it('doesnt filter data when file validation is enabled', async () => {
+    let config
+    axios.request.mockImplementationOnce((c) => {
+        config = c
+        return Promise.resolve(precognitionSuccessResponse())
+    })
+
+    const data = {
+        name: 'Tim',
+        email: null,
+        avatar: new Blob([], { type: 'image/png' }),
+    }
+
+    const validator = createValidator((client) => client.post('/foo', data))
+
+    validator.validateFiles()
+    validator.validate('text', 'Tim')
+
+    expect(config.data).toEqual(data)
+
+    await assertPendingValidateDebounceAndClear()
+})
+
+it('can disable file validation after enabling it', async () => {
+    let config
+    axios.request.mockImplementationOnce((c) => {
+        config = c
+        return Promise.resolve(precognitionSuccessResponse())
+    })
+
+    const validator = createValidator((client) => client.post('/foo', {
+        name: 'Tim',
+        email: null,
+        avatar: new Blob([], { type: 'image/png' }),
+    }))
+
+    validator.validateFiles()
+    validator.withoutFileValidation()
+    validator.validate('text', 'Tim')
+
+    expect(config.data).toEqual({
+        name: 'Tim',
+        email: null,
+    })
+
+    await assertPendingValidateDebounceAndClear()
+})
+
 it('doesnt mark fields as validated while response is pending',  async () => {
     expect.assertions(10)
 

packages/react-inertia/src/index.ts

@@ -162,6 +162,11 @@ export const useForm = <Data extends Record<string, FormDataConvertible>>(method
 
             return form
         },
+        withoutFileValidation() {
+            precognitiveForm.withoutFileValidation()
+
+            return form
+        },
         submit(submitMethod: RequestMethod | Omit<VisitOptions, 'data'> = {}, submitUrl?: string, submitOptions?: Omit<VisitOptions, 'data'>): void {
             if (typeof submitMethod !== 'string') {
                 submitOptions = submitMethod

packages/react-inertia/src/types.ts

@@ -14,6 +14,7 @@ export type Form<Data extends Record<string, FormDataConvertible>> = Omit<Precog
     submit(method: RequestMethod, url: string, options?: Omit<VisitOptions, 'data'>): void,
     reset(...keys: (keyof Partial<Data>)[]): void,
     validateFiles(): Form<Data>,
+    withoutFileValidation(): Form<Data>,
     setData(data: Record<string, FormDataConvertible>): Form<Data>,
     validate(name?: (keyof Data | NamedInputEvent) | ValidationConfig, config?: ValidationConfig): Form<Data>,
 }

packages/react/src/index.ts

@@ -217,6 +217,11 @@ export const useForm = <Data extends Record<string, unknown>>(method: RequestMet
 
             return form
         },
+        withoutFileValidation() {
+            validator.current!.withoutFileValidation()
+
+            return form
+        },
         validator() {
             return validator.current!
         },

packages/react/src/types.ts

@@ -18,5 +18,6 @@ export interface Form<Data extends Record<string, unknown>> {
     submit(config?: Config): Promise<unknown>,
     reset(...names: (keyof Partial<Data>)[]): Form<Data>,
     validateFiles(): Form<Data>,
+    withoutFileValidation(): Form<Data>,
     validator(): Validator,
 }

packages/vue-inertia/src/index.ts

@@ -168,6 +168,11 @@ export const useForm = <Data extends Record<string, FormDataConvertible>>(method
 
             return form
         },
+        withoutFileValidation() {
+            precognitiveForm.withoutFileValidation()
+
+            return form
+        },
         submit(submitMethod: RequestMethod | Partial<VisitOptions> = {}, submitUrl?: string, submitOptions?: Partial<VisitOptions>): void {
             if (typeof submitMethod !== 'string') {
                 submitOptions = submitMethod