@elyra/canvas 12.42.0 → 12.44.0

package/dist/lib/tooltip.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("../createClass-5ca26865.js"),e=require("../inherits-41673c87.js"),i=require("react"),o=require("react-portal"),l=require("carbon-components-react"),s=require("uuid");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(i);function p(t,i,o){return i=e._getPrototypeOf(i),e._possibleConstructorReturn(t,h()?Reflect.construct(i,o||[],e._getPrototypeOf(t).constructor):i.apply(t,o))}function h(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(h=function(){return!!t})()}var a=function(i){function n(i){var o;return t._classCallCheck(this,n),(o=p(this,n,[i])).state={isTooltipVisible:!1},o.uuid=s.v4(),o.pendingTooltip=null,o.hideTooltipOnScrollAndResize=o.hideTooltipOnScrollAndResize.bind(e._assertThisInitialized(o)),o.tabKeyPressed=!1,o}return e._inherits(n,i),t._createClass(n,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.hideTooltipOnScrollAndResize,!0),window.addEventListener("resize",this.hideTooltipOnScrollAndResize,!0),this.props.targetObj&&this.setTooltipVisible(!0)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.hideTooltipOnScrollAndResize,!0),window.removeEventListener("resize",this.hideTooltipOnScrollAndResize,!0),this.pendingTooltip&&clearTimeout(this.pendingTooltip)}},{key:"setTooltipVisible",value:function(t){if((!this.showTooltip()||!t&&this.pendingTooltip)&&(clearTimeout(this.pendingTooltip),this.pendingTooltip=null,this.setState({isTooltipVisible:!1})),this.showTooltip()){var e=document.querySelector("[data-id='".concat(this.uuid,"-").concat(this.props.id,"']"));if(this.pendingTooltip=null,this.setState({isTooltipVisible:t}),t){var i=null;(i=this.props.targetObj?this.props.targetObj:document.querySelector("[data-id='".concat(this.uuid,"-").concat(this.props.id,"-trigger']")))&&e&&this.updateTooltipLayout(e,i,e.getAttribute("direction"))}}}},{key:"setKeyPressed",value:function(t){"Tab"===t.key&&(this.tabKeyPressed=!0)}},{key:"getStyleValue",value:function(t){return t+"px"}},{key:"getNewDirection",value:function(t){var e;switch(t){case"top":e="bottom";break;case"bottom":e="top";break;case"left":e="right";break;default:e="left"}return e}},{key:"showTooltip",value:function(){var t=this.canDisplayFullText(this.triggerRef);return!this.props.disable&&!this.props.showToolTipIfTruncated||!this.props.disable&&this.props.showToolTipIfTruncated&&!t}},{key:"canDisplayFullText",value:function(t){var e=this.props.truncatedRef?this.props.truncatedRef:t;if(e){var i=e.firstChild&&e.firstChild.scrollWidth&&0!==e.firstChild.scrollWidth?e.firstChild.scrollWidth:e.scrollWidth,o=e.firstChild&&e.firstChild.offsetWidth&&e.firstChild.offsetWidth||0,l=i<=(0!==o&&o<e.offsetWidth?o:e.offsetWidth);return l}return!1}},{key:"showTooltipWithDelay",value:function(){if(!this.pendingTooltip&&this.showTooltip()){var t=this;this.pendingTooltip=setTimeout((function(){t.setTooltipVisible(!0)}),this.props.delay)}}},{key:"updateTooltipLayout",value:function(t,e,i){var o=i,l=document.documentElement.clientWidth,s=document.documentElement.clientHeight,n=e.getBoundingClientRect(),r=t.querySelector("svg"),p=r.getBoundingClientRect();if(t.style.left=this.getStyleValue(n.left),t.style.top=this.getStyleValue(n.top),this.props.mousePos)this.updateLocationBasedOnMousePos(t,this.props.mousePos,i);else{if("top"===o||"bottom"===o){var h=n.left;t.offsetWidth>n.width?(h-=(t.offsetWidth-n.width)/2)<0&&(h=2):t.offsetWidth<n.width&&(h+=(n.width-t.offsetWidth)/2),t.style.left=this.getStyleValue(h),h+t.offsetWidth>l&&(t.style.left=this.getStyleValue(l-t.offsetWidth))}else if("left"===o)for(;t.offsetLeft+t.offsetWidth+p.width>Math.round(n.left);)t.style.left=this.getStyleValue(n.left-t.offsetWidth-p.width);else"right"===o&&(t.style.left=this.getStyleValue(n.right+p.width));if("top"===o)t.style.top=this.getStyleValue(n.top-p.height-t.offsetHeight);else if("bottom"===o)t.style.top=this.getStyleValue(n.bottom+p.height);else if("left"===o||"right"===o){var a=n.top;t.offsetHeight>n.height?(a-=(t.offsetHeight-n.height)/2)<0&&(a=n.top):t.offsetHeight<n.height&&(a+=(n.height-t.offsetHeight)/2),t.style.top=this.getStyleValue(a+1),s-t.offsetHeight<n.top&&(t.style.top=this.getStyleValue(s-t.offsetHeight))}"top"===o||"bottom"===o?r.style.left=this.getStyleValue(n.left-t.getBoundingClientRect().left+e.getBoundingClientRect().width/2-p.width/2+1):"left"===o?r.style.left=this.getStyleValue(t.offsetWidth-3):"right"===o&&(r.style.left=this.getStyleValue(2-p.width)),"top"===o?r.style.top=this.getStyleValue(t.offsetHeight-5):"bottom"===o?r.style.top="-11px":"left"!==o&&"right"!==o||(r.style.top=this.getStyleValue(n.top-t.getBoundingClientRect().top+e.offsetHeight/2-p.height/2))}if(this.isOutOfBounds(t)&&t.getAttribute("direction")===o){var u=this.getNewDirection(o);return this.updateTooltipLayout(t,e,u),void t.setAttribute("direction",u)}}},{key:"updateLocationBasedOnMousePos",value:function(t,e,i){var o=i,l=document.documentElement.clientWidth,s=document.documentElement.clientHeight,n=t.querySelector("svg"),r=n.getBoundingClientRect(),p=this.props.mousePos.x,h=this.props.mousePos.y;if("top"===o||"bottom"===o){var a=p-t.offsetWidth/2;l-t.offsetWidth<a?a=l-t.offsetWidth:a<0&&(a=2),t.style.left=this.getStyleValue(a)}else"left"===o?t.style.left=this.getStyleValue(p-t.offsetWidth-r.width-5):"right"===o&&(t.style.left=this.getStyleValue(p+r.width+5));if("top"===o)t.style.top=this.getStyleValue(h-r.height-t.offsetHeight);else if("bottom"===o)t.style.top=this.getStyleValue(h+2*r.height);else if("left"===o||"right"===o){var u=h-t.offsetHeight/2;s-t.offsetHeight<u?u=s-t.offsetHeight:u<0&&(u=2),t.style.top=this.getStyleValue(u+1)}"top"===o||"bottom"===o?n.style.left=this.getStyleValue(p-t.getBoundingClientRect().left-r.width/2):"left"===o?n.style.left=this.getStyleValue(t.offsetWidth-3):"right"===o&&(n.style.left=this.getStyleValue(2-r.width)),"top"===o?n.style.top=this.getStyleValue(t.offsetHeight-5):"bottom"===o?n.style.top="-11px":"left"!==o&&"right"!==o||(n.style.top=this.getStyleValue(h-t.getBoundingClientRect().top-r.height/2))}},{key:"isOutOfBounds",value:function(t){var e=parseFloat(t.style.left),i=parseFloat(t.style.top);return e+t.offsetWidth>document.documentElement.clientWidth||e<0||i<0||i+t.offsetHeight>document.documentElement.clientHeight}},{key:"toggleTooltipOnClick",value:function(t){t.stopPropagation(),t.preventDefault(),this.state.isTooltipVisible?this.setTooltipVisible(!1):this.setTooltipVisible(!0)}},{key:"hideTooltipOnScrollAndResize",value:function(t){this.state.isTooltipVisible&&this.setTooltipVisible(!1)}},{key:"render",value:function(){var e=this,i=null,s=null;if(this.props.children){s=r.default.createElement("div",{"data-id":"".concat(this.uuid,"-").concat(this.props.id,"-trigger"),className:"tooltip-trigger",onMouseOver:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!0)},onMouseLeave:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!1)},onMouseDown:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!1)},onClick:this.props.showToolTipOnClick?function(t){return e.toggleTooltipOnClick(t)}:null,onFocus:this.props.showToolTipOnClick?function(){return e.showTooltipWithDelay()}:null,onBlur:this.props.showToolTipOnClick?function(t){if(e.tabKeyPressed)e.setTooltipVisible(!1),e.tabKeyPressed=!1;else{var i,o,l=null==t||null===(i=t.relatedTarget)||void 0===i?void 0:i.closest(".common-canvas-tooltip");"div"===(null==l||null===(o=l.tagName)||void 0===o?void 0:o.toLowerCase())?e.setTooltipVisible(!0):e.setTooltipVisible(!1)}}:null,onKeyDown:this.props.showToolTipOnClick?function(t){return e.setKeyPressed(t)}:null,tabIndex:this.props.showToolTipOnClick?0:null,role:this.props.showToolTipOnClick?"button":null,"aria-labelledby":this.props.showToolTipOnClick?"".concat(this.uuid,"-").concat(this.props.id):null,"aria-expanded":this.props.showToolTipOnClick?this.state.isTooltipVisible:null,"aria-controls":this.props.showToolTipOnClick?"".concat(this.uuid,"-").concat(this.props.id):null,ref:function(t){return e.triggerRef=t}},this.props.children)}"string"==typeof this.props.tip?i=r.default.createElement("span",{className:"tooltipContainer"},this.props.tip):"object"===t._typeof(this.props.tip)?i=r.default.createElement("div",{className:"tooltipContainer"},this.props.tip):"function"==typeof this.props.tip&&(i=this.props.tip());var n="common-canvas-tooltip";this.props.className&&(n+=" "+this.props.className);var p=null;if(this.state.isTooltipVisible&&this.props.tooltipLinkHandler&&this.props.link){var h=this.props.tooltipLinkHandler(this.props.link);"object"===t._typeof(h)&&h.label&&h.url&&(p=r.default.createElement(l.Link,{className:"tooltip-link",id:this.props.link.id,href:h.url,target:"_blank",rel:"noopener",visited:!1},h.label))}var a=null;return(i||p)&&(a=r.default.createElement(o.Portal,null,r.default.createElement("div",{role:"tooltip",id:"".concat(this.uuid,"-").concat(this.props.id),"data-id":"".concat(this.uuid,"-").concat(this.props.id),className:n,"aria-hidden":!this.state.isTooltipVisible,direction:this.props.direction},r.default.createElement("svg",{className:"tipArrow",x:"0px",y:"0px",viewBox:"0 0 9.1 16.1"},r.default.createElement("polyline",{points:"9.1,15.7 1.4,8.1 9.1,0.5"}),r.default.createElement("polygon",{points:"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7"})),i,p))),r.default.createElement("div",{className:"tooltip-container"},s,a)}}]),n}(r.default.Component);a.defaultProps={delay:200,direction:"bottom",showToolTipIfTruncated:!1,showToolTipOnClick:!1},module.exports=a;
+"use strict";var t=require("../createClass-155bf7da.js"),e=require("../inherits-75817f22.js"),i=require("react"),o=require("react-portal"),l=require("carbon-components-react"),s=require("uuid");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(i);function p(t,i,o){return i=e._getPrototypeOf(i),e._possibleConstructorReturn(t,h()?Reflect.construct(i,o||[],e._getPrototypeOf(t).constructor):i.apply(t,o))}function h(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(h=function(){return!!t})()}var a=function(i){function n(e){var i;return t._classCallCheck(this,n),(i=p(this,n,[e])).state={isTooltipVisible:!1},i.uuid=s.v4(),i.pendingTooltip=null,i.hideTooltipOnScrollAndResize=i.hideTooltipOnScrollAndResize.bind(i),i.tabKeyPressed=!1,i}return e._inherits(n,i),t._createClass(n,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.hideTooltipOnScrollAndResize,!0),window.addEventListener("resize",this.hideTooltipOnScrollAndResize,!0),this.props.targetObj&&this.setTooltipVisible(!0)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.hideTooltipOnScrollAndResize,!0),window.removeEventListener("resize",this.hideTooltipOnScrollAndResize,!0),this.pendingTooltip&&clearTimeout(this.pendingTooltip)}},{key:"setTooltipVisible",value:function(t){if((!this.showTooltip()||!t&&this.pendingTooltip)&&(clearTimeout(this.pendingTooltip),this.pendingTooltip=null,this.setState({isTooltipVisible:!1})),this.showTooltip()){var e=document.querySelector("[data-id='".concat(this.uuid,"-").concat(this.props.id,"']"));if(this.pendingTooltip=null,this.setState({isTooltipVisible:t}),t){var i=null;(i=this.props.targetObj?this.props.targetObj:document.querySelector("[data-id='".concat(this.uuid,"-").concat(this.props.id,"-trigger']")))&&e&&this.updateTooltipLayout(e,i,e.getAttribute("direction"));var o=this.targetRef.querySelector("a");o&&o.focus()}}}},{key:"setKeyPressed",value:function(t){"Tab"===t.key&&(this.tabKeyPressed=!0),"Escape"===t.key&&(this.triggerRef.focus(),this.setTooltipVisible(!1))}},{key:"getStyleValue",value:function(t){return t+"px"}},{key:"getNewDirection",value:function(t){var e;switch(t){case"top":e="bottom";break;case"bottom":e="top";break;case"left":e="right";break;default:e="left"}return e}},{key:"showTooltip",value:function(){var t=this.canDisplayFullText(this.triggerRef);return!this.props.disable&&!this.props.showToolTipIfTruncated||!this.props.disable&&this.props.showToolTipIfTruncated&&!t}},{key:"canDisplayFullText",value:function(t){var e=this.props.truncatedRef?this.props.truncatedRef:t;if(e){var i=e.firstChild&&e.firstChild.scrollWidth&&0!==e.firstChild.scrollWidth?e.firstChild.scrollWidth:e.scrollWidth,o=e.firstChild&&e.firstChild.offsetWidth&&e.firstChild.offsetWidth||0,l=i<=(0!==o&&o<e.offsetWidth?o:e.offsetWidth);return l}return!1}},{key:"showTooltipWithDelay",value:function(){if(!this.pendingTooltip&&this.showTooltip()){var t=this;this.pendingTooltip=setTimeout((function(){t.setTooltipVisible(!0)}),this.props.delay)}}},{key:"updateTooltipLayout",value:function(t,e,i){var o=i,l=document.documentElement.clientWidth,s=document.documentElement.clientHeight,n=e.getBoundingClientRect(),r=t.querySelector("svg"),p=r.getBoundingClientRect();if(t.style.left=this.getStyleValue(n.left),t.style.top=this.getStyleValue(n.top),this.props.mousePos)this.updateLocationBasedOnMousePos(t,this.props.mousePos,i);else{if("top"===o||"bottom"===o){var h=n.left;t.offsetWidth>n.width?(h-=(t.offsetWidth-n.width)/2)<0&&(h=2):t.offsetWidth<n.width&&(h+=(n.width-t.offsetWidth)/2),t.style.left=this.getStyleValue(h),h+t.offsetWidth>l&&(t.style.left=this.getStyleValue(l-t.offsetWidth))}else if("left"===o)for(;t.offsetLeft+t.offsetWidth+p.width>Math.round(n.left);)t.style.left=this.getStyleValue(n.left-t.offsetWidth-p.width);else"right"===o&&(t.style.left=this.getStyleValue(n.right+p.width));if("top"===o)t.style.top=this.getStyleValue(n.top-p.height-t.offsetHeight);else if("bottom"===o)t.style.top=this.getStyleValue(n.bottom+p.height);else if("left"===o||"right"===o){var a=n.top;t.offsetHeight>n.height?(a-=(t.offsetHeight-n.height)/2)<0&&(a=n.top):t.offsetHeight<n.height&&(a+=(n.height-t.offsetHeight)/2),t.style.top=this.getStyleValue(a+1),s-t.offsetHeight<n.top&&(t.style.top=this.getStyleValue(s-t.offsetHeight))}"top"===o||"bottom"===o?r.style.left=this.getStyleValue(n.left-t.getBoundingClientRect().left+e.getBoundingClientRect().width/2-p.width/2+1):"left"===o?r.style.left=this.getStyleValue(t.offsetWidth-3):"right"===o&&(r.style.left=this.getStyleValue(2-p.width)),"top"===o?r.style.top=this.getStyleValue(t.offsetHeight-5):"bottom"===o?r.style.top="-11px":"left"!==o&&"right"!==o||(r.style.top=this.getStyleValue(n.top-t.getBoundingClientRect().top+e.offsetHeight/2-p.height/2))}if(this.isOutOfBounds(t)&&t.getAttribute("direction")===o){var u=this.getNewDirection(o);return this.updateTooltipLayout(t,e,u),void t.setAttribute("direction",u)}}},{key:"updateLocationBasedOnMousePos",value:function(t,e,i){var o=i,l=document.documentElement.clientWidth,s=document.documentElement.clientHeight,n=t.querySelector("svg"),r=n.getBoundingClientRect(),p=this.props.mousePos.x,h=this.props.mousePos.y;if("top"===o||"bottom"===o){var a=p-t.offsetWidth/2;l-t.offsetWidth<a?a=l-t.offsetWidth:a<0&&(a=2),t.style.left=this.getStyleValue(a)}else"left"===o?t.style.left=this.getStyleValue(p-t.offsetWidth-r.width-5):"right"===o&&(t.style.left=this.getStyleValue(p+r.width+5));if("top"===o)t.style.top=this.getStyleValue(h-r.height-t.offsetHeight);else if("bottom"===o)t.style.top=this.getStyleValue(h+2*r.height);else if("left"===o||"right"===o){var u=h-t.offsetHeight/2;s-t.offsetHeight<u?u=s-t.offsetHeight:u<0&&(u=2),t.style.top=this.getStyleValue(u+1)}"top"===o||"bottom"===o?n.style.left=this.getStyleValue(p-t.getBoundingClientRect().left-r.width/2):"left"===o?n.style.left=this.getStyleValue(t.offsetWidth-3):"right"===o&&(n.style.left=this.getStyleValue(2-r.width)),"top"===o?n.style.top=this.getStyleValue(t.offsetHeight-5):"bottom"===o?n.style.top="-11px":"left"!==o&&"right"!==o||(n.style.top=this.getStyleValue(h-t.getBoundingClientRect().top-r.height/2))}},{key:"isOutOfBounds",value:function(t){var e=parseFloat(t.style.left),i=parseFloat(t.style.top);return e+t.offsetWidth>document.documentElement.clientWidth||e<0||i<0||i+t.offsetHeight>document.documentElement.clientHeight}},{key:"toggleTooltipOnClick",value:function(t){t.stopPropagation(),t.preventDefault(),this.triggerRef.focus(),this.state.isTooltipVisible?this.setTooltipVisible(!1):this.setTooltipVisible(!0)}},{key:"hideTooltipOnScrollAndResize",value:function(t){this.state.isTooltipVisible&&this.setTooltipVisible(!1)}},{key:"render",value:function(){var e=this,i=null,s=null;if(this.props.children){s=r.default.createElement("div",{"data-id":"".concat(this.uuid,"-").concat(this.props.id,"-trigger"),className:"tooltip-trigger",onMouseOver:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!0)},onMouseLeave:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!1)},onMouseDown:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!1)},onClick:this.props.showToolTipOnClick?function(t){return e.toggleTooltipOnClick(t)}:null,onFocus:this.props.showToolTipOnClick?function(){return e.showTooltipWithDelay()}:null,onBlur:this.props.showToolTipOnClick?function(t){if(e.tabKeyPressed)e.setTooltipVisible(!1),e.tabKeyPressed=!1;else{var i,o,l=null==t||null===(i=t.relatedTarget)||void 0===i?void 0:i.closest(".common-canvas-tooltip");"div"===(null==l||null===(o=l.tagName)||void 0===o?void 0:o.toLowerCase())?e.setTooltipVisible(!0):e.setTooltipVisible(!1)}}:null,onKeyDown:this.props.showToolTipOnClick?function(t){return e.setKeyPressed(t)}:null,tabIndex:this.props.showToolTipOnClick?0:null,role:this.props.showToolTipOnClick?"button":null,"aria-labelledby":this.props.showToolTipOnClick?"".concat(this.uuid,"-").concat(this.props.id):null,"aria-expanded":this.props.showToolTipOnClick?this.state.isTooltipVisible:null,"aria-controls":this.props.showToolTipOnClick?"".concat(this.uuid,"-").concat(this.props.id):null,ref:function(t){return e.triggerRef=t}},this.props.children)}"string"==typeof this.props.tip?i=r.default.createElement("span",{className:"tooltipContainer"},this.props.tip):"object"===t._typeof(this.props.tip)?i=r.default.createElement("div",{className:"tooltipContainer"},this.props.tip):"function"==typeof this.props.tip&&(i=this.props.tip());var n="common-canvas-tooltip";this.props.className&&(n+=" "+this.props.className);var p=!1,h=null;if(this.state.isTooltipVisible&&this.props.tooltipLinkHandler&&this.props.link){var a=this.props.tooltipLinkHandler(this.props.link);"object"===t._typeof(a)&&a.label&&a.url&&(h=r.default.createElement("div",{ref:function(t){return e.linkRef=t},onKeyDown:function(t){if(t.stopPropagation(),t.preventDefault(),"Escape"===t.key)e.triggerRef.focus(),e.setTooltipVisible(!1);else if("Enter"===t.key){var i=e.linkRef.children[0];i&&window.open(i,"_blank")}},onBlur:function(){p?e.setTooltipVisible(!0):(e.triggerRef.focus(),e.setTooltipVisible(!1))},onClick:function(){p=!0}},r.default.createElement(l.Link,{className:"tooltip-link",id:this.props.link.id,href:a.url,target:"_blank",rel:"noopener",visited:!1},a.label)))}var u=null;return(i||h)&&(u=r.default.createElement(o.Portal,null,r.default.createElement("div",{role:"tooltip",id:"".concat(this.uuid,"-").concat(this.props.id),"data-id":"".concat(this.uuid,"-").concat(this.props.id),className:n,"aria-hidden":!this.state.isTooltipVisible,direction:this.props.direction,ref:function(t){return e.targetRef=t}},r.default.createElement("svg",{className:"tipArrow",x:"0px",y:"0px",viewBox:"0 0 9.1 16.1"},r.default.createElement("polyline",{points:"9.1,15.7 1.4,8.1 9.1,0.5"}),r.default.createElement("polygon",{points:"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7"})),i,h))),r.default.createElement("div",{className:"tooltip-container"},s,u)}}])}(r.default.Component);a.defaultProps={delay:200,direction:"bottom",showToolTipIfTruncated:!1,showToolTipOnClick:!1},module.exports=a;
 //# sourceMappingURL=tooltip.js.map

