@patternfly/react-core 5.0.0-alpha.17 → 5.0.0-alpha.19

package/src/components/Tabs/examples/TabsDefaultOverflow.tsx

@@ -63,7 +63,7 @@ export const TabsDefaultOverflow: React.FunctionComponent = () => {
         <Checkbox
           label="isBox"
           isChecked={isBox}
-          onChange={toggleBox}
+          onChange={(_event, checked) => toggleBox(checked)}
           aria-label="show box variation checkbox on overflow"
           id="toggle-box-overflow"
           name="toggle-box-overflow"

package/src/components/Tabs/examples/TabsFilled.tsx

@@ -40,7 +40,7 @@ export const TabsFilled: React.FunctionComponent = () => {
         <Checkbox
           label="isBox"
           isChecked={isBox}
-          onChange={toggleBox}
+          onChange={(_event, checked) => toggleBox(checked)}
           aria-label="show box variation checkbox with filled tabs"
           id="toggle-box-filled"
           name="toggle-box-filled"

package/src/components/Tabs/examples/TabsFilledWithIcons.tsx

@@ -74,7 +74,7 @@ export const TabsFilledWithIcons: React.FunctionComponent = () => {
         <Checkbox
           label="isBox"
           isChecked={isBox}
-          onChange={toggleBox}
+          onChange={(_event, checked) => toggleBox(checked)}
           aria-label="show box variation checkbox with filled icon tabs"
           id="toggle-box-filled-icon"
           name="toggle-box-filled-icon"

package/src/components/Tabs/examples/TabsInset.tsx

@@ -54,7 +54,7 @@ export const TabsInset: React.FunctionComponent = () => {
         <Checkbox
           label="isBox"
           isChecked={isBox}
-          onChange={toggleBox}
+          onChange={(_event, checked) => toggleBox(checked)}
           aria-label="show box variation checkbox with inset"
           id="toggle-box-inset"
           name="toggle-box-inset"

package/src/components/Tabs/examples/TabsPageInsets.tsx

@@ -49,7 +49,7 @@ export const TabsPageInsets: React.FunctionComponent = () => {
         <Checkbox
           label="isBox"
           isChecked={isBox}
-          onChange={toggleBox}
+          onChange={(_event, checked) => toggleBox(checked)}
           aria-label="show box variation checkbox with inset"
           id="toggle-box-page-inset"
           name="toggle-box-page-inset"

package/src/components/Tabs/examples/TabsSubtabs.tsx

@@ -104,7 +104,7 @@ export const TabsSubtabs: React.FunctionComponent = () => {
         <Checkbox
           label="isBox"
           isChecked={isBox}
-          onChange={toggleBox}
+          onChange={(_event, checked) => toggleBox(checked)}
           aria-label="show box variation checkbox with sub tabs"
           id="toggle-box-secondary"
           name="toggle-box-secondary"

package/src/components/Tabs/examples/TabsTooltipReactRef.tsx

@@ -61,7 +61,7 @@ export const TabsTooltipReactRef: React.FunctionComponent = () => {
         <Checkbox
           label="isBox"
           isChecked={isBox}
-          onChange={toggleBox}
+          onChange={(_event, checked) => toggleBox(checked)}
           aria-label="show box variation checkbox"
           id="toggle-box-tooltip-ref"
           name="toggle-box-tooltip-ref"

package/src/components/Tabs/examples/TabsVertical.tsx

@@ -61,7 +61,7 @@ export const TabsVertical: React.FunctionComponent = () => {
         <Checkbox
           label="isBox"
           isChecked={isBox}
-          onChange={toggleBox}
+          onChange={(_event, checked) => toggleBox(checked)}
           aria-label="show box variation checkbox with vertical"
           id="toggle-box-vertical"
           name="toggle-box-vertical"

package/src/components/TextArea/examples/TextAreaReadOnly.tsx

@@ -12,7 +12,7 @@ export const TextAreaReadOnly: React.FunctionComponent = () => {
           key="isPlain"
           label="Plain read only variant"
           isChecked={isPlainChecked}
-          onChange={checked => setIsPlainChecked(checked)}
+          onChange={(_event, checked) => setIsPlainChecked(checked)}
         />
       </div>
       <TextArea

package/src/components/TextInput/examples/TextInputReadOnly.tsx

@@ -11,7 +11,7 @@ export const TextInputReadOnly: React.FunctionComponent = () => {
           key="isPlain"
           label="Plain read only variant"
           isChecked={isPlainChecked}
-          onChange={checked => setIsPlainChecked(checked)}
+          onChange={(_event, checked) => setIsPlainChecked(checked)}
         />
       </div>
       <TextInput

package/src/components/Toolbar/examples/ToolbarSticky.tsx

@@ -19,7 +19,7 @@ export const ToolbarSticky: React.FunctionComponent = () => {
               <Checkbox
                 label="Show only even number items"
                 isChecked={showEvenOnly}
-                onChange={setShowEvenOnly}
+                onChange={(_event, checked) => setShowEvenOnly(checked)}
                 id="showOnlyEvenCheckbox"
               />
             </ToolbarItem>
@@ -31,7 +31,7 @@ export const ToolbarSticky: React.FunctionComponent = () => {
           ))}
         </ul>
       </div>
-      <Checkbox label="Is toolbar sticky" isChecked={isSticky} onChange={setIsSticky} id="isStickyCheckbox" />
+      <Checkbox label="Is toolbar sticky" isChecked={isSticky} onChange={(_event, checked) => setIsSticky(checked)} id="isStickyCheckbox" />
     </React.Fragment>
   );
 };

package/src/components/Tooltip/examples/TooltipOptions.tsx

@@ -33,7 +33,7 @@ export const TooltipOptions: React.FunctionComponent = () => {
           <Checkbox
             label="trigger: mouseenter"
             isChecked={trigger.includes('mouseenter')}
-            onChange={checked => {
+            onChange={(_event, checked) => {
               const updatedTrigger = checked ? trigger.concat('mouseenter') : trigger.filter(t => t !== 'mouseenter');
               setIsVisible(false);
               setTrigger(updatedTrigger);
@@ -44,7 +44,7 @@ export const TooltipOptions: React.FunctionComponent = () => {
           <Checkbox
             label="trigger: focus"
             isChecked={trigger.includes('focus')}
-            onChange={checked => {
+            onChange={(_event, checked) => {
               const updatedTrigger = checked ? trigger.concat('focus') : trigger.filter(t => t !== 'focus');
               setIsVisible(false);
               setTrigger(updatedTrigger);
@@ -55,7 +55,7 @@ export const TooltipOptions: React.FunctionComponent = () => {
           <Checkbox
             label="trigger: click"
             isChecked={trigger.includes('click')}
-            onChange={checked => {
+            onChange={(_event, checked) => {
               const updatedTrigger = checked ? trigger.concat('click') : trigger.filter(t => t !== 'click');
               setIsVisible(false);
               setTimeout(() => setTrigger(updatedTrigger));
@@ -66,7 +66,7 @@ export const TooltipOptions: React.FunctionComponent = () => {
           <Checkbox
             label="trigger: manual"
             isChecked={trigger.includes('manual')}
-            onChange={checked => {
+            onChange={(_event, checked) => {
               const updatedTrigger = checked ? trigger.concat('manual') : trigger.filter(t => t !== 'manual');
               setIsVisible(false);
               setTrigger(updatedTrigger);
@@ -79,7 +79,7 @@ export const TooltipOptions: React.FunctionComponent = () => {
           <Checkbox
             label="content left-aligned"
             isChecked={contentLeftAligned}
-            onChange={checked => setContentLeftAligned(checked)}
+            onChange={(_event, checked) => setContentLeftAligned(checked)}
             aria-label="content left-aligned"
             id="content_left_aligned"
           />
@@ -88,7 +88,7 @@ export const TooltipOptions: React.FunctionComponent = () => {
           <Checkbox
             label="enableFlip"
             isChecked={enableFlip}
-            onChange={checked => setEnableFlip(checked)}
+            onChange={(_event, checked) => setEnableFlip(checked)}
             aria-label="enableFlip"
             id="enable_flip"
           />
@@ -124,7 +124,7 @@ export const TooltipOptions: React.FunctionComponent = () => {
           <Checkbox
             label="isVisible (also set trigger to only manual to programmatically control it)"
             isChecked={isVisible}
-            onChange={checked => setIsVisible(checked)}
+            onChange={(_event, checked) => setIsVisible(checked)}
             aria-label="isVisible"
             id="is_visible"
           />

package/src/demos/CardDemos.md

@@ -1484,7 +1484,7 @@ CardNestedDemo = () => {
           key="isToggleRightAligned"
           label="Align expand toggle on right"
           isChecked={isToggleOnRight}
-          onChange={checked => onCheckClick(!isToggleOnRight)}
+          onChange={(_event, checked) => onCheckClick(!isToggleOnRight)}
         />
       </div>
       <Card id="nested-cards-card">

package/src/demos/Toolbar.md

@@ -192,11 +192,11 @@ class ConsoleLogViewerToolbar extends React.Component {
       });
     };
 
-    this.handleFirstSwitchChange = (firstSwitchChecked, event) => {
+    this.handleFirstSwitchChange = (event, firstSwitchChecked) => {
       this.setState({ firstSwitchChecked });
     };
 
-    this.handleSecondSwitchChange = (secondSwitchChecked, event) => {
+    this.handleSecondSwitchChange = (event, secondSwitchChecked) => {
       this.setState({ secondSwitchChecked });
     };
 

package/src/next/components/Wizard/examples/WizardStepErrorStatus.tsx

@@ -29,7 +29,7 @@ const StepContentWithAction = () => {
     <Checkbox
       label="Give step 1 an error status"
       isChecked={!!errorMessage}
-      onChange={checked => setErrorMessage(checked ? 'Some error message' : undefined)}
+      onChange={(_event, checked) => setErrorMessage(checked ? 'Some error message' : undefined)}
       id="toggle-error-checkbox"
       name="Toggle Error Checkbox"
     />

package/src/next/components/Wizard/examples/WizardToggleStepVisibility.tsx

@@ -31,7 +31,7 @@ const StepContentWithAction: React.FunctionComponent = () => {
     <Checkbox
       label="Toggle visibility of the next step"
       isChecked={isToggleStepChecked}
-      onChange={checked => setIsToggleStepChecked(checked)}
+      onChange={(_event, checked) => setIsToggleStepChecked(checked)}
       id="toggle-hide-step-checkbox"
       name="Toggle Hide Step Checkbox"
     />