Function TooltipHostBase1

docs/app/js/sanddance-app.js:42470–42567

(props)

    (0, _tslib.__extends)(TooltipHostBase1, _super);
    // Constructor
    function TooltipHostBase1(props) {
        var _this = _super.call(this, props) || this;
        // The wrapping div that gets the hover events
        _this._tooltipHost = _react.createRef();
        _this._defaultTooltipId = (0, _utilities.getId)("tooltip");
        _this.show = function() {
            _this._toggleTooltip(true);
        };
        _this.dismiss = function() {
            _this._hideTooltip();
        };
        _this._getTargetElement = function() {
            if (!_this._tooltipHost.current) return undefined;
            var overflowMode = _this.props.overflowMode;
            // Select target element based on overflow mode. For parent mode, you want to position the tooltip relative
            // to the parent element, otherwise it might look off.
            if (overflowMode !== undefined) switch(overflowMode){
                case (0, _tooltipHostTypes.TooltipOverflowMode).Parent:
                    return _this._tooltipHost.current.parentElement;
                case (0, _tooltipHostTypes.TooltipOverflowMode).Self:
                    return _this._tooltipHost.current;
            }
            return _this._tooltipHost.current;
        };
        // Show Tooltip
        _this._onTooltipMouseEnter = function(ev) {
            var _a = _this.props, overflowMode = _a.overflowMode, delay = _a.delay;
            if (TooltipHostBase1._currentVisibleTooltip && TooltipHostBase1._currentVisibleTooltip !== _this) TooltipHostBase1._currentVisibleTooltip.dismiss();
            TooltipHostBase1._currentVisibleTooltip = _this;
            if (overflowMode !== undefined) {
                var overflowElement = _this._getTargetElement();
                if (overflowElement && !(0, _utilities.hasOverflow)(overflowElement)) return;
            }
            if (ev.target && (0, _utilities.portalContainsElement)(ev.target, _this._getTargetElement())) // Do not show tooltip when target is inside a portal relative to TooltipHost.
            return;
            _this._clearDismissTimer();
            _this._clearOpenTimer();
            if (delay !== (0, _tooltipTypes.TooltipDelay).zero) {
                var delayTime = _this._getDelayTime(delay); // non-null assertion because we set it in `defaultProps`
                _this._openTimerId = _this._async.setTimeout(function() {
                    _this._toggleTooltip(true);
                }, delayTime);
            } else _this._toggleTooltip(true);
        };
        // Hide Tooltip
        _this._onTooltipMouseLeave = function(ev) {
            var closeDelay = _this.props.closeDelay;
            _this._clearDismissTimer();
            _this._clearOpenTimer();
            if (closeDelay) _this._dismissTimerId = _this._async.setTimeout(function() {
                _this._toggleTooltip(false);
            }, closeDelay);
            else _this._toggleTooltip(false);
            if (TooltipHostBase1._currentVisibleTooltip === _this) TooltipHostBase1._currentVisibleTooltip = undefined;
        };
        _this._onTooltipKeyDown = function(ev) {
            if ((ev.which === (0, _utilities.KeyCodes).escape || ev.ctrlKey) && _this.state.isTooltipVisible) {
                _this._hideTooltip();