@patternfly/react-core 5.0.0-alpha.83 → 5.0.0-alpha.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.0.0-alpha.83",
+  "version": "5.0.0-alpha.84",
   "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": "ce1afc78845fba2fd75a62f3ed440b289b4d5b56"
+  "gitHead": "ccc411cf45e6becc43211d3aad5e6da4062b14c5"
 }

package/src/components/NotificationDrawer/NotificationDrawerHeader.tsx

@@ -19,7 +19,7 @@ export interface NotificationDrawerHeaderProps extends React.HTMLProps<HTMLDivEl
   /**  Notification drawer heading custom text which can be used instead of providing count/unreadText */
   customText?: string;
   /**  Callback for when close button is clicked */
-  onClose?: () => void;
+  onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
   /**  Notification drawer heading title */
   title?: string;
   /**  Notification drawer heading unread text used in combination with a count */
@@ -49,7 +49,7 @@ export const NotificationDrawerHeader: React.FunctionComponent<NotificationDrawe
         {children}
         {onClose && (
           <div>
-            <Button variant={ButtonVariant.plain} aria-label={closeButtonAriaLabel} onClick={onClose}>
+            <Button variant={ButtonVariant.plain} aria-label={closeButtonAriaLabel} onClick={(event) => onClose(event)}>
               <TimesIcon aria-hidden="true" />
             </Button>
           </div>

package/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx

@@ -29,7 +29,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => {
     setIsOpenMap(new Array(7).fill(false));
   };
 
-  const onDrawerClose = () => {
+  const onDrawerClose = (_event: React.MouseEvent<Element, MouseEvent> | KeyboardEvent) => {
     setIsOpenMap(new Array(7).fill(false));
   };
 
@@ -47,7 +47,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => {
   ];
   return (
     <NotificationDrawer>
-      <NotificationDrawerHeader count={3} onClose={onDrawerClose}>
+      <NotificationDrawerHeader count={3} onClose={(event) => onDrawerClose(event)}>
         <DropdownDeprecated
           onSelect={onSelect}
           toggle={<KebabToggle onToggle={onToggle(0)} id="basic-kebab-toggle" />}

package/src/components/NotificationDrawer/examples/NotificationDrawerLightweight.tsx

@@ -43,13 +43,13 @@ export const NotificationDrawerLightweight: React.FunctionComponent = () => {
     setFirstGroupExpanded(false);
   };
 
-  const onDrawerClose = () => {
+  const onDrawerClose = (_event: KeyboardEvent | React.MouseEvent<Element, MouseEvent>) => {
     // do something cool in a callback
   };
 
   return (
     <NotificationDrawer>
-      <NotificationDrawerHeader onClose={onDrawerClose} />
+      <NotificationDrawerHeader onClose={(event) => onDrawerClose(event)} />
       <NotificationDrawerBody>
         <NotificationDrawerGroupList>
           <NotificationDrawerGroup

package/src/demos/NotificationDrawer/NotificationDrawer.md

@@ -143,7 +143,7 @@ class BasicNotificationDrawer extends React.Component {
       });
     };
 
-    this.onCloseNotificationDrawer = () => {
+    this.onCloseNotificationDrawer = (_event) => {
       this.setState((prevState) => {
         return {
           isDrawerExpanded: !prevState.isDrawerExpanded
@@ -258,7 +258,7 @@ class BasicNotificationDrawer extends React.Component {
               <ToolbarItem visibility={{ default: 'visible' }} isSelected={isDrawerExpanded}>
                 <NotificationBadge
                   variant={this.getNumberUnread() === 0 ? 'read' : 'unread'}
-                  onClick={this.onCloseNotificationDrawer}
+                  onClick={(event) => this.onCloseNotificationDrawer(event)}
                   aria-label="Notifications"
                   isExpanded={isDrawerExpanded}
                 >
@@ -385,7 +385,7 @@ class BasicNotificationDrawer extends React.Component {
 
     const notificationDrawer = (
       <NotificationDrawer ref={this.drawerRef}>
-        <NotificationDrawerHeader count={this.getNumberUnread()} onClose={this.onCloseNotificationDrawer}>
+        <NotificationDrawerHeader count={this.getNumberUnread()} onClose={(event) => this.onCloseNotificationDrawer(event)}>
           <DropdownDeprecated
             onSelect={this.onSelect}
             toggle={
@@ -702,7 +702,7 @@ class GroupedNotificationDrawer extends React.Component {
       });
     };
 
-    this.onCloseNotificationDrawer = () => {
+    this.onCloseNotificationDrawer = (_event) => {
       this.setState((prevState) => {
         return {
           isDrawerExpanded: !prevState.isDrawerExpanded
@@ -860,7 +860,7 @@ class GroupedNotificationDrawer extends React.Component {
               <ToolbarItem visibility={{ default: 'visible' }} isSelected={isDrawerExpanded}>
                 <NotificationBadge
                   variant={this.getNumberUnread() === 0 ? 'read' : 'unread'}
-                  onClick={this.onCloseNotificationDrawer}
+                  onClick={(event) => this.onCloseNotificationDrawer(event)}
                   aria-label="Notifications"
                   isExpanded={isDrawerExpanded}
                 >
@@ -987,7 +987,7 @@ class GroupedNotificationDrawer extends React.Component {
 
     const notificationDrawer = (
       <NotificationDrawer ref={this.drawerRef}>
-        <NotificationDrawerHeader count={this.getNumberUnread()} onClose={this.onCloseNotificationDrawer}>
+        <NotificationDrawerHeader count={this.getNumberUnread()} onClose={(event) => this.onCloseNotificationDrawer(event)}>
           <DropdownDeprecated
             onSelect={this.onSelect}
             toggle={

package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx

@@ -238,7 +238,7 @@ export const AlertGroupToastWithNotificationDrawer: React.FunctionComponent = ()
 
   const notificationDrawer = (
     <NotificationDrawer>
-      <NotificationDrawerHeader count={getUnreadNotificationsNumber()} onClose={() => setDrawerExpanded(false)}>
+      <NotificationDrawerHeader count={getUnreadNotificationsNumber()} onClose={(_event) => setDrawerExpanded(false)}>
         <DropdownDeprecated
           onSelect={onDropdownSelect}
           toggle={