From e9ce3dadd63a802c14959cfe1f638c4def5d2d51 Mon Sep 17 00:00:00 2001
From: Adam Boyce <adam@aboyce.uk>
Date: Mon, 2 Aug 2021 14:10:52 +0100
Subject: [PATCH] fix(Dropdown): update event types (#4181)

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>
---
 src/modules/Dropdown/Dropdown.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/modules/Dropdown/Dropdown.d.ts b/src/modules/Dropdown/Dropdown.d.ts
index af94b342e7..d479fa6711 100644
--- a/src/modules/Dropdown/Dropdown.d.ts
+++ b/src/modules/Dropdown/Dropdown.d.ts
@@ -127,7 +127,7 @@ export interface StrictDropdownProps {
    * @param {SyntheticEvent} event - React's original SyntheticEvent.
    * @param {object} data - All props and the new item's value.
    */
-  onAddItem?: (event: React.KeyboardEvent<HTMLElement>, data: DropdownProps) => void
+  onAddItem?: (event: React.SyntheticEvent<HTMLElement>, data: DropdownProps) => void
 
   /**
    * Called on blur.
@@ -135,7 +135,7 @@ export interface StrictDropdownProps {
    * @param {SyntheticEvent} event - React's original SyntheticEvent.
    * @param {object} data - All props.
    */
-  onBlur?: (event: React.KeyboardEvent<HTMLElement>, data: DropdownProps) => void
+  onBlur?: (event: React.FocusEvent<HTMLElement>, data: DropdownProps) => void
 
   /**
    * Called when the user attempts to change the value.
@@ -151,7 +151,7 @@ export interface StrictDropdownProps {
    * @param {SyntheticEvent} event - React's original SyntheticEvent.
    * @param {object} data - All props.
    */
-  onClick?: (event: React.KeyboardEvent<HTMLElement>, data: DropdownProps) => void
+  onClick?: (event: React.MouseEvent<HTMLElement>, data: DropdownProps) => void
 
   /**
    * Called when a close event happens.
@@ -167,7 +167,7 @@ export interface StrictDropdownProps {
    * @param {SyntheticEvent} event - React's original SyntheticEvent.
    * @param {object} data - All props.
    */
-  onFocus?: (event: React.SyntheticEvent<HTMLElement>, data: DropdownProps) => void
+  onFocus?: (event: React.FocusEvent<HTMLElement>, data: DropdownProps) => void
 
   /**
    * Called when a multi-select label is clicked.