@abgov/react-components 6.7.1-alpha.5 → 6.8.0-alpha.2

package/index.d.ts

@@ -8,6 +8,7 @@ export * from './lib/button-group/button-group';
 export * from './lib/calendar/calendar';
 export * from './lib/callout/callout';
 export * from './lib/checkbox/checkbox';
+export * from './lib/checkbox-list/checkbox-list';
 export * from './lib/chip/chip';
 export * from './lib/circular-progress/circular-progress';
 export * from './lib/container/container';
@@ -41,6 +42,8 @@ export * from './lib/icon/icon';
 export * from './lib/input/input';
 export * from './lib/link/link';
 export * from './lib/link-button/link-button';
+export * from './lib/menu-button/menu-button';
+export * from './lib/menu-button/menu-action';
 export * from './lib/microsite-header/microsite-header';
 export * from './lib/modal/modal';
 export * from './lib/notification/notification';

package/index.js

@@ -116,6 +116,12 @@ function GoabAppHeaderMenu(props) {
     }
   );
 }
+function getIconValue(icon2, iconType) {
+  if (icon2 !== void 0) {
+    return icon2 ? "true" : "false";
+  }
+  return iconType ? "true" : "false";
+}
 function GoabBadge({
   type,
   content,
@@ -125,16 +131,18 @@ function GoabBadge({
   mr,
   mb,
   ml,
-  ariaLabel
+  ariaLabel,
+  iconType
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "goa-badge",
     {
       type,
       content,
-      icon: icon2 ? "true" : void 0,
+      icon: getIconValue(icon2, iconType),
       testid: testId,
       arialabel: ariaLabel,
+      icontype: iconType,
       mt,
       mr,
       mb,
@@ -421,6 +429,7 @@ function GoabCheckbox({
   error,
   disabled,
   checked,
+  indeterminate,
   value,
   text,
   description,
@@ -459,6 +468,7 @@ function GoabCheckbox({
       name,
       error: error ? "true" : void 0,
       checked: checked ? "true" : void 0,
+      indeterminate: indeterminate ? "true" : void 0,
       disabled: disabled ? "true" : void 0,
       text,
       value: typeof value === "boolean" ? value ? "true" : void 0 : value,
@@ -478,6 +488,63 @@ function GoabCheckbox({
     }
   );
 }
+function GoabCheckboxList({
+  name,
+  value = [],
+  disabled,
+  error,
+  testId,
+  maxWidth,
+  children,
+  onChange,
+  mt,
+  mr,
+  mb,
+  ml
+}) {
+  const el = react.useRef(null);
+  react.useEffect(() => {
+    if (!el.current) return;
+    const current = el.current;
+    const listener = (e) => {
+      try {
+        const detail = e.detail;
+        onChange == null ? void 0 : onChange(detail);
+      } catch (error2) {
+        console.error("Error handling checkbox list change:", error2);
+      }
+    };
+    try {
+      current.addEventListener("_change", listener);
+    } catch (error2) {
+      console.error("Failed to attach checkbox list listener:", error2);
+    }
+    return () => {
+      try {
+        current.removeEventListener("_change", listener);
+      } catch (error2) {
+        console.error("Failed to remove checkbox list listener:", error2);
+      }
+    };
+  }, [onChange]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-checkbox-list",
+    {
+      ref: el,
+      name,
+      value,
+      disabled: disabled ? "true" : void 0,
+      error: error ? "true" : void 0,
+      testid: testId,
+      maxwidth: maxWidth,
+      mt,
+      mr,
+      mb,
+      ml,
+      children
+    }
+  );
+}
 const GoabChip = ({
   leadingIcon,
   iconTheme,
@@ -3228,6 +3295,36 @@ function GoALinkButton({ type = "primary", ...props }) {
     }
   );
 }
+function GoabMenuButton({
+  text,
+  type = "primary",
+  testId,
+  onAction,
+  children
+}) {
+  const el = react.useRef(null);
+  react.useEffect(() => {
+    if (!el.current) {
+      return;
+    }
+    if (!onAction) {
+      return;
+    }
+    const current = el.current;
+    const listener = (e) => {
+      const detail = e.detail;
+      onAction(detail.action);
+    };
+    current.addEventListener("_action", listener);
+    return () => {
+      current.removeEventListener("_action", listener);
+    };
+  }, [el, onAction]);
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-menu-button", { ref: el, text, type, testid: testId, children });
+}
+function GoabMenuAction({ text, icon: icon2, action, testId }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-menu-action", { text, action, icon: icon2, testid: testId });
+}
 function GoabMicrositeHeader({
   type,
   version,
@@ -3409,6 +3506,7 @@ function GoabPopover({
   position,
   relative,
   children,
+  tabIndex = -1,
   mt,
   mr,
   mb,
@@ -3423,6 +3521,7 @@ function GoabPopover({
       padded: typeof padded === "undefined" ? void 0 : padded ? "true" : "false",
       position,
       relative: relative ? "true" : void 0,
+      tabindex: tabIndex,
       mt,
       mr,
       mb,
@@ -4297,6 +4396,7 @@ exports.GoabButtonGroup = GoabButtonGroup;
 exports.GoabCalendar = GoabCalendar;
 exports.GoabCallout = GoabCallout;
 exports.GoabCheckbox = GoabCheckbox;
+exports.GoabCheckboxList = GoabCheckboxList;
 exports.GoabChip = GoabChip;
 exports.GoabCircularProgress = GoabCircularProgress;
 exports.GoabContainer = GoabContainer;
@@ -4335,6 +4435,8 @@ exports.GoabInputText = GoabInputText;
 exports.GoabInputTime = GoabInputTime;
 exports.GoabInputUrl = GoabInputUrl;
 exports.GoabLink = GoabLink;
+exports.GoabMenuAction = GoabMenuAction;
+exports.GoabMenuButton = GoabMenuButton;
 exports.GoabMicrositeHeader = GoabMicrositeHeader;
 exports.GoabModal = GoabModal;
 exports.GoabNotification = GoabNotification;