@mustmove/overlay-kit-rn 1.0.83 → 1.0.86

package/dist/index.mjs

@@ -32,10 +32,10 @@ var __objRest = (source, exclude) => {
 
 // src/context/provider/index.tsx
 import {
-  useCallback as useCallback2,
-  useEffect as useEffect5,
-  useReducer,
-  useRef as useRef2
+  useCallback as useCallback4,
+  useEffect as useEffect7,
+  useReducer as useReducer2,
+  useRef as useRef3
 } from "react";
 import { BackHandler, Platform as Platform2 } from "react-native";
 
@@ -73,11 +73,11 @@ var ContentOverlayController = memo(
 );
 
 // src/context/provider/bottom-sheet-controller.tsx
-import React2, {
-  memo as memo2,
-  useEffect as useEffect2,
-  useRef,
-  useCallback,
+import React4, {
+  memo as memo5,
+  useEffect as useEffect4,
+  useRef as useRef2,
+  useCallback as useCallback3,
   useState
 } from "react";
 import BottomSheet, {
@@ -88,9 +88,282 @@ import {
   Keyboard
 } from "react-native";
 import { useReducedMotion } from "react-native-reanimated";
-import { Portal } from "@gorhom/portal";
+
+// node_modules/@gorhom/portal/lib/module/components/portal/Portal.js
+import { memo as memo2, useCallback as useCallback2, useEffect as useEffect2, useMemo, useRef } from "react";
+
+// node_modules/nanoid/non-secure/index.js
+var urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+var nanoid = (size = 21) => {
+  let id = "";
+  let i = size | 0;
+  while (i--) {
+    id += urlAlphabet[Math.random() * 64 | 0];
+  }
+  return id;
+};
+
+// node_modules/@gorhom/portal/lib/module/hooks/usePortal.js
+import { useCallback, useContext } from "react";
+
+// node_modules/@gorhom/portal/lib/module/state/constants.js
+var ACTIONS;
+(function(ACTIONS2) {
+  ACTIONS2[ACTIONS2["REGISTER_HOST"] = 0] = "REGISTER_HOST";
+  ACTIONS2[ACTIONS2["DEREGISTER_HOST"] = 1] = "DEREGISTER_HOST";
+  ACTIONS2[ACTIONS2["ADD_UPDATE_PORTAL"] = 2] = "ADD_UPDATE_PORTAL";
+  ACTIONS2[ACTIONS2["REMOVE_PORTAL"] = 3] = "REMOVE_PORTAL";
+})(ACTIONS || (ACTIONS = {}));
+var INITIAL_STATE = {};
+
+// node_modules/@gorhom/portal/lib/module/contexts/portal.js
+import { createContext } from "react";
+var PortalStateContext = /* @__PURE__ */ createContext(null);
+var PortalDispatchContext = /* @__PURE__ */ createContext(null);
+
+// node_modules/@gorhom/portal/lib/module/hooks/usePortal.js
+var usePortal = (hostName = "root") => {
+  const dispatch = useContext(PortalDispatchContext);
+  if (dispatch === null) {
+    throw new Error("'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component.");
+  }
+  const registerHost2 = useCallback(() => {
+    dispatch({
+      type: ACTIONS.REGISTER_HOST,
+      hostName
+    });
+  }, []);
+  const deregisterHost2 = useCallback(() => {
+    dispatch({
+      type: ACTIONS.DEREGISTER_HOST,
+      hostName
+    });
+  }, []);
+  const addUpdatePortal2 = useCallback((name, node) => {
+    dispatch({
+      type: ACTIONS.ADD_UPDATE_PORTAL,
+      hostName,
+      portalName: name,
+      node
+    });
+  }, []);
+  const removePortal2 = useCallback((name) => {
+    dispatch({
+      type: ACTIONS.REMOVE_PORTAL,
+      hostName,
+      portalName: name
+    });
+  }, []);
+  return {
+    registerHost: registerHost2,
+    deregisterHost: deregisterHost2,
+    addPortal: addUpdatePortal2,
+    updatePortal: addUpdatePortal2,
+    removePortal: removePortal2
+  };
+};
+
+// node_modules/@gorhom/portal/lib/module/components/portal/Portal.js
+var PortalComponent = ({
+  name: _providedName,
+  hostName,
+  handleOnMount: _providedHandleOnMount,
+  handleOnUnmount: _providedHandleOnUnmount,
+  handleOnUpdate: _providedHandleOnUpdate,
+  children
+}) => {
+  const {
+    addPortal: addUpdatePortal2,
+    removePortal: removePortal2
+  } = usePortal(hostName);
+  const name = useMemo(() => _providedName || nanoid(), [_providedName]);
+  const handleOnMountRef = useRef();
+  const handleOnUnmountRef = useRef();
+  const handleOnUpdateRef = useRef();
+  const handleOnMount = useCallback2(() => {
+    if (_providedHandleOnMount) {
+      _providedHandleOnMount(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  }, [_providedHandleOnMount, addUpdatePortal2]);
+  handleOnMountRef.current = handleOnMount;
+  const handleOnUnmount = useCallback2(() => {
+    if (_providedHandleOnUnmount) {
+      _providedHandleOnUnmount(() => removePortal2(name));
+    } else {
+      removePortal2(name);
+    }
+  }, [_providedHandleOnUnmount, removePortal2]);
+  handleOnUnmountRef.current = handleOnUnmount;
+  const handleOnUpdate = useCallback2(() => {
+    if (_providedHandleOnUpdate) {
+      _providedHandleOnUpdate(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  }, [_providedHandleOnUpdate, addUpdatePortal2, children]);
+  handleOnUpdateRef.current = handleOnUpdate;
+  useEffect2(() => {
+    var _handleOnMountRef$cur;
+    (_handleOnMountRef$cur = handleOnMountRef.current) === null || _handleOnMountRef$cur === void 0 ? void 0 : _handleOnMountRef$cur.call(handleOnMountRef);
+    return () => {
+      var _handleOnUnmountRef$c;
+      (_handleOnUnmountRef$c = handleOnUnmountRef.current) === null || _handleOnUnmountRef$c === void 0 ? void 0 : _handleOnUnmountRef$c.call(handleOnUnmountRef);
+      handleOnMountRef.current = void 0;
+      handleOnUnmountRef.current = void 0;
+      handleOnUpdateRef.current = void 0;
+    };
+  }, []);
+  useEffect2(() => {
+    var _handleOnUpdateRef$cu;
+    (_handleOnUpdateRef$cu = handleOnUpdateRef.current) === null || _handleOnUpdateRef$cu === void 0 ? void 0 : _handleOnUpdateRef$cu.call(handleOnUpdateRef);
+  }, [children]);
+  return null;
+};
+var Portal = /* @__PURE__ */ memo2(PortalComponent);
+Portal.displayName = "Portal";
+
+// node_modules/@gorhom/portal/lib/module/components/portalHost/PortalHost.js
+import React2, { memo as memo3, useEffect as useEffect3 } from "react";
+
+// node_modules/@gorhom/portal/lib/module/hooks/usePortalState.js
+import { useContext as useContext2 } from "react";
+var usePortalState = (hostName) => {
+  const state = useContext2(PortalStateContext);
+  if (state === null) {
+    throw new Error("'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component.");
+  }
+  return state[hostName] || [];
+};
+
+// node_modules/@gorhom/portal/lib/module/components/portalHost/PortalHost.js
+var PortalHostComponent = ({
+  name
+}) => {
+  const state = usePortalState(name);
+  const {
+    registerHost: registerHost2,
+    deregisterHost: deregisterHost2
+  } = usePortal(name);
+  useEffect3(() => {
+    registerHost2();
+    return () => {
+      deregisterHost2();
+    };
+  }, []);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, state.map((item) => item.node));
+};
+var PortalHost = /* @__PURE__ */ memo3(PortalHostComponent);
+PortalHost.displayName = "PortalHost";
+
+// node_modules/@gorhom/portal/lib/module/components/portalProvider/PortalProvider.js
+import React3, { memo as memo4, useReducer } from "react";
+
+// node_modules/@gorhom/portal/lib/module/utilities/logger.js
+var isLoggingEnabled = false;
+var isDev = Boolean(typeof __DEV__ !== "undefined" && __DEV__);
+var print = () => {
+};
+if (isDev) {
+  print = ({
+    component,
+    method,
+    params
+  }) => {
+    if (!isLoggingEnabled) {
+      return;
+    }
+    let message = "";
+    if (typeof params === "object") {
+      message = Object.keys(params).map((key) => "".concat(key, ":").concat(params[key])).join(" ");
+    } else {
+      message = "".concat(params !== null && params !== void 0 ? params : "");
+    }
+    console.log("[Portal::".concat([component, method].filter(Boolean).join("::"), "]"), message);
+  };
+}
+Object.freeze(print);
+
+// node_modules/@gorhom/portal/lib/module/state/reducer.js
+var registerHost = (state, hostName) => {
+  if (!(hostName in state)) {
+    state[hostName] = [];
+  }
+  return state;
+};
+var deregisterHost = (state, hostName) => {
+  delete state[hostName];
+  return state;
+};
+var addUpdatePortal = (state, hostName, portalName, node) => {
+  if (!(hostName in state)) {
+    state = registerHost(state, hostName);
+  }
+  const index = state[hostName].findIndex((item) => item.name === portalName);
+  if (index !== -1) {
+    state[hostName][index].node = node;
+  } else {
+    state[hostName].push({
+      name: portalName,
+      node
+    });
+  }
+  return state;
+};
+var removePortal = (state, hostName, portalName) => {
+  if (!(hostName in state)) {
+    print({
+      component: reducer.name,
+      method: removePortal.name,
+      params: "Failed to remove portal '".concat(portalName, "', '").concat(hostName, "' was not registered!")
+    });
+    return state;
+  }
+  const index = state[hostName].findIndex((item) => item.name === portalName);
+  if (index !== -1) state[hostName].splice(index, 1);
+  return state;
+};
+var reducer = (state, action) => {
+  const {
+    type
+  } = action;
+  let clonedState = __spreadValues({}, state);
+  switch (type) {
+    case ACTIONS.REGISTER_HOST:
+      return registerHost(clonedState, action.hostName);
+    case ACTIONS.DEREGISTER_HOST:
+      return deregisterHost(clonedState, action.hostName);
+    case ACTIONS.ADD_UPDATE_PORTAL:
+      return addUpdatePortal(clonedState, action.hostName, action.portalName, action.node);
+    case ACTIONS.REMOVE_PORTAL:
+      return removePortal(clonedState, action.hostName, action.portalName);
+    default:
+      return state;
+  }
+};
+
+// node_modules/@gorhom/portal/lib/module/components/portalProvider/PortalProvider.js
+var PortalProviderComponent = ({
+  rootHostName = "root",
+  shouldAddRootHost = true,
+  children
+}) => {
+  const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
+  return /* @__PURE__ */ React3.createElement(PortalDispatchContext.Provider, {
+    value: dispatch
+  }, /* @__PURE__ */ React3.createElement(PortalStateContext.Provider, {
+    value: state
+  }, children, shouldAddRootHost && /* @__PURE__ */ React3.createElement(PortalHost, {
+    name: rootHostName
+  })));
+};
+var PortalProvider = /* @__PURE__ */ memo4(PortalProviderComponent);
+PortalProvider.displayName = "PortalProvider";
+
+// src/context/provider/bottom-sheet-controller.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var ContentBottomSheetController = memo2(
+var ContentBottomSheetController = memo5(
   ({
     isOpen,
     overlayId,
@@ -99,10 +372,10 @@ var ContentBottomSheetController = memo2(
     overlayOrderList,
     options = {}
   }) => {
-    const bottomSheetRef = useRef(null);
+    const bottomSheetRef = useRef2(null);
     const reducedMotion = useReducedMotion();
     const [keyboardHeight, setKeyboardHeight] = useState(0);
-    const isKeyboardActiveRef = useRef(false);
+    const isKeyboardActiveRef = useRef2(false);
     const getZIndex = () => {
       const index = overlayOrderList.indexOf(overlayId);
       return 1e3 + index;
@@ -118,7 +391,8 @@ var ContentBottomSheetController = memo2(
       keyboardBehavior = Platform.OS === "android" ? "extend" : "interactive",
       keyboardBlurBehavior = "restore",
       androidKeyboardInputMode = "adjustResize",
-      closeAllOnGestureClose = false
+      closeAllOnGestureClose = false,
+      closeFunction
     } = _a, restOptions = __objRest(_a, [
       "snapPoints",
       "enablePanDownToClose",
@@ -130,9 +404,10 @@ var ContentBottomSheetController = memo2(
       "keyboardBehavior",
       "keyboardBlurBehavior",
       "androidKeyboardInputMode",
-      "closeAllOnGestureClose"
+      "closeAllOnGestureClose",
+      "closeFunction"
     ]);
-    useEffect2(() => {
+    useEffect4(() => {
       const keyboardWillShowListener = Keyboard.addListener(
         Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow",
         (e) => {
@@ -152,7 +427,7 @@ var ContentBottomSheetController = memo2(
         keyboardWillHideListener.remove();
       };
     }, []);
-    useEffect2(() => {
+    useEffect4(() => {
       if (isOpen) {
         const rafId = requestAnimationFrame(() => {
           var _a2;
@@ -163,7 +438,7 @@ var ContentBottomSheetController = memo2(
       } else {
       }
     }, [isOpen, overlayDispatch, overlayId]);
-    const handleClose = useCallback(() => {
+    const handleClose = useCallback3(() => {
       if (isKeyboardActiveRef.current) {
         Keyboard.dismiss();
         setTimeout(() => {
@@ -172,7 +447,10 @@ var ContentBottomSheetController = memo2(
           } else {
             overlayDispatch({ type: "REMOVE", overlayId });
           }
-        }, 200);
+          if (closeFunction) {
+            closeFunction();
+          }
+        }, 100);
         return;
       }
       setTimeout(() => {
@@ -181,9 +459,12 @@ var ContentBottomSheetController = memo2(
         } else {
           overlayDispatch({ type: "REMOVE", overlayId });
         }
-      }, 100);
-    }, [overlayDispatch, overlayId, closeAllOnGestureClose]);
-    const renderBackdrop = useCallback(
+        if (closeFunction) {
+          closeFunction();
+        }
+      }, 50);
+    }, [overlayDispatch, overlayId, closeAllOnGestureClose, closeFunction]);
+    const renderBackdrop = useCallback3(
       (props) => /* @__PURE__ */ jsx2(
         BottomSheetBackdrop,
         __spreadProps(__spreadValues({}, props), {
@@ -195,7 +476,7 @@ var ContentBottomSheetController = memo2(
       ),
       [backdropOpacity, handleClose]
     );
-    const handleSheetChange = useCallback((index) => {
+    const handleSheetChange = useCallback3((index) => {
     }, []);
     const getLayerIndex = () => {
       return Math.max(0, overlayOrderList.indexOf(overlayId));
@@ -232,10 +513,10 @@ var ContentBottomSheetController = memo2(
         ],
         enableDynamicSizing,
         animateOnMount: !reducedMotion,
-        children: React2.isValidElement(Controller) ? React2.cloneElement(Controller, {
+        children: React4.isValidElement(Controller) ? React4.cloneElement(Controller, {
           close: () => overlayDispatch({ type: "CLOSE", overlayId }),
           unmount: () => overlayDispatch({ type: "REMOVE", overlayId })
-        }) : React2.createElement(Controller, __spreadValues({
+        }) : React4.createElement(Controller, __spreadValues({
           isOpen,
           overlayId,
           snapPoints,
@@ -250,7 +531,7 @@ var ContentBottomSheetController = memo2(
 );
 
 // src/context/provider/modal-controller.tsx
-import React3, { memo as memo3, useEffect as useEffect3, useState as useState2 } from "react";
+import React5, { memo as memo6, useEffect as useEffect5, useState as useState2 } from "react";
 import {
   View as View2,
   Animated,
@@ -259,10 +540,9 @@ import {
   Pressable,
   Keyboard as Keyboard2
 } from "react-native";
-import { Portal as Portal2 } from "@gorhom/portal";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get("window");
-var ContentModalController = memo3(
+var ContentModalController = memo6(
   ({
     isOpen,
     overlayId,
@@ -280,7 +560,7 @@ var ContentModalController = memo3(
     const [backdropAnimation] = useState2(new Animated.Value(0));
     const [contentAnimation] = useState2(new Animated.Value(0));
     const [mounted, setMounted] = useState2(isOpen);
-    useEffect3(() => {
+    useEffect5(() => {
       if (isOpen) {
         if (!mounted) setMounted(true);
         setImmediate(() => {
@@ -407,7 +687,7 @@ var ContentModalController = memo3(
       }
     };
     if (!mounted) return null;
-    return /* @__PURE__ */ jsx3(Portal2, { hostName: `overlay-modal-${getLayerIndex()}`, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx3(Portal, { hostName: `overlay-modal-${getLayerIndex()}`, children: /* @__PURE__ */ jsxs(
       View2,
       {
         style: [styles.absoluteContainer],
@@ -440,10 +720,10 @@ var ContentModalController = memo3(
             {
               style: [getContainerStyle(), getContentAnimationStyle()],
               pointerEvents: "box-none",
-              children: /* @__PURE__ */ jsx3(View2, { pointerEvents: "box-none", children: React3.isValidElement(Controller) ? React3.cloneElement(Controller, {
+              children: /* @__PURE__ */ jsx3(View2, { pointerEvents: "box-none", children: React5.isValidElement(Controller) ? React5.cloneElement(Controller, {
                 close: () => overlayDispatch({ type: "CLOSE", overlayId }),
                 unmount: () => overlayDispatch({ type: "REMOVE", overlayId })
-              }) : React3.createElement(Controller, {
+              }) : React5.createElement(Controller, {
                 isOpen,
                 overlayId,
                 modalType,
@@ -490,10 +770,10 @@ var styles = StyleSheet2.create({
 });
 
 // src/event.ts
-import React5 from "react";
+import React7 from "react";
 
 // src/utils/create-use-external-events.ts
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect6 } from "react";
 
 // src/utils/emitter.ts
 function createEmitter(all) {
@@ -538,7 +818,7 @@ function createEmitter(all) {
 // src/utils/create-use-external-events.ts
 var emitter = createEmitter();
 function useClientEffect(...args) {
-  useEffect4(...args);
+  useEffect6(...args);
 }
 function dispatchEvent(type, detail) {
   emitter.emit(type, detail);
@@ -578,13 +858,13 @@ function randomId() {
 }
 
 // src/utils/get-component-name.ts
-import React4 from "react";
+import React6 from "react";
 function getComponentName(controller) {
   var _a, _b;
   if (controller == null ? void 0 : controller.displayName) {
     return controller.displayName;
   }
-  if (React4.isValidElement(controller)) {
+  if (React6.isValidElement(controller)) {
     const type = controller.type;
     if (type == null ? void 0 : type.displayName) return type.displayName;
     if ((type == null ? void 0 : type.name) && type.name !== "anonymous") return type.name;
@@ -617,9 +897,9 @@ function createOverlay(overlayId) {
     const dispatchOpenEvent = createEvent("open");
     const _c = options || {}, { overlayId: _, overlayType: __ } = _c, restOptions = __objRest(_c, ["overlayId", "overlayType"]);
     let finalController;
-    if (React5.isValidElement(controller)) {
+    if (React7.isValidElement(controller)) {
       finalController = (props) => {
-        return React5.cloneElement(controller, __spreadProps(__spreadValues(__spreadValues({}, controller.props || {}), props), {
+        return React7.cloneElement(controller, __spreadProps(__spreadValues(__spreadValues({}, controller.props || {}), props), {
           close: props.close,
           unmount: props.unmount
         }));
@@ -649,8 +929,8 @@ function createOverlay(overlayId) {
           overlayProps.unmount();
         };
         const props = __spreadProps(__spreadValues({}, overlayProps), { close: close2, unmount: unmount2 });
-        if (React5.isValidElement(controller)) {
-          return React5.cloneElement(controller, __spreadValues(__spreadValues({}, controller.props || {}), props));
+        if (React7.isValidElement(controller)) {
+          return React7.cloneElement(controller, __spreadValues(__spreadValues({}, controller.props || {}), props));
         }
         if (typeof controller === "function") {
           return controller(props);
@@ -676,13 +956,13 @@ function createOverlay(overlayId) {
 }
 
 // src/utils/create-safe-context.ts
-import { createContext, useContext } from "react";
+import { createContext as createContext2, useContext as useContext3 } from "react";
 var NullSymbol = Symbol("Null");
 function createSafeContext(displayName) {
-  const Context = createContext(NullSymbol);
+  const Context = createContext2(NullSymbol);
   Context.displayName = displayName != null ? displayName : "SafeContext";
   function useSafeContext() {
-    const context = useContext(Context);
+    const context = useContext3(Context);
     if (context === NullSymbol) {
       const error = new Error(`[${Context.displayName}]: Provider not found.`);
       error.name = "[Error] Context";
@@ -816,23 +1096,22 @@ function overlayReducer(state, action) {
 // src/context/provider/index.tsx
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { BottomSheetModalProvider as BottomSheetModalProvider2 } from "@gorhom/bottom-sheet";
-import { PortalProvider, PortalHost } from "@gorhom/portal";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function createOverlayProvider() {
   const overlayId = randomId();
   const _a = createOverlay(overlayId), { useOverlayEvent } = _a, overlay2 = __objRest(_a, ["useOverlayEvent"]);
   const { OverlayContextProvider, useCurrentOverlay: useCurrentOverlay2, useOverlayData: useOverlayData2 } = createOverlaySafeContext();
   function OverlayProvider2({ children }) {
-    const [overlayState, overlayDispatch] = useReducer(overlayReducer, {
+    const [overlayState, overlayDispatch] = useReducer2(overlayReducer, {
       current: null,
       overlayOrderList: [],
       overlayData: {}
     });
-    const overlayStateRef = useRef2(overlayState);
-    useEffect5(() => {
+    const overlayStateRef = useRef3(overlayState);
+    useEffect7(() => {
       overlayStateRef.current = overlayState;
     }, [overlayState]);
-    const overlayOpen = useCallback2(
+    const overlayOpen = useCallback4(
       ({
         controller,
         overlayId: overlayId2,
@@ -857,16 +1136,16 @@ function createOverlayProvider() {
       },
       []
     );
-    const close = useCallback2((overlayId2) => {
+    const close = useCallback4((overlayId2) => {
       overlayDispatch({ type: "CLOSE", overlayId: overlayId2 });
     }, []);
-    const unmount = useCallback2((overlayId2) => {
+    const unmount = useCallback4((overlayId2) => {
       overlayDispatch({ type: "REMOVE", overlayId: overlayId2 });
     }, []);
-    const closeAll = useCallback2(() => {
+    const closeAll = useCallback4(() => {
       overlayDispatch({ type: "CLOSE_ALL" });
     }, []);
-    const unmountAll = useCallback2(() => {
+    const unmountAll = useCallback4(() => {
       overlayDispatch({ type: "REMOVE_ALL" });
     }, []);
     useOverlayEvent({
@@ -876,12 +1155,12 @@ function createOverlayProvider() {
       closeAll,
       unmountAll
     });
-    useEffect5(() => {
+    useEffect7(() => {
       return () => {
         overlayDispatch({ type: "REMOVE_ALL" });
       };
     }, []);
-    useEffect5(() => {
+    useEffect7(() => {
       if (Platform2.OS !== "android") {
         return;
       }