@patternfly/react-core 5.0.0-alpha.94 → 5.0.0-alpha.96

package/src/components/LoginPage/examples/LoginPageLanguageSelect.tsx

@@ -39,13 +39,27 @@ export const LoginPageLanguageSelect: React.FunctionComponent = () => {
 
   const headerUtilsOptions = (
     <SelectList>
-      <SelectOption key={0} itemId={i18n.English}>{i18n.English}</SelectOption>
-      <SelectOption key={1} itemId={i18n.Mandarin}>{i18n.Mandarin}</SelectOption>
-      <SelectOption key={2} itemId={i18n.Hindi}>{i18n.Hindi}</SelectOption>
-      <SelectOption key={3} itemId={i18n.Spanish}>{i18n.Spanish}</SelectOption>
-      <SelectOption key={4} itemId={i18n.Portuguese}>{i18n.Portuguese}</SelectOption>
-      <SelectOption key={5} itemId={i18n.Arabic}>{i18n.Arabic}</SelectOption>
-      <SelectOption key={6} itemId={i18n.Bengali}>{i18n.Bengali}</SelectOption>
+      <SelectOption key={0} itemId={i18n.English}>
+        {i18n.English}
+      </SelectOption>
+      <SelectOption key={1} itemId={i18n.Mandarin}>
+        {i18n.Mandarin}
+      </SelectOption>
+      <SelectOption key={2} itemId={i18n.Hindi}>
+        {i18n.Hindi}
+      </SelectOption>
+      <SelectOption key={3} itemId={i18n.Spanish}>
+        {i18n.Spanish}
+      </SelectOption>
+      <SelectOption key={4} itemId={i18n.Portuguese}>
+        {i18n.Portuguese}
+      </SelectOption>
+      <SelectOption key={5} itemId={i18n.Arabic}>
+        {i18n.Arabic}
+      </SelectOption>
+      <SelectOption key={6} itemId={i18n.Bengali}>
+        {i18n.Bengali}
+      </SelectOption>
     </SelectList>
   );
 
@@ -70,7 +84,7 @@ export const LoginPageLanguageSelect: React.FunctionComponent = () => {
         </MenuToggle>
       )}
       onSelect={onHeaderUtilsSelect}
-      onOpenChange={isOpen => setIsHeaderUtilsOpen(isOpen)}
+      onOpenChange={(isOpen) => setIsHeaderUtilsOpen(isOpen)}
       selected={selectedHeaderUtils}
       isOpen={isHeaderUtilsOpen}
     >
@@ -78,11 +92,11 @@ export const LoginPageLanguageSelect: React.FunctionComponent = () => {
     </Select>
   );
 
