test & callback wrapper

src/atoms/list-atom/index.ts

@@ -1,2 +1,2 @@
-export * from "./listBuilder";
 export * from "./listAtom";
+export * from "./listBuilder";

src/atoms/list-atom/listAtom.ts

@@ -1,6 +1,7 @@
 import {
   FieldAtomConfig,
   FormAtom,
+  Validate,
   ValidateOn,
   ValidateStatus,
   formAtom,
@@ -206,6 +207,17 @@ export function listAtom<
     },
   );
 
+  const validateCallback: Validate<Value> = (state) => {
+    // TODO: aggregate errors
+    const formLists = state.get(_formListAtom).map((formAtom) => {
+      const form = state.get(formAtom);
+
+      // state.set(form.validate, state.event);
+    });
+
+    return config.validate?.(state);
+  };
+
   const listAtoms = {
     name: nameAtom,
     value: valueAtom,
@@ -219,7 +231,7 @@ export function listAtom<
     ref: refAtom,
     buildItem,
     _validateCount: validateCountAtom,
-    _validateCallback: config.validate,
+    _validateCallback: validateCallback,
     /**
      * List private atoms
      */

src/fields/list-field/listField.test.tsx

@@ -223,4 +223,21 @@ describe("listField()", () => {
       expect(screen.queryByTestId("input-iban")).not.toBeInTheDocument();
     });
   });
+
+  describe("nested validation", () => {
+    it.only("can't be submitted with invalid item's field", async () => {
+      const field = listField({
+        value: [undefined], // empty value for number
+        builder: (value) => numberField({ value }),
+      });
+
+      const form = formAtom({ field });
+
+      const { result: submit } = renderHook(() => useFormSubmit(form));
+      const onSubmit = vi.fn();
+      await act(async () => submit.current(onSubmit)());
+
+      expect(onSubmit).not.toHaveBeenCalled();
+    });
+  });
 });