text: "use strict";
  
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  
  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.default = void 0;
  
  var _react = require("react");
  
  var _reactDom = _interopRequireDefault(require("react-dom"));
  
  var _canUseDom = _interopRequireDefault(require("./Dom/canUseDom"));
  
  var Portal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
    var didUpdate = props.didUpdate,
        getContainer = props.getContainer,
        children = props.children;
    var containerRef = (0, _react.useRef)(); // Ref return nothing, only for wrapper check exist
  
    (0, _react.useImperativeHandle)(ref, function () {
      return {};
    }); // Create container in client side with sync to avoid useEffect not get ref
  
    var initRef = (0, _react.useRef)(false);
  
    if (!initRef.current && (0, _canUseDom.default)()) {
      containerRef.current = getContainer();
      initRef.current = true;
    } // [Legacy] Used by `rc-trigger`
  
  
    (0, _react.useEffect)(function () {
      didUpdate === null || didUpdate === void 0 ? void 0 : didUpdate(props);
    });
    (0, _react.useEffect)(function () {
      return function () {
        var _containerRef$current, _containerRef$current2;
  
        // [Legacy] This should not be handle by Portal but parent PortalWrapper instead.
        // Since some component use `Portal` directly, we have to keep the logic here.
        (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : (_containerRef$current2 = _containerRef$current.parentNode) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.removeChild(containerRef.current);
      };
    }, []);
    return containerRef.current ? /*#__PURE__*/_reactDom.default.createPortal(children, containerRef.current) : null;
  });
  var _default = Portal;
  exports.default = _default;