@progress/kendo-react-tooltip 8.1.0-develop.21 → 8.1.0-develop.23

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

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-popup")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","prop-types","@progress/kendo-react-common","@progress/kendo-react-popup"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).KendoReactTooltip={},t.React,t.ReactDOM,t.PropTypes,t.KendoReactCommon,t.KendoReactPopup)}(this,(function(t,e,o,n,i,l){"use strict";function r(t){var e=Object.create(null);return t&&Object.keys(t).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:function(){return t[o]}})}})),e.default=t,Object.freeze(e)}var s=r(e),a=r(o);const p=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-close"],c=t=>{if(null===t)return!1;let e=t;for(;e;){if(null!==e&&e.classList&&e.classList.contains("k-tooltip"))return!0;e=null!==e.parentNode&&e.parentNode}return p.filter((e=>e===t.className)).length>0},u={name:"@progress/kendo-react-tooltip",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},h=class t extends s.PureComponent{constructor(t){super(t),this.context=0,this.state={targetElement:null,open:!1,title:""},this.top=0,this.left=0,this.willOpen=!1,this.handleMouseOut=t=>{const{targetElement:e}=this.state,o=e?e.ownerDocument:document;let n=o&&o.elementFromPoint(t.clientX,t.clientY);c(n)||this.props.open||(clearInterval(this.updateIntervalId),this.willOpen=!1,this.onClose(t))},this.handleMouseOver=t=>{const e=t.target;!this.isVisible(e)||c(e)||e===this.state.targetElement||this.showToolTip(t)},this.handleBodyMousemove=t=>{this.top=t.clientY,this.left=t.clientX},this.onClose=t=>{i.dispatchEvent(this.props.onClose,t,this,void 0),this.setState({targetElement:null,open:!1,title:""})},this.setUpdateInterval=()=>{this.props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.props.updateInterval))},this.onIntervalUpdate=()=>{const t=this.state.targetElement;t&&(null===t.parentElement?this.onClose({target:t}):this.showToolTip({target:t}))},this.position=t=>{let e=(t=>null!==t?t.getBoundingClientRect():document.body.getBoundingClientRect())(this.state.targetElement);const o=((t,e,o,n,i)=>{switch(i){case"bottom":case"top":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;default:return"pointer"===n?t<window.screen.availWidth/2?t-10:t-e+10:t<window.screen.availWidth/2?o.left:o.right-e}})(this.left,t.offsetWidth,e,this.props.anchorElement,this.props.position),n=((t,e,o,n,i)=>{switch(i){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}})(this.top,e,t.offsetHeight,this.props.anchorElement,this.props.position);return{left:o,top:n}},this.getTitle=t=>{for(;t;){if(null!==t.getAttribute("title")||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=this.props.parentTitle&&t.parentElement||null}return{title:"",element:t}},this.calloutClassName=()=>{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=()=>this.context?this.context:100,i.validatePackage(u)}componentDidMount(){document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)}componentWillUnmount(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove)}componentDidUpdate(){this.props.open&&this.props.targetElement&&this.showToolTip({target:this.props.targetElement})}render(){if(this.props.children){const{children:e,...o}=this.props;let n=null;return s.createElement("div",{onMouseOver:t=>{n&&n.handleMouseOver(t)},onMouseOut:t=>{n&&n.handleMouseOut(t)}},s.createElement(t,{ref:t=>n=t,...o}),e)}if(!1===this.props.open)return null;const{targetElement:e}=this.state,o=this.getCurrentZIndex();return e&&this.state.title&&e.ownerDocument&&a.createPortal(s.createElement("div",{ref:t=>{if(!t)return;let e;if(this.props.onPosition){const o={element:t,targetElement:this.state.targetElement,mouseTop:this.top,mouseLeft:this.left,anchorElement:this.props.anchorElement,position:this.props.position,target:this,syntheticEvent:null,nativeEvent:null};e=this.props.onPosition.call(void 0,o)}else e=this.position(t);t.style.left=e.left+"px",t.style.top=e.top+"px"},className:i.classNames("k-animation-container","k-animation-container-fixed","k-animation-container-shown",this.props.className),style:{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:i.classNames("k-tooltip",this.props.tooltipClassName),style:{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:t=>{t&&(t.className=this.calloutClassName(),"auto"===this.props.position&&(this.left<window.screen.availWidth/2?t.style.left=this.props.setCalloutOnPositionAuto||"25%":t.style.left=this.props.setCalloutOnPositionAuto||"75%"))}})))),this.props.appendTo?this.props.appendTo:e.ownerDocument.body)}showToolTip(t){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),t.target.hasChildNodes()&&t.target.childNodes.forEach((e=>{"title"===e.nodeName&&(t.target.titleExpando=e.innerHTML,e.remove())}));const e=this.props.targetElement||t.target;let o=this.getTitle(e);o.title?(o.element&&(o.element.titleExpando=o.title,o.element.title=""),this.willOpen=!0,this.props.openDelay?this.openTimeoutId=window.setTimeout((()=>{this.willOpen&&this.setState({targetElement:e,open:!0,title:o.title},this.setUpdateInterval)}),this.props.openDelay):this.setState({targetElement:e,open:!0,title:o.title},this.setUpdateInterval),this.state.title!==o.title&&i.dispatchEvent(this.props.onOpen,t,this,void 0)):this.state.open&&this.onClose(t)}isVisible(t){return!this.props.filter||this.props.filter(t)}};h.propTypes={anchorElement:n.oneOf(["pointer","target"]),content:n.func,filter:n.func,openDelay:n.number,position:n.oneOf(["right","left","top","bottom","auto"]),updateInterval:n.number},h.defaultProps={anchorElement:"pointer",openDelay:400,position:"auto",showCallout:!0,parentTitle:!1},h.contextType=i.ZIndexContext;let d=h;const m=s.forwardRef(((t,e)=>{const o=s.useRef(null),n=s.useRef(null);return s.useImperativeHandle(n,(()=>({props:t,element:o.current}))),s.useImperativeHandle(e,(()=>n.current)),s.createElement("div",{ref:o,className:i.classNames("k-popover-actions","k-actions",{[`k-actions-${t.alignment}`]:t.alignment,[`k-actions-${t.orientation}`]:t.orientation})},t.children)}));m.propTypes={alignment:n.oneOf(["start","center","end","stretched"]),orientation:n.oneOf(["horizontal","vertical"]),children:n.oneOfType([n.element,n.node])},m.defaultProps={alignment:"stretched",orientation:"horizontal"},m.displayName="KendoReactPopoverActionsBar";const f={top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"},v={top:"k-callout-n",left:"k-callout-w",bottom:"k-callout-s",right:"k-callout-e"},g={top:{vertical:"bottom",horizontal:"center"},left:{vertical:"center",horizontal:"right"},bottom:{vertical:"top",horizontal:"center"},right:{vertical:"center",horizontal:"left"}},y={top:{vertical:"top",horizontal:"center"},left:{vertical:"center",horizontal:"left"},bottom:{vertical:"bottom",horizontal:"center"},right:{vertical:"center",horizontal:"right"}},E=s.forwardRef(((t,e)=>{i.validatePackage(u);const{callout:o,position:n,title:r,children:a,show:p,anchor:c,appendTo:h,offset:d,animate:E,positionMode:k,scale:b,popoverClass:w,className:T,id:O,style:I,collision:C,contentStyle:N,onPosition:P,onClose:x,onOpen:R}=t,[D,M]=s.useState(!1),z="top"===n||"bottom"===n,A=t.margin||{vertical:o&&z?15:0,horizontal:o&&!z?15:0},j=g[n],K=y[n],U=s.useContext(i.ZIndexContext),H=U?U+2e3:12e3,B=s.useRef(null);s.useImperativeHandle(B,(()=>({props:t}))),s.useImperativeHandle(e,(()=>B.current));const L=s.useCallback((t=>{if(setTimeout((()=>M(t.flipped))),P){const e={target:B.current,flipped:t.flipped,fitted:t.fitted};P.call(void 0,e)}}),[P,M]),S=s.useCallback((()=>{if(R){const t={target:B.current};R.call(void 0,t)}}),[R]),q=s.useCallback((()=>{if(x){const t={target:B.current};x.call(void 0,t)}}),[x]),W={"k-popover":!0};Array.isArray(w)?w.forEach((t=>W[t]=!0)):"object"==typeof w?Object.keys(w).forEach((t=>{W[t]=w[t]})):w&&(W[w]=!0);const Z=D?v[n]:f[n],V=s.useMemo((()=>s.createElement(s.Fragment,null,r&&s.createElement("div",{className:"k-popover-header"},r),s.createElement("div",{className:"k-popover-body",style:N},(t=>s.Children.toArray(t).filter((t=>t&&t.type!==m)))(a)),(t=>s.Children.toArray(t).filter((t=>t&&t.type===m)))(a))),[a,N,r]);return s.createElement(i.ZIndexContext.Provider,{value:H},s.createElement(l.Popup,{id:O,role:"tooltip",animate:E,collision:C,anchor:c,offset:d,margin:A,popupAlign:j,anchorAlign:K,appendTo:h,show:p,scale:b,positionMode:k,style:I,className:T,popupClass:W,onOpen:S,onClose:q,onPosition:L},o&&n?s.createElement(s.Fragment,null,s.createElement("div",{className:i.classNames("k-popover-callout",Z)}),s.createElement("div",{className:"k-popover-inner"},V)):V))}));E.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(t){const e=t.anchor;return e&&"number"!=typeof e.nodeType?new Error("Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed."):null},appendTo:function(t){const e=t.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},E.defaultProps={callout:!0,position:"top",collision:{horizontal:"none",vertical:"none"}},E.displayName="KendoReactPopover",t.Popover=E,t.PopoverActionsBar=m,t.Tooltip=d}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-popup")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","prop-types","@progress/kendo-react-common","@progress/kendo-react-popup"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).KendoReactTooltip={},t.React,t.ReactDOM,t.PropTypes,t.KendoReactCommon,t.KendoReactPopup)}(this,(function(t,e,o,n,i,l){"use strict";function r(t){var e=Object.create(null);return t&&Object.keys(t).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:function(){return t[o]}})}})),e.default=t,Object.freeze(e)}var s=r(e),a=r(o);const p=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-close"],c=t=>{if(null===t)return!1;let e=t;for(;e;){if(null!==e&&e.classList&&e.classList.contains("k-tooltip"))return!0;e=null!==e.parentNode&&e.parentNode}return p.filter((e=>e===t.className)).length>0},u={name:"@progress/kendo-react-tooltip",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},h=class t extends s.PureComponent{constructor(t){super(t),this.context=0,this.state={targetElement:null,open:!1,title:""},this.top=0,this.left=0,this.willOpen=!1,this.handleMouseOut=t=>{const{targetElement:e}=this.state,o=e?e.ownerDocument:document;let n=o&&o.elementFromPoint(t.clientX,t.clientY);c(n)||this.props.open||(clearInterval(this.updateIntervalId),this.willOpen=!1,this.onClose(t))},this.handleMouseOver=t=>{const e=t.target;!this.isVisible(e)||c(e)||e===this.state.targetElement||this.showToolTip(t)},this.handleBodyMousemove=t=>{this.top=t.clientY,this.left=t.clientX},this.onClose=t=>{i.dispatchEvent(this.props.onClose,t,this,void 0),this.setState({targetElement:null,open:!1,title:""})},this.setUpdateInterval=()=>{this.props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.props.updateInterval))},this.onIntervalUpdate=()=>{const t=this.state.targetElement;t&&(null===t.parentElement?this.onClose({target:t}):this.showToolTip({target:t}))},this.position=t=>{let e=(t=>null!==t?t.getBoundingClientRect():document.body.getBoundingClientRect())(this.state.targetElement);const o=((t,e,o,n,i)=>{switch(i){case"bottom":case"top":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;default:return"pointer"===n?t<window.screen.availWidth/2?t-10:t-e+10:t<window.screen.availWidth/2?o.left:o.right-e}})(this.left,t.offsetWidth,e,this.props.anchorElement,this.props.position),n=((t,e,o,n,i)=>{switch(i){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}})(this.top,e,t.offsetHeight,this.props.anchorElement,this.props.position);return{left:o,top:n}},this.getTitle=t=>{for(;t;){if(null!==t.getAttribute("title")||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=this.props.parentTitle&&t.parentElement||null}return{title:"",element:t}},this.calloutClassName=()=>{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=()=>this.context?this.context:100,i.validatePackage(u)}componentDidMount(){document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)}componentWillUnmount(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove)}componentDidUpdate(){this.props.open&&this.props.targetElement&&this.showToolTip({target:this.props.targetElement})}render(){if(this.props.children){const{children:e,...o}=this.props;let n=null;return s.createElement("div",{onMouseOver:t=>{n&&n.handleMouseOver(t)},onMouseOut:t=>{n&&n.handleMouseOut(t)}},s.createElement(t,{ref:t=>n=t,...o}),e)}if(!1===this.props.open)return null;const{targetElement:e}=this.state,o=this.getCurrentZIndex();return e&&this.state.title&&e.ownerDocument&&a.createPortal(s.createElement("div",{ref:t=>{if(!t)return;let e;if(this.props.onPosition){const o={element:t,targetElement:this.state.targetElement,mouseTop:this.top,mouseLeft:this.left,anchorElement:this.props.anchorElement,position:this.props.position,target:this,syntheticEvent:null,nativeEvent:null};e=this.props.onPosition.call(void 0,o)}else e=this.position(t);t.style.left=e.left+"px",t.style.top=e.top+"px"},className:i.classNames("k-animation-container","k-animation-container-fixed","k-animation-container-shown",this.props.className),style:{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:i.classNames("k-tooltip",this.props.tooltipClassName),style:{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:t=>{t&&(t.className=this.calloutClassName(),"auto"===this.props.position&&(this.left<window.screen.availWidth/2?t.style.left=this.props.setCalloutOnPositionAuto||"25%":t.style.left=this.props.setCalloutOnPositionAuto||"75%"))}})))),this.props.appendTo?this.props.appendTo:e.ownerDocument.body)}showToolTip(t){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),t.target.hasChildNodes()&&t.target.childNodes.forEach((e=>{"title"===e.nodeName&&(t.target.titleExpando=e.innerHTML,e.remove())}));const e=this.props.targetElement||t.target;let o=this.getTitle(e);o.title?(o.element&&(o.element.titleExpando=o.title,o.element.title=""),this.willOpen=!0,this.props.openDelay?this.openTimeoutId=window.setTimeout((()=>{this.willOpen&&this.setState({targetElement:e,open:!0,title:o.title},this.setUpdateInterval)}),this.props.openDelay):this.setState({targetElement:e,open:!0,title:o.title},this.setUpdateInterval),this.state.title!==o.title&&i.dispatchEvent(this.props.onOpen,t,this,void 0)):this.state.open&&this.onClose(t)}isVisible(t){return!this.props.filter||this.props.filter(t)}};h.propTypes={anchorElement:n.oneOf(["pointer","target"]),content:n.func,filter:n.func,openDelay:n.number,position:n.oneOf(["right","left","top","bottom","auto"]),updateInterval:n.number},h.defaultProps={anchorElement:"pointer",openDelay:400,position:"auto",showCallout:!0,parentTitle:!1},h.contextType=i.ZIndexContext;let d=h;const m=s.forwardRef(((t,e)=>{const o=s.useRef(null),n=s.useRef(null),{alignment:l=f.alignment,orientation:r=f.orientation}=t;return s.useImperativeHandle(n,(()=>({props:t,element:o.current}))),s.useImperativeHandle(e,(()=>n.current)),s.createElement("div",{ref:o,className:i.classNames("k-popover-actions","k-actions",{[`k-actions-${l}`]:l,[`k-actions-${r}`]:r})},t.children)})),f={alignment:"stretched",orientation:"horizontal"};m.propTypes={alignment:n.oneOf(["start","center","end","stretched"]),orientation:n.oneOf(["horizontal","vertical"]),children:n.oneOfType([n.element,n.node])},m.displayName="KendoReactPopoverActionsBar";const v={top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"},g={top:"k-callout-n",left:"k-callout-w",bottom:"k-callout-s",right:"k-callout-e"},y={top:{vertical:"bottom",horizontal:"center"},left:{vertical:"center",horizontal:"right"},bottom:{vertical:"top",horizontal:"center"},right:{vertical:"center",horizontal:"left"}},E={top:{vertical:"top",horizontal:"center"},left:{vertical:"center",horizontal:"left"},bottom:{vertical:"bottom",horizontal:"center"},right:{vertical:"center",horizontal:"right"}},k=t=>s.Children.toArray(t).filter((t=>t&&t.type===m)),b=t=>s.Children.toArray(t).filter((t=>t&&t.type!==m)),w=s.forwardRef(((t,e)=>{i.validatePackage(u);const{callout:o=T.callout,position:n=T.position,collision:r=T.collision,title:a,children:p,show:c,anchor:h,appendTo:d,offset:m,animate:f,positionMode:w,scale:O,popoverClass:I,className:C,id:N,style:x,contentStyle:P,onPosition:R,onClose:D,onOpen:M}=t,[z,A]=s.useState(!1),j="top"===n||"bottom"===n,K=t.margin||{vertical:o&&j?15:0,horizontal:o&&!j?15:0},U=y[n],H=E[n],B=s.useContext(i.ZIndexContext),L=B?B+2e3:12e3,S=s.useRef(null);s.useImperativeHandle(S,(()=>({props:t}))),s.useImperativeHandle(e,(()=>S.current));const q=s.useCallback((t=>{if(setTimeout((()=>A(t.flipped))),R){const e={target:S.current,flipped:t.flipped,fitted:t.fitted};R.call(void 0,e)}}),[R,A]),W=s.useCallback((()=>{if(M){const t={target:S.current};M.call(void 0,t)}}),[M]),Z=s.useCallback((()=>{if(D){const t={target:S.current};D.call(void 0,t)}}),[D]),V={"k-popover":!0};Array.isArray(I)?I.forEach((t=>V[t]=!0)):"object"==typeof I?Object.keys(I).forEach((t=>{V[t]=I[t]})):I&&(V[I]=!0);const F=z?g[n]:v[n],X=s.useMemo((()=>s.createElement(s.Fragment,null,a&&s.createElement("div",{className:"k-popover-header"},a),s.createElement("div",{className:"k-popover-body",style:P},b(p)),k(p))),[p,P,a]);return s.createElement(i.ZIndexContext.Provider,{value:L},s.createElement(l.Popup,{id:N,role:"tooltip",animate:f,collision:r,anchor:h,offset:m,margin:K,popupAlign:U,anchorAlign:H,appendTo:d,show:c,scale:O,positionMode:w,style:x,className:C,popupClass:V,onOpen:W,onClose:Z,onPosition:q},o&&n?s.createElement(s.Fragment,null,s.createElement("div",{className:i.classNames("k-popover-callout",F)}),s.createElement("div",{className:"k-popover-inner"},X)):X))})),T={callout:!0,position:"top",collision:{horizontal:"none",vertical:"none"}};w.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(t){const e=t.anchor;return e&&"number"!=typeof e.nodeType?new Error("Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed."):null},appendTo:function(t){const e=t.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},w.displayName="KendoReactPopover",t.Popover=w,t.PopoverActionsBar=m,t.Tooltip=d}));

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-tooltip",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1718951114,
+  publishDate: 1719228237,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-tooltip",
-  "version": "8.1.0-develop.21",
+  "version": "8.1.0-develop.23",
   "description": "React Tooltips library represents popups with information that is related to a UI element. KendoReact Tooltips package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,8 +23,8 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "8.1.0-develop.21",
