⭐️ Impl: useModalSheetViewEvents

src/hooks/useModalSheetViewEvents.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import type { EventListener } from '@dominicstop/ts-event-emitter';
+
+import { ModalSheetViewContext } from "../context/ModalSheetViewContext";
+import type { ModalSheetViewEventEmitterMap, ModalSheetViewEventKeys } from "../types/ModalSheetViewEventEmitter";
+
+
+export function useModalSheetViewEvents<
+  EventKey extends ModalSheetViewEventKeys
+>(
+  eventName: EventKey,
+  listener: EventListener<ModalSheetViewEventEmitterMap[EventKey]>
+) {
+  const modalContext = React.useContext(ModalSheetViewContext);
+  if(modalContext == null){
+    return;
+  };
+
+  React.useEffect(() => {
+    const ref = modalContext.getModalSheetViewRef();
+    const eventEmitter = ref.getEventEmitter();
+
+    const listenerHandle = eventEmitter.addListener(eventName, listener);
+    return () => {
+      listenerHandle.unsubscribe();
+    };
+  });
+};

src/index.ts

@@ -1,6 +1,7 @@
 
 export * from './components/ModalSheetView';
 export * from './context/ModalSheetViewContext';
+export * from './hooks/useModalSheetViewEvents';
 
 export type * from './types/ModalViewControllerMetrics';
 export type * from './types/PresentationControllerMetrics';