@elyra/canvas 12.9.0 → 12.10.0

package/dist/lib/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../src/context-menu/common-context-menu.jsx","../../src/context-menu/context-menu-wrapper.jsx"],"sourcesContent":["/*\n * Copyright 2017-2020 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/* eslint no-empty-function: [\"error\", { \"allow\": [\"arrowFunctions\"] }] */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { MenuItem, SubMenu } from \"react-contextmenu\";\nimport Icon from \"../icons/icon.jsx\";\nimport { CONTEXT_MENU_CARBON_ICONS } from \"../common-canvas/constants/canvas-constants\";\n\n// context-menu sizing\nconst CONTEXT_MENU_WIDTH = 160; // see context-menu.css .react-context-menu margin\nconst CONTEXT_MENU_LINK_HEIGHT = 30; // see context-menu.css .react-context-menu-item height\nconst CONTEXT_MENU_DIVIDER_HEIGHT = 1; // see context-menu.css .react-context-menu-item height\nconst EXTRA_OFFSET = 5; // Extra offset for vertical menu positioning\n\n\nclass CommonContextMenu extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\t\tthis.itemSelected = this.itemSelected.bind(this);\n\t}\n\n\tonContextMenu(e) {\n\t\te.preventDefault();\n\t}\n\n\titemSelected(data, selectedEvent) {\n\t\tthis.props.contextHandler(data);\n\t\t// This stops the canvasClicked function from being fired which would\n\t\t// clear any current selections.\n\t\tif (selectedEvent) {\n\t\t\tselectedEvent.stopPropagation();\n\t\t}\n\t}\n\n\tcalculateMenuSize(menu) {\n\t\tvar numDividers = 0;\n\t\tfor (let i = 0; i < menu.length; ++i) {\n\t\t\tconst divider = menu[i].divider;\n\t\t\tif (divider) {\n\t\t\t\tnumDividers++;\n\t\t\t}\n\t\t}\n\n\t\tvar menuSize = {\n\t\t\theight: ((menu.length - numDividers) * CONTEXT_MENU_LINK_HEIGHT) + (numDividers * CONTEXT_MENU_DIVIDER_HEIGHT),\n\t\t\twidth: CONTEXT_MENU_WIDTH\n\t\t};\n\n\t\treturn menuSize;\n\t}\n\n\t// Returns a new position and the canvas rectangle for the context menu based on the current\n\t// mouse position and whether the menu would appear outside the edges of the page.\n\tcalculateMenuPos(mousePos, menuSize, canvasRect) {\n\t\tconst menuPos = { x: mousePos.x, y: mousePos.y };\n\n\t\t// Reposition contextMenu if it will show off the bottom of the page\n\t\tif (mousePos.y + menuSize.height > canvasRect.height) {\n\t\t\tmenuPos.y = canvasRect.height - menuSize.height - EXTRA_OFFSET; // Move up by extra offset so it looks nice\n\n\t\t\t// If repositioning the menu would push it off the top of the page\n\t\t\t// (in very short browser windows) position it at the top.\n\t\t\tif (menuPos.y < 0) {\n\t\t\t\tmenuPos.y = 0;\n\t\t\t}\n\t\t}\n\n\t\t// Reposition contextMenu if it will show off the right of the page\n\t\tif (mousePos.x + menuSize.width > canvasRect.width) {\n\t\t\tmenuPos.x -= menuSize.width;\n\t\t}\n\n\t\treturn menuPos;\n\t}\n\n\tareAllSubmenuItemsDisabled(submenuItems) {\n\t\tlet itemCount = 0;\n\t\tlet disabledCount = 0;\n\t\tsubmenuItems.forEach(function(submenuItem) {\n\t\t\tif (!submenuItem.divider) {\n\t\t\t\titemCount++;\n\t\t\t}\n\t\t\tif (submenuItem.enable === false) {\n\t\t\t\tdisabledCount++;\n\t\t\t}\n\t\t});\n\t\treturn disabledCount === itemCount;\n\t}\n\n\tbuildMenu(menuDefinition, menuSize, menuPos, canvasRect) {\n\t\tconst customDivider = {\n\t\t\tclassName: \"contextmenu-divider\"\n\t\t};\n\n\t\tconst menuItems = [];\n\n\t\tlet runningYPos = 0;\n\n\t\tfor (let i = 0; i < menuDefinition.length; ++i) {\n\t\t\tconst divider = menuDefinition[i].divider;\n\t\t\tconst submenu = menuDefinition[i].submenu;\n\n\t\t\tif (divider) {\n\t\t\t\tmenuItems.push(<MenuItem attributes={customDivider} key={i + 1} onClick={() => {}} divider />);\n\t\t\t\trunningYPos += CONTEXT_MENU_DIVIDER_HEIGHT;\n\n\t\t\t} else if (submenu) {\n\t\t\t\tconst submenuItems = this.buildMenu(menuDefinition[i].menu, menuSize, menuPos, canvasRect);\n\t\t\t\tconst disabled = { disabled: this.areAllSubmenuItemsDisabled(menuDefinition[i].menu) };\n\t\t\t\tconst submenuSize = this.calculateMenuSize(menuDefinition[i].menu);\n\t\t\t\tlet rtl = false;\n\n\t\t\t\t// Ensure that the combined menu position, plus the menu width,\n\t\t\t\t//  plus the submenu width, does not exceed the viewport bounds.\n\t\t\t\tif (menuPos.x + menuSize.width + submenuSize.width > canvasRect.right) {\n\t\t\t\t\trtl = true;\n\t\t\t\t}\n\n\t\t\t\t// Does the submenu go below the bottom of the viewport?\n\t\t\t\tconst y = canvasRect.bottom - (menuPos.y + runningYPos + submenuSize.height);\n\n\t\t\t\t// If submenu is not below the viewport bottom set offset to 0 so the\n\t\t\t\t// submenu will not be moved. Otherwise, y will be used to move the\n\t\t\t\t// submenu up fully into the view port.\n\t\t\t\tconst offset = (y > 0) ? 0 : y - EXTRA_OFFSET;\n\n\t\t\t\tconst subMenuPosStyle = {\n\t\t\t\t\ttop: offset + \"px\" // Use negative to push the menu up\n\t\t\t\t};\n\n\t\t\t\tconst icon = <Icon type={CONTEXT_MENU_CARBON_ICONS.CHEVRONARROWS.RIGHT} disabled={false} className={\"react-contextmenu-submenu-icon\"} />;\n\t\t\t\tconst menuItem = <div>{menuDefinition[i].label}{icon} </div>;\n\n\t\t\t\tmenuItems.push(\n\t\t\t\t\t<SubMenu title={menuItem} key={i + 1} className=\"contextmenu-submenu\" rtl={rtl} {...disabled}>\n\t\t\t\t\t\t<div key={i + 1} style={subMenuPosStyle} className=\"context-menu-popover\">\n\t\t\t\t\t\t\t{submenuItems}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SubMenu>\n\t\t\t\t);\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t} else {\n\t\t\t\tconst disabled = { disabled: menuDefinition[i].enable === false };\n\t\t\t\tmenuItems.push(\n\t\t\t\t\t<MenuItem onClick={this.itemSelected.bind(null, menuDefinition[i].action)} key={i + 1} {...disabled}>\n\t\t\t\t\t\t{menuDefinition[i].label}\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\t\t\t}\n\t\t}\n\t\treturn menuItems;\n\t}\n\n\trender() {\n\t\t// Reposition contextMenu so that it does not show off the screen\n\t\tconst menuSize = this.calculateMenuSize(this.props.menuDefinition);\n\t\tconst menuPos = this.calculateMenuPos(this.props.mousePos, menuSize, this.props.canvasRect);\n\t\tconst posStyle = {\n\t\t\tleft: menuPos.x + \"px\",\n\t\t\ttop: menuPos.y + \"px\"\n\t\t};\n\n\t\tconst menuItems = this.buildMenu(this.props.menuDefinition, menuSize, menuPos, this.props.canvasRect);\n\n\t\treturn (\n\t\t\t<div id=\"context-menu-popover\" className=\"context-menu-popover\" style={posStyle} onContextMenu={this.onContextMenu}>\n\t\t\t\t{menuItems}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nCommonContextMenu.propTypes = {\n\tcontextHandler: PropTypes.func.isRequired,\n\tmenuDefinition: PropTypes.array.isRequired,\n\tcanvasRect: PropTypes.object.isRequired,\n\tmousePos: PropTypes.object.isRequired\n};\n\nexport default CommonContextMenu;\n","/*\n * Copyright 2017-2021 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\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport CommonContextMenu from \"./common-context-menu.jsx\";\n\nconst CONTEXT_MENU_BUTTON = 2;\n\nexport default class ContextMenuWrapper extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\n\t\tthis.contextMenuClicked = this.contextMenuClicked.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\t// Returns an object that describes the dimensions of a rectangle for the\n\t// canvas div with coordinates based on the top left corner of the div. This\n\t// will match the coordinates for the mouse position where the user clicked,\n\t// which is specified in this.props.contextMenuPos object.\n\tgetCanvasRect() {\n\t\tconst containingDiv = document.getElementById(this.props.containingDivId);\n\t\tconst clientRect = containingDiv.getBoundingClientRect();\n\t\tconst canvasRect = {\n\t\t\ttop: 0,\n\t\t\tbottom: clientRect.bottom - clientRect.top,\n\t\t\tleft: 0,\n\t\t\tright: clientRect.right - clientRect.left,\n\t\t\theight: clientRect.height,\n\t\t\twidth: clientRect.width\n\t\t};\n\n\t\treturn canvasRect;\n\t}\n\n\thandleClickOutside(e) {\n\t\t// On Firefox, the context menu gesture emits both a 'context menu' event\n\t\t// and a 'click' event. If the click is processed it causes the\n\t\t// context menu to disappear imediately after it has displayed.\n\t\t// Consequently, when this method is called with the context menu button set\n\t\t// (which indicates one of the additional clicks from Firefox) we just\n\t\t// stop propogation and return. On other browsers we don't get this extra\n\t\t// events.\n\t\t// Also, on Safari, when a user is displaying the context menu with a ctrl-click,\n\t\t// the click is received with a ctrlKey field enabled. So we also ignore that.\n\t\tif (e.button === CONTEXT_MENU_BUTTON || e.ctrlKey) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\t// If the click was anywhere outside the context menu we just close the menu.\n\t\tconst domNode = document.getElementById(\"context-menu-popover\");\n\t\tif (domNode && !domNode.contains(e.target)) {\n\t\t\t// This stop propagation is needed in common canvas so that selected nodes will\n\t\t\t// remain selected even after clicking outside the context menu to close the menu.\n\t\t\tif (this.props.stopPropagation) {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t\tthis.props.closeContextMenu();\n\t\t}\n\t}\n\n\tcontextMenuClicked(action) {\n\t\tthis.props.contextMenuActionHandler(action);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<CommonContextMenu\n\t\t\t\tcontextHandler={this.contextMenuClicked}\n\t\t\t\tmenuDefinition={this.props.contextMenuDef}\n\t\t\t\tcanvasRect={this.getCanvasRect()}\n\t\t\t\tmousePos={this.props.contextMenuPos}\n\t\t\t/>\n\t\t);\n\t}\n}\n\nContextMenuWrapper.propTypes = {\n\tcontextMenuDef: PropTypes.array.isRequired,\n\tcontainingDivId: PropTypes.string.isRequired,\n\tcontextMenuPos: PropTypes.object.isRequired,\n\tcontextMenuActionHandler: PropTypes.func.isRequired,\n\tcloseContextMenu: PropTypes.func.isRequired,\n\tstopPropagation: PropTypes.bool\n};\n"],"names":["CommonContextMenu","props","state","itemSelected","_this","bind","e","preventDefault","data","selectedEvent","contextHandler","stopPropagation","menu","numDividers","i","length","divider","height","width","mousePos","menuSize","canvasRect","menuPos","x","y","submenuItems","itemCount","disabledCount","forEach","submenuItem","enable","menuDefinition","customDivider","className","menuItems","runningYPos","submenu","push","React","MenuItem","attributes","key","onClick","this","buildMenu","disabled","areAllSubmenuItemsDisabled","submenuSize","calculateMenuSize","rtl","right","bottom","subMenuPosStyle","top","icon","Icon","type","CONTEXT_MENU_CARBON_ICONS","CHEVRONARROWS","RIGHT","menuItem","label","SubMenu","title","style","action","calculateMenuPos","posStyle","left","id","onContextMenu","Component","propTypes","PropTypes","func","isRequired","array","object","ContextMenuWrapper","contextMenuClicked","handleClickOutside","document","addEventListener","removeEventListener","clientRect","getElementById","containingDivId","getBoundingClientRect","button","ctrlKey","domNode","contains","target","closeContextMenu","contextMenuActionHandler","contextMenuDef","getCanvasRect","contextMenuPos","string","bool"],"mappings":"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"}
+{"version":3,"file":"context-menu.js","sources":["../../src/context-menu/common-context-menu.jsx","../../src/context-menu/context-menu-wrapper.jsx"],"sourcesContent":["/*\n * Copyright 2017-2022 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/* eslint no-empty-function: [\"error\", { \"allow\": [\"arrowFunctions\"] }] */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { MenuItem, SubMenu } from \"react-contextmenu\";\nimport Icon from \"../icons/icon.jsx\";\nimport { CONTEXT_MENU_CARBON_ICONS } from \"../common-canvas/constants/canvas-constants\";\n\n// context-menu sizing\nconst CONTEXT_MENU_WIDTH = 160; // see context-menu.css .react-context-menu margin\nconst CONTEXT_MENU_LINK_HEIGHT = 30; // see context-menu.css .react-context-menu-item height\nconst CONTEXT_MENU_DIVIDER_HEIGHT = 1; // see context-menu.css .react-context-menu-item height\nconst EXTRA_OFFSET = 5; // Extra offset for vertical menu positioning\n\n\nclass CommonContextMenu extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\t\tthis.itemSelected = this.itemSelected.bind(this);\n\t}\n\n\tonContextMenu(e) {\n\t\te.preventDefault();\n\t}\n\n\titemSelected(data, selectedEvent) {\n\t\tthis.props.contextHandler(data);\n\t\t// This stops the canvasClicked function from being fired which would\n\t\t// clear any current selections.\n\t\tif (selectedEvent) {\n\t\t\tselectedEvent.stopPropagation();\n\t\t}\n\t}\n\n\tcalculateMenuSize(menu) {\n\t\tvar numDividers = 0;\n\t\tfor (let i = 0; i < menu.length; ++i) {\n\t\t\tconst divider = menu[i].divider;\n\t\t\tif (divider) {\n\t\t\t\tnumDividers++;\n\t\t\t}\n\t\t}\n\n\t\tvar menuSize = {\n\t\t\theight: ((menu.length - numDividers) * CONTEXT_MENU_LINK_HEIGHT) + (numDividers * CONTEXT_MENU_DIVIDER_HEIGHT),\n\t\t\twidth: CONTEXT_MENU_WIDTH\n\t\t};\n\n\t\treturn menuSize;\n\t}\n\n\t// Returns a new position and the canvas rectangle for the context menu based on the current\n\t// mouse position and whether the menu would appear outside the edges of the page.\n\tcalculateMenuPos(mousePos, menuSize, canvasRect) {\n\t\tconst menuPos = { x: mousePos.x, y: mousePos.y };\n\n\t\t// Reposition contextMenu if it will show off the bottom of the page\n\t\tif (mousePos.y + menuSize.height > canvasRect.height) {\n\t\t\tmenuPos.y = canvasRect.height - menuSize.height - EXTRA_OFFSET; // Move up by extra offset so it looks nice\n\n\t\t\t// If repositioning the menu would push it off the top of the page\n\t\t\t// (in very short browser windows) position it at the top.\n\t\t\tif (menuPos.y < 0) {\n\t\t\t\tmenuPos.y = 0;\n\t\t\t}\n\t\t}\n\n\t\t// Reposition contextMenu if it will show off the right of the page\n\t\tif (mousePos.x + menuSize.width > canvasRect.width) {\n\t\t\tmenuPos.x -= menuSize.width;\n\t\t}\n\n\t\treturn menuPos;\n\t}\n\n\tareAllSubmenuItemsDisabled(submenuItems) {\n\t\tlet itemCount = 0;\n\t\tlet disabledCount = 0;\n\t\tsubmenuItems.forEach(function(submenuItem) {\n\t\t\tif (!submenuItem.divider) {\n\t\t\t\titemCount++;\n\t\t\t}\n\t\t\tif (submenuItem.enable === false) {\n\t\t\t\tdisabledCount++;\n\t\t\t}\n\t\t});\n\t\treturn disabledCount === itemCount;\n\t}\n\n\tbuildMenu(menuDefinition, menuSize, menuPos, canvasRect) {\n\t\tconst customDivider = {\n\t\t\tclassName: \"contextmenu-divider\"\n\t\t};\n\n\t\tconst menuItems = [];\n\n\t\tlet runningYPos = 0;\n\t\t// Records if we have just displayed a divider. This is useful because we\n\t\t// only want to display one divider if there is a divider element\n\t\t// immediately after another divider element in the menuDefintion array.\n\t\tlet previousDivider = false;\n\n\t\tfor (let i = 0; i < menuDefinition.length; ++i) {\n\t\t\tconst divider = menuDefinition[i].divider;\n\t\t\tconst submenu = menuDefinition[i].submenu;\n\n\t\t\tif (divider) {\n\t\t\t\tif (!previousDivider) {\n\t\t\t\t\tmenuItems.push(<MenuItem attributes={customDivider} key={i + 1} onClick={() => {}} divider />);\n\t\t\t\t\trunningYPos += CONTEXT_MENU_DIVIDER_HEIGHT;\n\t\t\t\t\tpreviousDivider = true;\n\t\t\t\t}\n\n\t\t\t} else if (submenu) {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst submenuItems = this.buildMenu(menuDefinition[i].menu, menuSize, menuPos, canvasRect);\n\t\t\t\tconst disabled = { disabled: this.areAllSubmenuItemsDisabled(menuDefinition[i].menu) };\n\t\t\t\tconst submenuSize = this.calculateMenuSize(menuDefinition[i].menu);\n\t\t\t\tlet rtl = false;\n\n\t\t\t\t// Ensure that the combined menu position, plus the menu width,\n\t\t\t\t//  plus the submenu width, does not exceed the viewport bounds.\n\t\t\t\tif (menuPos.x + menuSize.width + submenuSize.width > canvasRect.right) {\n\t\t\t\t\trtl = true;\n\t\t\t\t}\n\n\t\t\t\t// Does the submenu go below the bottom of the viewport?\n\t\t\t\tconst y = canvasRect.bottom - (menuPos.y + runningYPos + submenuSize.height);\n\n\t\t\t\t// If submenu is not below the viewport bottom set offset to 0 so the\n\t\t\t\t// submenu will not be moved. Otherwise, y will be used to move the\n\t\t\t\t// submenu up fully into the view port.\n\t\t\t\tconst offset = (y > 0) ? 0 : y - EXTRA_OFFSET;\n\n\t\t\t\tconst subMenuPosStyle = {\n\t\t\t\t\ttop: offset + \"px\" // Use negative to push the menu up\n\t\t\t\t};\n\n\t\t\t\tconst icon = <Icon type={CONTEXT_MENU_CARBON_ICONS.CHEVRONARROWS.RIGHT} disabled={false} className={\"react-contextmenu-submenu-icon\"} />;\n\t\t\t\tconst menuItem = <div>{menuDefinition[i].label}{icon} </div>;\n\n\t\t\t\tmenuItems.push(\n\t\t\t\t\t<SubMenu title={menuItem} key={i + 1} className=\"contextmenu-submenu\" rtl={rtl} {...disabled}>\n\t\t\t\t\t\t<div key={i + 1} style={subMenuPosStyle} className=\"context-menu-popover\">\n\t\t\t\t\t\t\t{submenuItems}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SubMenu>\n\t\t\t\t);\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t} else {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = { disabled: menuDefinition[i].enable === false };\n\t\t\t\tmenuItems.push(\n\t\t\t\t\t<MenuItem onClick={this.itemSelected.bind(null, menuDefinition[i].action)} key={i + 1} {...disabled}>\n\t\t\t\t\t\t{menuDefinition[i].label}\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\t\t\t}\n\t\t}\n\t\treturn menuItems;\n\t}\n\n\trender() {\n\t\t// Reposition contextMenu so that it does not show off the screen\n\t\tconst menuSize = this.calculateMenuSize(this.props.menuDefinition);\n\t\tconst menuPos = this.calculateMenuPos(this.props.mousePos, menuSize, this.props.canvasRect);\n\t\tconst posStyle = {\n\t\t\tleft: menuPos.x + \"px\",\n\t\t\ttop: menuPos.y + \"px\"\n\t\t};\n\n\t\tconst menuItems = this.buildMenu(this.props.menuDefinition, menuSize, menuPos, this.props.canvasRect);\n\n\t\treturn (\n\t\t\t<div id=\"context-menu-popover\" className=\"context-menu-popover\" style={posStyle} onContextMenu={this.onContextMenu}>\n\t\t\t\t{menuItems}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nCommonContextMenu.propTypes = {\n\tcontextHandler: PropTypes.func.isRequired,\n\tmenuDefinition: PropTypes.array.isRequired,\n\tcanvasRect: PropTypes.object.isRequired,\n\tmousePos: PropTypes.object.isRequired\n};\n\nexport default CommonContextMenu;\n","/*\n * Copyright 2017-2022 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\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport CommonContextMenu from \"./common-context-menu.jsx\";\n\nconst CONTEXT_MENU_BUTTON = 2;\n\nexport default class ContextMenuWrapper extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\n\t\tthis.contextMenuClicked = this.contextMenuClicked.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\t// Returns an object that describes the dimensions of a rectangle for the\n\t// canvas div with coordinates based on the top left corner of the div. This\n\t// will match the coordinates for the mouse position where the user clicked,\n\t// which is specified in this.props.contextMenuPos object.\n\tgetCanvasRect() {\n\t\tconst containingDiv = document.getElementById(this.props.containingDivId);\n\t\tconst clientRect = containingDiv.getBoundingClientRect();\n\t\tconst canvasRect = {\n\t\t\ttop: 0,\n\t\t\tbottom: clientRect.bottom - clientRect.top,\n\t\t\tleft: 0,\n\t\t\tright: clientRect.right - clientRect.left,\n\t\t\theight: clientRect.height,\n\t\t\twidth: clientRect.width\n\t\t};\n\n\t\treturn canvasRect;\n\t}\n\n\thandleClickOutside(e) {\n\t\t// On Firefox, the context menu gesture emits both a 'context menu' event\n\t\t// and a 'click' event. If the click is processed it causes the\n\t\t// context menu to disappear imediately after it has displayed.\n\t\t// Consequently, when this method is called with the context menu button set\n\t\t// (which indicates one of the additional clicks from Firefox) we just\n\t\t// stop propogation and return. On other browsers we don't get this extra\n\t\t// events.\n\t\t// Also, on Safari, when a user is displaying the context menu with a ctrl-click,\n\t\t// the click is received with a ctrlKey field enabled. So we also ignore that.\n\t\tif (e.button === CONTEXT_MENU_BUTTON || e.ctrlKey) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\t// If the click was anywhere outside the context menu we just close the menu.\n\t\tconst domNode = document.getElementById(\"context-menu-popover\");\n\t\tif (domNode && !domNode.contains(e.target)) {\n\t\t\t// This stop propagation is needed in common canvas so that selected nodes will\n\t\t\t// remain selected even after clicking outside the context menu to close the menu.\n\t\t\tif (this.props.stopPropagation) {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t\tthis.props.closeContextMenu();\n\t\t}\n\t}\n\n\tcontextMenuClicked(action) {\n\t\tthis.props.contextMenuActionHandler(action);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<CommonContextMenu\n\t\t\t\tcontextHandler={this.contextMenuClicked}\n\t\t\t\tmenuDefinition={this.props.contextMenuDef}\n\t\t\t\tcanvasRect={this.getCanvasRect()}\n\t\t\t\tmousePos={this.props.contextMenuPos}\n\t\t\t/>\n\t\t);\n\t}\n}\n\nContextMenuWrapper.propTypes = {\n\tcontextMenuDef: PropTypes.array.isRequired,\n\tcontainingDivId: PropTypes.string.isRequired,\n\tcontextMenuPos: PropTypes.object.isRequired,\n\tcontextMenuActionHandler: PropTypes.func.isRequired,\n\tcloseContextMenu: PropTypes.func.isRequired,\n\tstopPropagation: PropTypes.bool\n};\n"],"names":["CommonContextMenu","props","state","itemSelected","_this","bind","e","preventDefault","data","selectedEvent","contextHandler","stopPropagation","menu","numDividers","i","length","divider","height","width","mousePos","menuSize","canvasRect","menuPos","x","y","submenuItems","itemCount","disabledCount","forEach","submenuItem","enable","menuDefinition","customDivider","className","menuItems","runningYPos","previousDivider","submenu","push","React","MenuItem","attributes","key","onClick","this","buildMenu","disabled","areAllSubmenuItemsDisabled","submenuSize","calculateMenuSize","rtl","right","bottom","subMenuPosStyle","top","icon","Icon","type","CONTEXT_MENU_CARBON_ICONS","CHEVRONARROWS","RIGHT","menuItem","label","SubMenu","title","style","action","calculateMenuPos","posStyle","left","id","onContextMenu","Component","propTypes","PropTypes","func","isRequired","array","object","ContextMenuWrapper","contextMenuClicked","handleClickOutside","document","addEventListener","removeEventListener","clientRect","getElementById","containingDivId","getBoundingClientRect","button","ctrlKey","domNode","contains","target","closeContextMenu","contextMenuActionHandler","contextMenuDef","getCanvasRect","contextMenuPos","string","bool"],"mappings":"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"}

