@abgov/react-components 6.8.0 → 6.9.0-alpha.1

package/index.mjs

@@ -3818,7 +3818,8 @@ function GoabTextArea({
   ml,
   autoComplete,
   onChange,
-  onKeyPress
+  onKeyPress,
+  onBlur
 }) {
   const el = useRef(null);
   useEffect(() => {
@@ -3826,33 +3827,27 @@ function GoabTextArea({
       return;
     }
     const current = el.current;
-    const listener = (e) => {
+    const changeListener = (e) => {
       const detail = e.detail;
       onChange == null ? void 0 : onChange(detail);
     };
-    if (onChange) {
-      current.addEventListener("_change", listener);
-    }
-    return () => {
-      if (onChange) {
-        current.removeEventListener("_change", listener);
-      }
-    };
-  }, [el, onChange]);
-  useEffect(() => {
-    if (!el.current) {
-      return;
-    }
-    const current = el.current;
     const keypressListener = (e) => {
       const detail = e.detail;
       onKeyPress == null ? void 0 : onKeyPress(detail);
     };
+    const blurListener = (e) => {
+      const detail = e.detail;
+      onBlur == null ? void 0 : onBlur(detail);
+    };
+    current.addEventListener("_change", changeListener);
     current.addEventListener("_keyPress", keypressListener);
+    current.addEventListener("_blur", blurListener);
     return () => {
+      current.removeEventListener("_change", changeListener);
       current.removeEventListener("_keyPress", keypressListener);
+      current.removeEventListener("_blur", blurListener);
     };
-  }, [el, onKeyPress]);
+  }, [el, onChange, onKeyPress, onBlur]);
   return /* @__PURE__ */ jsx(
     "goa-textarea",
     {