@radix-ui/react-portal 0.1.5-rc.8 → 1.0.0

package/dist/index.d.ts

@@ -3,13 +3,9 @@ import * as Radix from "@radix-ui/react-primitive";
 import { Primitive } from "@radix-ui/react-primitive";
 type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
 export interface PortalProps extends PrimitiveDivProps {
-    containerRef?: React.RefObject<HTMLElement>;
-}
-export const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
-export interface UnstablePortalProps extends PrimitiveDivProps {
     container?: HTMLElement | null;
 }
-export const UnstablePortal: React.ForwardRefExoticComponent<UnstablePortalProps & React.RefAttributes<HTMLDivElement>>;
+export const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
 export const Root: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
 
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;AAgBA,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,4BAAsB,SAAQ,iBAAiB;IAC7C,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC,WAAW,CAAC,CAAC;CAC7C;AAED,OAAA,MAAM,0FA2CJ,CAAC;AAWH,oCAA8B,SAAQ,iBAAiB;IACrD,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AAED,OAAA,MAAM,0GAOL,CAAC;AAMF,OAAA,MAAM,wFAAa,CAAC","sources":["packages/react/portal/src/packages/react/portal/src/Portal.tsx","packages/react/portal/src/packages/react/portal/src/index.ts","packages/react/portal/src/index.ts"],"sourcesContent":[null,null,"export * from './Portal';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":";;;AAaA,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,4BAAsB,SAAQ,iBAAiB;IAC7C,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AAED,OAAA,MAAM,0FAKJ,CAAC;AAMH,OAAA,MAAM,wFAAa,CAAC","sources":["packages/react/portal/src/packages/react/portal/src/Portal.tsx","packages/react/portal/src/packages/react/portal/src/index.ts","packages/react/portal/src/index.ts"],"sourcesContent":[null,null,"export {\n  Portal,\n  //\n  Root,\n} from './Portal';\nexport type { PortalProps } from './Portal';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -1,96 +1,37 @@
 var $amzHf$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
 var $amzHf$react = require("react");
 var $amzHf$reactdom = require("react-dom");
-var $amzHf$radixuireactuselayouteffect = require("@radix-ui/react-use-layout-effect");
 var $amzHf$radixuireactprimitive = require("@radix-ui/react-primitive");
 
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $913a70b877676c16$exports = {};
-
-$parcel$export($913a70b877676c16$exports, "Portal", () => $913a70b877676c16$export$602eac185826482c);
-$parcel$export($913a70b877676c16$exports, "UnstablePortal", () => $913a70b877676c16$export$aa829b6eed785496);
-$parcel$export($913a70b877676c16$exports, "Root", () => $913a70b877676c16$export$be92b6f5f03c0fe9);
 
+$parcel$export(module.exports, "Portal", () => $913a70b877676c16$export$602eac185826482c);
+$parcel$export(module.exports, "Root", () => $913a70b877676c16$export$be92b6f5f03c0fe9);
 
 
 
 
-const $913a70b877676c16$var$MAX_Z_INDEX = 2147483647;
 /* -------------------------------------------------------------------------------------------------
  * Portal
  * -----------------------------------------------------------------------------------------------*/ const $913a70b877676c16$var$PORTAL_NAME = 'Portal';
 const $913a70b877676c16$export$602eac185826482c = /*#__PURE__*/ $amzHf$react.forwardRef((props, forwardedRef)=>{
-    var _containerRef$current, _globalThis$document;
-    const { containerRef: containerRef , style: style , ...portalProps } = props;
-    const hostElement = (_containerRef$current = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) !== null && _containerRef$current !== void 0 ? _containerRef$current : globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body;
-    const [, forceUpdate] = $amzHf$react.useState({});
-    /**
-   * containerRef.current won't be set on first render, so we force a re-render.
-   * Because we do this in `useLayoutEffect`, we still avoid a flash.
-   */ $amzHf$radixuireactuselayouteffect.useLayoutEffect(()=>{
-        forceUpdate({});
-    }, []);
-    if (hostElement) return /*#__PURE__*/ ($parcel$interopDefault($amzHf$reactdom)).createPortal(/*#__PURE__*/ $amzHf$react.createElement($amzHf$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($amzHf$babelruntimehelpersextends))({
-        "data-radix-portal": ""
-    }, portalProps, {
-        ref: forwardedRef,
-        style: /**
-       * If the Portal is injected in `body`, we assume we want whatever is portalled
-       * to appear on top of everything. Ideally this would be handled by making sure the
-       * app root creates a new stacking context, however this is quite hard to automate.
-       * For this reason, we have opted for setting the max z-index on the portal itself.
-       */ hostElement === document.body ? {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            zIndex: $913a70b877676c16$var$MAX_Z_INDEX,
-            ...style
-        } : undefined
-    })), hostElement);
-     // bail out of ssr
-    return null;
-});
-/*#__PURE__*/ Object.assign($913a70b877676c16$export$602eac185826482c, {
-    displayName: $913a70b877676c16$var$PORTAL_NAME
-});
-/* -------------------------------------------------------------------------------------------------
- * UnstablePortal
- * -----------------------------------------------------------------------------------------------*/ const $913a70b877676c16$var$UNSTABLE_PORTAL_NAME = 'Portal';
-const $913a70b877676c16$export$aa829b6eed785496 = /*#__PURE__*/ $amzHf$react.forwardRef((props, forwardedRef)=>{
-    var _globalThis$document2;
-    const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document2 = globalThis.document) === null || _globalThis$document2 === void 0 ? void 0 : _globalThis$document2.body , ...portalProps } = props;
+    var _globalThis$document;
+    const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body , ...portalProps } = props;
     return container ? /*#__PURE__*/ ($parcel$interopDefault($amzHf$reactdom)).createPortal(/*#__PURE__*/ $amzHf$react.createElement($amzHf$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($amzHf$babelruntimehelpersextends))({}, portalProps, {
         ref: forwardedRef
     })), container) : null;
 });
