add support for default input component to call onChange handler with value instead of event (#53)

Author: OS-rubencerqueira

package-lock.json

@@ -138,5 +138,5 @@
   },
   "sideEffects": false,
   "typings": "types/index.d.ts",
-  "version": "2.4.2-os24"
+  "version": "2.4.2-os25"
 }

package.json

@@ -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;