react-f0rm 0.6.0 → 0.7.0

package/dist/index.umd.js

@@ -228,6 +228,7 @@
       errors: /* @__PURE__ */ new Map(),
       touched: /* @__PURE__ */ new Set(),
       validators: /* @__PURE__ */ new Map(),
+      changeHandlers: /* @__PURE__ */ new Map(),
       validating: /* @__PURE__ */ new Set(),
       parsedValues: void 0,
       isSubmitting: false,
@@ -267,6 +268,14 @@
     if (options?.shouldValidate) form.validators.get(path.key)?.();
     emit(emitter, "change", path);
   }
+  function changeValue(form, name, value) {
+    changeValueByPath(form, create$1(name), value);
+  }
+  function changeValueByPath(form, path, value) {
+    const change = form.changeHandlers.get(path.key);
+    if (change) change(value);
+    else setValueByPath(form, path, value);
+  }
   function getError(form, name) {
     return getErrorByPath(form, create$1(name));
   }
@@ -1315,6 +1324,13 @@
       if (mode === "onChange" || mode === "all" || mode === "onTouched" && hasTouchedByPath(form, path) || liveErrors.length > 0 && form.reValidateMode === "onChange")
         validator();
     });
+    React.useEffect(() => {
+      form.changeHandlers.set(path.key, onChange);
+      return () => {
+        if (form.changeHandlers.get(path.key) === onChange)
+          form.changeHandlers.delete(path.key);
+      };
+    }, [form, path.key, onChange]);
     const onBlur = useStageFn(() => {
       setTouchedByPath(form, path);
       if (mode === "onBlur" || mode === "onTouched" || mode === "all" || liveErrors.length > 0 && form.reValidateMode === "onBlur")
@@ -1517,6 +1533,12 @@
     const id = key.replace(/["'[\],\s]+/g, "-").replace(/^-+|-+$/g, "");
     return id || "field";
   }
+  function ariaProps(error, fieldKey, props) {
+    return {
+      "aria-invalid": error ? true : props["aria-invalid"],
+      "aria-describedby": error ? [props["aria-describedby"], errorIdFromKey(fieldKey)].filter(Boolean).join(" ") : props["aria-describedby"]
+    };
+  }
   function fieldErrorId(name) {
     return errorIdFromKey(create$1(name).key);
   }
@@ -1610,7 +1632,6 @@
       );
       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,
         {
@@ -1619,8 +1640,7 @@
           onBlur,
           ...asProps,
           ...valueToProps ? valueToProps(value) : { value },
-          "aria-invalid": error ? true : props["aria-invalid"],
-          "aria-describedby": describedBy,
+          ...ariaProps(error, fieldKey, props),
           disabled: isDisabled,
           onChange: (e) => onChange(toValue(e)),
           ref: mergedRef
@@ -1669,8 +1689,7 @@
           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"],
+          ...ariaProps(error, fieldKey, props),
           disabled: isDisabled,
           onChange: (e) => onChange(e.target.checked),
           ref
@@ -1725,8 +1744,7 @@
           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"],
+          ...ariaProps(error, fieldKey, props),
           disabled: isDisabled,
           onChange: (e) => onChange(
             multiple ? Array.from(e.target.selectedOptions, (option) => option.value) : e.target.value
@@ -1747,6 +1765,8 @@
   exports.FormProvider = FormProvider;
   exports.Select = Select;
   exports.VALIDATION_OUTCOME = VALIDATION_OUTCOME;
+  exports.changeValue = changeValue;
+  exports.changeValueByPath = changeValueByPath;
   exports.clearErrors = clearErrors;
   exports.createForm = create;
   exports.createFormContext = createFormContext;