form.set should support setting multiple values

Author: agjs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/use-ajv-form",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Custom React Hook that integrates with Ajv JSON Schema Validator",
   "main": "dist/use-ajv-form.es.js",
   "author": "Aleksandar Grbic",

src/index.ts

@@ -78,18 +78,24 @@ const useAJVForm = <T extends Record<string, any>>(
 
   const setFormState = (form: Partial<FormField<T>>) => {
     setState((current) => {
-      const name = Object.keys(form)[0] as keyof T;
-      const state = { ...current };
-      state[name] = {
-        ...state[name],
-        value: getValue(form[name]),
-        error: state[name]?.error || '',
-      };
+      const newState = { ...current };
+
+      Object.keys(form).forEach((key) => {
+        const name = key as keyof T;
+        newState[name] = {
+          ...newState[name],
+          value: getValue(form[name]),
+          error: newState[name]?.error || '',
+        };
+      });
 
-      setCurrentField({ name, editId: editCounter });
+      setCurrentField({
+        name: Object.keys(form)[0] as keyof T,
+        editId: editCounter,
+      });
       setEditCounter(editCounter + 1);
 
-      return state;
+      return newState;
     });
   };
 

src/useAjvForm.test.tsx

@@ -102,9 +102,7 @@ describe('useAJVForm', () => {
 
     const { result } = renderHook(() => useAJVForm(initialData, schema));
 
-    act(() => {
-      result.current.set({ title: 'New Title' });
-    });
+    result.current.set({ title: 'New Title' });
 
     result.current.reset();
 
@@ -367,3 +365,79 @@ describe('useAJVForm', () => {
     expect(result.current.isValid).toBe(true);
   });
 });
+
+describe('useAJVForm with multiple field updates', () => {
+  it('updates multiple fields at once', () => {
+    const initialData = { title: '', description: '' };
+    const schema: JSONSchemaType<{ title: string; description: string }> = {
+      type: 'object',
+      required: ['title', 'description'],
+      properties: {
+        title: { type: 'string' },
+        description: { type: 'string' },
+      },
+    };
+
+    const { result } = renderHook(() => useAJVForm(initialData, schema));
+
+    result.current.set({ title: 'New Title', description: 'New Description' });
+
+    expect(result.current.state.title.value).toBe('New Title');
+    expect(result.current.state.description.value).toBe('New Description');
+  });
+
+  it('preserves existing error messages when updating multiple fields', () => {
+    const initialData = { title: '', description: '' };
+    const schema: JSONSchemaType<{ title: string; description: string }> = {
+      type: 'object',
+      required: ['title', 'description'],
+      properties: {
+        title: { type: 'string', minLength: 3 },
+        description: { type: 'string', minLength: 3 },
+      },
+    };
+
+    const { result } = renderHook(() => useAJVForm(initialData, schema));
+
+    result.current.set({ title: 'Ti', description: 'De' });
+    result.current.onBlur('title');
+    result.current.onBlur('description');
+
+    expect(result.current.state.title.error).not.toBe('');
+    expect(result.current.state.description.error).not.toBe('');
+
+    expect(result.current.state.title.error).toBe(
+      'Should be at least 3 characters long.',
+    );
+    expect(result.current.state.description.error).toBe(
+      'Should be at least 3 characters long.',
+    );
+  });
+
+  it('correctly updates isDirty when multiple fields are changed', () => {
+    const initialData = {
+      title: 'Original Title',
+      description: 'Original Description',
+    };
+    const schema: JSONSchemaType<{ title: string; description: string }> = {
+      type: 'object',
+      required: ['title', 'description'],
+      properties: {
+        title: { type: 'string' },
+        description: { type: 'string' },
+      },
+    };
+
+    const { result } = renderHook(() => useAJVForm(initialData, schema));
+
+    result.current.set({
+      title: 'Changed Title',
+      description: 'Changed Description',
+    });
+
+    expect(result.current.isDirty).toBe(true);
+  });
+
+  // Additional tests can be written to cover other scenarios such as validation,
+  // resetting the form, handling errors, etc., when multiple fields are involved.
+});