@abgov/react-components 5.2.0 → 5.3.0

package/index.mjs

@@ -1,11 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
+import { G } from "./icon-DgSW1II3.mjs";
 function GoAAccordion({
   open,
   heading,
   headingSize,
   secondaryText,
   headingContent,
+  iconPosition,
   maxWidth,
   testid,
   children,
@@ -21,6 +23,7 @@ function GoAAccordion({
       headingSize,
       heading,
       secondaryText,
+      iconposition: iconPosition,
       maxwidth: maxWidth,
       testid,
       mt,
@@ -40,16 +43,36 @@ function GoAAppHeader({
   maxContentWidth,
   fullMenuBreakpoint,
   testId,
-  children
+  children,
+  onMenuClick
 }) {
+  const el = useRef(null);
+  useEffect(() => {
+    if (!el.current) {
+      return;
+    }
+    if (!onMenuClick) {
+      return;
+    }
+    const current = el.current;
+    const listener = () => {
+      onMenuClick();
+    };
+    current.addEventListener("_menuClick", listener);
+    return () => {
+      current.removeEventListener("_menuClick", listener);
+    };
+  }, [el, onMenuClick]);
   return /* @__PURE__ */ jsx(
     "goa-app-header",
     {
+      ref: el,
       heading,
       url,
       fullmenubreakpoint: fullMenuBreakpoint,
       maxcontentwidth: maxContentWidth,
       testid: testId,
+      hasmenuclickhandler: !!onMenuClick,
       children
     }
   );
@@ -323,6 +346,7 @@ function GoACalendar({
 const GoACallout = ({
   heading,
   type = "information",
+  iconTheme = "outline",
   size = "large",
   maxWidth,
   testId,
@@ -341,6 +365,7 @@ const GoACallout = ({
       size,
       maxwidth: maxWidth,
       arialive: ariaLive,
+      icontheme: iconTheme,
       mt,
       mr,
       mb,
@@ -994,40 +1019,6 @@ function GoAIconButton({
     }
   );
 }
-function GoAIcon({
-  type,
-  theme,
-  size,
-  inverted,
-  fillColor,
-  opacity,
-  title,
-  ariaLabel,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    "goa-icon",
-    {
-      type,
-      theme,
-      size,
-      inverted,
-      fillcolor: fillColor,
-      opacity,
-      title,
-      arialabel: ariaLabel,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId
-    }
-  );
-}
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -3249,7 +3240,12 @@ function GoASideMenuGroup(props) {
     "goa-side-menu-group",
     {
       heading: props.heading,
+      icon: props.icon,
       testid: props.testId,
+      mt: props.mt,
+      mr: props.mr,
+      mb: props.mb,
+      ml: props.ml,
       children: props.children
     }
   );
@@ -3560,7 +3556,7 @@ export {
   GoAGrid,
   GoAHeroBanner,
   GoAHeroBannerActions,
-  GoAIcon,
+  G as GoAIcon,
   GoAIconButton,
   GoAImportantBadge,
   GoAInfoBadge,