-/*#__PURE__*/ Object.assign($913a70b877676c16$export$aa829b6eed785496, {
-    displayName: $913a70b877676c16$var$UNSTABLE_PORTAL_NAME
+/*#__PURE__*/ Object.assign($913a70b877676c16$export$602eac185826482c, {
+    displayName: $913a70b877676c16$var$PORTAL_NAME
 });
 /* -----------------------------------------------------------------------------------------------*/ const $913a70b877676c16$export$be92b6f5f03c0fe9 = $913a70b877676c16$export$602eac185826482c;
 
 
-$parcel$exportWildcard(module.exports, $913a70b877676c16$exports);
 
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react/portal/src/index.ts","packages/react/portal/src/Portal.tsx"],"sourcesContent":["export * from './Portal';\n","import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\nconst MAX_Z_INDEX = 2147483647;\n\n/* -------------------------------------------------------------------------------------------------\n * Portal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'Portal';\n\ntype PortalElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface PortalProps extends PrimitiveDivProps {\n  containerRef?: React.RefObject<HTMLElement>;\n}\n\nconst Portal = React.forwardRef<PortalElement, PortalProps>((props, forwardedRef) => {\n  const { containerRef, style, ...portalProps } = props;\n  const hostElement = containerRef?.current ?? globalThis?.document?.body;\n  const [, forceUpdate] = React.useState({});\n\n  /**\n   * containerRef.current won't be set on first render, so we force a re-render.\n   * Because we do this in `useLayoutEffect`, we still avoid a flash.\n   */\n  useLayoutEffect(() => {\n    forceUpdate({});\n  }, []);\n\n  if (hostElement) {\n    return ReactDOM.createPortal(\n      <Primitive.div\n        data-radix-portal=\"\"\n        {...portalProps}\n        ref={forwardedRef}\n        style={\n          /**\n           * If the Portal is injected in `body`, we assume we want whatever is portalled\n           * to appear on top of everything. Ideally this would be handled by making sure the\n           * app root creates a new stacking context, however this is quite hard to automate.\n           * For this reason, we have opted for setting the max z-index on the portal itself.\n           */\n          hostElement === document.body\n            ? {\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                zIndex: MAX_Z_INDEX,\n                ...style,\n              }\n            : undefined\n        }\n      />,\n      hostElement\n    );\n  }\n\n  // bail out of ssr\n  return null;\n});\n\nPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * UnstablePortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst UNSTABLE_PORTAL_NAME = 'Portal';\n\ntype UnstablePortalElement = React.ElementRef<typeof Primitive.div>;\ninterface UnstablePortalProps extends PrimitiveDivProps {\n  container?: HTMLElement | null;\n}\n\nconst UnstablePortal = React.forwardRef<UnstablePortalElement, UnstablePortalProps>(\n  (props, forwardedRef) => {\n    const { container = globalThis?.document?.body, ...portalProps } = props;\n    return container\n      ? ReactDOM.createPortal(<Primitive.div {...portalProps} ref={forwardedRef} />, container)\n      : null;\n  }\n);\n\nUnstablePortal.displayName = UNSTABLE_PORTAL_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Portal;\n\nexport {\n  Portal,\n  UnstablePortal,\n  //\n  Root,\n};\nexport type { PortalProps, UnstablePortalProps };\n"],"names":["React","ReactDOM","useLayoutEffect","Primitive","MAX_Z_INDEX","PORTAL_NAME","Portal","forwardRef","props","forwardedRef","containerRef","style","portalProps","hostElement","current","globalThis","document","body","forceUpdate","useState","createPortal","position","top","left","zIndex","undefined","UNSTABLE_PORTAL_NAME","UnstablePortal","container","Root"],"version":3,"file":"index.js.map"}
+{"mappings":";;;;;;;;;;;;;;A;;;;ACMA;;oGAEA,CAEA,MAAMK,iCAAW,GAAG,QAApB,AAAA;AAQA,MAAML,yCAAM,GAAA,aAAGE,CAAAA,uBAAA,CAA6C,CAACK,KAAD,EAAQC,YAAR,GAAyB;IAAA,IAAA,oBAAA,AAAA;IACnF,MAAM,aAAEC,SAAS,GAAGC,UAAH,KAAA,IAAA,IAAGA,UAAH,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,AAAA,CAAA,oBAAA,GAAGA,UAAU,CAAEC,QAAf,CAAA,KAAA,IAAA,IAAA,oBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAG,oBAAA,CAAsBC,IAApC,GAA0C,GAAGC,WAAH,EAA1C,GAA6DN,KAAnE,AAAM;IACN,OAAOE,SAAS,GAAA,aACZN,CAAAA,yCAAQ,CAACW,YAAT,CAAA,aAAsB,CAAA,0BAAA,CAAC,sCAAD,CAAW,GAAX,EAAA,2DAAA,CAAA,EAAA,EAAmBD,WAAnB,EAD1B;QAC0D,GAAG,EAAEL,YAAL;KAAhC,CAAA,CAAtB,EAA6EC,SAA7E,CADY,GAEZ,IAFJ,CAC0B;CAHb,CAAf,AAKC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,iCAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAEA,MAAMR,yCAAI,GAAGD,yCAAb,AAAA;;AD7BA","sources":["packages/react/portal/src/index.ts","packages/react/portal/src/Portal.tsx"],"sourcesContent":["export {\n  Portal,\n  //\n  Root,\n} from './Portal';\nexport type { PortalProps } from './Portal';\n","import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Portal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'Portal';\n\ntype PortalElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface PortalProps extends PrimitiveDivProps {\n  container?: HTMLElement | null;\n}\n\nconst Portal = React.forwardRef<PortalElement, PortalProps>((props, forwardedRef) => {\n  const { container = globalThis?.document?.body, ...portalProps } = props;\n  return container\n    ? ReactDOM.createPortal(<Primitive.div {...portalProps} ref={forwardedRef} />, container)\n    : null;\n});\n\nPortal.displayName = PORTAL_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Portal;\n\nexport {\n  Portal,\n  //\n  Root,\n};\nexport type { PortalProps };\n"],"names":["Portal","Root","React","ReactDOM","Primitive","PORTAL_NAME","forwardRef","props","forwardedRef","container","globalThis","document","body","portalProps","createPortal"],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,77 +1,29 @@
 import $7SXl2$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
-import {forwardRef as $7SXl2$forwardRef, useState as $7SXl2$useState, createElement as $7SXl2$createElement} from "react";
+import {forwardRef as $7SXl2$forwardRef, createElement as $7SXl2$createElement} from "react";
 import $7SXl2$reactdom from "react-dom";
-import {useLayoutEffect as $7SXl2$useLayoutEffect} from "@radix-ui/react-use-layout-effect";
 import {Primitive as $7SXl2$Primitive} from "@radix-ui/react-primitive";
 
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $f1701beae083dbae$exports = {};
 
-$parcel$export($f1701beae083dbae$exports, "Portal", () => $f1701beae083dbae$export$602eac185826482c);
-$parcel$export($f1701beae083dbae$exports, "UnstablePortal", () => $f1701beae083dbae$export$aa829b6eed785496);
-$parcel$export($f1701beae083dbae$exports, "Root", () => $f1701beae083dbae$export$be92b6f5f03c0fe9);
 
 
 
-
-
-const $f1701beae083dbae$var$MAX_Z_INDEX = 2147483647;
 /* -------------------------------------------------------------------------------------------------
  * Portal
  * -----------------------------------------------------------------------------------------------*/ const $f1701beae083dbae$var$PORTAL_NAME = 'Portal';
 const $f1701beae083dbae$export$602eac185826482c = /*#__PURE__*/ $7SXl2$forwardRef((props, forwardedRef)=>{
-    var _containerRef$current, _globalThis$document;
-    const { containerRef: containerRef , style: style , ...portalProps } = props;
-    const hostElement = (_containerRef$current = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) !== null && _containerRef$current !== void 0 ? _containerRef$current : globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body;
-    const [, forceUpdate] = $7SXl2$useState({});
-    /**
-   * containerRef.current won't be set on first render, so we force a re-render.
-   * Because we do this in `useLayoutEffect`, we still avoid a flash.
-   */ $7SXl2$useLayoutEffect(()=>{
-        forceUpdate({});
-    }, []);
-    if (hostElement) return /*#__PURE__*/ $7SXl2$reactdom.createPortal(/*#__PURE__*/ $7SXl2$createElement($7SXl2$Primitive.div, $7SXl2$babelruntimehelpersesmextends({
-        "data-radix-portal": ""
-    }, portalProps, {
-        ref: forwardedRef,
-        style: /**
-       * If the Portal is injected in `body`, we assume we want whatever is portalled
-       * to appear on top of everything. Ideally this would be handled by making sure the
-       * app root creates a new stacking context, however this is quite hard to automate.
-       * For this reason, we have opted for setting the max z-index on the portal itself.
-       */ hostElement === document.body ? {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            zIndex: $f1701beae083dbae$var$MAX_Z_INDEX,
-            ...style
-        } : undefined
-    })), hostElement);
-     // bail out of ssr
-    return null;
-});
-/*#__PURE__*/ Object.assign($f1701beae083dbae$export$602eac185826482c, {
-    displayName: $f1701beae083dbae$var$PORTAL_NAME
-});
-/* -------------------------------------------------------------------------------------------------
- * UnstablePortal
- * -----------------------------------------------------------------------------------------------*/ const $f1701beae083dbae$var$UNSTABLE_PORTAL_NAME = 'Portal';
-const $f1701beae083dbae$export$aa829b6eed785496 = /*#__PURE__*/ $7SXl2$forwardRef((props, forwardedRef)=>{
-    var _globalThis$document2;
-    const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document2 = globalThis.document) === null || _globalThis$document2 === void 0 ? void 0 : _globalThis$document2.body , ...portalProps } = props;
+    var _globalThis$document;
+    const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body , ...portalProps } = props;
     return container ? /*#__PURE__*/ $7SXl2$reactdom.createPortal(/*#__PURE__*/ $7SXl2$createElement($7SXl2$Primitive.div, $7SXl2$babelruntimehelpersesmextends({}, portalProps, {
         ref: forwardedRef
     })), container) : null;
 });
