[TextField] Add the event to the onBlur prop's arguments

Shopify · Jun 15, 2022 · 8756c99 · 8756c99
1 parent 3564575
commit 8756c99
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/.changeset/fresh-ducks-jump.md b/.changeset/fresh-ducks-jump.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': minor
+---
+
+Added support for the `event` argument to the `TextField` `onBlur` prop
diff --git a/polaris-react/src/components/TextField/TextField.tsx b/polaris-react/src/components/TextField/TextField.tsx
@@ -159,9 +159,9 @@ interface NonMutuallyExclusiveProps {
   /** Callback fired when value is changed */
   onChange?(value: string, id: string): void;
   /** Callback fired when input is focused */
-  onFocus?: (event?: React.FocusEvent<HTMLElement>) => void;
-  /** Callback fired when focus is removed */
-  onBlur?(): void;
+  onFocus?: (event?: React.FocusEvent) => void;
+  /** Callback fired when input is blurred */
+  onBlur?(event: React.FocusEvent): void;
 }
 
 export type MutuallyExclusiveSelectionProps =
@@ -473,11 +473,11 @@ export function TextField({
     }
   };
 
-  const handleOnBlur = () => {
+  const handleOnBlur = (event: React.FocusEvent) => {
     setFocus(false);
 
     if (onBlur) {
-      onBlur();
+      onBlur(event);
     }
   };