fix: issue with drawer closing on every key

packages/components/src/components/drawer/drawer.lite.tsx

@@ -33,7 +33,7 @@ export default function DBDrawer(props: DBDrawerProps) {
 					props.backdrop !== 'none')
 			) {
 				if (props.onClose) {
-					props.onClose();
+					props.onClose(event);
 				}
 			}
 		},

packages/components/src/components/drawer/model.ts

@@ -8,18 +8,22 @@ import {
 } from '../../shared/model';
 
 export interface DBDrawerDefaultProps {
+	/**
+	 * The backdrop attribute changes the opacity of the backdrop.
+	 * The backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`
+	 */
+	backdrop?: 'strong' | 'weak' | 'invisible' | 'none';
+
 	/**
 	 * The direction attribute changes the position & animation of the drawer.
-	 * E. g. "left" slides from left screen border to the right.
+	 * E.g. "left" slides from left screen border to the right.
 	 */
 	direction?: 'left' | 'right' | 'up' | 'down';
 
 	/**
-	 * The backdrop attribute changes the opacity of the backdrop.
-	 * The backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`
+	 * React specific to change the header of the drawer.
 	 */
-	backdrop?: 'strong' | 'weak' | 'invisible' | 'none';
-
+	drawerHeader?: unknown;
 	/**
 	 * The open attribute opens or closes the drawer based on the state.
 	 */
@@ -29,10 +33,6 @@ export interface DBDrawerDefaultProps {
 	 * The "end" depends on which direction you use.
 	 */
 	rounded?: boolean;
-	/**
-	 * React specific to change the header of the drawer.
-	 */
-	drawerHeader?: unknown;
 	/**
 	 * The @dependabot recreate attribute changes the padding inside the drawer.
 	 */

packages/components/src/shared/model.ts

@@ -396,7 +396,7 @@ export type CloseEventProps = {
 	/**
 	 * Function to handle button click (close).
 	 */
-	onClose?: () => void;
+	onClose?: (event?: any) => void;
 };
 
 export type CloseEventState = {