package/dist/lib/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*\n\tThis code is a modified version from portal-common-api for the Elyra canvas tooltips\n*/\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Portal } from \"react-portal\";\nimport { Link } from \"carbon-components-react\";\nimport { v4 as uuid4 } from \"uuid\";\n\nclass ToolTip extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisTooltipVisible: false\n\t\t};\n\t\tthis.uuid = uuid4();\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\n\t\tthis.tabKeyPressed = false;\n\t}\n\n\tcomponentDidMount() {\n\t\twindow.addEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.addEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.props.targetObj) {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\twindow.removeEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.removeEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.pendingTooltip) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t}\n\t}\n\n\tsetTooltipVisible(visible) {\n\t\t// clear the display timer if set\n\t\tif (!this.showTooltip() || (!visible && this.pendingTooltip)) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: false\n\t\t\t});\n\t\t}\n\n\n\t\tif (this.showTooltip()) {\n\t\t\tconst tooltip = document.querySelector(`[data-id='${this.uuid}-${this.props.id}']`);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: visible\n\t\t\t});\n\t\t\t// updates the tooltip display\n\t\t\tif (visible) {\n\t\t\t\tlet tooltipTrigger = null;\n\t\t\t\tif (this.props.targetObj) {\n\t\t\t\t\ttooltipTrigger = this.props.targetObj;\n\t\t\t\t} else {\n\t\t\t\t\ttooltipTrigger = document.querySelector(`[data-id='${this.uuid}-${this.props.id}-trigger']`);\n\t\t\t\t}\n\t\t\t\tif (tooltipTrigger && tooltip) {\n\t\t\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, tooltip.getAttribute(\"direction\"));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tsetKeyPressed(evt) {\n\t\tif (evt.key === \"Tab\") {\n\t\t\tthis.tabKeyPressed = true;\n\t\t}\n\t}\n\n\tgetStyleValue(value) {\n\t\treturn value + \"px\";\n\t}\n\n\tgetNewDirection(currentDirection) {\n\t\tlet newDirection;\n\t\tswitch (currentDirection) {\n\t\tcase \"top\":\n\t\t\tnewDirection = \"bottom\";\n\t\t\tbreak;\n\t\tcase \"bottom\":\n\t\t\tnewDirection = \"top\";\n\t\t\tbreak;\n\t\tcase \"left\":\n\t\t\tnewDirection = \"right\";\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tnewDirection = \"left\";\n\t\t}\n\t\treturn newDirection;\n\t}\n\n\tshowTooltip() {\n\t\tconst canDisplayFullText = this.canDisplayFullText(this.triggerRef);\n\t\tconst showToolTip = (\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is false\n\t\t\t(!this.props.disable && !this.props.showToolTipIfTruncated) ||\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is true and string is truncated\n\t\t\t(!this.props.disable && this.props.showToolTipIfTruncated && !canDisplayFullText));\n\t\treturn showToolTip;\n\t}\n\n\t// Return true if the string can be displayed in the available space\n\t// Return false if the string is truncated and ellipsis is shown on the UI\n\t// (offsetWidth) is a measurement in pixels of the element's CSS width, including any borders, padding, and vertical scrollbars\n\t// (scrollWidth) value is equal to the minimum width the element would require\n\t//  in order to fit all the content in the viewport without using a horizontal scrollbar\n\tcanDisplayFullText(elem) {\n\t\tconst triggerElem = this.props.truncatedRef ? this.props.truncatedRef : elem;\n\t\tif (triggerElem) {\n\t\t\tconst fullWidth = triggerElem.firstChild && triggerElem.firstChild.scrollWidth && triggerElem.firstChild.scrollWidth !== 0 ? triggerElem.firstChild.scrollWidth\n\t\t\t\t: triggerElem.scrollWidth;\n\t\t\tconst childWidth = triggerElem.firstChild && triggerElem.firstChild.offsetWidth && triggerElem.firstChild.offsetWidth || 0;\n\t\t\t// need different handling when content is within a span vs div\n\t\t\tconst displayWidth = childWidth !== 0 && childWidth < triggerElem.offsetWidth ? childWidth : triggerElem.offsetWidth;\n\t\t\tconst canDisplayFullText = fullWidth <= displayWidth;\n\t\t\treturn canDisplayFullText;\n\t\t}\n\t\treturn false; // Show tooltip if we cannot read the width (Canvas objects)\n\t}\n\n\tshowTooltipWithDelay() {\n\n\t\t// set a delay on displaying the tooltip\n\t\tif (!this.pendingTooltip && this.showTooltip()) {\n\t\t\tconst that = this;\n\t\t\tthis.pendingTooltip = setTimeout(function() {\n\t\t\t\tthat.setTooltipVisible(true);\n\t\t\t}, this.props.delay);\n\t\t}\n\n\t}\n\n\tupdateTooltipLayout(tooltip, tooltipTrigger, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst triggerLayout = tooltipTrigger.getBoundingClientRect();\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\t// always initialize tooltip location so it's all visible to ensure adjustments are done on the right size\n\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left);\n\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top);\n\n\t\tif (this.props.mousePos) {\n\t\t\tthis.updateLocationBasedOnMousePos(tooltip, this.props.mousePos, direction);\n\t\t} else { // tooltip relativ to element\n\t\t\t// tooltip - left correction\n\t\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\t\tlet tooltipLeft = triggerLayout.left;\n\t\t\t\tif (tooltip.offsetWidth > triggerLayout.width) {\n\t\t\t\t\ttooltipLeft -= (tooltip.offsetWidth - triggerLayout.width) / 2; // distribute overlap evenly left and right\n\t\t\t\t\tif (tooltipLeft < 0) {\n\t\t\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetWidth < triggerLayout.width) {\n\t\t\t\t\ttooltipLeft += (triggerLayout.width - tooltip.offsetWidth) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t\t\tif ((tooltipLeft + tooltip.offsetWidth) > viewPortWidth) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(viewPortWidth - tooltip.offsetWidth); // hitting right border\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\t// For long tooltips, tooltip.offsetWidth is updated after setting tooltip.style.left. Ensure tooltip doesn't overlap tooltipTrigger element.\n\t\t\t\twhile ((tooltip.offsetLeft + tooltip.offsetWidth + pointerLayout.width) > Math.round(triggerLayout.left)) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.right + pointerLayout.width);\n\t\t\t}\n\n\t\t\t// tooltip - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top - pointerLayout.height - tooltip.offsetHeight);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.bottom + pointerLayout.height);\n\t\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\t\tlet tooltipTop = triggerLayout.top;\n\t\t\t\tif (tooltip.offsetHeight > triggerLayout.height) {\n\t\t\t\t\ttooltipTop -= (tooltip.offsetHeight - triggerLayout.height) / 2; // distribute overlap evenly top and bottom\n\t\t\t\t\tif (tooltipTop < 0) {\n\t\t\t\t\t\ttooltipTop = triggerLayout.top; // hitting top border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetHeight < triggerLayout.height) {\n\t\t\t\t\ttooltipTop += (triggerLayout.height - tooltip.offsetHeight) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < triggerLayout.top) {\n\t\t\t\t\ttooltip.style.top = this.getStyleValue(viewPortHeight - tooltip.offsetHeight); // hitting bottom border\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// pointer - left correction\n\t\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(triggerLayout.left - tooltip.getBoundingClientRect().left +\n\t\t\t\t\ttooltipTrigger.getBoundingClientRect().width / 2 - pointerLayout.width / 2\t + pointerCorrection);\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t\t}\n\n\t\t\t// pointer - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.top = \"-11px\";\n\t\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(triggerLayout.top - tooltip.getBoundingClientRect().top +\n\t\t\t\t\ttooltipTrigger.offsetHeight / 2 - pointerLayout.height / 2);\n\t\t\t}\n\t\t}\n\n\t\t// check if out-of-bounds at the end and if so, trigger new layout on opposite site if not already re-rendered already\n\t\tif (this.isOutOfBounds(tooltip) && tooltip.getAttribute(\"direction\") === tooltipDirection) {\n\t\t\tconst newDirection = this.getNewDirection(tooltipDirection);\n\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, newDirection);\n\t\t\t// update class name directly, otherwise setState triggers re-render loop in canvas\n\t\t\t// also call after updateTooltipLayout, otherwise the newDirection and class of trigger are the same\n\t\t\ttooltip.setAttribute(\"direction\", newDirection);\n\t\t\treturn;\n\t\t}\n\t}\n\n\tupdateLocationBasedOnMousePos(tooltip, mousePos, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\tconst mouseX = this.props.mousePos.x;\n\t\tconst mouseY = this.props.mousePos.y;\n\t\t// if mouse position is passed in, use the cursor as reference point\n\n\t\t// tooltip - left correction\n\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\tlet tooltipLeft = mouseX - tooltip.offsetWidth / 2;\n\t\t\tif ((viewPortWidth - tooltip.offsetWidth) < tooltipLeft) {\n\t\t\t\ttooltipLeft = viewPortWidth - tooltip.offsetWidth; // hitting right border\n\t\t\t} else if (tooltipLeft < 0) {\n\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t}\n\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX - tooltip.offsetWidth - pointerLayout.width - 5);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX + pointerLayout.width + 5);\n\t\t}\n\n\t\t// tooltip - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY - pointerLayout.height - tooltip.offsetHeight);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY + 2 * pointerLayout.height);\n\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\tlet tooltipTop = mouseY - tooltip.offsetHeight / 2;\n\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < tooltipTop) {\n\t\t\t\ttooltipTop = viewPortHeight - tooltip.offsetHeight; // hitting bottom border\n\t\t\t} else if (tooltipTop < 0) {\n\t\t\t\ttooltipTop = 2; // hitting top border\n\t\t\t}\n\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t}\n\n\t\t// pointer - left correction\n\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.left = this.getStyleValue(mouseX - tooltip.getBoundingClientRect().left - pointerLayout.width / 2);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t}\n\n\t\t// pointer - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.top = \"-11px\";\n\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\tpointer.style.top = this.getStyleValue(mouseY - tooltip.getBoundingClientRect().top - pointerLayout.height / 2);\n\t\t}\n\t}\n\n\tisOutOfBounds(tooltip) {\n\t\tconst tooltipLeft = parseFloat(tooltip.style.left);\n\t\tconst tooltipTop = parseFloat(tooltip.style.top);\n\t\treturn (((tooltipLeft + tooltip.offsetWidth) > document.documentElement.clientWidth) || // to the right\n\t\t\t\t(tooltipLeft < 0) || // to the left\n\t\t\t\t(tooltipTop < 0) || // to the top\n\t\t\t\t((tooltipTop + tooltip.offsetHeight) > document.documentElement.clientHeight)); // to the bottom\n\t}\n\n\ttoggleTooltipOnClick(evt) {\n\t\t// 'blur' event occurs before 'click' event. Because of this, onBlur function is called which hides the tooltip.\n\t\t// To prevent this default behavior, stopPropagation and preventDefault is used.\n\t\tevt.stopPropagation();\n\t\tevt.preventDefault();\n\t\tif (this.state.isTooltipVisible) {\n\t\t\t// Tooltip is visible and user clicks on trigger element again, hide tooltip\n\t\t\tthis.setTooltipVisible(false);\n\t\t} else {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\thideTooltipOnScrollAndResize(evt) {\n\t\tif (this.state.isTooltipVisible) {\n\t\t\tthis.setTooltipVisible(false);\n\t\t}\n\t}\n\n\trender() {\n\t\tlet tooltipContent = null;\n\t\tlet triggerContent = null;\n\t\tif (this.props.children) {\n\t\t\t// when children are passed in, tooltip will handle show/hide, otherwise consumer has to hide show/hide tooltip\n\t\t\tconst mouseover = () => this.setTooltipVisible(true);\n\t\t\tconst mouseleave = () => this.setTooltipVisible(false);\n\t\t\tconst mousedown = () => this.setTooltipVisible(false);\n\t\t\t// `focus` event occurs before `click`. Adding timeout in onFocus function to ensure click is executed first.\n\t\t\t// Ref - https://stackoverflow.com/a/49512400\n\t\t\tconst onKeyDown = (evt) => this.setKeyPressed(evt);\n\t\t\tconst onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = (evt) => {\n\t\t\t\t// Close the tooltip if tab is click\n\t\t\t\tif (this.tabKeyPressed) {\n\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\tthis.tabKeyPressed = false;\n\t\t\t\t} else {\n\t\t\t\t\t// Check if evt.relatedTarget is a child of .common-canvas-tooltip to set tooltip visible when clicked on link\n\t\t\t\t\tconst el = evt?.relatedTarget?.closest(\".common-canvas-tooltip\");\n\t\t\t\t\tif (el?.tagName?.toLowerCase() === \"div\") {\n\t\t\t\t\t\tthis.setTooltipVisible(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Close the tooltip if evt.relatedTarget is not a child of .common-canvas-tooltip\n\t\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={`${this.uuid}-${this.props.id}-trigger`}\n\t\t\t\tclassName=\"tooltip-trigger\"\n\t\t\t\tonMouseOver={!this.props.showToolTipOnClick ? mouseover : null}\n\t\t\t\tonMouseLeave={!this.props.showToolTipOnClick ? mouseleave : null}\n\t\t\t\tonMouseDown={!this.props.showToolTipOnClick ? mousedown : null}\n\t\t\t\tonClick={this.props.showToolTipOnClick ? click : null}\n\t\t\t\tonFocus={this.props.showToolTipOnClick ? onFocus : null} // When focused using keyboard\n\t\t\t\tonBlur={this.props.showToolTipOnClick ? onBlur : null}\n\t\t\t\tonKeyDown={this.props.showToolTipOnClick ? onKeyDown : null}\n\t\t\t\ttabIndex={this.props.showToolTipOnClick ? 0 : null}\n\t\t\t\trole={this.props.showToolTipOnClick ? \"button\" : null}\n\t\t\t\taria-labelledby={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\taria-expanded={this.props.showToolTipOnClick ? this.state.isTooltipVisible : null}\n\t\t\t\taria-controls={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\tref={(ref) => (this.triggerRef = ref)}\n\t\t\t>\n\t\t\t\t{this.props.children}\n\t\t\t</div>);\n\t\t}\n\n\t\tif ((typeof this.props.tip) === \"string\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<span className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</span>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"object\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<div className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"function\") {\n\t\t\ttooltipContent = this.props.tip();\n\t\t}\n\n\t\tlet tipClass = \"common-canvas-tooltip\";\n\t\tif (this.props.className) {\n\t\t\ttipClass += \" \" + this.props.className;\n\t\t}\n\n\t\tlet link = null;\n\t\tif (this.state.isTooltipVisible && this.props.tooltipLinkHandler && this.props.link) {\n\t\t\tconst linkInformation = this.props.tooltipLinkHandler(this.props.link);\n\t\t\t// Verify tooltipLinkHandler returns object in correct format\n\t\t\tif (typeof linkInformation === \"object\" && linkInformation.label && linkInformation.url) {\n\t\t\t\tlink = (<Link\n\t\t\t\t\tclassName=\"tooltip-link\"\n\t\t\t\t\tid={this.props.link.id}\n\t\t\t\t\thref={linkInformation.url}\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener\"\n\t\t\t\t\tvisited={false}\n\t\t\t\t>\n\t\t\t\t\t{linkInformation.label}\n\t\t\t\t</Link>);\n\t\t\t}\n\t\t}\n\n\t\tlet tooltip = null;\n\t\tif (tooltipContent || link) {\n\t\t\ttooltip = (\n\t\t\t\t<Portal>\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tid={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tdata-id={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tclassName={tipClass}\n\t\t\t\t\t\taria-hidden={!this.state.isTooltipVisible}\n\t\t\t\t\t\tdirection={this.props.direction}\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg className=\"tipArrow\" x=\"0px\" y=\"0px\" viewBox=\"0 0 9.1 16.1\">\n\t\t\t\t\t\t\t<polyline points=\"9.1,15.7 1.4,8.1 9.1,0.5\" />\n\t\t\t\t\t\t\t<polygon points=\"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t{tooltipContent}\n\t\t\t\t\t\t{link}\n\t\t\t\t\t</div>\n\t\t\t\t</Portal>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t{tooltip}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]).isRequired,\n\tlink: PropTypes.object,\n\ttooltipLinkHandler: PropTypes.func,\n\tdirection: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n\tchildren: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\ttargetObj: PropTypes.object,\n\tid: PropTypes.string.isRequired,\n\tclassName: PropTypes.string,\n\tmousePos: PropTypes.object,\n\tdisable: PropTypes.bool, // Tooltip will not show if disabled\n\tshowToolTipIfTruncated: PropTypes.bool, // Set to true to only display tooltip if full text does not fit in displayable width\n\ttruncatedRef: PropTypes.object,\n\tdelay: PropTypes.number,\n\tshowToolTipOnClick: PropTypes.bool\n};\n\nToolTip.defaultProps = {\n\tdelay: 200,\n\tdirection: \"bottom\",\n\tshowToolTipIfTruncated: false, // False will always show Tooltip even when whole word can be displayed\n\tshowToolTipOnClick: false\n};\n\nexport default ToolTip;\n"],"names":["ToolTip","_React$Component","props","_this","_classCallCheck","_callSuper","state","isTooltipVisible","uuid","uuid4","pendingTooltip","hideTooltipOnScrollAndResize","bind","_assertThisInitialized","tabKeyPressed","_inherits","_createClass","key","value","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","concat","id","tooltipTrigger","updateTooltipLayout","getAttribute","evt","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","triggerElem","truncatedRef","fullWidth","firstChild","scrollWidth","childWidth","offsetWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","offsetLeft","Math","round","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","stopPropagation","preventDefault","_this2","tooltipContent","triggerContent","children","React","createElement","className","onMouseOver","showToolTipOnClick","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","_evt$relatedTarget","_el$tagName","el","relatedTarget","closest","tagName","toLowerCase","onKeyDown","setKeyPressed","tabIndex","role","ref","tip","_typeof","tipClass","link","tooltipLinkHandler","linkInformation","label","url","Link","href","target","rel","visited","Portal","viewBox","points","Component","defaultProps"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*\n\tThis code is a modified version from portal-common-api for the Elyra canvas tooltips\n*/\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Portal } from \"react-portal\";\nimport { Link } from \"carbon-components-react\";\nimport { v4 as uuid4 } from \"uuid\";\n\nclass ToolTip extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisTooltipVisible: false\n\t\t};\n\t\tthis.uuid = uuid4();\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\n\t\tthis.tabKeyPressed = false;\n\t}\n\n\tcomponentDidMount() {\n\t\twindow.addEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.addEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.props.targetObj) {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\twindow.removeEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.removeEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.pendingTooltip) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t}\n\t}\n\n\tsetTooltipVisible(visible) {\n\t\t// clear the display timer if set\n\t\tif (!this.showTooltip() || (!visible && this.pendingTooltip)) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: false\n\t\t\t});\n\t\t}\n\n\n\t\tif (this.showTooltip()) {\n\t\t\tconst tooltip = document.querySelector(`[data-id='${this.uuid}-${this.props.id}']`);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: visible\n\t\t\t});\n\t\t\t// updates the tooltip display\n\t\t\tif (visible) {\n\t\t\t\tlet tooltipTrigger = null;\n\t\t\t\tif (this.props.targetObj) {\n\t\t\t\t\ttooltipTrigger = this.props.targetObj;\n\t\t\t\t} else {\n\t\t\t\t\ttooltipTrigger = document.querySelector(`[data-id='${this.uuid}-${this.props.id}-trigger']`);\n\t\t\t\t}\n\t\t\t\tif (tooltipTrigger && tooltip) {\n\t\t\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, tooltip.getAttribute(\"direction\"));\n\t\t\t\t}\n\n\t\t\t\tconst linkElement = this.targetRef.querySelector(\"a\");\n\n\t\t\t\t// Focus on link when tooltip with link is opened\n\t\t\t\tif (linkElement) {\n\t\t\t\t\tlinkElement.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tsetKeyPressed(evt) {\n\t\tif (evt.key === \"Tab\") {\n\t\t\tthis.tabKeyPressed = true;\n\t\t}\n\t\tif (evt.key === \"Escape\") {\n\t\t\tthis.triggerRef.focus();\n\t\t\tthis.setTooltipVisible(false);\n\t\t}\n\t}\n\n\tgetStyleValue(value) {\n\t\treturn value + \"px\";\n\t}\n\n\tgetNewDirection(currentDirection) {\n\t\tlet newDirection;\n\t\tswitch (currentDirection) {\n\t\tcase \"top\":\n\t\t\tnewDirection = \"bottom\";\n\t\t\tbreak;\n\t\tcase \"bottom\":\n\t\t\tnewDirection = \"top\";\n\t\t\tbreak;\n\t\tcase \"left\":\n\t\t\tnewDirection = \"right\";\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tnewDirection = \"left\";\n\t\t}\n\t\treturn newDirection;\n\t}\n\n\tshowTooltip() {\n\t\tconst canDisplayFullText = this.canDisplayFullText(this.triggerRef);\n\t\tconst showToolTip = (\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is false\n\t\t\t(!this.props.disable && !this.props.showToolTipIfTruncated) ||\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is true and string is truncated\n\t\t\t(!this.props.disable && this.props.showToolTipIfTruncated && !canDisplayFullText));\n\t\treturn showToolTip;\n\t}\n\n\t// Return true if the string can be displayed in the available space\n\t// Return false if the string is truncated and ellipsis is shown on the UI\n\t// (offsetWidth) is a measurement in pixels of the element's CSS width, including any borders, padding, and vertical scrollbars\n\t// (scrollWidth) value is equal to the minimum width the element would require\n\t//  in order to fit all the content in the viewport without using a horizontal scrollbar\n\tcanDisplayFullText(elem) {\n\t\tconst triggerElem = this.props.truncatedRef ? this.props.truncatedRef : elem;\n\t\tif (triggerElem) {\n\t\t\tconst fullWidth = triggerElem.firstChild && triggerElem.firstChild.scrollWidth && triggerElem.firstChild.scrollWidth !== 0 ? triggerElem.firstChild.scrollWidth\n\t\t\t\t: triggerElem.scrollWidth;\n\t\t\tconst childWidth = triggerElem.firstChild && triggerElem.firstChild.offsetWidth && triggerElem.firstChild.offsetWidth || 0;\n\t\t\t// need different handling when content is within a span vs div\n\t\t\tconst displayWidth = childWidth !== 0 && childWidth < triggerElem.offsetWidth ? childWidth : triggerElem.offsetWidth;\n\t\t\tconst canDisplayFullText = fullWidth <= displayWidth;\n\t\t\treturn canDisplayFullText;\n\t\t}\n\t\treturn false; // Show tooltip if we cannot read the width (Canvas objects)\n\t}\n\n\tshowTooltipWithDelay() {\n\n\t\t// set a delay on displaying the tooltip\n\t\tif (!this.pendingTooltip && this.showTooltip()) {\n\t\t\tconst that = this;\n\t\t\tthis.pendingTooltip = setTimeout(function() {\n\t\t\t\tthat.setTooltipVisible(true);\n\t\t\t}, this.props.delay);\n\t\t}\n\n\t}\n\n\tupdateTooltipLayout(tooltip, tooltipTrigger, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst triggerLayout = tooltipTrigger.getBoundingClientRect();\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\t// always initialize tooltip location so it's all visible to ensure adjustments are done on the right size\n\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left);\n\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top);\n\n\t\tif (this.props.mousePos) {\n\t\t\tthis.updateLocationBasedOnMousePos(tooltip, this.props.mousePos, direction);\n\t\t} else { // tooltip relativ to element\n\t\t\t// tooltip - left correction\n\t\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\t\tlet tooltipLeft = triggerLayout.left;\n\t\t\t\tif (tooltip.offsetWidth > triggerLayout.width) {\n\t\t\t\t\ttooltipLeft -= (tooltip.offsetWidth - triggerLayout.width) / 2; // distribute overlap evenly left and right\n\t\t\t\t\tif (tooltipLeft < 0) {\n\t\t\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetWidth < triggerLayout.width) {\n\t\t\t\t\ttooltipLeft += (triggerLayout.width - tooltip.offsetWidth) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t\t\tif ((tooltipLeft + tooltip.offsetWidth) > viewPortWidth) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(viewPortWidth - tooltip.offsetWidth); // hitting right border\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\t// For long tooltips, tooltip.offsetWidth is updated after setting tooltip.style.left. Ensure tooltip doesn't overlap tooltipTrigger element.\n\t\t\t\twhile ((tooltip.offsetLeft + tooltip.offsetWidth + pointerLayout.width) > Math.round(triggerLayout.left)) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.right + pointerLayout.width);\n\t\t\t}\n\n\t\t\t// tooltip - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top - pointerLayout.height - tooltip.offsetHeight);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.bottom + pointerLayout.height);\n\t\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\t\tlet tooltipTop = triggerLayout.top;\n\t\t\t\tif (tooltip.offsetHeight > triggerLayout.height) {\n\t\t\t\t\ttooltipTop -= (tooltip.offsetHeight - triggerLayout.height) / 2; // distribute overlap evenly top and bottom\n\t\t\t\t\tif (tooltipTop < 0) {\n\t\t\t\t\t\ttooltipTop = triggerLayout.top; // hitting top border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetHeight < triggerLayout.height) {\n\t\t\t\t\ttooltipTop += (triggerLayout.height - tooltip.offsetHeight) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < triggerLayout.top) {\n\t\t\t\t\ttooltip.style.top = this.getStyleValue(viewPortHeight - tooltip.offsetHeight); // hitting bottom border\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// pointer - left correction\n\t\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(triggerLayout.left - tooltip.getBoundingClientRect().left +\n\t\t\t\t\ttooltipTrigger.getBoundingClientRect().width / 2 - pointerLayout.width / 2\t + pointerCorrection);\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t\t}\n\n\t\t\t// pointer - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.top = \"-11px\";\n\t\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(triggerLayout.top - tooltip.getBoundingClientRect().top +\n\t\t\t\t\ttooltipTrigger.offsetHeight / 2 - pointerLayout.height / 2);\n\t\t\t}\n\t\t}\n\n\t\t// check if out-of-bounds at the end and if so, trigger new layout on opposite site if not already re-rendered already\n\t\tif (this.isOutOfBounds(tooltip) && tooltip.getAttribute(\"direction\") === tooltipDirection) {\n\t\t\tconst newDirection = this.getNewDirection(tooltipDirection);\n\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, newDirection);\n\t\t\t// update class name directly, otherwise setState triggers re-render loop in canvas\n\t\t\t// also call after updateTooltipLayout, otherwise the newDirection and class of trigger are the same\n\t\t\ttooltip.setAttribute(\"direction\", newDirection);\n\t\t\treturn;\n\t\t}\n\t}\n\n\tupdateLocationBasedOnMousePos(tooltip, mousePos, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\tconst mouseX = this.props.mousePos.x;\n\t\tconst mouseY = this.props.mousePos.y;\n\t\t// if mouse position is passed in, use the cursor as reference point\n\n\t\t// tooltip - left correction\n\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\tlet tooltipLeft = mouseX - tooltip.offsetWidth / 2;\n\t\t\tif ((viewPortWidth - tooltip.offsetWidth) < tooltipLeft) {\n\t\t\t\ttooltipLeft = viewPortWidth - tooltip.offsetWidth; // hitting right border\n\t\t\t} else if (tooltipLeft < 0) {\n\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t}\n\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX - tooltip.offsetWidth - pointerLayout.width - 5);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX + pointerLayout.width + 5);\n\t\t}\n\n\t\t// tooltip - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY - pointerLayout.height - tooltip.offsetHeight);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY + 2 * pointerLayout.height);\n\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\tlet tooltipTop = mouseY - tooltip.offsetHeight / 2;\n\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < tooltipTop) {\n\t\t\t\ttooltipTop = viewPortHeight - tooltip.offsetHeight; // hitting bottom border\n\t\t\t} else if (tooltipTop < 0) {\n\t\t\t\ttooltipTop = 2; // hitting top border\n\t\t\t}\n\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t}\n\n\t\t// pointer - left correction\n\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.left = this.getStyleValue(mouseX - tooltip.getBoundingClientRect().left - pointerLayout.width / 2);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t}\n\n\t\t// pointer - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.top = \"-11px\";\n\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\tpointer.style.top = this.getStyleValue(mouseY - tooltip.getBoundingClientRect().top - pointerLayout.height / 2);\n\t\t}\n\t}\n\n\tisOutOfBounds(tooltip) {\n\t\tconst tooltipLeft = parseFloat(tooltip.style.left);\n\t\tconst tooltipTop = parseFloat(tooltip.style.top);\n\t\treturn (((tooltipLeft + tooltip.offsetWidth) > document.documentElement.clientWidth) || // to the right\n\t\t\t\t(tooltipLeft < 0) || // to the left\n\t\t\t\t(tooltipTop < 0) || // to the top\n\t\t\t\t((tooltipTop + tooltip.offsetHeight) > document.documentElement.clientHeight)); // to the bottom\n\t}\n\n\ttoggleTooltipOnClick(evt) {\n\t\t// 'blur' event occurs before 'click' event. Because of this, onBlur function is called which hides the tooltip.\n\t\t// To prevent this default behavior, stopPropagation and preventDefault is used.\n\t\tevt.stopPropagation();\n\t\tevt.preventDefault();\n\n\t\t// When tooltip with link is closed and another tooltip is opened newly opened tooltip should have focus.\n\t\tthis.triggerRef.focus();\n\t\tif (this.state.isTooltipVisible) {\n\t\t\t// Tooltip is visible and user clicks on trigger element again, hide tooltip\n\t\t\tthis.setTooltipVisible(false);\n\t\t} else {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\thideTooltipOnScrollAndResize(evt) {\n\t\tif (this.state.isTooltipVisible) {\n\t\t\tthis.setTooltipVisible(false);\n\t\t}\n\t}\n\n\trender() {\n\t\tlet tooltipContent = null;\n\t\tlet triggerContent = null;\n\t\tif (this.props.children) {\n\t\t\t// when children are passed in, tooltip will handle show/hide, otherwise consumer has to hide show/hide tooltip\n\t\t\tconst mouseover = () => this.setTooltipVisible(true);\n\t\t\tconst mouseleave = () => this.setTooltipVisible(false);\n\t\t\tconst mousedown = () => this.setTooltipVisible(false);\n\t\t\t// `focus` event occurs before `click`. Adding timeout in onFocus function to ensure click is executed first.\n\t\t\t// Ref - https://stackoverflow.com/a/49512400\n\t\t\tconst onKeyDown = (evt) => this.setKeyPressed(evt);\n\t\t\tconst onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = (evt) => {\n\t\t\t\t// Close the tooltip if tab is click\n\t\t\t\tif (this.tabKeyPressed) {\n\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\tthis.tabKeyPressed = false;\n\t\t\t\t} else {\n\t\t\t\t\t// Check if evt.relatedTarget is a child of .common-canvas-tooltip to set tooltip visible when clicked on link\n\t\t\t\t\tconst el = evt?.relatedTarget?.closest(\".common-canvas-tooltip\");\n\t\t\t\t\tif (el?.tagName?.toLowerCase() === \"div\") {\n\t\t\t\t\t\tthis.setTooltipVisible(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Close the tooltip if evt.relatedTarget is not a child of .common-canvas-tooltip\n\t\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={`${this.uuid}-${this.props.id}-trigger`}\n\t\t\t\tclassName=\"tooltip-trigger\"\n\t\t\t\tonMouseOver={!this.props.showToolTipOnClick ? mouseover : null}\n\t\t\t\tonMouseLeave={!this.props.showToolTipOnClick ? mouseleave : null}\n\t\t\t\tonMouseDown={!this.props.showToolTipOnClick ? mousedown : null}\n\t\t\t\tonClick={this.props.showToolTipOnClick ? click : null}\n\t\t\t\tonFocus={this.props.showToolTipOnClick ? onFocus : null} // When focused using keyboard\n\t\t\t\tonBlur={this.props.showToolTipOnClick ? onBlur : null}\n\t\t\t\tonKeyDown={this.props.showToolTipOnClick ? onKeyDown : null}\n\t\t\t\ttabIndex={this.props.showToolTipOnClick ? 0 : null}\n\t\t\t\trole={this.props.showToolTipOnClick ? \"button\" : null}\n\t\t\t\taria-labelledby={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\taria-expanded={this.props.showToolTipOnClick ? this.state.isTooltipVisible : null}\n\t\t\t\taria-controls={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\tref={(ref) => (this.triggerRef = ref)}\n\t\t\t>\n\t\t\t\t{this.props.children}\n\t\t\t</div>);\n\t\t}\n\n\t\tif ((typeof this.props.tip) === \"string\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<span className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</span>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"object\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<div className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"function\") {\n\t\t\ttooltipContent = this.props.tip();\n\t\t}\n\n\t\tlet tipClass = \"common-canvas-tooltip\";\n\t\tif (this.props.className) {\n\t\t\ttipClass += \" \" + this.props.className;\n\t\t}\n\t\tlet linkClicked = false;\n\t\tlet link = null;\n\t\tif (this.state.isTooltipVisible && this.props.tooltipLinkHandler && this.props.link) {\n\t\t\tconst linkInformation = this.props.tooltipLinkHandler(this.props.link);\n\t\t\t// Verify tooltipLinkHandler returns object in correct format\n\t\t\tif (typeof linkInformation === \"object\" && linkInformation.label && linkInformation.url) {\n\t\t\t\tlink = (<div\n\t\t\t\t\tref={(ref) => (this.linkRef = ref)}\n\t\t\t\t\tonKeyDown={(evt) => {\n\t\t\t\t\t\tevt.stopPropagation();\n\t\t\t\t\t\tevt.preventDefault();\n\n\t\t\t\t\t\t// When 'Esc' is pressed shift the focus to tooltip icon so that user can navigate following elements.\n\t\t\t\t\t\tif (evt.key === \"Escape\") {\n\t\t\t\t\t\t\tthis.triggerRef.focus();\n\t\t\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\t\t} else if (evt.key === \"Enter\") { // Open active/highlighted link when Enter or Return is clicked.\n\t\t\t\t\t\t\tconst focusedElement = this.linkRef.children[0];\n\t\t\t\t\t\t\tif (focusedElement) {\n\t\t\t\t\t\t\t\twindow.open(focusedElement, \"_blank\");\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\tif (linkClicked) { // Keep tooltip open when link is clicked\n\t\t\t\t\t\t\tthis.setTooltipVisible(true);\n\t\t\t\t\t\t} else { // Close the tooltip and shift focus to tooltip icon\n\t\t\t\t\t\t\tthis.triggerRef.focus();\n\t\t\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tlinkClicked = true;\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Link\n\t\t\t\t\t\tclassName=\"tooltip-link\"\n\t\t\t\t\t\tid={this.props.link.id}\n\t\t\t\t\t\thref={linkInformation.url}\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener\"\n\t\t\t\t\t\tvisited={false}\n\t\t\t\t\t>\n\t\t\t\t\t\t{linkInformation.label}\n\t\t\t\t\t</Link>\n\t\t\t\t</div>);\n\t\t\t}\n\t\t}\n\n\t\tlet tooltip = null;\n\t\tif (tooltipContent || link) {\n\t\t\ttooltip = (\n\t\t\t\t<Portal>\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tid={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tdata-id={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tclassName={tipClass}\n\t\t\t\t\t\taria-hidden={!this.state.isTooltipVisible}\n\t\t\t\t\t\tdirection={this.props.direction}\n\t\t\t\t\t\tref={(ref) => (this.targetRef = ref)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg className=\"tipArrow\" x=\"0px\" y=\"0px\" viewBox=\"0 0 9.1 16.1\">\n\t\t\t\t\t\t\t<polyline points=\"9.1,15.7 1.4,8.1 9.1,0.5\" />\n\t\t\t\t\t\t\t<polygon points=\"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t{tooltipContent}\n\t\t\t\t\t\t{link}\n\t\t\t\t\t</div>\n\t\t\t\t</Portal>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t{tooltip}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]).isRequired,\n\tlink: PropTypes.object,\n\ttooltipLinkHandler: PropTypes.func,\n\tdirection: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n\tchildren: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\ttargetObj: PropTypes.object,\n\tid: PropTypes.string.isRequired,\n\tclassName: PropTypes.string,\n\tmousePos: PropTypes.object,\n\tdisable: PropTypes.bool, // Tooltip will not show if disabled\n\tshowToolTipIfTruncated: PropTypes.bool, // Set to true to only display tooltip if full text does not fit in displayable width\n\ttruncatedRef: PropTypes.object,\n\tdelay: PropTypes.number,\n\tshowToolTipOnClick: PropTypes.bool\n};\n\nToolTip.defaultProps = {\n\tdelay: 200,\n\tdirection: \"bottom\",\n\tshowToolTipIfTruncated: false, // False will always show Tooltip even when whole word can be displayed\n\tshowToolTipOnClick: false\n};\n\nexport default ToolTip;\n"],"names":["ToolTip","_React$Component","props","_this","_classCallCheck","_callSuper","state","isTooltipVisible","uuid","uuid4","pendingTooltip","hideTooltipOnScrollAndResize","bind","tabKeyPressed","_inherits","_createClass","key","value","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","concat","id","tooltipTrigger","updateTooltipLayout","getAttribute","linkElement","targetRef","focus","evt","triggerRef","currentDirection","newDirection","canDisplayFullText","disable","showToolTipIfTruncated","elem","triggerElem","truncatedRef","fullWidth","firstChild","scrollWidth","childWidth","offsetWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","offsetLeft","Math","round","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","stopPropagation","preventDefault","_this2","tooltipContent","triggerContent","children","React","createElement","className","onMouseOver","showToolTipOnClick","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","_evt$relatedTarget","_el$tagName","el","relatedTarget","closest","tagName","toLowerCase","onKeyDown","setKeyPressed","tabIndex","role","ref","tip","_typeof","tipClass","linkClicked","link","tooltipLinkHandler","linkInformation","label","url","linkRef","focusedElement","open","Link","href","target","rel","visited","Portal","viewBox","points","Component","defaultProps"],"mappings":"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"}