From adffaf05cb19c78c69e34fa13d1c4cab1ded6782 Mon Sep 17 00:00:00 2001
From: Dominic Go <dominic@dominicgo.dev>
Date: Sat, 28 Sep 2024 06:52:32 +0800
Subject: [PATCH] =?UTF-8?q?=E2=AD=90=EF=B8=8F=20Impl:=20`ModalSheetView`?=
 =?UTF-8?q?=20Presentation=20Events=20JS=20Scaffolding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ModalSheetView/ModalSheetViewTypes.tsx    | 11 ++++++
 src/index.ts                                  |  3 +-
 .../RNIModalSheetNativeView.ts                | 12 ++++++
 .../RNIModalSheetViewNativeComponent.ts       |  9 +++++
 .../RNIModalSheetViewTypes.ts                 |  8 ++++
 src/types/CommonModalEvents.ts                | 39 +++++++++++++++++++
 6 files changed, 81 insertions(+), 1 deletion(-)
 create mode 100644 src/types/CommonModalEvents.ts

diff --git a/src/components/ModalSheetView/ModalSheetViewTypes.tsx b/src/components/ModalSheetView/ModalSheetViewTypes.tsx
index b8ba8406..b2e62d87 100644
--- a/src/components/ModalSheetView/ModalSheetViewTypes.tsx
+++ b/src/components/ModalSheetView/ModalSheetViewTypes.tsx
@@ -32,6 +32,17 @@ export type ModalSheetViewRef =
 
 export type ModalSheetViewInheritedProps = Pick<RNIModalSheetViewProps,
   | 'shouldEnableDebugBackgroundColors'
