From 5e46032c0c95aff047dacaf64e8934ce36594ac9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ru=CC=81ben=20Cerqueira?= <ruben.cerqueira@outsystems.com>
Date: Wed, 24 Dec 2025 17:24:27 +0000
Subject: [PATCH] add support for default input component to call onChange
 handler with value instead of event

---
 package.json            |  2 +-
 src/components/Input.js | 30 +++++++++++++++++++-----------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 39478be20d..4ebb9c9962 100644
--- a/package.json
+++ b/package.json
@@ -138,5 +138,5 @@
   },
   "sideEffects": false,
   "typings": "types/index.d.ts",
-  "version": "2.4.2-os24"
+  "version": "2.4.2-os25"
 }
diff --git a/src/components/Input.js b/src/components/Input.js
index 1f52645aef..b63333e767 100644
--- a/src/components/Input.js
+++ b/src/components/Input.js
@@ -40,18 +40,26 @@ const Input = ({
   isHidden,
   isDisabled,
   theme,
+  onChange,
   selectProps,
   ...props
-}: InputProps) => (
-  <div style={getStyles('input', { theme, ...props })}>
-    <AutosizeInput
-      className={cx(null, { 'input': true }, className)}
-      inputRef={innerRef}
-      inputStyle={inputStyle(isHidden)}
-      disabled={isDisabled}
-      {...props}
-    />
-  </div>
-);
+}: InputProps) => {
+  const onInputChange = (event) => {
+    onChange(event.currentTarget.value);
+  }
+
+  return (
+    <div style={getStyles('input', { theme, ...props })}>
+      <AutosizeInput
+        className={cx(null, { 'input': true }, className)}
+        inputRef={innerRef}
+        inputStyle={inputStyle(isHidden)}
+        disabled={isDisabled}
+        onChange={onInputChange}
+        {...props}
+      />
+    </div>
+  );
+};
 
 export default Input;