@progress/kendo-react-tooltip 6.1.1 → 7.0.0-develop.10

package/dist/npm/tooltip/Tooltip.js

@@ -1,316 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-var React = require("react");
-var ReactDOM = require("react-dom");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var utils_1 = require("./utils");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("./../package-metadata");
-var DEFAULT_TOOLTIP_ZINDEX = 100;
-var Tooltip = /** @class */ (function (_super) {
-    __extends(Tooltip, _super);
-    function Tooltip(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * @hidden
-         */
-        _this.context = 0;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            targetElement: null,
-            open: false,
-            title: ''
-        };
-        _this.top = 0;
-        _this.left = 0;
-        _this.willOpen = false;
-        /**
-         * The method is used on the MouseOut event to hide the Tooltip.
-         */
-        _this.handleMouseOut = function (event) {
-            var targetElement = _this.state.targetElement;
-            var currentDocument = targetElement ? targetElement.ownerDocument : document;
-            var element = currentDocument && currentDocument.elementFromPoint(event.clientX, event.clientY);
-            if ((0, utils_1.isTooltipElement)(element)) {
-                return;
-            }
-            if (_this.props.open) {
-                return;
-            }
-            clearInterval(_this.updateIntervalId);
-            _this.willOpen = false;
-            _this.onClose(event);
-        };
-        /**
-         * Used on the `MouseOver` event to show the Tooltip.
-         */
-        _this.handleMouseOver = function (event) {
-            var target = event.target;
-            if (!_this.isVisible(target) || (0, utils_1.isTooltipElement)(target) || target === _this.state.targetElement) {
-                return;
-            }
-            _this.showToolTip(event);
-        };
-        _this.handleBodyMousemove = function (event) {
-            _this.top = event.clientY;
-            _this.left = event.clientX;
-        };
-        _this.onClose = function (event) {
-            (0, kendo_react_common_1.dispatchEvent)(_this.props.onClose, event, _this, undefined);
-            _this.setState({ targetElement: null, open: false, title: '' });
-        };
-        _this.setUpdateInterval = function () {
-            if (_this.props.updateInterval) {
-                _this.updateIntervalId = setInterval(_this.onIntervalUpdate, _this.props.updateInterval);
-            }
-        };
-        _this.onIntervalUpdate = function () {
-            var target = _this.state.targetElement;
-            if (!target) {
-                return;
-            }
-            if (target.parentElement === null) {
-                // Getting element from previous target coordinates will cause reflow which is performance hit.
-                // Also remount case can be avoided easily
-                _this.onClose({ target: target });
-            }
-            else {
-                _this.showToolTip({ target: target });
-            }
-        };
-        _this.position = function (element) {
-            var domRect = (0, utils_1.getDomRect)(_this.state.targetElement);
-            var left = (0, utils_1.getLeftPosition)(_this.left, element.offsetWidth, domRect, _this.props.anchorElement, _this.props.position);
-            var top = (0, utils_1.getTopPosition)(_this.top, domRect, element.offsetHeight, _this.props.anchorElement, _this.props.position);
-            return { left: left, top: top };
-        };
-        _this.getTitle = function (element) {
-            while (element) {
-                if (element.getAttribute('title') !== null || element.titleExpando) {
-                    var title = element.getAttribute('title') || element.titleExpando;
-                    return { title: title, element: element };
-                }
-                element = _this.props.parentTitle && element.parentElement || null;
-            }
-            return { title: '', element: element };
-        };
-        _this.calloutClassName = function () {
-            switch (_this.props.position) {
-                case 'bottom':
-                    return 'k-callout k-callout-n';
-                case 'left':
-                    return 'k-callout k-callout-e';
-                case 'right':
-                    return 'k-callout k-callout-w';
-                case 'top':
-                    return 'k-callout k-callout-s';
-                default:
-                    return _this.top < (window.innerHeight / 2) ? 'k-callout k-callout-n' : 'k-callout k-callout-s';
-            }
-        };
-        _this.getCurrentZIndex = function () {
-            return _this.context ? _this.context : DEFAULT_TOOLTIP_ZINDEX;
-        };
-        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    Tooltip.prototype.componentDidMount = function () {
-        if (document) {
-            document.body.addEventListener('mousemove', this.handleBodyMousemove);
-        }
-    };
-    /**
-     * @hidden
-     */
-    Tooltip.prototype.componentWillUnmount = function () {
-        clearTimeout(this.openTimeoutId);
-        clearInterval(this.updateIntervalId);
-        if (document) {
-            document.body.removeEventListener('mousemove', this.handleBodyMousemove);
-        }
-    };
-    /**
-     * @hidden
-     */
-    Tooltip.prototype.componentDidUpdate = function () {
-        if (this.props.open && this.props.targetElement) {
-            this.showToolTip({ target: this.props.targetElement });
-        }
-    };
-    /**
-     * @hidden
-     */
-    Tooltip.prototype.render = function () {
-        var _this = this;
-        if (this.props.children) {
-            var _a = this.props, children = _a.children, options = __rest(_a, ["children"]);
-            var tooltip_1 = null;
-            return (React.createElement("div", { onMouseOver: function (event) { if (tooltip_1) {
-                    tooltip_1.handleMouseOver(event);
-                } }, onMouseOut: function (event) { if (tooltip_1) {
-                    tooltip_1.handleMouseOut(event);
-                } } },
-                React.createElement(Tooltip, __assign({ ref: function (el) { return tooltip_1 = el; } }, options)),
-                children));
-        }
-        if (this.props.open === false) {
-            return null;
-        }
-        var targetElement = this.state.targetElement;
-        var currentZIndex = this.getCurrentZIndex();
-        return targetElement &&
-            this.state.title &&
-            targetElement.ownerDocument &&
-            ReactDOM.createPortal((React.createElement("div", { ref: function (el) {
-                    if (!el) {
-                        return;
-                    }
-                    var position;
-                    if (_this.props.onPosition) {
-                        var ev = {
-                            element: el,
-                            targetElement: _this.state.targetElement,
-                            mouseTop: _this.top,
-                            mouseLeft: _this.left,
-                            anchorElement: _this.props.anchorElement,
-                            position: _this.props.position,
-                            target: _this,
-                            syntheticEvent: null,
-                            nativeEvent: null
-                        };
-                        position = _this.props.onPosition.call(undefined, ev);
-                    }
-                    else {
-                        position = _this.position(el);
-                    }
-                    el.style.left = position.left + 'px';
-                    el.style.top = position.top + 'px';
-                }, className: (0, kendo_react_common_1.classNames)('k-animation-container', 'k-animation-container-fixed', 'k-animation-container-shown', this.props.className), style: __assign({ zIndex: currentZIndex }, this.props.style), tabIndex: 0 },
-                React.createElement("div", { className: 'k-child-animation-container' },
-                    React.createElement("div", { id: this.props.id, role: 'tooltip', className: (0, kendo_react_common_1.classNames)('k-tooltip', this.props.tooltipClassName), style: __assign({ position: 'relative' }, this.props.tooltipStyle) },
-                        React.createElement("div", { className: "k-tooltip-content" }, this.props.content &&
-                            React.createElement(this.props.content, { title: this.state.title, target: this.state.targetElement })
-                            || this.state.title),
-                        this.props.showCallout && React.createElement("div", { ref: function (el) {
-                                if (!el) {
-                                    return;
-                                }
-                                el.className = _this.calloutClassName();
-                                if (_this.props.position === 'auto') {
-                                    _this.left < (window.screen.availWidth / 2)
-                                        ? el.style.left = _this.props.setCalloutOnPositionAuto || '25%'
-                                        : el.style.left = _this.props.setCalloutOnPositionAuto || '75%';
-                                }
-                            } }))))), this.props.appendTo ? this.props.appendTo : targetElement.ownerDocument.body);
-    };
-    Tooltip.prototype.showToolTip = function (event) {
-        var _this = this;
-        clearTimeout(this.openTimeoutId);
-        clearInterval(this.updateIntervalId);
-        if (event.target.hasChildNodes()) {
-            event.target.childNodes.forEach(function (childElement) {
-                if (childElement.nodeName === 'title') {
-                    event.target.titleExpando = childElement.innerHTML;
-                    childElement.remove();
-                }
-            });
-        }
-        var target = this.props.targetElement || event.target;
-        var titleResult = this.getTitle(target);
-        if (!titleResult.title) {
-            if (this.state.open) {
-                this.onClose(event);
-            }
-            return;
-        }
-        if (titleResult.element) {
-            titleResult.element.titleExpando = titleResult.title;
-            titleResult.element.title = '';
-        }
-        this.willOpen = true;
-        if (!this.props.openDelay) {
-            this.setState({ targetElement: target, open: true, title: titleResult.title }, this.setUpdateInterval);
-        }
-        else {
-            this.openTimeoutId = window.setTimeout(function () {
-                if (_this.willOpen) {
-                    _this.setState({ targetElement: target, open: true, title: titleResult.title }, _this.setUpdateInterval);
-                }
-            }, this.props.openDelay);
-        }
-        if (this.state.title !== titleResult.title) {
-            (0, kendo_react_common_1.dispatchEvent)(this.props.onOpen, event, this, undefined);
-        }
-    };
-    Tooltip.prototype.isVisible = function (element) {
-        return !this.props.filter || this.props.filter(element);
-    };
-    /**
-     * @hidden
-     */
-    Tooltip.propTypes = {
-        anchorElement: PropTypes.oneOf(['pointer', 'target']),
-        content: PropTypes.func,
-        filter: PropTypes.func,
-        openDelay: PropTypes.number,
-        position: PropTypes.oneOf(['right', 'left', 'top', 'bottom', 'auto']),
-        updateInterval: PropTypes.number
-    };
-    Tooltip.defaultProps = {
-        anchorElement: 'pointer',
-        openDelay: 400,
-        position: 'auto',
-        showCallout: true,
-        parentTitle: false
-    };
-    /**
-     * @hidden
-     */
-    Tooltip.contextType = kendo_react_common_1.ZIndexContext;
-    return Tooltip;
-}(React.PureComponent));
-exports.Tooltip = Tooltip;

