react-f0rm 0.4.1 → 0.5.1

package/dist/index.umd.js

@@ -111,7 +111,7 @@
     const [prop, ...props] = path;
     if (props.length) {
       const next = unset(values[prop], props);
-      return next === values[prop] ? values : set(values, path, next);
+      return next === values[prop] ? values : set(values, [prop], next);
     }
     if (Array.isArray(values)) {
       if (!(prop in values)) return values;
@@ -166,6 +166,31 @@
   function isPromise(value) {
     return value && typeof value.then === "function";
   }
+  function isEqual(a, b) {
+    if (Object.is(a, b)) return true;
+    if (a instanceof Date && b instanceof Date)
+      return a.getTime() === b.getTime();
+    if (!a || !b || typeof a !== "object" || typeof b !== "object") return false;
+    const isArray = Array.isArray(a);
+    if (isArray !== Array.isArray(b)) return false;
+    if (isArray) {
+      if (a.length !== b.length) return false;
+      for (let i = 0; i < a.length; i++) {
+        if (!isEqual(a[i], b[i])) return false;
+      }
+      return true;
+    }
+    const proto = Object.getPrototypeOf(a);
+    if (proto !== Object.prototype && proto !== null) return false;
+    if (Object.getPrototypeOf(b) !== proto) return false;
+    const keysA = Object.keys(a);
+    const keysB = Object.keys(b);
+    if (keysA.length !== keysB.length) return false;
+    for (const key of keysA) {
+      if (!isEqual(a[key], b[key])) return false;
+    }
+    return true;
+  }
   function waitUntil(emitter, event, isResolve, isReject) {
     return new Promise((resolve, reject) => {
       if (isReject()) return void reject();
@@ -323,6 +348,19 @@
     for (const { key } of paths) errors.delete(key);
     for (const path of paths) emit(emitter, "errors", path);
   }
+  function setServerErrors(form, errors, options) {
+    if (!options?.keepExisting) clearErrors(form);
+    for (const [name, error] of Object.entries(errors)) {
+      setError(
+        form,
+        name,
+        (Array.isArray(error) ? error : [error]).map((message) => ({
+          type: "server",
+          message
+        }))
+      );
+    }
+  }
   function setTouched(form, name) {
     setTouchedByPath(form, create$1(name));
   }
@@ -423,7 +461,9 @@
     }
   }
   function setInitialValues(form, initialValues) {
-    if (form.initialValues === initialValues) return;
+    if (form.initialValues === initialValues || isEqual(form.initialValues, initialValues)) {
+      return;
+    }
     form.initialValues = initialValues;
     form.parsedValues = void 0;
     form.values.clear();
@@ -1093,31 +1133,6 @@
   function useSubmitCount(form) {
     return useWatch(form.emitter, "submitCount", () => form.submitCount);
   }
-  function isEqual(a, b) {
-    if (Object.is(a, b)) return true;
-    if (a instanceof Date && b instanceof Date)
-      return a.getTime() === b.getTime();
-    if (!a || !b || typeof a !== "object" || typeof b !== "object") return false;
-    const isArray = Array.isArray(a);
-    if (isArray !== Array.isArray(b)) return false;
-    if (isArray) {
-      if (a.length !== b.length) return false;
-      for (let i = 0; i < a.length; i++) {
-        if (!isEqual(a[i], b[i])) return false;
-      }
-      return true;
-    }
-    const proto = Object.getPrototypeOf(a);
-    if (proto !== Object.prototype && proto !== null) return false;
-    if (Object.getPrototypeOf(b) !== proto) return false;
-    const keysA = Object.keys(a);
-    const keysB = Object.keys(b);
-    if (keysA.length !== keysB.length) return false;
-    for (const key of keysA) {
-      if (!isEqual(a[key], b[key])) return false;
-    }
-    return true;
-  }
 
   function usePath(name) {
     const path = React.useMemo(() => create$1(normalizePath(name)), [name]);
@@ -1500,6 +1515,9 @@
     const id = key.replace(/["'[\],\s]+/g, "-").replace(/^-+|-+$/g, "");
     return id || "field";
   }
+  function fieldErrorId(name) {
+    return errorIdFromKey(create$1(name).key);
+  }
   const Field = React__namespace.forwardRef(
     ({
       validate,
@@ -1588,16 +1606,17 @@
       );
       const toValue = eventToValue ?? ((e) => e.target.value);
       const errorId = errorIdFromKey(fieldKey);
+      const describedBy = error ? [props["aria-describedby"], errorId].filter(Boolean).join(" ") : props["aria-describedby"];
       return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
         Component,
         {
-          "aria-invalid": error ? true : void 0,
-          "aria-describedby": error && renderError ? errorId : void 0,
           ...props,
           name: fieldKey,
           onBlur,
           ...asProps,
           ...valueToProps ? valueToProps(value) : { value },
+          "aria-invalid": error ? true : props["aria-invalid"],
+          "aria-describedby": describedBy,
           disabled: isDisabled,
           onChange: (e) => onChange(toValue(e)),
           ref: mergedRef
@@ -1639,12 +1658,13 @@
       return /* @__PURE__ */ React__namespace.createElement(
         "input",
         {
-          "aria-invalid": error ? true : void 0,
           ...props,
           name: fieldKey,
           onBlur,
           type: "checkbox",
           checked: !!value,
+          "aria-invalid": error ? true : props["aria-invalid"],
+          "aria-describedby": error ? [props["aria-describedby"], errorIdFromKey(fieldKey)].filter(Boolean).join(" ") : props["aria-describedby"],
           disabled: isDisabled,
           onChange: (e) => onChange(e.target.checked),
           ref
@@ -1692,12 +1712,13 @@
       return /* @__PURE__ */ React__namespace.createElement(
         "select",
         {
-          "aria-invalid": error ? true : void 0,
           ...props,
           name: fieldKey,
           onBlur,
           multiple,
           value: toSelectValue(multiple, value),
+          "aria-invalid": error ? true : props["aria-invalid"],
+          "aria-describedby": error ? [props["aria-describedby"], errorIdFromKey(fieldKey)].filter(Boolean).join(" ") : props["aria-describedby"],
           disabled: isDisabled,
           onChange: (e) => onChange(
             multiple ? Array.from(e.target.selectedOptions, (option) => option.value) : e.target.value
@@ -1722,6 +1743,7 @@
   exports.createForm = create;
   exports.createFormContext = createFormContext;
   exports.ensureValidate = ensureValidate;
+  exports.fieldErrorId = fieldErrorId;
   exports.getDirtyFields = getDirtyFields;
   exports.getError = getError;
   exports.getErrorByPath = getErrorByPath;
@@ -1751,6 +1773,7 @@
   exports.setFocus = setFocus;
   exports.setInitialValues = setInitialValues;
   exports.setIsSubmitting = setIsSubmitting;
+  exports.setServerErrors = setServerErrors;
   exports.setSubmitSuccessful = setSubmitSuccessful;
   exports.setTouched = setTouched;
   exports.setTouchedByPath = setTouchedByPath;