package/dist/lib/properties/field-picker.es.js

@@ -1,2 +1,2 @@
-export{F as default}from"../../index-c21aec1b.js";import"../../createClass-32a0cf0f.js";import"../../getPrototypeOf-97272efe.js";import"../../en-8e5bfa1b.js";import"../../isEmpty-6528e7c8.js";import"react";import"prop-types";import"../../flexible-table-13570aa9.js";import"../../extends-51fe578d.js";import"react-inlinesvg";import"@carbon/icons-react";import"react-intl";import"react-dom";import"carbon-components-react";import"../tooltip.es.js";import"react-portal";import"uuid";import"react-resize-detector";
+export{F as default}from"../../index-1eff5860.js";import"../../createClass-32a0cf0f.js";import"../../getPrototypeOf-97272efe.js";import"../../en-a3710fcf.js";import"../../isEmpty-3550e76f.js";import"react";import"prop-types";import"../../flexible-table-756ff86a.js";import"../../extends-41535aa9.js";import"react-inlinesvg";import"@carbon/icons-react";import"react-intl";import"react-dom";import"carbon-components-react";import"../tooltip.es.js";import"react-portal";import"uuid";import"react-resize-detector";
 //# sourceMappingURL=field-picker.es.js.map

package/dist/lib/properties/field-picker.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../index-7e2e5c97.js");require("../../createClass-6db89a23.js"),require("../../getPrototypeOf-0bf77a9e.js"),require("../../en-3f6094d9.js"),require("../../isEmpty-5d2981b6.js"),require("react"),require("prop-types"),require("../../flexible-table-20276887.js"),require("../../extends-112ec8af.js"),require("react-inlinesvg"),require("@carbon/icons-react"),require("react-intl"),require("react-dom"),require("carbon-components-react"),require("../tooltip.js"),require("react-portal"),require("uuid"),require("react-resize-detector"),module.exports=e.FieldPicker;
+"use strict";var e=require("../../index-7fba99b9.js");require("../../createClass-6db89a23.js"),require("../../getPrototypeOf-0bf77a9e.js"),require("../../en-9e368daa.js"),require("../../isEmpty-c6f783dd.js"),require("react"),require("prop-types"),require("../../flexible-table-2bbb9e48.js"),require("../../extends-76e6b8d2.js"),require("react-inlinesvg"),require("@carbon/icons-react"),require("react-intl"),require("react-dom"),require("carbon-components-react"),require("../tooltip.js"),require("react-portal"),require("uuid"),require("react-resize-detector"),module.exports=e.FieldPicker;
 //# sourceMappingURL=field-picker.js.map

