From 4abbe969b3b7721bee3c0c9d4b24ff97db8bf53f 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-lock.json       |  4 ++--
 package.json            |  2 +-
 src/components/Input.js | 30 +++++++++++++++++++-----------
 3 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 830619acbf..fe44645054 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@outsystems/react-select",
-  "version": "2.4.2-os24",
+  "version": "2.4.2-os25",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@outsystems/react-select",
-      "version": "2.4.2-os24",
+      "version": "2.4.2-os25",
       "license": "MIT",
       "dependencies": {
         "classnames": "^2.2.5",
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..9775dd4785 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
+        {...props}
+        className={cx(null, { 'input': true }, className)}
+        inputRef={innerRef}
+        inputStyle={inputStyle(isHidden)}
+        disabled={isDisabled}
+        onChange={onInputChange}
+      />
+    </div>
+  );
+};
 
 export default Input;