@fluentui/react-portal 9.0.0-alpha.8 → 9.0.0-nightly.25435def33.0

package/lib-amd/common/isConformant.d.ts

@@ -1,2 +0,0 @@
-import { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>): void;

package/lib-amd/common/isConformant.js

@@ -1,14 +0,0 @@
-define(["require", "exports", "@fluentui/react-conformance"], function (require, exports, react_conformance_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isConformant = void 0;
-    function isConformant(testInfo) {
-        var defaultOptions = {
-            asPropHandlesRef: true,
-            componentPath: module.parent.filename.replace('.test', ''),
-        };
-        react_conformance_1.isConformant(defaultOptions, testInfo);
-    }
-    exports.isConformant = isConformant;
-});
-//# sourceMappingURL=isConformant.js.map

package/lib-amd/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;;IAEA,SAAgB,YAAY,CAAC,QAAoD;QAC/E,IAAM,cAAc,GAAG;YACrB,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;SAC7D,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAPD,oCAOC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>) {\n  const defaultOptions = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { PortalProps } from './Portal.types';
-/**
- * Component that renders children in a React portal
- */
-export declare const Portal: React.FC<PortalProps>;

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

@@ -1,15 +0,0 @@
-define(["require", "exports", "./usePortal", "./renderPortal"], function (require, exports, usePortal_1, renderPortal_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Portal = void 0;
-    /**
-     * Component that renders children in a React portal
-     */
-    var Portal = function (props) {
-        var state = usePortal_1.usePortal(props);
-        return renderPortal_1.renderPortal(state);
-    };
-    exports.Portal = Portal;
-    exports.Portal.displayName = 'Portal';
-});
-//# sourceMappingURL=Portal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Portal.js","sourceRoot":"../src/","sources":["components/Portal/Portal.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACI,IAAM,MAAM,GAA0B,UAAA,KAAK;QAChD,IAAM,KAAK,GAAG,qBAAS,CAAC,KAAK,CAAC,CAAC;QAE/B,OAAO,2BAAY,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAJW,QAAA,MAAM,UAIjB;IAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { usePortal } from './usePortal';\nimport { PortalProps } from './Portal.types';\nimport { renderPortal } from './renderPortal';\n\n/**\n * Component that renders children in a React portal\n */\nexport const Portal: React.FC<PortalProps> = props => {\n  const state = usePortal(props);\n\n  return renderPortal(state);\n};\n\nPortal.displayName = 'Portal';\n"]}

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

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

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

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Portal.types.js.map

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

@@ -1 +0,0 @@
-{"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"]}

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

@@ -1,4 +0,0 @@
-export * from './Portal';
-export * from './Portal.types';
-export * from './renderPortal';
-export * from './usePortal';

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

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./Portal", "./Portal.types", "./renderPortal", "./usePortal"], function (require, exports, tslib_1, Portal_1, Portal_types_1, renderPortal_1, usePortal_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Portal_1, exports);
-    tslib_1.__exportStar(Portal_types_1, exports);
-    tslib_1.__exportStar(renderPortal_1, exports);
-    tslib_1.__exportStar(usePortal_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Portal/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB;IACzB,8CAA+B;IAC/B,8CAA+B;IAC/B,2CAA4B","sourcesContent":["export * from './Portal';\nexport * from './Portal.types';\nexport * from './renderPortal';\nexport * from './usePortal';\n"]}

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { PortalState } from './Portal.types';
-/**
- * Render the final JSX of Portal
- */
-export declare const renderPortal: (state: PortalState) => React.ReactPortal | null;

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

@@ -1,16 +0,0 @@
-define(["require", "exports", "react-dom"], function (require, exports, ReactDOM) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderPortal = void 0;
-    /**
-     * Render the final JSX of Portal
-     */
-    var renderPortal = function (state) {
-        if (state.shouldRender && state.mountNode) {
-            return ReactDOM.createPortal(state.children, state.mountNode);
-        }
-        return null;
-    };
-    exports.renderPortal = renderPortal;
-});
-//# sourceMappingURL=renderPortal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderPortal.js","sourceRoot":"../src/","sources":["components/Portal/renderPortal.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,YAAY,GAAG,UAAC,KAAkB;QAC7C,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS,EAAE;YACzC,OAAO,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;SAC/D;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IANW,QAAA,YAAY,gBAMvB","sourcesContent":["import * as ReactDOM from 'react-dom';\nimport * as React from 'react';\nimport { PortalState } from './Portal.types';\n\n/**\n * Render the final JSX of Portal\n */\nexport const renderPortal = (state: PortalState): React.ReactPortal | null => {\n  if (state.shouldRender && state.mountNode) {\n    return ReactDOM.createPortal(state.children, state.mountNode);\n  }\n\n  return null;\n};\n"]}

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

