formstand 0.11.0 → 0.12.0

package/dist/index.d.cts

@@ -282,6 +282,7 @@ type FieldArrayFormApi = Readonly<{
     arrayInsert(path: string, index: number, item: unknown): void;
     arrayMove(path: string, from: number, to: number): void;
     arraySwap(path: string, a: number, b: number): void;
+    validateField?(path: string): FieldValidationResult;
 }>;
 type FieldArrayEntry<TItem> = Readonly<{
     id: string;

package/dist/index.d.ts

@@ -282,6 +282,7 @@ type FieldArrayFormApi = Readonly<{
     arrayInsert(path: string, index: number, item: unknown): void;
     arrayMove(path: string, from: number, to: number): void;
     arraySwap(path: string, a: number, b: number): void;
+    validateField?(path: string): FieldValidationResult;
 }>;
 type FieldArrayEntry<TItem> = Readonly<{
     id: string;

package/dist/index.js

@@ -1473,25 +1473,52 @@ function useFieldArray(form, pathArg) {
   const items = slice.items;
   const error = slice.error;
   const ids = deriveIds(form.store, path, items).ids;
+  const revalidate = useCallback(() => {
+    const state = form.store.getState();
+    if (shouldValidateOn(
+      "change",
+      state.mode,
+      state.reValidateMode,
+      state.submitCount > 0,
+      state.touched[path] ?? false
+    )) {
+      form.validateField?.(path);
+    }
+  }, [form, path]);
   const push = useCallback(
-    (item) => form.arrayPush(path, item),
-    [form, path]
+    (item) => {
+      form.arrayPush(path, item);
+      revalidate();
+    },
+    [form, path, revalidate]
   );
   const remove = useCallback(
-    (index) => form.arrayRemove(path, index),
-    [form, path]
+    (index) => {
+      form.arrayRemove(path, index);
+      revalidate();
+    },
+    [form, path, revalidate]
   );
   const insert = useCallback(
-    (index, item) => form.arrayInsert(path, index, item),
-    [form, path]
+    (index, item) => {
+      form.arrayInsert(path, index, item);
+      revalidate();
+    },
+    [form, path, revalidate]
   );
   const move = useCallback(
-    (from, to) => form.arrayMove(path, from, to),
-    [form, path]
+    (from, to) => {
+      form.arrayMove(path, from, to);
+      revalidate();
+    },
+    [form, path, revalidate]
   );
   const swap = useCallback(
-    (a, b) => form.arraySwap(path, a, b),
-    [form, path]
+    (a, b) => {
+      form.arraySwap(path, a, b);
+      revalidate();
+    },
+    [form, path, revalidate]
   );
   const fields = useMemo(
     () => items.map((value, index) => ({
@@ -1932,7 +1959,10 @@ var nameMatchesAny = (el, paths) => {
   const name = el.getAttribute("name");
   return name !== null && paths.some((p) => isPathOrChild(name, p));
 };
-var cssQuoted = (value) => `"${value.replace(/[\\"]/g, (ch) => `\\${ch}`)}"`;
+var cssQuoted = (value) => `"${value.replace(/[\\"]/g, (ch) => `\\${ch}`).replace(
+  /[\x00-\x1f\x7f]/g,
+  (ch) => `\\${ch.codePointAt(0).toString(16)} `
+)}"`;
 var idMatches = (scope, path) => path === "" ? [] : [...scope.querySelectorAll(`[id=${cssQuoted(path)}]`)];
 var inDomOrder = (els) => [...els].sort(
   (a, b) => a === b ? 0 : (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0 ? -1 : 1
@@ -1940,8 +1970,9 @@ var inDomOrder = (els) => [...els].sort(
 var pathCandidates = (scope, paths) => {
   const controls = namedControls(scope);
   const named = controls.filter((el) => nameMatchesAny(el, paths));
+  const focusableControls = controls.filter(isFocusCandidate);
   const unnamedPaths = paths.filter(
-    (p) => !controls.some((el) => nameMatchesAny(el, [p]))
+    (p) => !focusableControls.some((el) => nameMatchesAny(el, [p]))
   );
   const byId = unnamedPaths.flatMap((p) => idMatches(scope, p));
   return inDomOrder([.../* @__PURE__ */ new Set([...named, ...byId])]);