@jsenv/navi 0.10.0 → 0.10.2

package/dist/jsenv_navi.js

@@ -13817,14 +13817,6 @@ const installCustomConstraintValidation = (
         });
         return;
       }
-      const { form } = element;
-      if (!form) {
-        return;
-      }
-      dispatchActionRequestedCustomEvent(form, {
-        event: e,
-        requester: element,
-      });
     });
     addTeardown(() => {
       stop();
@@ -14216,9 +14208,25 @@ const useExecuteAction = (
 
   const validationMessageTargetRef = useRef(null);
   const addErrorMessage = (error) => {
-    const validationMessageTarget = validationMessageTargetRef.current;
-    const errorMapped = errorMapping ? errorMapping(error) : error;
-    addCustomMessage(validationMessageTarget, "action_error", errorMapped, {
+    let calloutAnchor = validationMessageTargetRef.current;
+    let message;
+    if (errorMapping) {
+      const errorMappingResult = errorMapping(error);
+      if (typeof errorMappingResult === "string") {
+        message = errorMappingResult;
+      } else if (Error.isError(errorMappingResult)) {
+        message = errorMappingResult;
+      } else if (
+        typeof errorMappingResult === "object" &&
+        errorMappingResult !== null
+      ) {
+        message = errorMappingResult.message || error.message;
+        calloutAnchor = errorMappingResult.target || calloutAnchor;
+      }
+    } else {
+      message = error;
+    }
+    addCustomMessage(calloutAnchor, "action_error", message, {
       // This error should not prevent <form> submission
       // so whenever user tries to submit the form the error is cleared
       // (Hitting enter key, clicking on submit button, etc. would allow to re-submit the form in error state)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/navi",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "Library of components including navigation to create frontend applications",
   "repository": {
     "type": "git",

package/src/components/action_execution/use_execute_action.js

@@ -28,9 +28,25 @@ export const useExecuteAction = (
 
   const validationMessageTargetRef = useRef(null);
   const addErrorMessage = (error) => {
-    const validationMessageTarget = validationMessageTargetRef.current;
-    const errorMapped = errorMapping ? errorMapping(error) : error;
-    addCustomMessage(validationMessageTarget, "action_error", errorMapped, {
+    let calloutAnchor = validationMessageTargetRef.current;
+    let message;
+    if (errorMapping) {
+      const errorMappingResult = errorMapping(error);
+      if (typeof errorMappingResult === "string") {
+        message = errorMappingResult;
+      } else if (Error.isError(errorMappingResult)) {
+        message = errorMappingResult;
+      } else if (
+        typeof errorMappingResult === "object" &&
+        errorMappingResult !== null
+      ) {
+        message = errorMappingResult.message || error.message;
+        calloutAnchor = errorMappingResult.target || calloutAnchor;
+      }
+    } else {
+      message = error;
+    }
+    addCustomMessage(calloutAnchor, "action_error", message, {
       // This error should not prevent <form> submission
       // so whenever user tries to submit the form the error is cleared
       // (Hitting enter key, clicking on submit button, etc. would allow to re-submit the form in error state)

package/src/validation/custom_constraint_validation.js

@@ -595,14 +595,6 @@ export const installCustomConstraintValidation = (
         });
         return;
       }
-      const { form } = element;
-      if (!form) {
-        return;
-      }
-      dispatchActionRequestedCustomEvent(form, {
-        event: e,
-        requester: element,
-      });
     });
     addTeardown(() => {
       stop();