@abgov/react-components 7.4.0 → 8.0.0-dev.1

package/index.mjs

@@ -76,7 +76,6 @@ function renderSlottedItems(children, slot) {
   });
 }
 function GoabAppHeader({
-  onMenuClick,
   children,
   secondaryText,
   banner,
@@ -85,41 +84,14 @@ function GoabAppHeader({
   utilities,
   ...rest
 }) {
-  const el = useRef(null);
   const _props = transformProps(rest, lowercase);
-  useEffect(() => {
-    if (!el.current) {
-      return;
-    }
-    if (!onMenuClick) {
-      return;
-    }
-    const current = el.current;
-    const listener = () => {
-      onMenuClick == null ? void 0 : onMenuClick();
-    };
-    current.addEventListener("_menuClick", listener);
-    return () => {
-      current.removeEventListener("_menuClick", listener);
-    };
-  }, [el, onMenuClick]);
-  return /* @__PURE__ */ jsxs(
-    "goa-app-header",
-    {
-      ref: el,
-      hasmenuclickhandler: onMenuClick ? "true" : "false",
-      secondarytext: secondaryText,
-      ..._props,
-      version: "2",
-      children: [
-        children,
-        banner && /* @__PURE__ */ jsx("div", { slot: "banner", children: banner }),
-        phase && /* @__PURE__ */ jsx("div", { slot: "phase", children: phase }),
-        navigation && renderSlottedItems(navigation, "navigation"),
-        utilities && renderSlottedItems(utilities, "utilities")
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("goa-app-header", { secondarytext: secondaryText, ..._props, children: [
+    children,
+    banner && /* @__PURE__ */ jsx("div", { slot: "banner", children: banner }),
+    phase && /* @__PURE__ */ jsx("div", { slot: "phase", children: phase }),
+    navigation && renderSlottedItems(navigation, "navigation"),
+    utilities && renderSlottedItems(utilities, "utilities")
+  ] });
 }
 function GoabAppHeaderMenu({
   children,
@@ -151,7 +123,6 @@ function GoabBadge({
       icontype: iconType,
       content: typeof content === "string" ? content : void 0,
       ..._props,
-      version: "2",
       size,
       emphasis,
       children: typeof content !== "string" && content != null && /* @__PURE__ */ jsx("div", { slot: "content", children: content })
@@ -172,6 +143,7 @@ function GoabButton({
   onClick,
   actionArgs,
   actionArg,
+  ariaLabel,
   children,
   ...rest
 }) {
@@ -200,17 +172,18 @@ function GoabButton({
       disabled: disabled ? "true" : void 0,
       "action-arg": actionArg,
       "action-args": JSON.stringify(actionArgs),
+      arialabel: ariaLabel || void 0,
       ..._props,
-      version: "2",
       children
     }
   );
 }
 function GoabButtonGroup({
   children,
+  alignment = "start",
   ...rest
 }) {
-  const _props = transformProps(rest, lowercase);
+  const _props = transformProps({ alignment, ...rest }, lowercase);
   return /* @__PURE__ */ jsx("goa-button-group", { ..._props, children });
 }
 function GoabCalendar({
@@ -245,7 +218,6 @@ function GoabCalendar({
       name,
       min: min || void 0,
       max: max || void 0,
-      version: "2",
       ..._props
     }
   );
@@ -253,17 +225,16 @@ function GoabCalendar({
 const GoabCallout = ({
   type = "information",
   iconTheme = "outline",
-  size = "large",
   ariaLive = "off",
   emphasis = "medium",
   children,
   ...rest
 }) => {
   const _props = transformProps(
-    { type, icontheme: iconTheme, size, arialive: ariaLive, emphasis, ...rest },
+    { type, icontheme: iconTheme, arialive: ariaLive, emphasis, ...rest },
     lowercase
   );
-  return /* @__PURE__ */ jsx("goa-callout", { ..._props, version: "2", children });
+  return /* @__PURE__ */ jsx("goa-callout", { ..._props, children });
 };
 function GoabCheckbox({
   error,
@@ -321,7 +292,6 @@ function GoabCheckbox({
       disabled: disabled ? "true" : void 0,
       value: typeof value === "boolean" ? value ? "true" : void 0 : value,
       description: typeof description === "string" ? description : void 0,
-      version: "2",
       children: [
         children,
         typeof description !== "string" && description && /* @__PURE__ */ jsx("div", { slot: "description", children: description }),
@@ -338,6 +308,7 @@ function GoabCheckboxList({
   testId,
   maxWidth,
   size = "default",
+  ariaLabel,
   children,
   onChange,
   onFocus,
@@ -382,8 +353,8 @@ function GoabCheckboxList({
       error: error ? "true" : void 0,
       testid: testId,
       maxwidth: maxWidth,
-      version: "2",
       size,
+      arialabel: ariaLabel,
       mt,
       mr,
       mb,
@@ -455,7 +426,7 @@ function GoabContainer({
 function GoabDataGrid({
   keyboardIconVisibility = "visible",
   keyboardIconPosition = "left",
-  keyboardNav,
+  keyboardNav = "table",
   children
 }) {
   return /* @__PURE__ */ jsx(
@@ -2730,7 +2701,6 @@ function GoabDatePicker({
       min: formatValue(min) || void 0,
       max: formatValue(max) || void 0,
       relative: relative ? "true" : void 0,
-      version: "2",
       ..._props
     }
   );
@@ -2753,7 +2723,7 @@ function GoabDivider(props) {
 }
 function GoabDrawer({
   position,
-  open,
+  open = false,
   heading,
   maxSize,
   testId,
@@ -2787,7 +2757,6 @@ function GoabDrawer({
       heading: typeof heading === "string" ? heading : void 0,
       maxsize: maxSize,
       testid: testId,
-      version: "2",
       children: [
         heading && typeof heading !== "string" && /* @__PURE__ */ jsx("div", { slot: "heading", children: heading }),
         actions && /* @__PURE__ */ jsx("div", { slot: "actions", children: actions }),
@@ -2864,7 +2833,6 @@ function GoabDropdown({
       native: native ? "true" : void 0,
       relative: relative ? "true" : void 0,
       ..._props,
-      version: "2",
       children
     }
   );
@@ -2978,7 +2946,7 @@ function GoabFileUploadCard({
       current.removeEventListener("_cancel", cancelHandler);
     };
   }, [el, onDelete, onCancel, filename]);
-  return /* @__PURE__ */ jsx("goa-file-upload-card", { ref: el, ..._props, version: "2" });
+  return /* @__PURE__ */ jsx("goa-file-upload-card", { ref: el, ..._props });
 }
 function GoabFileUploadInput({ onSelectFile, ...rest }) {
   const el = useRef(null);
@@ -2995,11 +2963,11 @@ function GoabFileUploadInput({ onSelectFile, ...rest }) {
       current.removeEventListener("_selectFile", handler);
     };
   }, [el, onSelectFile]);
-  return /* @__PURE__ */ jsx("goa-file-upload-input", { ref: el, ..._props, version: "2" });
+  return /* @__PURE__ */ jsx("goa-file-upload-input", { ref: el, ..._props });
 }
 function GoabAppFooter({ children, ...rest }) {
   const _props = transformProps(rest, lowercase);
-  return /* @__PURE__ */ jsx("goa-app-footer", { ..._props, version: "2", children });
+  return /* @__PURE__ */ jsx("goa-app-footer", { ..._props, children });
 }
 function GoabAppFooterMetaSection({
   children,
@@ -3209,7 +3177,6 @@ function GoabFormItem({
       helptext: typeof helpText === "string" ? helpText : void 0,
       "public-form-summary-order": publicFormSummaryOrder,
       ..._props,
-      version: "2",
       children: [
         error && typeof error !== "string" && /* @__PURE__ */ jsx("div", { slot: "error", children: error }),
         helpText && typeof helpText !== "string" && /* @__PURE__ */ jsx("div", { slot: "helptext", children: helpText }),
@@ -3359,12 +3326,13 @@ function GoabIconButton({
     }
   );
 }
-function GoabIcon({ inverted, ...rest }) {
+function GoabIcon({ inverted, ariaHidden, ...rest }) {
   const _props = transformProps(rest, lowercase);
   return /* @__PURE__ */ jsx(
     "goa-icon",
     {
       inverted: typeof inverted === "boolean" ? inverted ? "true" : void 0 : inverted,
+      ariahidden: ariaHidden ? "true" : void 0,
       ..._props
     }
   );
@@ -3438,7 +3406,6 @@ function GoabInput({
       readonly: readonly ? "true" : void 0,
       error: error ? "true" : void 0,
       handletrailingiconclick: onTrailingIconClick ? "true" : "false",
-      version: "2",
       children: [
         leadingContent && /* @__PURE__ */ jsx("div", { slot: "leadingContent", children: leadingContent }),
         trailingContent && /* @__PURE__ */ jsx("div", { slot: "trailingContent", children: trailingContent })
@@ -3681,10 +3648,7 @@ function GoabMenuButton({
       current.removeEventListener("_action", listener);
     };
   }, [el, onAction]);
-  return (
-    // @ts-expect-error - stable WCProps requires text, but experimental supports icon-only mode
-    /* @__PURE__ */ jsx("goa-menu-button", { ..._props, version: "2", ref: el, children })
-  );
+  return /* @__PURE__ */ jsx("goa-menu-button", { ..._props, ref: el, children });
 }
 function GoabMenuAction(props) {
   const _props = transformProps(props, lowercase);
@@ -3772,7 +3736,6 @@ function GoabModal({
       transition,
       calloutvariant: calloutVariant,
       testid: testId,
-      version: "2",
       children: [
         heading && typeof heading !== "string" && /* @__PURE__ */ jsx("div", { slot: "heading", children: heading }),
         actions && /* @__PURE__ */ jsx("div", { slot: "actions", children: actions }),
@@ -3815,7 +3778,6 @@ const GoabNotification = ({
       arialive: ariaLive,
       emphasis,
       compact: compact ? "true" : void 0,
-      version: "2",
       children
     }
   );
@@ -3867,8 +3829,7 @@ function GoabPagination({ onChange, ...props }) {
       mb: props.mb,
       ml: props.ml,
       mr: props.mr,
-      testid: props.testId,
-      version: "2"
+      testid: props.testId
     }
   );
 }
@@ -3927,7 +3888,6 @@ function GoabPushDrawer({
       heading: typeof heading === "string" ? heading : void 0,
       width,
       testid: testId,
-      version: "2",
       children: [
         heading && typeof heading !== "string" && /* @__PURE__ */ jsx("div", { slot: "heading", children: heading }),
         actions && /* @__PURE__ */ jsx("div", { slot: "actions", children: actions }),
@@ -3973,7 +3933,6 @@ function GoabRadioItem({
       mr,
       mb,
       ml,
-      version: "2",
       children: [
         description && typeof description !== "string" && /* @__PURE__ */ jsx("div", { slot: "description", children: description }),
         reveal && /* @__PURE__ */ jsx("div", { slot: "reveal", children: reveal }),
@@ -4031,7 +3990,6 @@ function GoabRadioGroup({
       name,
       disabled: disabled ? "true" : void 0,
       error: error ? "true" : void 0,
-      version: "2",
       children
     }
   );
@@ -4056,7 +4014,6 @@ function GoabSideMenuGroup({
       mr,
       mb,
       ml,
-      version: "2",
       children
     }
   );
@@ -4067,13 +4024,13 @@ function GoabSideMenuHeading({
   icon,
   children
 }) {
-  return /* @__PURE__ */ jsxs("goa-side-menu-heading", { icon, testid: testId, version: "2", children: [
+  return /* @__PURE__ */ jsxs("goa-side-menu-heading", { icon, testid: testId, children: [
     children,
     meta && /* @__PURE__ */ jsx("span", { slot: "meta", children: meta })
   ] });
 }
 function GoabSideMenu({ testId, children }) {
-  return /* @__PURE__ */ jsx("goa-side-menu", { testid: testId, version: "2", children });
+  return /* @__PURE__ */ jsx("goa-side-menu", { testid: testId, children });
 }
 const GoabSkeleton = ({
   maxWidth,
@@ -4190,7 +4147,6 @@ function GoabTable({ onSort, onMultiSort, sortMode, ...props }) {
       mb: props.mb,
       ml: props.ml,
       mr: props.mr,
-      version: "2",
       children: /* @__PURE__ */ jsx("table", { style: { width: "100%" }, children: props.children })
     }
   );
@@ -4208,7 +4164,6 @@ function GoabTableSortHeader({
       name,
       direction,
       "sort-order": sortOrder,
-      version: "2",
       ...rest,
       children
     }
@@ -4244,7 +4199,6 @@ function GoabTabs({
       initialtab: initialTab,
       testid: testId,
       variant,
-      version: "2",
       orientation,
       navigation,
       children
@@ -4342,7 +4296,6 @@ function GoabTextArea({
       readOnly: readOnly ? "true" : void 0,
       disabled: disabled ? "true" : void 0,
       error: error ? "true" : void 0,
-      version: "2",
       ..._props
     }
   );
@@ -4416,7 +4369,6 @@ const GoabFilterChip = ({
       ref: el,
       content: typeof content === "string" ? content : void 0,
       error: error ? "true" : void 0,
-      version: "2",
       ..._props,
       children: typeof content !== "string" && content != null && /* @__PURE__ */ jsx("div", { slot: "content", children: content })
     }