@tamagui/portal 1.0.1-rc.9 → 1.0.2

package/dist/cjs/GorhomPortal.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GorhomPortal_exports = {};
 __export(GorhomPortal_exports, {
@@ -28,7 +34,7 @@ __export(GorhomPortal_exports, {
 module.exports = __toCommonJS(GorhomPortal_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@tamagui/core");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var ACTIONS = /* @__PURE__ */ ((ACTIONS2) => {
   ACTIONS2[ACTIONS2["REGISTER_HOST"] = 0] = "REGISTER_HOST";
   ACTIONS2[ACTIONS2["DEREGISTER_HOST"] = 1] = "DEREGISTER_HOST";
@@ -197,20 +203,24 @@ const PortalHostComponent = (props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children: state.map((item) => {
         let next = item.node;
-        const { space, separator, spaceDirection, ...rest } = forwardProps;
-        if (Array.isArray(next)) {
-          if (Object.keys(rest).length) {
-            next = next.map(
-              (item2) => (0, import_react.isValidElement)(item2) ? (0, import_react.cloneElement)(item2, rest) : item2
-            );
-          }
-          if (space || separator) {
-            next = (0, import_core.spacedChildren)({
-              separator: forwardProps.separator,
-              children: next,
-              space: forwardProps.space,
-              direction: forwardProps.spaceDirection
-            });
+        if (forwardProps) {
+          const { space, separator, spaceDirection, ...rest } = forwardProps;
+          if (Array.isArray(next)) {
+            if (Object.keys(rest).length) {
+              next = next.map(
+                (item2) => (0, import_react.isValidElement)(item2) ? (0, import_react.cloneElement)(item2, rest) : item2
+              );
+            }
+            if (space || separator) {
+              next = (0, import_core.spacedChildren)({
+                separator: forwardProps.separator,
+                children: next,
+                space: forwardProps.space,
+                direction: forwardProps.spaceDirection
+              });
+            }
+          } else {
+            next = import_react.default.isValidElement(next) ? import_react.default.cloneElement(next, { key: next.key, ...forwardProps }) : next;
           }
         }
         return next;

package/dist/cjs/GorhomPortal.js.map

@@ -1,7 +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 {\n  spacedChildren,\n  useDidFinishSSR,\n  useEvent,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport React, {\n  ReactNode,\n  cloneElement,\n  createContext,\n  isValidElement,\n  memo,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useReducer,\n  useRef,\n} 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(\n      `Failed to remove portal '${portalName}', '${hostName}' was not registered!`\n    )\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(\n        { ...state },\n        action.hostName,\n        (action as RemovePortalAction).portalName\n      )\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\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  forwardProps?: Record<string, any>\n}\n\nconst PortalHostComponent = (props: PortalHostProps) => {\n  const { name, forwardProps } = props\n  const isServer = !useDidFinishSSR()\n  const state = usePortalState(name)\n  const { registerHost, deregisterHost } = usePortal(props.name)\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  if (forwardProps) {\n    return (\n      <>\n        {state.map((item) => {\n          let next = item.node\n          const { space, separator, spaceDirection, ...rest } = forwardProps\n\n          if (Array.isArray(next)) {\n            // add any extra props\n            if (Object.keys(rest).length) {\n              next = next.map((item) =>\n                isValidElement(item) ? cloneElement(item, rest) : item\n              )\n            }\n            if (space || separator) {\n              next = spacedChildren({\n                separator: forwardProps.separator,\n                children: next as any,\n                space: forwardProps.space,\n                direction: forwardProps.spaceDirection,\n              })\n            }\n          }\n          return next\n        })}\n      </>\n    )\n  }\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 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 = (props: PortalItemProps) => {\n  const {\n    name: _providedName,\n    hostName,\n    handleOnMount: _providedHandleOnMount,\n    handleOnUnmount: _providedHandleOnUnmount,\n    handleOnUpdate: _providedHandleOnUpdate,\n    children,\n  } = props\n  const { addPortal: addUpdatePortal, removePortal } = usePortal(hostName)\n  const id = useId()\n  const name = _providedName || id\n\n  const handleOnMount = useEvent(() => {\n    if (_providedHandleOnMount) {\n      _providedHandleOnMount(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  const handleOnUnmount = useEvent(() => {\n    if (_providedHandleOnUnmount) {\n      _providedHandleOnUnmount(() => removePortal(name))\n    } else {\n      removePortal(name)\n    }\n  })\n\n  const handleOnUpdate = useEvent(() => {\n    if (_providedHandleOnUpdate) {\n      _providedHandleOnUpdate(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  useIsomorphicLayoutEffect(() => {\n    handleOnMount()\n    return () => {\n      handleOnUnmount()\n    }\n  }, [])\n\n  useEffect(() => {\n    handleOnUpdate()\n  }, [children])\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", "item"]
+  "sourcesContent": ["// from https://github.com/gorhom/react-native-portal\n// MIT License Copyright (c) 2020 Mo Gorhom\n// fixing SSR issue\n\nimport {\n  spacedChildren,\n  useDidFinishSSR,\n  useEvent,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport React, {\n  ReactNode,\n  cloneElement,\n  createContext,\n  isValidElement,\n  memo,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useReducer,\n  useRef,\n} 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(\n      `Failed to remove portal '${portalName}', '${hostName}' was not registered!`\n    )\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(\n        { ...state },\n        action.hostName,\n        (action as RemovePortalAction).portalName\n      )\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\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  forwardProps?: Record<string, any>\n}\n\nconst PortalHostComponent = (props: PortalHostProps) => {\n  const { name, forwardProps } = props\n  const isServer = !useDidFinishSSR()\n  const state = usePortalState(name)\n  const { registerHost, deregisterHost } = usePortal(props.name)\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  if (forwardProps) {\n    return (\n      <>\n        {state.map((item) => {\n          let next = item.node\n\n          if (forwardProps) {\n            const { space, separator, spaceDirection, ...rest } = forwardProps\n            if (Array.isArray(next)) {\n              // add any extra props\n              if (Object.keys(rest).length) {\n                next = next.map((item) =>\n                  isValidElement(item) ? cloneElement(item, rest) : item\n                )\n              }\n              if (space || separator) {\n                next = spacedChildren({\n                  separator: forwardProps.separator,\n                  children: next as any,\n                  space: forwardProps.space,\n                  direction: forwardProps.spaceDirection,\n                })\n              }\n            } else {\n              next = React.isValidElement(next)\n                ? React.cloneElement(next, { key: next.key, ...forwardProps })\n                : next\n            }\n          }\n\n          return next\n        })}\n      </>\n    )\n  }\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 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 = (props: PortalItemProps) => {\n  const {\n    name: _providedName,\n    hostName,\n    handleOnMount: _providedHandleOnMount,\n    handleOnUnmount: _providedHandleOnUnmount,\n    handleOnUpdate: _providedHandleOnUpdate,\n    children,\n  } = props\n  const { addPortal: addUpdatePortal, removePortal } = usePortal(hostName)\n  const id = useId()\n  const name = _providedName || id\n\n  const handleOnMount = useEvent(() => {\n    if (_providedHandleOnMount) {\n      _providedHandleOnMount(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  const handleOnUnmount = useEvent(() => {\n    if (_providedHandleOnUnmount) {\n      _providedHandleOnUnmount(() => removePortal(name))\n    } else {\n      removePortal(name)\n    }\n  })\n\n  const handleOnUpdate = useEvent(() => {\n    if (_providedHandleOnUpdate) {\n      _providedHandleOnUpdate(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  useIsomorphicLayoutEffect(() => {\n    handleOnMount()\n    return () => {\n      handleOnUnmount()\n    }\n  }, [])\n\n  useEffect(() => {\n    handleOnUpdate()\n  }, [children])\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", "item", "React"]
 }

package/dist/esm/GorhomPortal.js

@@ -5,7 +5,7 @@ import {
   useEvent,
   useIsomorphicLayoutEffect
 } from "@tamagui/core";
-import {
+import React, {
   cloneElement,
   createContext,
   isValidElement,
@@ -186,20 +186,24 @@ const PortalHostComponent = (props) => {
     return /* @__PURE__ */ jsx(Fragment, {
       children: state.map((item) => {
         let next = item.node;
-        const { space, separator, spaceDirection, ...rest } = forwardProps;
-        if (Array.isArray(next)) {
-          if (Object.keys(rest).length) {
-            next = next.map(
-              (item2) => isValidElement(item2) ? cloneElement(item2, rest) : item2
-            );
-          }
-          if (space || separator) {
-            next = spacedChildren({
-              separator: forwardProps.separator,
-              children: next,
-              space: forwardProps.space,
-              direction: forwardProps.spaceDirection
-            });
+        if (forwardProps) {
+          const { space, separator, spaceDirection, ...rest } = forwardProps;
+          if (Array.isArray(next)) {
+            if (Object.keys(rest).length) {
+              next = next.map(
+                (item2) => isValidElement(item2) ? cloneElement(item2, rest) : item2
+              );
+            }
+            if (space || separator) {
+              next = spacedChildren({
+                separator: forwardProps.separator,
+                children: next,
+                space: forwardProps.space,
+                direction: forwardProps.spaceDirection
+              });
+            }
+          } else {
+            next = React.isValidElement(next) ? React.cloneElement(next, { key: next.key, ...forwardProps }) : next;
           }
         }
         return next;

package/dist/esm/GorhomPortal.js.map

@@ -1,7 +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 {\n  spacedChildren,\n  useDidFinishSSR,\n  useEvent,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport React, {\n  ReactNode,\n  cloneElement,\n  createContext,\n  isValidElement,\n  memo,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useReducer,\n  useRef,\n} 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(\n      `Failed to remove portal '${portalName}', '${hostName}' was not registered!`\n    )\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(\n        { ...state },\n        action.hostName,\n        (action as RemovePortalAction).portalName\n      )\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\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  forwardProps?: Record<string, any>\n}\n\nconst PortalHostComponent = (props: PortalHostProps) => {\n  const { name, forwardProps } = props\n  const isServer = !useDidFinishSSR()\n  const state = usePortalState(name)\n  const { registerHost, deregisterHost } = usePortal(props.name)\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  if (forwardProps) {\n    return (\n      <>\n        {state.map((item) => {\n          let next = item.node\n          const { space, separator, spaceDirection, ...rest } = forwardProps\n\n          if (Array.isArray(next)) {\n            // add any extra props\n            if (Object.keys(rest).length) {\n              next = next.map((item) =>\n                isValidElement(item) ? cloneElement(item, rest) : item\n              )\n            }\n            if (space || separator) {\n              next = spacedChildren({\n                separator: forwardProps.separator,\n                children: next as any,\n                space: forwardProps.space,\n                direction: forwardProps.spaceDirection,\n              })\n            }\n          }\n          return next\n        })}\n      </>\n    )\n  }\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 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 = (props: PortalItemProps) => {\n  const {\n    name: _providedName,\n    hostName,\n    handleOnMount: _providedHandleOnMount,\n    handleOnUnmount: _providedHandleOnUnmount,\n    handleOnUpdate: _providedHandleOnUpdate,\n    children,\n  } = props\n  const { addPortal: addUpdatePortal, removePortal } = usePortal(hostName)\n  const id = useId()\n  const name = _providedName || id\n\n  const handleOnMount = useEvent(() => {\n    if (_providedHandleOnMount) {\n      _providedHandleOnMount(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  const handleOnUnmount = useEvent(() => {\n    if (_providedHandleOnUnmount) {\n      _providedHandleOnUnmount(() => removePortal(name))\n    } else {\n      removePortal(name)\n    }\n  })\n\n  const handleOnUpdate = useEvent(() => {\n    if (_providedHandleOnUpdate) {\n      _providedHandleOnUpdate(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  useIsomorphicLayoutEffect(() => {\n    handleOnMount()\n    return () => {\n      handleOnUnmount()\n    }\n  }, [])\n\n  useEffect(() => {\n    handleOnUpdate()\n  }, [children])\n\n  return null\n}\n\nexport const PortalItem = memo(PortalComponent)\nPortalItem.displayName = 'Portal'\n"],
-  "mappings": "AAkQM,SAwCA,UAtCwB,KAFxB;AA9PN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAOP,IAAK,UAAL,kBAAKA,aAAL;AACE,EAAAA,kBAAA;AACA,EAAAA,kBAAA;AACA,EAAAA,kBAAA;AACA,EAAAA,kBAAA;AAJG,SAAAA;AAAA,GAAA;AAOL,MAAM,gBAAgB,CAAC;AAiCvB,MAAM,eAAe,CAAC,OAA0C,aAAqB;AACnF,MAAI,EAAE,YAAY,QAAQ;AACxB,UAAM,YAAY,CAAC;AAAA,EACrB;AACA,SAAO;AACT;AAEA,MAAM,iBAAiB,CAAC,OAA0C,aAAqB;AACrF,SAAO,MAAM;AACb,SAAO;AACT;AAEA,MAAM,kBAAkB,CACtB,OACA,UACA,YACA,SACG;AACH,MAAI,EAAE,YAAY,QAAQ;AACxB,YAAQ,aAAa,OAAO,QAAQ;AAAA,EACtC;AAKA,QAAM,QAAQ,MAAM,UAAU,UAAU,CAAC,SAAS,KAAK,SAAS,UAAU;AAC1E,MAAI,UAAU,IAAI;AAChB,UAAM,UAAU,OAAO,OAAO;AAAA,EAChC,OAAO;AACL,UAAM,UAAU,KAAK;AAAA,MACnB,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEA,MAAM,eAAe,CACnB,OACA,UACA,eACG;AACH,MAAI,EAAE,YAAY,QAAQ;AAExB,YAAQ;AAAA,MACN,4BAA4B,iBAAiB;AAAA,IAC/C;AACA,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,MAAM,UAAU,UAAU,CAAC,SAAS,KAAK,SAAS,UAAU;AAC1E,MAAI,UAAU;AAAI,UAAM,UAAU,OAAO,OAAO,CAAC;AACjD,SAAO;AACT;AAEA,MAAM,UAAU,CAAC,OAA0C,WAAwB;AACjF,QAAM,EAAE,KAAK,IAAI;AACjB,UAAQ;AAAA,SACD;AACH,aAAO,aAAa,EAAE,GAAG,MAAM,GAAG,OAAO,QAAQ;AAAA,SAC9C;AACH,aAAO,eAAe,EAAE,GAAG,MAAM,GAAG,OAAO,QAAQ;AAAA,SAChD;AACH,aAAO;AAAA,QACL,EAAE,GAAG,MAAM;AAAA,QACX,OAAO;AAAA,QACN,OAAiC;AAAA,QACjC,OAAiC;AAAA,MACpC;AAAA,SACG;AACH,aAAO;AAAA,QACL,EAAE,GAAG,MAAM;AAAA,QACX,OAAO;AAAA,QACN,OAA8B;AAAA,MACjC;AAAA;AAEA,aAAO;AAAA;AAEb;AAEA,MAAM,qBAAqB,cAAwD,IAAI;AACvF,MAAM,wBAAwB,cAAkD,IAAI;AAEpF,MAAM,iBAAiB,CAAC,aAAqB;AAC3C,QAAM,QAAQ,WAAW,kBAAkB;AAE3C,MAAI,UAAU,MAAM;AAClB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,SAAO,MAAM,aAAa,CAAC;AAC7B;AAEO,MAAM,YAAY,CAAC,WAAW,WAAW;AAC9C,QAAM,WAAW,WAAW,qBAAqB;AAEjD,MAAI,aAAa,MAAM;AACrB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAGA,QAAMC,gBAAe,YAAY,MAAM;AACrC,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAEL,QAAMC,kBAAiB,YAAY,MAAM;AACvC,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAEL,QAAMC,mBAAkB,YAAY,CAAC,MAAc,SAAoB;AACrE,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAEL,QAAMC,gBAAe,YAAY,CAAC,SAAiB;AACjD,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,MACA,YAAY;AAAA,IACd,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAGL,SAAO;AAAA,IACL,cAAAH;AAAA,IACA,gBAAAC;AAAA,IACA,WAAWC;AAAA,IACX,cAAcA;AAAA,IACd,cAAAC;AAAA,EACF;AACF;AAsBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB;AACF,MAA2B;AACzB,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAW,SAAS,aAAa;AAC3D,QAAM,qBAAqB,QAAQ,MAAM;AACvC,UAAM,OAAO,CAAC,UAAe;AAC3B,sBAAgB,MAAM;AACpB,iBAAS,KAAK;AAAA,MAChB,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,oBAAC,sBAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,IACrC,+BAAC,mBAAmB,UAAnB;AAAA,MAA4B,OAAO;AAAA,MACjC;AAAA;AAAA,QACA,qBAAqB,oBAAC;AAAA,UAAW,MAAM;AAAA,SAAc;AAAA;AAAA,KACxD;AAAA,GACF;AAEJ;AAEO,MAAM,iBAAiB,KAAK,uBAAuB;AAC1D,eAAe,cAAc;AAY7B,MAAM,sBAAsB,CAAC,UAA2B;AACtD,QAAM,EAAE,MAAM,aAAa,IAAI;AAC/B,QAAM,WAAW,CAAC,gBAAgB;AAClC,QAAM,QAAQ,eAAe,IAAI;AACjC,QAAM,EAAE,cAAAH,eAAc,gBAAAC,gBAAe,IAAI,UAAU,MAAM,IAAI;AAG7D,YAAU,MAAM;AACd,QAAI;AAAU;AACd,IAAAD,cAAa;AACb,WAAO,MAAM;AACX,MAAAC,gBAAe;AAAA,IACjB;AAAA,EAEF,GAAG,CAAC,QAAQ,CAAC;AAGb,MAAI,cAAc;AAChB,WACE;AAAA,MACG,gBAAM,IAAI,CAAC,SAAS;AACnB,YAAI,OAAO,KAAK;AAChB,cAAM,EAAE,OAAO,WAAW,mBAAmB,KAAK,IAAI;AAEtD,YAAI,MAAM,QAAQ,IAAI,GAAG;AAEvB,cAAI,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC5B,mBAAO,KAAK;AAAA,cAAI,CAACG,UACf,eAAeA,KAAI,IAAI,aAAaA,OAAM,IAAI,IAAIA;AAAA,YACpD;AAAA,UACF;AACA,cAAI,SAAS,WAAW;AACtB,mBAAO,eAAe;AAAA,cACpB,WAAW,aAAa;AAAA,cACxB,UAAU;AAAA,cACV,OAAO,aAAa;AAAA,cACpB,WAAW,aAAa;AAAA,YAC1B,CAAC;AAAA,UACH;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,KACH;AAAA,EAEJ;AAGA,SAAO;AAAA,IAAG,gBAAM,IAAI,CAAC,SAAS,KAAK,IAAI;AAAA,GAAE;AAE3C;AAEO,MAAM,aAAa,KAAK,mBAAmB;AAClD,WAAW,cAAc;AA4CzB,MAAM,kBAAkB,CAAC,UAA2B;AAClD,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,WAAWF,kBAAiB,cAAAC,cAAa,IAAI,UAAU,QAAQ;AACvE,QAAM,KAAK,MAAM;AACjB,QAAM,OAAO,iBAAiB;AAE9B,QAAM,gBAAgB,SAAS,MAAM;AACnC,QAAI,wBAAwB;AAC1B,6BAAuB,MAAMD,iBAAgB,MAAM,QAAQ,CAAC;AAAA,IAC9D,OAAO;AACL,MAAAA,iBAAgB,MAAM,QAAQ;AAAA,IAChC;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,SAAS,MAAM;AACrC,QAAI,0BAA0B;AAC5B,+BAAyB,MAAMC,cAAa,IAAI,CAAC;AAAA,IACnD,OAAO;AACL,MAAAA,cAAa,IAAI;AAAA,IACnB;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,SAAS,MAAM;AACpC,QAAI,yBAAyB;AAC3B,8BAAwB,MAAMD,iBAAgB,MAAM,QAAQ,CAAC;AAAA,IAC/D,OAAO;AACL,MAAAA,iBAAgB,MAAM,QAAQ;AAAA,IAChC;AAAA,EACF,CAAC;AAED,4BAA0B,MAAM;AAC9B,kBAAc;AACd,WAAO,MAAM;AACX,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,mBAAe;AAAA,EACjB,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACT;AAEO,MAAM,aAAa,KAAK,eAAe;AAC9C,WAAW,cAAc;",
+  "sourcesContent": ["// from https://github.com/gorhom/react-native-portal\n// MIT License Copyright (c) 2020 Mo Gorhom\n// fixing SSR issue\n\nimport {\n  spacedChildren,\n  useDidFinishSSR,\n  useEvent,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport React, {\n  ReactNode,\n  cloneElement,\n  createContext,\n  isValidElement,\n  memo,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useReducer,\n  useRef,\n} 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(\n      `Failed to remove portal '${portalName}', '${hostName}' was not registered!`\n    )\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(\n        { ...state },\n        action.hostName,\n        (action as RemovePortalAction).portalName\n      )\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\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  forwardProps?: Record<string, any>\n}\n\nconst PortalHostComponent = (props: PortalHostProps) => {\n  const { name, forwardProps } = props\n  const isServer = !useDidFinishSSR()\n  const state = usePortalState(name)\n  const { registerHost, deregisterHost } = usePortal(props.name)\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  if (forwardProps) {\n    return (\n      <>\n        {state.map((item) => {\n          let next = item.node\n\n          if (forwardProps) {\n            const { space, separator, spaceDirection, ...rest } = forwardProps\n            if (Array.isArray(next)) {\n              // add any extra props\n              if (Object.keys(rest).length) {\n                next = next.map((item) =>\n                  isValidElement(item) ? cloneElement(item, rest) : item\n                )\n              }\n              if (space || separator) {\n                next = spacedChildren({\n                  separator: forwardProps.separator,\n                  children: next as any,\n                  space: forwardProps.space,\n                  direction: forwardProps.spaceDirection,\n                })\n              }\n            } else {\n              next = React.isValidElement(next)\n                ? React.cloneElement(next, { key: next.key, ...forwardProps })\n                : next\n            }\n          }\n\n          return next\n        })}\n      </>\n    )\n  }\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 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 = (props: PortalItemProps) => {\n  const {\n    name: _providedName,\n    hostName,\n    handleOnMount: _providedHandleOnMount,\n    handleOnUnmount: _providedHandleOnUnmount,\n    handleOnUpdate: _providedHandleOnUpdate,\n    children,\n  } = props\n  const { addPortal: addUpdatePortal, removePortal } = usePortal(hostName)\n  const id = useId()\n  const name = _providedName || id\n\n  const handleOnMount = useEvent(() => {\n    if (_providedHandleOnMount) {\n      _providedHandleOnMount(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  const handleOnUnmount = useEvent(() => {\n    if (_providedHandleOnUnmount) {\n      _providedHandleOnUnmount(() => removePortal(name))\n    } else {\n      removePortal(name)\n    }\n  })\n\n  const handleOnUpdate = useEvent(() => {\n    if (_providedHandleOnUpdate) {\n      _providedHandleOnUpdate(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  useIsomorphicLayoutEffect(() => {\n    handleOnMount()\n    return () => {\n      handleOnUnmount()\n    }\n  }, [])\n\n  useEffect(() => {\n    handleOnUpdate()\n  }, [children])\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", "item"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/portal",
-  "version": "1.0.1-rc.9",
+  "version": "1.0.2",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -19,17 +19,17 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "^1.0.1-rc.9",
-    "@tamagui/stacks": "^1.0.1-rc.9",
-    "@tamagui/use-event": "^1.0.1-rc.9"
+    "@tamagui/core": "^1.0.2",
+    "@tamagui/stacks": "^1.0.2",
+    "@tamagui/use-event": "^1.0.2"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "*",
+    "react-dom": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-rc.9",
+    "@tamagui/build": "^1.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "*"

package/src/GorhomPortal.tsx

@@ -299,24 +299,31 @@ const PortalHostComponent = (props: PortalHostProps) => {
       <>
         {state.map((item) => {
           let next = item.node
-          const { space, separator, spaceDirection, ...rest } = forwardProps
-
-          if (Array.isArray(next)) {
-            // add any extra props
-            if (Object.keys(rest).length) {
-              next = next.map((item) =>
-                isValidElement(item) ? cloneElement(item, rest) : item
-              )
-            }
-            if (space || separator) {
-              next = spacedChildren({
-                separator: forwardProps.separator,
-                children: next as any,
-                space: forwardProps.space,
-                direction: forwardProps.spaceDirection,
-              })
+
+          if (forwardProps) {
+            const { space, separator, spaceDirection, ...rest } = forwardProps
+            if (Array.isArray(next)) {
+              // add any extra props
+              if (Object.keys(rest).length) {
+                next = next.map((item) =>
+                  isValidElement(item) ? cloneElement(item, rest) : item
+                )
+              }
+              if (space || separator) {
+                next = spacedChildren({
+                  separator: forwardProps.separator,
+                  children: next as any,
+                  space: forwardProps.space,
+                  direction: forwardProps.spaceDirection,
+                })
+              }
+            } else {
+              next = React.isValidElement(next)
+                ? React.cloneElement(next, { key: next.key, ...forwardProps })
+                : next
             }
           }
+
           return next
         })}
       </>