⭐️ Impl: ModalSheetView Focus Events

ios/RNIModalSheetView/RNIModalSheetViewDelegate.swift

@@ -30,6 +30,8 @@ public final class RNIModalSheetViewDelegate: UIView, RNIContentView {
     case onModalWillHide;
     case onModalDidHide;
 
+    case onModalFocusChange;
+
     case onModalSheetWillDismissViaGesture;
     case onModalSheetDidDismissViaGesture;
     case onModalSheetDidAttemptToDismissViaGesture;
@@ -113,6 +115,7 @@ public final class RNIModalSheetViewDelegate: UIView, RNIContentView {
     modalVC.lifecycleEventDelegates.add(self);
     modalVC.modalLifecycleEventDelegates.add(self);
     modalVC.sheetPresentationStateMachine.eventDelegates.add(self);
+    modalVC.modalFocusEventDelegates.add(self);
 
     return modalVC;
   };
@@ -450,3 +453,30 @@ extension RNIModalSheetViewDelegate: ModalSheetViewControllerEventsNotifiable {
     );
   };
 };
+
+// MARK: - RNIModalSheetViewDelegate+ModalSheetViewControllerEventsNotifiable
+// --------------------------------------------------------------------------
+
+extension RNIModalSheetViewDelegate: ModalFocusEventNotifiable {
+
+  public func notifyForModalFocusStateChange(
+    prevState: ModalFocusState?,
+    currentState: ModalFocusState,
+    nextState: ModalFocusState
+  ) {
+
+    var payload: Dictionary<String, Any> = [
+      "currentState": currentState.rawValue,
+      "nextState": nextState.rawValue,
+    ];
+
+    payload.unwrapAndMerge(withOther: [
+      "prevState": prevState?.rawValue,
+    ]);
+
+    self.dispatchEvent(
+      for: .onModalFocusChange,
+      withPayload: payload
+    );
+  };
+};

ios/RNIModalSheetView/RNIModalSheetViewManager.mm

@@ -45,6 +45,8 @@ - (UIView *)view
 RNI_EXPORT_VIEW_EVENT(onModalWillHide, RCTBubblingEventBlock);
 RNI_EXPORT_VIEW_EVENT(onModalDidHide, RCTBubblingEventBlock);
 
+RNI_EXPORT_VIEW_EVENT(onModalFocusChange, RCTBubblingEventBlock);
+
 RNI_EXPORT_VIEW_EVENT(onModalSheetWillDismissViaGesture, RCTBubblingEventBlock);
 RNI_EXPORT_VIEW_EVENT(onModalSheetDidDismissViaGesture, RCTBubblingEventBlock);
 RNI_EXPORT_VIEW_EVENT(onModalSheetDidAttemptToDismissViaGesture, RCTBubblingEventBlock);

src/components/ModalSheetView/ModalSheetViewTypes.tsx

@@ -46,6 +46,7 @@ export type ModalSheetViewInheritedProps = Pick<RNIModalSheetViewProps,
   | 'onModalDidShow'
   | 'onModalWillHide'
   | 'onModalDidHide'
+  | 'onModalFocusChange'
 
   // presentation controller delegate events
   | 'onModalSheetWillDismissViaGesture'

src/index.ts

@@ -8,4 +8,5 @@ export type * from './types/PresentationControllerMetrics';
 export type * from './types/ModalMetrics';
 export type * from './types/CommonModalEvents';
 export type * from './types/ModalSheetState';
+export type * from './types/ModalFocusState';
 export type * from './types/RNIModalSheetStateMetrics';

src/native_components/RNIModalSheetVIew/RNIModalSheetNativeView.ts

@@ -7,7 +7,7 @@ import {
 } from './RNIModalSheetViewNativeComponent';
 
 import type { OnModalSheetStateDidChangeEvent, OnModalSheetStateWillChangeEvent, onModalSheetWillDismissViaGestureEvent, onModalSheetDidDismissViaGestureEvent, onModalSheetDidAttemptToDismissViaGestureEvent } from './RNIModalSheetViewEvents';
-import type { OnModalWillPresentEvent, OnModalDidPresentEvent, OnModalWillShowEvent, OnModalDidShowEvent, OnModalWillHideEvent, OnModalDidHideEvent, OnModalWillDismissEvent, OnModalDidDismissEvent } from '../../types/CommonModalEvents';
+import type { OnModalWillPresentEvent, OnModalDidPresentEvent, OnModalWillShowEvent, OnModalDidShowEvent, OnModalWillHideEvent, OnModalDidHideEvent, OnModalWillDismissEvent, OnModalDidDismissEvent, OnModalFocusChangeEventPayload, OnModalFocusChangeEvent } from '../../types/CommonModalEvents';
 
 
 type RNIModalSheetViewNativeComponentBaseProps = 
@@ -29,6 +29,8 @@ export type RNIModalSheetNativeViewBaseProps = RemapObject<RNIModalSheetViewNati
   onModalWillHide: OnModalWillHideEvent;
   onModalDidHide: OnModalDidHideEvent;
 
+  onModalFocusChange: OnModalFocusChangeEvent;
+
   onModalSheetWillDismissViaGesture: onModalSheetWillDismissViaGestureEvent;
   onModalSheetDidDismissViaGesture: onModalSheetDidDismissViaGestureEvent;
   onModalSheetDidAttemptToDismissViaGesture: onModalSheetDidAttemptToDismissViaGestureEvent;

src/native_components/RNIModalSheetVIew/RNIModalSheetViewNativeComponent.ts

@@ -32,6 +32,8 @@ export interface NativeProps extends ViewProps {
   onModalWillHide?: BubblingEventHandler<{}>;
   onModalDidHide?: BubblingEventHandler<{}>;
 
+  onModalFocusChange?: BubblingEventHandler<{}>;
+
   // presentation controller delegate events
   /** 
    * From `UIAdaptivePresentationControllerDelegate`.

src/native_components/RNIModalSheetVIew/RNIModalSheetViewTypes.ts

@@ -42,6 +42,7 @@ export type RNIModalSheetViewInheritedOptionalProps = Partial<Pick<RNIModalSheet
   | 'onModalDidShow'
   | 'onModalWillHide'
   | 'onModalDidHide'
+  | 'onModalFocusChange'
 
   // presentation controller delegate events
   | 'onModalSheetWillDismissViaGesture'

src/types/CommonModalEvents.ts

@@ -1,4 +1,5 @@
 import type { BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ModalFocusState } from './ModalFocusState';
 
 
 // MARK: Event Objects
@@ -38,6 +39,12 @@ export type OnModalDidHideEventPayload = Readonly<{
   isAnimated: boolean;
 }>;
 
+export type OnModalFocusChangeEventPayload = Readonly<{
+  prevState?: ModalFocusState;
+  currentState: ModalFocusState;
+  nextState: ModalFocusState;
+}>;
+
 // MARK: Events
 // ------------
 
@@ -65,3 +72,5 @@ export type OnModalWillHideEvent =
 export type OnModalDidHideEvent = 
   BubblingEventHandler<OnModalDidHideEventPayload>;
 
+export type OnModalFocusChangeEvent =
+  BubblingEventHandler<OnModalFocusChangeEventPayload>;

src/types/ModalFocusState.ts

@@ -0,0 +1,6 @@
+
+export type ModalFocusState = 
+  | 'blurred'
+  | 'blurring'
+  | 'focused'
+  | 'focusing';