package/dist/lib/properties/flexible-table.es.js

@@ -1,2 +1,2 @@
-import{F as t}from"../../flexible-table-13570aa9.js";export{F as default}from"../../flexible-table-13570aa9.js";import"../../extends-51fe578d.js";import"../../createClass-32a0cf0f.js";import"../../getPrototypeOf-97272efe.js";import"react";import"prop-types";import"react-inlinesvg";import"@carbon/icons-react";import"../../isEmpty-6528e7c8.js";import"react-intl";import"react-dom";import"carbon-components-react";import"../tooltip.es.js";import"react-portal";import"uuid";import"react-resize-detector";
+import{F as t}from"../../flexible-table-756ff86a.js";export{F as default}from"../../flexible-table-756ff86a.js";import"../../extends-41535aa9.js";import"../../createClass-32a0cf0f.js";import"../../getPrototypeOf-97272efe.js";import"react";import"prop-types";import"react-inlinesvg";import"@carbon/icons-react";import"../../isEmpty-3550e76f.js";import"react-intl";import"react-dom";import"carbon-components-react";import"../tooltip.es.js";import"react-portal";import"uuid";import"react-resize-detector";
 //# sourceMappingURL=flexible-table.es.js.map

package/dist/lib/properties/flexible-table.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../flexible-table-20276887.js");require("../../extends-112ec8af.js"),require("../../createClass-6db89a23.js"),require("../../getPrototypeOf-0bf77a9e.js"),require("react"),require("prop-types"),require("react-inlinesvg"),require("@carbon/icons-react"),require("../../isEmpty-5d2981b6.js"),require("react-intl"),require("react-dom"),require("carbon-components-react"),require("../tooltip.js"),require("react-portal"),require("uuid"),require("react-resize-detector"),module.exports=e.FlexibleTable;
+"use strict";var e=require("../../flexible-table-2bbb9e48.js");require("../../extends-76e6b8d2.js"),require("../../createClass-6db89a23.js"),require("../../getPrototypeOf-0bf77a9e.js"),require("react"),require("prop-types"),require("react-inlinesvg"),require("@carbon/icons-react"),require("../../isEmpty-c6f783dd.js"),require("react-intl"),require("react-dom"),require("carbon-components-react"),require("../tooltip.js"),require("react-portal"),require("uuid"),require("react-resize-detector"),module.exports=e.FlexibleTable;
 //# sourceMappingURL=flexible-table.js.map

