@tamagui/portal 1.0.1-beta.21 → 1.0.1-beta.210

package/dist/esm/GorhomPortal.js

@@ -0,0 +1,237 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useDidFinishSSR } from "@tamagui/core";
+import { startTransition, useMemo, useRef } from "react";
+import { createContext, memo, useCallback, useContext, useEffect, useReducer } from "react";
+var ACTIONS = /* @__PURE__ */ ((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";
+  return ACTIONS2;
+})(ACTIONS || {});
+const INITIAL_STATE = {};
+const registerHost = (state, hostName) => {
+  if (!(hostName in state)) {
+    state[hostName] = [];
+  }
+  return state;
+};
+const deregisterHost = (state, hostName) => {
+  delete state[hostName];
+  return state;
+};
+const 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;
+};
+const removePortal = (state, hostName, portalName) => {
+  if (!(hostName in state)) {
+    console.log(`Failed to remove portal '${portalName}', '${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;
+};
+const reducer = (state, action) => {
+  const { type } = action;
+  switch (type) {
+    case 0 /* REGISTER_HOST */:
+      return registerHost({ ...state }, action.hostName);
+    case 1 /* DEREGISTER_HOST */:
+      return deregisterHost({ ...state }, action.hostName);
+    case 2 /* ADD_UPDATE_PORTAL */:
+      return addUpdatePortal(
+        { ...state },
+        action.hostName,
+        action.portalName,
+        action.node
+      );
+    case 3 /* REMOVE_PORTAL */:
+      return removePortal({ ...state }, action.hostName, action.portalName);
+    default:
+      return state;
+  }
+};
+const PortalStateContext = createContext(null);
+const PortalDispatchContext = createContext(null);
+const usePortalState = (hostName) => {
+  const state = useContext(PortalStateContext);
+  if (state === null) {
+    throw new Error(
+      "'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component."
+    );
+  }
+  return state[hostName] || [];
+};
+const 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: 0 /* REGISTER_HOST */,
+      hostName
+    });
+  }, []);
+  const deregisterHost2 = useCallback(() => {
+    dispatch({
+      type: 1 /* DEREGISTER_HOST */,
+      hostName
+    });
+  }, []);
+  const addUpdatePortal2 = useCallback((name, node) => {
+    dispatch({
+      type: 2 /* ADD_UPDATE_PORTAL */,
+      hostName,
+      portalName: name,
+      node
+    });
+  }, []);
+  const removePortal2 = useCallback((name) => {
+    dispatch({
+      type: 3 /* REMOVE_PORTAL */,
+      hostName,
+      portalName: name
+    });
+  }, []);
+  return {
+    registerHost: registerHost2,
+    deregisterHost: deregisterHost2,
+    addPortal: addUpdatePortal2,
+    updatePortal: addUpdatePortal2,
+    removePortal: removePortal2
+  };
+};
+const PortalProviderComponent = ({
+  rootHostName = "root",
+  shouldAddRootHost = true,
+  children
+}) => {
+  const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
+  const transitionDispatch = useMemo(() => {
+    const next = (value) => {
+      startTransition(() => {
+        dispatch(value);
+      });
+    };
+    return next;
+  }, [dispatch]);
+  return /* @__PURE__ */ jsx(PortalDispatchContext.Provider, {
+    value: transitionDispatch,
+    children: /* @__PURE__ */ jsxs(PortalStateContext.Provider, {
+      value: state,
+      children: [
+        children,
+        shouldAddRootHost && /* @__PURE__ */ jsx(PortalHost, {
+          name: rootHostName
+        })
+      ]
+    })
+  });
+};
+const PortalProvider = memo(PortalProviderComponent);
+PortalProvider.displayName = "PortalProvider";
+const PortalHostComponent = ({ name }) => {
+  const isServer = !useDidFinishSSR();
+  const state = usePortalState(name);
+  const { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(name);
+  useEffect(() => {
+    if (isServer)
+      return;
+    registerHost2();
+    return () => {
+      deregisterHost2();
+    };
+  }, [isServer]);
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: state.map((item) => item.node)
+  });
+};
+const PortalHost = memo(PortalHostComponent);
+PortalHost.displayName = "PortalHost";
+const PortalComponent = ({
+  name: _providedName,
+  hostName,
+  handleOnMount: _providedHandleOnMount,
+  handleOnUnmount: _providedHandleOnUnmount,
+  handleOnUpdate: _providedHandleOnUpdate,
+  children
+}) => {
+  const { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName);
+  let id = 0;
+  const nanoid = () => {
+    id = (id + 1) % Number.MAX_SAFE_INTEGER;
+    return `${id}`;
+  };
+  const name = useMemo(() => _providedName || nanoid(), [_providedName]);
+  const handleOnMountRef = useRef();
+  const handleOnUnmountRef = useRef();
+  const handleOnUpdateRef = useRef();
+  const handleOnMount = useCallback(() => {
+    if (_providedHandleOnMount) {
+      _providedHandleOnMount(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  }, [_providedHandleOnMount, addUpdatePortal2]);
+  handleOnMountRef.current = handleOnMount;
+  const handleOnUnmount = useCallback(() => {
+    if (_providedHandleOnUnmount) {
+      _providedHandleOnUnmount(() => removePortal2(name));
+    } else {
+      removePortal2(name);
+    }
+  }, [_providedHandleOnUnmount, removePortal2]);
+  handleOnUnmountRef.current = handleOnUnmount;
+  const handleOnUpdate = useCallback(() => {
+    if (_providedHandleOnUpdate) {
+      _providedHandleOnUpdate(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  }, [_providedHandleOnUpdate, addUpdatePortal2, children]);
+  handleOnUpdateRef.current = handleOnUpdate;
+  useEffect(() => {
+    var _a;
+    (_a = handleOnMountRef.current) == null ? void 0 : _a.call(handleOnMountRef);
+    return () => {
+      var _a2;
+      (_a2 = handleOnUnmountRef.current) == null ? void 0 : _a2.call(handleOnUnmountRef);
+      handleOnMountRef.current = void 0;
+      handleOnUnmountRef.current = void 0;
+      handleOnUpdateRef.current = void 0;
+    };
+  }, []);
+  useEffect(() => {
+    var _a;
+    (_a = handleOnUpdateRef.current) == null ? void 0 : _a.call(handleOnUpdateRef);
+  }, [children]);
+  return null;
+};
+const PortalItem = memo(PortalComponent);
+PortalItem.displayName = "Portal";
+export {
+  ACTIONS,
+  INITIAL_STATE,
+  PortalHost,
+  PortalItem,
+  PortalProvider,
+  usePortal
+};
+//# sourceMappingURL=GorhomPortal.js.map

package/dist/esm/GorhomPortal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/GorhomPortal.tsx"],
+  "sourcesContent": ["// from https://github.com/gorhom/react-native-portal\n// MIT License Copyright (c) 2020 Mo Gorhom\n// fixing SSR issue\n\nimport { useDidFinishSSR } from '@tamagui/core'\nimport { ReactNode, startTransition, useMemo, useRef } from 'react'\nimport React, { createContext, memo, useCallback, useContext, useEffect, useReducer } from 'react'\n\ninterface PortalType {\n  name: string\n  node: ReactNode\n}\n\nenum ACTIONS {\n  REGISTER_HOST,\n  DEREGISTER_HOST,\n  ADD_UPDATE_PORTAL,\n  REMOVE_PORTAL,\n}\n\nconst INITIAL_STATE = {}\n\nexport { ACTIONS, INITIAL_STATE }\n\nexport interface AddUpdatePortalAction {\n  type: ACTIONS\n  hostName: string\n  portalName: string\n  node: ReactNode\n}\n\nexport interface RemovePortalAction {\n  type: ACTIONS\n  hostName: string\n  portalName: string\n}\n\nexport interface RegisterHostAction {\n  type: ACTIONS\n  hostName: string\n}\n\nexport interface UnregisterHostAction {\n  type: ACTIONS\n  hostName: string\n}\n\nexport type ActionTypes =\n  | AddUpdatePortalAction\n  | RemovePortalAction\n  | RegisterHostAction\n  | UnregisterHostAction\n\nconst registerHost = (state: Record<string, Array<PortalType>>, hostName: string) => {\n  if (!(hostName in state)) {\n    state[hostName] = []\n  }\n  return state\n}\n\nconst deregisterHost = (state: Record<string, Array<PortalType>>, hostName: string) => {\n  delete state[hostName]\n  return state\n}\n\nconst addUpdatePortal = (\n  state: Record<string, Array<PortalType>>,\n  hostName: string,\n  portalName: string,\n  node: any\n) => {\n  if (!(hostName in state)) {\n    state = registerHost(state, hostName)\n  }\n\n  /**\n   * updated portal, if it was already added.\n   */\n  const index = state[hostName].findIndex((item) => item.name === portalName)\n  if (index !== -1) {\n    state[hostName][index].node = node\n  } else {\n    state[hostName].push({\n      name: portalName,\n      node,\n    })\n  }\n  return state\n}\n\nconst removePortal = (\n  state: Record<string, Array<PortalType>>,\n  hostName: string,\n  portalName: string\n) => {\n  if (!(hostName in state)) {\n    // eslint-disable-next-line no-console\n    console.log(`Failed to remove portal '${portalName}', '${hostName}' was not registered!`)\n    return state\n  }\n\n  const index = state[hostName].findIndex((item) => item.name === portalName)\n  if (index !== -1) state[hostName].splice(index, 1)\n  return state\n}\n\nconst reducer = (state: Record<string, Array<PortalType>>, action: ActionTypes) => {\n  const { type } = action\n  switch (type) {\n    case ACTIONS.REGISTER_HOST:\n      return registerHost({ ...state }, action.hostName)\n    case ACTIONS.DEREGISTER_HOST:\n      return deregisterHost({ ...state }, action.hostName)\n    case ACTIONS.ADD_UPDATE_PORTAL:\n      return addUpdatePortal(\n        { ...state },\n        action.hostName,\n        (action as AddUpdatePortalAction).portalName,\n        (action as AddUpdatePortalAction).node\n      )\n    case ACTIONS.REMOVE_PORTAL:\n      return removePortal({ ...state }, action.hostName, (action as RemovePortalAction).portalName)\n    default:\n      return state\n  }\n}\n\nconst PortalStateContext = createContext<Record<string, Array<PortalType>> | null>(null)\nconst PortalDispatchContext = createContext<React.Dispatch<ActionTypes> | null>(null)\n\nconst usePortalState = (hostName: string) => {\n  const state = useContext(PortalStateContext)\n\n  if (state === null) {\n    throw new Error(\n      \"'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component.\"\n    )\n  }\n\n  return state[hostName] || []\n}\n\nexport const usePortal = (hostName = 'root') => {\n  const dispatch = useContext(PortalDispatchContext)\n\n  if (dispatch === null) {\n    throw new Error(\n      \"'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component.\"\n    )\n  }\n\n  //#region methods\n  const registerHost = useCallback(() => {\n    dispatch({\n      type: ACTIONS.REGISTER_HOST,\n      hostName: hostName,\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const deregisterHost = useCallback(() => {\n    dispatch({\n      type: ACTIONS.DEREGISTER_HOST,\n      hostName: hostName,\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const addUpdatePortal = useCallback((name: string, node: ReactNode) => {\n    dispatch({\n      type: ACTIONS.ADD_UPDATE_PORTAL,\n      hostName,\n      portalName: name,\n      node,\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const removePortal = useCallback((name: string) => {\n    dispatch({\n      type: ACTIONS.REMOVE_PORTAL,\n      hostName,\n      portalName: name,\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n  //#endregion\n\n  return {\n    registerHost,\n    deregisterHost,\n    addPortal: addUpdatePortal,\n    updatePortal: addUpdatePortal,\n    removePortal,\n  }\n}\n\nexport interface PortalProviderProps {\n  /**\n   * Defines whether to add a default root host or not.\n   *\n   * @default true\n   * @type boolean\n   */\n  shouldAddRootHost?: boolean\n\n  /**\n   * Defines the root portal host name.\n   *\n   * @default \"root\"\n   * @type string\n   */\n  rootHostName?: string\n\n  children: ReactNode | ReactNode[]\n}\n\nconst PortalProviderComponent = ({\n  rootHostName = 'root',\n  shouldAddRootHost = true,\n  children,\n}: PortalProviderProps) => {\n  const [state, dispatch] = useReducer(reducer, INITIAL_STATE)\n  const transitionDispatch = useMemo(() => {\n    const next = (value: any) => {\n      startTransition(() => {\n        dispatch(value)\n      })\n    }\n    return next as typeof dispatch\n  }, [dispatch])\n  return (\n    <PortalDispatchContext.Provider value={transitionDispatch}>\n      <PortalStateContext.Provider value={state}>\n        {children}\n        {shouldAddRootHost && <PortalHost name={rootHostName} />}\n      </PortalStateContext.Provider>\n    </PortalDispatchContext.Provider>\n  )\n}\n\nexport const PortalProvider = memo(PortalProviderComponent)\nPortalProvider.displayName = 'PortalProvider'\n\nexport interface PortalHostProps {\n  /**\n   * Host's key or name to be used as an identifier.\n   * @type string\n   */\n  name: string\n}\n\nconst PortalHostComponent = ({ name }: PortalHostProps) => {\n  //#region hooks\n  const isServer = !useDidFinishSSR()\n  const state = usePortalState(name)\n  const { registerHost, deregisterHost } = usePortal(name)\n  //#endregion\n\n  //#region effects\n  useEffect(() => {\n    if (isServer) return\n    registerHost()\n    return () => {\n      deregisterHost()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isServer])\n  //#endregion\n\n  //#region render\n  return <>{state.map((item) => item.node)}</>\n  //#endregion\n}\n\nexport const PortalHost = memo(PortalHostComponent)\nPortalHost.displayName = 'PortalHost'\n\nexport interface PortalItemProps {\n  /**\n   * Portal's key or name to be used as an identifier.\n   * @type string\n   * @default nanoid generated unique key.\n   */\n  name?: string\n  /**\n   * Host's name to teleport the portal content to.\n   * @type string\n   * @default 'root'\n   */\n  hostName?: string\n  /**\n   * Override internal mounting functionality, this is useful\n   * if you want to trigger any action before mounting the portal content.\n   * @type (mount?: () => void) => void\n   * @default undefined\n   */\n  handleOnMount?: (mount: () => void) => void\n  /**\n   * Override internal un-mounting functionality, this is useful\n   * if you want to trigger any action before un-mounting the portal content.\n   * @type (unmount?: () => void) => void\n   * @default undefined\n   */\n  handleOnUnmount?: (unmount: () => void) => void\n  /**\n   * Override internal updating functionality, this is useful\n   * if you want to trigger any action before updating the portal content.\n   * @type (update?: () => void) => void\n   * @default undefined\n   */\n  handleOnUpdate?: (update: () => void) => void\n  /**\n   * Portal's content.\n   * @type ReactNode\n   * @default undefined\n   */\n  children?: ReactNode | ReactNode[]\n}\n\nconst PortalComponent = ({\n  name: _providedName,\n  hostName,\n  handleOnMount: _providedHandleOnMount,\n  handleOnUnmount: _providedHandleOnUnmount,\n  handleOnUpdate: _providedHandleOnUpdate,\n  children,\n}: PortalItemProps) => {\n  //#region hooks\n  const { addPortal: addUpdatePortal, removePortal } = usePortal(hostName)\n  //#endregion\n\n  let id = 0\n  const nanoid = () => {\n    id = (id + 1) % Number.MAX_SAFE_INTEGER\n    return `${id}`\n  }\n\n  //#region variables\n  const name = useMemo(() => _providedName || nanoid(), [_providedName])\n  //#endregion\n\n  //#region refs\n  const handleOnMountRef = useRef<Function>()\n  const handleOnUnmountRef = useRef<Function>()\n  const handleOnUpdateRef = useRef<Function>()\n  //#endregion\n\n  //#region callbacks\n  const handleOnMount = useCallback(() => {\n    if (_providedHandleOnMount) {\n      _providedHandleOnMount(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [_providedHandleOnMount, addUpdatePortal])\n  handleOnMountRef.current = handleOnMount\n\n  const handleOnUnmount = useCallback(() => {\n    if (_providedHandleOnUnmount) {\n      _providedHandleOnUnmount(() => removePortal(name))\n    } else {\n      removePortal(name)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [_providedHandleOnUnmount, removePortal])\n  handleOnUnmountRef.current = handleOnUnmount\n\n  const handleOnUpdate = useCallback(() => {\n    if (_providedHandleOnUpdate) {\n      _providedHandleOnUpdate(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [_providedHandleOnUpdate, addUpdatePortal, children])\n  handleOnUpdateRef.current = handleOnUpdate\n  //#endregion\n\n  //#region effects\n  useEffect(() => {\n    handleOnMountRef.current?.()\n    return () => {\n      handleOnUnmountRef.current?.()\n\n      // remove callbacks refs\n      handleOnMountRef.current = undefined\n      handleOnUnmountRef.current = undefined\n      handleOnUpdateRef.current = undefined\n    }\n  }, [])\n  useEffect(() => {\n    handleOnUpdateRef.current?.()\n  }, [children])\n  //#endregion\n\n  return null\n}\n\nexport const PortalItem = memo(PortalComponent)\nPortalItem.displayName = 'Portal'\n"],
+  "mappings": "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",
+  "names": ["ACTIONS", "registerHost", "deregisterHost", "addUpdatePortal", "removePortal", "_a"]
+}

package/dist/esm/Portal.js

@@ -1,32 +1,28 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
 import "@tamagui/polyfill-dev";
 import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
 import * as React from "react";
 import { createPortal } from "react-dom";
-import { Modal } from "react-native";
-const Portal = /* @__PURE__ */ __name((props) => {
-  const contents = /* @__PURE__ */ React.createElement(YStack, {
-    pointerEvents: "none",
+const Portal = ({ host = ((_a) => (_a = globalThis.document) == null ? void 0 : _a.body)(), ...props }) => {
+  const contents = /* @__PURE__ */ jsx(YStack, {
+    pointerEvents: "box-none",
+    contain: "strict",
     fullscreen: true,
+    position: isWeb ? "fixed" : "absolute",
+    maxWidth: isWeb ? "100vw" : "100%",
+    maxHeight: isWeb ? "100vh" : "100%",
     ...props
   });
-  if (!isWeb) {
-    return /* @__PURE__ */ React.createElement(Modal, {
-      visible: true
-    }, contents);
-  }
   const [hostElement, setHostElement] = React.useState(null);
   useIsomorphicLayoutEffect(() => {
-    var _a;
-    setHostElement((_a = globalThis.document) == null ? void 0 : _a.body);
-  }, []);
+    setHostElement(host);
+  }, [host]);
   if (hostElement) {
     return createPortal(contents, hostElement);
   }
   return null;
-}, "Portal");
+};
 export {
   Portal
 };

package/dist/esm/Portal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.tsx"],
-  "sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\nimport { Modal } from 'react-native'\n\n// todo extract to package\nexport const Portal = (props: YStackProps) => {\n  const contents = <YStack pointerEvents=\"none\" fullscreen {...props} />\n  if (!isWeb) {\n    return <Modal visible>{contents}</Modal>\n  }\n  const [hostElement, setHostElement] = React.useState<any>(null)\n\n  useIsomorphicLayoutEffect(() => {\n    setHostElement(globalThis.document?.body)\n  }, [])\n\n  if (hostElement) {\n    return createPortal(contents, hostElement)\n  }\n  // ssr return null\n  return null\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AACA;AACA;AACA;AAGO,MAAM,SAAS,wBAAC,UAAuB;AAC5C,QAAM,WAAW,oCAAC;AAAA,IAAO,eAAc;AAAA,IAAO,YAAU;AAAA,OAAK;AAAA,GAAO;AACpE,MAAI,CAAC,OAAO;AACV,WAAO,oCAAC;AAAA,MAAM,SAAO;AAAA,OAAE,QAAS;AAAA,EAClC;AACA,QAAM,CAAC,aAAa,kBAAkB,MAAM,SAAc,IAAI;AAE9D,4BAA0B,MAAM;AAhBlC;AAiBI,mBAAe,iBAAW,aAAX,mBAAqB,IAAI;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,MAAI,aAAa;AACf,WAAO,aAAa,UAAU,WAAW;AAAA,EAC3C;AAEA,SAAO;AACT,GAhBsB;",
+  "sourcesContent": ["/* eslint-disable react-hooks/rules-of-hooks */\nimport '@tamagui/polyfill-dev'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PortalProps } from './PortalProps'\n\nexport const Portal = ({ host = globalThis.document?.body, ...props }: PortalProps) => {\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\n      contain=\"strict\"\n      fullscreen\n      // @ts-expect-error ok on web\n      position={isWeb ? 'fixed' : 'absolute'}\n      maxWidth={isWeb ? '100vw' : '100%'}\n      maxHeight={isWeb ? '100vh' : '100%'}\n      {...props}\n    />\n  )\n\n  const [hostElement, setHostElement] = React.useState<any>(null)\n\n  useIsomorphicLayoutEffect(() => {\n    setHostElement(host)\n  }, [host])\n\n  if (hostElement) {\n    return createPortal(contents, hostElement)\n  }\n\n  // ssr return null\n  return null\n}\n"],
+  "mappings": "AAYI;AAXJ,OAAO;AAEP,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAItB,MAAM,SAAS,CAAC,EAAE,QAAO,yBAAW,aAAX,mBAAqB,YAAS,MAAM,MAAmB;AACrF,QAAM,WACJ,oBAAC;AAAA,IACC,eAAc;AAAA,IACd,SAAQ;AAAA,IACR,YAAU;AAAA,IAEV,UAAU,QAAQ,UAAU;AAAA,IAC5B,UAAU,QAAQ,UAAU;AAAA,IAC5B,WAAW,QAAQ,UAAU;AAAA,IAC5B,GAAG;AAAA,GACN;AAGF,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAc,IAAI;AAE9D,4BAA0B,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,aAAa;AACf,WAAO,aAAa,UAAU,WAAW;AAAA,EAC3C;AAGA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/Portal.native.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { Platform, RootTagContext } from "react-native";
+import { createPortal } from "react-native/Libraries/Renderer/shims/ReactNative";
+import { PortalItem } from "./GorhomPortal";
+const Portal = (props) => {
+  const rootTag = React.useContext(RootTagContext);
+  const contents = /* @__PURE__ */ jsx(YStack, {
+    pointerEvents: "box-none",
+    fullscreen: true,
+    position: "absolute",
+    maxWidth: "100%",
+    zIndex: 1e5,
+    ...props
+  });
+  if (Platform.OS === "android") {
+    return /* @__PURE__ */ jsx(PortalItem, {
+      name: "_tamagui_root_portal",
+      children: contents
+    });
+  }
+  if (rootTag) {
+    return createPortal(contents, rootTag);
+  }
+  if (process.env.NODE_ENV === "development") {
+    console.warn(
+      `Missing rootTag, this is a bug - you may need a different React Native version, or to avoid using "modal" on native.`
+    );
+  }
+  return null;
+};
+export {
+  Portal
+};
+//# sourceMappingURL=Portal.native.js.map

package/dist/esm/Portal.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Portal.native.tsx"],
+  "sourcesContent": ["import { YStack } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { Platform, RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nimport { PortalItem } from './GorhomPortal'\nimport { PortalProps } from './PortalProps'\n\nexport const Portal = (props: PortalProps) => {\n  const rootTag = React.useContext(RootTagContext)\n\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\n      fullscreen\n      position=\"absolute\"\n      maxWidth=\"100%\"\n      zIndex={100000}\n      {...props}\n    />\n  )\n\n  if (Platform.OS === 'android') {\n    return <PortalItem name=\"_tamagui_root_portal\">{contents}</PortalItem>\n  }\n\n  if (rootTag) {\n    return createPortal(contents, rootTag)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Missing rootTag, this is a bug - you may need a different React Native version, or to avoid using \"modal\" on native.`\n    )\n  }\n\n  return null\n}\n"],
+  "mappings": "AAaI;AAbJ,SAAS,cAAc;AACvB,YAAY,WAAW;AAEvB,SAAS,UAAU,sBAAsB;AACzC,SAAS,oBAAoB;AAE7B,SAAS,kBAAkB;AAGpB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,cAAc;AAE/C,QAAM,WACJ,oBAAC;AAAA,IACC,eAAc;AAAA,IACd,YAAU;AAAA,IACV,UAAS;AAAA,IACT,UAAS;AAAA,IACT,QAAQ;AAAA,IACP,GAAG;AAAA,GACN;AAGF,MAAI,SAAS,OAAO,WAAW;AAC7B,WAAO,oBAAC;AAAA,MAAW,MAAK;AAAA,MAAwB;AAAA,KAAS;AAAA,EAC3D;AAEA,MAAI,SAAS;AACX,WAAO,aAAa,UAAU,OAAO;AAAA,EACvC;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/PortalProps.js