-    "@progress/kendo-react-popup": "8.1.0-develop.21",
+    "@progress/kendo-react-common": "8.1.0-develop.23",
+    "@progress/kendo-react-popup": "8.1.0-develop.23",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/popover/Popover.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),e=require("prop-types"),p=require("@progress/kendo-react-common"),U=require("../package-metadata.js"),X=require("@progress/kendo-react-popup"),C=require("./PopoverActionsBar.js");function G(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const l in o)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(o,l);Object.defineProperty(n,l,a.get?a:{enumerable:!0,get:()=>o[l]})}}return n.default=o,Object.freeze(n)}const t=G(H),J=12e3,Q=2e3,k=15,W={top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"},Y={top:"k-callout-n",left:"k-callout-w",bottom:"k-callout-s",right:"k-callout-e"},$={top:{vertical:"bottom",horizontal:"center"},left:{vertical:"center",horizontal:"right"},bottom:{vertical:"top",horizontal:"center"},right:{vertical:"center",horizontal:"left"}},ee={top:{vertical:"top",horizontal:"center"},left:{vertical:"center",horizontal:"left"},bottom:{vertical:"bottom",horizontal:"center"},right:{vertical:"center",horizontal:"right"}},te=o=>t.Children.toArray(o).filter(n=>n&&n.type===C.PopoverActionsBar),oe=o=>t.Children.toArray(o).filter(n=>n&&n.type!==C.PopoverActionsBar),u=t.forwardRef((o,n)=>{p.validatePackage(U.packageMetadata);const{callout:l,position:a,title:d,children:f,show:E,anchor:T,appendTo:A,offset:z,animate:R,positionMode:N,scale:j,popoverClass:c,className:x,id:I,style:w,collision:S,contentStyle:h,onPosition:m,onClose:v,onOpen:b}=o,[_,g]=t.useState(!1),y=a==="top"||a==="bottom",D=o.margin||{vertical:l&&y?k:0,horizontal:l&&!y?k:0},M=$[a],q=ee[a],P=t.useContext(p.ZIndexContext),B=P?P+Q:J,i=t.useRef(null);t.useImperativeHandle(i,()=>({props:o})),t.useImperativeHandle(n,()=>i.current);const Z=t.useCallback(r=>{if(setTimeout(()=>g(r.flipped)),m){const L={target:i.current,flipped:r.flipped,fitted:r.fitted};m.call(void 0,L)}},[m,g]),F=t.useCallback(()=>{if(b){const r={target:i.current};b.call(void 0,r)}},[b]),V=t.useCallback(()=>{if(v){const r={target:i.current};v.call(void 0,r)}},[v]),s={"k-popover":!0};Array.isArray(c)?c.forEach(r=>s[r]=!0):typeof c=="object"?Object.keys(c).forEach(r=>{s[r]=c[r]}):c&&(s[c]=!0);const K=_?Y[a]:W[a],O=t.useMemo(()=>t.createElement(t.Fragment,null,d&&t.createElement("div",{className:"k-popover-header"},d),t.createElement("div",{className:"k-popover-body",style:h},oe(f)),te(f)),[f,h,d]);return t.createElement(p.ZIndexContext.Provider,{value:B},t.createElement(X.Popup,{id:I,role:"tooltip",animate:R,collision:S,anchor:T,offset:z,margin:D,popupAlign:M,anchorAlign:q,appendTo:A,show:E,scale:j,positionMode:N,style:w,className:x,popupClass:s,onOpen:F,onClose:V,onPosition:Z},l&&a?t.createElement(t.Fragment,null,t.createElement("div",{className:p.classNames("k-popover-callout",K)}),t.createElement("div",{className:"k-popover-inner"},O)):O))}),ne={callout:!0,position:"top",collision:{horizontal:"none",vertical:"none"}};u.propTypes={callout:e.bool,title:e.node,position:e.oneOf(["top","left","bottom","right"]),show:e.bool,animate:e.oneOfType([e.bool,e.shape({openDuration:e.number,closeDuration:e.number})]),anchor:function(o){const n=o.anchor;return n&&typeof n.nodeType!="number"?new Error("Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed."):null},appendTo:function(o){const n=o.appendTo;return n&&typeof n.nodeType!="number"?new Error("Invalid prop `appendTo` supplied to `Kendo React Popover`. Validation failed."):null},positionMode:e.oneOf(["fixed","absolute"]),scale:e.number,offset:e.shape({left:e.number,top:e.number}),children:e.oneOfType([e.element,e.node]),className:e.oneOfType([e.string,e.arrayOf(e.string),e.object]),id:e.string,popoverClass:e.oneOfType([e.string,e.arrayOf(e.string),e.object]),style:e.object,onClose:e.func,onPosition:e.func,onOpen:e.func};u.defaultProps=ne;u.displayName="KendoReactPopover";exports.Popover=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("react"),e=require("prop-types"),p=require("@progress/kendo-react-common"),X=require("../package-metadata.js"),G=require("@progress/kendo-react-popup"),E=require("./PopoverActionsBar.js");function J(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(n,a,l.get?l:{enumerable:!0,get:()=>o[a]})}}return n.default=o,Object.freeze(n)}const t=J(U),Q=12e3,W=2e3,C=15,Y={top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"},$={top:"k-callout-n",left:"k-callout-w",bottom:"k-callout-s",right:"k-callout-e"},ee={top:{vertical:"bottom",horizontal:"center"},left:{vertical:"center",horizontal:"right"},bottom:{vertical:"top",horizontal:"center"},right:{vertical:"center",horizontal:"left"}},te={top:{vertical:"top",horizontal:"center"},left:{vertical:"center",horizontal:"left"},bottom:{vertical:"bottom",horizontal:"center"},right:{vertical:"center",horizontal:"right"}},oe=o=>t.Children.toArray(o).filter(n=>n&&n.type===E.PopoverActionsBar),ne=o=>t.Children.toArray(o).filter(n=>n&&n.type!==E.PopoverActionsBar),h=t.forwardRef((o,n)=>{p.validatePackage(X.packageMetadata);const{callout:a=b.callout,position:l=b.position,collision:T=b.collision,title:u,children:d,show:A,anchor:z,appendTo:R,offset:N,animate:j,positionMode:x,scale:I,popoverClass:i,className:w,id:S,style:_,contentStyle:g,onPosition:f,onClose:m,onOpen:v}=o,[D,y]=t.useState(!1),P=l==="top"||l==="bottom",M=o.margin||{vertical:a&&P?C:0,horizontal:a&&!P?C:0},q=ee[l],B=te[l],O=t.useContext(p.ZIndexContext),Z=O?O+W:Q,c=t.useRef(null);t.useImperativeHandle(c,()=>({props:o})),t.useImperativeHandle(n,()=>c.current);const F=t.useCallback(r=>{if(setTimeout(()=>y(r.flipped)),f){const H={target:c.current,flipped:r.flipped,fitted:r.fitted};f.call(void 0,H)}},[f,y]),V=t.useCallback(()=>{if(v){const r={target:c.current};v.call(void 0,r)}},[v]),K=t.useCallback(()=>{if(m){const r={target:c.current};m.call(void 0,r)}},[m]),s={"k-popover":!0};Array.isArray(i)?i.forEach(r=>s[r]=!0):typeof i=="object"?Object.keys(i).forEach(r=>{s[r]=i[r]}):i&&(s[i]=!0);const L=D?$[l]:Y[l],k=t.useMemo(()=>t.createElement(t.Fragment,null,u&&t.createElement("div",{className:"k-popover-header"},u),t.createElement("div",{className:"k-popover-body",style:g},ne(d)),oe(d)),[d,g,u]);return t.createElement(p.ZIndexContext.Provider,{value:Z},t.createElement(G.Popup,{id:S,role:"tooltip",animate:j,collision:T,anchor:z,offset:N,margin:M,popupAlign:q,anchorAlign:B,appendTo:R,show:A,scale:I,positionMode:x,style:_,className:w,popupClass:s,onOpen:V,onClose:K,onPosition:F},a&&l?t.createElement(t.Fragment,null,t.createElement("div",{className:p.classNames("k-popover-callout",L)}),t.createElement("div",{className:"k-popover-inner"},k)):k))}),b={callout:!0,position:"top",collision:{horizontal:"none",vertical:"none"}};h.propTypes={callout:e.bool,title:e.node,position:e.oneOf(["top","left","bottom","right"]),show:e.bool,animate:e.oneOfType([e.bool,e.shape({openDuration:e.number,closeDuration:e.number})]),anchor:function(o){const n=o.anchor;return n&&typeof n.nodeType!="number"?new Error("Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed."):null},appendTo:function(o){const n=o.appendTo;return n&&typeof n.nodeType!="number"?new Error("Invalid prop `appendTo` supplied to `Kendo React Popover`. Validation failed."):null},positionMode:e.oneOf(["fixed","absolute"]),scale:e.number,offset:e.shape({left:e.number,top:e.number}),children:e.oneOfType([e.element,e.node]),className:e.oneOfType([e.string,e.arrayOf(e.string),e.object]),id:e.string,popoverClass:e.oneOfType([e.string,e.arrayOf(e.string),e.object]),style:e.object,onClose:e.func,onPosition:e.func,onOpen:e.func};h.displayName="KendoReactPopover";exports.Popover=h;