+
+  // common view events
+  | 'onDidSetViewID'
+
+  // common modal presentation events
+  | 'onModalWillPresent'
+  | 'onModalDidPresent'
+  | 'onModalWillShow'
+  | 'onModalDidShow'
+  | 'onModalWillHide'
+  | 'onModalDidHide'
 >;
 
 export type ModalSheetViewBaseProps = {
diff --git a/src/index.ts b/src/index.ts
index c349ae49..f76d3c53 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -3,4 +3,5 @@ export * from './components/ModalSheetView';
 
 export type * from './types/ModalViewControllerMetrics';
 export type * from './types/PresentationControllerMetrics';
-export type * from './types/ModalMetrics';
\ No newline at end of file
+export type * from './types/ModalMetrics';
+export type * from './types/CommonModalEvents';
\ No newline at end of file
diff --git a/src/native_components/RNIModalSheetVIew/RNIModalSheetNativeView.ts b/src/native_components/RNIModalSheetVIew/RNIModalSheetNativeView.ts
index 8c66c62f..dea1b054 100644
--- a/src/native_components/RNIModalSheetVIew/RNIModalSheetNativeView.ts
+++ b/src/native_components/RNIModalSheetVIew/RNIModalSheetNativeView.ts
@@ -6,11 +6,23 @@ import {
   type NativeProps as RNIModalSheetViewNativeComponentProps,
 } from './RNIModalSheetViewNativeComponent';
 
+import type { OnModalWillPresentEvent, OnModalDidPresentEvent, OnModalWillShowEvent, OnModalDidShowEvent, OnModalWillHideEvent, OnModalDidHideEvent } from '../../types/CommonModalEvents';
+
+
 type RNIModalSheetViewNativeComponentBaseProps = 
   NativeComponentBaseProps<RNIModalSheetViewNativeComponentProps>;
 
 export type RNIModalSheetNativeViewBaseProps = RemapObject<RNIModalSheetViewNativeComponentBaseProps, {
   reactChildrenCount: number;
+
+  onModalWillPresent: OnModalWillPresentEvent;
+  onModalDidPresent: OnModalDidPresentEvent;
+
+  onModalWillShow: OnModalWillShowEvent;
+  onModalDidShow: OnModalDidShowEvent;
+  
+  onModalWillHide: OnModalWillHideEvent;
+  onModalDidHide: OnModalDidHideEvent;
 }>;
 
 export type RNIModalSheetNativeViewProps = 
diff --git a/src/native_components/RNIModalSheetVIew/RNIModalSheetViewNativeComponent.ts b/src/native_components/RNIModalSheetVIew/RNIModalSheetViewNativeComponent.ts
index 799714f9..28db184b 100644
--- a/src/native_components/RNIModalSheetVIew/RNIModalSheetViewNativeComponent.ts
+++ b/src/native_components/RNIModalSheetVIew/RNIModalSheetViewNativeComponent.ts
@@ -1,4 +1,5 @@
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
 import type { BubblingEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 import type { HostComponent, ViewProps } from 'react-native';
 
@@ -7,6 +8,14 @@ export interface NativeProps extends ViewProps {
   // common/shared events
   onDidSetViewID?: BubblingEventHandler<{}>;
 
+  onModalWillPresent?: BubblingEventHandler<{}>;
+  onModalDidPresent?: BubblingEventHandler<{}>;
+
+  onModalWillShow?: BubblingEventHandler<{}>;
+  onModalDidShow?: BubblingEventHandler<{}>;
+  onModalWillHide?: BubblingEventHandler<{}>;
+  onModalDidHide?: BubblingEventHandler<{}>;
+
   // value prop stubs
   reactChildrenCount: Int32;
 };
diff --git a/src/native_components/RNIModalSheetVIew/RNIModalSheetViewTypes.ts b/src/native_components/RNIModalSheetVIew/RNIModalSheetViewTypes.ts
index d525e66f..d6b21750 100644
--- a/src/native_components/RNIModalSheetVIew/RNIModalSheetViewTypes.ts
+++ b/src/native_components/RNIModalSheetVIew/RNIModalSheetViewTypes.ts
@@ -26,6 +26,14 @@ export type RNIModalSheetViewRef = {
 export type RNIModalSheetViewInheritedOptionalProps = Partial<Pick<RNIModalSheetNativeViewProps,
   // shared/internal events
   | 'onDidSetViewID'
+  
+  // common modal presentation events
+  | 'onModalWillPresent'
+  | 'onModalDidPresent'
+  | 'onModalWillShow'
+  | 'onModalDidShow'
+  | 'onModalWillHide'
+  | 'onModalDidHide'
 >>;
 
 export type RNIModalSheetViewBaseProps = {
diff --git a/src/types/CommonModalEvents.ts b/src/types/CommonModalEvents.ts
new file mode 100644
index 00000000..1306724a
--- /dev/null
+++ b/src/types/CommonModalEvents.ts
@@ -0,0 +1,39 @@
+import type { BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+
+
+// MARK: Event Objects
+// -------------------
+
+export type OnModalWillPresentPayload = Readonly<{}>;
+
+export type OnModalDidPresentEventPayload = Readonly<{}>;
+
+export type OnModalWillShowEventPayload = Readonly<{}>;
+
+export type OnModalDidShowEventPayload = Readonly<{}>;
+
+export type OnModalWillHideEventPayload = Readonly<{}>;
+
+export type OnModalDidHideEventPayload = Readonly<{}>;
+
+// MARK: Events
+// ------------
+
+export type OnModalWillPresentEvent = 
+  BubblingEventHandler<OnModalWillPresentPayload>;
+
+export type OnModalDidPresentEvent = 
+  BubblingEventHandler<OnModalDidPresentEventPayload>;
+
+export type OnModalWillShowEvent = 
+  BubblingEventHandler<OnModalWillShowEventPayload>;
+
+export type OnModalDidShowEvent = 
+  BubblingEventHandler<OnModalDidShowEventPayload>;
+
+export type OnModalWillHideEvent = 
+  BubblingEventHandler<OnModalWillHideEventPayload>;
+
+export type OnModalDidHideEvent = 
+  BubblingEventHandler<OnModalDidHideEventPayload>;
+