From cc283b2334eae648dfaddad2d5cd26124037275f Mon Sep 17 00:00:00 2001
From: Ben Grynhaus <bengr@microsoft.com>
Date: Thu, 14 Mar 2019 11:56:04 +0200
Subject: [PATCH] add blur events to fabric text field components

---
 .../components/text-field/base-text-field.component.ts    | 8 ++++++--
 .../components/text-field/masked-text-field.component.ts  | 1 +
 .../src/lib/components/text-field/text-field.component.ts | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/libs/fabric/src/lib/components/text-field/base-text-field.component.ts b/libs/fabric/src/lib/components/text-field/base-text-field.component.ts
index 75e62dfa..2c84dbc8 100644
--- a/libs/fabric/src/lib/components/text-field/base-text-field.component.ts
+++ b/libs/fabric/src/lib/components/text-field/base-text-field.component.ts
@@ -65,8 +65,9 @@ export class FabBaseTextFieldComponent extends ReactWrapperComponent<ITextFieldP
   @Input() renderPrefix?: InputRendererOptions<ITextFieldProps>;
   @Input() renderSuffix?: InputRendererOptions<ITextFieldProps>;
 
-  @Output() readonly onFocus = new EventEmitter<FocusEvent>();
   @Output() readonly onClick = new EventEmitter<MouseEvent>();
+  @Output() readonly onFocus = new EventEmitter<FocusEvent>();
+  @Output() readonly onBlur = new EventEmitter<Event>();
 
   @Output() readonly onChange = new EventEmitter<{ event: Event; newValue?: string }>();
   @Output() readonly onBeforeChange = new EventEmitter<{ newValue: any }>();
@@ -104,9 +105,12 @@ export class FabBaseTextFieldComponent extends ReactWrapperComponent<ITextFieldP
     this.onFocus.emit(ev && ev.nativeEvent);
   }
 
+  onBlurHandler(ev?: React.SyntheticEvent) {
+    this.onBlur.emit(ev && ev.nativeEvent);
+  }
+
   onChangeHandler(event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) {
     this.onChange.emit({ event: event.nativeEvent, newValue });
-
     this.valueChange.emit(newValue);
   }
 
diff --git a/libs/fabric/src/lib/components/text-field/masked-text-field.component.ts b/libs/fabric/src/lib/components/text-field/masked-text-field.component.ts
index 94f118a9..42e74011 100644
--- a/libs/fabric/src/lib/components/text-field/masked-text-field.component.ts
+++ b/libs/fabric/src/lib/components/text-field/masked-text-field.component.ts
@@ -60,6 +60,7 @@ import { FabBaseTextFieldComponent } from './base-text-field.component';
       [NotifyValidationResult]="onNotifyValidationResultHandler"
       (onClick)="onClickHandler($event)"
       (onFocus)="onFocusHandler($event)"
+      (onBlur)="onBlurHandler($event)"
     >
     </MaskedTextField>
   `,
diff --git a/libs/fabric/src/lib/components/text-field/text-field.component.ts b/libs/fabric/src/lib/components/text-field/text-field.component.ts
index aa236ad9..339364e7 100644
--- a/libs/fabric/src/lib/components/text-field/text-field.component.ts
+++ b/libs/fabric/src/lib/components/text-field/text-field.component.ts
@@ -60,6 +60,7 @@ import { FabBaseTextFieldComponent } from './base-text-field.component';
       [NotifyValidationResult]="onNotifyValidationResultHandler"
       (onClick)="onClickHandler($event)"
       (onFocus)="onFocusHandler($event)"
+      (onBlur)="onBlurHandler($event)"
     >
     </TextField>
   `,