AutoSizeInput: Forward onChange event (#94459)

Forward onChange event

packages/grafana-ui/src/components/Input/AutoSizeInput.test.tsx

@@ -15,6 +15,16 @@ jest.mock('../../utils/measureText', () => {
 });
 
 describe('AutoSizeInput', () => {
+  it('should support default Input API', () => {
+    const onChange = jest.fn();
+    render(<AutoSizeInput onChange={onChange} value="" />);
+
+    const input: HTMLInputElement = screen.getByTestId('autosize-input');
+    fireEvent.change(input, { target: { value: 'foo' } });
+
+    expect(onChange).toHaveBeenCalled();
+  });
+
   it('should have default minWidth when empty', () => {
     render(<AutoSizeInput />);
 

packages/grafana-ui/src/components/Input/AutoSizeInput.tsx

@@ -20,6 +20,7 @@ export const AutoSizeInput = React.forwardRef<HTMLInputElement, Props>((props, r
     minWidth = 10,
     maxWidth,
     onCommitChange,
+    onChange,
     onKeyDown,
     onBlur,
     value: controlledValue,
@@ -48,6 +49,9 @@ export const AutoSizeInput = React.forwardRef<HTMLInputElement, Props>((props, r
       ref={ref}
       value={value.toString()}
       onChange={(event) => {
+        if (onChange) {
+          onChange(event);
+        }
         setValue(event.currentTarget.value);
       }}
       width={inputWidth}