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

package/index.js

@@ -790,6 +790,7 @@ function GoabDropdown(props) {
       placeholder: props.placeholder,
       testid: props.testId,
       width: props.width,
+      maxwidth: props.maxWidth,
       relative: props.relative ? "true" : void 0,
       autocomplete: props.autoComplete,
       id: props.id,
@@ -3820,7 +3821,8 @@ function GoabTextArea({
   ml,
   autoComplete,
   onChange,
-  onKeyPress
+  onKeyPress,
+  onBlur
 }) {
   const el = react.useRef(null);
   react.useEffect(() => {
@@ -3828,33 +3830,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",
     {
@@ -3907,6 +3903,7 @@ function GoabTooltip(props) {
       content: isStringContent ? props.content : void 0,
       halign: props.hAlign,
       testid: props.testId,
+      maxwidth: props.maxWidth,
       mt: props.mt,
       mr: props.mr,
       mb: props.mb,