package/dist/lib/properties.es.js

@@ -1,2 +1,2 @@
-export{c as CommonProperties,P as PropertiesController}from"../common-properties-ea686c1c.js";export{F as FlexibleTable}from"../flexible-table-13570aa9.js";export{F as FieldPicker}from"../index-c21aec1b.js";import"../createClass-32a0cf0f.js";import"../getPrototypeOf-97272efe.js";import"react";import"prop-types";import"../en-8e5bfa1b.js";import"../isEmpty-6528e7c8.js";import"../datarecord-metadata-v3-schema-b4ad907c.js";import"react-intl";import"react-resize-detector";import"./tooltip.es.js";import"react-portal";import"../extends-51fe578d.js";import"react-inlinesvg";import"@carbon/icons-react";import"carbon-components-react";import"react-redux";import"react-dom";import"uuid";import"redux";import"seedrandom";import"./command-stack.es.js";import"immutable-undo";import"moment";import"react-codemirror2";
+export{c as CommonProperties,P as PropertiesController}from"../common-properties-3758e3b2.js";export{F as FlexibleTable}from"../flexible-table-756ff86a.js";export{F as FieldPicker}from"../index-1eff5860.js";import"../createClass-32a0cf0f.js";import"../getPrototypeOf-97272efe.js";import"react";import"prop-types";import"../en-a3710fcf.js";import"../isEmpty-3550e76f.js";import"../datarecord-metadata-v3-schema-82f2b977.js";import"react-intl";import"react-resize-detector";import"./tooltip.es.js";import"react-portal";import"../extends-41535aa9.js";import"react-inlinesvg";import"@carbon/icons-react";import"carbon-components-react";import"react-redux";import"react-dom";import"uuid";import"redux";import"seedrandom";import"./command-stack.es.js";import"immutable-undo";import"date-fns";import"react-codemirror2";import"jsonschema";
 //# sourceMappingURL=properties.es.js.map

