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

package/index.d.ts

@@ -60,6 +60,8 @@ export * from './lib/table/table';
 export * from './lib/table/table-sort-header';
 export * from './lib/tabs/tabs';
 export * from './lib/tab/tab';
+export * from './lib/temporary-notification/temporary-notification';
+export * from './lib/temporary-notification-ctrl/temporary-notification-ctrl';
 export * from './lib/text/text';
 export { GoabTextArea, GoabTextArea as GoabTextarea } from './lib/textarea/textarea';
 export * from './lib/three-column-layout/three-column-layout';

package/index.js

@@ -850,17 +850,12 @@ function GoabFieldset({
   sectionTitle,
   dispatchOn,
   onContinue,
-  onChange,
   children
 }) {
   const ref = react.useRef(null);
   react.useEffect(() => {
     if (!ref.current) return;
     const current = ref.current;
-    const changeListener = (e) => {
-      const detail = e.detail;
-      onChange == null ? void 0 : onChange(detail);
-    };
     const continueListener = (e) => {
       const event = e.detail;
       return onContinue == null ? void 0 : onContinue(event);
@@ -868,16 +863,10 @@ function GoabFieldset({
     if (onContinue) {
       current.addEventListener("_continue", continueListener);
     }
-    if (onChange) {
-      current.addEventListener("_change", changeListener);
-    }
     return () => {
       if (onContinue) {
         current.removeEventListener("_continue", continueListener);
       }
-      if (onChange) {
-        current.removeEventListener("_change", changeListener);
-      }
     };
   }, [ref, onContinue]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -901,12 +890,7 @@ function GoabPublicFormPage({
   type = "step",
   buttonText = "",
   buttonVisibility = "visible",
-  first = false,
-  last = false,
   onContinue,
-  onBack,
-  onFieldsetChange,
-  onComplete,
   children,
   mt,
   mr,
@@ -920,44 +904,15 @@ function GoabPublicFormPage({
     const continueListener = (e) => {
       onContinue == null ? void 0 : onContinue(e);
     };
-    const backListener = (e) => {
-      onBack == null ? void 0 : onBack(e);
-    };
-    const fieldsetChangeListener = (e) => {
-      const detail = e.detail;
-      onFieldsetChange == null ? void 0 : onFieldsetChange(detail);
-    };
-    const completeListener = (e) => {
-      const detail = e.detail;
-      onComplete == null ? void 0 : onComplete(detail);
-    };
     if (onContinue) {
       current.addEventListener("_continue", continueListener);
     }
-    if (onBack) {
-      current.addEventListener("_back", backListener);
-    }
-    if (onFieldsetChange) {
-      current.addEventListener("_fieldsetChange", fieldsetChangeListener);
-    }
-    if (onComplete) {
-      current.addEventListener("_complete", completeListener);
-    }
     return () => {
       if (onContinue) {
         current.removeEventListener("_continue", continueListener);
       }
-      if (onBack) {
-        current.removeEventListener("_back", backListener);
-      }
-      if (onFieldsetChange) {
-        current.removeEventListener("_fieldsetChange", fieldsetChangeListener);
-      }
-      if (onComplete) {
-        current.removeEventListener("_complete", completeListener);
-      }
     };
-  }, [ref, onContinue, onBack, onFieldsetChange, onComplete]);
+  }, [ref, onContinue]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "goa-public-form-page",
     {
@@ -970,8 +925,6 @@ function GoabPublicFormPage({
       type,
       "button-text": buttonText,
       "button-visibility": buttonVisibility,
-      first,
-      last,
       "summary-heading": summaryHeading,
       mt,
       mr,
@@ -1129,14 +1082,28 @@ function GoabPublicSubformIndex({
     }
   );
 }
-function GoabPublicFormTask({ status, children }) {
+function GoabPublicFormTask({ status = "cannot-start", children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-task", { status, children });
 }
 function GoabPublicFormTaskList({
-  heading,
-  children
+  heading = "",
+  children,
+  mt,
+  mr,
+  mb,
+  ml
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-task-list", { heading, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-public-form-task-list",
+    {
+      heading,
+      mt,
+      mr,
+      mb,
+      ml,
+      children
+    }
+  );
 }
 function GoabFormItem({
   children,
@@ -3698,6 +3665,48 @@ function GoabTab({ heading, children }) {
     children
   ] });
 }
+const GoabTemporaryNotification = ({
+  message: message2 = "",
+  type = "basic",
+  duration,
+  progress,
+  testId,
+  actionText,
+  visible = true,
+  animationDirection = "down"
+}) => {
+  const el = react.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-temp-notification",
+    {
+      ref: el,
+      message: message2,
+      type,
+      duration,
+      progress,
+      testid: testId,
+      "action-text": actionText,
+      visible,
+      "animation-direction": animationDirection
+    }
+  );
+};
+const GoabTemporaryNotificationCtrl = ({
+  verticalPosition = "bottom",
+  horizontalPosition = "center",
+  testId
+}) => {
+  const el = react.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-temp-notification-ctrl",
+    {
+      ref: el,
+      "vertical-position": verticalPosition,
+      "horizontal-position": horizontalPosition,
+      testid: testId
+    }
+  );
+};
 function GoabText(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "goa-text",
@@ -3879,6 +3888,22 @@ const GoabFilterChip = ({
     }
   );
 };
+function relay(el, eventName, data, opts) {
+  if (!el) {
+    console.error("dispatch element is null");
+    return;
+  }
+  el.dispatchEvent(
+    new CustomEvent("msg", {
+      composed: true,
+      bubbles: opts == null ? void 0 : opts.bubbles,
+      detail: {
+        action: eventName,
+        data
+      }
+    })
+  );
+}
 class PublicFormController {
   constructor(type) {
     __privateAdd(this, _PublicFormController_instances);
@@ -4109,22 +4134,6 @@ dispatchError_fn = function(el, name, msg, options) {
     })
   );
 };
-function relay(el, eventName, data, opts) {
-  if (!el) {
-    console.error("dispatch element is null");
-    return;
-  }
-  el.dispatchEvent(
-    new CustomEvent("msg", {
-      composed: true,
-      bubbles: opts == null ? void 0 : opts.bubbles,
-      detail: {
-        action: eventName,
-        data
-      }
-    })
-  );
-}
 function usePublicFormController(type = "details") {
   const controllerRef = react.useRef(new PublicFormController(type));
   const [state, setState] = react.useState(void 0);
@@ -4281,6 +4290,8 @@ exports.GoabTab = GoabTab;
 exports.GoabTable = GoabTable;
 exports.GoabTableSortHeader = GoabTableSortHeader;
 exports.GoabTabs = GoabTabs;
+exports.GoabTemporaryNotification = GoabTemporaryNotification;
+exports.GoabTemporaryNotificationCtrl = GoabTemporaryNotificationCtrl;
 exports.GoabText = GoabText;
 exports.GoabTextArea = GoabTextArea;
 exports.GoabTextarea = GoabTextArea;