Shorten to just FocusEvent instead of ReactFocusEvent

WordPress · Nov 27, 2023 · f81724b · f81724b
1 parent 2562a45
commit f81724b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 10 deletions.
diff --git a/packages/components/src/form-token-field/index.tsx b/packages/components/src/form-token-field/index.tsx
@@ -2,12 +2,7 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import type {
-	KeyboardEvent,
-	MouseEvent,
-	TouchEvent,
-	FocusEvent as ReactFocusEvent,
-} from 'react';
+import type { KeyboardEvent, MouseEvent, TouchEvent, FocusEvent } from 'react';
 
 /**
  * WordPress dependencies
@@ -148,7 +143,7 @@ export function FormTokenField( props: FormTokenFieldProps ) {
 		return input.current === input.current?.ownerDocument.activeElement;
 	}
 
-	function onFocusHandler( event: ReactFocusEvent ) {
+	function onFocusHandler( event: FocusEvent ) {
 		// If focus is on the input or on the container, set the isActive state to true.
 		if ( hasFocus() || event.target === tokensAndInput.current ) {
 			setIsActive( true );
@@ -167,7 +162,7 @@ export function FormTokenField( props: FormTokenFieldProps ) {
 		}
 	}
 
-	function onBlur( event: ReactFocusEvent ) {
+	function onBlur( event: FocusEvent ) {
 		if (
 			inputHasValidValue() &&
 			__experimentalValidateInput( incompleteTokenValue )

diff --git a/packages/components/src/form-token-field/types.ts b/packages/components/src/form-token-field/types.ts
@@ -5,7 +5,7 @@ import type {
 	ComponentPropsWithRef,
 	MouseEventHandler,
 	ReactNode,
-	FocusEvent as ReactFocusEvent,
+	FocusEvent,
 } from 'react';
 
 type Messages = {
@@ -106,7 +106,7 @@ export interface FormTokenFieldProps
 	 * Function to call when the TokenField has been focused on. The event is passed to the callback. Useful for analytics.
 	 *
 	 */
-	onFocus?: ( event: ReactFocusEvent ) => void;
+	onFocus?: ( event: FocusEvent ) => void;
 	/**
 	 *  When true, renders tokens as without a background.
 	 */