package/dist/lib/properties.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../common-properties-20877208.js"),r=require("../flexible-table-20276887.js"),i=require("../index-7e2e5c97.js");require("../createClass-6db89a23.js"),require("../getPrototypeOf-0bf77a9e.js"),require("react"),require("prop-types"),require("../en-3f6094d9.js"),require("../isEmpty-5d2981b6.js"),require("../datarecord-metadata-v3-schema-bf4483dd.js"),require("react-intl"),require("react-resize-detector"),require("./tooltip.js"),require("react-portal"),require("../extends-112ec8af.js"),require("react-inlinesvg"),require("@carbon/icons-react"),require("carbon-components-react"),require("react-redux"),require("react-dom"),require("uuid"),require("redux"),require("seedrandom"),require("./command-stack.js"),require("immutable-undo"),require("moment"),require("react-codemirror2"),exports.CommonProperties=e.commonProperties,exports.PropertiesController=e.PropertiesController,exports.FlexibleTable=r.FlexibleTable,exports.FieldPicker=i.FieldPicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../common-properties-6334cca1.js"),r=require("../flexible-table-2bbb9e48.js"),i=require("../index-7fba99b9.js");require("../createClass-6db89a23.js"),require("../getPrototypeOf-0bf77a9e.js"),require("react"),require("prop-types"),require("../en-9e368daa.js"),require("../isEmpty-c6f783dd.js"),require("../datarecord-metadata-v3-schema-3a2957c3.js"),require("react-intl"),require("react-resize-detector"),require("./tooltip.js"),require("react-portal"),require("../extends-76e6b8d2.js"),require("react-inlinesvg"),require("@carbon/icons-react"),require("carbon-components-react"),require("react-redux"),require("react-dom"),require("uuid"),require("redux"),require("seedrandom"),require("./command-stack.js"),require("immutable-undo"),require("date-fns"),require("react-codemirror2"),require("jsonschema"),exports.CommonProperties=e.commonProperties,exports.PropertiesController=e.PropertiesController,exports.FlexibleTable=r.FlexibleTable,exports.FieldPicker=i.FieldPicker;
 //# sourceMappingURL=properties.js.map

