@homebound/form-state 2.2.5 → 2.2.6

package/dist/formState.js

@@ -505,6 +505,7 @@ function newListFieldState(parentInstance, parentState, key, rules, listConfig,
             this.ensureSet();
             this.value.splice(typeof spliceIndex === "number" ? spliceIndex : this.value.length, 0, childState.value);
             _tick.value++;
+            onBlur();
         },
         remove(indexOrValue) {
             this.ensureSet();
@@ -518,6 +519,7 @@ function newListFieldState(parentInstance, parentState, key, rules, listConfig,
                 }
             }
             _tick.value++;
+            onBlur();
         },
         reset() {
             if (originalCopy) {

package/dist/formState.test.js

@@ -321,6 +321,16 @@ describe("formState", () => {
         a1.books.remove(0);
         expect(a1.dirty).toBeFalsy();
     });
+    it("it calls onBlur when adding or removing to a list", () => {
+        const onBlur = jest.fn();
+        const a1 = createAuthorInputState({ books: [] }, onBlur);
+        expect(a1.books.dirty).toBeFalsy();
+        a1.books.add({ title: "t2" });
+        expect(a1.books.dirty).toBeTruthy();
+        a1.books.remove(0);
+        expect(a1.dirty).toBeFalsy();
+        expect(onBlur).toBeCalledTimes(2);
+    });
     it("knows list of primitives are dirty", () => {
         const a1 = formState_1.createObjectState({ favoriteColors: { type: "value" } }, {});
         expect(a1.favoriteColors.dirty).toBeFalsy();
@@ -1352,7 +1362,7 @@ describe("formState", () => {
         // And the new book is blurred
         rtl_utils_1.click(r.blurNew);
         // Then expect onBlur to be triggered again
-        expect(onBlur).toBeCalledTimes(2);
+        expect(onBlur).toBeCalledTimes(3);
     });
 });
 class ObservableObject {
@@ -1386,8 +1396,8 @@ const authorWithBooksConfig = {
         },
     },
 };
-function createAuthorInputState(input) {
-    return formState_1.createObjectState(authorWithBooksConfig, input);
+function createAuthorInputState(input, onBlur) {
+    return formState_1.createObjectState(authorWithBooksConfig, input, { onBlur });
 }
 const authorWithAddressConfig = {
     id: { type: "value" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/form-state",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",