fix(Radio): updated param order for onChange

packages/react-core/src/components/Radio/Radio.tsx

@@ -28,7 +28,7 @@ export interface RadioProps
   /** Name for group of radios */
   name: string;
   /** A callback for when the radio selection changes. */
-  onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
+  onChange?: (event: React.FormEvent<HTMLInputElement>, checked: boolean) => void;
   /** Aria label for the radio. */
   'aria-label'?: string;
   /** Description text of the radio. */
@@ -62,7 +62,7 @@ export class Radio extends React.Component<RadioProps, { ouiaStateId: string }>
   }
 
   handleChange = (event: React.FormEvent<HTMLInputElement>) => {
-    this.props.onChange(event.currentTarget.checked, event);
+    this.props.onChange(event, event.currentTarget.checked);
   };
 
   render() {

packages/react-core/src/components/Radio/__tests__/Radio.test.tsx

@@ -79,7 +79,7 @@ describe('Radio', () => {
     render(<Radio id="check" {...props} aria-label="check" name="check" />);
 
     await user.click(screen.getByRole('radio'));
-    expect(props.onChange).toHaveBeenCalledWith(true, expect.any(Object));
+    expect(props.onChange).toHaveBeenCalledWith(expect.any(Object), true);
   });
 
   test('Radio description', () => {

packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md

@@ -227,15 +227,15 @@ class ProgressiveWizard extends React.Component {
           <Radio
             value="Create"
             isChecked={getStartedStepRadio === 'Create'}
-            onChange={(_, event) => this.setState({ getStartedStepRadio: event.currentTarget.value })}
+            onChange={(event) => this.setState({ getStartedStepRadio: event.currentTarget.value })}
             label="Create a new thing"
             name="radio-step-start"
             id="radio-step-start-1"
           />{' '}
           <Radio
             value="Update"
             isChecked={getStartedStepRadio === 'Update'}
-            onChange={(_, event) => this.setState({ getStartedStepRadio: event.currentTarget.value })}
+            onChange={(event) => this.setState({ getStartedStepRadio: event.currentTarget.value })}
             label="Update an existing thing"
             name="radio-step-start"
             id="radio-step-start-2"
@@ -250,15 +250,15 @@ class ProgressiveWizard extends React.Component {
           <Radio
             value="Quick"
             isChecked={createStepRadio === 'Quick'}
-            onChange={(_, event) => this.setState({ createStepRadio: event.currentTarget.value })}
+            onChange={(event) => this.setState({ createStepRadio: event.currentTarget.value })}
             label="Quick create"
             name="radio-step-create"
             id="radio-step-create-1"
           />{' '}
           <Radio
             value="Custom"
             isChecked={createStepRadio === 'Custom'}
-            onChange={(_, event) => this.setState({ createStepRadio: event.currentTarget.value })}
+            onChange={(event) => this.setState({ createStepRadio: event.currentTarget.value })}
             label="Custom create"
             name="radio-step-create"
             id="radio-step-create-2"
@@ -273,15 +273,15 @@ class ProgressiveWizard extends React.Component {
           <Radio
             value="Quick"
             isChecked={updateStepRadio === 'Quick'}
-            onChange={(_, event) => this.setState({ updateStepRadio: event.currentTarget.value })}
+            onChange={(event) => this.setState({ updateStepRadio: event.currentTarget.value })}
             label="Quick update"
             name="radio-step-update"
             id="radio-step-update-1"
           />{' '}
           <Radio
             value="Custom"
             isChecked={updateStepRadio === 'Custom'}
-            onChange={(_, event) => this.setState({ updateStepRadio: event.currentTarget.value })}
+            onChange={(event) => this.setState({ updateStepRadio: event.currentTarget.value })}
             label="Custom update"
             name="radio-step-update"
             id="radio-step-update-2"

packages/react-integration/demo-app-ts/src/App.tsx

@@ -98,7 +98,7 @@ class App extends React.Component<{}, AppState> {
               label={`Light theme`}
               name="light-theme"
               isChecked={!isDarkTheme}
-              onChange={checked => checked && this.onThemeSelect(false)}
+              onChange={(_event: React.FormEvent<HTMLInputElement>, checked: boolean) => checked && this.onThemeSelect(false)}
             />
           </PageHeaderToolsItem>
           <PageHeaderToolsItem>
@@ -108,7 +108,7 @@ class App extends React.Component<{}, AppState> {
               aria-label="Dark theme"
               name="dark-theme"
               isChecked={isDarkTheme}
-              onChange={checked => checked && this.onThemeSelect(true)}
+              onChange={(_event: React.FormEvent<HTMLInputElement>, checked: boolean) => checked && this.onThemeSelect(true)}
             />
           </PageHeaderToolsItem>
         </PageHeaderToolsGroup>

packages/react-integration/demo-app-ts/src/components/demos/RadioDemo/RadioDemo.tsx

@@ -5,7 +5,7 @@ export class RadioDemo extends Component {
     value: '4'
   };
 
-  handleChange = (_checked: boolean, event: React.FormEvent<HTMLInputElement>) => {
+  handleChange = (event: React.FormEvent<HTMLInputElement>) => {
     const { value } = event.currentTarget;
     this.setState({ value });
   };