package/dist/npm/tooltip/TooltipProps.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:enable:max-line-length

package/dist/npm/tooltip/events.d.ts

@@ -1,31 +0,0 @@
-import { BaseEvent } from '@progress/kendo-react-common';
-import { Tooltip } from './Tooltip';
-import { TooltipPosition } from './utils';
-export interface TooltipEvent extends BaseEvent<Tooltip> {
-}
-export interface TooltipPositionEvent extends BaseEvent<Tooltip> {
-    /**
-     * The Tooltip element. Useful to get the actual `width` and `height` of rendered Tooltip.
-     */
-    element: HTMLDivElement;
-    /**
-     * The current target element. Useful to calculate `top` and `left` position of the Tooltip element.
-     */
-    targetElement: HTMLElement | null;
-    /**
-     * The current mouse `top` position;
-     */
-    mouseTop: number;
-    /**
-     * The current mouse `left` position.
-     */
-    mouseLeft: number;
-    /**
-     * The Tooltip anchor element prop.
-     */
-    anchorElement?: string;
-    /**
-     * The Tooltip position prop.
-     */
-    position?: TooltipPosition;
-}

package/dist/npm/tooltip/events.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/tooltip/utils.js

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTooltipElement = exports.toolTipSelectors = exports.getDomRect = exports.getTopPosition = exports.getLeftPosition = void 0;
-var arrowWidth = 10;
-var arrowHeight = 10;
-/**
- * @hidden
- */
-var getLeftPosition = function (left, elementWidth, targetElement, anchorElement, position) {
-    switch (position) {
-        case 'bottom':
-            return anchorElement === 'pointer'
-                ? left - (elementWidth / 2)
-                : targetElement.left - (elementWidth / 2) + targetElement.width / 2;
-        case 'left':
-            return anchorElement === 'pointer'
-                ? left - elementWidth - arrowWidth
-                : targetElement.left - elementWidth - arrowWidth;
-        case 'right':
-            return anchorElement === 'pointer'
-                ? left + arrowWidth
-                : targetElement.right + arrowWidth;
-        case 'top':
-            return anchorElement === 'pointer'
-                ? left - (elementWidth / 2)
-                : targetElement.left - (elementWidth / 2) + targetElement.width / 2;
-        default:
-            if (anchorElement === 'pointer') {
-                return left < (window.screen.availWidth / 2)
-                    ? left - arrowWidth
-                    : left - elementWidth + arrowWidth;
-            }
-            else {
-                return left < (window.screen.availWidth / 2)
-                    ? targetElement.left
-                    : targetElement.right - elementWidth;
-            }
-    }
-};
-exports.getLeftPosition = getLeftPosition;
-/**
- * @hidden
- */
-var getTopPosition = function (top, targetElement, elementHeight, anchorElement, position) {
-    switch (position) {
-        case 'bottom':
-            return anchorElement === 'pointer'
-                ? top + arrowHeight
-                : targetElement.bottom + arrowHeight;
-        case 'left':
-            return anchorElement === 'pointer'
-                ? top - (elementHeight / 2)
-                : targetElement.top - (elementHeight / 2) + (targetElement.height / 2);
-        case 'right':
-            return anchorElement === 'pointer'
-                ? top - (elementHeight / 2)
-                : targetElement.top - (elementHeight / 2) + (targetElement.height / 2);
-        case 'top':
-            return anchorElement === 'pointer'
-                ? top - elementHeight - arrowHeight
-                : targetElement.top - elementHeight - arrowHeight;
-        default:
-            if (anchorElement === 'pointer') {
-                return top < (window.innerHeight / 2)
-                    ? top + arrowWidth
-                    : top - elementHeight - arrowWidth;
-            }
-            else {
-                return top < (window.innerHeight / 2)
-                    ? targetElement.bottom + arrowHeight
-                    : targetElement.top - elementHeight - arrowHeight;
-            }
-    }
-};
-exports.getTopPosition = getTopPosition;
-/**
- * @hidden
- */
-var getDomRect = function (currentTarget) {
-    if (currentTarget !== null) {
-        return currentTarget.getBoundingClientRect();
-    }
-    return document.body.getBoundingClientRect();
-};
-exports.getDomRect = getDomRect;
-/**
- * @hidden
- */
-exports.toolTipSelectors = [
-    'k-tooltip-content',
-    'k-animation-container',
-    'k-tooltip',
-    'k-tooltip-title',
-    'k-tooltip k-tooltip-closable',
-    'k-icon k-i-close'
-];
-/**
- * @hidden
- */
-var isTooltipElement = function (element) {
-    if (element === null) {
-        return false;
-    }
-    var node = element;
-    while (node) {
-        if (node !== null && node.classList && node.classList.contains('k-tooltip')) {
-            return true;
-        }
-        node.parentNode !== null ? node = node.parentNode : node = false;
-    }
-    return exports.toolTipSelectors.filter(function (t) { return t === element.className; }).length > 0;
-};
-exports.isTooltipElement = isTooltipElement;

