@tamagui/portal 1.0.1-beta.133 → 1.0.1-beta.136

package/dist/cjs/GorhomPortal.js

@@ -30,7 +30,6 @@ __export(GorhomPortal_exports, {
 });
 module.exports = __toCommonJS(GorhomPortal_exports);
 var import_core = require("@tamagui/core");
-var import_non_secure = require("nanoid/non-secure");
 var import_react = require("react");
 var import_react2 = __toESM(require("react"));
 var ACTIONS = /* @__PURE__ */ ((ACTIONS2) => {
@@ -189,7 +188,12 @@ const PortalComponent = ({
   children
 }) => {
   const { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName);
-  const name = (0, import_react.useMemo)(() => _providedName || (0, import_non_secure.nanoid)(), [_providedName]);
+  let id = 0;
+  const nanoid = () => {
+    id = (id + 1) % Number.MAX_SAFE_INTEGER;
+    return `${id}`;
+  };
+  const name = (0, import_react.useMemo)(() => _providedName || nanoid(), [_providedName]);
   const handleOnMountRef = (0, import_react.useRef)();
   const handleOnUnmountRef = (0, import_react.useRef)();
   const handleOnUpdateRef = (0, import_react.useRef)();

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 { startTransition, useIsSSR } from '@tamagui/core'\nimport { nanoid } from 'nanoid/non-secure'\nimport { ReactNode, 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    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 = useIsSSR()\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  //#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": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAA0C;AAC1C,wBAAuB;AACvB,mBAA2C;AAC3C,oBAA2F;AAO3F,IAAK,UAAL,kBAAK,aAAL;AACE;AACA;AACA;AACA;AAJG;AAAA;AAOL,MAAM,gBAAgB,CAAC;AAiCvB,MAAM,eAAe,CAAC,OAA0C,aAAqB;AACnF,MAAI,CAAE,aAAY,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,CAAE,aAAY,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,CAAE,aAAY,QAAQ;AACxB,YAAQ,IAAI,4BAA4B,iBAAiB,+BAA+B;AACxF,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,SAAS;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,gBACL,EAAE,GAAG,MAAM,GACX,OAAO,UACN,OAAiC,YACjC,OAAiC,IACpC;AAAA,SACG;AACH,aAAO,aAAa,EAAE,GAAG,MAAM,GAAG,OAAO,UAAW,OAA8B,UAAU;AAAA;AAE5F,aAAO;AAAA;AAEb;AAEA,MAAM,qBAAqB,iCAAwD,IAAI;AACvF,MAAM,wBAAwB,iCAAkD,IAAI;AAEpF,MAAM,iBAAiB,CAAC,aAAqB;AAC3C,QAAM,QAAQ,8BAAW,kBAAkB;AAE3C,MAAI,UAAU,MAAM;AAClB,UAAM,IAAI,MACR,yFACF;AAAA,EACF;AAEA,SAAO,MAAM,aAAa,CAAC;AAC7B;AAEO,MAAM,YAAY,CAAC,WAAW,WAAW;AAC9C,QAAM,WAAW,8BAAW,qBAAqB;AAEjD,MAAI,aAAa,MAAM;AACrB,UAAM,IAAI,MACR,4FACF;AAAA,EACF;AAGA,QAAM,gBAAe,+BAAY,MAAM;AACrC,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAiB,+BAAY,MAAM;AACvC,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAkB,+BAAY,CAAC,MAAc,SAAoB;AACrE,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAe,+BAAY,CAAC,SAAiB;AACjD,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,MACA,YAAY;AAAA,IACd,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAGL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,EACF;AACF;AAsBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB;AAAA,MACyB;AACzB,QAAM,CAAC,OAAO,YAAY,8BAAW,SAAS,aAAa;AAC3D,QAAM,qBAAqB,0BAAQ,MAAM;AACvC,UAAM,OAAO,CAAC,UAAe;AAC3B,uCAAgB,MAAM;AACpB,iBAAS,KAAK;AAAA,MAChB,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AACb,SACE,oDAAC,sBAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,KACrC,oDAAC,mBAAmB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KACjC,UACA,qBAAqB,oDAAC;AAAA,IAAW,MAAM;AAAA,GAAc,CACxD,CACF;AAEJ;AAEO,MAAM,iBAAiB,wBAAK,uBAAuB;AAC1D,eAAe,cAAc;AAU7B,MAAM,sBAAsB,CAAC,EAAE,WAA4B;AAEzD,QAAM,WAAW,0BAAS;AAC1B,QAAM,QAAQ,eAAe,IAAI;AACjC,QAAM,EAAE,6BAAc,oCAAmB,UAAU,IAAI;AAIvD,+BAAU,MAAM;AACd,QAAI;AAAU;AACd,kBAAa;AACb,WAAO,MAAM;AACX,sBAAe;AAAA,IACjB;AAAA,EAEF,GAAG,CAAC,QAAQ,CAAC;AAIb,SAAO,0FAAG,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI,CAAE;AAE3C;AAEO,MAAM,aAAa,wBAAK,mBAAmB;AAClD,WAAW,cAAc;AA4CzB,MAAM,kBAAkB,CAAC;AAAA,EACvB,MAAM;AAAA,EACN;AAAA,EACA,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB;AAAA,MACqB;AAErB,QAAM,EAAE,WAAW,kBAAiB,gCAAiB,UAAU,QAAQ;AAIvE,QAAM,OAAO,0BAAQ,MAAM,iBAAiB,8BAAO,GAAG,CAAC,aAAa,CAAC;AAIrE,QAAM,mBAAmB,yBAAiB;AAC1C,QAAM,qBAAqB,yBAAiB;AAC5C,QAAM,oBAAoB,yBAAiB;AAI3C,QAAM,gBAAgB,+BAAY,MAAM;AACtC,QAAI,wBAAwB;AAC1B,6BAAuB,MAAM,iBAAgB,MAAM,QAAQ,CAAC;AAAA,IAC9D,OAAO;AACL,uBAAgB,MAAM,QAAQ;AAAA,IAChC;AAAA,EAEF,GAAG,CAAC,wBAAwB,gBAAe,CAAC;AAC5C,mBAAiB,UAAU;AAE3B,QAAM,kBAAkB,+BAAY,MAAM;AACxC,QAAI,0BAA0B;AAC5B,+BAAyB,MAAM,cAAa,IAAI,CAAC;AAAA,IACnD,OAAO;AACL,oBAAa,IAAI;AAAA,IACnB;AAAA,EAEF,GAAG,CAAC,0BAA0B,aAAY,CAAC;AAC3C,qBAAmB,UAAU;AAE7B,QAAM,iBAAiB,+BAAY,MAAM;AACvC,QAAI,yBAAyB;AAC3B,8BAAwB,MAAM,iBAAgB,MAAM,QAAQ,CAAC;AAAA,IAC/D,OAAO;AACL,uBAAgB,MAAM,QAAQ;AAAA,IAChC;AAAA,EAEF,GAAG,CAAC,yBAAyB,kBAAiB,QAAQ,CAAC;AACvD,oBAAkB,UAAU;AAI5B,+BAAU,MAAM;AAvXlB;AAwXI,2BAAiB,YAAjB;AACA,WAAO,MAAM;AAzXjB;AA0XM,gCAAmB,YAAnB;AAGA,uBAAiB,UAAU;AAC3B,yBAAmB,UAAU;AAC7B,wBAAkB,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,+BAAU,MAAM;AAlYlB;AAmYI,4BAAkB,YAAlB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAGb,SAAO;AACT;AAEO,MAAM,aAAa,wBAAK,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 { startTransition, useIsSSR } from '@tamagui/core'\nimport { ReactNode, 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    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 = useIsSSR()\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": []
 }

package/dist/esm/GorhomPortal.js

@@ -1,5 +1,4 @@
 import { startTransition, useIsSSR } from "@tamagui/core";
-import { nanoid } from "nanoid/non-secure";
 import { useMemo, useRef } from "react";
 import React, { createContext, memo, useCallback, useContext, useEffect, useReducer } from "react";
 var ACTIONS = /* @__PURE__ */ ((ACTIONS2) => {
@@ -158,6 +157,11 @@ const PortalComponent = ({
   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();

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 { startTransition, useIsSSR } from '@tamagui/core'\nimport { nanoid } from 'nanoid/non-secure'\nimport { ReactNode, 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    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 = useIsSSR()\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  //#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": "AAIA;AACA;AACA;AACA;AAOA,IAAK,UAAL,kBAAK,aAAL;AACE;AACA;AACA;AACA;AAJG;AAAA;AAOL,MAAM,gBAAgB,CAAC;AAiCvB,MAAM,eAAe,CAAC,OAA0C,aAAqB;AACnF,MAAI,CAAE,aAAY,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,CAAE,aAAY,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,CAAE,aAAY,QAAQ;AACxB,YAAQ,IAAI,4BAA4B,iBAAiB,+BAA+B;AACxF,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,SAAS;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,gBACL,EAAE,GAAG,MAAM,GACX,OAAO,UACN,OAAiC,YACjC,OAAiC,IACpC;AAAA,SACG;AACH,aAAO,aAAa,EAAE,GAAG,MAAM,GAAG,OAAO,UAAW,OAA8B,UAAU;AAAA;AAE5F,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,MACR,yFACF;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,MACR,4FACF;AAAA,EACF;AAGA,QAAM,gBAAe,YAAY,MAAM;AACrC,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAiB,YAAY,MAAM;AACvC,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAEL,QAAM,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,QAAM,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;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,EACF;AACF;AAsBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB;AAAA,MACyB;AACzB,QAAM,CAAC,OAAO,YAAY,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;AACb,SACE,oCAAC,sBAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,KACrC,oCAAC,mBAAmB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KACjC,UACA,qBAAqB,oCAAC;AAAA,IAAW,MAAM;AAAA,GAAc,CACxD,CACF;AAEJ;AAEO,MAAM,iBAAiB,KAAK,uBAAuB;AAC1D,eAAe,cAAc;AAU7B,MAAM,sBAAsB,CAAC,EAAE,WAA4B;AAEzD,QAAM,WAAW,SAAS;AAC1B,QAAM,QAAQ,eAAe,IAAI;AACjC,QAAM,EAAE,6BAAc,oCAAmB,UAAU,IAAI;AAIvD,YAAU,MAAM;AACd,QAAI;AAAU;AACd,kBAAa;AACb,WAAO,MAAM;AACX,sBAAe;AAAA,IACjB;AAAA,EAEF,GAAG,CAAC,QAAQ,CAAC;AAIb,SAAO,0DAAG,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI,CAAE;AAE3C;AAEO,MAAM,aAAa,KAAK,mBAAmB;AAClD,WAAW,cAAc;AA4CzB,MAAM,kBAAkB,CAAC;AAAA,EACvB,MAAM;AAAA,EACN;AAAA,EACA,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB;AAAA,MACqB;AAErB,QAAM,EAAE,WAAW,kBAAiB,gCAAiB,UAAU,QAAQ;AAIvE,QAAM,OAAO,QAAQ,MAAM,iBAAiB,OAAO,GAAG,CAAC,aAAa,CAAC;AAIrE,QAAM,mBAAmB,OAAiB;AAC1C,QAAM,qBAAqB,OAAiB;AAC5C,QAAM,oBAAoB,OAAiB;AAI3C,QAAM,gBAAgB,YAAY,MAAM;AACtC,QAAI,wBAAwB;AAC1B,6BAAuB,MAAM,iBAAgB,MAAM,QAAQ,CAAC;AAAA,IAC9D,OAAO;AACL,uBAAgB,MAAM,QAAQ;AAAA,IAChC;AAAA,EAEF,GAAG,CAAC,wBAAwB,gBAAe,CAAC;AAC5C,mBAAiB,UAAU;AAE3B,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,0BAA0B;AAC5B,+BAAyB,MAAM,cAAa,IAAI,CAAC;AAAA,IACnD,OAAO;AACL,oBAAa,IAAI;AAAA,IACnB;AAAA,EAEF,GAAG,CAAC,0BAA0B,aAAY,CAAC;AAC3C,qBAAmB,UAAU;AAE7B,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,yBAAyB;AAC3B,8BAAwB,MAAM,iBAAgB,MAAM,QAAQ,CAAC;AAAA,IAC/D,OAAO;AACL,uBAAgB,MAAM,QAAQ;AAAA,IAChC;AAAA,EAEF,GAAG,CAAC,yBAAyB,kBAAiB,QAAQ,CAAC;AACvD,oBAAkB,UAAU;AAI5B,YAAU,MAAM;AAvXlB;AAwXI,2BAAiB,YAAjB;AACA,WAAO,MAAM;AAzXjB;AA0XM,gCAAmB,YAAnB;AAGA,uBAAiB,UAAU;AAC3B,yBAAmB,UAAU;AAC7B,wBAAkB,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,YAAU,MAAM;AAlYlB;AAmYI,4BAAkB,YAAlB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAGb,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 { startTransition, useIsSSR } from '@tamagui/core'\nimport { ReactNode, 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    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 = useIsSSR()\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": []
 }

package/dist/jsx/GorhomPortal.js

@@ -1,5 +1,4 @@
 import { startTransition, useIsSSR } from "@tamagui/core";
-import { nanoid } from "nanoid/non-secure";
 import { useMemo, useRef } from "react";
 import { createContext, memo, useCallback, useContext, useEffect, useReducer } from "react";
 var ACTIONS = /* @__PURE__ */ ((ACTIONS2) => {
@@ -155,6 +154,11 @@ const PortalComponent = ({
   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();

package/dist/jsx/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 { startTransition, useIsSSR } from '@tamagui/core'\nimport { nanoid } from 'nanoid/non-secure'\nimport { ReactNode, 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    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 = useIsSSR()\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  //#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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",
+  "sourcesContent": ["// from https://github.com/gorhom/react-native-portal\n// MIT License Copyright (c) 2020 Mo Gorhom\n// fixing SSR issue\n\nimport { startTransition, useIsSSR } from '@tamagui/core'\nimport { ReactNode, 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    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 = useIsSSR()\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": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/portal",
-  "version": "1.0.1-beta.133",
+  "version": "1.0.1-beta.136",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -18,8 +18,8 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "^1.0.1-beta.133",
-    "@tamagui/stacks": "^1.0.1-beta.133"
+    "@tamagui/core": "^1.0.1-beta.136",
+    "@tamagui/stacks": "^1.0.1-beta.136"
   },
   "peerDependencies": {
     "react": "*",
@@ -27,7 +27,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.133",
+    "@tamagui/build": "^1.0.1-beta.136",
     "@types/react-native": "^0.69.2",
     "react": "*",
     "react-dom": "*",

package/src/GorhomPortal.tsx

@@ -3,7 +3,6 @@
 // fixing SSR issue
 
 import { startTransition, useIsSSR } from '@tamagui/core'
-import { nanoid } from 'nanoid/non-secure'
 import { ReactNode, useMemo, useRef } from 'react'
 import React, { createContext, memo, useCallback, useContext, useEffect, useReducer } from 'react'
 
@@ -330,6 +329,12 @@ const PortalComponent = ({
   const { addPortal: addUpdatePortal, removePortal } = usePortal(hostName)
   //#endregion
 
+  let id = 0
+  const nanoid = () => {
+    id = (id + 1) % Number.MAX_SAFE_INTEGER
+    return `${id}`
+  }
+
   //#region variables
   const name = useMemo(() => _providedName || nanoid(), [_providedName])
   //#endregion