package/popover/Popover.mjs

@@ -8,67 +8,67 @@
 "use client";
 import * as o from "react";
 import e from "prop-types";
-import { validatePackage as U, ZIndexContext as C, classNames as X } from "@progress/kendo-react-common";
-import { packageMetadata as q } from "../package-metadata.mjs";
-import { Popup as G } from "@progress/kendo-react-popup";
+import { validatePackage as X, ZIndexContext as C, classNames as q } from "@progress/kendo-react-common";
+import { packageMetadata as G } from "../package-metadata.mjs";
+import { Popup as J } from "@progress/kendo-react-popup";
 import { PopoverActionsBar as k } from "./PopoverActionsBar.mjs";
-const J = 12e3, Q = 2e3, E = 15, W = {
+const Q = 12e3, W = 2e3, E = 15, Y = {
   top: "k-callout-s",
   left: "k-callout-e",
   bottom: "k-callout-n",
   right: "k-callout-w"
-}, Y = {
+}, $ = {
   top: "k-callout-n",
   left: "k-callout-w",
   bottom: "k-callout-s",
   right: "k-callout-e"
-}, $ = {
+}, ee = {
   top: { vertical: "bottom", horizontal: "center" },
   left: { vertical: "center", horizontal: "right" },
   bottom: { vertical: "top", horizontal: "center" },
   right: { vertical: "center", horizontal: "left" }
-}, ee = {
+}, oe = {
   top: { vertical: "top", horizontal: "center" },
   left: { vertical: "center", horizontal: "left" },
   bottom: { vertical: "bottom", horizontal: "center" },
   right: { vertical: "center", horizontal: "right" }
-}, oe = (r) => o.Children.toArray(r).filter((t) => t && t.type === k), te = (r) => o.Children.toArray(r).filter((t) => t && t.type !== k), v = o.forwardRef((r, t) => {
-  U(q);
+}, te = (r) => o.Children.toArray(r).filter((t) => t && t.type === k), ne = (r) => o.Children.toArray(r).filter((t) => t && t.type !== k), O = o.forwardRef((r, t) => {
+  X(G);
   const {
-    callout: s,
-    position: l,
+    callout: s = v.callout,
+    position: l = v.position,
+    collision: T = v.collision,
     title: p,
     children: u,
-    show: O,
-    anchor: T,
-    appendTo: A,
-    offset: z,
-    animate: N,
-    positionMode: R,
-    scale: x,
+    show: A,
+    anchor: z,
+    appendTo: N,
+    offset: R,
+    animate: x,
+    positionMode: I,
+    scale: w,
     popoverClass: a,
-    className: I,
-    id: w,
-    style: j,
-    collision: D,
+    className: j,
+    id: D,
+    style: F,
     contentStyle: h,
     onPosition: f,
     onClose: d,
     onOpen: m
-  } = r, [F, b] = o.useState(!1), g = l === "top" || l === "bottom", V = r.margin || {
+  } = r, [V, b] = o.useState(!1), g = l === "top" || l === "bottom", Z = r.margin || {
     vertical: s && g ? E : 0,
     horizontal: s && !g ? E : 0
-  }, Z = $[l], _ = ee[l], y = o.useContext(C), B = y ? y + Q : J, i = o.useRef(null);
+  }, _ = ee[l], B = oe[l], y = o.useContext(C), M = y ? y + W : Q, i = o.useRef(null);
   o.useImperativeHandle(i, () => ({ props: r })), o.useImperativeHandle(t, () => i.current);
-  const M = o.useCallback(
+  const S = o.useCallback(
     (n) => {
       if (setTimeout(() => b(n.flipped)), f) {
-        const H = { target: i.current, flipped: n.flipped, fitted: n.fitted };
-        f.call(void 0, H);
+        const U = { target: i.current, flipped: n.flipped, fitted: n.fitted };
+        f.call(void 0, U);
       }
     },
     [f, b]
-  ), S = o.useCallback(
+  ), K = o.useCallback(
     () => {
       if (m) {
         const n = { target: i.current };
@@ -76,7 +76,7 @@ const J = 12e3, Q = 2e3, E = 15, W = {
       }
     },
     [m]
-  ), K = o.useCallback(
+  ), L = o.useCallback(
     () => {
       if (d) {
         const n = { target: i.current };
@@ -88,36 +88,36 @@ const J = 12e3, Q = 2e3, E = 15, W = {
   Array.isArray(a) ? a.forEach((n) => c[n] = !0) : typeof a == "object" ? Object.keys(a).forEach((n) => {
     c[n] = a[n];
   }) : a && (c[a] = !0);
-  const L = F ? Y[l] : W[l], P = o.useMemo(
-    () => /* @__PURE__ */ o.createElement(o.Fragment, null, p && /* @__PURE__ */ o.createElement("div", { className: "k-popover-header" }, p), /* @__PURE__ */ o.createElement("div", { className: "k-popover-body", style: h }, te(u)), oe(u)),
+  const H = V ? $[l] : Y[l], P = o.useMemo(
+    () => /* @__PURE__ */ o.createElement(o.Fragment, null, p && /* @__PURE__ */ o.createElement("div", { className: "k-popover-header" }, p), /* @__PURE__ */ o.createElement("div", { className: "k-popover-body", style: h }, ne(u)), te(u)),
     [u, h, p]
   );
-  return /* @__PURE__ */ o.createElement(C.Provider, { value: B }, /* @__PURE__ */ o.createElement(
-    G,
+  return /* @__PURE__ */ o.createElement(C.Provider, { value: M }, /* @__PURE__ */ o.createElement(
+    J,
     {
-      id: w,
+      id: D,
       role: "tooltip",
-      animate: N,
-      collision: D,
-      anchor: T,
-      offset: z,
-      margin: V,
-      popupAlign: Z,
-      anchorAlign: _,
-      appendTo: A,
-      show: O,
-      scale: x,
-      positionMode: R,
-      style: j,
-      className: I,
+      animate: x,
+      collision: T,
+      anchor: z,
+      offset: R,
+      margin: Z,
+      popupAlign: _,
+      anchorAlign: B,
+      appendTo: N,
+      show: A,
+      scale: w,
+      positionMode: I,
+      style: F,
+      className: j,
       popupClass: c,
-      onOpen: S,
-      onClose: K,
-      onPosition: M
+      onOpen: K,
+      onClose: L,
+      onPosition: S
     },
-    s && l ? /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("div", { className: X("k-popover-callout", L) }), /* @__PURE__ */ o.createElement("div", { className: "k-popover-inner" }, P)) : P
+    s && l ? /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("div", { className: q("k-popover-callout", H) }), /* @__PURE__ */ o.createElement("div", { className: "k-popover-inner" }, P)) : P
   ));
-}), ne = {
+}), v = {
   callout: !0,
   position: "top",
   collision: {
@@ -125,7 +125,7 @@ const J = 12e3, Q = 2e3, E = 15, W = {
     vertical: "none"
   }
 };
-v.propTypes = {
+O.propTypes = {
   callout: e.bool,
   title: e.node,
   position: e.oneOf(["top", "left", "bottom", "right"]),
@@ -178,8 +178,7 @@ v.propTypes = {
   onPosition: e.func,
   onOpen: e.func
 };
-v.defaultProps = ne;
-v.displayName = "KendoReactPopover";
+O.displayName = "KendoReactPopover";
 export {
-  v as Popover
+  O as Popover
 };

package/popover/PopoverActionsBar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),a=require("prop-types"),l=require("@progress/kendo-react-common");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=s(i),c=n.forwardRef((e,o)=>{const t=n.useRef(null),r=n.useRef(null);return n.useImperativeHandle(r,()=>({props:e,element:t.current})),n.useImperativeHandle(o,()=>r.current),n.createElement("div",{ref:t,className:l.classNames("k-popover-actions","k-actions",{[`k-actions-${e.alignment}`]:e.alignment,[`k-actions-${e.orientation}`]:e.orientation})},e.children)}),u={alignment:"stretched",orientation:"horizontal"};c.propTypes={alignment:a.oneOf(["start","center","end","stretched"]),orientation:a.oneOf(["horizontal","vertical"]),children:a.oneOfType([a.element,a.node])};c.defaultProps=u;c.displayName="KendoReactPopoverActionsBar";exports.PopoverActionsBar=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("prop-types"),d=require("@progress/kendo-react-common");function f(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=f(u),c=n.forwardRef((e,o)=>{const t=n.useRef(null),r=n.useRef(null),{alignment:i=l.alignment,orientation:s=l.orientation}=e;return n.useImperativeHandle(r,()=>({props:e,element:t.current})),n.useImperativeHandle(o,()=>r.current),n.createElement("div",{ref:t,className:d.classNames("k-popover-actions","k-actions",{[`k-actions-${i}`]:i,[`k-actions-${s}`]:s})},e.children)}),l={alignment:"stretched",orientation:"horizontal"};c.propTypes={alignment:a.oneOf(["start","center","end","stretched"]),orientation:a.oneOf(["horizontal","vertical"]),children:a.oneOfType([a.element,a.node])};c.displayName="KendoReactPopoverActionsBar";exports.PopoverActionsBar=c;

package/popover/PopoverActionsBar.mjs

@@ -6,40 +6,39 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import n from "prop-types";
-import { classNames as l } from "@progress/kendo-react-common";
-const o = t.forwardRef((e, i) => {
-  const r = t.useRef(null), a = t.useRef(null);
-  return t.useImperativeHandle(a, () => ({ props: e, element: r.current })), t.useImperativeHandle(i, () => a.current), /* @__PURE__ */ t.createElement(
+import * as e from "react";
+import t from "prop-types";
+import { classNames as m } from "@progress/kendo-react-common";
+const c = e.forwardRef((n, l) => {
+  const o = e.useRef(null), r = e.useRef(null), { alignment: a = s.alignment, orientation: i = s.orientation } = n;
+  return e.useImperativeHandle(r, () => ({ props: n, element: o.current })), e.useImperativeHandle(l, () => r.current), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: r,
-      className: l(
+      ref: o,
+      className: m(
         "k-popover-actions",
         "k-actions",
         {
-          [`k-actions-${e.alignment}`]: e.alignment,
-          [`k-actions-${e.orientation}`]: e.orientation
+          [`k-actions-${a}`]: a,
+          [`k-actions-${i}`]: i
         }
       )
     },
-    e.children
+    n.children
   );
-}), c = {
+}), s = {
   alignment: "stretched",
   orientation: "horizontal"
 };
-o.propTypes = {
-  alignment: n.oneOf(["start", "center", "end", "stretched"]),
-  orientation: n.oneOf(["horizontal", "vertical"]),
-  children: n.oneOfType([
-    n.element,
-    n.node
+c.propTypes = {
+  alignment: t.oneOf(["start", "center", "end", "stretched"]),
+  orientation: t.oneOf(["horizontal", "vertical"]),
+  children: t.oneOfType([
+    t.element,
+    t.node
   ])
 };
-o.defaultProps = c;
-o.displayName = "KendoReactPopoverActionsBar";
+c.displayName = "KendoReactPopoverActionsBar";
 export {
-  o as PopoverActionsBar
+  c as PopoverActionsBar
 };