-  const handleUsernameChange = (value: string) => {
+  const handleUsernameChange = (_event: React.FormEvent<HTMLInputElement>, value: string) => {
     setUsername(value);
   };
 
-  const handlePasswordChange = (value: string) => {
+  const handlePasswordChange = (_event: React.FormEvent<HTMLInputElement>, value: string) => {
     setPassword(value);
   };
 
@@ -99,27 +113,42 @@ export const LoginPageLanguageSelect: React.FunctionComponent = () => {
 
   const socialMediaLoginContent = (
     <React.Fragment>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Google' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Google' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 488 512">
           <path d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z" />
         </svg>
       </LoginMainFooterLinksItem>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Github' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Github' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
           <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
         </svg>
       </LoginMainFooterLinksItem>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Dropbox' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Dropbox' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 528 512">
           <path d="M264.4 116.3l-132 84.3 132 84.3-132 84.3L0 284.1l132.3-84.3L0 116.3 132.3 32l132.1 84.3zM131.6 395.7l132-84.3 132 84.3-132 84.3-132-84.3zm132.8-111.6l132-84.3-132-83.6L395.7 32 528 116.3l-132.3 84.3L528 284.8l-132.3 84.3-131.3-85z" />
         </svg>
       </LoginMainFooterLinksItem>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Facebook' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Facebook' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
           <path d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z" />
         </svg>
       </LoginMainFooterLinksItem>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Gitlab' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Gitlab' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
           <path d="M29.782 199.732L256 493.714 8.074 309.699c-6.856-5.142-9.712-13.996-7.141-21.993l28.849-87.974zm75.405-174.806c-3.142-8.854-15.709-8.854-18.851 0L29.782 199.732h131.961L105.187 24.926zm56.556 174.806L256 493.714l94.257-293.982H161.743zm349.324 87.974l-28.849-87.974L256 493.714l247.926-184.015c6.855-5.142 9.711-13.996 7.141-21.993zm-85.404-262.78c-3.142-8.854-15.709-8.854-18.851 0l-56.555 174.806h131.961L425.663 24.926z" />
         </svg>
@@ -129,26 +158,26 @@ export const LoginPageLanguageSelect: React.FunctionComponent = () => {
 
   const signUpForAccountMessage = (
     <LoginMainFooterBandItem>
-      Need an account? <a href="#">Sign up.</a>
+      Need an account? <a href="https://www.patternfly.org/">Sign up.</a>
     </LoginMainFooterBandItem>
   );
 
   const forgotCredentials = (
     <LoginMainFooterBandItem>
-      <a href="#">Forgot username or password?</a>
+      <a href="https://www.patternfly.org/">Forgot username or password?</a>
     </LoginMainFooterBandItem>
   );
 
   const listItem = (
     <React.Fragment>
       <ListItem>
-        <LoginFooterItem href="#">Terms of Use </LoginFooterItem>
+        <LoginFooterItem href="https://www.patternfly.org/">Terms of Use </LoginFooterItem>
       </ListItem>
       <ListItem>
-        <LoginFooterItem href="#">Help</LoginFooterItem>
+        <LoginFooterItem href="https://www.patternfly.org/">Help</LoginFooterItem>
       </ListItem>
       <ListItem>
-        <LoginFooterItem href="#">Privacy Policy</LoginFooterItem>
+        <LoginFooterItem href="https://www.patternfly.org/">Privacy Policy</LoginFooterItem>
       </ListItem>
     </React.Fragment>
   );

package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx

@@ -19,11 +19,11 @@ export const LoginPageHideShowPassword: React.FunctionComponent = () => {
   const [isValidPassword, setIsValidPassword] = React.useState(true);
   const [isRememberMeChecked, setIsRememberMeChecked] = React.useState(false);
 
-  const handleUsernameChange = (value: string) => {
+  const handleUsernameChange = (_event: React.FormEvent<HTMLInputElement>, value: string) => {
     setUsername(value);
   };
 
-  const handlePasswordChange = (value: string) => {
+  const handlePasswordChange = (_event: React.FormEvent<HTMLInputElement>, value: string) => {
     setPassword(value);
   };
 
@@ -40,27 +40,42 @@ export const LoginPageHideShowPassword: React.FunctionComponent = () => {
 
   const socialMediaLoginContent = (
     <React.Fragment>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Google' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Google' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 488 512">
           <path d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z" />
         </svg>
       </LoginMainFooterLinksItem>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Github' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Github' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
           <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
         </svg>
       </LoginMainFooterLinksItem>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Dropbox' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Dropbox' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 528 512">
           <path d="M264.4 116.3l-132 84.3 132 84.3-132 84.3L0 284.1l132.3-84.3L0 116.3 132.3 32l132.1 84.3zM131.6 395.7l132-84.3 132 84.3-132 84.3-132-84.3zm132.8-111.6l132-84.3-132-83.6L395.7 32 528 116.3l-132.3 84.3L528 284.8l-132.3 84.3-131.3-85z" />
         </svg>
       </LoginMainFooterLinksItem>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Facebook' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Facebook' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
           <path d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z" />
         </svg>
       </LoginMainFooterLinksItem>
-      <LoginMainFooterLinksItem href="#" linkComponentProps={{ 'aria-label': 'Login with Gitlab' }}>
+      <LoginMainFooterLinksItem
+        href="https://www.patternfly.org/"
+        linkComponentProps={{ 'aria-label': 'Login with Gitlab' }}
+      >
         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
           <path d="M29.782 199.732L256 493.714 8.074 309.699c-6.856-5.142-9.712-13.996-7.141-21.993l28.849-87.974zm75.405-174.806c-3.142-8.854-15.709-8.854-18.851 0L29.782 199.732h131.961L105.187 24.926zm56.556 174.806L256 493.714l94.257-293.982H161.743zm349.324 87.974l-28.849-87.974L256 493.714l247.926-184.015c6.855-5.142 9.711-13.996 7.141-21.993zm-85.404-262.78c-3.142-8.854-15.709-8.854-18.851 0l-56.555 174.806h131.961L425.663 24.926z" />
         </svg>
@@ -70,26 +85,26 @@ export const LoginPageHideShowPassword: React.FunctionComponent = () => {
 
   const signUpForAccountMessage = (
     <LoginMainFooterBandItem>
-      Need an account? <a href="#">Sign up.</a>
+      Need an account? <a href="https://www.patternfly.org/">Sign up.</a>
     </LoginMainFooterBandItem>
   );
 
   const forgotCredentials = (
     <LoginMainFooterBandItem>
-      <a href="#">Forgot username or password?</a>
+      <a href="https://www.patternfly.org/">Forgot username or password?</a>
     </LoginMainFooterBandItem>
   );
 
   const listItem = (
     <React.Fragment>
       <ListItem>
-        <LoginFooterItem href="#">Terms of Use </LoginFooterItem>
+        <LoginFooterItem href="https://www.patternfly.org/">Terms of Use </LoginFooterItem>
       </ListItem>
       <ListItem>
-        <LoginFooterItem href="#">Help</LoginFooterItem>
+        <LoginFooterItem href="https://www.patternfly.org/">Help</LoginFooterItem>
       </ListItem>
       <ListItem>
-        <LoginFooterItem href="#">Privacy Policy</LoginFooterItem>
+        <LoginFooterItem href="https://www.patternfly.org/">Privacy Policy</LoginFooterItem>
       </ListItem>
     </React.Fragment>
   );

package/src/components/NotificationDrawer/NotificationDrawerListItem.tsx

@@ -31,9 +31,11 @@ export const NotificationDrawerListItem: React.FunctionComponent<NotificationDra
   ...props
 }: NotificationDrawerListItemProps) => {
   const onKeyDown = (event: React.KeyboardEvent) => {
-    // Accessibility function. Click on the list item when pressing Enter or Space on it.
-    if (event.key === 'Enter' || event.key === ' ') {
-      (event.target as HTMLElement).click();
+    if (!(event.target as HTMLElement).parentElement.classList.contains('pf-v5-c-notification-drawer__list-item-action')) {
+      // Accessibility function. Click on the list item when pressing Enter or Space on it.
+      if (event.key === 'Enter' || event.key === ' ') {
+        (event.target as HTMLElement).click();
+      }
     }
   };
   return (

package/src/components/Switch/Switch.tsx

@@ -28,8 +28,8 @@ export interface SwitchProps
   hasCheckIcon?: boolean;
   /** Flag to show if the switch is disabled. */
   isDisabled?: boolean;
-  /** A callback for when the switch selection changes. (isChecked, event) => {} */
-  onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
+  /** A callback for when the switch selection changes. (event, isChecked) => {} */
+  onChange?: (event: React.FormEvent<HTMLInputElement>, checked: boolean) => void;
   /** Adds accessible text to the switch, and should describe the isChecked="true" state. When label is defined, aria-label should be set to the text string that is visible when isChecked is true. */
   'aria-label'?: string;
   /** Flag to reverse the layout of toggle and label (toggle on right). */
@@ -94,7 +94,7 @@ export class Switch extends React.Component<SwitchProps & OUIAProps, { ouiaState
           id={this.id}
           className={css(styles.switchInput)}
           type="checkbox"
-          onChange={event => onChange(event.target.checked, event)}
+          onChange={event => onChange(event, event.target.checked)}
           {...(defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked })}
           disabled={isDisabled}
           aria-labelledby={!isAriaLabelledBy ? null : `${this.id}-${isChecked !== true ? 'off' : 'on'}`}

package/src/components/Switch/__tests__/Switch.test.tsx

@@ -81,7 +81,7 @@ describe('Switch', () => {
     render(<Switch id="onChange-switch" {...props} aria-label="Switch label" />);
 
     await user.click(screen.getByLabelText('Switch label'));
-    expect(props.onChange).toHaveBeenCalledWith(true, expect.any(Object));
+    expect(props.onChange).toHaveBeenCalledWith(expect.any(Object), true);
   });
 
   test('should throw console error when no aria-label or label is given', () => {

package/src/components/Switch/examples/SwitchBasic.tsx

@@ -4,7 +4,7 @@ import { Switch } from '@patternfly/react-core';
 export const SwitchBasic: React.FunctionComponent = () => {
   const [isChecked, setIsChecked] = React.useState<boolean>(true);
 
-  const handleChange = (checked: boolean, _event: React.FormEvent<HTMLInputElement>) => {
+  const handleChange = (_event: React.FormEvent<HTMLInputElement>, checked: boolean) => {
     setIsChecked(checked);
   };
 

package/src/components/Switch/examples/SwitchCheckedWithLabel.tsx

@@ -4,7 +4,7 @@ import { Switch } from '@patternfly/react-core';
 export const SwitchCheckedWithLabel: React.FunctionComponent = () => {
   const [isChecked, setIsChecked] = React.useState<boolean>(true);
 
-  const handleChange = (checked: boolean, _event: React.FormEvent<HTMLInputElement>) => {
+  const handleChange = (_event: React.FormEvent<HTMLInputElement>, checked: boolean) => {
     setIsChecked(checked);
   };
 

package/src/components/Switch/examples/SwitchReversed.tsx

@@ -4,7 +4,7 @@ import { Switch } from '@patternfly/react-core';
 export const SwitchReversed: React.FunctionComponent = () => {
   const [isChecked, setIsChecked] = React.useState<boolean>(true);
 
-  const handleChange = (checked: boolean, _event: React.FormEvent<HTMLInputElement>) => {
+  const handleChange = (_event: React.FormEvent<HTMLInputElement>, checked: boolean) => {
     setIsChecked(checked);
   };
 

package/src/components/Switch/examples/SwitchWithoutLabel.tsx

@@ -4,7 +4,7 @@ import { Switch } from '@patternfly/react-core';
 export const SwitchWithoutLabel: React.FunctionComponent = () => {
   const [isChecked, setIsChecked] = React.useState<boolean>(true);
 
-  const handleChange = (checked: boolean, _event: React.FormEvent<HTMLInputElement>) => {
+  const handleChange = (_event: React.FormEvent<HTMLInputElement>, checked: boolean) => {
     setIsChecked(checked);
   };
 

package/src/components/Tabs/examples/Tabs.md

@@ -228,4 +228,4 @@ To add multiple actions to a tab, create a `<TabAction>` component for each acti
 The following example passes in both help popover and close actions.
 
 ```ts file="./TabsHelpAndClose.tsx" isBeta
-```
+```

package/src/components/ToggleGroup/ToggleGroup.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/ToggleGroup/toggle-group';
-import { ToggleGroupItem } from './ToggleGroupItem';
+import { ToggleGroupItem, ToggleGroupItemProps } from './ToggleGroupItem';
 
 export interface ToggleGroupProps extends React.HTMLProps<HTMLDivElement> {
   /** Content rendered inside the toggle group */
@@ -24,12 +24,11 @@ export const ToggleGroup: React.FunctionComponent<ToggleGroupProps> = ({
   'aria-label': ariaLabel,
   ...props
 }: ToggleGroupProps) => {
-  const toggleGroupItemList = React.Children.map(children, child => {
-    const childCompName = (child as any).type.name;
-    return childCompName !== ToggleGroupItem.name
+  const toggleGroupItemList = React.Children.map(children, child =>
+    !(React.isValidElement(child) && child.type === ToggleGroupItem)
       ? child
-      : React.cloneElement(child as React.ReactElement, areAllGroupsDisabled ? { isDisabled: true } : {});
-  });
+      : React.cloneElement<ToggleGroupItemProps>(child, areAllGroupsDisabled ? { isDisabled: true } : {})
+  );
 
   return (
     <div

package/src/components/ToggleGroup/__tests__/ToggleGroup.test.tsx

@@ -42,7 +42,7 @@ describe('ToggleGroup', () => {
 
   test('item passes selection and event to onChange handler', async () => {
     const user = userEvent.setup();
-    
+
     render(
       <ToggleGroupItem text="test" buttonId="toggleGroupItem" onChange={props.onChange} aria-label="onChange handler" />
     );
@@ -60,4 +60,17 @@ describe('ToggleGroup', () => {
     );
     expect(asFragment()).toMatchSnapshot();
   });
+
+  test('should render non-ToggleGroupItem children', () => {
+    const { asFragment } = render(
+      <ToggleGroup isCompact aria-label="non-element children">
+        <ToggleGroupItem text="Test" />
+        {false && <ToggleGroupItem text="Test2" />}
+        {'Test 3'}
+        {undefined}
+        {null}
+      </ToggleGroup>
+    );
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroup.test.tsx.snap

@@ -129,3 +129,30 @@ exports[`ToggleGroup isDisabled 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`ToggleGroup should render non-ToggleGroupItem children 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="non-element children"
+    class="pf-v5-c-toggle-group pf-m-compact"
+    role="group"
+  >
+    <div
+      class="pf-v5-c-toggle-group__item"
+    >
+      <button
+        aria-pressed="false"
+        class="pf-v5-c-toggle-group__button"
+        type="button"
+      >
+        <span
+          class="pf-v5-c-toggle-group__text"
+        >
+          Test
+        </span>
+      </button>
+    </div>
+    Test 3
+  </div>
+</DocumentFragment>
+`;

package/src/components/TreeView/TreeViewRoot.tsx

@@ -46,7 +46,7 @@ export class TreeViewRoot extends React.Component<TreeViewRootProps> {
       }
       if (this.props.hasSelectableNodes) {
         const firstTextButton = this.treeRef.current.getElementsByClassName(
-          'pf-c-tree-view__node-text'
+          'pf-v5-c-tree-view__node-text'
         )[0] as HTMLElement;
         if (firstTextButton) {
           firstTextButton.tabIndex = 0;
@@ -67,7 +67,8 @@ export class TreeViewRoot extends React.Component<TreeViewRootProps> {
   }
 
   handleKeys = (event: KeyboardEvent) => {
-    if (!this.treeRef.current.contains(event.target as HTMLElement)) {
+    if (!this.treeRef.current.contains(event.target as HTMLElement) ||
+      !(event.target as HTMLElement).classList.contains('pf-v5-c-tree-view__node')) {
       return;
     }
     const activeElement = document.activeElement;
@@ -94,7 +95,7 @@ export class TreeViewRoot extends React.Component<TreeViewRootProps> {
 
     if (['ArrowLeft', 'ArrowRight'].includes(key)) {
       const isExpandable =
-        activeElement?.firstElementChild?.firstElementChild?.classList.contains('pf-c-tree-view__node-toggle');
+        activeElement?.firstElementChild?.firstElementChild?.classList.contains('pf-v5-c-tree-view__node-toggle');
       const isExpanded = activeElement?.closest('li')?.classList.contains('pf-m-expanded');
       if (key === 'ArrowLeft') {
         if (isExpandable && isExpanded) {

package/src/components/index.ts

@@ -36,7 +36,6 @@ export * from './Icon';
 export * from './InputGroup';
 export * from './JumpLinks';
 export * from './Label';
-export * from './LabelGroup';
 export * from './List';
 export * from './LoginPage';
 export * from './Masthead';

package/src/demos/JumpLinks.md

@@ -72,7 +72,7 @@ ScrollspyH2 = () => {
           label="Vertical"
           labelOff="Horizontal"
           isChecked={isVertical}
-          onChange={check => setIsVertical(check)}
+          onChange={(_event, check) => setIsVertical(check)}
         />
       </PageSection>
       <PageSection padding={{ default: 'noPadding' }}>

package/src/demos/LabelGroupDemos.md

@@ -1,5 +1,5 @@
 ---
-id: Label group
+id: Label
 section: components
 ---
 
@@ -9,10 +9,10 @@ import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-i
 
 ### Editable labels with add dropdown
 
-```ts file="../components/LabelGroup/examples/LabelGroupEditableAddDropdown.tsx"
+```ts file="../components/Label/examples/LabelGroupEditableAddDropdown.tsx"
 ```
 
 ### Editable labels with add modal
 
-```ts file="../components/LabelGroup/examples/LabelGroupEditableAddModal.tsx"
+```ts file="../components/Label/examples/LabelGroupEditableAddModal.tsx"
 ```

package/src/demos/Nav.md

@@ -1486,7 +1486,7 @@ class PageLayoutManualNav extends React.Component {
         <Page
           header={Header}
           sidebar={Sidebar}
-          onPageResize={(event) => this.onPageResize(event)}
+          onPageResize={this.onPageResize}
           skipToContent={PageSkipToContent}
           mainContainerId={pageId}
         >

package/src/demos/Page.md

@@ -19,8 +19,6 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico
   1. Add an onNavToggle callback to PageHeader
   2. Pass a boolean into the isNavOpen prop to PageSidebar
 
-- To make the page take up the full height, it is recommended to set the height of all ancestor elements up to the page component to `100%`
-
 ## Layouts
 
 This demonstrates a variety of navigation patterns in the context of a full page layout. These can be used as a basis for choosing the most appropriate page template for your application.

package/src/demos/examples/BackToTop/BackToTopNameDemo.tsx

@@ -17,7 +17,7 @@ import DashboardWrapper from '@patternfly/react-core/src/demos/examples/Dashboar
 export const Name = () => {
   const [isAlwaysVisible, setIsAlwaysVisible] = React.useState(false);
 
-  const handleChange = isChecked => {
+  const handleChange = (_event, isChecked) => {
     setIsAlwaysVisible(isChecked);
   };
 

package/src/deprecated/components/PageHeader/PageHeader.tsx

@@ -28,7 +28,7 @@ export interface PageHeaderProps extends React.HTMLProps<HTMLDivElement> {
   /** Sets the value for role on the <main> element */
   role?: string;
   /** Callback function to handle the side nav toggle button, managed by the Page component if the Page isManagedSidebar prop is set to true */
-  onNavToggle?: () => void;
+  onNavToggle?: (event: React.MouseEvent) => void;
   /** Aria Label for the nav toggle button */
   'aria-label'?: string;
 }
@@ -44,7 +44,7 @@ export const PageHeader: React.FunctionComponent<PageHeaderProps> = ({
   role = undefined as string,
   showNavToggle = false,
   navToggleId = 'nav-toggle',
-  onNavToggle = () => undefined as any,
+  onNavToggle = (_event: React.MouseEvent) => undefined as any,
   'aria-label': ariaLabel = 'Global navigation',
   'aria-controls': ariaControls = null,
   ...props

package/src/deprecated/components/PageHeader/examples/PageVerticalNavUsingPageHeaderComponent.tsx

@@ -5,7 +5,7 @@ import { PageHeader as PageHeaderDeprecated, PageHeaderTools } from '@patternfly
 export const PageVerticalNavUsingPageHeaderComponent: React.FunctionComponent = () => {
   const [isNavOpen, setIsNavOpen] = React.useState(true);
 
-  const onNavToggle = () => {
+  const onNavToggle = (_event: React.MouseEvent) => {
     setIsNavOpen(!isNavOpen);
   };
 

package/dist/esm/components/LabelGroup/LabelGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAKtD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACxE,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gJAAgJ;IAChJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,qFAAqF;IACrF,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,oCAAoC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;gBACtB,KAAK,EAAE,eAAe;IAOlC,OAAO,CAAC,UAAU,CAAsC;IAExD,MAAM,CAAC,YAAY,EAAE,eAAe,CAgBlC;IAEF,iBAAiB;IAQjB,cAAc,aAOZ;IAEF,WAAW,CAAC,EAAE,EAAE,MAAM;IAkBtB,MAAM;CAwGP"}

package/dist/esm/components/LabelGroup/LabelGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabelGroup.js","sourceRoot":"","sources":["../../../../src/components/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/LabelGroup/index.d.ts

@@ -1,2 +0,0 @@
-export * from './LabelGroup';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/LabelGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/esm/components/LabelGroup/index.js

@@ -1,2 +0,0 @@
-export * from './LabelGroup';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/LabelGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LabelGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/esm/components/LabelGroup/package.json

@@ -1 +0,0 @@
-{"name":"@patternfly/react-core-labelgroup-esm","main":"index.js","module":"./dist/esm/components/LabelGroup/index.js","typings":"index.d.ts","version":"5.0.0-alpha.93"}

package/dist/js/components/LabelGroup/LabelGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAKtD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACxE,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gJAAgJ;IAChJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,qFAAqF;IACrF,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,oCAAoC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;gBACtB,KAAK,EAAE,eAAe;IAOlC,OAAO,CAAC,UAAU,CAAsC;IAExD,MAAM,CAAC,YAAY,EAAE,eAAe,CAgBlC;IAEF,iBAAiB;IAQjB,cAAc,aAOZ;IAEF,WAAW,CAAC,EAAE,EAAE,MAAM;IAkBtB,MAAM;CAwGP"}

package/dist/js/components/LabelGroup/LabelGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabelGroup.js","sourceRoot":"","sources":["../../../../src/components/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"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"}

package/dist/js/components/LabelGroup/index.d.ts

@@ -1,2 +0,0 @@
-export * from './LabelGroup';
-//# sourceMappingURL=index.d.ts.map

package/dist/js/components/LabelGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/js/components/LabelGroup/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./LabelGroup"), exports);
-//# sourceMappingURL=index.js.map

package/dist/js/components/LabelGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LabelGroup/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}