@@ -1,10 +0,0 @@
-import { PortalProps, PortalState } from './Portal.types';
-/**
- * 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 declare const usePortal: (props: PortalProps, defaultProps?: PortalProps | undefined) => PortalState;

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

@@ -1,23 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities", "./usePortalMountNode"], function (require, exports, react_utilities_1, usePortalMountNode_1) {
-    "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 state = mergeProps({ shouldRender: !react_utilities_1.useIsSSR() }, defaultProps, props);
-        var fallbackMountNode = usePortalMountNode_1.usePortalMountNode({ disabled: !!state.mountNode });
-        state.mountNode = (_a = state.mountNode) !== null && _a !== void 0 ? _a : fallbackMountNode;
-        return state;
-    };
-    exports.usePortal = usePortal;
-});
-//# sourceMappingURL=usePortal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"usePortal.js","sourceRoot":"../src/","sources":["components/Portal/usePortal.ts"],"names":[],"mappings":";;;;IAKA,IAAM,UAAU,GAAG,gCAAc,EAAe,CAAC;IAEjD;;;;;;;OAOG;IACI,IAAM,SAAS,GAAG,UAAC,KAAkB,EAAE,YAA0B;;QACtE,IAAM,KAAK,GAAG,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC,0BAAQ,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;QAC7E,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,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAPW,QAAA,SAAS,aAOpB","sourcesContent":["import { makeMergeProps, useIsSSR } from '@fluentui/react-utilities';\n\nimport { PortalProps, PortalState } from './Portal.types';\nimport { usePortalMountNode } from './usePortalMountNode';\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 state = mergeProps({ shouldRender: !useIsSSR() }, defaultProps, props);\n  const fallbackMountNode = usePortalMountNode({ disabled: !!state.mountNode });\n\n  state.mountNode = state.mountNode ?? fallbackMountNode;\n\n  return state;\n};\n"]}

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

@@ -1,10 +0,0 @@
-export declare type UsePortalMountNodeOptions = {
-    /**
-     * Since hooks cannot be called conditionally use this flag to disable creating the node
-     */
-    disabled?: boolean;
-};
-/**
- * Creates a new element on a document.body to mount portals
- */
-export declare const usePortalMountNode: (options: UsePortalMountNodeOptions) => HTMLDivElement | undefined;

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

@@ -1,31 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities", "@fluentui/react-shared-contexts"], function (require, exports, React, react_utilities_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.usePortalMountNode = void 0;
-    /**
-     * Creates a new element on a document.body to mount portals
-     */
-    var usePortalMountNode = function (options) {
-        var themeClassName = react_shared_contexts_1.useThemeClassName();
-        var _a = react_shared_contexts_1.useFluent(), targetDocument = _a.targetDocument, dir = _a.dir;
-        var element = React.useMemo(function () {
-            if (targetDocument === undefined || options.disabled) {
-                return undefined;
-            }
-            var newElement = targetDocument.createElement('div');
-            newElement.setAttribute('class', themeClassName);
-            newElement.setAttribute('dir', dir);
-            targetDocument.body.appendChild(newElement);
-            return newElement;
-        }, [targetDocument, themeClassName, dir, options.disabled]);
-        react_utilities_1.useIsomorphicLayoutEffect(function () {
-            return function () {
-                var _a;
-                (_a = element === null || element === void 0 ? void 0 : element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(element);
-            };
-        }, [element]);
-        return element;
-    };
-    exports.usePortalMountNode = usePortalMountNode;
-});
-//# sourceMappingURL=usePortalMountNode.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"usePortalMountNode.js","sourceRoot":"../src/","sources":["components/Portal/usePortalMountNode.ts"],"names":[],"mappings":";;;;IAWA;;OAEG;IACI,IAAM,kBAAkB,GAAG,UAAC,OAAkC;QACnE,IAAM,cAAc,GAAG,yCAAiB,EAAE,CAAC;QACrC,IAAA,KAA0B,iCAAS,EAAE,EAAnC,cAAc,oBAAA,EAAE,GAAG,SAAgB,CAAC;QAE5C,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;YAC5B,IAAI,cAAc,KAAK,SAAS,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpD,OAAO,SAAS,CAAC;aAClB;YAED,IAAM,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACvD,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YACjD,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YACpC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAE5C,OAAO,UAAU,CAAC;QACpB,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,GAAG,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;QAE5D,2CAAyB,CAAC;YACxB,OAAO;;gBACL,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,WAAW,CAAC,OAAO,EAAE;YAC/C,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;QAEd,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IAxBW,QAAA,kBAAkB,sBAwB7B","sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useThemeClassName, useFluent } from '@fluentui/react-shared-contexts';\n\nexport type UsePortalMountNodeOptions = {\n  /**\n   * Since hooks cannot be called conditionally use this flag to disable creating the node\n   */\n  disabled?: boolean;\n};\n\n/**\n * Creates a new element on a document.body to mount portals\n */\nexport const usePortalMountNode = (options: UsePortalMountNodeOptions) => {\n  const themeClassName = useThemeClassName();\n  const { targetDocument, dir } = useFluent();\n\n  const element = React.useMemo(() => {\n    if (targetDocument === undefined || options.disabled) {\n      return undefined;\n    }\n\n    const newElement = targetDocument.createElement('div');\n    newElement.setAttribute('class', themeClassName);\n    newElement.setAttribute('dir', dir);\n    targetDocument.body.appendChild(newElement);\n\n    return newElement;\n  }, [targetDocument, themeClassName, dir, options.disabled]);\n\n  useIsomorphicLayoutEffect(() => {\n    return () => {\n      element?.parentElement?.removeChild(element);\n    };\n  }, [element]);\n\n  return element;\n};\n"]}

package/lib-amd/index.d.ts

@@ -1 +0,0 @@
-export * from './components/Portal/index';

package/lib-amd/index.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/Portal/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,uCAA0C","sourcesContent":["export * from './components/Portal/index';\n"]}

package/src/components/Portal/Portal.types.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-
-export interface PortalProps {
-  /**
-   * React children
-   */
-  children?: React.ReactNode;
-  /**
-   * Where the portal children are mounted on DOM
-   * @defaultValue a new element on document.body without any styling
-   */
-  mountNode?: HTMLDivElement | null;
-
-  /**
-   * React events should not bubble up the portal
-   */
-  // TODO clarify if this is still needed
-  // disableEventBubbling?: 'first' | 'last';
-}
-
-export interface PortalState extends PortalProps {
-  /** Indicates if a Portal should be rendered. */
-  shouldRender: boolean;
-}