react-f0rm 0.4.0 → 0.5.0

package/dist/index.umd.js

@@ -33,7 +33,7 @@
   function create$2() {
     return new Map();
   }
-  function emit$1(ee, key) {
+  function emit(ee, key) {
     for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
       args[_key - 2] = arguments[_key];
     }
@@ -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();
@@ -188,7 +213,6 @@
     return { value, key: JSON.stringify(value) };
   }
 
-  const emit = emit$1;
   const VALIDATION_OUTCOME = /* @__PURE__ */ Symbol("validation-outcome");
   function create(options) {
     const emitter = create$2();
@@ -324,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));
   }
@@ -424,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();
@@ -783,7 +822,7 @@
   	    var nextValue = latestGetSnapshot();
   	    return !objectIs(inst, nextValue);
   	  } catch (error) {
-  	    return !0;
+  	    return true;
   	  }
   	}
   	function useSyncExternalStore$1(subscribe, getSnapshot) {
@@ -825,7 +864,7 @@
   	    function useSyncExternalStore$2(subscribe, getSnapshot) {
   	      didWarnOld18Alpha ||
   	        void 0 === React$1.startTransition ||
-  	        ((didWarnOld18Alpha = !0),
+  	        ((didWarnOld18Alpha = true),
   	        console.error(
   	          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
   	        ));
@@ -836,7 +875,7 @@
   	          (console.error(
   	            "The result of getSnapshot should be cached to avoid an infinite loop"
   	          ),
-  	          (didWarnUncachedGetSnapshot = !0));
+  	          (didWarnUncachedGetSnapshot = true));
   	      }
   	      cachedValue = useState({
   	        inst: { value: value, getSnapshot: getSnapshot }
@@ -870,7 +909,7 @@
   	        var nextValue = latestGetSnapshot();
   	        return !objectIs(inst, nextValue);
   	      } catch (error) {
-  	        return !0;
+  	        return true;
   	      }
   	    }
   	    function useSyncExternalStore$1(subscribe, getSnapshot) {
@@ -886,8 +925,8 @@
   	      useEffect = React$1.useEffect,
   	      useLayoutEffect = React$1.useLayoutEffect,
   	      useDebugValue = React$1.useDebugValue,
-  	      didWarnOld18Alpha = !1,
-  	      didWarnUncachedGetSnapshot = !1,
+  	      didWarnOld18Alpha = false,
+  	      didWarnUncachedGetSnapshot = false,
   	      shim =
   	        "undefined" === typeof window ||
   	        "undefined" === typeof window.document ||
@@ -904,13 +943,21 @@
   	return useSyncExternalStoreShim_development;
   }
 
-  if (process.env.NODE_ENV === 'production') {
-    shim.exports = requireUseSyncExternalStoreShim_production();
-  } else {
-    shim.exports = requireUseSyncExternalStoreShim_development();
+  var hasRequiredShim;
+
+  function requireShim () {
+  	if (hasRequiredShim) return shim.exports;
+  	hasRequiredShim = 1;
+
+  	if (process.env.NODE_ENV === 'production') {
+  	  shim.exports = requireUseSyncExternalStoreShim_production();
+  	} else {
+  	  shim.exports = requireUseSyncExternalStoreShim_development();
+  	}
+  	return shim.exports;
   }
 
-  var shimExports = shim.exports;
+  var shimExports = requireShim();
 
   function isDescendant(key, ancestorKey) {
     return key.startsWith(`${ancestorKey.slice(0, -1)},`);
@@ -1086,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]);
@@ -1493,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,
@@ -1581,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
@@ -1632,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
@@ -1685,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
@@ -1715,6 +1743,7 @@
   exports.createForm = create;
   exports.createFormContext = createFormContext;
   exports.ensureValidate = ensureValidate;
+  exports.fieldErrorId = fieldErrorId;
   exports.getDirtyFields = getDirtyFields;
   exports.getError = getError;
   exports.getErrorByPath = getErrorByPath;
@@ -1744,6 +1773,7 @@
   exports.setFocus = setFocus;
   exports.setInitialValues = setInitialValues;
   exports.setIsSubmitting = setIsSubmitting;
+  exports.setServerErrors = setServerErrors;
   exports.setSubmitSuccessful = setSubmitSuccessful;
   exports.setTouched = setTouched;
   exports.setTouchedByPath = setTouchedByPath;