@abgov/react-components 5.0.0-alpha.7 → 5.0.0-alpha.9

package/index.mjs

@@ -392,7 +392,7 @@ function GoACheckbox({
       id,
       name,
       error,
-      checked,
+      checked: checked || false,
       disabled,
       text,
       value,
@@ -536,7 +536,7 @@ function GoADatePicker({
     const current = ref.current;
     const handleChange = (e) => {
       const newValue = e.detail.value;
-      onChange(name || "", newValue ? new Date(newValue) : void 0);
+      onChange == null ? void 0 : onChange(name || "", newValue ? new Date(newValue) : void 0);
     };
     current.addEventListener("_change", handleChange);
     return () => {
@@ -607,8 +607,9 @@ function GoADropdown(props) {
     }
     const current = el.current;
     const handler = (e) => {
+      var _a;
       const { name, value, values } = e.detail;
-      props.onChange(name, props.multiselect ? values : value);
+      (_a = props.onChange) == null ? void 0 : _a.call(props, name, props.multiselect ? values : value);
     };
     current.addEventListener("_change", handler);
     return () => {
@@ -662,6 +663,53 @@ function GoADropdownItem({ value, label, filter, name, testId, mountType = "appe
     }
   );
 }
+function GoAFieldset({
+  heading,
+  buttonText,
+  id,
+  onContinue,
+  children,
+  mt,
+  mr,
+  mb,
+  ml,
+  first,
+  last
+}) {
+  const ref = useRef(null);
+  useEffect(() => {
+    var _a;
+    const _continue = (e) => {
+      const { el, state } = e.detail;
+      return onContinue == null ? void 0 : onContinue(el, state);
+    };
+    if (onContinue) {
+      (_a = ref.current) == null ? void 0 : _a.addEventListener("_continue", _continue);
+    }
+    return () => {
+      var _a2;
+      if (onContinue) {
+        (_a2 = ref.current) == null ? void 0 : _a2.removeEventListener("_continue", _continue);
+      }
+    };
+  }, [ref.current, onContinue]);
+  return /* @__PURE__ */ jsx(
+    "goa-fieldset",
+    {
+      ref,
+      id,
+      first,
+      last,
+      heading,
+      buttontext: buttonText,
+      mt,
+      mr,
+      mb,
+      ml,
+      children
+    }
+  );
+}
 function GoAFileUploadCard({
   filename,
   size,
@@ -2628,7 +2676,7 @@ function GoAInput({
     const current = ref.current;
     const changeListener = (e) => {
       const { name: name2, value: value2 } = e.detail;
-      onChange(name2, value2);
+      onChange == null ? void 0 : onChange(name2, value2);
     };
     const clickListener = () => {
       onTrailingIconClick == null ? void 0 : onTrailingIconClick();
@@ -2699,6 +2747,7 @@ function GoAInput({
 }
 const onDateChangeHandler = (onChange) => {
   return (name, value) => {
+    if (!onChange) return;
     if (!value) {
       onChange(name, "");
       return;
@@ -2710,6 +2759,7 @@ const onDateChangeHandler = (onChange) => {
 };
 const onTimeChangeHandler = (onChange) => {
   return (name, value) => {
+    if (!onChange) return;
     if (!value) {
       onChange(name, "");
       return;
@@ -2804,7 +2854,10 @@ function GoAInputFile(props) {
       id: props.id,
       name: props.name,
       type: "file",
-      onChange: (e) => props.onChange(e.target.name, e.target.value),
+      onChange: (e) => {
+        var _a;
+        return (_a = props.onChange) == null ? void 0 : _a.call(props, e.target.name, e.target.value);
+      },
       style: { backgroundColor: "revert" }
     }
   );
@@ -2819,7 +2872,8 @@ function GoAInputNumber({
   ...props
 }) {
   const onNumberChange = (name, value2) => {
-    props.onChange(name, parseFloat(value2));
+    var _a;
+    (_a = props.onChange) == null ? void 0 : _a.call(props, name, parseFloat(value2));
   };
   const onFocus = (name, value2) => {
     var _a;
@@ -2851,6 +2905,35 @@ function GoAInputNumber({
 function GoAInputRange(props) {
   return /* @__PURE__ */ jsx(GoAInput, { ...props, type: "range" });
 }
+function GoALink(props) {
+  return /* @__PURE__ */ jsx(
+    "goa-link",
+    {
+      leadingicon: props.leadingIcon,
+      trailingicon: props.trailingIcon,
+      mt: props.mt,
+      mb: props.mb,
+      ml: props.ml,
+      mr: props.mr,
+      children: props.children
+    }
+  );
+}
+function GoALinkButton({ type = "primary", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "goa-link-button",
+    {
+      type,
+      leadingicon: props.leadingIcon,
+      trailingicon: props.trailingIcon,
+      mt: props.mt,
+      mb: props.mb,
+      ml: props.ml,
+      mr: props.mr,
+      children: props.children
+    }
+  );
+}
 function GoAMicrositeHeader({
   type,
   version,
@@ -3308,6 +3391,21 @@ function GoATab({ heading, children }) {
     children
   ] });
 }
+function GoAText(props) {
+  return /* @__PURE__ */ jsx(
+    "goa-text",
+    {
+      as: props.as || "div",
+      size: props.size,
+      maxwidth: props.maxWidth || "65ch",
+      mt: props.mt,
+      mb: props.mb,
+      ml: props.ml,
+      mr: props.mr,
+      children: props.children
+    }
+  );
+}
 function GoATextarea({
   name,
   value,
@@ -3336,7 +3434,7 @@ function GoATextarea({
     const current = el.current;
     const listener = (e) => {
       const { name: name2, value: value2 } = e.detail;
-      onChange(name2, value2);
+      onChange == null ? void 0 : onChange(name2, value2);
     };
     current.addEventListener("_change", listener);
     return () => {
@@ -3453,6 +3551,7 @@ export {
   GoADropdownItem,
   GoADropdownOption,
   GoAEmergencyBadge,
+  GoAFieldset,
   GoAFileUploadCard,
   GoAFileUploadInput,
   GoAFormItem,
@@ -3479,6 +3578,8 @@ export {
   GoAInputText,
   GoAInputTime,
   GoAInputUrl,
+  GoALink,
+  GoALinkButton,
   GoAMicrositeHeader,
   GoAModal,
   GoANotification,
@@ -3500,6 +3601,7 @@ export {
   GoATable,
   GoATableSortHeader,
   GoATabs,
+  GoAText,
   GoATextarea as GoATextArea,
   GoATextarea,
   GoAThreeColumnLayout,