text: "use strict";
  
  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.SimplePopOver = void 0;
  
  var _react = _interopRequireWildcard(require("react"));
  
  var _PortalController = require("../portal/PortalController");
  
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
  
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
  
  const SimplePopOver = props => {
    const {
      popOver,
      position,
      isOpen,
      onClose = () => {}
    } = props;
    const [state, setState] = (0, _react.useState)('closed');
  
    const onCloseEnd = _react.default.useCallback(() => {
      setState('closed');
    }, []);
  
    _react.default.useEffect(() => {
      if (isOpen && state === 'closed') {
        setState('opened');
      } else if (state === 'opened') {
        setState('closing');
      }
    }, [isOpen, state]);
  
    return /*#__PURE__*/_react.default.createElement(_PortalController.PortalController, {
      isRendered: state !== 'closed'
    }, popOver({
      isOpen,
      position,
      togglePopOver: onClose,
      closingAnimationCompleted: onCloseEnd
    }));
  };
  
  exports.SimplePopOver = SimplePopOver;