@progress/kendo-react-tooltip 4.14.0-dev.202201131520 → 4.14.0

package/dist/npm/popover/interfaces/PopoverCloseEvent.d.ts

@@ -0,0 +1,10 @@
+import { PopoverHandle } from '../Popover';
+/**
+ * Represents the object of the `Close` Popover event.
+ */
+export interface PopoverCloseEvent {
+    /**
+     * An event target.
+     */
+    target: PopoverHandle;
+}

package/dist/npm/popover/interfaces/PopoverCloseEvent.js

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

package/dist/npm/popover/interfaces/PopoverCollision.d.ts

@@ -0,0 +1,14 @@
+import { PopoverCollisionType } from './PopoverCollisionType';
+/**
+ * Defines the horizontal and vertical collision behavior of the Popover.
+ */
+export interface PopoverCollision {
+    /**
+     * Defines the horizontal collision behavior of the Popover.
+     */
+    horizontal: PopoverCollisionType;
+    /**
+     * Defines the vertical collision behavior of the Popover.
+     */
+    vertical: PopoverCollisionType;
+}

package/dist/npm/popover/interfaces/PopoverCollision.js

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

package/dist/npm/popover/interfaces/PopoverCollisionType.d.ts

@@ -0,0 +1,10 @@
+import { CollisionType as CollisionTypeBase } from '@progress/kendo-react-popup';
+/**
+ * Defines the possible collision behavior when the Popover is not fully visible.
+ *
+ * The available options are:
+ * - `fit`—Moves the Popover horizontally until it is fully displayed in the viewport.
+ * - `flip`—Flips the Popover position based on the origin and the position properties.
+ * - `none`—The Popover is rendered at its original position. Usable when the Popover is focused on open and the page is scrolled to it.
+ */
+export declare type PopoverCollisionType = CollisionTypeBase;

package/dist/npm/popover/interfaces/PopoverCollisionType.js

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

package/dist/npm/popover/interfaces/PopoverMargin.d.ts

@@ -0,0 +1,14 @@
+import { Margin as MarginBase } from '@progress/kendo-react-popup';
+/**
+ * Defines the horizontal and the vertical margin offset of the component.
+ */
+export interface PopoverMargin extends MarginBase {
+    /**
+     * Defines the possible horizontal margin value.
+     */
+    horizontal: number;
+    /**
+     * Defines the possible vertical margin value.
+     */
+    vertical: number;
+}

package/dist/npm/popover/interfaces/PopoverMargin.js

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

package/dist/npm/popover/interfaces/PopoverOffset.d.ts

@@ -0,0 +1,14 @@
+import { Offset as OffsetBase } from '@progress/kendo-react-popup';
+/**
+ * The offset position of the Popover.
+ */
+export interface PopoverOffset extends OffsetBase {
+    /**
+     * Defines the top position of the Popover.
+     */
+    top: number;
+    /**
+     * Defines the left position of the Popover.
+     */
+    left: number;
+}

package/dist/npm/popover/interfaces/PopoverOffset.js

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

package/dist/npm/popover/interfaces/PopoverOpenEvent.d.ts

@@ -0,0 +1,10 @@
+import { PopoverHandle } from '../Popover';
+/**
+ * Represents the object of the `Open` Popover event.
+ */
+export interface PopoverOpenEvent {
+    /**
+     * An event target.
+     */
+    target: PopoverHandle;
+}

package/dist/npm/popover/interfaces/PopoverOpenEvent.js

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

package/dist/npm/popover/interfaces/PopoverPosition.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The position of the Popover.
+ * The available options are:
+ * - `top`
+ * - `left`
+ * - `bottom`
+ * - `right`
+ */
+export declare type PopoverPosition = 'top' | 'left' | 'bottom' | 'right';

package/dist/npm/popover/interfaces/PopoverPosition.js

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

package/dist/npm/popover/interfaces/PopoverPositionEvent.d.ts

