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

package/index.js

@@ -3820,7 +3820,8 @@ function GoabTextArea({
   ml,
   autoComplete,
   onChange,
-  onKeyPress
+  onKeyPress,
+  onBlur
 }) {
   const el = react.useRef(null);
   react.useEffect(() => {
@@ -3828,33 +3829,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]);
-  react.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__ */ jsxRuntime.jsx(
     "goa-textarea",
     {