@tamagui/portal 1.116.1 → 1.116.3

package/dist/cjs/GorhomPortal.js

@@ -0,0 +1,195 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var GorhomPortal_exports = {};
+__export(GorhomPortal_exports, {
+  ACTIONS: () => ACTIONS,
+  INITIAL_STATE: () => INITIAL_STATE,
+  PortalHost: () => PortalHost,
+  PortalItem: () => PortalItem,
+  PortalProvider: () => PortalProvider,
+  usePortal: () => usePortal
+});
+module.exports = __toCommonJS(GorhomPortal_exports);
+var import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_start_transition = require("@tamagui/start-transition"), import_react = __toESM(require("react")), import_react_dom = require("react-dom"), import_jsx_runtime = require("react/jsx-runtime"), ACTIONS = /* @__PURE__ */ ((ACTIONS2) => (ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2))(ACTIONS || {});
+const INITIAL_STATE = {};
+const registerHost = (state, hostName) => (hostName in state || (state[hostName] = []), state), deregisterHost = (state, hostName) => (delete state[hostName], state), addUpdatePortal = (state, hostName, portalName, node) => {
+  hostName in state || (state = registerHost(state, hostName));
+  const index = state[hostName].findIndex((item) => item.name === portalName);
+  return index !== -1 ? state[hostName][index].node = node : state[hostName].push({
+    name: portalName,
+    node
+  }), state;
+}, removePortal = (state, hostName, portalName) => {
+  if (!(hostName in state))
+    return console.info(
+      `Failed to remove portal '${portalName}', '${hostName}' was not registered!`
+    ), state;
+  const index = state[hostName].findIndex((item) => item.name === portalName);
+  return index !== -1 && state[hostName].splice(index, 1), state;
+}, reducer = (state, action) => {
+  const { type } = action;
+  switch (type) {
+    case 0 /* REGISTER_HOST */:
+      return registerHost({ ...state }, action.hostName);
+    case 1 /* DEREGISTER_HOST */:
+      return deregisterHost({ ...state }, action.hostName);
+    case 2 /* ADD_UPDATE_PORTAL */:
+      return addUpdatePortal(
+        { ...state },
+        action.hostName,
+        action.portalName,
+        action.node
+      );
+    case 3 /* REMOVE_PORTAL */:
+      return removePortal(
+        { ...state },
+        action.hostName,
+        action.portalName
+      );
+    default:
+      return state;
+  }
+}, PortalStateContext = (0, import_react.createContext)(null), PortalDispatchContext = (0, import_react.createContext)(null), usePortalState = (hostName) => {
+  const state = (0, import_react.useContext)(PortalStateContext);
+  if (state === null)
+    throw new Error(
+      "'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component."
+    );
+  return state[hostName] || [];
+}, usePortal = (hostName = "root") => {
+  const dispatch = (0, import_react.useContext)(PortalDispatchContext);
+  if (dispatch === null)
+    throw new Error(
+      "'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component."
+    );
+  const registerHost2 = (0, import_react.useCallback)(() => {
+    dispatch({
+      type: 0 /* REGISTER_HOST */,
+      hostName
+    });
+  }, []), deregisterHost2 = (0, import_react.useCallback)(() => {
+    dispatch({
+      type: 1 /* DEREGISTER_HOST */,
+      hostName
+    });
+  }, []), addUpdatePortal2 = (0, import_react.useCallback)((name, node) => {
+    dispatch({
+      type: 2 /* ADD_UPDATE_PORTAL */,
+      hostName,
+      portalName: name,
+      node
+    });
+  }, []), removePortal2 = (0, import_react.useCallback)((name) => {
+    dispatch({
+      type: 3 /* REMOVE_PORTAL */,
+      hostName,
+      portalName: name
+    });
+  }, []);
+  return {
+    registerHost: registerHost2,
+    deregisterHost: deregisterHost2,
+    addPortal: addUpdatePortal2,
+    updatePortal: addUpdatePortal2,
+    removePortal: removePortal2
+  };
+}, PortalProviderComponent = ({
+  rootHostName = "root",
+  shouldAddRootHost = !0,
+  children
+}) => {
+  const [state, dispatch] = (0, import_react.useReducer)(reducer, INITIAL_STATE), transitionDispatch = (0, import_react.useMemo)(() => (value) => {
+    (0, import_start_transition.startTransition)(() => {
+      dispatch(value);
+    });
+  }, [dispatch]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalDispatchContext.Provider, { value: transitionDispatch, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PortalStateContext.Provider, { value: state, children: [
+    children,
+    shouldAddRootHost && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalHost, { name: rootHostName })
+  ] }) });
+}, PortalProvider = (0, import_react.memo)(PortalProviderComponent);
+PortalProvider.displayName = "PortalProvider";
+const defaultRenderer = (children) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }), PortalHost = (0, import_react.memo)(function(props) {
+  return import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalHostWeb, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalHostNonNative, { ...props });
+}), allPortalHosts = /* @__PURE__ */ new Map();
+function PortalHostWeb(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      style: {
+        display: "contents"
+      },
+      ref: (node) => {
+        node ? allPortalHosts.set(props.name, node) : allPortalHosts.delete(props.name);
+      }
+    }
+  );
+}
+function PortalHostNonNative(props) {
+  const { name, forwardProps, render = defaultRenderer } = props, state = usePortalState(name), { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(props.name);
+  return (0, import_react.useEffect)(() => {
+    if (!(typeof window > "u"))
+      return registerHost2(), () => {
+        deregisterHost2();
+      };
+  }, []), render(
+    forwardProps ? state.map((item) => {
+      let next = item.node;
+      const { children, ...restForwardProps } = forwardProps;
+      return forwardProps ? import_react.default.Children.map(next, (child) => import_react.default.isValidElement(child) ? import_react.default.cloneElement(child, { key: child.key, ...restForwardProps }) : child) : next;
+    }) : state.map((item) => item.node)
+  );
+}
+const PortalItem = (0, import_react.memo)(function(props) {
+  return import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalItemWeb, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NonNativePortalComponent, { ...props });
+}), PortalItemWeb = (props) => {
+  if (!props.hostName)
+    throw new Error("No name");
+  const hostNode = allPortalHosts.get(props.hostName);
+  return hostNode ? (0, import_react_dom.createPortal)(props.children, hostNode) : null;
+}, NonNativePortalComponent = (props) => {
+  const {
+    name: _providedName,
+    hostName,
+    handleOnMount: _providedHandleOnMount,
+    handleOnUnmount: _providedHandleOnUnmount,
+    handleOnUpdate: _providedHandleOnUpdate,
+    children,
+    passthrough
+  } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react.useId)(), name = _providedName || id, handleOnMount = (0, import_core.useEvent)(() => {
+    _providedHandleOnMount ? _providedHandleOnMount(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
+  }), handleOnUnmount = (0, import_core.useEvent)(() => {
+    _providedHandleOnUnmount ? _providedHandleOnUnmount(() => removePortal2(name)) : removePortal2(name);
+  }), handleOnUpdate = (0, import_core.useEvent)(() => {
+    _providedHandleOnUpdate ? _providedHandleOnUpdate(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
+  });
+  return (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (!passthrough)
+      return handleOnMount(), () => {
+        handleOnUnmount();
+      };
+  }, []), (0, import_react.useEffect)(() => {
+    passthrough || handleOnUpdate();
+  }, [children]), passthrough ? children : null;
+};
+//# sourceMappingURL=GorhomPortal.js.map

