/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
/** @packageDocumentation
 * @module Popup
 */
import * as React from "react";
import { DivWithOutsideClick, Point, Size } from "@itwin/core-react";
import { CursorPopup } from "../cursor/cursorpopup/CursorPopup";
import { PopupManager } from "./PopupManager";
import { PositionPopup } from "./PositionPopup";
import { MessageDiv } from "../messages/MessageSpan";
/** Popup component for HTMLElement
 * @alpha
 */
export class HTMLElementPopup extends React.PureComponent {
    constructor() {
        super(...arguments);
        /** @internal */
        this.state = {
            size: new Size(-1, -1),
        };
        this._onSizeKnown = (newSize) => {
            // istanbul ignore else
            if (!this.state.size.equals(newSize))
                this.setState({ size: Size.create(newSize) });
        };
    }
    render() {
        let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);
        const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
        point = new Point(popupRect.left, popupRect.top);
        return (React.createElement(PositionPopup, { key: this.props.id, className: "uifw-no-border", point: point, onSizeKnown: this._onSizeKnown },
            React.createElement(DivWithOutsideClick, { onOutsideClick: this.props.onCancel },
                React.createElement(MessageDiv, { message: this.props.element }))));
    }
}
//# sourceMappingURL=HTMLElementPopup.js.map