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

package/index.js

@@ -337,7 +337,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 () => {
@@ -385,7 +385,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);
       }
@@ -526,7 +526,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);
@@ -615,7 +615,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);
@@ -677,8 +677,8 @@ function GoabFileUploadCard({
   react.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 () => {
@@ -699,7 +699,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 () => {
@@ -2763,22 +2763,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);
@@ -2811,28 +2811,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") {
@@ -2924,7 +2924,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" }
     }
@@ -2940,21 +2944,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__ */ jsxRuntime.jsx(
     GoabInput,
@@ -3306,7 +3310,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) {
@@ -3528,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);