Added onFocusCapture event for better react native support

Author: WillsonHaw

.changeset/sharp-days-return.md

@@ -0,0 +1,5 @@
+---
+"@plexinc/react-lightning": patch
+---
+
+Added onFocusCapture event for better react native support

packages/react-lightning/src/element/LightningViewElement.ts

@@ -214,6 +214,8 @@ export class LightningViewElement<
 
   public on = this._emitter.on.bind(this._emitter);
   public off = this._emitter.off.bind(this._emitter);
+  public addEventListener = this._emitter.on.bind(this._emitter);
+  public removeEventListener = this._emitter.off.bind(this._emitter);
   public emit = this._emitter.emit.bind(this._emitter);
 
   public constructor(
@@ -310,6 +312,7 @@ export class LightningViewElement<
 
   public focus(): void {
     if (!this._focused) {
+      this.props.onFocusCapture?.(this);
       this._focused = true;
       this._emitter.emit('focusChanged', true);
       this.props.onFocus?.(this);

packages/react-lightning/src/types/Focusable.ts

@@ -8,6 +8,7 @@ export interface Focusable {
 }
 
 export interface FocusableProps {
+  onFocusCapture?: (element: LightningElement) => void;
   onFocus?: (element: LightningElement) => void;
   onBlur?: (element: LightningElement) => void;
 }

packages/react-lightning/src/types/LightningElementEvents.ts

@@ -13,6 +13,7 @@ export interface LightningElementEvents {
   destroy: () => void;
   childAdded: (child: LightningElement, index: number) => void;
   childRemoved: (child: LightningElement, index: number) => void;
+  childFocused: (child: LightningElement) => void;
   beforeRender: () => void;
   layout: (dimensions: Rect) => void;
   textureLoaded: NodeLoadedEventHandler;