@abgov/react-components 6.5.0 → 6.6.0-alpha.2

package/index.d.ts

@@ -26,6 +26,10 @@ export * from './lib/form/fieldset';
 export * from './lib/form/public-form-page';
 export * from './lib/form/public-form-summary';
 export * from './lib/form/public-form';
+export * from './lib/form/public-subform';
+export * from './lib/form/public-subform-index';
+export * from './lib/form/task';
+export * from './lib/form/task-list';
 export * from './lib/form-item/form-item';
 export * from './lib/form-step/form-step';
 export * from './lib/form-stepper/form-stepper';

package/index.js

@@ -681,12 +681,17 @@ function GoabDropdown(props) {
     }
     const current = el.current;
     const handler = (e) => {
+      var _a;
       const detail = e.detail;
-      props.onChange(detail);
+      (_a = props.onChange) == null ? void 0 : _a.call(props, detail);
     };
-    current.addEventListener("_change", handler);
+    if (props.onChange) {
+      current.addEventListener("_change", handler);
+    }
     return () => {
-      current.removeEventListener("_change", handler);
+      if (props.onChange) {
+        current.removeEventListener("_change", handler);
+      }
     };
   }, [el, props]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -712,6 +717,7 @@ function GoabDropdown(props) {
       testid: props.testId,
       width: props.width,
       relative: props.relative ? "true" : void 0,
+      autocomplete: props.autoComplete,
       id: props.id,
       children: props.children
     }
@@ -1042,6 +1048,96 @@ function GoabPublicForm({
     }
   );
 }
+function GoabPublicSubform({
+  id = "",
+  name = "",
+  continueMsg = "",
+  onInit,
+  onStateChange,
+  children,
+  mt,
+  mr,
+  mb,
+  ml
+}) {
+  const ref = react.useRef(null);
+  react.useEffect(() => {
+    if (!ref.current) return;
+    const current = ref.current;
+    const initListener = (e) => {
+      onInit == null ? void 0 : onInit(e);
+    };
+    const stateChangeListener = (e) => {
+      onStateChange == null ? void 0 : onStateChange(e);
+    };
+    if (onInit) {
+      current.addEventListener("_init", initListener);
+    }
+    if (onStateChange) {
+      current.addEventListener("_stateChange", stateChangeListener);
+    }
+    return () => {
+      if (onInit) {
+        current.removeEventListener("_init", initListener);
+      }
+      if (onStateChange) {
+        current.removeEventListener("_stateChange", stateChangeListener);
+      }
+    };
+  }, [ref, onInit, onStateChange]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-public-subform",
+    {
+      ref,
+      id,
+      name,
+      "continue-msg": continueMsg,
+      mt,
+      mr,
+      mb,
+      ml,
+      children
+    }
+  );
+}
+function GoabPublicSubformIndex({
+  heading = "",
+  sectionTitle = "",
+  actionButtonText = "",
+  buttonVisibility = "hidden",
+  children,
+  mt,
+  mr,
+  mb,
+  ml
+}) {
+  const ref = react.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-public-subform-index",
+    {
+      ref,
+      heading,
+      "section-title": sectionTitle,
+      "action-button-text": actionButtonText,
+      "button-visibility": buttonVisibility,
+      slot: "subform-index",
+      mt,
+      mr,
+      mb,
+      ml,
+      children
+    }
+  );
+}
+function GoabPublicFormTask({ status, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-task", { status, children });
+}
+function GoabPublicFormTaskList({
+  heading,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-task-list", { heading, children });
+}
 function GoabFormItem({
   children,
   helpText,
@@ -2844,6 +2940,7 @@ function GoabInput({
   name,
   type,
   autoCapitalize,
+  autoComplete,
   leadingIcon,
   trailingIcon,
   variant = "goa",
@@ -2923,6 +3020,7 @@ function GoabInput({
       type,
       name,
       autocapitalize: autoCapitalize,
+      autocomplete: autoComplete,
       id,
       leadingicon: leadingIcon,
       trailingicon: trailingIcon,
@@ -3634,6 +3732,7 @@ function GoabTextArea({
   mr,
   mb,
   ml,
+  autoComplete,
   onChange,
   onKeyPress
 }) {
@@ -3690,7 +3789,8 @@ function GoabTextArea({
       mt,
       mr,
       mb,
-      ml
+      ml,
+      autocomplete: autoComplete
     }
   );
 }
@@ -4164,6 +4264,10 @@ exports.GoabPopover = GoabPopover;
 exports.GoabPublicForm = GoabPublicForm;
 exports.GoabPublicFormPage = GoabPublicFormPage;
 exports.GoabPublicFormSummary = GoabPublicFormSummary;
+exports.GoabPublicFormTask = GoabPublicFormTask;
+exports.GoabPublicFormTaskList = GoabPublicFormTaskList;
+exports.GoabPublicSubform = GoabPublicSubform;
+exports.GoabPublicSubformIndex = GoabPublicSubformIndex;
 exports.GoabRadioGroup = GoabRadioGroup;
 exports.GoabRadioItem = GoabRadioItem;
 exports.GoabSideMenu = GoabSideMenu;