package/dist/systemjs/kendo-react-tooltip.js

@@ -1 +0,0 @@
-System.register("@progress/kendo-react-tooltip",["@progress/kendo-react-common","@progress/kendo-react-popup","prop-types","react","react-dom"],function(e,t){var s={},p={},c={},u={},d={};return Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(p,"__esModule",{value:!0}),Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(u,"__esModule",{value:!0}),Object.defineProperty(d,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){s[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){u[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){d[e]=t[e]})}],execute:function(){e((()=>{"use strict";var o={363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-tooltip",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1700065296,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},280:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Popover=void 0;var A=o(954),n=o(895),D=o(811),B=o(811),R=o(363),z=o(556),S=o(311),L={top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"},U={top:"k-callout-n",left:"k-callout-w",bottom:"k-callout-s",right:"k-callout-e"},H={top:{vertical:"bottom",horizontal:"center"},left:{vertical:"center",horizontal:"right"},bottom:{vertical:"top",horizontal:"center"},right:{vertical:"center",horizontal:"left"}},K={top:{vertical:"top",horizontal:"center"},left:{vertical:"center",horizontal:"left"},bottom:{vertical:"bottom",horizontal:"center"},right:{vertical:"center",horizontal:"right"}};t.Popover=A.forwardRef(function(e,t){(0,B.validatePackage)(R.packageMetadata);var o=e.callout,n=e.position,r=e.title,i=e.children,l=e.show,a=e.anchor,s=e.appendTo,p=e.offset,c=e.animate,u=e.positionMode,d=e.scale,f=e.popoverClass,m=e.className,h=e.id,v=e.style,g=e.collision,y=e.contentStyle,b=e.onPosition,E=e.onClose,O=e.onOpen,k=A.useState(!1),P=k[0],T=k[1],k="top"===n||"bottom"===n,k=e.margin||{vertical:o&&k?15:0,horizontal:o&&!k?15:0},w=H[n],I=K[n],_=A.useContext(D.ZIndexContext),_=_?_+2e3:12e3,x=A.useRef(null),t=(A.useImperativeHandle(x,function(){return{props:e}}),A.useImperativeHandle(t,function(){return x.current}),A.useCallback(function(e){var t;setTimeout(function(){return T(e.flipped)}),b&&(t={target:x.current,flipped:e.flipped,fitted:e.fitted},b.call(void 0,t))},[b,T])),C=A.useCallback(function(){var e;O&&(e={target:x.current},O.call(void 0,e))},[O]),j=A.useCallback(function(){var e;E&&(e={target:x.current},E.call(void 0,e))},[E]),N={"k-popover":!0},P=(Array.isArray(f)?f.forEach(function(e){return N[e]=!0}):"object"==typeof f?Object.keys(f).forEach(function(e){N[e]=f[e]}):f&&(N[f]=!0),(P?U:L)[n]),M=A.useMemo(function(){return A.createElement(A.Fragment,null,r&&A.createElement("div",{className:"k-popover-header"},r),A.createElement("div",{className:"k-popover-body",style:y},A.Children.toArray(i).filter(function(e){return e&&e.type!==S.PopoverActionsBar})),A.Children.toArray(i).filter(function(e){return e&&e.type===S.PopoverActionsBar}))},[i,y,r]);return A.createElement(D.ZIndexContext.Provider,{value:_},A.createElement(z.Popup,{id:h,role:"tooltip",animate:c,collision:g,anchor:a,offset:p,margin:k,popupAlign:w,anchorAlign:I,appendTo:s,show:l,scale:d,positionMode:u,style:v,className:m,popupClass:N,onOpen:C,onClose:j,onPosition:t},o&&n?A.createElement(A.Fragment,null,A.createElement("div",{className:(0,D.classNames)("k-popover-callout",P)}),A.createElement("div",{className:"k-popover-inner"},M)):M))}),t.Popover.propTypes={callout:n.bool,title:n.node,position:n.oneOf(["top","left","bottom","right"]),show:n.bool,animate:n.oneOfType([n.bool,n.shape({openDuration:n.number,closeDuration:n.number})]),anchor:function(e){e=e.anchor;return e&&"number"!=typeof e.nodeType?new Error("Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed."):null},appendTo:function(e){e=e.appendTo;return e&&"number"!=typeof e.nodeType?new Error("Invalid prop `appendTo` supplied to `Kendo React Popover`. Validation failed."):null},positionMode:n.oneOf(["fixed","absolute"]),scale:n.number,offset:n.shape({left:n.number,top:n.number}),children:n.oneOfType([n.element,n.node]),className:n.oneOfType([n.string,n.arrayOf(n.string),n.object]),id:n.string,popoverClass:n.oneOfType([n.string,n.arrayOf(n.string),n.object]),style:n.object,onClose:n.func,onPosition:n.func,onOpen:n.func},t.Popover.defaultProps={callout:!0,position:"top",collision:{horizontal:"none",vertical:"none"}},t.Popover.displayName="KendoReactPopover"},311:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.PopoverActionsBar=void 0;var r=o(954),n=o(895),i=o(811);t.PopoverActionsBar=r.forwardRef(function(e,t){var o=r.useRef(null),n=r.useRef(null);return r.useImperativeHandle(n,function(){return{props:e,element:o.current}}),r.useImperativeHandle(t,function(){return n.current}),r.createElement("div",{ref:o,className:(0,i.classNames)("k-popover-actions","k-actions",((t={})["k-actions-".concat(e.alignment)]=e.alignment,t["k-actions-".concat(e.orientation)]=e.orientation,t))},e.children)}),t.PopoverActionsBar.propTypes={alignment:n.oneOf(["start","center","end","stretched"]),orientation:n.oneOf(["horizontal","vertical"]),children:n.oneOfType([n.element,n.node])},t.PopoverActionsBar.defaultProps={alignment:"stretched",orientation:"horizontal"},t.PopoverActionsBar.displayName="KendoReactPopoverActionsBar"},593:function(e,t,o){var n,r,i=this&&this.__extends||(n=function(e,t){return(n=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),l=this&&this.__assign||function(){return(l=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var r in t=arguments[o])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var o={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]]);return o},s=(Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=void 0,o(954)),p=o(493),c=o(895),u=o(811),d=o(584),f=o(811),m=o(363),o=(r=s.PureComponent,i(h,r),h.prototype.componentDidMount=function(){document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)},h.prototype.componentWillUnmount=function(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove)},h.prototype.componentDidUpdate=function(){this.props.open&&this.props.targetElement&&this.showToolTip({target:this.props.targetElement})},h.prototype.render=function(){var t,e,o,n=this;return this.props.children?(o=(e=this.props).children,e=a(e,["children"]),t=null,s.createElement("div",{onMouseOver:function(e){t&&t.handleMouseOver(e)},onMouseOut:function(e){t&&t.handleMouseOut(e)}},s.createElement(h,l({ref:function(e){return t=e}},e)),o)):!1===this.props.open?null:(e=this.state.targetElement,o=this.getCurrentZIndex(),e&&this.state.title&&e.ownerDocument&&p.createPortal(s.createElement("div",{ref:function(e){var t;e&&(t=n.props.onPosition?(t={element:e,targetElement:n.state.targetElement,mouseTop:n.top,mouseLeft:n.left,anchorElement:n.props.anchorElement,position:n.props.position,target:n,syntheticEvent:null,nativeEvent:null},n.props.onPosition.call(void 0,t)):n.position(e),e.style.left=t.left+"px",e.style.top=t.top+"px")},className:(0,u.classNames)("k-animation-container","k-animation-container-fixed","k-animation-container-shown",this.props.className),style:l({zIndex:o},this.props.style),tabIndex:0},s.createElement("div",{className:"k-child-animation-container"},s.createElement("div",{id:this.props.id,role:"tooltip",className:(0,u.classNames)("k-tooltip",this.props.tooltipClassName),style:l({position:"relative"},this.props.tooltipStyle)},s.createElement("div",{className:"k-tooltip-content"},this.props.content&&s.createElement(this.props.content,{title:this.state.title,target:this.state.targetElement})||this.state.title),this.props.showCallout&&s.createElement("div",{ref:function(e){e&&(e.className=n.calloutClassName(),"auto"===n.props.position)&&(n.left<window.screen.availWidth/2?e.style.left=n.props.setCalloutOnPositionAuto||"25%":e.style.left=n.props.setCalloutOnPositionAuto||"75%")}})))),this.props.appendTo||e.ownerDocument.body))},h.prototype.showToolTip=function(t){var e=this,o=(clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),t.target.hasChildNodes()&&t.target.childNodes.forEach(function(e){"title"===e.nodeName&&(t.target.titleExpando=e.innerHTML,e.remove())}),this.props.targetElement||t.target),n=this.getTitle(o);n.title?(n.element&&(n.element.titleExpando=n.title,n.element.title=""),this.willOpen=!0,this.props.openDelay?this.openTimeoutId=window.setTimeout(function(){e.willOpen&&e.setState({targetElement:o,open:!0,title:n.title},e.setUpdateInterval)},this.props.openDelay):this.setState({targetElement:o,open:!0,title:n.title},this.setUpdateInterval),this.state.title!==n.title&&(0,u.dispatchEvent)(this.props.onOpen,t,this,void 0)):this.state.open&&this.onClose(t)},h.prototype.isVisible=function(e){return!this.props.filter||this.props.filter(e)},h.propTypes={anchorElement:c.oneOf(["pointer","target"]),content:c.func,filter:c.func,openDelay:c.number,position:c.oneOf(["right","left","top","bottom","auto"]),updateInterval:c.number},h.defaultProps={anchorElement:"pointer",openDelay:400,position:"auto",showCallout:!0,parentTitle:!1},h.contextType=u.ZIndexContext,h);function h(e){var o=r.call(this,e)||this;return o.context=0,o.state={targetElement:null,open:!1,title:""},o.top=0,o.left=0,o.willOpen=!1,o.handleMouseOut=function(e){var t=o.state.targetElement,t=t?t.ownerDocument:document,t=t&&t.elementFromPoint(e.clientX,e.clientY);(0,d.isTooltipElement)(t)||o.props.open||(clearInterval(o.updateIntervalId),o.willOpen=!1,o.onClose(e))},o.handleMouseOver=function(e){var t=e.target;o.isVisible(t)&&!(0,d.isTooltipElement)(t)&&t!==o.state.targetElement&&o.showToolTip(e)},o.handleBodyMousemove=function(e){o.top=e.clientY,o.left=e.clientX},o.onClose=function(e){(0,u.dispatchEvent)(o.props.onClose,e,o,void 0),o.setState({targetElement:null,open:!1,title:""})},o.setUpdateInterval=function(){o.props.updateInterval&&(o.updateIntervalId=setInterval(o.onIntervalUpdate,o.props.updateInterval))},o.onIntervalUpdate=function(){var e=o.state.targetElement;e&&(null===e.parentElement?o.onClose({target:e}):o.showToolTip({target:e}))},o.position=function(e){var t=(0,d.getDomRect)(o.state.targetElement);return{left:(0,d.getLeftPosition)(o.left,e.offsetWidth,t,o.props.anchorElement,o.props.position),top:(0,d.getTopPosition)(o.top,t,e.offsetHeight,o.props.anchorElement,o.props.position)}},o.getTitle=function(e){for(;e;){if(null!==e.getAttribute("title")||e.titleExpando)return{title:e.getAttribute("title")||e.titleExpando,element:e};e=o.props.parentTitle&&e.parentElement||null}return{title:"",element:e}},o.calloutClassName=function(){switch(o.props.position){case"bottom":return"k-callout k-callout-n";case"left":return"k-callout k-callout-e";case"right":return"k-callout k-callout-w";case"top":return"k-callout k-callout-s";default:return o.top<window.innerHeight/2?"k-callout k-callout-n":"k-callout k-callout-s"}},o.getCurrentZIndex=function(){return o.context||100},(0,f.validatePackage)(m.packageMetadata),o}t.Tooltip=o},584:(e,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isTooltipElement=o.toolTipSelectors=o.getDomRect=o.getTopPosition=o.getLeftPosition=void 0;o.getLeftPosition=function(e,t,o,n,r){switch(r){case"bottom":case"top":return"pointer"===n?e-t/2:o.left-t/2+o.width/2;case"left":return"pointer"===n?e-t-10:o.left-t-10;case"right":return"pointer"===n?e+10:o.right+10;default:return"pointer"===n?e<window.screen.availWidth/2?e-10:e-t+10:e<window.screen.availWidth/2?o.left:o.right-t}},o.getTopPosition=function(e,t,o,n,r){switch(r){case"bottom":return"pointer"===n?e+10:t.bottom+10;case"left":case"right":return"pointer"===n?e-o/2:t.top-o/2+t.height/2;case"top":return"pointer"===n?e-o-10:t.top-o-10;default:return"pointer"===n?e<window.innerHeight/2?e+10:e-o-10:e<window.innerHeight/2?t.bottom+10:t.top-o-10}},o.getDomRect=function(e){return(null!==e?e:document.body).getBoundingClientRect()},o.toolTipSelectors=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-close"],o.isTooltipElement=function(t){if(null===t)return!1;for(var e=t;e;){if(null!==e&&e.classList&&e.classList.contains("k-tooltip"))return!0;e=null!==e.parentNode&&e.parentNode}return 0<o.toolTipSelectors.filter(function(e){return e===t.className}).length}},811:e=>{e.exports=s},556:e=>{e.exports=p},895:e=>{e.exports=c},954:e=>{e.exports=u},493:e=>{e.exports=d}},n={};function r(e){var t=n[e];return void 0!==t||(t=n[e]={exports:{}},o[e].call(t.exports,t,t.exports,r)),t.exports}var e,t,i,l,a={};return e=a,Object.defineProperty(e,"__esModule",{value:!0}),e.PopoverActionsBar=e.Popover=e.Tooltip=void 0,t=r(593),Object.defineProperty(e,"Tooltip",{enumerable:!0,get:function(){return t.Tooltip}}),i=r(280),Object.defineProperty(e,"Popover",{enumerable:!0,get:function(){return i.Popover}}),l=r(311),Object.defineProperty(e,"PopoverActionsBar",{enumerable:!0,get:function(){return l.PopoverActionsBar}}),a})())}}});

package/e2e-next/popover.basic.tests.ts

@@ -1,25 +0,0 @@
-import { Browser, By } from '@progress/kendo-e2e';
-import { LOCATORS } from '../../../e2eUtils/const';
-
-let browser: Browser;
-
-beforeAll(() => {
-  browser = new Browser();
-});
-
-beforeEach(async () => {
-  await browser.navigateTo('http://localhost:3000/popover/overview');
-});
-
-afterEach(async () => {
-  expect(await browser.getErrorLogs()).toEqual([]);
-});
-
-afterAll(async () => {
-  await browser.close();
-});
-
-it('should not have errors', async () => {
-  await browser.click(By.css('tr:nth-of-type(3) > td:nth-of-type(5) > .k-link'));
-  expect(await browser.isVisible(LOCATORS.POPOVER)).toBe(true);
-});

package/e2e-next/tooltip.basic.tests.ts

@@ -1,25 +0,0 @@
-import { Browser, By } from '@progress/kendo-e2e';
-import { LOCATORS } from '../../../e2eUtils/const';
-
-let browser: Browser;
-
-beforeAll(() => {
-  browser = new Browser();
-});
-
-beforeEach(async () => {
-  await browser.navigateTo('http://localhost:3000/tooltip/overview');
-});
-
-afterEach(async () => {
-  expect(await browser.getErrorLogs()).toEqual([]);
-});
-
-afterAll(async () => {
-  await browser.close();
-});
-
-it('should not have errors', async () => {
-  await browser.hover(By.id('moscow'));
-  expect(await browser.isVisible(LOCATORS.TOOLTIP)).toBe(true);
-});