@@ -0,0 +1 @@
+//# sourceMappingURL=PortalProps.js.map

package/dist/esm/PortalProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,2 +1,3 @@
 export * from "./Portal";
+export * from "./GorhomPortal";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export * from './Portal'\n"],
-  "mappings": "AAAA;",
+  "sourcesContent": ["export * from './Portal'\nexport * from './GorhomPortal'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/jsx/GorhomPortal.js

@@ -0,0 +1,223 @@
+import { startTransition, useDidFinishSSR } from "@tamagui/core";
+import { useMemo, useRef } from "react";
+import { createContext, memo, useCallback, useContext, useEffect, useReducer } from "react";
+var ACTIONS = /* @__PURE__ */ ((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";
+  return ACTIONS2;
+})(ACTIONS || {});
+const INITIAL_STATE = {};
+const registerHost = (state, hostName) => {
+  if (!(hostName in state)) {
+    state[hostName] = [];
+  }
+  return state;
+};
+const deregisterHost = (state, hostName) => {
+  delete state[hostName];
+  return state;
+};
+const 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;
+};
+const removePortal = (state, hostName, portalName) => {
+  if (!(hostName in state)) {
+    console.log(`Failed to remove portal '${portalName}', '${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;
+};
+const reducer = (state, action) => {
+  const { type } = action;
+  switch (type) {
+    case 0 /* REGISTER_HOST */:
+      return registerHost({ ...state }, action.hostName);
+    case 1 /* DEREGISTER_HOST */:
+      return deregisterHost({ ...state }, action.hostName);
+    case 2 /* ADD_UPDATE_PORTAL */:
+      return addUpdatePortal(
+        { ...state },
+        action.hostName,
+        action.portalName,
+        action.node
+      );
+    case 3 /* REMOVE_PORTAL */:
+      return removePortal({ ...state }, action.hostName, action.portalName);
+    default:
+      return state;
+  }
+};
+const PortalStateContext = createContext(null);
+const PortalDispatchContext = createContext(null);
+const usePortalState = (hostName) => {
+  const state = useContext(PortalStateContext);
+  if (state === null) {
+    throw new Error(
+      "'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component."
+    );
+  }
+  return state[hostName] || [];
+};
+const 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: 0 /* REGISTER_HOST */,
+      hostName
+    });
+  }, []);
+  const deregisterHost2 = useCallback(() => {
+    dispatch({
+      type: 1 /* DEREGISTER_HOST */,
+      hostName
+    });
+  }, []);
+  const addUpdatePortal2 = useCallback((name, node) => {
+    dispatch({
+      type: 2 /* ADD_UPDATE_PORTAL */,
+      hostName,
+      portalName: name,
+      node
+    });
+  }, []);
+  const removePortal2 = useCallback((name) => {
+    dispatch({
+      type: 3 /* REMOVE_PORTAL */,
+      hostName,
+      portalName: name
+    });
+  }, []);
+  return {
+    registerHost: registerHost2,
+    deregisterHost: deregisterHost2,
+    addPortal: addUpdatePortal2,
+    updatePortal: addUpdatePortal2,
+    removePortal: removePortal2
+  };
+};
+const PortalProviderComponent = ({
+  rootHostName = "root",
+  shouldAddRootHost = true,
+  children
+}) => {
+  const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
+  const transitionDispatch = useMemo(() => {
+    const next = (value) => {
+      startTransition(() => {
+        dispatch(value);
+      });
+    };
+    return next;
+  }, [dispatch]);
+  return <PortalDispatchContext.Provider value={transitionDispatch}><PortalStateContext.Provider value={state}>
+    {children}
+    {shouldAddRootHost && <PortalHost name={rootHostName} />}
+  </PortalStateContext.Provider></PortalDispatchContext.Provider>;
+};
+const PortalProvider = memo(PortalProviderComponent);
+PortalProvider.displayName = "PortalProvider";
+const PortalHostComponent = ({ name }) => {
+  const isServer = !useDidFinishSSR();
+  const state = usePortalState(name);
+  const { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(name);
+  useEffect(() => {
+    if (isServer)
+      return;
+    registerHost2();
+    return () => {
+      deregisterHost2();
+    };
+  }, [isServer]);
+  return <>{state.map((item) => item.node)}</>;
+};
+const PortalHost = memo(PortalHostComponent);
+PortalHost.displayName = "PortalHost";
+const PortalComponent = ({
+  name: _providedName,
+  hostName,
+  handleOnMount: _providedHandleOnMount,
+  handleOnUnmount: _providedHandleOnUnmount,
+  handleOnUpdate: _providedHandleOnUpdate,
+  children
+}) => {
+  const { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName);
+  let id = 0;
+  const nanoid = () => {
+    id = (id + 1) % Number.MAX_SAFE_INTEGER;
+    return `${id}`;
+  };
+  const name = useMemo(() => _providedName || nanoid(), [_providedName]);
+  const handleOnMountRef = useRef();
+  const handleOnUnmountRef = useRef();
+  const handleOnUpdateRef = useRef();
+  const handleOnMount = useCallback(() => {
+    if (_providedHandleOnMount) {
+      _providedHandleOnMount(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  }, [_providedHandleOnMount, addUpdatePortal2]);
+  handleOnMountRef.current = handleOnMount;
+  const handleOnUnmount = useCallback(() => {
+    if (_providedHandleOnUnmount) {
+      _providedHandleOnUnmount(() => removePortal2(name));
+    } else {
+      removePortal2(name);
+    }
+  }, [_providedHandleOnUnmount, removePortal2]);
+  handleOnUnmountRef.current = handleOnUnmount;
+  const handleOnUpdate = useCallback(() => {
+    if (_providedHandleOnUpdate) {
+      _providedHandleOnUpdate(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  }, [_providedHandleOnUpdate, addUpdatePortal2, children]);
+  handleOnUpdateRef.current = handleOnUpdate;
+  useEffect(() => {
+    handleOnMountRef.current?.();
+    return () => {
+      handleOnUnmountRef.current?.();
+      handleOnMountRef.current = void 0;
+      handleOnUnmountRef.current = void 0;
+      handleOnUpdateRef.current = void 0;
+    };
+  }, []);
+  useEffect(() => {
+    handleOnUpdateRef.current?.();
+  }, [children]);
+  return null;
+};
+const PortalItem = memo(PortalComponent);
+PortalItem.displayName = "Portal";
+export {
+  ACTIONS,
+  INITIAL_STATE,
+  PortalHost,
+  PortalItem,
+  PortalProvider,
+  usePortal
+};
+//# sourceMappingURL=GorhomPortal.js.map