@fluentui/react-portal 9.0.0-alpha.45 → 9.0.0-alpha.49

package/CHANGELOG.json

@@ -2,7 +2,79 @@
   "name": "@fluentui/react-portal",
   "entries": [
     {
-      "date": "Fri, 10 Sep 2021 07:36:18 GMT",
+      "date": "Fri, 17 Sep 2021 07:32:57 GMT",
+      "tag": "@fluentui/react-portal_v9.0.0-alpha.49",
+      "version": "9.0.0-alpha.49",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-portal",
+            "commit": "90d71a0914acbb73a0365d60a85237e3d58ef575",
+            "comment": "Bump @fluentui/react-portal to v9.0.0-alpha.49"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 16 Sep 2021 07:38:39 GMT",
+      "tag": "@fluentui/react-portal_v9.0.0-alpha.48",
+      "version": "9.0.0-alpha.48",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-portal",
+            "commit": "fbe41e2877a20ce0f3c01b5188e17c12f941cc4c",
+            "comment": "Bump @fluentui/react-portal to v9.0.0-alpha.48"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 14 Sep 2021 20:09:02 GMT",
+      "tag": "@fluentui/react-portal_v9.0.0-alpha.47",
+      "version": "9.0.0-alpha.47",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bsunderhus@microsoft.com",
+            "package": "@fluentui/react-portal",
+            "commit": "10495c31fb5c5cf48b4665601a75a0cfabb6a03c",
+            "comment": "Bump @fluentui/react-portal to v9.0.0-alpha.47"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 10 Sep 2021 16:31:53 GMT",
+      "tag": "@fluentui/react-portal_v9.0.0-alpha.46",
+      "version": "9.0.0-alpha.46",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-portal",
+            "comment": "use simplified prop merging",
+            "commit": "01a06f5b2aa14ae96a2fca056d34d99a5ad124e0"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-portal",
+            "comment": "chore(v9): Move all internal v9 dependencies from caret to fixed version",
+            "commit": "01a06f5b2aa14ae96a2fca056d34d99a5ad124e0"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-portal",
+            "commit": "01a06f5b2aa14ae96a2fca056d34d99a5ad124e0",
+            "comment": "Bump @fluentui/react-portal to v9.0.0-alpha.46"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 10 Sep 2021 07:39:51 GMT",
       "tag": "@fluentui/react-portal_v9.0.0-alpha.45",
       "version": "9.0.0-alpha.45",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,50 @@
 # Change Log - @fluentui/react-portal
 
-This log was last generated on Fri, 10 Sep 2021 07:36:18 GMT and should not be manually modified.
+This log was last generated on Fri, 17 Sep 2021 07:32:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.49](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.0-alpha.49)
+
+Fri, 17 Sep 2021 07:32:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.0.0-alpha.48..@fluentui/react-portal_v9.0.0-alpha.49)
+
+### Changes
+
+- Bump @fluentui/react-portal to v9.0.0-alpha.49 ([PR #19840](https://github.com/microsoft/fluentui/pull/19840) by Humberto.Morimoto@microsoft.com)
+
+## [9.0.0-alpha.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.0-alpha.48)
+
+Thu, 16 Sep 2021 07:38:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.0.0-alpha.47..@fluentui/react-portal_v9.0.0-alpha.48)
+
+### Changes
+
+- Bump @fluentui/react-portal to v9.0.0-alpha.48 ([PR #19815](https://github.com/microsoft/fluentui/pull/19815) by behowell@microsoft.com)
+
+## [9.0.0-alpha.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.0-alpha.47)
+
+Tue, 14 Sep 2021 20:09:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.0.0-alpha.46..@fluentui/react-portal_v9.0.0-alpha.47)
+
+### Changes
+
+- Bump @fluentui/react-portal to v9.0.0-alpha.47 ([PR #19155](https://github.com/microsoft/fluentui/pull/19155) by bsunderhus@microsoft.com)
+
+## [9.0.0-alpha.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.0-alpha.46)
+
+Fri, 10 Sep 2021 16:31:53 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.0.0-alpha.45..@fluentui/react-portal_v9.0.0-alpha.46)
+
+### Changes
+
+- use simplified prop merging ([PR #19748](https://github.com/microsoft/fluentui/pull/19748) by olfedias@microsoft.com)
+- chore(v9): Move all internal v9 dependencies from caret to fixed version ([PR #19748](https://github.com/microsoft/fluentui/pull/19748) by lingfangao@hotmail.com)
+- Bump @fluentui/react-portal to v9.0.0-alpha.46 ([PR #19748](https://github.com/microsoft/fluentui/pull/19748) by lingfangao@hotmail.com)
+
 ## [9.0.0-alpha.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.0-alpha.45)
 
-Fri, 10 Sep 2021 07:36:18 GMT 
+Fri, 10 Sep 2021 07:39:51 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.0.0-alpha.44..@fluentui/react-portal_v9.0.0-alpha.45)
 
 ### Changes

package/dist/react-portal.d.ts

@@ -13,19 +13,22 @@ export declare function elementContains(parent: HTMLElement | null, child: HTMLE
  */
 export declare const Portal: React_2.FC<PortalProps>;
 
-export declare interface PortalProps {
+export declare interface PortalCommons {
     /**
      * React children
      */
-    children?: React_2.ReactNode;
+    children: React_2.ReactNode;
     /**
      * Where the portal children are mounted on DOM
      * @defaultValue a new element on document.body without any styling
      */
-    mountNode?: HTMLDivElement | null;
+    mountNode: HTMLDivElement | undefined;
 }
 
-export declare interface PortalState extends PortalProps {
+export declare interface PortalProps extends Partial<PortalCommons> {
+}
+
+export declare interface PortalState extends PortalCommons {
     /** Indicates if a Portal should be rendered. */
     shouldRender: boolean;
     /**
@@ -53,8 +56,7 @@ export declare function setVirtualParent(child: HTMLElement, parent?: HTMLElemen
  * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.
  *
  * @param props - props from this instance of Portal
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const usePortal: (props: PortalProps, defaultProps?: PortalProps | undefined) => PortalState;
+export declare const usePortal: (props: PortalProps) => PortalState;
 
 export { }

package/lib/components/Portal/Portal.types.d.ts

@@ -1,16 +1,18 @@
 import * as React from 'react';
-export interface PortalProps {
+export interface PortalCommons {
     /**
      * React children
      */
-    children?: React.ReactNode;
+    children: React.ReactNode;
     /**
      * Where the portal children are mounted on DOM
      * @defaultValue a new element on document.body without any styling
      */
-    mountNode?: HTMLDivElement | null;
+    mountNode: HTMLDivElement | undefined;
 }
-export interface PortalState extends PortalProps {
+export interface PortalProps extends Partial<PortalCommons> {
+}
+export interface PortalState extends PortalCommons {
     /** Indicates if a Portal should be rendered. */
     shouldRender: boolean;
     /**

package/lib/components/Portal/Portal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.types.js","sourceRoot":"../src/","sources":["components/Portal/Portal.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport interface PortalProps {\n  /**\n   * React children\n   */\n  children?: React.ReactNode;\n  /**\n   * Where the portal children are mounted on DOM\n   * @defaultValue a new element on document.body without any styling\n   */\n  mountNode?: HTMLDivElement | null;\n\n  /**\n   * React events should not bubble up the portal\n   */\n  // TODO clarify if this is still needed\n  // disableEventBubbling?: 'first' | 'last';\n}\n\nexport interface PortalState extends PortalProps {\n  /** Indicates if a Portal should be rendered. */\n  shouldRender: boolean;\n\n  /**\n   * Ref to the root span element as virtual parent\n   */\n  virtualParentRootRef: React.MutableRefObject<HTMLSpanElement | null>;\n}\n"]}
+{"version":3,"file":"Portal.types.js","sourceRoot":"../src/","sources":["components/Portal/Portal.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport interface PortalCommons {\n  /**\n   * React children\n   */\n  children: React.ReactNode;\n  /**\n   * Where the portal children are mounted on DOM\n   * @defaultValue a new element on document.body without any styling\n   */\n  mountNode: HTMLDivElement | undefined;\n}\n\nexport interface PortalProps extends Partial<PortalCommons> {}\n\nexport interface PortalState extends PortalCommons {\n  /** Indicates if a Portal should be rendered. */\n  shouldRender: boolean;\n\n  /**\n   * Ref to the root span element as virtual parent\n   */\n  virtualParentRootRef: React.MutableRefObject<HTMLSpanElement | null>;\n}\n"]}

package/lib/components/Portal/usePortal.d.ts

@@ -5,6 +5,5 @@ import type { PortalProps, PortalState } from './Portal.types';
  * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.
  *
  * @param props - props from this instance of Portal
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const usePortal: (props: PortalProps, defaultProps?: PortalProps | undefined) => PortalState;
+export declare const usePortal: (props: PortalProps) => PortalState;

package/lib/components/Portal/usePortal.js

@@ -1,22 +1,24 @@
 import * as React from 'react';
-import { makeMergeProps, useIsSSR } from '@fluentui/react-utilities';
+import { useIsSSR } from '@fluentui/react-utilities';
 import { usePortalMountNode } from './usePortalMountNode';
 import { setVirtualParent } from '../../virtualParent/index';
-var mergeProps = makeMergeProps();
 /**
  * Create the state required to render Portal.
  *
  * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.
  *
  * @param props - props from this instance of Portal
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export var usePortal = function (props, defaultProps) {
-    var _a;
+export var usePortal = function (props) {
+    var children = props.children, mountNode = props.mountNode;
     var virtualParentRootRef = React.useRef(null);
-    var state = mergeProps({ shouldRender: !useIsSSR(), virtualParentRootRef: virtualParentRootRef }, defaultProps, props);
-    var fallbackMountNode = usePortalMountNode({ disabled: !!state.mountNode });
-    state.mountNode = (_a = state.mountNode) !== null && _a !== void 0 ? _a : fallbackMountNode;
+    var fallbackMountNode = usePortalMountNode({ disabled: !!mountNode });
+    var state = {
+        children: children,
+        mountNode: mountNode !== null && mountNode !== void 0 ? mountNode : fallbackMountNode,
+        shouldRender: !useIsSSR(),
+        virtualParentRootRef: virtualParentRootRef,
+    };
     React.useEffect(function () {
         if (state.virtualParentRootRef.current && state.mountNode) {
             setVirtualParent(state.mountNode, state.virtualParentRootRef.current);

package/lib/components/Portal/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","sourceRoot":"../src/","sources":["components/Portal/usePortal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG7D,IAAM,UAAU,GAAG,cAAc,EAAe,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAkB,EAAE,YAA0B;;IACtE,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACjE,IAAM,KAAK,GAAG,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE,oBAAoB,sBAAA,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IACnG,IAAM,iBAAiB,GAAG,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IAE9E,KAAK,CAAC,SAAS,SAAG,KAAK,CAAC,SAAS,mCAAI,iBAAiB,CAAC;IAEvD,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,KAAK,CAAC,oBAAoB,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;YACzD,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;SACvE;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAElD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, useIsSSR } from '@fluentui/react-utilities';\nimport { usePortalMountNode } from './usePortalMountNode';\nimport { setVirtualParent } from '../../virtualParent/index';\nimport type { PortalProps, PortalState } from './Portal.types';\n\nconst mergeProps = makeMergeProps<PortalState>();\n\n/**\n * Create the state required to render Portal.\n *\n * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.\n *\n * @param props - props from this instance of Portal\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const usePortal = (props: PortalProps, defaultProps?: PortalProps): PortalState => {\n  const virtualParentRootRef = React.useRef<HTMLSpanElement>(null);\n  const state = mergeProps({ shouldRender: !useIsSSR(), virtualParentRootRef }, defaultProps, props);\n  const fallbackMountNode = usePortalMountNode({ disabled: !!state.mountNode });\n\n  state.mountNode = state.mountNode ?? fallbackMountNode;\n\n  React.useEffect(() => {\n    if (state.virtualParentRootRef.current && state.mountNode) {\n      setVirtualParent(state.mountNode, state.virtualParentRootRef.current);\n    }\n  }, [state.virtualParentRootRef, state.mountNode]);\n\n  return state;\n};\n"]}
+{"version":3,"file":"usePortal.js","sourceRoot":"../src/","sources":["components/Portal/usePortal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG7D;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAkB;IAClC,IAAA,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAEtC,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACjE,IAAM,iBAAiB,GAAG,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;IAExE,IAAM,KAAK,GAAgB;QACzB,QAAQ,UAAA;QACR,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,iBAAiB;QACzC,YAAY,EAAE,CAAC,QAAQ,EAAE;QACzB,oBAAoB,sBAAA;KACrB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,KAAK,CAAC,oBAAoB,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;YACzD,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;SACvE;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAElD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { useIsSSR } from '@fluentui/react-utilities';\nimport { usePortalMountNode } from './usePortalMountNode';\nimport { setVirtualParent } from '../../virtualParent/index';\nimport type { PortalProps, PortalState } from './Portal.types';\n\n/**\n * Create the state required to render Portal.\n *\n * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.\n *\n * @param props - props from this instance of Portal\n */\nexport const usePortal = (props: PortalProps): PortalState => {\n  const { children, mountNode } = props;\n\n  const virtualParentRootRef = React.useRef<HTMLSpanElement>(null);\n  const fallbackMountNode = usePortalMountNode({ disabled: !!mountNode });\n\n  const state: PortalState = {\n    children,\n    mountNode: mountNode ?? fallbackMountNode,\n    shouldRender: !useIsSSR(),\n    virtualParentRootRef,\n  };\n\n  React.useEffect(() => {\n    if (state.virtualParentRootRef.current && state.mountNode) {\n      setVirtualParent(state.mountNode, state.virtualParentRootRef.current);\n    }\n  }, [state.virtualParentRootRef, state.mountNode]);\n\n  return state;\n};\n"]}

package/lib-amd/components/Portal/Portal.types.d.ts

@@ -1,16 +1,18 @@
 import * as React from 'react';
-export interface PortalProps {
+export interface PortalCommons {
     /**
      * React children
      */
-    children?: React.ReactNode;
+    children: React.ReactNode;
     /**
      * Where the portal children are mounted on DOM
      * @defaultValue a new element on document.body without any styling
      */
-    mountNode?: HTMLDivElement | null;
+    mountNode: HTMLDivElement | undefined;
 }
-export interface PortalState extends PortalProps {
+export interface PortalProps extends Partial<PortalCommons> {
+}
+export interface PortalState extends PortalCommons {
     /** Indicates if a Portal should be rendered. */
     shouldRender: boolean;
     /**

package/lib-amd/components/Portal/Portal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.types.js","sourceRoot":"../src/","sources":["components/Portal/Portal.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport interface PortalProps {\n  /**\n   * React children\n   */\n  children?: React.ReactNode;\n  /**\n   * Where the portal children are mounted on DOM\n   * @defaultValue a new element on document.body without any styling\n   */\n  mountNode?: HTMLDivElement | null;\n\n  /**\n   * React events should not bubble up the portal\n   */\n  // TODO clarify if this is still needed\n  // disableEventBubbling?: 'first' | 'last';\n}\n\nexport interface PortalState extends PortalProps {\n  /** Indicates if a Portal should be rendered. */\n  shouldRender: boolean;\n\n  /**\n   * Ref to the root span element as virtual parent\n   */\n  virtualParentRootRef: React.MutableRefObject<HTMLSpanElement | null>;\n}\n"]}
+{"version":3,"file":"Portal.types.js","sourceRoot":"../src/","sources":["components/Portal/Portal.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport interface PortalCommons {\n  /**\n   * React children\n   */\n  children: React.ReactNode;\n  /**\n   * Where the portal children are mounted on DOM\n   * @defaultValue a new element on document.body without any styling\n   */\n  mountNode: HTMLDivElement | undefined;\n}\n\nexport interface PortalProps extends Partial<PortalCommons> {}\n\nexport interface PortalState extends PortalCommons {\n  /** Indicates if a Portal should be rendered. */\n  shouldRender: boolean;\n\n  /**\n   * Ref to the root span element as virtual parent\n   */\n  virtualParentRootRef: React.MutableRefObject<HTMLSpanElement | null>;\n}\n"]}

package/lib-amd/components/Portal/usePortal.d.ts

@@ -5,6 +5,5 @@ import type { PortalProps, PortalState } from './Portal.types';
  * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.
  *
  * @param props - props from this instance of Portal
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const usePortal: (props: PortalProps, defaultProps?: PortalProps | undefined) => PortalState;
+export declare const usePortal: (props: PortalProps) => PortalState;

package/lib-amd/components/Portal/usePortal.js

@@ -2,21 +2,23 @@ define(["require", "exports", "react", "@fluentui/react-utilities", "./usePortal
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.usePortal = void 0;
-    var mergeProps = react_utilities_1.makeMergeProps();
     /**
      * Create the state required to render Portal.
      *
      * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.
      *
      * @param props - props from this instance of Portal
-     * @param defaultProps - (optional) default prop values provided by the implementing type
      */
-    var usePortal = function (props, defaultProps) {
-        var _a;
+    var usePortal = function (props) {
+        var children = props.children, mountNode = props.mountNode;
         var virtualParentRootRef = React.useRef(null);
-        var state = mergeProps({ shouldRender: !react_utilities_1.useIsSSR(), virtualParentRootRef: virtualParentRootRef }, defaultProps, props);
-        var fallbackMountNode = usePortalMountNode_1.usePortalMountNode({ disabled: !!state.mountNode });
-        state.mountNode = (_a = state.mountNode) !== null && _a !== void 0 ? _a : fallbackMountNode;
+        var fallbackMountNode = usePortalMountNode_1.usePortalMountNode({ disabled: !!mountNode });
+        var state = {
+            children: children,
+            mountNode: mountNode !== null && mountNode !== void 0 ? mountNode : fallbackMountNode,
+            shouldRender: !react_utilities_1.useIsSSR(),
+            virtualParentRootRef: virtualParentRootRef,
+        };
         React.useEffect(function () {
             if (state.virtualParentRootRef.current && state.mountNode) {
                 index_1.setVirtualParent(state.mountNode, state.virtualParentRootRef.current);

package/lib-amd/components/Portal/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","sourceRoot":"../src/","sources":["components/Portal/usePortal.ts"],"names":[],"mappings":";;;;IAMA,IAAM,UAAU,GAAG,gCAAc,EAAe,CAAC;IAEjD;;;;;;;OAOG;IACI,IAAM,SAAS,GAAG,UAAC,KAAkB,EAAE,YAA0B;;QACtE,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;QACjE,IAAM,KAAK,GAAG,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC,0BAAQ,EAAE,EAAE,oBAAoB,sBAAA,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;QACnG,IAAM,iBAAiB,GAAG,uCAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;QAE9E,KAAK,CAAC,SAAS,SAAG,KAAK,CAAC,SAAS,mCAAI,iBAAiB,CAAC;QAEvD,KAAK,CAAC,SAAS,CAAC;YACd,IAAI,KAAK,CAAC,oBAAoB,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;gBACzD,wBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;aACvE;QACH,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAElD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAdW,QAAA,SAAS,aAcpB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, useIsSSR } from '@fluentui/react-utilities';\nimport { usePortalMountNode } from './usePortalMountNode';\nimport { setVirtualParent } from '../../virtualParent/index';\nimport type { PortalProps, PortalState } from './Portal.types';\n\nconst mergeProps = makeMergeProps<PortalState>();\n\n/**\n * Create the state required to render Portal.\n *\n * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.\n *\n * @param props - props from this instance of Portal\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const usePortal = (props: PortalProps, defaultProps?: PortalProps): PortalState => {\n  const virtualParentRootRef = React.useRef<HTMLSpanElement>(null);\n  const state = mergeProps({ shouldRender: !useIsSSR(), virtualParentRootRef }, defaultProps, props);\n  const fallbackMountNode = usePortalMountNode({ disabled: !!state.mountNode });\n\n  state.mountNode = state.mountNode ?? fallbackMountNode;\n\n  React.useEffect(() => {\n    if (state.virtualParentRootRef.current && state.mountNode) {\n      setVirtualParent(state.mountNode, state.virtualParentRootRef.current);\n    }\n  }, [state.virtualParentRootRef, state.mountNode]);\n\n  return state;\n};\n"]}
+{"version":3,"file":"usePortal.js","sourceRoot":"../src/","sources":["components/Portal/usePortal.ts"],"names":[],"mappings":";;;;IAMA;;;;;;OAMG;IACI,IAAM,SAAS,GAAG,UAAC,KAAkB;QAClC,IAAA,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;QAEtC,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;QACjE,IAAM,iBAAiB,GAAG,uCAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;QAExE,IAAM,KAAK,GAAgB;YACzB,QAAQ,UAAA;YACR,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,iBAAiB;YACzC,YAAY,EAAE,CAAC,0BAAQ,EAAE;YACzB,oBAAoB,sBAAA;SACrB,CAAC;QAEF,KAAK,CAAC,SAAS,CAAC;YACd,IAAI,KAAK,CAAC,oBAAoB,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;gBACzD,wBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;aACvE;QACH,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAElD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IApBW,QAAA,SAAS,aAoBpB","sourcesContent":["import * as React from 'react';\nimport { useIsSSR } from '@fluentui/react-utilities';\nimport { usePortalMountNode } from './usePortalMountNode';\nimport { setVirtualParent } from '../../virtualParent/index';\nimport type { PortalProps, PortalState } from './Portal.types';\n\n/**\n * Create the state required to render Portal.\n *\n * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.\n *\n * @param props - props from this instance of Portal\n */\nexport const usePortal = (props: PortalProps): PortalState => {\n  const { children, mountNode } = props;\n\n  const virtualParentRootRef = React.useRef<HTMLSpanElement>(null);\n  const fallbackMountNode = usePortalMountNode({ disabled: !!mountNode });\n\n  const state: PortalState = {\n    children,\n    mountNode: mountNode ?? fallbackMountNode,\n    shouldRender: !useIsSSR(),\n    virtualParentRootRef,\n  };\n\n  React.useEffect(() => {\n    if (state.virtualParentRootRef.current && state.mountNode) {\n      setVirtualParent(state.mountNode, state.virtualParentRootRef.current);\n    }\n  }, [state.virtualParentRootRef, state.mountNode]);\n\n  return state;\n};\n"]}

package/lib-commonjs/components/Portal/Portal.types.d.ts

@@ -1,16 +1,18 @@
 import * as React from 'react';
-export interface PortalProps {
+export interface PortalCommons {
     /**
      * React children
      */
-    children?: React.ReactNode;
+    children: React.ReactNode;
     /**
      * Where the portal children are mounted on DOM
      * @defaultValue a new element on document.body without any styling
      */
-    mountNode?: HTMLDivElement | null;
+    mountNode: HTMLDivElement | undefined;
 }
-export interface PortalState extends PortalProps {
+export interface PortalProps extends Partial<PortalCommons> {
+}
+export interface PortalState extends PortalCommons {
     /** Indicates if a Portal should be rendered. */
     shouldRender: boolean;
     /**

package/lib-commonjs/components/Portal/Portal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.types.js","sourceRoot":"../src/","sources":["components/Portal/Portal.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport interface PortalProps {\n  /**\n   * React children\n   */\n  children?: React.ReactNode;\n  /**\n   * Where the portal children are mounted on DOM\n   * @defaultValue a new element on document.body without any styling\n   */\n  mountNode?: HTMLDivElement | null;\n\n  /**\n   * React events should not bubble up the portal\n   */\n  // TODO clarify if this is still needed\n  // disableEventBubbling?: 'first' | 'last';\n}\n\nexport interface PortalState extends PortalProps {\n  /** Indicates if a Portal should be rendered. */\n  shouldRender: boolean;\n\n  /**\n   * Ref to the root span element as virtual parent\n   */\n  virtualParentRootRef: React.MutableRefObject<HTMLSpanElement | null>;\n}\n"]}
+{"version":3,"file":"Portal.types.js","sourceRoot":"../src/","sources":["components/Portal/Portal.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport interface PortalCommons {\n  /**\n   * React children\n   */\n  children: React.ReactNode;\n  /**\n   * Where the portal children are mounted on DOM\n   * @defaultValue a new element on document.body without any styling\n   */\n  mountNode: HTMLDivElement | undefined;\n}\n\nexport interface PortalProps extends Partial<PortalCommons> {}\n\nexport interface PortalState extends PortalCommons {\n  /** Indicates if a Portal should be rendered. */\n  shouldRender: boolean;\n\n  /**\n   * Ref to the root span element as virtual parent\n   */\n  virtualParentRootRef: React.MutableRefObject<HTMLSpanElement | null>;\n}\n"]}

package/lib-commonjs/components/Portal/usePortal.d.ts

@@ -5,6 +5,5 @@ import type { PortalProps, PortalState } from './Portal.types';
  * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.
  *
  * @param props - props from this instance of Portal
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const usePortal: (props: PortalProps, defaultProps?: PortalProps | undefined) => PortalState;
+export declare const usePortal: (props: PortalProps) => PortalState;

package/lib-commonjs/components/Portal/usePortal.js

@@ -5,21 +5,23 @@ var React = require("react");
 var react_utilities_1 = require("@fluentui/react-utilities");
 var usePortalMountNode_1 = require("./usePortalMountNode");
 var index_1 = require("../../virtualParent/index");
-var mergeProps = react_utilities_1.makeMergeProps();
 /**
  * Create the state required to render Portal.
  *
  * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.
  *
  * @param props - props from this instance of Portal
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-var usePortal = function (props, defaultProps) {
-    var _a;
+var usePortal = function (props) {
+    var children = props.children, mountNode = props.mountNode;
     var virtualParentRootRef = React.useRef(null);
-    var state = mergeProps({ shouldRender: !react_utilities_1.useIsSSR(), virtualParentRootRef: virtualParentRootRef }, defaultProps, props);
-    var fallbackMountNode = usePortalMountNode_1.usePortalMountNode({ disabled: !!state.mountNode });
-    state.mountNode = (_a = state.mountNode) !== null && _a !== void 0 ? _a : fallbackMountNode;
+    var fallbackMountNode = usePortalMountNode_1.usePortalMountNode({ disabled: !!mountNode });
+    var state = {
+        children: children,
+        mountNode: mountNode !== null && mountNode !== void 0 ? mountNode : fallbackMountNode,
+        shouldRender: !react_utilities_1.useIsSSR(),
+        virtualParentRootRef: virtualParentRootRef,
+    };
     React.useEffect(function () {
         if (state.virtualParentRootRef.current && state.mountNode) {
             index_1.setVirtualParent(state.mountNode, state.virtualParentRootRef.current);

package/lib-commonjs/components/Portal/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","sourceRoot":"../src/","sources":["components/Portal/usePortal.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6DAAqE;AACrE,2DAA0D;AAC1D,mDAA6D;AAG7D,IAAM,UAAU,GAAG,gCAAc,EAAe,CAAC;AAEjD;;;;;;;GAOG;AACI,IAAM,SAAS,GAAG,UAAC,KAAkB,EAAE,YAA0B;;IACtE,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACjE,IAAM,KAAK,GAAG,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC,0BAAQ,EAAE,EAAE,oBAAoB,sBAAA,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IACnG,IAAM,iBAAiB,GAAG,uCAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IAE9E,KAAK,CAAC,SAAS,SAAG,KAAK,CAAC,SAAS,mCAAI,iBAAiB,CAAC;IAEvD,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,KAAK,CAAC,oBAAoB,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;YACzD,wBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;SACvE;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAElD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAdW,QAAA,SAAS,aAcpB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, useIsSSR } from '@fluentui/react-utilities';\nimport { usePortalMountNode } from './usePortalMountNode';\nimport { setVirtualParent } from '../../virtualParent/index';\nimport type { PortalProps, PortalState } from './Portal.types';\n\nconst mergeProps = makeMergeProps<PortalState>();\n\n/**\n * Create the state required to render Portal.\n *\n * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.\n *\n * @param props - props from this instance of Portal\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const usePortal = (props: PortalProps, defaultProps?: PortalProps): PortalState => {\n  const virtualParentRootRef = React.useRef<HTMLSpanElement>(null);\n  const state = mergeProps({ shouldRender: !useIsSSR(), virtualParentRootRef }, defaultProps, props);\n  const fallbackMountNode = usePortalMountNode({ disabled: !!state.mountNode });\n\n  state.mountNode = state.mountNode ?? fallbackMountNode;\n\n  React.useEffect(() => {\n    if (state.virtualParentRootRef.current && state.mountNode) {\n      setVirtualParent(state.mountNode, state.virtualParentRootRef.current);\n    }\n  }, [state.virtualParentRootRef, state.mountNode]);\n\n  return state;\n};\n"]}
+{"version":3,"file":"usePortal.js","sourceRoot":"../src/","sources":["components/Portal/usePortal.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6DAAqD;AACrD,2DAA0D;AAC1D,mDAA6D;AAG7D;;;;;;GAMG;AACI,IAAM,SAAS,GAAG,UAAC,KAAkB;IAClC,IAAA,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAEtC,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACjE,IAAM,iBAAiB,GAAG,uCAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;IAExE,IAAM,KAAK,GAAgB;QACzB,QAAQ,UAAA;QACR,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,iBAAiB;QACzC,YAAY,EAAE,CAAC,0BAAQ,EAAE;QACzB,oBAAoB,sBAAA;KACrB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,KAAK,CAAC,oBAAoB,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;YACzD,wBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;SACvE;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAElD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB","sourcesContent":["import * as React from 'react';\nimport { useIsSSR } from '@fluentui/react-utilities';\nimport { usePortalMountNode } from './usePortalMountNode';\nimport { setVirtualParent } from '../../virtualParent/index';\nimport type { PortalProps, PortalState } from './Portal.types';\n\n/**\n * Create the state required to render Portal.\n *\n * The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal.\n *\n * @param props - props from this instance of Portal\n */\nexport const usePortal = (props: PortalProps): PortalState => {\n  const { children, mountNode } = props;\n\n  const virtualParentRootRef = React.useRef<HTMLSpanElement>(null);\n  const fallbackMountNode = usePortalMountNode({ disabled: !!mountNode });\n\n  const state: PortalState = {\n    children,\n    mountNode: mountNode ?? fallbackMountNode,\n    shouldRender: !useIsSSR(),\n    virtualParentRootRef,\n  };\n\n  React.useEffect(() => {\n    if (state.virtualParentRootRef.current && state.mountNode) {\n      setVirtualParent(state.mountNode, state.virtualParentRootRef.current);\n    }\n  }, [state.virtualParentRootRef, state.mountNode]);\n\n  return state;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-portal",
-  "version": "9.0.0-alpha.45",
+  "version": "9.0.0-alpha.49",
   "description": "A utility component that creates portals compatible with Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "^1.4.1",
-    "@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.38",
+    "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.42",
     "@fluentui/react-conformance": "^0.5.0",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
@@ -41,10 +41,10 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "^9.0.0-alpha.63",
-    "@fluentui/react-shared-contexts": "^9.0.0-alpha.23",
-    "@fluentui/react-tabster": "^9.0.0-alpha.57",
-    "@fluentui/react-utilities": "^9.0.0-alpha.45",
+    "@fluentui/react-make-styles": "9.0.0-alpha.67",
+    "@fluentui/react-shared-contexts": "9.0.0-alpha.24",
+    "@fluentui/react-tabster": "9.0.0-alpha.61",
+    "@fluentui/react-utilities": "9.0.0-alpha.49",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {