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

package/dist/cjs/Portal.native.js

@@ -28,14 +28,8 @@ var import_stacks = require("@tamagui/stacks");
 var React = __toESM(require("react"));
 var import_react_native = require("react-native");
 var import_ReactNative = require("react-native/Libraries/Renderer/shims/ReactNative");
-let root = 0;
-const og = import_react_native.AppRegistry.runApplication.bind(import_react_native.AppRegistry);
-import_react_native.AppRegistry.runApplication = function(...args) {
-  var _a;
-  root = (_a = args[1]) == null ? void 0 : _a.rootTag;
-  return og(...args);
-};
 const Portal = (props) => {
+  const rootTag = React.useContext(import_react_native.RootTagContext);
   const contents = /* @__PURE__ */ React.createElement(import_stacks.YStack, {
     pointerEvents: "box-none",
     fullscreen: true,
@@ -44,8 +38,8 @@ const Portal = (props) => {
     zIndex: 1e5,
     ...props
   });
-  if (root) {
-    return (0, import_ReactNative.createPortal)(contents, root);
+  if (rootTag) {
+    return (0, import_ReactNative.createPortal)(contents, rootTag);
   }
   return null;
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.native.tsx"],
-  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { AppRegistry } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nexport type PortalProps = YStackProps\n\nlet root = 0\nconst og = AppRegistry.runApplication.bind(AppRegistry)\nAppRegistry.runApplication = function (...args) {\n  root = args[1]?.rootTag\n  return og(...args)\n}\n\nexport const Portal = (props: PortalProps) => {\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\n      fullscreen\n      position=\"absolute\"\n      maxWidth=\"100%\"\n      zIndex={100000}\n      {...props}\n    />\n  )\n\n  if (root) {\n    return createPortal(contents, root)\n  }\n\n  return null\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AACpC,YAAuB;AACvB,0BAA4B;AAC5B,yBAA6B;AAI7B,IAAI,OAAO;AACX,MAAM,KAAK,gCAAY,eAAe,KAAK,+BAAW;AACtD,gCAAY,iBAAiB,YAAa,MAAM;AAThD;AAUE,SAAO,WAAK,OAAL,mBAAS;AAChB,SAAO,GAAG,GAAG,IAAI;AACnB;AAEO,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,WACJ,oCAAC;AAAA,IACC,eAAc;AAAA,IACd,YAAU;AAAA,IACV,UAAS;AAAA,IACT,UAAS;AAAA,IACT,QAAQ;AAAA,IACP,GAAG;AAAA,GACN;AAGF,MAAI,MAAM;AACR,WAAO,qCAAa,UAAU,IAAI;AAAA,EACpC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nexport type PortalProps = YStackProps\n\nexport const Portal = (props: PortalProps) => {\n  const rootTag = React.useContext(RootTagContext)\n\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\n      fullscreen\n      position=\"absolute\"\n      maxWidth=\"100%\"\n      zIndex={100000}\n      {...props}\n    />\n  )\n\n  if (rootTag) {\n    return createPortal(contents, rootTag)\n  }\n\n  return null\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AACpC,YAAuB;AAEvB,0BAA+B;AAC/B,yBAA6B;AAItB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,kCAAc;AAE/C,QAAM,WACJ,oCAAC;AAAA,IACC,eAAc;AAAA,IACd,YAAU;AAAA,IACV,UAAS;AAAA,IACT,UAAS;AAAA,IACT,QAAQ;AAAA,IACP,GAAG;AAAA,GACN;AAGF,MAAI,SAAS;AACX,WAAO,qCAAa,UAAU,OAAO;AAAA,EACvC;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/Portal.native.js

@@ -1,15 +1,9 @@
 import { YStack } from "@tamagui/stacks";
 import * as React from "react";
-import { AppRegistry } from "react-native";
+import { RootTagContext } from "react-native";
 import { createPortal } from "react-native/Libraries/Renderer/shims/ReactNative";
-let root = 0;
-const og = AppRegistry.runApplication.bind(AppRegistry);
-AppRegistry.runApplication = function(...args) {
-  var _a;
-  root = (_a = args[1]) == null ? void 0 : _a.rootTag;
-  return og(...args);
-};
 const Portal = (props) => {
+  const rootTag = React.useContext(RootTagContext);
   const contents = /* @__PURE__ */ React.createElement(YStack, {
     pointerEvents: "box-none",
     fullscreen: true,
@@ -18,8 +12,8 @@ const Portal = (props) => {
     zIndex: 1e5,
     ...props
   });
-  if (root) {
-    return createPortal(contents, root);
+  if (rootTag) {
+    return createPortal(contents, rootTag);
   }
   return null;
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.native.tsx"],
-  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { AppRegistry } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nexport type PortalProps = YStackProps\n\nlet root = 0\nconst og = AppRegistry.runApplication.bind(AppRegistry)\nAppRegistry.runApplication = function (...args) {\n  root = args[1]?.rootTag\n  return og(...args)\n}\n\nexport const Portal = (props: PortalProps) => {\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\n      fullscreen\n      position=\"absolute\"\n      maxWidth=\"100%\"\n      zIndex={100000}\n      {...props}\n    />\n  )\n\n  if (root) {\n    return createPortal(contents, root)\n  }\n\n  return null\n}\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAIA,IAAI,OAAO;AACX,MAAM,KAAK,YAAY,eAAe,KAAK,WAAW;AACtD,YAAY,iBAAiB,YAAa,MAAM;AAThD;AAUE,SAAO,WAAK,OAAL,mBAAS;AAChB,SAAO,GAAG,GAAG,IAAI;AACnB;AAEO,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,WACJ,oCAAC;AAAA,IACC,eAAc;AAAA,IACd,YAAU;AAAA,IACV,UAAS;AAAA,IACT,UAAS;AAAA,IACT,QAAQ;AAAA,IACP,GAAG;AAAA,GACN;AAGF,MAAI,MAAM;AACR,WAAO,aAAa,UAAU,IAAI;AAAA,EACpC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nexport type PortalProps = YStackProps\n\nexport const Portal = (props: PortalProps) => {\n  const rootTag = React.useContext(RootTagContext)\n\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\n      fullscreen\n      position=\"absolute\"\n      maxWidth=\"100%\"\n      zIndex={100000}\n      {...props}\n    />\n  )\n\n  if (rootTag) {\n    return createPortal(contents, rootTag)\n  }\n\n  return null\n}\n"],
+  "mappings": "AAAA;AACA;AAEA;AACA;AAIO,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,cAAc;AAE/C,QAAM,WACJ,oCAAC;AAAA,IACC,eAAc;AAAA,IACd,YAAU;AAAA,IACV,UAAS;AAAA,IACT,UAAS;AAAA,IACT,QAAQ;AAAA,IACP,GAAG;AAAA,GACN;AAGF,MAAI,SAAS;AACX,WAAO,aAAa,UAAU,OAAO;AAAA,EACvC;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/jsx/Portal.native.js

@@ -1,17 +1,12 @@
 import { YStack } from "@tamagui/stacks";
-import { AppRegistry } from "react-native";
+import * as React from "react";
+import { RootTagContext } from "react-native";
 import { createPortal } from "react-native/Libraries/Renderer/shims/ReactNative";
-let root = 0;
-const og = AppRegistry.runApplication.bind(AppRegistry);
-AppRegistry.runApplication = function(...args) {
-  var _a;
-  root = (_a = args[1]) == null ? void 0 : _a.rootTag;
-  return og(...args);
-};
 const Portal = (props) => {
+  const rootTag = React.useContext(RootTagContext);
   const contents = <YStack pointerEvents="box-none" fullscreen position="absolute" maxWidth="100%" zIndex={1e5} {...props} />;
-  if (root) {
-    return createPortal(contents, root);
+  if (rootTag) {
+    return createPortal(contents, rootTag);
   }
   return null;
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.native.tsx"],
-  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { AppRegistry } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nexport type PortalProps = YStackProps\n\nlet root = 0\nconst og = AppRegistry.runApplication.bind(AppRegistry)\nAppRegistry.runApplication = function (...args) {\n  root = args[1]?.rootTag\n  return og(...args)\n}\n\nexport const Portal = (props: PortalProps) => {\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\n      fullscreen\n      position=\"absolute\"\n      maxWidth=\"100%\"\n      zIndex={100000}\n      {...props}\n    />\n  )\n\n  if (root) {\n    return createPortal(contents, root)\n  }\n\n  return null\n}\n"],
-  "mappings": "AAAA;AAEA;AACA;AAIA,IAAI,OAAO;AACX,MAAM,KAAK,YAAY,eAAe,KAAK,WAAW;AACtD,YAAY,iBAAiB,YAAa,MAAM;AAThD;AAUE,SAAO,WAAK,OAAL,mBAAS;AAChB,SAAO,GAAG,GAAG,IAAI;AACnB;AAEO,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,WACJ,CAAC,OACC,cAAc,WACd,WACA,SAAS,WACT,SAAS,OACT,QAAQ,SACJ,OACN;AAGF,MAAI,MAAM;AACR,WAAO,aAAa,UAAU,IAAI;AAAA,EACpC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nexport type PortalProps = YStackProps\n\nexport const Portal = (props: PortalProps) => {\n  const rootTag = React.useContext(RootTagContext)\n\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\n      fullscreen\n      position=\"absolute\"\n      maxWidth=\"100%\"\n      zIndex={100000}\n      {...props}\n    />\n  )\n\n  if (rootTag) {\n    return createPortal(contents, rootTag)\n  }\n\n  return null\n}\n"],
+  "mappings": "AAAA;AACA;AAEA;AACA;AAIO,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,cAAc;AAE/C,QAAM,WACJ,CAAC,OACC,cAAc,WACd,WACA,SAAS,WACT,SAAS,OACT,QAAQ,SACJ,OACN;AAGF,MAAI,SAAS;AACX,WAAO,aAAa,UAAU,OAAO;AAAA,EACvC;AAEA,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/portal",
-  "version": "1.0.1-beta.130",
+  "version": "1.0.1-beta.133",
   "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.130",
-    "@tamagui/stacks": "^1.0.1-beta.130"
+    "@tamagui/core": "^1.0.1-beta.133",
+    "@tamagui/stacks": "^1.0.1-beta.133"
   },
   "peerDependencies": {
     "react": "*",
@@ -27,7 +27,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.130",
+    "@tamagui/build": "^1.0.1-beta.133",
     "@types/react-native": "^0.69.2",
     "react": "*",
     "react-dom": "*",

package/src/Portal.native.tsx

@@ -1,18 +1,14 @@
 import { YStack, YStackProps } from '@tamagui/stacks'
 import * as React from 'react'
-import { AppRegistry } from 'react-native'
+// @ts-ignore
+import { RootTagContext } from 'react-native'
 import { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'
 
 export type PortalProps = YStackProps
 
-let root = 0
-const og = AppRegistry.runApplication.bind(AppRegistry)
-AppRegistry.runApplication = function (...args) {
-  root = args[1]?.rootTag
-  return og(...args)
-}
-
 export const Portal = (props: PortalProps) => {
+  const rootTag = React.useContext(RootTagContext)
+
   const contents = (
     <YStack
       pointerEvents="box-none"
@@ -24,8 +20,8 @@ export const Portal = (props: PortalProps) => {
     />
   )
 
-  if (root) {
-    return createPortal(contents, root)
+  if (rootTag) {
+    return createPortal(contents, rootTag)
   }
 
   return null

package/types/GorhomPortal.d.ts

@@ -53,5 +53,5 @@ export interface PortalItemProps {
     handleOnUpdate?: (update: () => void) => void;
     children?: ReactNode | ReactNode[];
 }
-export declare const PortalItem: React.MemoExoticComponent<({ name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, }: PortalItemProps) => null>;
+export declare const PortalItem: React.MemoExoticComponent<({ name, hostName, handleOnMount, handleOnUnmount, handleOnUpdate, children, }: PortalItemProps) => null>;
 //# sourceMappingURL=GorhomPortal.d.ts.map