@mustmove/overlay-kit-rn 1.0.105 → 1.0.107

package/dist/index.js

@@ -386,6 +386,16 @@ PortalProvider.displayName = "PortalProvider";
 
 // src/context/provider/bottom-sheet-controller.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var KeyboardControllerEvents = null;
+var _a;
+try {
+  const rnkc = require("react-native-keyboard-controller");
+  if ((_a = rnkc == null ? void 0 : rnkc.KeyboardEvents) == null ? void 0 : _a.addListener) {
+    KeyboardControllerEvents = rnkc.KeyboardEvents;
+  }
+} catch (e) {
+}
+var useKeyboardControllerEvents = import_react_native.Platform.OS === "android" && !!KeyboardControllerEvents;
 var ContentBottomSheetController = (0, import_react8.memo)(
   ({
     isOpen,
@@ -410,6 +420,26 @@ var ContentBottomSheetController = (0, import_react8.memo)(
     const [keyboardHeight, setKeyboardHeight] = (0, import_react8.useState)(0);
     const isKeyboardActiveRef = (0, import_react8.useRef)(false);
     (0, import_react8.useEffect)(() => {
+      if (useKeyboardControllerEvents && KeyboardControllerEvents) {
+        const showSub = KeyboardControllerEvents.addListener(
+          "keyboardWillShow",
+          (e) => {
+            isKeyboardActiveRef.current = true;
+            setKeyboardHeight(e.height);
+          }
+        );
+        const hideSub = KeyboardControllerEvents.addListener(
+          "keyboardWillHide",
+          () => {
+            isKeyboardActiveRef.current = false;
+            setKeyboardHeight(0);
+          }
+        );
+        return () => {
+          showSub.remove();
+          hideSub.remove();
+        };
+      }
       const keyboardWillShowListener = import_react_native.Keyboard.addListener(
         import_react_native.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow",
         (e) => {
@@ -433,7 +463,7 @@ var ContentBottomSheetController = (0, import_react8.memo)(
       const index = overlayOrderList.indexOf(overlayId);
       return 1e3 + index;
     };
-    const _a = options, {
+    const _a2 = options, {
       snapPoints,
       enablePanDownToClose = true,
       enableBackdrop = true,
@@ -447,7 +477,7 @@ var ContentBottomSheetController = (0, import_react8.memo)(
       closeAllOnGestureClose = false,
       isHandleClose = true,
       closeFunction
-    } = _a, restOptions = __objRest(_a, [
+    } = _a2, restOptions = __objRest(_a2, [
       "snapPoints",
       "enablePanDownToClose",
       "enableBackdrop",
@@ -470,8 +500,8 @@ var ContentBottomSheetController = (0, import_react8.memo)(
           closeTimerRef.current = null;
         }
         const rafId = requestAnimationFrame(() => {
-          var _a2;
-          (_a2 = bottomSheetRef.current) == null ? void 0 : _a2.expand();
+          var _a3;
+          (_a3 = bottomSheetRef.current) == null ? void 0 : _a3.expand();
           overlayDispatch({ type: "OPEN", overlayId });
         });
         return () => cancelAnimationFrame(rafId);
@@ -928,7 +958,7 @@ function randomId() {
 // src/utils/get-component-name.ts
 var import_react11 = __toESM(require("react"));
 function getComponentName(controller) {
-  var _a, _b;
+  var _a2, _b;
   if (controller == null ? void 0 : controller.displayName) {
     return controller.displayName;
   }
@@ -942,7 +972,7 @@ function getComponentName(controller) {
       return controller.name;
     }
   }
-  if ((_a = controller == null ? void 0 : controller.type) == null ? void 0 : _a.displayName) {
+  if ((_a2 = controller == null ? void 0 : controller.type) == null ? void 0 : _a2.displayName) {
     return controller.type.displayName;
   }
   if (((_b = controller == null ? void 0 : controller.type) == null ? void 0 : _b.name) && controller.type.name !== "anonymous") {
@@ -957,8 +987,8 @@ function createOverlay(overlayId) {
     `${overlayId}/overlay-kit`
   );
   const open = (controller, options) => {
-    var _a, _b;
-    const overlayId2 = (_a = options == null ? void 0 : options.overlayId) != null ? _a : randomId();
+    var _a2, _b;
+    const overlayId2 = (_a2 = options == null ? void 0 : options.overlayId) != null ? _a2 : randomId();
     const componentKey = randomId();
     const overlayType = (_b = options == null ? void 0 : options.overlayType) != null ? _b : "overlay";
     const componentName = getComponentName(controller);
@@ -1055,12 +1085,12 @@ function createOverlaySafeContext() {
 
 // src/context/reducer.ts
 var determineCurrentOverlayId = (overlayOrderList, overlayData, targetOverlayId) => {
-  var _a, _b;
+  var _a2, _b;
   const openedOverlayOrderList = overlayOrderList.filter(
     (orderedOverlayId) => overlayData[orderedOverlayId].isOpen === true
   );
   const targetIndexInOpenedList = openedOverlayOrderList.findIndex((item) => item === targetOverlayId);
-  return targetIndexInOpenedList === openedOverlayOrderList.length - 1 ? (_a = openedOverlayOrderList[targetIndexInOpenedList - 1]) != null ? _a : null : (_b = openedOverlayOrderList[openedOverlayOrderList.length - 1]) != null ? _b : null;
+  return targetIndexInOpenedList === openedOverlayOrderList.length - 1 ? (_a2 = openedOverlayOrderList[targetIndexInOpenedList - 1]) != null ? _a2 : null : (_b = openedOverlayOrderList[openedOverlayOrderList.length - 1]) != null ? _b : null;
 };
 function overlayReducer(state, action) {
   switch (action.type) {
@@ -1167,7 +1197,7 @@ var import_bottom_sheet2 = require("@mustmove/bottom-sheet");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function createOverlayProvider() {
   const overlayId = randomId();
-  const _a = createOverlay(overlayId), { useOverlayEvent } = _a, overlay2 = __objRest(_a, ["useOverlayEvent"]);
+  const _a2 = createOverlay(overlayId), { useOverlayEvent } = _a2, overlay2 = __objRest(_a2, ["useOverlayEvent"]);
   const { OverlayContextProvider, useCurrentOverlay: useCurrentOverlay2, useOverlayData: useOverlayData2 } = createOverlaySafeContext();
   function OverlayProvider2({ children }) {
     const [overlayState, overlayDispatch] = (0, import_react14.useReducer)(overlayReducer, {
@@ -1270,15 +1300,15 @@ function createOverlayProvider() {
         if (overlayType === "bottomSheet") return null;
         const hasOpenBottomSheet = overlayState.overlayOrderList.some(
           (id) => {
-            var _a2, _b;
-            return ((_a2 = overlayState.overlayData[id]) == null ? void 0 : _a2.overlayType) === "bottomSheet" && ((_b = overlayState.overlayData[id]) == null ? void 0 : _b.isOpen);
+            var _a3, _b;
+            return ((_a3 = overlayState.overlayData[id]) == null ? void 0 : _a3.overlayType) === "bottomSheet" && ((_b = overlayState.overlayData[id]) == null ? void 0 : _b.isOpen);
           }
         );
         if (overlayType === "modal") {
           const sameTypeOverlays = overlayState.overlayOrderList.filter(
             (id) => {
-              var _a2, _b;
-              return ((_a2 = overlayState.overlayData[id]) == null ? void 0 : _a2.overlayType) === "modal" && ((_b = overlayState.overlayData[id]) == null ? void 0 : _b.isOpen);
+              var _a3, _b;
+              return ((_a3 = overlayState.overlayData[id]) == null ? void 0 : _a3.overlayType) === "modal" && ((_b = overlayState.overlayData[id]) == null ? void 0 : _b.isOpen);
             }
           );
           const isTopModal = sameTypeOverlays[sameTypeOverlays.length - 1] === currentOverlayId;
@@ -1322,8 +1352,8 @@ function createOverlayProvider() {
         if (overlayType !== "bottomSheet") return null;
         const sameTypeOverlays = overlayState.overlayOrderList.filter(
           (id) => {
-            var _a2, _b;
-            return ((_a2 = overlayState.overlayData[id]) == null ? void 0 : _a2.overlayType) === "bottomSheet" && ((_b = overlayState.overlayData[id]) == null ? void 0 : _b.isOpen);
+            var _a3, _b;
+            return ((_a3 = overlayState.overlayData[id]) == null ? void 0 : _a3.overlayType) === "bottomSheet" && ((_b = overlayState.overlayData[id]) == null ? void 0 : _b.isOpen);
           }
         );
         const isTopBottomSheet = sameTypeOverlays[sameTypeOverlays.length - 1] === currentOverlayId;