@atlaskit/portal/dist/cjs/portal.js

A wrapper for rendering components in React portals.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Portal;
var _react = _interopRequireDefault(require("react"));
var _fg = require("@atlaskit/platform-feature-flags/fg");
var _internalPortal = _interopRequireDefault(require("./internal/components/internal-portal"));
var _internalPortalNew = _interopRequireDefault(require("./internal/components/internal-portal-new"));
var _useIsSubsequentRender = _interopRequireDefault(require("./internal/hooks/use-is-subsequent-render"));
var _usePortalEvent = _interopRequireDefault(require("./internal/hooks/use-portal-event"));
/**
 * @deprecated The browser top layer renders layered UI above the page without a portal. Use a
 * design system layer component (for example Popup, Tooltip or Modal dialog), or `Popover` and
 * `Dialog` from `@atlaskit/top-layer`. Content portalled to `document.body` renders below every open
 * top-layer surface. Design system components still use Portal on their `platform-dst-top-layer`
 * gate-off path.
 */
function Portal(_ref) {
  var _ref$zIndex = _ref.zIndex,
    zIndex = _ref$zIndex === void 0 ? 0 : _ref$zIndex,
    children = _ref.children,
    _ref$mountStrategy = _ref.mountStrategy,
    mountStrategy = _ref$mountStrategy === void 0 ? 'effect' : _ref$mountStrategy;
  var isSubsequentRender = (0, _useIsSubsequentRender.default)(mountStrategy);
  (0, _usePortalEvent.default)(zIndex);
  return !(0, _fg.fg)('platform_design_system_team_portal_logic_r18_fix') ? isSubsequentRender ? /*#__PURE__*/_react.default.createElement(_internalPortal.default, {
    zIndex: zIndex
  }, children) : null : /*#__PURE__*/_react.default.createElement(_internalPortalNew.default, {
    zIndex: zIndex
  }, children);
}