package/dist/cjs/Portal.js

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Portal_exports = {};
+__export(Portal_exports, {
+  Portal: () => Portal
+});
+module.exports = __toCommonJS(Portal_exports);
+var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_constants = require("@tamagui/constants"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react")), import_react_dom = require("react-dom"), import_useStackedZIndex = require("./useStackedZIndex"), import_jsx_runtime = require("react/jsx-runtime");
+const Portal = React.memo((propsIn) => {
+  if (import_constants.isServer)
+    return null;
+  const { host = globalThis.document?.body, stackZIndex, ...props } = propsIn, zIndex = (0, import_useStackedZIndex.useStackedZIndex)(propsIn);
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_stacks.YStack,
+      {
+        contain: "strict",
+        fullscreen: !0,
+        position: "fixed",
+        maxWidth: "100vw",
+        maxHeight: "100vh",
+        pointerEvents: "none",
+        ...props,
+        zIndex
+      }
+    ),
+    host
+  );
+});
+//# sourceMappingURL=Portal.js.map

package/dist/cjs/PortalProps.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var PortalProps_exports = {};
+module.exports = __toCommonJS(PortalProps_exports);
+//# sourceMappingURL=PortalProps.js.map

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Portal"), module.exports);
+__reExport(src_exports, require("./PortalProps"), module.exports);
+__reExport(src_exports, require("./GorhomPortal"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/useStackedZIndex.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var useStackedZIndex_exports = {};
+__export(useStackedZIndex_exports, {
+  useStackedZIndex: () => useStackedZIndex
+});
+module.exports = __toCommonJS(useStackedZIndex_exports);
+var import_react = require("react");
+const CurrentPortalZIndices = {}, useStackedZIndex = (props) => {
+  const { stackZIndex, zIndex: zIndexProp = 1e3 } = props, zIndex = (() => {
+    if (stackZIndex) {
+      const highest = Object.values(CurrentPortalZIndices).reduce(
+        (acc, cur) => Math.max(acc, cur),
+        0
+      );
+      return Math.max(stackZIndex, highest + 1);
+    }
+    if (zIndexProp)
+      return zIndexProp;
+  })(), id = (0, import_react.useId)();
+  return (0, import_react.useEffect)(() => {
+    if (typeof zIndex == "number")
+      return CurrentPortalZIndices[id] = zIndex, () => {
+        delete CurrentPortalZIndices[id];
+      };
+  }, [zIndex]), zIndex;
+};
+//# sourceMappingURL=useStackedZIndex.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/portal",
-  "version": "1.116.1",
+  "version": "1.116.3",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -30,17 +30,17 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.116.1",
-    "@tamagui/core": "1.116.1",
-    "@tamagui/stacks": "1.116.1",
-    "@tamagui/start-transition": "1.116.1",
-    "@tamagui/use-did-finish-ssr": "1.116.1",
-    "@tamagui/use-event": "1.116.1",
+    "@tamagui/constants": "1.116.3",
+    "@tamagui/core": "1.116.3",
+    "@tamagui/stacks": "1.116.3",
+    "@tamagui/start-transition": "1.116.3",
+    "@tamagui/use-did-finish-ssr": "1.116.3",
+    "@tamagui/use-event": "1.116.3",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.116.1",
+    "@tamagui/build": "1.116.3",
     "react-native": "0.74.1"
   },
   "publishConfig": {

package/dist/cjs/Portal.native.cjs

@@ -1,65 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
-var Portal_native_exports = {};
-__export(Portal_native_exports, {
-  Portal: () => Portal
-});
-module.exports = __toCommonJS(Portal_native_exports);
-var import_stacks = require("@tamagui/stacks"),
-  React = __toESM(require("react")),
-  import_react_native = require("react-native-web"),
-  import_GorhomPortal = require("./GorhomPortal.cjs"),
-  import_useStackedZIndex = require("./useStackedZIndex.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const isFabric = global?.nativeFabricUIManager;
-let createPortal;
-isFabric ? createPortal = require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal : createPortal = require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
-const Portal = propsIn => {
-  const {
-      stackZIndex,
-      ...props
-    } = propsIn,
-    rootTag = React.useContext(import_react_native.RootTagContext),
-    zIndex = (0, import_useStackedZIndex.useStackedZIndex)(propsIn),
-    contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
-      pointerEvents: "box-none",
-      fullscreen: !0,
-      position: "absolute",
-      maxWidth: "100%",
-      ...props,
-      zIndex
-    });
-  return process.env.TAMAGUI_USE_NATIVE_PORTAL === "false" || import_react_native.Platform.OS === "android" || !rootTag ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GorhomPortal.PortalItem, {
-    hostName: "root",
-    children: contents
-  }) : createPortal(contents, rootTag);
-};

package/dist/cjs/Portal.native.cjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Portal.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB,4BACvB,QAAuB,2BAEvB,sBAAyC,yBAEzC,sBAA2B,2BAE3B,0BAAiC,+BAiB7B;AAfJ,MAAM,WAAW,QAAQ;AACzB,IAAI;AACA,WACF,eAAe,QAAQ,mDAAmD,EAAE,eAE5E,eAAe,QAAQ,mDAAmD,EAAE;AAGvE,MAAM,SAAS,CAAC,YAAyB;AAC9C,QAAM,EAAE,aAAa,GAAG,MAAM,IAAI,SAE5B,UAAU,MAAM,WAAW,kCAAc,GACzC,aAAS,0CAAiB,OAAO,GAEjC,WACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,YAAU;AAAA,MACV,UAAS;AAAA,MACT,UAAS;AAAA,MACR,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAGF,SACE,QAAQ,IAAI,8BAA8B,WAC1C,6BAAS,OAAO,aAChB,CAAC,UAEM,4CAAC,kCAAW,UAAS,QAAQ,oBAAS,IAGxC,aAAa,UAAU,OAAO;AACvC;",
-  "names": []
-}