Fixed #1199 - Improve type definition for onChange of form components

src/components/autocomplete/AutoComplete.d.ts

@@ -33,7 +33,7 @@ interface AutoCompleteProps {
     completeMethod?(e: {originalEvent: Event, query: string}): void;
     itemTemplate?(data: any): JSX.Element | undefined;
     selectedItemTemplate?(data: any): JSX.Element | undefined;
-    onChange?(e: {originalEvent: Event, value: any}): void;
+    onChange?(e: {originalEvent: Event, value: any, target: {name: string, id: string, value: any}}): void;
     onFocus?(event: Event): void;
     onBlur?(event: Event): void;
     onSelect?(e: {originalEvent: Event, value: any}): void;

src/components/calendar/Calendar.d.ts

@@ -85,7 +85,7 @@ interface CalendarProps {
     onBlur?(event: Event): void;
     onInput?(event: Event): void;
     onSelect?(e: {originalEvent: Event, value: Date}): void;
-    onChange?(e: {originalEvent: Event, value: Date|Date[]}): void;
+    onChange?(e: {originalEvent: Event, value: Date|Date[], target: {name: string, id: string, value: Date|Date[]}}): void;
     onTodayButtonClick?(event: Event): void;
     onClearButtonClick?(event: Event): void;
     onViewDateChange?(e: {originalEvent: Event, value: Date}): void;

src/components/checkbox/Checkbox.d.ts

@@ -17,7 +17,7 @@ interface CheckboxProps {
     ariaLabelledBy?: string;
     onMouseDown?(event: Event): void;
     onContextMenu?(event: Event): void;
-    onChange(e: { originalEvent: Event, value: any, checked: boolean}): void;
+    onChange?(e: {originalEvent: Event, value: any, checked: boolean, target: {type: string, name: string, id: string, value: any, checked: boolean}}): void;
 }
 
 export class Checkbox extends React.Component<CheckboxProps,any> {}

src/components/chips/Chips.d.ts

@@ -16,7 +16,7 @@ interface ChipsProps {
     itemTemplate?(item: any): JSX.Element | undefined;
     onAdd?(e: {originalEvent: Event, value: any}): void;
     onRemove?(e: {originalEvent: Event, value: any}): void;
-    onChange?(e: {originalEvent: Event, value: any}): void;
+    onChange?(e: {originalEvent: Event, value: any, target: {name: string, id: string, value: any}}): void;
     onFocus?(event: Event): void;
     onBlur?(event: Event): void;
 }

src/components/colorpicker/ColorPicker.d.ts

@@ -15,7 +15,7 @@ interface ColorPickerProps {
     inputId?: string;
     tooltip?: any;
     tooltipOptions?: TooltipOptions;
-    onChange?(value: any): void;
+    onChange?(value: any, target: {name: string, id: string, value: any}): void;
 }
 
 export class ColorPicker extends React.Component<ColorPickerProps,any> {}

src/components/dropdown/Dropdown.d.ts

@@ -36,7 +36,7 @@ interface DropdownProps {
     ariaLabel?: string,
     ariaLabelledBy?: string,
     itemTemplate?(option:any): React.ReactNode;
-    onChange?(e: {originalEvent: Event, value: any}): void;
+    onChange?(e: {originalEvent: Event, value: any, target: {name: string, id: string, value: any}}): void;
     onFocus?(e: Event): void;
     onBlur?(e: Event): void;
     onMouseDown?(event: Event): void;

src/components/inputmask/InputMask.d.ts

@@ -23,7 +23,7 @@ interface InputMaskProps {
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string;
     onComplete?(e: Event): void;
-    onChange?(e: {originalEvent: Event, value: any}): void;
+    onChange?(e: {originalEvent: Event, value: any, target: {name: string, id: string, value: any}}): void;
 }
 
 export class InputMask extends React.Component<InputMaskProps,any> {}

src/components/inputswitch/InputSwitch.d.ts

@@ -12,7 +12,7 @@ interface InputSwitchProps {
     tooltip?: any;
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string,
-    onChange?(e: {originalEvent: Event, value: boolean}): void;
+    onChange?(e: {originalEvent: Event, value: boolean, target: {name: string, id: string, value: boolean}}): void;
     onFocus?(event: Event): void;
     onBlur?(event: Event): void;
 }

src/components/listbox/ListBox.d.ts

@@ -23,7 +23,7 @@ interface ListBoxProps {
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string,
     itemTemplate?(item: any): JSX.Element | undefined;
-    onChange?(e: {originalEvent: Event, value: any}): void;
+    onChange?(e: {originalEvent: Event, value: any, target: {name: string, id: string, value: any}}): void;
 }
 
 export class ListBox extends React.Component<ListBoxProps,any> {}

src/components/multiselect/MultiSelect.d.ts

@@ -27,7 +27,7 @@ interface MultiSelectProps {
     selectedItemsLabel?: string;
     itemTemplate?(item: any): JSX.Element | undefined;
     selectedItemTemplate?(value: any): JSX.Element | undefined;
-    onChange?(e: {originalEvent: Event, value: any}): void;
+    onChange?(e: {originalEvent: Event, value: any, target: {name: string, id: string, value: any}}): void;
     onFocus?(event: Event): void;
     onBlur?(event: Event): void;
 }

src/components/radiobutton/RadioButton.d.ts

@@ -15,7 +15,7 @@ interface RadioButtonProps {
     tooltip?: any;
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string;
-    onChange(e: {originalEvent: Event, value: any, checked: boolean}): void;
+    onChange?(e: {originalEvent: Event, value: any, checked: boolean, target: {type: string, name: string, id: string, value: any, checked: boolean}}): void;
 }
 
 export class RadioButton extends React.Component<RadioButtonProps,any> {}

src/components/radiobutton/RadioButton.js

@@ -64,6 +64,7 @@ export class RadioButton extends Component {
                     name: this.props.name,
                     id: this.props.id,
                     value:  this.props.value,
+                    checked: !this.props.checked
                 }
             });
 

src/components/rating/Rating.d.ts

@@ -12,7 +12,7 @@ interface RatingProps {
     className?: string;
     tooltip?: any;
     tooltipOptions?: TooltipOptions;
-    onChange?(e: {originalEvent: Event, value: number}): void;
+    onChange?(e: {originalEvent: Event, value: number, target: {name: string, id: string, value: number}}): void;
 }
 
 export class Rating extends React.Component<RatingProps,any> {}

src/components/selectbutton/SelectButton.d.ts

@@ -17,7 +17,7 @@ interface SelectButtonProps {
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string;
     itemTemplate?(option:any): React.ReactNode;
-    onChange?(e: {originalEvent: Event, value: any}): void;
+    onChange?(e: {originalEvent: Event, value: any, target: {name: string, id: string, value: any}}): void;
 }
 
 export class SelectButton extends React.Component<SelectButtonProps,any> {}

src/components/spinner/Spinner.d.ts

@@ -27,7 +27,7 @@ interface SpinnerProps {
     tooltip?: any;
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string;
-    onChange?(e: {value: number}): void;
+    onChange?(e: {originalEvent: Event, value: number, target: {name: string, id: string, value: number}}): void;
     onBlur?(e: Event): void;
 }
 

src/components/togglebutton/ToggleButton.d.ts

@@ -14,7 +14,7 @@ interface ToggleButtonProps {
     tooltip?: any;
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?:string;
-    onChange?(e: {originalEvent: Event, value: boolean}): void;
+    onChange?(e: {originalEvent: Event, value: boolean, target: {type: string, name: string, id: string, value: boolean}}): void;
 }
 
 export class ToggleButton extends React.Component<ToggleButtonProps,any> {}

src/components/tristatecheckbox/TriStateCheckbox.d.ts

@@ -11,7 +11,7 @@ interface TriStateCheckboxProps {
     tooltip?: any;
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string;
-    onChange?(e: {originalEvent: Event, value: boolean}): void;
+    onChange?(e: {originalEvent: Event, value: any, target: {name: string, id: string, value: any}}): void;
 }
 
 export class TriStateCheckbox extends React.Component<TriStateCheckboxProps,any> {}

src/components/tristatecheckbox/TriStateCheckbox.js

@@ -62,7 +62,7 @@ export class TriStateCheckbox extends Component {
                 target: {
                     name: this.props.name,
                     id: this.props.id,
-                    value:  newValue,
+                    value: newValue
                 }
             })
         }