@@ -0,0 +1,18 @@
+import { PopoverHandle } from '../Popover';
+/**
+ * Represents the object of the `Position` Popover event.
+ */
+export interface PopoverPositionEvent {
+    /**
+     * An event target.
+     */
+    target: PopoverHandle;
+    /**
+     * Indicates if the position is fitted.
+     */
+    fitted: boolean;
+    /**
+     * Indicates if the position is flipped.
+     */
+    flipped: boolean;
+}

package/dist/npm/popover/interfaces/PopoverPositionEvent.js

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

package/dist/npm/popover/interfaces/PopoverPositionMode.d.ts

@@ -0,0 +1,5 @@
+import { PositionMode as PositionModeBase } from '@progress/kendo-react-popup';
+/**
+ * The type which defines all possible position modes of the Popover.
+ */
+export declare type PopoverPositionMode = PositionModeBase;

package/dist/npm/popover/interfaces/PopoverPositionMode.js

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

package/dist/npm/popover/interfaces/PopoverProps.d.ts

@@ -0,0 +1,111 @@
+/// <reference types="react" />
+import { PopoverCollision } from './PopoverCollision';
+import { PopoverMargin } from './PopoverMargin';
+import { PopoverOffset } from './PopoverOffset';
+import { PopoverOpenEvent } from './PopoverOpenEvent';
+import { PopoverCloseEvent } from './PopoverCloseEvent';
+import { PopoverAnimation } from './PopoverAnimation';
+import { PopoverPosition } from './PopoverPosition';
+import { PopoverPositionEvent } from './PopoverPositionEvent';
+import { PopoverPositionMode } from './PopoverPositionMode';
+export interface PopoverProps {
+    /**
+     * Specifies the title of the Popover component.
+     */
+    title?: React.ReactNode;
+    /**
+     * Specifies the position of the Popover element relative to the current anchor or offset.
+     */
+    position?: PopoverPosition;
+    /**
+     * Controls the Popover callout element. If set to `false`, the callout element will not be rendered.
+     */
+    callout?: boolean;
+    /**
+     * Controls the Popover animation. By default, the opening and closing animations are enabled.
+     */
+    animate?: boolean | PopoverAnimation;
+    /**
+     * Specifies the element which will be used as an anchor. The Popover opens next to that element.
+     */
+    anchor?: HTMLElement | null;
+    /**
+     * Defines the container to which the Popover will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
+     */
+    appendTo?: HTMLElement | null;
+    /**
+     * Configures the collision behavior of the Popover. By default, it's set to `none`.
+     */
+    collision?: PopoverCollision;
+    /**
+     * Configures the margin value that will be added to the Popover dimensions
+     * in pixels and leaves a blank space between the Popover and the anchor.
+     * By default, it's automatically set based on the Popover position prop.
+     *
+     */
+    margin?: PopoverMargin;
+    /**
+     * Specifies the position mode of the component. By default, the Popover uses fixed positioning.
+     * To make the Popover acquire absolute positioning, set this option to `absolute`.
+     *
+     * > If you need to support mobile browsers with the zoom option, use the `absolute` positioning of the Popover.
+     */
+    positionMode?: PopoverPositionMode;
+    /**
+     * Used to set the document scale when using a [scale transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale).
+     *
+     * The document or container scale is required to compute the popover position correctly. Detecting the scale is not reliable and must be set by providing a value for SCALE.
+     *
+     * > Using this token is not necessary for user-applied browser zoom.
+     *
+     */
+    scale?: number;
+    /**
+     * Specifies the absolute position of the element.
+     * The Popover opens next to that point. The pivot point of the Popover is defined by the `position` configuration option.
+     * The boundary detection is applied by using the window viewport.
+     */
+    offset?: PopoverOffset;
+    /**
+     * Specifies a list of CSS classes that will be added to the internal animated element.
+     */
+    popoverClass?: string | Array<string> | {
+        [key: string]: boolean;
+    };
+    /**
+     * Specifies a list of CSS classes that will be added to the Popover element.
+     */
+    className?: string | Array<string>;
+    /**
+     * Specifies the id that will be added to the Popover element.
+     */
+    id?: string;
+    /**
+     * Represents the styles that are applied to the Popover.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Represents the styles that are applied to the content element of the Popover.
+     */
+    contentStyle?: React.CSSProperties;
+    /**
+     * Controls the Popover visibility. Defaults to `false`.
+     */
+    show?: boolean;
+    /**
+     * Fires after the Popover is opened and the opening animation ends.
+     */
+    onOpen?: (event: PopoverOpenEvent) => void;
+    /**
+     * Fires after the Popover is closed.
+     */
+    onClose?: (event: PopoverCloseEvent) => void;
+    /**
+     * Fires after the Popover position is set.
+     */
+    onPosition?: (event: PopoverPositionEvent) => void;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
+}

