@teamnovu/kit-vue-forms 0.1.11 → 0.1.12

package/dist/index.js

@@ -75,7 +75,8 @@ function oe(t) {
     () => f(t.initialValue),
     (u) => {
       e.value = Object.freeze(g(u));
-    }
+    },
+    { flush: "sync" }
   );
   const r = D({
     value: t.value,
@@ -441,7 +442,7 @@ function Pe(t) {
   });
   E(e, (a) => {
     s.data = g(a);
-  });
+  }, { flush: "sync" });
   const o = he(s, t), i = ie(s, o), h = ne(i), v = () => {
     r.value = g(e), o.reset(), i.fields.value.forEach(
       (a) => a.reset()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnovu/kit-vue-forms",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "",
   "main": "dist/index.js",
   "type": "module",

package/src/composables/useField.ts

@@ -18,6 +18,7 @@ export function useField<T, K extends string>(options: UseFieldOptions<T, K>): F
     (newInitialValue) => {
       initialValue.value = Object.freeze(cloneRefValue(newInitialValue))
     },
+    { flush: 'sync' },
   )
 
   const state = reactive({

package/src/composables/useForm.ts

@@ -28,7 +28,7 @@ export function useForm<T extends FormDataDefault>(options: UseFormOptions<T>) {
 
   watch(initialData, (newValue) => {
     state.data = cloneRefValue(newValue)
-  })
+  }, { flush: 'sync' })
 
   const validationState = useValidation(state, options)
   const fieldRegistry = useFieldRegistry(state, validationState)

package/tests/useForm.test.ts

@@ -290,4 +290,37 @@ describe('useForm', () => {
 
     expect(form.fields.value.length).toBe(0)
   })
+
+  it('it should take over the new initial data from the form', { timeout: 500 }, async () => {
+    const initialData = ref({
+      name: 'foo',
+    })
+
+    const form = useForm({
+      initialData,
+    })
+
+    const nameField = form.getField('name')
+
+    expect(form.isDirty.value).toBe(false)
+    expect(nameField.dirty.value).toBe(false)
+
+    nameField.setData('modified')
+
+    expect(form.isDirty.value).toBe(true)
+    expect(nameField.dirty.value).toBe(true)
+
+    initialData.value = {
+      name: 'bar',
+    }
+
+    expect(form.initialData.value.name).toBe('bar')
+    expect(nameField.initialValue.value).toBe('bar')
+    expect(nameField.data.value).toBe('bar')
+
+    nameField.setInitialData('another')
+
+    expect(nameField.initialValue.value).toBe('another')
+    expect(nameField.data.value).toBe('another')
+  })
 })