-/*#__PURE__*/ Object.assign($f1701beae083dbae$export$aa829b6eed785496, {
-    displayName: $f1701beae083dbae$var$UNSTABLE_PORTAL_NAME
+/*#__PURE__*/ Object.assign($f1701beae083dbae$export$602eac185826482c, {
+    displayName: $f1701beae083dbae$var$PORTAL_NAME
 });
 /* -----------------------------------------------------------------------------------------------*/ const $f1701beae083dbae$export$be92b6f5f03c0fe9 = $f1701beae083dbae$export$602eac185826482c;
 
 
 
 
-export {$f1701beae083dbae$export$602eac185826482c as Portal, $f1701beae083dbae$export$aa829b6eed785496 as UnstablePortal, $f1701beae083dbae$export$be92b6f5f03c0fe9 as Root};
+export {$f1701beae083dbae$export$602eac185826482c as Portal, $f1701beae083dbae$export$be92b6f5f03c0fe9 as Root};
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react/portal/src/index.ts","packages/react/portal/src/Portal.tsx"],"sourcesContent":["export * from './Portal';\n","import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\nconst MAX_Z_INDEX = 2147483647;\n\n/* -------------------------------------------------------------------------------------------------\n * Portal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'Portal';\n\ntype PortalElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface PortalProps extends PrimitiveDivProps {\n  containerRef?: React.RefObject<HTMLElement>;\n}\n\nconst Portal = React.forwardRef<PortalElement, PortalProps>((props, forwardedRef) => {\n  const { containerRef, style, ...portalProps } = props;\n  const hostElement = containerRef?.current ?? globalThis?.document?.body;\n  const [, forceUpdate] = React.useState({});\n\n  /**\n   * containerRef.current won't be set on first render, so we force a re-render.\n   * Because we do this in `useLayoutEffect`, we still avoid a flash.\n   */\n  useLayoutEffect(() => {\n    forceUpdate({});\n  }, []);\n\n  if (hostElement) {\n    return ReactDOM.createPortal(\n      <Primitive.div\n        data-radix-portal=\"\"\n        {...portalProps}\n        ref={forwardedRef}\n        style={\n          /**\n           * If the Portal is injected in `body`, we assume we want whatever is portalled\n           * to appear on top of everything. Ideally this would be handled by making sure the\n           * app root creates a new stacking context, however this is quite hard to automate.\n           * For this reason, we have opted for setting the max z-index on the portal itself.\n           */\n          hostElement === document.body\n            ? {\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                zIndex: MAX_Z_INDEX,\n                ...style,\n              }\n            : undefined\n        }\n      />,\n      hostElement\n    );\n  }\n\n  // bail out of ssr\n  return null;\n});\n\nPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * UnstablePortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst UNSTABLE_PORTAL_NAME = 'Portal';\n\ntype UnstablePortalElement = React.ElementRef<typeof Primitive.div>;\ninterface UnstablePortalProps extends PrimitiveDivProps {\n  container?: HTMLElement | null;\n}\n\nconst UnstablePortal = React.forwardRef<UnstablePortalElement, UnstablePortalProps>(\n  (props, forwardedRef) => {\n    const { container = globalThis?.document?.body, ...portalProps } = props;\n    return container\n      ? ReactDOM.createPortal(<Primitive.div {...portalProps} ref={forwardedRef} />, container)\n      : null;\n  }\n);\n\nUnstablePortal.displayName = UNSTABLE_PORTAL_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Portal;\n\nexport {\n  Portal,\n  UnstablePortal,\n  //\n  Root,\n};\nexport type { PortalProps, UnstablePortalProps };\n"],"names":["React","ReactDOM","useLayoutEffect","Primitive","MAX_Z_INDEX","PORTAL_NAME","Portal","forwardRef","props","forwardedRef","containerRef","style","portalProps","hostElement","current","globalThis","document","body","forceUpdate","useState","createPortal","position","top","left","zIndex","undefined","UNSTABLE_PORTAL_NAME","UnstablePortal","container","Root"],"version":3,"file":"index.module.js.map"}
+{"mappings":";;;;;A;;;;ACMA;;oGAEA,CAEA,MAAMK,iCAAW,GAAG,QAApB,AAAA;AAQA,MAAML,yCAAM,GAAA,aAAGE,CAAAA,iBAAA,CAA6C,CAACK,KAAD,EAAQC,YAAR,GAAyB;IAAA,IAAA,oBAAA,AAAA;IACnF,MAAM,aAAEC,SAAS,GAAGC,UAAH,KAAA,IAAA,IAAGA,UAAH,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,AAAA,CAAA,oBAAA,GAAGA,UAAU,CAAEC,QAAf,CAAA,KAAA,IAAA,IAAA,oBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAG,oBAAA,CAAsBC,IAApC,GAA0C,GAAGC,WAAH,EAA1C,GAA6DN,KAAnE,AAAM;IACN,OAAOE,SAAS,GAAA,aACZN,CAAAA,eAAQ,CAACW,YAAT,CAAA,aAAsB,CAAA,oBAAA,CAAC,gBAAD,CAAW,GAAX,EAAA,oCAAA,CAAA,EAAA,EAAmBD,WAAnB,EAD1B;QAC0D,GAAG,EAAEL,YAAL;KAAhC,CAAA,CAAtB,EAA6EC,SAA7E,CADY,GAEZ,IAFJ,CAC0B;CAHb,CAAf,AAKC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,iCAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAEA,MAAMR,yCAAI,GAAGD,yCAAb,AAAA;;AD7BA","sources":["packages/react/portal/src/index.ts","packages/react/portal/src/Portal.tsx"],"sourcesContent":["export {\n  Portal,\n  //\n  Root,\n} from './Portal';\nexport type { PortalProps } from './Portal';\n","import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Portal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'Portal';\n\ntype PortalElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface PortalProps extends PrimitiveDivProps {\n  container?: HTMLElement | null;\n}\n\nconst Portal = React.forwardRef<PortalElement, PortalProps>((props, forwardedRef) => {\n  const { container = globalThis?.document?.body, ...portalProps } = props;\n  return container\n    ? ReactDOM.createPortal(<Primitive.div {...portalProps} ref={forwardedRef} />, container)\n    : null;\n});\n\nPortal.displayName = PORTAL_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Portal;\n\nexport {\n  Portal,\n  //\n  Root,\n};\nexport type { PortalProps };\n"],"names":["Portal","Root","React","ReactDOM","Primitive","PORTAL_NAME","forwardRef","props","forwardedRef","container","globalThis","document","body","portalProps","createPortal"],"version":3,"file":"index.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-portal",
-  "version": "0.1.5-rc.8",
+  "version": "1.0.0",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -17,8 +17,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@radix-ui/react-primitive": "0.1.5-rc.8",
-    "@radix-ui/react-use-layout-effect": "0.1.1-rc.8"
+    "@radix-ui/react-primitive": "1.0.0"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0 || ^18.0",
@@ -31,6 +30,5 @@
   },
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
-  },
-  "stableVersion": "0.1.4"
+  }
 }