package/dist/npm/popover/interfaces/PopoverProps.js

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

package/dist/npm/{Tooltip.js → tooltip/Tooltip.js}

@@ -39,7 +39,7 @@ 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 package_metadata_1 = require("./../package-metadata");
 var DEFAULT_TOOLTIP_ZINDEX = 100;
 var Tooltip = /** @class */ (function (_super) {
     __extends(Tooltip, _super);

package/dist/npm/tooltip/events.js

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

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

@@ -1 +1 @@
-System.register("@progress/kendo-react-tooltip",["react-dom","react","prop-types","@progress/kendo-react-common"],function(i){var l,s,a,p;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){l=e(t)},function(t){s=e(t)},function(t){a=e(t)},function(t){p=e(t)}],execute:function(){function r(t){if(n[t])return n[t].exports;var e=n[t]={i:t,l:!1,exports:{}};return o[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}var o,n;n={},r.m=o=[function(t,e){t.exports=p},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});o=o(2);e.Tooltip=o.Tooltip,function(t){for(var e in t)i(e,t[e])}(e)},function(t,e,o){"use strict";var n,r=this&&this.__extends||(n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),i=this&&this.__assign||function(){return(i=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++)for(var r in e=arguments[o])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},l=this&&this.__rest||function(t,e){var o={};for(r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&(o[r[n]]=t[r[n]]);return o};Object.defineProperty(e,"__esModule",{value:!0});var s,a=o(3),p=o(4),u=o(5),c=o(0),f=o(6),d=o(0),m=o(7),u=(s=a.PureComponent,r(h,s),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 o=this;if(this.props.children){var t=this.props,e=t.children,t=l(t,["children"]),n=null;return a.createElement("div",{onMouseOver:function(t){n&&n.handleMouseOver(t)},onMouseOut:function(t){n&&n.handleMouseOut(t)}},a.createElement(h,i({ref:function(t){return n=t}},t)),e)}if(!1===this.props.open)return null;t=this.state.targetElement,e=this.getCurrentZIndex();return t&&this.state.title&&t.ownerDocument&&p.createPortal(a.createElement("div",{ref:function(t){var e;t&&(e=o.props.onPosition?o.props.onPosition.call(void 0,{element:t,targetElement:o.state.targetElement,mouseTop:o.top,mouseLeft:o.left,anchorElement:o.props.anchorElement,position:o.props.position,target:o}):o.position(t),t.style.left=e.left+"px",t.style.top=e.top+"px")},className:c.classNames("k-animation-container","k-animation-container-fixed","k-animation-container-shown",this.props.className),style:i({zIndex:e},this.props.style),tabIndex:0},a.createElement("div",{className:c.classNames("k-tooltip",this.props.tooltipClassName),style:i({position:"relative"},this.props.tooltipStyle)},a.createElement("div",{className:"k-tooltip-content"},this.props.content&&a.createElement(this.props.content,{title:this.state.title,target:this.state.targetElement})||this.state.title),this.props.showCallout&&a.createElement("div",{ref:function(t){t&&(t.className=o.calloutClassName(),"auto"===o.props.position&&(o.left<window.screen.availWidth/2?t.style.left=o.props.setCalloutOnPositionAuto||"25%":t.style.left=o.props.setCalloutOnPositionAuto||"75%"))}}))),this.props.appendTo||t.ownerDocument.body)},h.prototype.showToolTip=function(e){var t=this;clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),e.target.hasChildNodes()&&e.target.childNodes.forEach(function(t){"title"===t.nodeName&&(e.target.titleExpando=t.innerHTML,t.remove())});var o=this.props.targetElement||e.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(){t.willOpen&&t.setState({targetElement:o,open:!0,title:n.title},t.setUpdateInterval)},this.props.openDelay):this.setState({targetElement:o,open:!0,title:n.title},this.setUpdateInterval),this.state.title!==n.title&&c.dispatchEvent(this.props.onOpen,e,this,void 0)):this.state.open&&this.onClose(e)},h.prototype.isVisible=function(t){return!this.props.filter||this.props.filter(t)},h.propTypes={anchorElement:u.oneOf(["pointer","target"]),content:u.func,filter:u.func,openDelay:u.number,position:u.oneOf(["right","left","top","bottom","auto"]),updateInterval:u.number},h.defaultProps={anchorElement:"pointer",openDelay:400,position:"auto",showCallout:!0,parentTitle:!1},h.contextType=c.ZIndexContext,h);function h(t){var o=s.call(this,t)||this;return o.state={targetElement:null,open:!1,title:""},o.top=0,o.left=0,o.willOpen=!1,o.handleMouseOut=function(t){var e=o.state.targetElement,e=e?e.ownerDocument:document,e=e&&e.elementFromPoint(t.clientX,t.clientY);f.isTooltipElement(e)||o.props.open||(clearInterval(o.updateIntervalId),o.willOpen=!1,o.onClose(t))},o.handleMouseOver=function(t){var e=t.target;o.isVisible(e)&&!f.isTooltipElement(e)&&e!==o.state.targetElement&&o.showToolTip(t)},o.handleBodyMousemove=function(t){o.top=t.clientY,o.left=t.clientX},o.onClose=function(t){c.dispatchEvent(o.props.onClose,t,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 t=o.state.targetElement;t&&(null===t.parentElement?o.onClose({target:t}):o.showToolTip({target:t}))},o.position=function(t){var e=f.getDomRect(o.state.targetElement);return{left:f.getLeftPosition(o.left,t.offsetWidth,e,o.props.anchorElement,o.props.position),top:f.getTopPosition(o.top,e,t.offsetHeight,o.props.anchorElement,o.props.position)}},o.getTitle=function(t){for(;t;){if(null!==t.getAttribute("title")||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=o.props.parentTitle&&t.parentElement||null}return{title:"",element:t}},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},d.validatePackage(m.packageMetadata),o}e.Tooltip=u},function(t,e){t.exports=s},function(t,e){t.exports=l},function(t,e){t.exports=a},function(t,o,e){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.getLeftPosition=function(t,e,o,n,r){switch(r){case"bottom":return"pointer"===n?t-e/2:o.left-e/2+o.width/2;case"left":return"pointer"===n?t-e-10:o.left-e-10;case"right":return"pointer"===n?t+10:o.right+10;case"top":return"pointer"===n?t-e/2:o.left-e/2+o.width/2;default:return"pointer"===n?t<window.screen.availWidth/2?t-10:t-e+10:t<window.screen.availWidth/2?o.left:o.right-e}},o.getTopPosition=function(t,e,o,n,r){switch(r){case"bottom":return"pointer"===n?t+10:e.bottom+10;case"left":case"right":return"pointer"===n?t-o/2:e.top-o/2+e.height/2;case"top":return"pointer"===n?t-o-10:e.top-o-10;default:return"pointer"===n?t<window.innerHeight/2?t+10:t-o-10:t<window.innerHeight/2?e.bottom+10:e.top-o-10}},o.getDomRect=function(t){return(null!==t?t: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(e){if(null===e)return!1;for(var t=e;t;){if(null!==t&&t.classList&&t.classList.contains("k-tooltip"))return!0;t=null!==t.parentNode&&t.parentNode}return 0<o.toolTipSelectors.filter(function(t){return t===e.className}).length}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata={name:"@progress/kendo-react-tooltip",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1642086880,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"}}],r.c=n,r.d=function(t,e,o){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=1)}}});
+System.register("@progress/kendo-react-tooltip",["react","@progress/kendo-react-common","@progress/kendo-react-popup","prop-types","react-dom"],function(i){var l,a,s,p,c;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){l=e(t)},function(t){a=e(t)},function(t){s=e(t)},function(t){p=e(t)},function(t){c=e(t)}],execute:function(){function r(t){if(n[t])return n[t].exports;var e=n[t]={i:t,l:!1,exports:{}};return o[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}var o,n;n={},r.m=o=[function(t,e){t.exports=a},function(t,e){t.exports=l},function(t,e){t.exports=p},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata={name:"@progress/kendo-react-tooltip",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1642422768,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"}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),o=o(2);e.PopoverActionsBar=r.forwardRef(function(t,e){var o=r.useRef(null),n=r.useRef(null);return r.useImperativeHandle(n,function(){return{props:t,element:o.current}}),r.useImperativeHandle(e,function(){return n.current}),r.createElement("div",{ref:o,className:"k-popover-actions k-actions k-actions-stretched",style:{position:"relative"}},t.children)}),e.PopoverActionsBar.propTypes={children:o.oneOfType([o.element,o.node])},e.PopoverActionsBar.defaultProps={},e.PopoverActionsBar.displayName="KendoReactPopoverActionsBar"},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=o(6);e.Tooltip=n.Tooltip;n=o(9);e.Popover=n.Popover;o=o(4);e.PopoverActionsBar=o.PopoverActionsBar,function(t){for(var e in t)i(e,t[e])}(e)},function(t,e,o){"use strict";var n,r=this&&this.__extends||(n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),i=this&&this.__assign||function(){return(i=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++)for(var r in e=arguments[o])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},l=this&&this.__rest||function(t,e){var o={};for(r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&(o[r[n]]=t[r[n]]);return o};Object.defineProperty(e,"__esModule",{value:!0});var a,s=o(1),p=o(7),c=o(2),u=o(0),f=o(8),d=o(0),m=o(3),c=(a=s.PureComponent,r(h,a),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 o=this;if(this.props.children){var t=this.props,e=t.children,t=l(t,["children"]),n=null;return s.createElement("div",{onMouseOver:function(t){n&&n.handleMouseOver(t)},onMouseOut:function(t){n&&n.handleMouseOut(t)}},s.createElement(h,i({ref:function(t){return n=t}},t)),e)}if(!1===this.props.open)return null;t=this.state.targetElement,e=this.getCurrentZIndex();return t&&this.state.title&&t.ownerDocument&&p.createPortal(s.createElement("div",{ref:function(t){var e;t&&(e=o.props.onPosition?o.props.onPosition.call(void 0,{element:t,targetElement:o.state.targetElement,mouseTop:o.top,mouseLeft:o.left,anchorElement:o.props.anchorElement,position:o.props.position,target:o}):o.position(t),t.style.left=e.left+"px",t.style.top=e.top+"px")},className:u.classNames("k-animation-container","k-animation-container-fixed","k-animation-container-shown",this.props.className),style:i({zIndex:e},this.props.style),tabIndex:0},s.createElement("div",{className:u.classNames("k-tooltip",this.props.tooltipClassName),style:i({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(t){t&&(t.className=o.calloutClassName(),"auto"===o.props.position&&(o.left<window.screen.availWidth/2?t.style.left=o.props.setCalloutOnPositionAuto||"25%":t.style.left=o.props.setCalloutOnPositionAuto||"75%"))}}))),this.props.appendTo||t.ownerDocument.body)},h.prototype.showToolTip=function(e){var t=this;clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),e.target.hasChildNodes()&&e.target.childNodes.forEach(function(t){"title"===t.nodeName&&(e.target.titleExpando=t.innerHTML,t.remove())});var o=this.props.targetElement||e.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(){t.willOpen&&t.setState({targetElement:o,open:!0,title:n.title},t.setUpdateInterval)},this.props.openDelay):this.setState({targetElement:o,open:!0,title:n.title},this.setUpdateInterval),this.state.title!==n.title&&u.dispatchEvent(this.props.onOpen,e,this,void 0)):this.state.open&&this.onClose(e)},h.prototype.isVisible=function(t){return!this.props.filter||this.props.filter(t)},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(t){var o=a.call(this,t)||this;return o.state={targetElement:null,open:!1,title:""},o.top=0,o.left=0,o.willOpen=!1,o.handleMouseOut=function(t){var e=o.state.targetElement,e=e?e.ownerDocument:document,e=e&&e.elementFromPoint(t.clientX,t.clientY);f.isTooltipElement(e)||o.props.open||(clearInterval(o.updateIntervalId),o.willOpen=!1,o.onClose(t))},o.handleMouseOver=function(t){var e=t.target;o.isVisible(e)&&!f.isTooltipElement(e)&&e!==o.state.targetElement&&o.showToolTip(t)},o.handleBodyMousemove=function(t){o.top=t.clientY,o.left=t.clientX},o.onClose=function(t){u.dispatchEvent(o.props.onClose,t,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 t=o.state.targetElement;t&&(null===t.parentElement?o.onClose({target:t}):o.showToolTip({target:t}))},o.position=function(t){var e=f.getDomRect(o.state.targetElement);return{left:f.getLeftPosition(o.left,t.offsetWidth,e,o.props.anchorElement,o.props.position),top:f.getTopPosition(o.top,e,t.offsetHeight,o.props.anchorElement,o.props.position)}},o.getTitle=function(t){for(;t;){if(null!==t.getAttribute("title")||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=o.props.parentTitle&&t.parentElement||null}return{title:"",element:t}},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},d.validatePackage(m.packageMetadata),o}e.Tooltip=c},function(t,e){t.exports=c},function(t,o,e){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.getLeftPosition=function(t,e,o,n,r){switch(r){case"bottom":return"pointer"===n?t-e/2:o.left-e/2+o.width/2;case"left":return"pointer"===n?t-e-10:o.left-e-10;case"right":return"pointer"===n?t+10:o.right+10;case"top":return"pointer"===n?t-e/2:o.left-e/2+o.width/2;default:return"pointer"===n?t<window.screen.availWidth/2?t-10:t-e+10:t<window.screen.availWidth/2?o.left:o.right-e}},o.getTopPosition=function(t,e,o,n,r){switch(r){case"bottom":return"pointer"===n?t+10:e.bottom+10;case"left":case"right":return"pointer"===n?t-o/2:e.top-o/2+e.height/2;case"top":return"pointer"===n?t-o-10:e.top-o-10;default:return"pointer"===n?t<window.innerHeight/2?t+10:t-o-10:t<window.innerHeight/2?e.bottom+10:e.top-o-10}},o.getDomRect=function(t){return(null!==t?t: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(e){if(null===e)return!1;for(var t=e;t;){if(null!==t&&t.classList&&t.classList.contains("k-tooltip"))return!0;t=null!==t.parentNode&&t.parentNode}return 0<o.toolTipSelectors.filter(function(t){return t===e.className}).length}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var j=o(1),n=o(2),A=o(0),D=o(0),S=o(3),R=o(10),B=o(4),z={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"}},L={top:{vertical:"top",horizontal:"center"},left:{vertical:"center",horizontal:"left"},bottom:{vertical:"bottom",horizontal:"center"},right:{vertical:"center",horizontal:"right"}};e.Popover=j.forwardRef(function(t,e){D.validatePackage(S.packageMetadata);var o=t.callout,n=t.position,r=t.title,i=t.children,l=t.show,a=t.anchor,s=t.appendTo,p=t.offset,c=t.animate,u=t.positionMode,f=t.scale,d=t.popoverClass,m=t.className,h=t.id,v=t.style,g=t.collision,y=t.contentStyle,b=t.onPosition,k=t.onClose,O=t.onOpen,E=j.useState(!1),P=E[0],w=E[1],T="top"===n||"bottom"===n,I=t.margin||{vertical:o&&T?15:0,horizontal:o&&!T?15:0},_=H[n],x=L[n],C=j.useContext(A.ZIndexContext),E=C?C+2e3:12e3,N=j.useRef(null);j.useImperativeHandle(N,function(){return{props:t}}),j.useImperativeHandle(e,function(){return N.current});var T=j.useCallback(function(t){var e;setTimeout(function(){return w(t.flipped)}),b&&(e={target:N.current,flipped:t.flipped,fitted:t.fitted},b.call(void 0,e))},[b,w]),C=j.useCallback(function(){var t;O&&(t={target:N.current},O.call(void 0,t))},[O]),e=j.useCallback(function(){var t;k&&(t={target:N.current},k.call(void 0,t))},[k]),M={"k-popover":!0,"k-popup":!1};return Array.isArray(d)?d.forEach(function(t){return M[t]=!0}):"object"==typeof d?Object.keys(d).forEach(function(t){M[t]=d[t]}):d&&(M[d]=!0),j.createElement(A.ZIndexContext.Provider,{value:E},j.createElement(R.Popup,{id:h,animate:c,collision:g,anchor:a,offset:p,margin:I,popupAlign:_,anchorAlign:x,appendTo:s,show:l,scale:f,positionMode:u,style:v,className:m,popupClass:M,onOpen:C,onClose:e,onPosition:T},o&&n&&j.createElement("div",{className:A.classNames("k-popover-callout",(P?U:z)[n])}),r&&j.createElement("div",{className:"k-popover-header"},r),j.createElement("div",{className:"k-popover-body",style:y},j.Children.toArray(i).filter(function(t){return t&&t.type!==B.PopoverActionsBar})),j.Children.toArray(i).filter(function(t){return t&&t.type===B.PopoverActionsBar})))}),e.Popover.propTypes={callout:n.bool,title:n.string,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(t){t=t.anchor;return t&&"number"!=typeof t.nodeType?new Error("Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed."):null},appendTo:function(t){t=t.appendTo;return t&&"number"!=typeof t.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},e.Popover.defaultProps={callout:!0,position:"top",collision:{horizontal:"none",vertical:"none"}},e.Popover.displayName="KendoReactPopover"},function(t,e){t.exports=s}],r.c=n,r.d=function(t,e,o){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=5)}}});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-react-tooltip",
-  "version": "4.14.0-dev.202201131520",
-  "description": "KendoReact Tooltip package",
+  "version": "4.14.0",
+  "description": "KendoReact Tooltips package",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-react.git"
@@ -22,6 +22,7 @@
     "React",
     "Progress",
     "Tooltip",
+    "Popover",
     "KendoReact",
     "reactjs",
     "UI",
@@ -35,14 +36,23 @@
     "react-dom": "^16.8.2 || ^17.0.0"
   },
   "dependencies": {
-    "@progress/kendo-react-common": "4.14.0-dev.202201131520",
+    "@progress/kendo-react-common": "4.14.0",
+    "@progress/kendo-react-popup": "4.14.0",
     "prop-types": "^15.6.0"
   },
   "devDependencies": {
+    "@progress/kendo-date-math": "^1.4.0",
+    "@progress/kendo-drawing": "^1.5.12",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-react-dialogs": "4.14.0-dev.202201131520",
-    "@progress/kendo-react-grid": "4.14.0-dev.202201131520",
-    "@progress/kendo-react-intl": "4.14.0-dev.202201131520"
+    "@progress/kendo-react-buttons": "4.14.0",
+    "@progress/kendo-react-dateinputs": "4.14.0",
+    "@progress/kendo-react-dialogs": "4.14.0",
+    "@progress/kendo-react-dropdowns": "4.14.0",
+    "@progress/kendo-react-form": "4.14.0",
+    "@progress/kendo-react-grid": "4.14.0",
+    "@progress/kendo-react-inputs": "4.14.0",
+    "@progress/kendo-react-intl": "4.14.0",
+    "@progress/kendo-react-labels": "4.14.0"
   },
   "@progress": {
     "friendlyName": "Tooltip",