Focus fixes and react-native polyfill fixes

Fixes focus manager not resetting focusability for elements that change parents
Fixes elements getting loaded event too early, causing some layout issues in react native

Author: WillsonHaw

.changeset/busy-donkeys-report.md

@@ -0,0 +1,5 @@
+---
+"@plextv/react-native-lightning": patch
+---
+
+fix(polyfill): Set loaded flags for elements on layout event, rather than inViewport

.changeset/empty-streets-call.md

@@ -0,0 +1,5 @@
+---
+"@plextv/react-native-lightning": patch
+---
+
+feat(polyfill): Add requestTVFocus polyfill

.changeset/stale-shoes-press.md

@@ -0,0 +1,5 @@
+---
+"@plextv/react-lightning": patch
+---
+
+fix(focus): Fix focusability of items not getting reset when element parent changes

packages/react-lightning/src/focus/FocusManager.ts

@@ -205,9 +205,16 @@ export class FocusManager<
 
         if (index !== -1) {
           childNode.parent.children.splice(index, 1);
+          this._checkFocusableChildren(childNode.parent);
         }
 
         childNode.parent = parentNode;
+
+        // If we weren't focusable before, assume we can be now and then check again
+        if (!childNode.element.focusable) {
+          childNode.element.focusable = true;
+          this._checkFocusableChildren(parentNode);
+        }
       }
     } else {
       // If the child node doesn't exist, we need to create it
@@ -522,6 +529,10 @@ export class FocusManager<
     let currChild: FocusNode<T> | RootNode<T> = childNode;
     const elements = this.activeLayer.elements;
 
+    if (currChild.children.length && !currChild.focusedElement) {
+      this._findNextBestFocus(currChild);
+    }
+
     while (currChild && !isRootNode(currChild) && currParent) {
       if (currChild.focusRedirect && currChild.destinations) {
         // TODO: Probably something smarter here to decide which destination to focus

packages/react-native-lightning/src/plugins/reactNativePolyfillsPlugin.ts

@@ -111,16 +111,27 @@ export const reactNativePolyfillsPlugin = (): Plugin => {
 
             if (!focusManager) {
               console.warn(
-                '>> FocusManager not found, cannot set destinations',
+                '[react-native-lightning polyfills] FocusManager not found, cannot set destinations',
               );
               return;
             }
           }
 
           focusManager.setDestinations(this, destinations);
         },
-        requestTVFocus(): void {
-          // No-op
+        requestTVFocus(this: LightningNativeViewElement): void {
+          if (!focusManager) {
+            focusManager = tryFindFocusManager(this.node.__reactFiber);
+
+            if (!focusManager) {
+              console.warn(
+                '[react-native-lightning polyfills] FocusManager not found, failed to request focus',
+              );
+              return;
+            }
+          }
+
+          focusManager.focus(this);
         },
       } satisfies Partial<LightningNativeViewElement>;
 
@@ -152,7 +163,7 @@ export const reactNativePolyfillsPlugin = (): Plugin => {
 
       // Initialize the load promise to resolve when the instance is available
       nativeInstance.__loadPromise = new Promise<void>((resolve) => {
-        nativeInstance.once('inViewport', () => {
+        nativeInstance.once('layout', () => {
           nativeInstance.__loaded = true;
           resolve();
         });