@abgov/react-components 6.10.0-dev.11 → 6.10.0-dev.13

package/index.mjs

@@ -336,7 +336,7 @@ function GoabCheckbox({
     const current = el.current;
     const listener = (e) => {
       const detail = e.detail;
-      onChange == null ? void 0 : onChange(detail);
+      onChange == null ? void 0 : onChange({ ...detail, event: e });
     };
     current.addEventListener("_change", listener);
     return () => {
@@ -384,7 +384,7 @@ function GoabCheckboxList({
     const listener = (e) => {
       try {
         const detail = e.detail;
-        onChange == null ? void 0 : onChange(detail);
+        onChange == null ? void 0 : onChange({ ...detail, event: e });
       } catch (error2) {
         console.error("Error handling checkbox list change:", error2);
       }
@@ -525,7 +525,7 @@ function GoabDatePicker({
     const current = ref.current;
     const handleChange = (e) => {
       const detail = e.detail;
-      onChange == null ? void 0 : onChange(detail);
+      onChange == null ? void 0 : onChange({ ...detail, event: e });
     };
     if (onChange) {
       current.addEventListener("_change", handleChange);
@@ -614,7 +614,7 @@ function GoabDropdown({
     const current = el.current;
     const handler = (e) => {
       const detail = e.detail;
-      onChange == null ? void 0 : onChange(detail);
+      onChange == null ? void 0 : onChange({ ...detail, event: e });
     };
     if (onChange) {
       current.addEventListener("_change", handler);
@@ -676,8 +676,8 @@ function GoabFileUploadCard({
   useEffect(() => {
     if (!el.current) return;
     const current = el.current;
-    const deleteHandler = () => onDelete == null ? void 0 : onDelete({ filename });
-    const cancelHandler = () => onCancel == null ? void 0 : onCancel({ filename });
+    const deleteHandler = (event) => onDelete == null ? void 0 : onDelete({ filename, event });
+    const cancelHandler = (event) => onCancel == null ? void 0 : onCancel({ filename, event });
     current.addEventListener("_delete", deleteHandler);
     current.addEventListener("_cancel", cancelHandler);
     return () => {
@@ -698,7 +698,7 @@ function GoabFileUploadInput({
     const current = el.current;
     const handler = (e) => {
       const detail = e.detail;
-      onSelectFile(detail);
+      onSelectFile({ ...detail, event: e });
     };
     current.addEventListener("_selectFile", handler);
     return () => {
@@ -2762,22 +2762,22 @@ function GoabInput({
     const current = ref.current;
     const changeListener = (e) => {
       const detail = e.detail;
-      onChange == null ? void 0 : onChange(detail);
+      onChange == null ? void 0 : onChange({ ...detail, event: e });
     };
     const clickListener = () => {
       onTrailingIconClick == null ? void 0 : onTrailingIconClick();
     };
     const focusListener = (e) => {
       const detail = e.detail;
-      onFocus == null ? void 0 : onFocus(detail);
+      onFocus == null ? void 0 : onFocus({ ...detail, event: e });
     };
     const blurListener = (e) => {
       const detail = e.detail;
-      onBlur == null ? void 0 : onBlur(detail);
+      onBlur == null ? void 0 : onBlur({ ...detail, event: e });
     };
     const keypressListener = (e) => {
       const detail = e.detail;
-      onKeyPress == null ? void 0 : onKeyPress(detail);
+      onKeyPress == null ? void 0 : onKeyPress({ ...detail, event: e });
     };
     current.addEventListener("_change", changeListener);
     current.addEventListener("_trailingIconClick", clickListener);
@@ -2810,28 +2810,28 @@ function GoabInput({
   );
 }
 const onDateChangeHandler = (onChange) => {
-  return ({ name, value }) => {
+  return ({ name, value, event }) => {
     if (!value) {
-      onChange == null ? void 0 : onChange({ name, value: "" });
+      onChange == null ? void 0 : onChange({ name, value: "", event });
       return;
     }
     if (typeof value === "string" && isValid(new Date(value))) {
-      onChange == null ? void 0 : onChange({ name, value: parseISO(value) });
+      onChange == null ? void 0 : onChange({ name, value: parseISO(value), event });
       return;
     }
     if (isValid(value)) {
-      onChange == null ? void 0 : onChange({ name, value });
+      onChange == null ? void 0 : onChange({ name, value, event });
       return;
     }
   };
 };
 const onTimeChangeHandler = (onChange) => {
-  return ({ name, value }) => {
+  return ({ name, value, event }) => {
     if (!value) {
-      onChange == null ? void 0 : onChange({ name, value: "" });
+      onChange == null ? void 0 : onChange({ name, value: "", event });
       return;
     }
-    onChange == null ? void 0 : onChange({ name, value });
+    onChange == null ? void 0 : onChange({ name, value, event });
   };
 };
 function toString(value, tmpl = "yyyy-MM-dd") {
@@ -2923,7 +2923,11 @@ function GoabInputFile(props) {
       type: "file",
       onChange: (e) => {
         var _a;
-        return (_a = props.onChange) == null ? void 0 : _a.call(props, { name: e.target.name, value: e.target.value });
+        return (_a = props.onChange) == null ? void 0 : _a.call(props, {
+          name: e.target.name,
+          value: e.target.value,
+          event: e.nativeEvent
+        });
       },
       style: { backgroundColor: "revert" }
     }
@@ -2939,21 +2943,21 @@ function GoabInputNumber({
   textAlign = "right",
   ...props
 }) {
-  const onNumberChange = ({ name, value: value2 }) => {
+  const onNumberChange = ({ name, value: value2, event }) => {
     var _a;
-    (_a = props.onChange) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2) });
+    (_a = props.onChange) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2), event });
   };
-  const onFocus = ({ name, value: value2 }) => {
+  const onFocus = ({ name, value: value2, event }) => {
     var _a;
-    (_a = props.onFocus) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2) });
+    (_a = props.onFocus) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2), event });
   };
-  const onBlur = ({ name, value: value2 }) => {
+  const onBlur = ({ name, value: value2, event }) => {
     var _a;
-    (_a = props.onBlur) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2) });
+    (_a = props.onBlur) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2), event });
   };
-  const onKeyPress = ({ name, value: value2, key }) => {
+  const onKeyPress = ({ name, value: value2, key, event }) => {
     var _a;
-    (_a = props.onKeyPress) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2), key: parseInt(key) });
+    (_a = props.onKeyPress) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2), key: parseInt(key), event });
   };
   return /* @__PURE__ */ jsx(
     GoabInput,
@@ -3305,7 +3309,7 @@ function GoabRadioGroup({
     if (!el.current) return;
     const listener = (e) => {
       const detail = e.detail;
-      onChange == null ? void 0 : onChange(detail);
+      onChange == null ? void 0 : onChange({ ...detail, event: e });
     };
     const currentEl = el.current;
     if (onChange) {
@@ -3449,6 +3453,7 @@ function GoabTabs({
   initialTab,
   children,
   testId,
+  variant,
   onChange
 }) {
   const ref = useRef(null);
@@ -3465,10 +3470,10 @@ function GoabTabs({
       };
     }
   }, [onChange]);
-  return /* @__PURE__ */ jsx("goa-tabs", { ref, initialtab: initialTab, testid: testId, children });
+  return /* @__PURE__ */ jsx("goa-tabs", { ref, initialtab: initialTab, testid: testId, variant, children });
 }
-function GoabTab({ heading, children }) {
-  return /* @__PURE__ */ jsxs("goa-tab", { children: [
+function GoabTab({ heading, disabled, children }) {
+  return /* @__PURE__ */ jsxs("goa-tab", { disabled: disabled ? "true" : void 0, children: [
     heading && /* @__PURE__ */ jsx("span", { slot: "heading", children: heading }),
     children
   ] });
@@ -3527,15 +3532,15 @@ function GoabTextArea({
     const current = el.current;
     const changeListener = (e) => {
       const detail = e.detail;
-      onChange == null ? void 0 : onChange(detail);
+      onChange == null ? void 0 : onChange({ ...detail, event: e });
     };
     const keypressListener = (e) => {
       const detail = e.detail;
-      onKeyPress == null ? void 0 : onKeyPress(detail);
+      onKeyPress == null ? void 0 : onKeyPress({ ...detail, event: e });
     };
     const blurListener = (e) => {
       const detail = e.detail;
-      onBlur == null ? void 0 : onBlur(detail);
+      onBlur == null ? void 0 : onBlur({ ...detail, event: e });
     };
     current.addEventListener("_change", changeListener);
     current.addEventListener("_keyPress", keypressListener);