@applicaster/zapp-react-native-utils 13.0.0-alpha.1839726411 → 13.0.0-alpha.2178537102

package/appUtils/focusManager/events.ts

@@ -9,3 +9,5 @@ export const WILL_LOSE_FOCUS = "willLoseFocus";
 export const BLUR = "blur";
 
 export const HAS_LOST_FOCUS = "hasLostFocus";
+
+export const GROUP_FOCUS_CHANGED = "onGroupFocusChanged";

package/appUtils/focusManager/index.ts

@@ -264,6 +264,10 @@ export const focusManager = (function () {
       focusableItem.willReceiveFocus(focusableItem, null);
       focusableItem && setFocus(focusCandidate.id, null);
 
+      currentFocusNode?.parent?.component?.onGroupFocusChanged(
+        currentFocusNode?.component
+      );
+
       return { success: true };
     }
 
@@ -459,6 +463,12 @@ export const focusManager = (function () {
             nextFocusable.component.props.groupId !==
             currentFocusNode?.component?.props?.groupId;
 
+          if (groupChanged) {
+            nextFocusable?.parent?.component?.onGroupFocusChanged(
+              nextFocusable.component
+            );
+          }
+
           setFocus(nextFocusable.id, direction, {
             groupFocusedChanged: groupChanged,
           });
@@ -509,6 +519,13 @@ export const focusManager = (function () {
     }
   });
 
+  on(FOCUS_EVENTS.GROUP_FOCUS_CHANGED, (focusable) => {
+    if (focusable.props.groupId) {
+      const parent = focusableTree.findInTree(focusable.props.groupId);
+      parent?.component?.onGroupFocusChanged(focusable);
+    }
+  });
+
   /**
    * this is the list of the functions available externally
    * when importing the focus manager

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-utils",
-  "version": "13.0.0-alpha.1839726411",
+  "version": "13.0.0-alpha.2178537102",
   "description": "Applicaster Zapp React Native utilities package",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "13.0.0-alpha.1839726411",
+    "@applicaster/applicaster-types": "13.0.0-alpha.2178537102",
     "buffer": "^5.2.1",
     "camelize": "^1.0.0",
     "create-react-context": "^0.2.3",