package/dist/lib/tooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.es.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/*\n * Copyright 2017-2021 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\";\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\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\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.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.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\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\tif (elem) {\n\t\t\tconst firstChildWidth = elem.firstChild && elem.firstChild.scrollWidth ? elem.firstChild.scrollWidth : 0;\n\t\t\tconst displayWidth = elem.offsetWidth;\n\t\t\tlet fullWidth = firstChildWidth;\n\t\t\tif (firstChildWidth === 0) {\n\t\t\t\tfullWidth = elem.scrollWidth;\n\t\t\t}\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\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\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 onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = () => this.setTooltipVisible(false);\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={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\ttabIndex={this.props.showToolTipOnClick ? 0 : 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 id=\"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 id=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\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\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t<Portal>\n\t\t\t\t\t<div data-id={this.props.id} className={tipClass} aria-hidden={!this.state.isTooltipVisible} direction={this.props.direction}>\n\t\t\t\t\t\t<svg id=\"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</div>\n\t\t\t\t</Portal>\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\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\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","props","state","isTooltipVisible","pendingTooltip","hideTooltipOnScrollAndResize","_this","bind","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","id","tooltipTrigger","updateTooltipLayout","getAttribute","value","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","firstChildWidth","firstChild","scrollWidth","displayWidth","offsetWidth","fullWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","evt","stopPropagation","preventDefault","tooltipContent","triggerContent","children","React","className","onMouseOver","showToolTipOnClick","_this2","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","tabIndex","ref","tip","_typeof","tipClass","Portal","viewBox","points","Component","propTypes","PropTypes","oneOfType","string","element","isRequired","oneOf","object","bool","number","defaultProps"],"mappings":"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"}
+{"version":3,"file":"tooltip.es.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/*\n * Copyright 2017-2022 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\";\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\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\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.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.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\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\tif (elem) {\n\t\t\tconst firstChildWidth = elem.firstChild && elem.firstChild.scrollWidth ? elem.firstChild.scrollWidth : 0;\n\t\t\tconst displayWidth = elem.offsetWidth;\n\t\t\tlet fullWidth = firstChildWidth;\n\t\t\tif (firstChildWidth === 0) {\n\t\t\t\tfullWidth = elem.scrollWidth;\n\t\t\t}\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\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\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 onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = () => this.setTooltipVisible(false);\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={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\ttabIndex={this.props.showToolTipOnClick ? 0 : 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 id=\"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 id=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\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\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t<Portal>\n\t\t\t\t\t<div data-id={this.props.id} className={tipClass} aria-hidden={!this.state.isTooltipVisible} direction={this.props.direction}>\n\t\t\t\t\t\t<svg id=\"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</div>\n\t\t\t\t</Portal>\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\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\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","props","state","isTooltipVisible","pendingTooltip","hideTooltipOnScrollAndResize","_this","bind","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","id","tooltipTrigger","updateTooltipLayout","getAttribute","value","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","firstChildWidth","firstChild","scrollWidth","displayWidth","offsetWidth","fullWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","evt","stopPropagation","preventDefault","tooltipContent","triggerContent","children","React","className","onMouseOver","showToolTipOnClick","_this2","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","tabIndex","ref","tip","_typeof","tipClass","Portal","viewBox","points","Component","propTypes","PropTypes","oneOfType","string","element","isRequired","oneOf","object","bool","number","defaultProps"],"mappings":"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"}

package/dist/lib/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/*\n * Copyright 2017-2021 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\";\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\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\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.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.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\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\tif (elem) {\n\t\t\tconst firstChildWidth = elem.firstChild && elem.firstChild.scrollWidth ? elem.firstChild.scrollWidth : 0;\n\t\t\tconst displayWidth = elem.offsetWidth;\n\t\t\tlet fullWidth = firstChildWidth;\n\t\t\tif (firstChildWidth === 0) {\n\t\t\t\tfullWidth = elem.scrollWidth;\n\t\t\t}\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\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\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 onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = () => this.setTooltipVisible(false);\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={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\ttabIndex={this.props.showToolTipOnClick ? 0 : 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 id=\"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 id=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\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\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t<Portal>\n\t\t\t\t\t<div data-id={this.props.id} className={tipClass} aria-hidden={!this.state.isTooltipVisible} direction={this.props.direction}>\n\t\t\t\t\t\t<svg id=\"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</div>\n\t\t\t\t</Portal>\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\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\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","props","state","isTooltipVisible","pendingTooltip","hideTooltipOnScrollAndResize","_this","bind","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","id","tooltipTrigger","updateTooltipLayout","getAttribute","value","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","firstChildWidth","firstChild","scrollWidth","displayWidth","offsetWidth","fullWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","evt","stopPropagation","preventDefault","tooltipContent","triggerContent","children","React","className","onMouseOver","showToolTipOnClick","_this2","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","tabIndex","ref","tip","_typeof","tipClass","Portal","viewBox","points","Component","propTypes","PropTypes","oneOfType","string","element","isRequired","oneOf","object","bool","number","defaultProps"],"mappings":"yuBAuBMA,qDACOC,yDACLA,IACDC,MAAQ,CACZC,kBAAkB,KAGdC,eAAiB,OACjBC,6BAA+BC,EAAKD,6BAA6BE,4FAGvE,WACCC,OAAOC,iBAAiB,SAAUC,KAAKL,8BAA8B,GACrEG,OAAOC,iBAAiB,SAAUC,KAAKL,8BAA8B,GACjEK,KAAKT,MAAMU,gBACTC,mBAAkB,uCAIzB,WACCJ,OAAOK,oBAAoB,SAAUH,KAAKL,8BAA8B,GACxEG,OAAOK,oBAAoB,SAAUH,KAAKL,8BAA8B,GACpEK,KAAKN,gBACRU,aAAaJ,KAAKN,iDAIpB,SAAkBW,QAEZL,KAAKM,gBAAmBD,GAAWL,KAAKN,kBAC5CU,aAAaJ,KAAKN,qBACbA,eAAiB,UACjBa,SAAS,CACbd,kBAAkB,KAKhBO,KAAKM,cAAe,KACjBE,EAAUC,SAASC,cAAc,aAAeV,KAAKT,MAAMoB,GAAK,cACjEjB,eAAiB,UACjBa,SAAS,CACbd,iBAAkBY,IAGfA,EAAS,KACRO,EAAiB,MAEpBA,EADGZ,KAAKT,MAAMU,UACGD,KAAKT,MAAMU,UAEXQ,SAASC,cAAc,aAAeV,KAAKT,MAAMoB,GAAK,gBAElDH,QAChBK,oBAAoBL,EAASI,EAAgBJ,EAAQM,aAAa,6CAM3E,SAAcC,UACNA,EAAQ,oCAGhB,SAAgBC,OACXC,SACID,OACH,MACJC,EAAe,mBAEX,SACJA,EAAe,gBAEX,OACJA,EAAe,sBAGfA,EAAe,cAETA,6BAGR,eACOC,EAAqBlB,KAAKkB,mBAAmBlB,KAAKmB,mBAGrDnB,KAAKT,MAAM6B,UAAYpB,KAAKT,MAAM8B,yBAElCrB,KAAKT,MAAM6B,SAAWpB,KAAKT,MAAM8B,yBAA2BH,oCAShE,SAAmBI,MACdA,EAAM,KACHC,EAAkBD,EAAKE,YAAcF,EAAKE,WAAWC,YAAcH,EAAKE,WAAWC,YAAc,EACjGC,EAAeJ,EAAKK,YACtBC,EAAYL,EACQ,IAApBA,IACHK,EAAYN,EAAKG,iBAEZP,EAAqBU,GAAaF,SACjCR,SAED,sCAGR,eAGMlB,KAAKN,gBAAkBM,KAAKM,cAAe,KACzCuB,EAAO7B,UACRN,eAAiBoC,YAAW,WAChCD,EAAK3B,mBAAkB,KACrBF,KAAKT,MAAMwC,2CAKhB,SAAoBvB,EAASI,EAAgBoB,OACtCC,EAAmBD,EACnBE,EAAgBzB,SAAS0B,gBAAgBC,YACzCC,EAAiB5B,SAAS0B,gBAAgBG,aAC1CC,EAAgB3B,EAAe4B,wBAC/BC,EAAUjC,EAAQE,cAAc,OAChCgC,EAAgBD,EAAQD,2BAI9BhC,EAAQmC,MAAMC,KAAO5C,KAAK6C,cAAcN,EAAcK,MACtDpC,EAAQmC,MAAMG,IAAM9C,KAAK6C,cAAcN,EAAcO,KAEjD9C,KAAKT,MAAMwD,cACTC,8BAA8BxC,EAASR,KAAKT,MAAMwD,SAAUf,OAC3D,IAEmB,QAArBC,GAAmD,WAArBA,EAA+B,KAC5DgB,EAAcV,EAAcK,KAC5BpC,EAAQmB,YAAcY,EAAcW,OACvCD,IAAgBzC,EAAQmB,YAAcY,EAAcW,OAAS,GAC3C,IACjBD,EAAc,GAELzC,EAAQmB,YAAcY,EAAcW,QAC9CD,IAAgBV,EAAcW,MAAQ1C,EAAQmB,aAAe,GAE9DnB,EAAQmC,MAAMC,KAAO5C,KAAK6C,cAAcI,GACnCA,EAAczC,EAAQmB,YAAeO,IACzC1B,EAAQmC,MAAMC,KAAO5C,KAAK6C,cAAcX,EAAgB1B,EAAQmB,kBAElC,SAArBM,EACVzB,EAAQmC,MAAMC,KAAO5C,KAAK6C,cAAcN,EAAcK,KAAOpC,EAAQmB,YAAce,EAAcQ,OAClE,UAArBjB,IACVzB,EAAQmC,MAAMC,KAAO5C,KAAK6C,cAAcN,EAAcY,MAAQT,EAAcQ,WAIpD,QAArBjB,EACHzB,EAAQmC,MAAMG,IAAM9C,KAAK6C,cAAcN,EAAcO,IAAMJ,EAAcU,OAAS5C,EAAQ6C,mBACpF,GAAyB,WAArBpB,EACVzB,EAAQmC,MAAMG,IAAM9C,KAAK6C,cAAcN,EAAce,OAASZ,EAAcU,aACtE,GAAyB,SAArBnB,GAAoD,UAArBA,EAA8B,KACnEsB,EAAahB,EAAcO,IAC3BtC,EAAQ6C,aAAed,EAAca,QACxCG,IAAe/C,EAAQ6C,aAAed,EAAca,QAAU,GAC7C,IAChBG,EAAahB,EAAcO,KAElBtC,EAAQ6C,aAAed,EAAca,SAC/CG,IAAehB,EAAca,OAAS5C,EAAQ6C,cAAgB,GAE/D7C,EAAQmC,MAAMG,IAAM9C,KAAK6C,cAAcU,EA7Cf,GA8CnBlB,EAAiB7B,EAAQ6C,aAAgBd,EAAcO,MAC3DtC,EAAQmC,MAAMG,IAAM9C,KAAK6C,cAAcR,EAAiB7B,EAAQ6C,eAKzC,QAArBpB,GAAmD,WAArBA,EACjCQ,EAAQE,MAAMC,KAAO5C,KAAK6C,cAAcN,EAAcK,KAAOpC,EAAQgC,wBAAwBI,KAC5FhC,EAAe4B,wBAAwBU,MAAQ,EAAIR,EAAcQ,MAAQ,EAtDlD,GAuDO,SAArBjB,EACVQ,EAAQE,MAAMC,KAAO5C,KAAK6C,cAAcrC,EAAQmB,YAAc,GAC/B,UAArBM,IACVQ,EAAQE,MAAMC,KAAO5C,KAAK6C,cAAqC,EAAtBH,EAAcQ,QAI/B,QAArBjB,EACHQ,EAAQE,MAAMG,IAAM9C,KAAK6C,cAAcrC,EAAQ6C,aAAe,GAC/B,WAArBpB,EACVQ,EAAQE,MAAMG,IAAM,QACW,SAArBb,GAAoD,UAArBA,IACzCQ,EAAQE,MAAMG,IAAM9C,KAAK6C,cAAcN,EAAcO,IAAMtC,EAAQgC,wBAAwBM,IAC1FlC,EAAeyC,aAAe,EAAIX,EAAcU,OAAS,OAKxDpD,KAAKwD,cAAchD,IAAYA,EAAQM,aAAa,eAAiBmB,EAAkB,KACpFhB,EAAejB,KAAKyD,gBAAgBxB,eACrCpB,oBAAoBL,EAASI,EAAgBK,QAGlDT,EAAQkD,aAAa,YAAazC,iDAKpC,SAA8BT,EAASuC,EAAUf,OAC1CC,EAAmBD,EACnBE,EAAgBzB,SAAS0B,gBAAgBC,YACzCC,EAAiB5B,SAAS0B,gBAAgBG,aAC1CG,EAAUjC,EAAQE,cAAc,OAChCgC,EAAgBD,EAAQD,wBAGxBmB,EAAS3D,KAAKT,MAAMwD,SAASa,EAC7BC,EAAS7D,KAAKT,MAAMwD,SAASe,KAIV,QAArB7B,GAAmD,WAArBA,EAA+B,KAC5DgB,EAAcU,EAASnD,EAAQmB,YAAc,EAC5CO,EAAgB1B,EAAQmB,YAAesB,EAC3CA,EAAcf,EAAgB1B,EAAQmB,YAC5BsB,EAAc,IACxBA,EAAc,GAEfzC,EAAQmC,MAAMC,KAAO5C,KAAK6C,cAAcI,OACT,SAArBhB,EACVzB,EAAQmC,MAAMC,KAAO5C,KAAK6C,cAAcc,EAASnD,EAAQmB,YAAce,EAAcQ,MAAQ,GAC9D,UAArBjB,IACVzB,EAAQmC,MAAMC,KAAO5C,KAAK6C,cAAcc,EAASjB,EAAcQ,MAAQ,OAI/C,QAArBjB,EACHzB,EAAQmC,MAAMG,IAAM9C,KAAK6C,cAAcgB,EAASnB,EAAcU,OAAS5C,EAAQ6C,mBACzE,GAAyB,WAArBpB,EACVzB,EAAQmC,MAAMG,IAAM9C,KAAK6C,cAAcgB,EAAS,EAAInB,EAAcU,aAC5D,GAAyB,SAArBnB,GAAoD,UAArBA,EAA8B,KACnEsB,EAAaM,EAASrD,EAAQ6C,aAAe,EAC5ChB,EAAiB7B,EAAQ6C,aAAgBE,EAC7CA,EAAalB,EAAiB7B,EAAQ6C,aAC5BE,EAAa,IACvBA,EAAa,GAEd/C,EAAQmC,MAAMG,IAAM9C,KAAK6C,cAAcU,EAjCd,GAqCD,QAArBtB,GAAmD,WAArBA,EACjCQ,EAAQE,MAAMC,KAAO5C,KAAK6C,cAAcc,EAASnD,EAAQgC,wBAAwBI,KAAOF,EAAcQ,MAAQ,GAC/E,SAArBjB,EACVQ,EAAQE,MAAMC,KAAO5C,KAAK6C,cAAcrC,EAAQmB,YAAc,GAC/B,UAArBM,IACVQ,EAAQE,MAAMC,KAAO5C,KAAK6C,cAAqC,EAAtBH,EAAcQ,QAI/B,QAArBjB,EACHQ,EAAQE,MAAMG,IAAM9C,KAAK6C,cAAcrC,EAAQ6C,aAAe,GAC/B,WAArBpB,EACVQ,EAAQE,MAAMG,IAAM,QACW,SAArBb,GAAoD,UAArBA,IACzCQ,EAAQE,MAAMG,IAAM9C,KAAK6C,cAAcgB,EAASrD,EAAQgC,wBAAwBM,IAAMJ,EAAcU,OAAS,iCAI/G,SAAc5C,OACPyC,EAAcc,WAAWvD,EAAQmC,MAAMC,MACvCW,EAAaQ,WAAWvD,EAAQmC,MAAMG,YAClCG,EAAczC,EAAQmB,YAAelB,SAAS0B,gBAAgBC,aACrEa,EAAc,GACdM,EAAa,GACZA,EAAa/C,EAAQ6C,aAAgB5C,SAAS0B,gBAAgBG,iDAGnE,SAAqB0B,GAGpBA,EAAIC,kBACJD,EAAIE,iBACAlE,KAAKR,MAAMC,sBAETS,mBAAkB,QAElBA,mBAAkB,+CAIzB,SAA6B8D,GACxBhE,KAAKR,MAAMC,uBACTS,mBAAkB,yBAIzB,sBACKiE,EAAiB,KACjBC,EAAiB,QACjBpE,KAAKT,MAAM8E,SAAU,CAWxBD,EAAkBE,yCACRtE,KAAKT,MAAMoB,GAAK,WACzB4D,UAAU,kBACVC,YAAcxE,KAAKT,MAAMkF,mBAAiC,KAZzC,kBAAMC,EAAKxE,mBAAkB,IAa9CyE,aAAe3E,KAAKT,MAAMkF,mBAAkC,KAZ1C,kBAAMC,EAAKxE,mBAAkB,IAa/C0E,YAAc5E,KAAKT,MAAMkF,mBAAiC,KAZzC,kBAAMC,EAAKxE,mBAAkB,IAa9C2E,QAAS7E,KAAKT,MAAMkF,mBARP,SAACT,UAAQU,EAAKI,qBAAqBd,IAQC,KACjDe,QAAS/E,KAAKT,MAAMkF,mBAXL,kBAAMC,EAAKM,wBAWyB,KACnDC,OAAQjF,KAAKT,MAAMkF,mBAXL,kBAAMC,EAAKxE,mBAAkB,IAWM,KACjDgF,SAAUlF,KAAKT,MAAMkF,mBAAqB,EAAI,KAC9CU,IAAK,SAACA,UAAST,EAAKvD,WAAagE,IAEhCnF,KAAKT,MAAM8E,UAIkB,iBAApBrE,KAAKT,MAAM6F,IACtBjB,EACCG,gCAAM3D,GAAG,oBACPX,KAAKT,MAAM6F,KAGwB,WAA5BC,UAAQrF,KAAKT,MAAM6F,OAC7BjB,EACCG,+BAAK3D,GAAG,oBACNX,KAAKT,MAAM6F,UAKXE,EAAW,+BACXtF,KAAKT,MAAMgF,YACde,GAAY,IAAMtF,KAAKT,MAAMgF,WAI7BD,+BAAKC,UAAU,qBACbH,EACDE,wBAACiB,cACAjB,yCAActE,KAAKT,MAAMoB,GAAI4D,UAAWe,iBAAwBtF,KAAKR,MAAMC,iBAAkBuC,UAAWhC,KAAKT,MAAMyC,WAClHsC,+BAAK3D,GAAG,WAAWiD,EAAE,MAAME,EAAE,MAAM0B,QAAQ,gBAC1ClB,oCAAUmB,OAAO,6BACjBnB,mCAASmB,OAAO,mDAEhBtB,YAvWeG,UAAMoB,WA+W5BpG,EAAQqG,UAAY,CACnBP,IAAKQ,UAAUC,UAAU,CAACD,UAAUE,OAAQF,UAAUG,UAAUC,WAChEhE,UAAW4D,UAAUK,MAAM,CAAC,OAAQ,QAAS,MAAO,WACpD5B,SAAUuB,UAAUC,UAAU,CAACD,UAAUE,OAAQF,UAAUG,UAC3D9F,UAAW2F,UAAUM,OACrBvF,GAAIiF,UAAUE,OAAOE,WACrBzB,UAAWqB,UAAUE,OACrB/C,SAAU6C,UAAUM,OACpB9E,QAASwE,UAAUO,KACnB9E,uBAAwBuE,UAAUO,KAClCpE,MAAO6D,UAAUQ,OACjB3B,mBAAoBmB,UAAUO,MAG/B7G,EAAQ+G,aAAe,CACtBtE,MAAO,IACPC,UAAW,SACXX,wBAAwB,EACxBoD,oBAAoB"}
+{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/*\n * Copyright 2017-2022 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\";\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\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\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.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.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\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\tif (elem) {\n\t\t\tconst firstChildWidth = elem.firstChild && elem.firstChild.scrollWidth ? elem.firstChild.scrollWidth : 0;\n\t\t\tconst displayWidth = elem.offsetWidth;\n\t\t\tlet fullWidth = firstChildWidth;\n\t\t\tif (firstChildWidth === 0) {\n\t\t\t\tfullWidth = elem.scrollWidth;\n\t\t\t}\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\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\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 onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = () => this.setTooltipVisible(false);\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={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\ttabIndex={this.props.showToolTipOnClick ? 0 : 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 id=\"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 id=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\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\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t<Portal>\n\t\t\t\t\t<div data-id={this.props.id} className={tipClass} aria-hidden={!this.state.isTooltipVisible} direction={this.props.direction}>\n\t\t\t\t\t\t<svg id=\"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</div>\n\t\t\t\t</Portal>\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\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\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","props","state","isTooltipVisible","pendingTooltip","hideTooltipOnScrollAndResize","_this","bind","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","id","tooltipTrigger","updateTooltipLayout","getAttribute","value","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","firstChildWidth","firstChild","scrollWidth","displayWidth","offsetWidth","fullWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","evt","stopPropagation","preventDefault","tooltipContent","triggerContent","children","React","className","onMouseOver","showToolTipOnClick","_this2","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","tabIndex","ref","tip","_typeof","tipClass","Portal","viewBox","points","Component","propTypes","PropTypes","oneOfType","string","element","isRequired","oneOf","object","bool","number","defaultProps"],"mappings":"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"}