@patternfly/react-core 5.0.0-alpha.73 → 5.0.0-alpha.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.0.0-alpha.73",
+  "version": "5.0.0-alpha.74",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -71,5 +71,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "3d1ae9857026b3c56bfafe24310af981c3f2965b"
+  "gitHead": "5752cdb0b25d18d5f471d16cb30dc405e0bf200d"
 }

package/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() {

package/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', () => {

package/src/deprecated/components/Wizard/examples/Wizard.md

@@ -227,7 +227,7 @@ 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"
@@ -235,7 +235,7 @@ class ProgressiveWizard extends React.Component {
           <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,7 +250,7 @@ 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"
@@ -258,7 +258,7 @@ class ProgressiveWizard extends React.Component {
           <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,7 +273,7 @@ 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"
@@ -281,7 +281,7 @@ class ProgressiveWizard extends React.Component {
           <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"