@abgov/react-components 5.0.0-alpha.4 → 5.0.0-alpha.6

package/index.mjs

@@ -535,7 +535,8 @@ function GoADatePicker({
     }
     const current = ref.current;
     const handleChange = (e) => {
-      onChange(name || "", e.detail.value);
+      const newValue = e.detail.value;
+      onChange(name || "", newValue ? new Date(newValue) : void 0);
     };
     current.addEventListener("_change", handleChange);
     return () => {
@@ -547,7 +548,7 @@ function GoADatePicker({
     {
       ref,
       name,
-      value: value == null ? void 0 : value.toISOString(),
+      value: (value == null ? void 0 : value.toISOString()) || "",
       error,
       disabled,
       min: min == null ? void 0 : min.toISOString(),
@@ -2857,11 +2858,30 @@ function GoAMicrositeHeader({
   maxContentWidth,
   feedbackUrlTarget,
   headerUrlTarget,
-  testId
+  testId,
+  onFeedbackClick
 }) {
+  const el = useRef(null);
+  useEffect(() => {
+    if (!el.current) {
+      return;
+    }
+    if (!onFeedbackClick) {
+      return;
+    }
+    const current = el.current;
+    const listener = () => {
+      onFeedbackClick();
+    };
+    current.addEventListener("_feedbackClick", listener);
+    return () => {
+      current.removeEventListener("_feedbackClick", listener);
+    };
+  }, [el, onFeedbackClick]);
   return /* @__PURE__ */ jsx(
     "goa-microsite-header",
     {
+      ref: el,
       type,
       version: typeof version === "string" ? version : void 0,
       feedbackurl: feedbackUrl,
@@ -2869,6 +2889,7 @@ function GoAMicrositeHeader({
       maxcontentwidth: maxContentWidth,
       feedbackurltarget: feedbackUrlTarget,
       headerurltarget: headerUrlTarget,
+      hasfeedbackhandler: !!onFeedbackClick,
       children: version && typeof version !== "string" && /* @__PURE__ */ jsx("div", { slot: "version", children: version })
     }
   );