@abgov/react-components 6.3.0-alpha.3 → 6.3.0-alpha.5

package/index.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import { G, a } from "./icon-BNGrU_R_.mjs";
+import { G, a } from "./icon-CoYGOp1V.mjs";
 function GoabAccordion({
   open,
   heading,
@@ -35,7 +35,7 @@ function GoabAccordion({
     "goa-accordion",
     {
       ref,
-      open,
+      open: open ? "true" : void 0,
       headingsize: headingSize,
       heading,
       secondarytext: secondaryText,
@@ -88,7 +88,7 @@ function GoabAppHeader({
       fullmenubreakpoint: fullMenuBreakpoint,
       maxcontentwidth: maxContentWidth,
       testid: testId,
-      hasmenuclickhandler: !!onMenuClick,
+      hasmenuclickhandler: onMenuClick ? "true" : "false",
       children
     }
   );
@@ -120,7 +120,7 @@ function GoabBadge({
     {
       type,
       content,
-      icon,
+      icon: icon ? "true" : void 0,
       testid: testId,
       arialabel: ariaLabel,
       mt,
@@ -247,8 +247,8 @@ function GoabBlock(props) {
   );
 }
 function GoabButton({
-  disabled = false,
-  type = "primary",
+  disabled,
+  type,
   size,
   variant,
   leadingIcon,
@@ -286,7 +286,7 @@ function GoabButton({
       type,
       size,
       variant,
-      disabled: disabled || void 0,
+      disabled: disabled ? "true" : void 0,
       leadingicon: leadingIcon,
       trailingicon: trailingIcon,
       width,
@@ -437,11 +437,11 @@ function GoabCheckbox({
       ref: el,
       id,
       name,
-      error,
-      checked: checked || false,
-      disabled,
+      error: error ? "true" : void 0,
+      checked: checked ? "true" : void 0,
+      disabled: disabled ? "true" : void 0,
       text,
-      value,
+      value: typeof value === "boolean" ? value ? "true" : void 0 : value,
       arialabel: ariaLabel,
       description: typeof description === "string" ? description : void 0,
       maxwidth: maxWidth,
@@ -457,10 +457,10 @@ function GoabCheckbox({
   );
 }
 const GoabChip = ({
-  leadingIcon = "",
-  iconTheme = "outline",
-  deletable = false,
-  error = false,
+  leadingIcon,
+  iconTheme,
+  deletable,
+  error,
   variant,
   content,
   onClick,
@@ -489,8 +489,8 @@ const GoabChip = ({
       ref: el,
       leadingicon: leadingIcon,
       icontheme: iconTheme,
-      error,
-      deletable,
+      error: error ? "true" : void 0,
+      deletable: deletable ? "true" : void 0,
       content,
       variant,
       mt,
@@ -512,7 +512,7 @@ const GoabCircularProgress = ({
   return /* @__PURE__ */ jsx(
     "goa-circular-progress",
     {
-      visible: visible ? "true" : "false",
+      visible: visible ? "true" : void 0,
       message: message2,
       progress,
       variant,
@@ -595,8 +595,8 @@ function GoabDatePicker({
       ref,
       name,
       value: (value == null ? void 0 : value.toISOString()) || "",
-      error,
-      disabled,
+      error: error ? "true" : void 0,
+      disabled: disabled ? "true" : void 0,
       min: min == null ? void 0 : min.toISOString(),
       max: max == null ? void 0 : max.toISOString(),
       testid: testId,
@@ -604,7 +604,7 @@ function GoabDatePicker({
       mr,
       mb,
       ml,
-      relative
+      relative: relative ? "true" : void 0
     }
   );
 }
@@ -613,7 +613,7 @@ function GoabDetails(props) {
     "goa-details",
     {
       heading: props.heading,
-      open: props.open,
+      open: props.open ? "true" : void 0,
       maxwidth: props.maxWidth,
       testid: props.testId,
       mt: props.mt,
@@ -669,21 +669,21 @@ function GoabDropdown(props) {
       value: stringify(props.value),
       arialabel: props.ariaLabel,
       arialabelledby: props.ariaLabelledBy,
-      disabled: props.disabled,
-      error: props.error,
-      filterable: props.filterable,
+      disabled: props.disabled ? "true" : void 0,
+      error: props.error ? "true" : void 0,
+      filterable: props.filterable ? "true" : void 0,
       leadingicon: props.leadingIcon,
       maxheight: props.maxHeight,
       mb: props.mb,
       ml: props.ml,
       mr: props.mr,
       mt: props.mt,
-      multiselect: props.multiselect,
-      native: props.native,
+      multiselect: props.multiselect ? "true" : void 0,
+      native: props.native ? "true" : void 0,
       placeholder: props.placeholder,
       testid: props.testId,
       width: props.width,
-      relative: props.relative,
+      relative: props.relative ? "true" : void 0,
       id: props.id,
       children: props.children
     }
@@ -695,7 +695,13 @@ function GoabDropdownOption(props) {
   }, []);
   return /* @__PURE__ */ jsx(GoabDropdownItem, { ...props });
 }
-function GoabDropdownItem({ value, label, filter, name, mountType = "append" }) {
+function GoabDropdownItem({
+  value,
+  label,
+  filter,
+  name,
+  mountType = "append"
+}) {
   return /* @__PURE__ */ jsx(
     "goa-dropdown-item",
     {
@@ -722,28 +728,28 @@ function GoabFieldset({
 }) {
   const ref = useRef(null);
   useEffect(() => {
-    var _a;
+    if (!ref.current) return;
+    const current = ref.current;
     const _continue = (e) => {
       const event = e.detail;
       return onContinue == null ? void 0 : onContinue(event);
     };
     if (onContinue) {
-      (_a = ref.current) == null ? void 0 : _a.addEventListener("_continue", _continue);
+      current.addEventListener("_continue", _continue);
     }
     return () => {
-      var _a2;
       if (onContinue) {
-        (_a2 = ref.current) == null ? void 0 : _a2.removeEventListener("_continue", _continue);
+        current.removeEventListener("_continue", _continue);
       }
     };
-  }, [ref.current, onContinue]);
+  }, [ref, onContinue]);
   return /* @__PURE__ */ jsx(
     "goa-public-form-page",
     {
       ref,
       id,
-      first,
-      last,
+      first: first ? "true" : void 0,
+      last: last ? "true" : void 0,
       heading,
       buttontext: buttonText,
       mt,
@@ -833,14 +839,7 @@ function GoabAppFooterMetaSection({
   testId,
   children
 }) {
-  return /* @__PURE__ */ jsx(
-    "goa-app-footer-meta-section",
-    {
-      testid: testId,
-      slot: "meta",
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("goa-app-footer-meta-section", { testid: testId, slot: "meta", children });
 }
 function GoabAppFooterNavSection({
   heading,
@@ -1029,7 +1028,7 @@ function GoabIconButton({
     {
       ref,
       icon,
-      disabled,
+      disabled: disabled ? "true" : void 0,
       variant,
       size,
       title,
@@ -2727,7 +2726,7 @@ function GoabInput({
     {
       ref,
       debounce,
-      focused,
+      focused: focused ? "true" : void 0,
       type,
       name,
       autocapitalize: autoCapitalize,
@@ -2735,10 +2734,10 @@ function GoabInput({
       leadingicon: leadingIcon,
       trailingicon: trailingIcon,
       variant,
-      disabled,
-      readonly,
+      disabled: disabled ? "true" : void 0,
+      readonly: readonly ? "true" : void 0,
       placeholder,
-      error,
+      error: error ? "true" : void 0,
       testid: testId,
       value,
       width,
@@ -2753,7 +2752,7 @@ function GoabInput({
       mr,
       mb,
       ml,
-      handletrailingiconclick: !!onTrailingIconClick,
+      handletrailingiconclick: onTrailingIconClick ? "true" : "false",
       trailingiconarialabel: trailingIconAriaLabel,
       children: [
         leadingContent && /* @__PURE__ */ jsx("div", { slot: "leadingContent", children: leadingContent }),
@@ -2989,7 +2988,7 @@ function GoabMicrositeHeader({
       maxcontentwidth: maxContentWidth,
       feedbackurltarget: feedbackUrlTarget,
       headerurltarget: headerUrlTarget,
-      hasfeedbackhandler: !!onFeedbackClick,
+      hasfeedbackhandler: onFeedbackClick ? "true" : "false",
       children: version && typeof version !== "string" && /* @__PURE__ */ jsx("div", { slot: "version", children: version })
     }
   );
@@ -3024,8 +3023,8 @@ function GoabModal({
     "goa-modal",
     {
       ref: el,
-      open,
-      closable: !!onClose,
+      open: open ? "true" : void 0,
+      closable: onClose ? "true" : "false",
       maxwidth: maxWidth,
       transition,
       calloutvariant: calloutVariant,
@@ -3093,7 +3092,7 @@ function GoabPages(props) {
   );
 }
 function GoabPagination({ onChange, ...props }) {
-  const ref = useRef();
+  const ref = useRef(null);
   useEffect(() => {
     if (!ref.current) {
       return;
@@ -3144,9 +3143,9 @@ function GoabPopover({
       testid: testId,
       maxwidth: maxWidth,
       minwidth: minWidth,
-      padded,
+      padded: typeof padded === "undefined" ? void 0 : padded ? "true" : "false",
       position,
-      relative,
+      relative: relative ? "true" : void 0,
       mt,
       mr,
       mb,
@@ -3167,7 +3166,6 @@ function GoabRadioItem({
   disabled,
   checked,
   error,
-  testId,
   ariaLabel,
   children,
   mt,
@@ -3183,9 +3181,9 @@ function GoabRadioItem({
       value,
       description: typeof description === "string" ? description : void 0,
       maxwidth: maxWidth,
-      error,
-      disabled,
-      checked,
+      error: error ? "true" : void 0,
+      disabled: disabled ? "true" : void 0,
+      checked: checked ? "true" : void 0,
       arialabel: ariaLabel,
       mt,
       mr,
@@ -3203,8 +3201,8 @@ function GoabRadioGroup({
   value,
   children,
   orientation,
-  disabled = false,
-  error = false,
+  disabled,
+  error,
   testId,
   ariaLabel,
   mt,
@@ -3238,8 +3236,8 @@ function GoabRadioGroup({
       name,
       value,
       orientation,
-      disabled,
-      error,
+      disabled: disabled ? "true" : void 0,
+      error: error ? "true" : void 0,
       arialabel: ariaLabel,
       mt,
       mr,
@@ -3322,7 +3320,7 @@ function GoabSpinner({
       type,
       size,
       progress,
-      invert,
+      invert: invert ? "true" : void 0,
       testid: testId
     }
   );
@@ -3348,7 +3346,6 @@ function GoabTable({ onSort, ...props }) {
     {
       ref,
       width: props.width,
-      stickyheader: false,
       variant: props.variant,
       testid: props.testId,
       mt: props.mt,
@@ -3468,13 +3465,13 @@ function GoabTextArea({
       placeholder,
       value,
       rows,
-      readOnly,
-      disabled,
+      readOnly: readOnly ? "true" : void 0,
+      disabled: disabled ? "true" : void 0,
       countby: countBy,
       maxcount: maxCount,
       width,
       maxwidth: maxWidth,
-      error,
+      error: error ? "true" : void 0,
       testid: testId,
       arialabel: ariaLabel,
       mt,
@@ -3535,7 +3532,7 @@ function GoabTwoColumnLayout(props) {
 }
 const GoabFilterChip = ({
   iconTheme = "outline",
-  error = false,
+  error,
   content,
   onClick,
   mt,
@@ -3559,7 +3556,7 @@ const GoabFilterChip = ({
     {
       ref: el,
       icontheme: iconTheme,
-      error,
+      error: error ? "true" : void 0,
       content,
       mt,
       mr,