@elyra/canvas 12.41.0 → 12.42.0

package/dist/context-menu-wrapper-3a7fdec8.js

@@ -1,2 +0,0 @@
-import{_ as e,a as t}from"./createClass-440000a3.js";import{_ as n,a as o,b as r,c as i}from"./inherits-226dfdb2.js";import c from"react";import{_ as a}from"./defineProperty-3dc7d8d0.js";import{ChevronRight16 as l}from"@carbon/icons-react";import{L as u}from"./canvas-logger-e07a0b4a.js";function s(e,t,n){return t=o(t),r(e,d()?Reflect.construct(t,n||[],o(e).constructor):t.apply(e,n))}function d(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(d=function(){return!!e})()}var m=function(o){function r(t){var n;return e(this,r),(n=s(this,r,[t])).logger=new u("CC-Color-Picker"),n.onClick=n.onClick.bind(i(n)),n}return n(r,o),t(r,[{key:"onClick",value:function(e){var t=e.target.dataset.color;this.props.clickActionHandler(t)}},{key:"render",value:function(){return this.logger.log("render"),c.createElement("div",{className:"color-picker",onClick:this.onClick},c.createElement("div",{tabIndex:"0","data-color":"bkg-col-white-0",className:"color-picker-item white-0"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-yellow-20",className:"color-picker-item yellow-20"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-gray-20",className:"color-picker-item gray-20"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-green-20",className:"color-picker-item green-20"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-teal-20",className:"color-picker-item teal-20"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-cyan-20",className:"color-picker-item cyan-20"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-red-50",className:"color-picker-item red-50"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-orange-40",className:"color-picker-item orange-40"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-gray-50",className:"color-picker-item gray-50"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-green-50",className:"color-picker-item green-50"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-teal-50",className:"color-picker-item teal-50"}),c.createElement("div",{tabIndex:"0","data-color":"bkg-col-cyan-50",className:"color-picker-item cyan-50"}))}}]),r}(c.Component);function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(e,t,n){return t=o(t),r(e,b()?Reflect.construct(t,n||[],o(e).constructor):t.apply(e,n))}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(b=function(){return!!e})()}var f=function(o){function r(t){var n;return e(this,r),(n=v(this,r,[t])).state={displaySubMenuAction:""},n.itemSelected=n.itemSelected.bind(i(n)),n.colorClicked=n.colorClicked.bind(i(n)),n}return n(r,o),t(r,[{key:"onContextMenu",value:function(e){e.preventDefault()}},{key:"itemSelected",value:function(e,t){this.props.contextHandler(e),t&&t.stopPropagation()}},{key:"colorClicked",value:function(e){this.props.contextHandler("colorSelectedObjects",{color:e})}},{key:"calculateMenuSize",value:function(e){for(var t=0,n=0;n<e.length;++n){e[n].divider&&t++}return{height:30*(e.length-t)+1*t,width:160}}},{key:"calculateMenuPos",value:function(e,t,n){var o={x:e.x,y:e.y};return e.y+t.height>n.height&&(o.y=n.height-t.height-5,o.y<0&&(o.y=0)),e.x+t.width>n.width&&(o.x-=t.width),o.x+=1,o.y+=1,o}},{key:"areAllSubmenuItemsDisabled",value:function(e){var t=0,n=0;return e.forEach((function(e){e.divider||t++,!1===e.enable&&n++})),n===t}},{key:"buildMenu",value:function(e,t,n,o){for(var r=[],i=0,a=!1,l=0;l<e.length;++l){var u=e[l].divider,s=e[l].submenu;if(u)a||(r.push(c.createElement("div",{key:l+1,className:"context-menu-divider"})),i+=1,a=!0);else if("colorBackground"===e[l].action){a=!1;var d={width:160,height:50},m=this.buildColorPickerPanel(),p=this.buildSubMenu(e,l,m,i,n,t,d,o,!1);r.push(p),i+=30}else if(s){a=!1;var h=this.areAllSubmenuItemsDisabled(e[l].menu),v=this.calculateMenuSize(e[l].menu),b=this.buildMenu(e[l].menu,t,n,o),f=this.buildSubMenu(e,l,b,i,n,t,v,o,h);r.push(f),i+=30}else{a=!1;var k="context-menu-item"+(!1===e[l].enable?" disabled":""),y=!1===e[l].enable?null:this.itemSelected.bind(null,e[l].action);r.push(c.createElement("div",{key:l+1,className:k,onClick:y,role:"menuitem"},e[l].label)),i+=30}}return r}},{key:"buildColorPickerPanel",value:function(){return c.createElement(m,{clickActionHandler:this.colorClicked})}},{key:"subMenuMouseEnter",value:function(e){this.setState({displaySubMenuAction:e})}},{key:"subMenuMouseLeave",value:function(e){this.setState({displaySubMenuAction:""})}},{key:"buildSubMenu",value:function(e,t,n,o,r,i,a,u,s){var d=this.buildRtlState(r,i,a,u),m=this.buildSubMenuPosStyle(o,r,a,u,d),p=e[t],h=c.createElement(l,null),v=c.createElement("div",null,p.label,h," "),b="context-menu-item "+(s?" disabled":""),f="context-menu-popover context-menu-submenu"+(this.state.displaySubMenuAction===p.action?" context-menu--visible":""),k=s?null:this.subMenuMouseEnter.bind(this,p.action),y=s?null:this.subMenuMouseLeave.bind(this);return c.createElement("div",{key:t+1,className:b,"aria-haspopup":!0,role:"menuitem",onMouseEnter:k,onMouseLeave:y},v,c.createElement("div",{style:m,className:f},n))}},{key:"buildRtlState",value:function(e,t,n,o){return e.x+t.width+n.width>o.right}},{key:"buildSubMenuPosStyle",value:function(e,t,n,o,r){var i=o.bottom-(t.y+e+n.height),c={top:(i>0?0:i-5)+"px"};return r&&(c.left="-160px"),c}},{key:"ensureAllSubMenuItemsHaveAction",value:function(e){return e.map((function(e,t){return e.submenu&&void 0===e.action?h(h({},e),{},{action:"submenu_"+t}):e}))}},{key:"render",value:function(){var e=this.calculateMenuSize(this.props.menuDefinition),t=this.calculateMenuPos(this.props.mousePos,e,this.props.canvasRect),n={left:t.x+"px",top:t.y+"px"},o=this.ensureAllSubMenuItemsHaveAction(this.props.menuDefinition),r=this.buildMenu(o,e,t,this.props.canvasRect);return c.createElement("div",{id:"context-menu-popover",className:"context-menu-popover",style:n,onContextMenu:this.onContextMenu},r)}}]),r}(c.Component);function k(e,t,n){return t=o(t),r(e,y()?Reflect.construct(t,n||[],o(e).constructor):t.apply(e,n))}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(y=function(){return!!e})()}var g=function(o){function r(t){var n;return e(this,r),(n=k(this,r,[t])).state={},n.contextMenuClicked=n.contextMenuClicked.bind(i(n)),n.handleClickOutside=n.handleClickOutside.bind(i(n)),n}return n(r,o),t(r,[{key:"componentDidMount",value:function(){document.addEventListener("click",this.handleClickOutside,!0)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.handleClickOutside,!0)}},{key:"getCanvasRect",value:function(){var e=document.getElementById(this.props.containingDivId);if(e){var t=e.getBoundingClientRect();return{top:0,bottom:t.bottom-t.top,left:0,right:t.right-t.left,height:t.height,width:t.width}}return{top:0,bottom:200,left:0,right:50,height:200,width:50}}},{key:"handleClickOutside",value:function(e){e.ctrlKey?e.stopPropagation():this.isOverContextMenu(e)||this.isOverEllipsisButton(e)||(this.props.stopPropagation&&e.stopPropagation(),this.props.closeContextMenu())}},{key:"isOverContextMenu",value:function(e){var t=document.getElementById("context-menu-popover");return!t||t.contains(e.target)}},{key:"isOverEllipsisButton",value:function(e){for(var t=document.getElementsByClassName("d3-node-ellipsis-group"),n=!1,o=0;o<t.length;o++)!1===n&&t[o].contains(e.target)&&(n=!0);return n}},{key:"contextMenuClicked",value:function(e,t){this.props.contextMenuActionHandler(e,t)}},{key:"render",value:function(){return c.createElement(f,{contextHandler:this.contextMenuClicked,menuDefinition:this.props.contextMenuDef,canvasRect:this.getCanvasRect(),mousePos:this.props.contextMenuPos})}}]),r}(c.Component);export{g as C,m as a};
-//# sourceMappingURL=context-menu-wrapper-3a7fdec8.js.map

package/dist/context-menu-wrapper-3a7fdec8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-menu-wrapper-3a7fdec8.js","sources":["../src/color-picker/color-picker.jsx","../src/context-menu/common-context-menu.jsx","../src/context-menu/context-menu-wrapper.jsx"],"sourcesContent":["/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Logger from \"../logging/canvas-logger.js\";\n\n\nclass ColorPicker extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.logger = new Logger(\"CC-Color-Picker\");\n\n\t\tthis.onClick = this.onClick.bind(this);\n\t}\n\n\tonClick(evt) {\n\t\tconst color = evt.target.dataset.color;\n\t\tthis.props.clickActionHandler(color);\n\t}\n\n\trender() {\n\t\tthis.logger.log(\"render\");\n\t\treturn (\n\t\t\t<div className=\"color-picker\" onClick={this.onClick}>\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-white-0\"} className=\"color-picker-item white-0\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-yellow-20\"} className=\"color-picker-item yellow-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-gray-20\"} className=\"color-picker-item gray-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-green-20\"} className=\"color-picker-item green-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-teal-20\"} className=\"color-picker-item teal-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-cyan-20\"} className=\"color-picker-item cyan-20\" />\n\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-red-50\"} className=\"color-picker-item red-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-orange-40\"} className=\"color-picker-item orange-40\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-gray-50\"} className=\"color-picker-item gray-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-green-50\"} className=\"color-picker-item green-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-teal-50\"} className=\"color-picker-item teal-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-cyan-50\"} className=\"color-picker-item cyan-50\" />\n\t\t\t</div>);\n\t}\n}\n\nColorPicker.propTypes = {\n\tclickActionHandler: PropTypes.func.isRequired\n};\n\nexport default ColorPicker;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* eslint no-empty-function: [\"error\", { \"allow\": [\"arrowFunctions\"] }] */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ChevronRight16 } from \"@carbon/icons-react\";\nimport ColorPicker from \"../color-picker\";\n\n// context-menu sizing\nconst CONTEXT_MENU_WIDTH = 160; // See context-menu.scss\nconst CONTEXT_MENU_LINK_HEIGHT = 30; // See context-menu.scss\nconst CONTEXT_MENU_DIVIDER_HEIGHT = 1; // See context-menu.scss\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\t\tdisplaySubMenuAction: \"\"\n\t\t};\n\t\tthis.itemSelected = this.itemSelected.bind(this);\n\t\tthis.colorClicked = this.colorClicked.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\tcolorClicked(color) {\n\t\tthis.props.contextHandler(\"colorSelectedObjects\", { color });\n\t}\n\n\t// Returns the size of the menu passed in.\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\t// Add a pixel to x and y because on Chrome without this the context menu\n\t\t// appears with  the top corner of the first menu item under the mouse\n\t\t// cursor. This highlights the first menu item (which looks weird) and, if\n\t\t// the first item is a cascade menu, automatically opens the sub-menu.\n\t\tmenuPos.x += 1;\n\t\tmenuPos.y += 1;\n\n\t\treturn menuPos;\n\t}\n\n\t// Returns true of all the items in a sub-menu are disabled.\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\t// Builds a new menu based on the menu defintion passed in.\n\tbuildMenu(menuDefinition, menuSize, menuPos, canvasRect) {\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(<div key={i + 1} className={\"context-menu-divider\"} />);\n\t\t\t\t\trunningYPos += CONTEXT_MENU_DIVIDER_HEIGHT;\n\t\t\t\t\tpreviousDivider = true;\n\t\t\t\t}\n\t\t\t} else if (menuDefinition[i].action === \"colorBackground\") {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = false;\n\t\t\t\tconst subMenuSize = { width: CONTEXT_MENU_WIDTH, height: 50 };\n\t\t\t\tconst subMenuContent = this.buildColorPickerPanel();\n\n\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t} else if (submenu) {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = this.areAllSubmenuItemsDisabled(menuDefinition[i].menu);\n\t\t\t\tconst subMenuSize = this.calculateMenuSize(menuDefinition[i].menu);\n\t\t\t\tconst subMenuContent = this.buildMenu(menuDefinition[i].menu, menuSize, menuPos, canvasRect);\n\n\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\tmenuItems.push(subMenu);\n\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 className = \"context-menu-item\" +\n\t\t\t\t\t(menuDefinition[i].enable === false ? \" disabled\" : \"\");\n\n\t\t\t\tconst onClickFunction = menuDefinition[i].enable === false\n\t\t\t\t\t? null\n\t\t\t\t\t: this.itemSelected.bind(null, menuDefinition[i].action);\n\n\t\t\t\tmenuItems.push((\n\t\t\t\t\t<div key={i + 1} className={className} onClick={onClickFunction} role=\"menuitem\">\n\t\t\t\t\t\t{menuDefinition[i].label}\n\t\t\t\t\t</div>\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\tbuildColorPickerPanel() {\n\t\treturn (\n\t\t\t<ColorPicker clickActionHandler={this.colorClicked} />\n\t\t);\n\t}\n\n\tsubMenuMouseEnter(action) {\n\t\tthis.setState({ displaySubMenuAction: action });\n\t}\n\n\tsubMenuMouseLeave(action) {\n\t\tthis.setState({ displaySubMenuAction: \"\" });\n\t}\n\n\t// Builds a sub-menu for the menuitem identified by the index into the menudefintion.\n\tbuildSubMenu(menuDefinition, index, subMenuContent, runningYPos, menuPos,\n\t\tmenuSize, subMenuSize, canvasRect, disabled) {\n\t\tconst rtl = this.buildRtlState(menuPos, menuSize, subMenuSize, canvasRect);\n\t\tconst subMenuPosStyle = this.buildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect, rtl);\n\t\tconst menuItem = menuDefinition[index];\n\n\t\tconst icon = (<ChevronRight16 />);\n\t\tconst menuItemContent = <div>{menuItem.label}{icon} </div>;\n\t\tconst menuItemClass = \"context-menu-item \" + (disabled ? \" disabled\" : \"\");\n\t\tconst subMenuClass = \"context-menu-popover context-menu-submenu\" +\n\t\t\t(this.state.displaySubMenuAction === menuItem.action ? \" context-menu--visible\" : \"\");\n\t\tconst onMouseEnter = (disabled ? null : this.subMenuMouseEnter.bind(this, menuItem.action));\n\t\tconst onMouseLeave = (disabled ? null : this.subMenuMouseLeave.bind(this));\n\n\t\treturn (\n\t\t\t<div key={index + 1} className={menuItemClass} aria-haspopup role=\"menuitem\"\n\t\t\t\tonMouseEnter={onMouseEnter}\n\t\t\t\tonMouseLeave={onMouseLeave}\n\t\t\t>\n\t\t\t\t{menuItemContent}\n\t\t\t\t<div style={subMenuPosStyle} className={subMenuClass}>\n\t\t\t\t\t{subMenuContent}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Returns a boolean to indicate whether the submenu should appear on the\n\t// right of the context menu (rtl === false) or on the left of the context\n\t// menu (rtl === true).\n\tbuildRtlState(menuPos, menuSize, subMenuSize, canvasRect) {\n\t\t// Ensure that the combined menu position, plus the menu width,\n\t\t//  plus the submenu width, does not exceed the viewport bounds.\n\t\treturn (menuPos.x + menuSize.width + subMenuSize.width > canvasRect.right);\n\t}\n\n\t// Returns a style object that can be applied to the sub-menu to adjust its:\n\t// * vertical (y) position: If the submenu is tall enough that it would be\n\t// displayed off the bottom of the canvas area.\n\t// * horizontal (x) position: If the sub-menu needs to appear on the left\n\t// side of the main menu (rtl === true).\n\tbuildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect, rtl) {\n\t\t// Does the submenu go below the bottom of the viewport?\n\t\tconst y = canvasRect.bottom - (menuPos.y + runningYPos + subMenuSize.height);\n\n\t\t// If submenu is not below the viewport bottom set offset to 0 so the\n\t\t// submenu will not be moved. Otherwise, y will be used to move the\n\t\t// submenu up fully into the view port.\n\t\tconst offset = (y > 0) ? 0 : y - EXTRA_OFFSET;\n\n\t\tconst subMenuPosStyle = {\n\t\t\ttop: offset + \"px\" // Use negative to push the menu up\n\t\t};\n\n\t\tif (rtl) {\n\t\t\tsubMenuPosStyle.left = -CONTEXT_MENU_WIDTH + \"px\";\n\t\t}\n\n\t\treturn subMenuPosStyle;\n\t}\n\n\t// Returns the menu definition array passed in making sure any\n\t// submenu items have an action. Note: some applications forget\n\t// to do provide an action because for the submenu it is only\n\t// used by the context menu code.\n\tensureAllSubMenuItemsHaveAction(menuDef) {\n\t\treturn menuDef.map((item, index) => {\n\t\t\tif (item.submenu && typeof item.action === \"undefined\") {\n\t\t\t\treturn { ...item, action: \"submenu_\" + index };\n\t\t\t}\n\t\t\treturn item;\n\t\t});\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 menuDefinition = this.ensureAllSubMenuItemsHaveAction(this.props.menuDefinition);\n\t\tconst menuItems = this.buildMenu(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-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport CommonContextMenu from \"./common-context-menu.jsx\";\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\tif (containingDiv) {\n\t\t\tconst clientRect = containingDiv.getBoundingClientRect();\n\t\t\treturn {\n\t\t\t\ttop: 0,\n\t\t\t\tbottom: clientRect.bottom - clientRect.top,\n\t\t\t\tleft: 0,\n\t\t\t\tright: clientRect.right - clientRect.left,\n\t\t\t\theight: clientRect.height,\n\t\t\t\twidth: clientRect.width\n\t\t\t};\n\t\t}\n\t\t// Assist Jests tests to run when containingDiv is not available.\n\t\treturn { top: 0, bottom: 200, left: 0, right: 50, height: 200, width: 50 };\n\t}\n\n\thandleClickOutside(e) {\n\t\t// On Safari, when a user is displaying the context menu with a ctrl-click\n\t\t// (which is a supported context menu gesture on the Mac) a secondary click\n\t\t// event is emmitted which is received here with the ctrlKey field enabled.\n\t\t// So we ignore that event otherwse, if we continue, the context menu will\n\t\t// be closed.\n\t\tif (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 and\n\t\t// the ellipsis button we just close the menu.\n\t\tif (!this.isOverContextMenu(e) && !this.isOverEllipsisButton(e)) {\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\t// Retruns true if the event occurred over the context menu.\n\tisOverContextMenu(e) {\n\t\tconst domNode = document.getElementById(\"context-menu-popover\");\n\t\treturn !domNode || domNode.contains(e.target);\n\t}\n\n\t// Returns true if the event occurred over the ellipsis button. Typically\n\t// there will be only one ellipsis button on the canvas, since they are only\n\t// displayed on hover, but in some test cicumstances there might be more\n\t// than one.\n\tisOverEllipsisButton(e) {\n\t\tconst ellipsisNodes = document.getElementsByClassName(\"d3-node-ellipsis-group\");\n\t\tlet state = false;\n\t\tfor (let i = 0; i < ellipsisNodes.length; i++) {\n\t\t\tif (state === false && ellipsisNodes[i].contains(e.target)) {\n\t\t\t\tstate = true;\n\t\t\t}\n\t\t}\n\t\treturn state;\n\t}\n\n\tcontextMenuClicked(action, param) {\n\t\tthis.props.contextMenuActionHandler(action, param);\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":["_React$Component","ColorPicker","props","_this","_classCallCheck","_callSuper","logger","Logger","onClick","bind","_assertThisInitialized","_inherits","_createClass","key","value","evt","color","target","dataset","this","clickActionHandler","log","React","createElement","className","tabIndex","Component","CommonContextMenu","state","displaySubMenuAction","itemSelected","colorClicked","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","menuItems","runningYPos","previousDivider","submenu","push","action","subMenuSize","subMenuContent","buildColorPickerPanel","subMenu","buildSubMenu","disabled","areAllSubmenuItemsDisabled","calculateMenuSize","buildMenu","onClickFunction","role","label","setState","index","rtl","buildRtlState","subMenuPosStyle","buildSubMenuPosStyle","menuItem","icon","ChevronRight16","menuItemContent","menuItemClass","subMenuClass","onMouseEnter","subMenuMouseEnter","onMouseLeave","subMenuMouseLeave","style","right","bottom","top","left","menuDef","map","item","_objectSpread","calculateMenuPos","posStyle","ensureAllSubMenuItemsHaveAction","id","onContextMenu","ContextMenuWrapper","contextMenuClicked","handleClickOutside","document","addEventListener","removeEventListener","containingDiv","getElementById","containingDivId","clientRect","getBoundingClientRect","ctrlKey","isOverContextMenu","isOverEllipsisButton","closeContextMenu","domNode","contains","ellipsisNodes","getElementsByClassName","param","contextMenuActionHandler","contextMenuDef","getCanvasRect","contextMenuPos"],"mappings":"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"}

package/dist/context-menu-wrapper-fc85d853.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./createClass-5ca26865.js"),t=require("./inherits-41673c87.js"),n=require("react"),o=require("./defineProperty-6d406743.js"),r=require("@carbon/icons-react"),i=require("./canvas-logger-295dafe4.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(n);function c(e,n,o){return n=t._getPrototypeOf(n),t._possibleConstructorReturn(e,u()?Reflect.construct(n,o||[],t._getPrototypeOf(e).constructor):n.apply(e,o))}function u(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(u=function(){return!!e})()}var s=function(n){function o(n){var r;return e._classCallCheck(this,o),(r=c(this,o,[n])).logger=new i.Logger("CC-Color-Picker"),r.onClick=r.onClick.bind(t._assertThisInitialized(r)),r}return t._inherits(o,n),e._createClass(o,[{key:"onClick",value:function(e){var t=e.target.dataset.color;this.props.clickActionHandler(t)}},{key:"render",value:function(){return this.logger.log("render"),a.default.createElement("div",{className:"color-picker",onClick:this.onClick},a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-white-0",className:"color-picker-item white-0"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-yellow-20",className:"color-picker-item yellow-20"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-gray-20",className:"color-picker-item gray-20"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-green-20",className:"color-picker-item green-20"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-teal-20",className:"color-picker-item teal-20"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-cyan-20",className:"color-picker-item cyan-20"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-red-50",className:"color-picker-item red-50"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-orange-40",className:"color-picker-item orange-40"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-gray-50",className:"color-picker-item gray-50"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-green-50",className:"color-picker-item green-50"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-teal-50",className:"color-picker-item teal-50"}),a.default.createElement("div",{tabIndex:"0","data-color":"bkg-col-cyan-50",className:"color-picker-item cyan-50"}))}}]),o}(a.default.Component);function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){o._defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,n,o){return n=t._getPrototypeOf(n),t._possibleConstructorReturn(e,h()?Reflect.construct(n,o||[],t._getPrototypeOf(e).constructor):n.apply(e,o))}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(h=function(){return!!e})()}var m=function(n){function o(n){var r;return e._classCallCheck(this,o),(r=f(this,o,[n])).state={displaySubMenuAction:""},r.itemSelected=r.itemSelected.bind(t._assertThisInitialized(r)),r.colorClicked=r.colorClicked.bind(t._assertThisInitialized(r)),r}return t._inherits(o,n),e._createClass(o,[{key:"onContextMenu",value:function(e){e.preventDefault()}},{key:"itemSelected",value:function(e,t){this.props.contextHandler(e),t&&t.stopPropagation()}},{key:"colorClicked",value:function(e){this.props.contextHandler("colorSelectedObjects",{color:e})}},{key:"calculateMenuSize",value:function(e){for(var t=0,n=0;n<e.length;++n){e[n].divider&&t++}return{height:30*(e.length-t)+1*t,width:160}}},{key:"calculateMenuPos",value:function(e,t,n){var o={x:e.x,y:e.y};return e.y+t.height>n.height&&(o.y=n.height-t.height-5,o.y<0&&(o.y=0)),e.x+t.width>n.width&&(o.x-=t.width),o.x+=1,o.y+=1,o}},{key:"areAllSubmenuItemsDisabled",value:function(e){var t=0,n=0;return e.forEach((function(e){e.divider||t++,!1===e.enable&&n++})),n===t}},{key:"buildMenu",value:function(e,t,n,o){for(var r=[],i=0,l=!1,c=0;c<e.length;++c){var u=e[c].divider,s=e[c].submenu;if(u)l||(r.push(a.default.createElement("div",{key:c+1,className:"context-menu-divider"})),i+=1,l=!0);else if("colorBackground"===e[c].action){l=!1;var d={width:160,height:50},p=this.buildColorPickerPanel(),f=this.buildSubMenu(e,c,p,i,n,t,d,o,!1);r.push(f),i+=30}else if(s){l=!1;var h=this.areAllSubmenuItemsDisabled(e[c].menu),m=this.calculateMenuSize(e[c].menu),v=this.buildMenu(e[c].menu,t,n,o),b=this.buildSubMenu(e,c,v,i,n,t,m,o,h);r.push(b),i+=30}else{l=!1;var y="context-menu-item"+(!1===e[c].enable?" disabled":""),k=!1===e[c].enable?null:this.itemSelected.bind(null,e[c].action);r.push(a.default.createElement("div",{key:c+1,className:y,onClick:k,role:"menuitem"},e[c].label)),i+=30}}return r}},{key:"buildColorPickerPanel",value:function(){return a.default.createElement(s,{clickActionHandler:this.colorClicked})}},{key:"subMenuMouseEnter",value:function(e){this.setState({displaySubMenuAction:e})}},{key:"subMenuMouseLeave",value:function(e){this.setState({displaySubMenuAction:""})}},{key:"buildSubMenu",value:function(e,t,n,o,i,l,c,u,s){var d=this.buildRtlState(i,l,c,u),p=this.buildSubMenuPosStyle(o,i,c,u,d),f=e[t],h=a.default.createElement(r.ChevronRight16,null),m=a.default.createElement("div",null,f.label,h," "),v="context-menu-item "+(s?" disabled":""),b="context-menu-popover context-menu-submenu"+(this.state.displaySubMenuAction===f.action?" context-menu--visible":""),y=s?null:this.subMenuMouseEnter.bind(this,f.action),k=s?null:this.subMenuMouseLeave.bind(this);return a.default.createElement("div",{key:t+1,className:v,"aria-haspopup":!0,role:"menuitem",onMouseEnter:y,onMouseLeave:k},m,a.default.createElement("div",{style:p,className:b},n))}},{key:"buildRtlState",value:function(e,t,n,o){return e.x+t.width+n.width>o.right}},{key:"buildSubMenuPosStyle",value:function(e,t,n,o,r){var i=o.bottom-(t.y+e+n.height),l={top:(i>0?0:i-5)+"px"};return r&&(l.left="-160px"),l}},{key:"ensureAllSubMenuItemsHaveAction",value:function(e){return e.map((function(e,t){return e.submenu&&void 0===e.action?p(p({},e),{},{action:"submenu_"+t}):e}))}},{key:"render",value:function(){var e=this.calculateMenuSize(this.props.menuDefinition),t=this.calculateMenuPos(this.props.mousePos,e,this.props.canvasRect),n={left:t.x+"px",top:t.y+"px"},o=this.ensureAllSubMenuItemsHaveAction(this.props.menuDefinition),r=this.buildMenu(o,e,t,this.props.canvasRect);return a.default.createElement("div",{id:"context-menu-popover",className:"context-menu-popover",style:n,onContextMenu:this.onContextMenu},r)}}]),o}(a.default.Component);function v(e,n,o){return n=t._getPrototypeOf(n),t._possibleConstructorReturn(e,b()?Reflect.construct(n,o||[],t._getPrototypeOf(e).constructor):n.apply(e,o))}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(b=function(){return!!e})()}var y=function(n){function o(n){var r;return e._classCallCheck(this,o),(r=v(this,o,[n])).state={},r.contextMenuClicked=r.contextMenuClicked.bind(t._assertThisInitialized(r)),r.handleClickOutside=r.handleClickOutside.bind(t._assertThisInitialized(r)),r}return t._inherits(o,n),e._createClass(o,[{key:"componentDidMount",value:function(){document.addEventListener("click",this.handleClickOutside,!0)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.handleClickOutside,!0)}},{key:"getCanvasRect",value:function(){var e=document.getElementById(this.props.containingDivId);if(e){var t=e.getBoundingClientRect();return{top:0,bottom:t.bottom-t.top,left:0,right:t.right-t.left,height:t.height,width:t.width}}return{top:0,bottom:200,left:0,right:50,height:200,width:50}}},{key:"handleClickOutside",value:function(e){e.ctrlKey?e.stopPropagation():this.isOverContextMenu(e)||this.isOverEllipsisButton(e)||(this.props.stopPropagation&&e.stopPropagation(),this.props.closeContextMenu())}},{key:"isOverContextMenu",value:function(e){var t=document.getElementById("context-menu-popover");return!t||t.contains(e.target)}},{key:"isOverEllipsisButton",value:function(e){for(var t=document.getElementsByClassName("d3-node-ellipsis-group"),n=!1,o=0;o<t.length;o++)!1===n&&t[o].contains(e.target)&&(n=!0);return n}},{key:"contextMenuClicked",value:function(e,t){this.props.contextMenuActionHandler(e,t)}},{key:"render",value:function(){return a.default.createElement(m,{contextHandler:this.contextMenuClicked,menuDefinition:this.props.contextMenuDef,canvasRect:this.getCanvasRect(),mousePos:this.props.contextMenuPos})}}]),o}(a.default.Component);exports.ColorPicker=s,exports.ContextMenuWrapper=y;
-//# sourceMappingURL=context-menu-wrapper-fc85d853.js.map

package/dist/context-menu-wrapper-fc85d853.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-menu-wrapper-fc85d853.js","sources":["../src/color-picker/color-picker.jsx","../src/context-menu/common-context-menu.jsx","../src/context-menu/context-menu-wrapper.jsx"],"sourcesContent":["/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Logger from \"../logging/canvas-logger.js\";\n\n\nclass ColorPicker extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.logger = new Logger(\"CC-Color-Picker\");\n\n\t\tthis.onClick = this.onClick.bind(this);\n\t}\n\n\tonClick(evt) {\n\t\tconst color = evt.target.dataset.color;\n\t\tthis.props.clickActionHandler(color);\n\t}\n\n\trender() {\n\t\tthis.logger.log(\"render\");\n\t\treturn (\n\t\t\t<div className=\"color-picker\" onClick={this.onClick}>\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-white-0\"} className=\"color-picker-item white-0\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-yellow-20\"} className=\"color-picker-item yellow-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-gray-20\"} className=\"color-picker-item gray-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-green-20\"} className=\"color-picker-item green-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-teal-20\"} className=\"color-picker-item teal-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-cyan-20\"} className=\"color-picker-item cyan-20\" />\n\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-red-50\"} className=\"color-picker-item red-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-orange-40\"} className=\"color-picker-item orange-40\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-gray-50\"} className=\"color-picker-item gray-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-green-50\"} className=\"color-picker-item green-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-teal-50\"} className=\"color-picker-item teal-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-cyan-50\"} className=\"color-picker-item cyan-50\" />\n\t\t\t</div>);\n\t}\n}\n\nColorPicker.propTypes = {\n\tclickActionHandler: PropTypes.func.isRequired\n};\n\nexport default ColorPicker;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* eslint no-empty-function: [\"error\", { \"allow\": [\"arrowFunctions\"] }] */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ChevronRight16 } from \"@carbon/icons-react\";\nimport ColorPicker from \"../color-picker\";\n\n// context-menu sizing\nconst CONTEXT_MENU_WIDTH = 160; // See context-menu.scss\nconst CONTEXT_MENU_LINK_HEIGHT = 30; // See context-menu.scss\nconst CONTEXT_MENU_DIVIDER_HEIGHT = 1; // See context-menu.scss\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\t\tdisplaySubMenuAction: \"\"\n\t\t};\n\t\tthis.itemSelected = this.itemSelected.bind(this);\n\t\tthis.colorClicked = this.colorClicked.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\tcolorClicked(color) {\n\t\tthis.props.contextHandler(\"colorSelectedObjects\", { color });\n\t}\n\n\t// Returns the size of the menu passed in.\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\t// Add a pixel to x and y because on Chrome without this the context menu\n\t\t// appears with  the top corner of the first menu item under the mouse\n\t\t// cursor. This highlights the first menu item (which looks weird) and, if\n\t\t// the first item is a cascade menu, automatically opens the sub-menu.\n\t\tmenuPos.x += 1;\n\t\tmenuPos.y += 1;\n\n\t\treturn menuPos;\n\t}\n\n\t// Returns true of all the items in a sub-menu are disabled.\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\t// Builds a new menu based on the menu defintion passed in.\n\tbuildMenu(menuDefinition, menuSize, menuPos, canvasRect) {\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(<div key={i + 1} className={\"context-menu-divider\"} />);\n\t\t\t\t\trunningYPos += CONTEXT_MENU_DIVIDER_HEIGHT;\n\t\t\t\t\tpreviousDivider = true;\n\t\t\t\t}\n\t\t\t} else if (menuDefinition[i].action === \"colorBackground\") {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = false;\n\t\t\t\tconst subMenuSize = { width: CONTEXT_MENU_WIDTH, height: 50 };\n\t\t\t\tconst subMenuContent = this.buildColorPickerPanel();\n\n\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t} else if (submenu) {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = this.areAllSubmenuItemsDisabled(menuDefinition[i].menu);\n\t\t\t\tconst subMenuSize = this.calculateMenuSize(menuDefinition[i].menu);\n\t\t\t\tconst subMenuContent = this.buildMenu(menuDefinition[i].menu, menuSize, menuPos, canvasRect);\n\n\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\tmenuItems.push(subMenu);\n\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 className = \"context-menu-item\" +\n\t\t\t\t\t(menuDefinition[i].enable === false ? \" disabled\" : \"\");\n\n\t\t\t\tconst onClickFunction = menuDefinition[i].enable === false\n\t\t\t\t\t? null\n\t\t\t\t\t: this.itemSelected.bind(null, menuDefinition[i].action);\n\n\t\t\t\tmenuItems.push((\n\t\t\t\t\t<div key={i + 1} className={className} onClick={onClickFunction} role=\"menuitem\">\n\t\t\t\t\t\t{menuDefinition[i].label}\n\t\t\t\t\t</div>\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\tbuildColorPickerPanel() {\n\t\treturn (\n\t\t\t<ColorPicker clickActionHandler={this.colorClicked} />\n\t\t);\n\t}\n\n\tsubMenuMouseEnter(action) {\n\t\tthis.setState({ displaySubMenuAction: action });\n\t}\n\n\tsubMenuMouseLeave(action) {\n\t\tthis.setState({ displaySubMenuAction: \"\" });\n\t}\n\n\t// Builds a sub-menu for the menuitem identified by the index into the menudefintion.\n\tbuildSubMenu(menuDefinition, index, subMenuContent, runningYPos, menuPos,\n\t\tmenuSize, subMenuSize, canvasRect, disabled) {\n\t\tconst rtl = this.buildRtlState(menuPos, menuSize, subMenuSize, canvasRect);\n\t\tconst subMenuPosStyle = this.buildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect, rtl);\n\t\tconst menuItem = menuDefinition[index];\n\n\t\tconst icon = (<ChevronRight16 />);\n\t\tconst menuItemContent = <div>{menuItem.label}{icon} </div>;\n\t\tconst menuItemClass = \"context-menu-item \" + (disabled ? \" disabled\" : \"\");\n\t\tconst subMenuClass = \"context-menu-popover context-menu-submenu\" +\n\t\t\t(this.state.displaySubMenuAction === menuItem.action ? \" context-menu--visible\" : \"\");\n\t\tconst onMouseEnter = (disabled ? null : this.subMenuMouseEnter.bind(this, menuItem.action));\n\t\tconst onMouseLeave = (disabled ? null : this.subMenuMouseLeave.bind(this));\n\n\t\treturn (\n\t\t\t<div key={index + 1} className={menuItemClass} aria-haspopup role=\"menuitem\"\n\t\t\t\tonMouseEnter={onMouseEnter}\n\t\t\t\tonMouseLeave={onMouseLeave}\n\t\t\t>\n\t\t\t\t{menuItemContent}\n\t\t\t\t<div style={subMenuPosStyle} className={subMenuClass}>\n\t\t\t\t\t{subMenuContent}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Returns a boolean to indicate whether the submenu should appear on the\n\t// right of the context menu (rtl === false) or on the left of the context\n\t// menu (rtl === true).\n\tbuildRtlState(menuPos, menuSize, subMenuSize, canvasRect) {\n\t\t// Ensure that the combined menu position, plus the menu width,\n\t\t//  plus the submenu width, does not exceed the viewport bounds.\n\t\treturn (menuPos.x + menuSize.width + subMenuSize.width > canvasRect.right);\n\t}\n\n\t// Returns a style object that can be applied to the sub-menu to adjust its:\n\t// * vertical (y) position: If the submenu is tall enough that it would be\n\t// displayed off the bottom of the canvas area.\n\t// * horizontal (x) position: If the sub-menu needs to appear on the left\n\t// side of the main menu (rtl === true).\n\tbuildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect, rtl) {\n\t\t// Does the submenu go below the bottom of the viewport?\n\t\tconst y = canvasRect.bottom - (menuPos.y + runningYPos + subMenuSize.height);\n\n\t\t// If submenu is not below the viewport bottom set offset to 0 so the\n\t\t// submenu will not be moved. Otherwise, y will be used to move the\n\t\t// submenu up fully into the view port.\n\t\tconst offset = (y > 0) ? 0 : y - EXTRA_OFFSET;\n\n\t\tconst subMenuPosStyle = {\n\t\t\ttop: offset + \"px\" // Use negative to push the menu up\n\t\t};\n\n\t\tif (rtl) {\n\t\t\tsubMenuPosStyle.left = -CONTEXT_MENU_WIDTH + \"px\";\n\t\t}\n\n\t\treturn subMenuPosStyle;\n\t}\n\n\t// Returns the menu definition array passed in making sure any\n\t// submenu items have an action. Note: some applications forget\n\t// to do provide an action because for the submenu it is only\n\t// used by the context menu code.\n\tensureAllSubMenuItemsHaveAction(menuDef) {\n\t\treturn menuDef.map((item, index) => {\n\t\t\tif (item.submenu && typeof item.action === \"undefined\") {\n\t\t\t\treturn { ...item, action: \"submenu_\" + index };\n\t\t\t}\n\t\t\treturn item;\n\t\t});\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 menuDefinition = this.ensureAllSubMenuItemsHaveAction(this.props.menuDefinition);\n\t\tconst menuItems = this.buildMenu(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-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport CommonContextMenu from \"./common-context-menu.jsx\";\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\tif (containingDiv) {\n\t\t\tconst clientRect = containingDiv.getBoundingClientRect();\n\t\t\treturn {\n\t\t\t\ttop: 0,\n\t\t\t\tbottom: clientRect.bottom - clientRect.top,\n\t\t\t\tleft: 0,\n\t\t\t\tright: clientRect.right - clientRect.left,\n\t\t\t\theight: clientRect.height,\n\t\t\t\twidth: clientRect.width\n\t\t\t};\n\t\t}\n\t\t// Assist Jests tests to run when containingDiv is not available.\n\t\treturn { top: 0, bottom: 200, left: 0, right: 50, height: 200, width: 50 };\n\t}\n\n\thandleClickOutside(e) {\n\t\t// On Safari, when a user is displaying the context menu with a ctrl-click\n\t\t// (which is a supported context menu gesture on the Mac) a secondary click\n\t\t// event is emmitted which is received here with the ctrlKey field enabled.\n\t\t// So we ignore that event otherwse, if we continue, the context menu will\n\t\t// be closed.\n\t\tif (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 and\n\t\t// the ellipsis button we just close the menu.\n\t\tif (!this.isOverContextMenu(e) && !this.isOverEllipsisButton(e)) {\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\t// Retruns true if the event occurred over the context menu.\n\tisOverContextMenu(e) {\n\t\tconst domNode = document.getElementById(\"context-menu-popover\");\n\t\treturn !domNode || domNode.contains(e.target);\n\t}\n\n\t// Returns true if the event occurred over the ellipsis button. Typically\n\t// there will be only one ellipsis button on the canvas, since they are only\n\t// displayed on hover, but in some test cicumstances there might be more\n\t// than one.\n\tisOverEllipsisButton(e) {\n\t\tconst ellipsisNodes = document.getElementsByClassName(\"d3-node-ellipsis-group\");\n\t\tlet state = false;\n\t\tfor (let i = 0; i < ellipsisNodes.length; i++) {\n\t\t\tif (state === false && ellipsisNodes[i].contains(e.target)) {\n\t\t\t\tstate = true;\n\t\t\t}\n\t\t}\n\t\treturn state;\n\t}\n\n\tcontextMenuClicked(action, param) {\n\t\tthis.props.contextMenuActionHandler(action, param);\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":["_React$Component","ColorPicker","props","_this","_classCallCheck","_callSuper","logger","Logger","onClick","bind","_assertThisInitialized","_inherits","_createClass","key","value","evt","color","target","dataset","this","clickActionHandler","log","React","createElement","className","tabIndex","Component","CommonContextMenu","state","displaySubMenuAction","itemSelected","colorClicked","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","menuItems","runningYPos","previousDivider","submenu","push","action","subMenuSize","subMenuContent","buildColorPickerPanel","subMenu","buildSubMenu","disabled","areAllSubmenuItemsDisabled","calculateMenuSize","buildMenu","onClickFunction","role","label","setState","index","rtl","buildRtlState","subMenuPosStyle","buildSubMenuPosStyle","menuItem","icon","ChevronRight16","menuItemContent","menuItemClass","subMenuClass","onMouseEnter","subMenuMouseEnter","onMouseLeave","subMenuMouseLeave","style","right","bottom","top","left","menuDef","map","item","_objectSpread","calculateMenuPos","posStyle","ensureAllSubMenuItemsHaveAction","id","onContextMenu","ContextMenuWrapper","contextMenuClicked","handleClickOutside","document","addEventListener","removeEventListener","containingDiv","getElementById","containingDivId","clientRect","getBoundingClientRect","ctrlKey","isOverContextMenu","isOverEllipsisButton","closeContextMenu","domNode","contains","ellipsisNodes","getElementsByClassName","param","contextMenuActionHandler","contextMenuDef","getCanvasRect","contextMenuPos"],"mappings":"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"}

package/dist/toolbar-918ab52e.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./isArrayLikeObject-04f333a5.js"),t=require("./datarecord-metadata-v3-schema-dba0b214.js"),n=require("./createClass-5ca26865.js"),a=require("./inherits-41673c87.js"),r=require("react"),o=require("react-resize-detector"),i=require("./lib/tooltip.js"),s=require("carbon-components-react"),l=require("react-inlinesvg"),u=require("./_baseIteratee-2b75d27c.js"),c=require("@carbon/icons-react"),d=require("./canvas-constants-ff5cf88e.js"),h=require("uuid");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(r),C=p(o),v=p(l),b=/\s/;var m=function(e){for(var t=e.length;t--&&b.test(e.charAt(t)););return t},g=/^\s+/;var E=function(e){return e?e.slice(0,m(e)+1).replace(g,""):e},O=e.isObject_1,I=e.isSymbol_1,y=/^[-+]0x[0-9a-f]+$/i,A=/^0b[01]+$/i,T=/^0o[0-7]+$/i,_=parseInt;var R=function(e){if("number"==typeof e)return e;if(I(e))return NaN;if(O(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=O(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=E(e);var n=A.test(e);return n||T.test(e)?_(e.slice(2),n?2:8):y.test(e)?NaN:+e},D=R,k=1/0;var B=function(e){return e?(e=D(e))===k||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var w=function(e){var t=B(e),n=t%1;return t==t?n?t-n:t:0},x=function(e,t){var n=t.getElementsByClassName(e);return n&&n.length>0?n[0]:null},L=function(e,t){var n=x(e,t);return n?n.getBoundingClientRect():null};function M(e,t,n){return t=a._getPrototypeOf(t),a._possibleConstructorReturn(e,F()?Reflect.construct(t,n||[],a._getPrototypeOf(e).constructor):t.apply(e,n))}function F(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(F=function(){return!!e})()}var N=function(e){function t(e){var r;return n._classCallCheck(this,t),(r=M(this,t,[e])).onClick=r.onClick.bind(a._assertThisInitialized(r)),r}return a._inherits(t,e),n._createClass(t,[{key:"componentDidMount",value:function(){this.props.containingDivId&&this.adjustSubAreaPosition()}},{key:"onClick",value:function(){this.props.closeSubArea&&this.props.closeSubArea()}},{key:"adjustSubAreaPosition",value:function(){var e=document.getElementById(this.props.containingDivId),t=e.getBoundingClientRect(),n=this.props.actionObj.subPanel?"subpanel":"submenu",a=x(n,e),r=L(n,e),o=r.bottom-t.bottom,i=r.right-t.right;if("vertical"===this.props.expandDirection){if(o>0){var s=this.props.actionItemRect.top-r.height;a.style.top=s+"px"}if(i>0){var l=this.props.actionItemRect.left-i-2;a.style.left=l+"px"}}else{if(o>0){var u=r.top-o-2;a.style.top=u+"px"}if(i>0){var c=this.props.actionItemRect.left-r.width;a.style.left=c+"px"}}}},{key:"generateSubAreaStyle",value:function(){return"vertical"===this.props.expandDirection?{top:this.props.actionItemRect.bottom+1,left:this.props.actionItemRect.left}:{top:this.props.actionItemRect.top-1,left:this.props.actionItemRect.left+this.props.actionItemRect.width}}},{key:"render",value:function(){var e=this.generateSubAreaStyle();if(this.props.actionObj.subPanel)return f.default.createElement("div",{style:e,className:"toolbar-popover-list subpanel",onClick:this.onClick},this.props.actionObj.subPanel);if(this.props.actionObj.subMenu){var t=this.props.generateToolbarItems(this.props.actionObj.subMenu,!0,!1);return f.default.createElement("div",{style:e,className:"toolbar-popover-list submenu",onClick:this.onClick},t)}return null}}]),t}(f.default.Component);function S(e,t,n){return t=a._getPrototypeOf(t),a._possibleConstructorReturn(e,z()?Reflect.construct(t,n||[],a._getPrototypeOf(e).constructor):t.apply(e,n))}function z(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(z=function(){return!!e})()}var H=function(e){function t(e){var r;return n._classCallCheck(this,t),(r=S(this,t,[e])).state={subAreaDisplayed:!1},r.actionClickHandler=r.actionClickHandler.bind(a._assertThisInitialized(r)),r.onMouseEnter=r.onMouseEnter.bind(a._assertThisInitialized(r)),r.onMouseLeave=r.onMouseLeave.bind(a._assertThisInitialized(r)),r.openSubArea=r.openSubArea.bind(a._assertThisInitialized(r)),r.closeSubArea=r.closeSubArea.bind(a._assertThisInitialized(r)),r.clickOutside=r.clickOutside.bind(a._assertThisInitialized(r)),r}return a._inherits(t,e),n._createClass(t,[{key:"componentDidMount",value:function(){this.props.actionObj.getSubPanelCloseFn&&this.props.actionObj.getSubPanelCloseFn(this.closeSubArea)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.clickOutside,!1)}},{key:"onMouseEnter",value:function(e){(this.props.actionObj.subMenu||this.props.actionObj.subPanel)&&this.props.overflow&&this.openSubArea()}},{key:"onMouseLeave",value:function(e){(this.props.actionObj.subMenu||this.props.actionObj.subPanel)&&this.props.overflow&&this.closeSubArea()}},{key:"getDefaultIcon",value:function(e){var t=!e.enable;switch(e.action){case d.TOOLBAR_STOP:return f.default.createElement(c.StopFilledAlt16,{disabled:t});case d.TOOLBAR_RUN:return f.default.createElement(c.Play16,{disabled:t});case d.TOOLBAR_EXPAND_SUPERNODE_IN_PLACE:return f.default.createElement(c.Maximize16,{disabled:t});case d.TOOLBAR_COLLAPSE_SUPERNODE_IN_PLACE:return f.default.createElement(c.Minimize16,{disabled:t});case d.TOOLBAR_EXPAND_SUPERNODE_FULL_PAGE:return f.default.createElement(c.Launch16,{disabled:t});case d.TOOLBAR_UNDO:return f.default.createElement(c.Undo16,{disabled:t});case d.TOOLBAR_REDO:return f.default.createElement(c.Redo16,{disabled:t});case d.TOOLBAR_CLIPBOARD:return f.default.createElement(c.Result16,{disabled:t});case d.TOOLBAR_CUT:return f.default.createElement(c.Cut16,{disabled:t});case d.TOOLBAR_COPY:return f.default.createElement(c.Copy16,{disabled:t});case d.TOOLBAR_PASTE:return f.default.createElement(c.Paste16,{disabled:t});case d.TOOLBAR_CREATE_COMMENT:case d.TOOLBAR_CREATE_AUTO_COMMENT:return f.default.createElement(c.AddComment16,{disabled:t});case d.TOOLBAR_SHOW_COMMENTS:return f.default.createElement(c.Chat16,{disabled:t});case d.TOOLBAR_HIDE_COMMENTS:return f.default.createElement(c.ChatOff16,{disabled:t});case d.TOOLBAR_COLOR_BACKGROUND:return f.default.createElement(c.ColorPalette16,{disabled:t});case d.TOOLBAR_DELETE_LINK:case d.TOOLBAR_DELETE_SELECTED_OBJECTS:return f.default.createElement(c.TrashCan16,{disabled:t});case d.TOOLBAR_SET_COMMENT_EDIT_MODE:case d.TOOLBAR_SET_NODE_LABEL_EDIT:return f.default.createElement(c.Edit16,{disabled:t});case d.TOOLBAR_ZOOM_IN:return f.default.createElement(c.ZoomIn16,{disabled:t});case d.TOOLBAR_ZOOM_OUT:return f.default.createElement(c.ZoomOut16,{disabled:t});case d.TOOLBAR_ZOOM_FIT:return f.default.createElement(v.default,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%3E%20%3Cpath%20d%3D%22M6%2C7.5h4v1H6Z%22%2F%3E%20%3Cpath%20d%3D%22M4%2C12h8a.94.94%2C0%2C0%2C0%2C1-1V5a.94.94%2C0%2C0%2C0-1-1H4A.94.94%2C0%2C0%2C0%2C3%2C5v6A.94.94%2C0%2C0%2C0%2C4%2C12ZM4%2C5h8v6H4Z%22%2F%3E%20%3Cpolygon%20points%3D%222%203.5%201%203.5%201%201%203.5%201%203.5%202%202%202%202%203.5%22%2F%3E%20%3Cpolygon%20points%3D%2215%203.5%2014%203.5%2014%202%2012.5%202%2012.5%201%2015%201%2015%203.5%22%2F%3E%20%3Cpolygon%20points%3D%2215%2015%2012.5%2015%2012.5%2014%2014%2014%2014%2012.5%2015%2012.5%2015%2015%22%2F%3E%20%3Cpolygon%20points%3D%223.5%2015%201%2015%201%2012.5%202%2012.5%202%2014%203.5%2014%203.5%2015%22%2F%3E%3C%2Fsvg%3E",disabled:t});case d.TOOLBAR_ARRANGE_HORIZONALLY:return f.default.createElement(v.default,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.5%22%20y%3D%222%22%20width%3D%2213%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221.5%22%20y%3D%2213%22%20width%3D%2213%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M7%2C10.5H2a.47.47%2C0%2C0%2C1-.5-.5V6A.47.47%2C0%2C0%2C1%2C2%2C5.5H7a.47.47%2C0%2C0%2C1%2C.5.5v4A.47.47%2C0%2C0%2C1%2C7%2C10.5Zm-4.5-1h4v-3h-4Z%22%2F%3E%3Cpath%20d%3D%22M14%2C10.5H9a.47.47%2C0%2C0%2C1-.5-.5V6A.47.47%2C0%2C0%2C1%2C9%2C5.5h5a.47.47%2C0%2C0%2C1%2C.5.5v4A.47.47%2C0%2C0%2C1%2C14%2C10.5Zm-4.5-1h4v-3h-4Z%22%2F%3E%3C%2Fsvg%3E",disabled:t});case d.TOOLBAR_ARRANGE_VERTICALLY:return f.default.createElement(v.default,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%222%22%20y%3D%221.5%22%20width%3D%221%22%20height%3D%2213%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%221.5%22%20width%3D%221%22%20height%3D%2213%22%2F%3E%3Cpath%20d%3D%22M10.5%2C7.5h-5A.47.47%2C0%2C0%2C1%2C5%2C7V3a.47.47%2C0%2C0%2C1%2C.5-.5h5A.47.47%2C0%2C0%2C1%2C11%2C3V7A.47.47%2C0%2C0%2C1%2C10.5%2C7.5ZM6%2C6.5h4v-3H6Z%22%2F%3E%3Cpath%20d%3D%22M10.5%2C13.5h-5A.47.47%2C0%2C0%2C1%2C5%2C13V9a.47.47%2C0%2C0%2C1%2C.5-.5h5A.47.47%2C0%2C0%2C1%2C11%2C9v4A.47.47%2C0%2C0%2C1%2C10.5%2C13.5ZM6%2C12.5h4v-3H6Z%22%2F%3E%3C%2Fsvg%3E",disabled:t});case d.TOOLBAR_OPEN_PALETTE:return f.default.createElement(v.default,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22currentColor%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M28%2C4H4A2%2C2%2C0%2C0%2C0%2C2%2C6V26a2%2C2%2C0%2C0%2C0%2C2%2C2H28a2%2C2%2C0%2C0%2C0%2C2-2V6A2%2C2%2C0%2C0%2C0%2C28%2C4Zm0%2C22H12V17.1h8.9l-2.5%2C2.5%2C1.5%2C1.5L25%2C16l-5.1-5.1-1.5%2C1.5%2C2.5%2C2.5H12V6H28Z%22%2F%3E%3C%2Fsvg%3E",disabled:t});case d.TOOLBAR_CLOSE_PALETTE:return f.default.createElement(v.default,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22currentColor%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M28%2C4H4A2%2C2%2C0%2C0%2C0%2C2%2C6V26a2%2C2%2C0%2C0%2C0%2C2%2C2H28a2%2C2%2C0%2C0%2C0%2C2-2V6A2%2C2%2C0%2C0%2C0%2C28%2C4Zm0%2C11H19.1l2.5-2.5L20.1%2C11%2C15%2C16l5.1%2C5.1%2C1.5-1.5-2.5-2.5H28V26H12V6H28Z%22%2F%3E%3C%2Fsvg%3E",disabled:t});case d.TOOLBAR_TOGGLE_NOTIFICATION_PANEL:return f.default.createElement(v.default,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22currentColor%22%3E%20%3Cpath%20d%3D%22M27%2C12V27H5V5H20V3H5A2%2C2%2C0%2C0%2C0%2C3%2C5V27a2%2C2%2C0%2C0%2C0%2C2%2C2H27a2%2C2%2C0%2C0%2C0%2C2-2V12Z%22%2F%3E%20%3Ccircle%20class%3D%22dot%22%20cx%3D%2226.5%22%20cy%3D%225.5%22%20r%3D%223.5%22%2F%3E%3C%2Fsvg%3E",disabled:t});default:return null}}},{key:"generateLabel",value:function(e,t,n,a){var r="toolbar-icon-label";return r+=this.generateLabelType(n,a),r+=t?" disabled":"",f.default.createElement("div",{className:r},e)}},{key:"generateLabelType",value:function(e,t){return e?" overflow":"before"===t?" before":"after"===t?" after":""}},{key:"generateIcon",value:function(e){var t=this.getDefaultIcon(e);if(e.iconEnabled){var n=e.iconEnabled,a=e.iconDisabled||e.iconEnabled,r=e.enable?n:a,o="toolbar-icon-"+this.props.instanceId+" -"+e.action;t="string"==typeof r?f.default.createElement(v.default,{id:o,src:r,disabled:!e.enable}):r}return t?f.default.createElement("div",{className:"toolbar-icon"},t):null}},{key:"clickOutside",value:function(e){if(this.state.subAreaDisplayed){var t=document.getElementsByClassName(this.generateActionName());!!(t&&t.length>0)&&t[0].contains(e.target)||this.closeSubArea()}}},{key:"openSubArea",value:function(){this.setState({subAreaDisplayed:!0})}},{key:"closeSubArea",value:function(){this.setState({subAreaDisplayed:!1})}},{key:"actionClickHandler",value:function(e){this.props.actionObj.subMenu||this.props.actionObj.subPanel?(this.state.showExtendedMenu?document.removeEventListener("click",this.clickOutside,!1):document.addEventListener("click",this.clickOutside,!1),this.props.setResizeHandler&&(this.state.subAreaDisplayed?this.props.setResizeHandler(null):this.props.setResizeHandler(this.closeSubArea)),this.props.overflow||this.setState({subAreaDisplayed:!this.state.subAreaDisplayed})):this.props.toolbarActionHandler(this.props.actionObj.action,e)}},{key:"generateButton",value:function(e){var t=null,n=null;this.props.overflow?n=this.generateLabel(e.label,!e.enable,!0):"before"===e.incLabelWithIcon?t=this.generateLabel(e.label,!e.enable,!1,e.incLabelWithIcon):"after"===e.incLabelWithIcon&&(n=this.generateLabel(e.label,!e.enable,!1,e.incLabelWithIcon));var a=this.generateIcon(e),r=e.textContent?f.default.createElement("div",{className:"toolbar-text-content"}," ",e.textContent," "):null,o=u.classNames("toolbar-item-content",e.className?e.className:null,{overflow:this.props.overflow,disabled:!e.enable,default:!e.kind}),i=e.kind||"ghost",l=this.generateChevronIcon(e),c=f.default.createElement("div",{className:o},t,a,n,r,l);c=this.wrapInTooltip(c);var d=e.incLabelWithIcon?null:e.label;return c=f.default.createElement(s.Button,{kind:i,onClick:this.actionClickHandler,disabled:!e.enable,onFocus:this.props.onFocus,"aria-label":d,size:this.props.size},c)}},{key:"generateChevronIcon",value:function(e){if(e.subMenu||e.subPanel){if(this.props.overflow)return f.default.createElement(c.ChevronRight16,null);if("before"===e.incLabelWithIcon||"after"===e.incLabelWithIcon){var t=this.state.subAreaDisplayed?f.default.createElement(c.ChevronUp16,null):f.default.createElement(c.ChevronDown16,null);return f.default.createElement("div",{className:"toolbar-up-down-chevron"},t)}return this.generateChevronMini()}return null}},{key:"generateChevronMini",value:function(){var e="sm"===this.props.size?"M 29 29 L 29 23 23 29 Z":"M 37 37 L 37 30 30 37 Z";return f.default.createElement("svg",{className:"toolbar-tick-svg"},f.default.createElement("path",{d:e,className:"toolbar-tick-mark"}))}},{key:"generateActionName",value:function(e){return this.props.actionObj.action+"-action"}},{key:"wrapInTooltip",value:function(e){if(!this.props.overflow&&(this.showLabelAsTip(this.props.actionObj)||this.props.actionObj.tooltip)){var t=this.generateActionName(),n=this.props.actionObj.tooltip?this.props.actionObj.tooltip:this.props.actionObj.label,a=t+"-"+this.props.instanceId+"-tooltip",r=this.props.actionObj.enable||this.props.actionObj.jsx,o=this.props.tooltipDirection?this.props.tooltipDirection:"bottom";return f.default.createElement(i,{id:a,tip:n,disable:!r,className:"icon-tooltip",direction:o},e)}return e}},{key:"showLabelAsTip",value:function(e){return!!e.label&&("before"!==e.incLabelWithIcon&&"after"!==e.incLabelWithIcon)}},{key:"generateSubArea",value:function(){var e=document.getElementsByClassName(this.generateActionName()),t=e&&e.length>0?e[0].getBoundingClientRect():{top:0,left:0,width:120};return f.default.createElement(N,{actionObj:this.props.actionObj,generateToolbarItems:this.props.generateToolbarItems,closeSubArea:this.props.actionObj.closeSubAreaOnClick?this.closeSubArea:null,actionItemRect:t,containingDivId:this.props.containingDivId,expandDirection:this.props.overflow?"horizontal":"vertical"})}},{key:"render",value:function(){var e=this.props.actionObj,t=this.generateActionName(),n=null;n=e.jsx?this.wrapInTooltip(e.jsx):this.generateButton(e);var a=!this.props.overflow||null,r=e.kind?e.kind:"default",o=u.classNames({"toolbar-overflow-menu-item":this.props.overflow,"toolbar-item":!this.props.overflow&&!e.jsx,"toolbar-jsx-item":!this.props.overflow&&e.jsx,"toolbar-overflow-jsx-item":this.props.overflow&&e.jsx,"toolbar-item-selected":e.isSelected},r,t),i=this.state.subAreaDisplayed?this.generateSubArea():null;return f.default.createElement("div",{className:o,"data-toolbar-item":a,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave},n,i)}}]),t}(f.default.Component);function j(e,t,n){return t=a._getPrototypeOf(t),a._possibleConstructorReturn(e,P()?Reflect.construct(t,n||[],a._getPrototypeOf(e).constructor):t.apply(e,n))}function P(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(P=function(){return!!e})()}var Z=function(e){function t(){return n._classCallCheck(this,t),j(this,t,arguments)}return a._inherits(t,e),n._createClass(t,[{key:"componentDidMount",value:function(){this.props.containingDivId&&this.setSubAreaStyle()}},{key:"setSubAreaStyle",value:function(){var e=document.getElementById(this.props.containingDivId),t=e.getBoundingClientRect(),n=x("toolbar-popover-list",e),a=L("toolbar-popover-list",e);if(a){var r=L(this.props.buttonClass,e);if(r){var o=L("context-toolbar",e);if(o){var i=a.right-t.right;if(i>0){var s=r.left-o.left;n.style.left=s-i-2+"px"}a.bottom-t.bottom>0&&(n.style.top=-a.height+"px")}}}}},{key:"render",value:function(){var e=null;return this.props.menuItems.length>0&&(e=f.default.createElement("div",{className:"toolbar-popover-list"},this.props.menuItems)),e}}]),t}(f.default.Component);function V(e,t,n){return t=a._getPrototypeOf(t),a._possibleConstructorReturn(e,q()?Reflect.construct(t,n||[],a._getPrototypeOf(e).constructor):t.apply(e,n))}function q(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(q=function(){return!!e})()}var U=function(e){function t(e){var r;return n._classCallCheck(this,t),(r=V(this,t,[e])).state={showExtendedMenu:!1},r.uuid=h.v4(),r.toggleExtendedMenu=r.toggleExtendedMenu.bind(a._assertThisInitialized(r)),r.clickOutside=r.clickOutside.bind(a._assertThisInitialized(r)),r}return a._inherits(t,e),n._createClass(t,[{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.clickOutside,!1)}},{key:"genOverflowButtonClass",value:function(){return"toolbar-spacer toolbar-index-"+this.props.index+" toolbar-uuid-"+this.uuid}},{key:"toggleExtendedMenu",value:function(){var e=this;this.state.showExtendedMenu?document.removeEventListener("click",this.clickOutside,!1):document.addEventListener("click",this.clickOutside,!1),this.props.setResizeHandler&&(this.state.showExtendedMenu?this.props.setResizeHandler(null):this.props.setResizeHandler((function(){e.setState({showExtendedMenu:!1})}))),this.setState({showExtendedMenu:!this.state.showExtendedMenu})}},{key:"clickOutside",value:function(e){if(this.state.showExtendedMenu){var t=document.getElementsByClassName("toolbar-uuid-"+this.uuid);!!(t&&t.length>0)&&t[0].contains(e.target)||this.setState({showExtendedMenu:!1})}}},{key:"render",value:function(){this.props.setResizeHandler&&!this.state.showExtendedMenu&&this.props.setResizeHandler(null);var e=null;if(this.state.showExtendedMenu){var t=this.props.generateExtensionMenuItems(this.props.index);e=f.default.createElement(Z,{menuItems:t,containingDivId:this.props.containingDivId,buttonClass:"toolbar-uuid-"+this.uuid})}return f.default.createElement("div",{className:this.genOverflowButtonClass()},f.default.createElement("div",{className:"toolbar-overflow-item"},f.default.createElement(s.Button,{kind:"ghost",tabIndex:-1,onClick:this.toggleExtendedMenu,onFocus:this.props.onFocus,"aria-label":this.props.label,size:this.props.size},f.default.createElement("div",{className:"toolbar-item-content default"},f.default.createElement("div",{className:"toolbar-icon"},f.default.createElement(c.OverflowMenuVertical16,null))))),e)}}]),t}(f.default.Component);function W(e,t,n){return t=a._getPrototypeOf(t),a._possibleConstructorReturn(e,G()?Reflect.construct(t,n||[],a._getPrototypeOf(e).constructor):t.apply(e,n))}function G(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(G=function(){return!!e})()}var Y=function(e){function t(){return n._classCallCheck(this,t),W(this,t,arguments)}return a._inherits(t,e),n._createClass(t,[{key:"render",value:function(){var e=this.props.overflow?"toolbar-divider-overflow":"toolbar-divider";return f.default.createElement("div",{className:e,"data-toolbar-item":!0,tabIndex:-1,"aria-hidden":!0}," ")}}]),t}(f.default.Component);function $(e,t,n){return t=a._getPrototypeOf(t),a._possibleConstructorReturn(e,K()?Reflect.construct(t,n||[],a._getPrototypeOf(e).constructor):t.apply(e,n))}function K(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(K=function(){return!!e})()}var X=function(e){function r(e){var t;return n._classCallCheck(this,r),(t=$(this,r,[e])).leftBar=[],t.rightBar=[],t.resizeHandler=null,t.onFocus=t.onFocus.bind(a._assertThisInitialized(t)),t.onToolbarResize=t.onToolbarResize.bind(a._assertThisInitialized(t)),t.generateExtensionMenuItems=t.generateExtensionMenuItems.bind(a._assertThisInitialized(t)),t.generateToolbarItems=t.generateToolbarItems.bind(a._assertThisInitialized(t)),t.setResizeHandler=t.setResizeHandler.bind(a._assertThisInitialized(t)),t}return a._inherits(r,e),n._createClass(r,[{key:"onFocus",value:function(){this.setLeftBarItemsTabIndex(),this.setRightBarItemsTabIndex()}},{key:"onScroll",value:function(e){e.currentTarget.scroll(0,0),e.preventDefault()}},{key:"onToolbarResize",value:function(){this.resizeHandler&&this.resizeHandler(),this.setLeftBarItemsTabIndex(),this.setRightBarItemsTabIndex()}},{key:"setResizeHandler",value:function(e){this.resizeHandler=e}},{key:"setLeftBarItemsTabIndex",value:function(){var e=this.getBar("left");if(e){for(var t=e.querySelectorAll("[data-toolbar-item=true]")||[],n=this.getTopOfFirstOverflowItem(e),a=-1,r=0;r<t.length;r++){var o=t[r].getBoundingClientRect();this.setOverflowItemButtonTabIndex(r,-1,e),o.top===n?(a=r,this.setToolbarItemButtonTabIndex(t[r],0)):this.setToolbarItemButtonTabIndex(t[r],-1)}a<t.length&&this.setOverflowItemButtonTabIndex(a+1,0,e)}}},{key:"setRightBarItemsTabIndex",value:function(){for(var e=this.getRightBarItems(),t=0,n=0;n<e.length;n++){var a=e[n].getBoundingClientRect();0===n&&(t=a.top),a.top===t?this.setToolbarItemButtonTabIndex(e[n],0):this.setToolbarItemButtonTabIndex(e[n],-1)}}},{key:"getBar",value:function(e){var t=this.props.instanceId;return document.querySelector(".toolbar-div[instanceid='".concat(t,"'] > .toolbar-").concat(e,"-bar"))||[]}},{key:"getRightBarItems",value:function(){var e=this.getBar("right");return e&&e.querySelectorAll("[data-toolbar-item=true]")||[]}},{key:"getTopOfFirstOverflowItem",value:function(e){var t=this.getOverflowItem(0,e);return t?t.getBoundingClientRect().top:0}},{key:"getOverflowItem",value:function(e,t){var n="toolbar-index-"+e;return t.getElementsByClassName(n)[0]}},{key:"setToolbarItemButtonTabIndex",value:function(e,t){var n=e.querySelector("button");n&&n.setAttribute("tabindex",t)}},{key:"setOverflowItemButtonTabIndex",value:function(e,t,n){var a=this.getOverflowItem(e,n);if(a){var r=a.querySelector("button");r&&r.setAttribute("tabindex",t)}}},{key:"generateToolbarItems",value:function(e,t,n){for(var a=[],r=0;r<e.length;r++){var o=e[r];o&&(n&&!o.divider&&a.push(this.generateOverflowIcon(r)),a.push(this.generateToolbarItem(o,r,t)))}return a}},{key:"generateToolbarItem",value:function(e,t,n){var a=null;return e&&(a=e.divider?f.default.createElement(Y,{key:"toolbar-item-key-"+t,overflow:n}):f.default.createElement(H,{key:"toolbar-item-key-"+t,actionObj:e,tooltipDirection:this.props.tooltipDirection,toolbarActionHandler:this.props.toolbarActionHandler,generateToolbarItems:this.generateToolbarItems,setResizeHandler:this.setResizeHandler,overflow:n,instanceId:this.props.instanceId,containingDivId:this.props.containingDivId,onFocus:this.onFocus,size:this.props.size})),a}},{key:"generateOverflowIcon",value:function(e){var t=this.props.additionalText?this.props.additionalText.overflowMenuLabel:"";return f.default.createElement(U,{key:"toolbar-overflow-item-key-"+e,index:e,generateExtensionMenuItems:this.generateExtensionMenuItems,setResizeHandler:this.setResizeHandler,containingDivId:this.props.containingDivId,onFocus:this.onFocus,label:t,size:this.props.size})}},{key:"generateExtensionMenuItems",value:function(e){var t=this.generateRightOverflowItems();t.reverse();var n=this.leftBar.slice(e).concat(t);return this.generateToolbarItems(n,!0,!1)}},{key:"generateRightOverflowItems",value:function(){for(var e=[],t=this.getRightBarItems(),n=0,a=0;a<t.length;a++){var r=t[a].getBoundingClientRect();0===a&&(n=r.top),r.top!==n&&e.push(this.rightBar[a])}return e}},{key:"render",value:function(){this.leftBar=this.props.config.leftBar||[],this.rightBar=this.props.config.rightBar||[],this.rightBar=t._toConsumableArray(this.rightBar).reverse()||[];var e=this.generateToolbarItems(this.leftBar,!1,!0),n=this.generateToolbarItems(this.rightBar,!1,!1),a="sm"===this.props.size?"toolbar-div toolbar-size-small":"toolbar-div";return f.default.createElement(C.default,{handleWidth:!0,onResize:this.onToolbarResize},f.default.createElement("div",{className:a,instanceid:this.props.instanceId},f.default.createElement("div",{className:"toolbar-left-bar",onScroll:this.onScroll},e),f.default.createElement("div",{className:"toolbar-right-bar"},n)))}}]),r}(f.default.Component);exports.Toolbar=X,exports.toInteger_1=w,exports.toNumber_1=R;
-//# sourceMappingURL=toolbar-918ab52e.js.map

package/dist/toolbar-918ab52e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolbar-918ab52e.js","sources":["../node_modules/lodash/_trimmedEndIndex.js","../node_modules/lodash/_baseTrim.js","../node_modules/lodash/toNumber.js","../node_modules/lodash/toFinite.js","../node_modules/lodash/toInteger.js","../src/toolbar/toolbar-utils.js","../src/toolbar/toolbar-action-sub-area.jsx","../src/toolbar/toolbar-action-item.jsx","../assets/images/zoom_to_fit.svg","../assets/images/arrange_horizontally.svg","../assets/images/arrange_vertically.svg","../assets/images/palette/palette_open.svg","../assets/images/palette/palette_close.svg","../assets/images/notification_counter_icon.svg","../src/toolbar/toolbar-overflow-menu.jsx","../src/toolbar/toolbar-overflow-item.jsx","../src/toolbar/toolbar-divider-item.jsx","../src/toolbar/toolbar.jsx"],"sourcesContent":["/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n  var index = string.length;\n\n  while (index-- && reWhitespace.test(string.charAt(index))) {}\n  return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n  return string\n    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n    : string;\n}\n\nmodule.exports = baseTrim;\n","var baseTrim = require('./_baseTrim'),\n    isObject = require('./isObject'),\n    isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","var toNumber = require('./toNumber');\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_INTEGER = 1.7976931348623157e+308;\n\n/**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\nfunction toFinite(value) {\n  if (!value) {\n    return value === 0 ? value : 0;\n  }\n  value = toNumber(value);\n  if (value === INFINITY || value === -INFINITY) {\n    var sign = (value < 0 ? -1 : 1);\n    return sign * MAX_INTEGER;\n  }\n  return value === value ? value : 0;\n}\n\nmodule.exports = toFinite;\n","var toFinite = require('./toFinite');\n\n/**\n * Converts `value` to an integer.\n *\n * **Note:** This method is loosely based on\n * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toInteger(3.2);\n * // => 3\n *\n * _.toInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toInteger(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toInteger('3.2');\n * // => 3\n */\nfunction toInteger(value) {\n  var result = toFinite(value),\n      remainder = result % 1;\n\n  return result === result ? (remainder ? result - remainder : result) : 0;\n}\n\nmodule.exports = toInteger;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport const genElementByClass = (className, containingDiv) => {\n\tconst elements = containingDiv.getElementsByClassName(className);\n\n\tif (elements && elements.length > 0) {\n\t\treturn elements[0];\n\t}\n\treturn null;\n};\n\nexport const genRectByClass = (className, containingDiv) => {\n\tconst element = genElementByClass(className, containingDiv);\n\n\tif (element) {\n\t\treturn element.getBoundingClientRect();\n\t}\n\treturn null;\n};\n","/*\n * Copyright 2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n*/\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { genElementByClass, genRectByClass } from \"./toolbar-utils.js\";\n\nclass ToolbarActionSubArea extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.onClick = this.onClick.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tif (this.props.containingDivId) {\n\t\t\tthis.adjustSubAreaPosition();\n\t\t}\n\t}\n\n\t// If we are given a closeSubArea function then call it. We will only have\n\t// such a function if the user has specified the closeSubAreaOnClick prop for\n\t// the parent action AND provided the user has not stopped event propogation.\n\tonClick() {\n\t\tif (this.props.closeSubArea) {\n\t\t\tthis.props.closeSubArea();\n\t\t}\n\t}\n\n\t// Adjust the position of the sub-area to make sure it doesn't extend\n\t// outside the containing divs boundary. We need to do this after the subarea\n\t// has been mounted so we can query its size and position.\n\tadjustSubAreaPosition() {\n\t\tconst containingDiv = document.getElementById(this.props.containingDivId);\n\t\tconst containingDivRect = containingDiv.getBoundingClientRect();\n\n\t\tconst classToGet = this.props.actionObj.subPanel ? \"subpanel\" : \"submenu\";\n\n\t\tconst thisArea = genElementByClass(classToGet, containingDiv);\n\t\tconst thisAreaRect = genRectByClass(classToGet, containingDiv);\n\n\t\tconst outsideBottom = thisAreaRect.bottom - containingDivRect.bottom;\n\t\tconst outsideRight = thisAreaRect.right - containingDivRect.right;\n\n\t\tif (this.props.expandDirection === \"vertical\") {\n\t\t\tif (outsideBottom > 0) {\n\t\t\t\tconst newTop = this.props.actionItemRect.top - thisAreaRect.height;\n\t\t\t\tthisArea.style.top = newTop + \"px\";\n\t\t\t}\n\n\t\t\tif (outsideRight > 0) {\n\t\t\t\tconst newLeft = this.props.actionItemRect.left - outsideRight - 2;\n\t\t\t\tthisArea.style.left = newLeft + \"px\";\n\t\t\t}\n\n\t\t} else {\n\t\t\tif (outsideBottom > 0) {\n\t\t\t\tconst newTop = thisAreaRect.top - outsideBottom - 2;\n\t\t\t\tthisArea.style.top = newTop + \"px\";\n\t\t\t}\n\n\t\t\tif (outsideRight > 0) {\n\t\t\t\tconst newLeft = this.props.actionItemRect.left - thisAreaRect.width;\n\t\t\t\tthisArea.style.left = newLeft + \"px\";\n\t\t\t}\n\t\t}\n\t}\n\n\tgenerateSubAreaStyle() {\n\t\tif (this.props.expandDirection === \"vertical\") {\n\t\t\treturn {\n\t\t\t\ttop: this.props.actionItemRect.bottom + 1,\n\t\t\t\tleft: this.props.actionItemRect.left\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\ttop: this.props.actionItemRect.top - 1,\n\t\t\tleft: this.props.actionItemRect.left + this.props.actionItemRect.width\n\t\t};\n\t}\n\n\trender() {\n\t\tconst style = this.generateSubAreaStyle();\n\n\t\tif (this.props.actionObj.subPanel) {\n\t\t\treturn (\n\t\t\t\t<div style={style} className={\"toolbar-popover-list subpanel\"} onClick={this.onClick}>\n\t\t\t\t\t{this.props.actionObj.subPanel}\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else if (this.props.actionObj.subMenu) {\n\t\t\tconst subMenuItems = this.props.generateToolbarItems(this.props.actionObj.subMenu, true, false);\n\n\t\t\treturn (\n\t\t\t\t<div style={style} className={\"toolbar-popover-list submenu\"} onClick={this.onClick}>\n\t\t\t\t\t{subMenuItems}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n}\n\nToolbarActionSubArea.propTypes = {\n\tactionObj: PropTypes.object.isRequired,\n\tgenerateToolbarItems: PropTypes.func.isRequired,\n\tcloseSubArea: PropTypes.func,\n\tactionItemRect: PropTypes.object.isRequired,\n\texpandDirection: PropTypes.string.isRequired,\n\tcontainingDivId: PropTypes.string\n};\n\nexport default ToolbarActionSubArea;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"../tooltip/tooltip.jsx\";\nimport ArrangeHorizontally from \"./../../assets/images/arrange_horizontally.svg\";\nimport ArrangeVertically from \"./../../assets/images/arrange_vertically.svg\";\nimport ToggleNotificationPanel from \"./../../assets/images/notification_counter_icon.svg\";\nimport PaletteClose from \"./../../assets/images/palette/palette_close.svg\";\nimport PaletteOpen from \"./../../assets/images/palette/palette_open.svg\";\nimport ZoomToFit from \"./../../assets/images/zoom_to_fit.svg\";\n\nimport { Button } from \"carbon-components-react\";\nimport SVG from \"react-inlinesvg\";\nimport classNames from \"classnames\";\nimport ToolbarActionSubArea from \"./toolbar-action-sub-area.jsx\";\nimport { StopFilledAlt16, Play16, Undo16, Redo16, Chat16, ChatOff16, Result16,\n\tCut16, Copy16, Paste16, Edit16,\tColorPalette16, Maximize16, Minimize16,\n\tLaunch16, AddComment16, TrashCan16, ZoomIn16, ZoomOut16,\n\tChevronRight16, ChevronDown16, ChevronUp16 } from \"@carbon/icons-react\";\nimport { TOOLBAR_STOP, TOOLBAR_RUN, TOOLBAR_UNDO, TOOLBAR_REDO,\n\tTOOLBAR_CUT, TOOLBAR_COPY, TOOLBAR_PASTE, TOOLBAR_CLIPBOARD,\n\tTOOLBAR_CREATE_COMMENT, TOOLBAR_CREATE_AUTO_COMMENT, TOOLBAR_COLOR_BACKGROUND,\n\tTOOLBAR_DELETE_SELECTED_OBJECTS, TOOLBAR_DELETE_LINK,\n\tTOOLBAR_ZOOM_IN, TOOLBAR_ZOOM_OUT, TOOLBAR_ZOOM_FIT,\n\tTOOLBAR_ARRANGE_HORIZONALLY, TOOLBAR_ARRANGE_VERTICALLY,\n\tTOOLBAR_OPEN_PALETTE, TOOLBAR_CLOSE_PALETTE, TOOLBAR_TOGGLE_NOTIFICATION_PANEL,\n\tTOOLBAR_SHOW_COMMENTS, TOOLBAR_HIDE_COMMENTS,\n\tTOOLBAR_EXPAND_SUPERNODE_IN_PLACE, TOOLBAR_COLLAPSE_SUPERNODE_IN_PLACE,\n\tTOOLBAR_EXPAND_SUPERNODE_FULL_PAGE, TOOLBAR_SET_NODE_LABEL_EDIT, TOOLBAR_SET_COMMENT_EDIT_MODE }\n\tfrom \"../common-canvas/constants/canvas-constants.js\";\n\nclass ToolbarActionItem extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tsubAreaDisplayed: false\n\t\t};\n\n\t\tthis.actionClickHandler = this.actionClickHandler.bind(this);\n\t\tthis.onMouseEnter = this.onMouseEnter.bind(this);\n\t\tthis.onMouseLeave = this.onMouseLeave.bind(this);\n\t\tthis.openSubArea = this.openSubArea.bind(this);\n\t\tthis.closeSubArea = this.closeSubArea.bind(this);\n\t\tthis.clickOutside = this.clickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tif (this.props.actionObj.getSubPanelCloseFn) {\n\t\t\tthis.props.actionObj.getSubPanelCloseFn(this.closeSubArea);\n\t\t}\n\t}\n\n\t// We must remove the eventListener in case this class is unmounted due\n\t// to the toolbar getting redrawn.\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"click\", this.clickOutside, false);\n\t}\n\n\tonMouseEnter(evt) {\n\t\tif ((this.props.actionObj.subMenu || this.props.actionObj.subPanel) && this.props.overflow) {\n\t\t\tthis.openSubArea();\n\t\t}\n\t}\n\n\tonMouseLeave(evt) {\n\t\tif ((this.props.actionObj.subMenu || this.props.actionObj.subPanel) && this.props.overflow) {\n\t\t\tthis.closeSubArea();\n\t\t}\n\t}\n\n\t// Returns a default icon, if there is one, for the action passed in.\n\t// It also may be set to disabled state.\n\tgetDefaultIcon(actionObj) {\n\t\tconst disabled = !actionObj.enable;\n\n\t\tswitch (actionObj.action) {\n\t\tcase (TOOLBAR_STOP):\n\t\t\treturn <StopFilledAlt16 disabled={disabled} />;\n\t\tcase (TOOLBAR_RUN):\n\t\t\treturn <Play16 disabled={disabled} />;\n\t\tcase (TOOLBAR_EXPAND_SUPERNODE_IN_PLACE):\n\t\t\treturn <Maximize16 disabled={disabled} />;\n\t\tcase (TOOLBAR_COLLAPSE_SUPERNODE_IN_PLACE):\n\t\t\treturn <Minimize16 disabled={disabled} />;\n\t\tcase (TOOLBAR_EXPAND_SUPERNODE_FULL_PAGE):\n\t\t\treturn <Launch16 disabled={disabled} />;\n\t\tcase (TOOLBAR_UNDO):\n\t\t\treturn <Undo16 disabled={disabled} />;\n\t\tcase (TOOLBAR_REDO):\n\t\t\treturn <Redo16 disabled={disabled} />;\n\t\tcase (TOOLBAR_CLIPBOARD):\n\t\t\treturn <Result16 disabled={disabled} />;\n\t\tcase (TOOLBAR_CUT):\n\t\t\treturn <Cut16 disabled={disabled} />;\n\t\tcase (TOOLBAR_COPY):\n\t\t\treturn <Copy16 disabled={disabled} />;\n\t\tcase (TOOLBAR_PASTE):\n\t\t\treturn <Paste16 disabled={disabled} />;\n\t\tcase (TOOLBAR_CREATE_COMMENT):\n\t\tcase (TOOLBAR_CREATE_AUTO_COMMENT):\n\t\t\treturn <AddComment16 disabled={disabled} />;\n\t\tcase (TOOLBAR_SHOW_COMMENTS):\n\t\t\treturn <Chat16 disabled={disabled} />;\n\t\tcase (TOOLBAR_HIDE_COMMENTS):\n\t\t\treturn <ChatOff16 disabled={disabled} />;\n\t\tcase (TOOLBAR_COLOR_BACKGROUND):\n\t\t\treturn <ColorPalette16 disabled={disabled} />;\n\t\tcase (TOOLBAR_DELETE_LINK):\n\t\tcase (TOOLBAR_DELETE_SELECTED_OBJECTS):\n\t\t\treturn <TrashCan16 disabled={disabled} />;\n\t\tcase (TOOLBAR_SET_COMMENT_EDIT_MODE):\n\t\tcase (TOOLBAR_SET_NODE_LABEL_EDIT):\n\t\t\treturn <Edit16 disabled={disabled} />;\n\t\tcase (TOOLBAR_ZOOM_IN):\n\t\t\treturn <ZoomIn16 disabled={disabled} />;\n\t\tcase (TOOLBAR_ZOOM_OUT):\n\t\t\treturn <ZoomOut16 disabled={disabled} />;\n\n\t\tcase (TOOLBAR_ZOOM_FIT):\n\t\t\treturn <SVG src={ZoomToFit} disabled={disabled} />;\n\t\tcase (TOOLBAR_ARRANGE_HORIZONALLY):\n\t\t\treturn <SVG src={ArrangeHorizontally} disabled={disabled} />;\n\t\tcase (TOOLBAR_ARRANGE_VERTICALLY):\n\t\t\treturn <SVG src={ArrangeVertically} disabled={disabled} />;\n\t\tcase (TOOLBAR_OPEN_PALETTE):\n\t\t\treturn <SVG src={PaletteOpen} disabled={disabled} />;\n\t\tcase (TOOLBAR_CLOSE_PALETTE):\n\t\t\treturn <SVG src={PaletteClose} disabled={disabled} />;\n\t\tcase (TOOLBAR_TOGGLE_NOTIFICATION_PANEL):\n\t\t\treturn <SVG src={ToggleNotificationPanel} disabled={disabled} />;\n\n\t\tdefault:\n\t\t\treturn null;\n\t\t}\n\t}\n\n\tgenerateLabel(label, disable, overflow, incLabelWithIcon) {\n\t\tlet className = \"toolbar-icon-label\";\n\t\tclassName += this.generateLabelType(overflow, incLabelWithIcon);\n\t\tclassName += disable ? \" disabled\" : \"\";\n\t\treturn (<div className={className}>{label}</div>);\n\t}\n\n\tgenerateLabelType(overflow, inLabelWithIcon) {\n\t\tif (overflow) {\n\t\t\treturn \" overflow\";\n\t\t} else if (inLabelWithIcon === \"before\") {\n\t\t\treturn \" before\";\n\t\t} else if (inLabelWithIcon === \"after\") {\n\t\t\treturn \" after\";\n\t\t}\n\t\treturn \"\";\n\t}\n\n\tgenerateIcon(actionObj) {\n\t\tlet icon = this.getDefaultIcon(actionObj);\n\n\t\t// Host application provided icon. This will override any default icon.\n\t\tif (actionObj.iconEnabled) {\n\t\t\tconst iconEnabled = actionObj.iconEnabled;\n\t\t\tconst iconDisabled = actionObj.iconDisabled || actionObj.iconEnabled;\n\t\t\tconst customIcon = actionObj.enable ? iconEnabled : iconDisabled;\n\t\t\tconst id = \"toolbar-icon-\" + this.props.instanceId + \" -\" + actionObj.action;\n\n\t\t\tif (typeof customIcon === \"string\") {\n\t\t\t\ticon = (<SVG id={id} src={customIcon} disabled={!actionObj.enable} />);\n\t\t\t} else {\n\t\t\t\ticon = customIcon;\n\t\t\t}\n\t\t}\n\n\t\tif (icon) {\n\t\t\treturn (\n\t\t\t\t<div className={\"toolbar-icon\"}>\n\t\t\t\t\t{icon}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\tclickOutside(evt) {\n\t\tif (this.state.subAreaDisplayed) {\n\t\t\tconst items = document.getElementsByClassName(this.generateActionName());\n\t\t\tconst isOver = items && items.length > 0 ? items[0].contains(evt.target) : false;\n\n\t\t\tif (!isOver) {\n\t\t\t\tthis.closeSubArea();\n\t\t\t}\n\t\t}\n\t}\n\n\topenSubArea() {\n\t\tthis.setState({ subAreaDisplayed: true });\n\t}\n\n\tcloseSubArea() {\n\t\tthis.setState({ subAreaDisplayed: false });\n\t}\n\n\tactionClickHandler(evt) {\n\t\tif (this.props.actionObj.subMenu || this.props.actionObj.subPanel) {\n\t\t\tif (this.state.showExtendedMenu) {\n\t\t\t\tdocument.removeEventListener(\"click\", this.clickOutside, false);\n\t\t\t} else {\n\t\t\t\tdocument.addEventListener(\"click\", this.clickOutside, false);\n\t\t\t}\n\n\t\t\tif (this.props.setResizeHandler) {\n\t\t\t\tif (this.state.subAreaDisplayed) {\n\t\t\t\t\tthis.props.setResizeHandler(null);\n\t\t\t\t} else {\n\t\t\t\t\tthis.props.setResizeHandler(this.closeSubArea);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (!this.props.overflow) {\n\t\t\t\tthis.setState({ subAreaDisplayed: !this.state.subAreaDisplayed });\n\t\t\t}\n\t\t} else {\n\t\t\tthis.props.toolbarActionHandler(this.props.actionObj.action, evt);\n\t\t}\n\t}\n\n\tgenerateButton(actionObj) {\n\t\tlet labelBefore = null;\n\t\tlet labelAfter = null;\n\n\t\tif (this.props.overflow) {\n\t\t\tlabelAfter = this.generateLabel(actionObj.label, !actionObj.enable, true);\n\n\t\t} else if (actionObj.incLabelWithIcon === \"before\") {\n\t\t\tlabelBefore = this.generateLabel(actionObj.label, !actionObj.enable, false, actionObj.incLabelWithIcon);\n\n\t\t} else if (actionObj.incLabelWithIcon === \"after\") {\n\t\t\tlabelAfter = this.generateLabel(actionObj.label, !actionObj.enable, false, actionObj.incLabelWithIcon);\n\t\t}\n\n\t\tconst icon = this.generateIcon(actionObj);\n\t\tconst textContent = actionObj.textContent ? (<div className=\"toolbar-text-content\"> {actionObj.textContent} </div>) : null;\n\n\t\tconst itemContentClassName = classNames(\n\t\t\t\"toolbar-item-content\",\n\t\t\tactionObj.className ? actionObj.className : null,\n\t\t\t{ \"overflow\": this.props.overflow, \"disabled\": !actionObj.enable, \"default\": !actionObj.kind });\n\n\t\t// If no 'kind' is set, use ghost and then override colors using the \"default\" class in innerDivClassName.\n\t\tconst kind = actionObj.kind || \"ghost\";\n\n\t\tconst chevronIcon = this.generateChevronIcon(actionObj);\n\n\t\tlet buttonContent = (\n\t\t\t<div className={itemContentClassName}>\n\t\t\t\t{labelBefore}\n\t\t\t\t{icon}\n\t\t\t\t{labelAfter}\n\t\t\t\t{textContent}\n\t\t\t\t{chevronIcon}\n\t\t\t</div>\n\t\t);\n\n\t\tbuttonContent = this.wrapInTooltip(buttonContent);\n\n\t\t// Only specify an aria label for the button if a label is not displayed\n\t\t// with the button icon.\n\t\tconst ariaLabel = actionObj.incLabelWithIcon ? null : actionObj.label;\n\n\t\tbuttonContent = (\n\t\t\t<Button kind={kind}\n\t\t\t\tonClick={this.actionClickHandler}\n\t\t\t\tdisabled={!actionObj.enable}\n\t\t\t\tonFocus={this.props.onFocus}\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tsize={this.props.size}\n\t\t\t>\n\t\t\t\t{buttonContent}\n\t\t\t</Button>\n\t\t);\n\n\t\treturn buttonContent;\n\t}\n\n\t// Returns a chevron icon if the action icon is displaying a sub-menu or\n\t// sub-panel. The chevron will:\n\t//  * point right if this action item is in a drop down menu\n\t//  * point down if this action item is displayed with text in the toolbar\n\t//    and the menu isn't displayed\n\t//  * point up if this action item is displayed with text in the toolbar\n\t//    and the menu is displayed\n\t//  * be a mini-chevron (small triangle in the bottom right of icon) if this\n\t//    action item isn't displayed with text.\n\tgenerateChevronIcon(actionObj) {\n\t\tif (actionObj.subMenu || actionObj.subPanel) {\n\t\t\tif (this.props.overflow) {\n\t\t\t\treturn (<ChevronRight16 />);\n\t\t\t}\n\t\t\tif (actionObj.incLabelWithIcon === \"before\" ||\n\t\t\t\t\tactionObj.incLabelWithIcon === \"after\") {\n\t\t\t\tconst chev = this.state.subAreaDisplayed ? (<ChevronUp16 />) : (<ChevronDown16 />);\n\t\t\t\treturn (<div className={\"toolbar-up-down-chevron\"}>{chev}</div>);\n\t\t\t}\n\t\t\treturn this.generateChevronMini();\n\t\t}\n\t\treturn null;\n\t}\n\n\t// Returns an svg to display the little triangle that appears in the bottom\n\t// right corner of icons that, when clicked, show a drop down menu.\n\tgenerateChevronMini() {\n\t\tconst path = this.props.size === \"sm\" ? \"M 29 29 L 29 23 23 29 Z\" : \"M 37 37 L 37 30 30 37 Z\";\n\t\treturn (\n\t\t\t<svg className=\"toolbar-tick-svg\">\n\t\t\t\t<path d={path} className=\"toolbar-tick-mark\" />\n\t\t\t</svg>\n\t\t);\n\t}\n\n\tgenerateActionName(actionObj) {\n\t\treturn this.props.actionObj.action + \"-action\";\n\t}\n\n\twrapInTooltip(content) {\n\t\tif (!this.props.overflow && (this.showLabelAsTip(this.props.actionObj) || this.props.actionObj.tooltip)) {\n\t\t\tconst actionName = this.generateActionName();\n\t\t\tconst tip = this.props.actionObj.tooltip ? this.props.actionObj.tooltip : this.props.actionObj.label;\n\t\t\tconst tooltipId = actionName + \"-\" + this.props.instanceId + \"-tooltip\";\n\t\t\tconst enableTooltip = this.props.actionObj.enable || this.props.actionObj.jsx; // JSX 'tools' don't have enable attr so always display a tooltip for them.\n\t\t\tconst direction = this.props.tooltipDirection ? this.props.tooltipDirection : \"bottom\";\n\n\t\t\treturn (\n\t\t\t\t<Tooltip id={tooltipId} tip={tip} disable={!enableTooltip} className=\"icon-tooltip\" direction={direction}>\n\t\t\t\t\t{content}\n\t\t\t\t</Tooltip>\n\t\t\t);\n\t\t}\n\t\treturn content;\n\t}\n\n\t// Returns true if the label should be shown as a tooltip or false if not.\n\t// We do not show the label as a tooltip if it is already shown in the\n\t// toolbar next to the icon (i.e. incLabelWithIcon is set to something).\n\tshowLabelAsTip(actionObj) {\n\t\tif (actionObj.label) {\n\t\t\tif (actionObj.incLabelWithIcon === \"before\" ||\n\t\t\t\t\tactionObj.incLabelWithIcon === \"after\") {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\t// Returns a sub-area for a cascading menu item. The sub-area can be either a\n\t// sub-panel which is a div contaiing whatever the caller passes in within the\n\t// supPanel field  OR a sub-menu which is a list of options which is created\n\t// from the array of items the caller passes in the subMenu field.\n\tgenerateSubArea() {\n\t\tconst elements = document.getElementsByClassName(this.generateActionName());\n\t\tconst actionItemRect = elements && elements.length > 0 ? elements[0].getBoundingClientRect() : { top: 0, left: 0, width: 120 };\n\n\t\treturn (\n\t\t\t<ToolbarActionSubArea\n\t\t\t\tactionObj={this.props.actionObj}\n\t\t\t\tgenerateToolbarItems={this.props.generateToolbarItems}\n\t\t\t\tcloseSubArea={this.props.actionObj.closeSubAreaOnClick ? this.closeSubArea : null}\n\t\t\t\tactionItemRect={actionItemRect}\n\t\t\t\tcontainingDivId={this.props.containingDivId}\n\t\t\t\texpandDirection={this.props.overflow ? \"horizontal\" : \"vertical\" }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst actionObj = this.props.actionObj;\n\t\tconst actionName = this.generateActionName();\n\t\tlet divContent = null;\n\n\t\tif (actionObj.jsx) {\n\t\t\tdivContent = this.wrapInTooltip(actionObj.jsx);\n\t\t} else {\n\t\t\tdivContent = this.generateButton(actionObj);\n\t\t}\n\n\t\tconst isToolbarItem = this.props.overflow ? null : true; // null wil make data-toolbar-item be removed\n\t\tconst kindAsClass = actionObj.kind ? actionObj.kind : \"default\";\n\n\t\tconst itemClassName = classNames(\n\t\t\t{ \"toolbar-overflow-menu-item\": this.props.overflow,\n\t\t\t\t\"toolbar-item\": !this.props.overflow && !actionObj.jsx,\n\t\t\t\t\"toolbar-jsx-item\": !this.props.overflow && actionObj.jsx,\n\t\t\t\t\"toolbar-overflow-jsx-item\": this.props.overflow && actionObj.jsx,\n\t\t\t\t\"toolbar-item-selected\": actionObj.isSelected },\n\t\t\tkindAsClass,\n\t\t\tactionName);\n\n\t\tconst subArea = this.state.subAreaDisplayed ? this.generateSubArea() : null;\n\n\t\treturn (\n\t\t\t<div className={itemClassName} data-toolbar-item={isToolbarItem} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>\n\t\t\t\t{divContent}\n\t\t\t\t{subArea}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolbarActionItem.propTypes = {\n\tactionObj: PropTypes.shape({\n\t\taction: PropTypes.string.isRequired,\n\t\tlabel: PropTypes.oneOfType([\n\t\t\tPropTypes.string,\n\t\t\tPropTypes.object\n\t\t]),\n\t\tincLabelWithIcon: PropTypes.oneOf([\"no\", \"before\", \"after\"]),\n\t\tenable: PropTypes.bool,\n\t\ticonEnabled: PropTypes.oneOfType([\n\t\t\tPropTypes.string,\n\t\t\tPropTypes.object\n\t\t]),\n\t\ticonDisabled: PropTypes.oneOfType([\n\t\t\tPropTypes.string,\n\t\t\tPropTypes.object\n\t\t]),\n\t\tclassName: PropTypes.string,\n\t\ttextContent: PropTypes.string,\n\t\tisSelected: PropTypes.bool,\n\t\tkind: PropTypes.string,\n\t\tcloseSubAreaOnClick: PropTypes.bool,\n\t\tgetSubPanelCloseFn: PropTypes.func,\n\t\tsubMenu: PropTypes.array,\n\t\tsubPanel: PropTypes.object,\n\t\tjsx: PropTypes.object,\n\t\ttooltip: PropTypes.oneOfType([\n\t\t\tPropTypes.string,\n\t\t\tPropTypes.object,\n\t\t\tPropTypes.func\n\t\t])\n\t}),\n\ttooltipDirection: PropTypes.oneOf([\"top\", \"bottom\"]),\n\ttoolbarActionHandler: PropTypes.func.isRequired,\n\tgenerateToolbarItems: PropTypes.func.isRequired,\n\tsetResizeHandler: PropTypes.func,\n\tinstanceId: PropTypes.number.isRequired,\n\tcontainingDivId: PropTypes.string,\n\toverflow: PropTypes.bool,\n\tonFocus: PropTypes.func,\n\tsize: PropTypes.oneOf([\"md\", \"sm\"])\n};\n\nexport default ToolbarActionItem;\n","export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%3E%20%3Cpath%20d%3D%22M6%2C7.5h4v1H6Z%22%2F%3E%20%3Cpath%20d%3D%22M4%2C12h8a.94.94%2C0%2C0%2C0%2C1-1V5a.94.94%2C0%2C0%2C0-1-1H4A.94.94%2C0%2C0%2C0%2C3%2C5v6A.94.94%2C0%2C0%2C0%2C4%2C12ZM4%2C5h8v6H4Z%22%2F%3E%20%3Cpolygon%20points%3D%222%203.5%201%203.5%201%201%203.5%201%203.5%202%202%202%202%203.5%22%2F%3E%20%3Cpolygon%20points%3D%2215%203.5%2014%203.5%2014%202%2012.5%202%2012.5%201%2015%201%2015%203.5%22%2F%3E%20%3Cpolygon%20points%3D%2215%2015%2012.5%2015%2012.5%2014%2014%2014%2014%2012.5%2015%2012.5%2015%2015%22%2F%3E%20%3Cpolygon%20points%3D%223.5%2015%201%2015%201%2012.5%202%2012.5%202%2014%203.5%2014%203.5%2015%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.5%22%20y%3D%222%22%20width%3D%2213%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221.5%22%20y%3D%2213%22%20width%3D%2213%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M7%2C10.5H2a.47.47%2C0%2C0%2C1-.5-.5V6A.47.47%2C0%2C0%2C1%2C2%2C5.5H7a.47.47%2C0%2C0%2C1%2C.5.5v4A.47.47%2C0%2C0%2C1%2C7%2C10.5Zm-4.5-1h4v-3h-4Z%22%2F%3E%3Cpath%20d%3D%22M14%2C10.5H9a.47.47%2C0%2C0%2C1-.5-.5V6A.47.47%2C0%2C0%2C1%2C9%2C5.5h5a.47.47%2C0%2C0%2C1%2C.5.5v4A.47.47%2C0%2C0%2C1%2C14%2C10.5Zm-4.5-1h4v-3h-4Z%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%222%22%20y%3D%221.5%22%20width%3D%221%22%20height%3D%2213%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%221.5%22%20width%3D%221%22%20height%3D%2213%22%2F%3E%3Cpath%20d%3D%22M10.5%2C7.5h-5A.47.47%2C0%2C0%2C1%2C5%2C7V3a.47.47%2C0%2C0%2C1%2C.5-.5h5A.47.47%2C0%2C0%2C1%2C11%2C3V7A.47.47%2C0%2C0%2C1%2C10.5%2C7.5ZM6%2C6.5h4v-3H6Z%22%2F%3E%3Cpath%20d%3D%22M10.5%2C13.5h-5A.47.47%2C0%2C0%2C1%2C5%2C13V9a.47.47%2C0%2C0%2C1%2C.5-.5h5A.47.47%2C0%2C0%2C1%2C11%2C9v4A.47.47%2C0%2C0%2C1%2C10.5%2C13.5ZM6%2C12.5h4v-3H6Z%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22currentColor%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M28%2C4H4A2%2C2%2C0%2C0%2C0%2C2%2C6V26a2%2C2%2C0%2C0%2C0%2C2%2C2H28a2%2C2%2C0%2C0%2C0%2C2-2V6A2%2C2%2C0%2C0%2C0%2C28%2C4Zm0%2C22H12V17.1h8.9l-2.5%2C2.5%2C1.5%2C1.5L25%2C16l-5.1-5.1-1.5%2C1.5%2C2.5%2C2.5H12V6H28Z%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22currentColor%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M28%2C4H4A2%2C2%2C0%2C0%2C0%2C2%2C6V26a2%2C2%2C0%2C0%2C0%2C2%2C2H28a2%2C2%2C0%2C0%2C0%2C2-2V6A2%2C2%2C0%2C0%2C0%2C28%2C4Zm0%2C11H19.1l2.5-2.5L20.1%2C11%2C15%2C16l5.1%2C5.1%2C1.5-1.5-2.5-2.5H28V26H12V6H28Z%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22currentColor%22%3E%20%3Cpath%20d%3D%22M27%2C12V27H5V5H20V3H5A2%2C2%2C0%2C0%2C0%2C3%2C5V27a2%2C2%2C0%2C0%2C0%2C2%2C2H27a2%2C2%2C0%2C0%2C0%2C2-2V12Z%22%2F%3E%20%3Ccircle%20class%3D%22dot%22%20cx%3D%2226.5%22%20cy%3D%225.5%22%20r%3D%223.5%22%2F%3E%3C%2Fsvg%3E\"","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { genElementByClass, genRectByClass } from \"./toolbar-utils.js\";\n\nclass ToolbarOverflowMenu extends React.Component {\n\n\tcomponentDidMount() {\n\t\tif (this.props.containingDivId) {\n\t\t\tthis.setSubAreaStyle();\n\t\t}\n\t}\n\n\tsetSubAreaStyle() {\n\t\tconst containingDiv = document.getElementById(this.props.containingDivId);\n\t\tconst containingDivRect = containingDiv.getBoundingClientRect();\n\n\t\tconst mainMenu = genElementByClass(\"toolbar-popover-list\", containingDiv);\n\t\tconst mainMenuRect = genRectByClass(\"toolbar-popover-list\", containingDiv);\n\n\t\tif (mainMenuRect) {\n\t\t\tconst overflowButtonRect = genRectByClass(this.props.buttonClass, containingDiv);\n\n\t\t\tif (overflowButtonRect) {\n\t\t\t\tconst contextToolbaRect = genRectByClass(\"context-toolbar\", containingDiv);\n\n\t\t\t\tif (contextToolbaRect) {\n\t\t\t\t\tconst outsideRight = mainMenuRect.right - containingDivRect.right;\n\t\t\t\t\tif (outsideRight > 0) {\n\t\t\t\t\t\tconst overflowIconOffsetX = overflowButtonRect.left - contextToolbaRect.left;\n\t\t\t\t\t\tmainMenu.style.left = (overflowIconOffsetX - outsideRight - 2) + \"px\";\n\t\t\t\t\t}\n\n\t\t\t\t\tconst outsideBottom = mainMenuRect.bottom - containingDivRect.bottom;\n\t\t\t\t\tif (outsideBottom > 0) {\n\t\t\t\t\t\tmainMenu.style.top = -mainMenuRect.height + \"px\";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\tlet overflowMenu = null;\n\t\tif (this.props.menuItems.length > 0) {\n\t\t\toverflowMenu = (\n\t\t\t\t<div className={\"toolbar-popover-list\"}>\n\t\t\t\t\t{this.props.menuItems}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\t\treturn overflowMenu;\n\t}\n}\n\nToolbarOverflowMenu.propTypes = {\n\tmenuItems: PropTypes.array.isRequired,\n\tcontainingDivId: PropTypes.string,\n\tbuttonClass: PropTypes.string\n};\n\nexport default ToolbarOverflowMenu;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { v4 as uuid4 } from \"uuid\";\nimport { Button } from \"carbon-components-react\";\nimport { OverflowMenuVertical16 } from \"@carbon/icons-react\";\nimport ToolbarOverflowMenu from \"./toolbar-overflow-menu.jsx\";\n\nclass ToolbarOverflowItem extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tshowExtendedMenu: false\n\t\t};\n\t\tthis.uuid = uuid4();\n\t\tthis.toggleExtendedMenu = this.toggleExtendedMenu.bind(this);\n\t\tthis.clickOutside = this.clickOutside.bind(this);\n\t}\n\n\t// We must remove the eventListener in case this class is unmounted due\n\t// to the toolbar getting redrawn.\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"click\", this.clickOutside, false);\n\t}\n\n\tgenOverflowButtonClass() {\n\t\treturn \"toolbar-spacer toolbar-index-\" + this.props.index + \" toolbar-uuid-\" + this.uuid;\n\t}\n\n\ttoggleExtendedMenu() {\n\t\tif (this.state.showExtendedMenu) {\n\t\t\tdocument.removeEventListener(\"click\", this.clickOutside, false);\n\t\t} else {\n\t\t\tdocument.addEventListener(\"click\", this.clickOutside, false);\n\t\t}\n\n\t\tif (this.props.setResizeHandler) {\n\t\t\tif (this.state.showExtendedMenu) {\n\t\t\t\tthis.props.setResizeHandler(null);\n\t\t\t} else {\n\t\t\t\tthis.props.setResizeHandler(() => {\n\t\t\t\t\tthis.setState({ showExtendedMenu: false });\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ showExtendedMenu: !this.state.showExtendedMenu });\n\t}\n\n\tclickOutside(evt) {\n\t\tif (this.state.showExtendedMenu) {\n\t\t\tconst items = document.getElementsByClassName(\"toolbar-uuid-\" + this.uuid);\n\t\t\tconst isOver = items && items.length > 0 ? items[0].contains(evt.target) : false;\n\n\t\t\tif (!isOver) {\n\t\t\t\tthis.setState({ showExtendedMenu: false });\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.props.setResizeHandler && !this.state.showExtendedMenu) {\n\t\t\tthis.props.setResizeHandler(null);\n\t\t}\n\n\t\tlet overflowMenu = null;\n\t\tif (this.state.showExtendedMenu) {\n\t\t\tconst menuItems = this.props.generateExtensionMenuItems(this.props.index);\n\t\t\toverflowMenu = (\n\t\t\t\t<ToolbarOverflowMenu\n\t\t\t\t\tmenuItems={menuItems}\n\t\t\t\t\tcontainingDivId={this.props.containingDivId}\n\t\t\t\t\tbuttonClass={\"toolbar-uuid-\" + this.uuid}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div className={this.genOverflowButtonClass()} >\n\t\t\t\t<div className={\"toolbar-overflow-item\"}>\n\t\t\t\t\t<Button kind=\"ghost\"\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\tonClick={this.toggleExtendedMenu}\n\t\t\t\t\t\tonFocus={this.props.onFocus}\n\t\t\t\t\t\taria-label={this.props.label}\n\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"toolbar-item-content default\">\n\t\t\t\t\t\t\t<div className=\"toolbar-icon\">\n\t\t\t\t\t\t\t\t<OverflowMenuVertical16 />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t\t{overflowMenu}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolbarOverflowItem.propTypes = {\n\tindex: PropTypes.number.isRequired,\n\tgenerateExtensionMenuItems: PropTypes.func,\n\tsetResizeHandler: PropTypes.func,\n\tcontainingDivId: PropTypes.string,\n\tonFocus: PropTypes.func,\n\tlabel: PropTypes.string,\n\tsize: PropTypes.oneOf([\"md\", \"sm\"])\n};\n\nexport default ToolbarOverflowItem;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\n\nclass ToolbarDividerItem extends React.Component {\n\n\trender() {\n\t\tconst dividerClassName = this.props.overflow ? \"toolbar-divider-overflow\" : \"toolbar-divider\";\n\n\t\t// Add a space as content. When using display: inline-block the div needs\n\t\t// some content so it is displayed inline with the other elements of the\n\t\t// toolbar. With no content it is displayed above (!) the other elements.\n\t\treturn (\n\t\t\t<div className={dividerClassName} data-toolbar-item tabIndex={-1} aria-hidden >&nbsp;</div>\n\t\t);\n\t}\n}\n\nToolbarDividerItem.propTypes = {\n\toverflow: PropTypes.bool\n};\n\nexport default ToolbarDividerItem;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport ReactResizeDetector from \"react-resize-detector\";\n\nimport ToolbarActionItem from \"./toolbar-action-item.jsx\";\nimport ToolbarOverflowItem from \"./toolbar-overflow-item.jsx\";\nimport ToolbarDividerItem from \"./toolbar-divider-item.jsx\";\n\nclass Toolbar extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.leftBar = [];\n\t\tthis.rightBar = [];\n\n\t\tthis.resizeHandler = null;\n\t\tthis.onFocus = this.onFocus.bind(this);\n\t\tthis.onToolbarResize = this.onToolbarResize.bind(this);\n\t\tthis.generateExtensionMenuItems = this.generateExtensionMenuItems.bind(this);\n\t\tthis.generateToolbarItems = this.generateToolbarItems.bind(this);\n\t\tthis.setResizeHandler = this.setResizeHandler.bind(this);\n\t}\n\n\t// When the toolbar is initially opened the tabindex for each element may not\n\t// be set correctly because of the time it takes to initially render the DOM.\n\t// Typically, this means the tabindex is not set correctly on whichever\n\t// overflow menu icon is displayed. Therefore, as the user moves the focus\n\t// to the first element in the toolbar (whose tabindex IS typically OK) we\n\t// set the tabindex for all elements again, this then sets the overflow\n\t// icon's tabindex correctly.\n\tonFocus() {\n\t\tthis.setLeftBarItemsTabIndex();\n\t\tthis.setRightBarItemsTabIndex();\n\t}\n\n\t// Prevents the inline-block elements of the left bar being scrolled to\n\t// reveal the wrapped elements, when the user tabs through the elements.\n\tonScroll(evt) {\n\t\tevt.currentTarget.scroll(0, 0);\n\t\tevt.preventDefault();\n\t}\n\n\t// Close the overflow menu, if it is open, when the toolbar is resized in\n\t// case a new menu needs to be displayed with the new toolbar width.\n\tonToolbarResize() {\n\t\tif (this.resizeHandler) {\n\t\t\tthis.resizeHandler();\n\t\t}\n\n\t\tthis.setLeftBarItemsTabIndex();\n\t\tthis.setRightBarItemsTabIndex();\n\t}\n\n\t// Allows the overflow item or action item to set a function that will be\n\t// called when the toolbar is resized. This function causes the menu that\n\t// is currently open to be closed.\n\tsetResizeHandler(resizeHandler) {\n\t\tthis.resizeHandler = resizeHandler;\n\t}\n\n\t// Sets the tabindex on all left bar items so tabbing works correctly. This\n\t// falls into two parts: 1. Set the tabindex for all overflow items to -1\n\t// except the overflow item that is displayed (if there is one). 2. Set the\n\t// tabindex of all hidden regular toolbar items to -1 and to 0 for all\n\t// displayed regular toolbar items.\n\t// Note: We detect the y coordinate of the 'top row' by using the top of\n\t// the first overflow icon. This is because the toolbar might be compressed\n\t// to the extent that the first overflow icon is the only item on the left\n\t// of the toolbar.\n\tsetLeftBarItemsTabIndex() {\n\t\tconst bar = this.getBar(\"left\");\n\t\tif (!bar) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = bar.querySelectorAll(\"[data-toolbar-item=true]\") || [];\n\t\tconst topRow = this.getTopOfFirstOverflowItem(bar);\n\t\tlet lastTopRowElement = -1;\n\n\t\tfor (let i = 0; i < items.length; i++) {\n\t\t\tconst itemRect = items[i].getBoundingClientRect();\n\n\t\t\tthis.setOverflowItemButtonTabIndex(i, -1, bar);\n\n\t\t\tif (itemRect.top === topRow) {\n\t\t\t\tlastTopRowElement = i;\n\t\t\t\tthis.setToolbarItemButtonTabIndex(items[i], 0);\n\t\t\t} else {\n\t\t\t\tthis.setToolbarItemButtonTabIndex(items[i], -1);\n\t\t\t}\n\t\t}\n\n\t\tif (lastTopRowElement < items.length) {\n\t\t\tthis.setOverflowItemButtonTabIndex(lastTopRowElement + 1, 0, bar);\n\t\t}\n\t}\n\n\t// Sets the tabindex on all right bar items so tabbing works correctly. This\n\t// involves setting the tabindex of all hidden regular toolbar items to -1\n\t// and to 0 for all displayed regular toolbar items.\n\tsetRightBarItemsTabIndex() {\n\t\tconst items = this.getRightBarItems();\n\t\tlet topRow = 0;\n\n\t\tfor (let i = 0; i < items.length; i++) {\n\t\t\tconst itemRect = items[i].getBoundingClientRect();\n\n\t\t\tif (i === 0) {\n\t\t\t\ttopRow = itemRect.top;\n\t\t\t}\n\n\t\t\tif (itemRect.top === topRow) {\n\t\t\t\tthis.setToolbarItemButtonTabIndex(items[i], 0);\n\t\t\t} else {\n\t\t\t\tthis.setToolbarItemButtonTabIndex(items[i], -1);\n\t\t\t}\n\t\t}\n\t}\n\n\tgetBar(side) {\n\t\tconst id = this.props.instanceId;\n\t\tconst part = document.querySelector(`.toolbar-div[instanceid='${id}'] > .toolbar-${side}-bar`) || [];\n\t\treturn part;\n\t}\n\n\tgetRightBarItems() {\n\t\tconst bar = this.getBar(\"right\");\n\t\tif (!bar) {\n\t\t\treturn [];\n\t\t}\n\t\treturn bar.querySelectorAll(\"[data-toolbar-item=true]\") || [];\n\t}\n\n\tgetTopOfFirstOverflowItem(bar) {\n\t\tconst firstOverflowItem = this.getOverflowItem(0, bar);\n\t\tif (firstOverflowItem) {\n\t\t\tconst rect = firstOverflowItem.getBoundingClientRect();\n\t\t\treturn rect.top;\n\t\t}\n\t\treturn 0;\n\t}\n\n\tgetOverflowItem(index, bar) {\n\t\tconst overflowClassName = \"toolbar-index-\" + index;\n\t\treturn bar.getElementsByClassName(overflowClassName)[0];\n\t}\n\n\tsetToolbarItemButtonTabIndex(item, tabIndex) {\n\t\tconst button = item.querySelector(\"button\");\n\t\tif (button) {\n\t\t\tbutton.setAttribute(\"tabindex\", tabIndex);\n\t\t}\n\t}\n\n\tsetOverflowItemButtonTabIndex(index, tabIndex, bar) {\n\t\tconst overflowItem = this.getOverflowItem(index, bar);\n\t\tif (overflowItem) {\n\t\t\tconst overflowButton = overflowItem.querySelector(\"button\");\n\t\t\tif (overflowButton) {\n\t\t\t\toverflowButton.setAttribute(\"tabindex\", tabIndex);\n\t\t\t}\n\t\t}\n\t}\n\n\tgenerateToolbarItems(actionDefinitions, overflow, withSpacer) {\n\t\tconst newItems = [];\n\n\t\tfor (let i = 0; i < actionDefinitions.length; i++) {\n\t\t\tconst actionObj = actionDefinitions[i];\n\t\t\tif (actionObj) {\n\t\t\t\tif (withSpacer && !actionObj.divider) {\n\t\t\t\t\tnewItems.push(this.generateOverflowIcon(i));\n\t\t\t\t}\n\t\t\t\tnewItems.push(this.generateToolbarItem(actionObj, i, overflow));\n\t\t\t}\n\t\t}\n\t\treturn newItems;\n\t}\n\n\tgenerateToolbarItem(actionObj, i, overflow) {\n\t\tlet jsx = null;\n\t\tif (actionObj) {\n\t\t\tif (actionObj.divider) {\n\t\t\t\tjsx = (\n\t\t\t\t\t<ToolbarDividerItem\n\t\t\t\t\t\tkey={\"toolbar-item-key-\" + i}\n\t\t\t\t\t\toverflow={overflow}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tjsx = (\n\t\t\t\t\t<ToolbarActionItem\n\t\t\t\t\t\tkey={\"toolbar-item-key-\" + i}\n\t\t\t\t\t\tactionObj={actionObj}\n\t\t\t\t\t\ttooltipDirection={this.props.tooltipDirection}\n\t\t\t\t\t\ttoolbarActionHandler={this.props.toolbarActionHandler}\n\t\t\t\t\t\tgenerateToolbarItems={this.generateToolbarItems}\n\t\t\t\t\t\tsetResizeHandler={this.setResizeHandler}\n\t\t\t\t\t\toverflow={overflow}\n\t\t\t\t\t\tinstanceId={this.props.instanceId}\n\t\t\t\t\t\tcontainingDivId={this.props.containingDivId}\n\t\t\t\t\t\tonFocus={this.onFocus}\n\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\treturn jsx;\n\t}\n\n\tgenerateOverflowIcon(index) {\n\t\tconst label = this.props.additionalText ? this.props.additionalText.overflowMenuLabel : \"\";\n\t\tconst jsx = (\n\t\t\t<ToolbarOverflowItem\n\t\t\t\tkey={\"toolbar-overflow-item-key-\" + index}\n\t\t\t\tindex={index}\n\t\t\t\tgenerateExtensionMenuItems={this.generateExtensionMenuItems}\n\t\t\t\tsetResizeHandler={this.setResizeHandler}\n\t\t\t\tcontainingDivId={this.props.containingDivId}\n\t\t\t\tonFocus={this.onFocus}\n\t\t\t\tlabel={label}\n\t\t\t\tsize={this.props.size}\n\t\t\t/>\n\t\t);\n\n\t\treturn jsx;\n\t}\n\n\t// Generates an array of action definition elements that correspond to the\n\t// hidden DOM items on the left and right of the toolbar. For any left bar\n\t// items we can use the leftIndex passed in to split the leftBar defintion\n\t// array, however for the right side we need to loop through the DOM items\n\t// and discover which is hidden and which is displayed.\n\tgenerateExtensionMenuItems(leftIndex) {\n\t\tconst rightItems = this.generateRightOverflowItems();\n\t\trightItems.reverse();\n\n\t\tconst overflowMenuBarItems = this.leftBar.slice(leftIndex).concat(rightItems);\n\t\tconst extensionItems = this.generateToolbarItems(overflowMenuBarItems, true, false);\n\t\treturn extensionItems;\n\t}\n\n\t// Generates an array of right side defintion items that correspond to\n\t// right side DOM items that are hidden.\n\tgenerateRightOverflowItems() {\n\t\tconst newDefItems = [];\n\t\tconst items = this.getRightBarItems();\n\t\tlet topRow = 0;\n\n\t\tfor (let i = 0; i < items.length; i++) {\n\t\t\tconst rect = items[i].getBoundingClientRect();\n\n\t\t\tif (i === 0) {\n\t\t\t\ttopRow = rect.top;\n\t\t\t}\n\n\t\t\tif (rect.top !== topRow) {\n\t\t\t\tnewDefItems.push(this.rightBar[i]);\n\t\t\t}\n\t\t}\n\t\treturn newDefItems;\n\t}\n\n\trender() {\n\t\tthis.leftBar = this.props.config.leftBar || [];\n\t\tthis.rightBar = this.props.config.rightBar || [];\n\t\tthis.rightBar = [...this.rightBar].reverse() || [];\n\n\t\tconst leftItems = this.generateToolbarItems(this.leftBar, false, true);\n\t\tconst rightItems = this.generateToolbarItems(this.rightBar, false, false);\n\n\t\tconst toolbarSizeClass = this.props.size === \"sm\" ? \"toolbar-div toolbar-size-small\" : \"toolbar-div\";\n\t\tconst canvasToolbar = (\n\t\t\t<ReactResizeDetector handleWidth onResize={this.onToolbarResize}>\n\t\t\t\t<div className={toolbarSizeClass} instanceid={this.props.instanceId}>\n\t\t\t\t\t<div className=\"toolbar-left-bar\" onScroll={this.onScroll}>\n\t\t\t\t\t\t{leftItems}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"toolbar-right-bar\">\n\t\t\t\t\t\t{rightItems}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ReactResizeDetector>\n\t\t);\n\t\treturn canvasToolbar;\n\t}\n}\n\nToolbar.propTypes = {\n\tconfig: PropTypes.object.isRequired,\n\tinstanceId: PropTypes.number.isRequired,\n\tcontainingDivId: PropTypes.string,\n\ttoolbarActionHandler: PropTypes.func,\n\ttooltipDirection: PropTypes.string,\n\tadditionalText: PropTypes.object,\n\tsize: PropTypes.oneOf([\"md\", \"sm\"])\n};\n\nexport default Toolbar;\n"],"names":["reWhitespace","trimmedEndIndex","string","index","length","test","charAt","reTrimStart","baseTrim","slice","replace","isObject","require$$1","isSymbol","require$$2","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","parseInt","toNumber_1","value","other","valueOf","isBinary","toNumber","require$$0","INFINITY","toFinite","toInteger_1","result","remainder","genElementByClass","className","containingDiv","elements","getElementsByClassName","genRectByClass","element","getBoundingClientRect","_React$Component","ToolbarActionSubArea","props","_this","_classCallCheck","_callSuper","onClick","bind","_assertThisInitialized","_inherits","_createClass","key","this","containingDivId","adjustSubAreaPosition","closeSubArea","document","getElementById","containingDivRect","classToGet","actionObj","subPanel","thisArea","thisAreaRect","outsideBottom","bottom","outsideRight","right","expandDirection","newTop","actionItemRect","top","height","style","newLeft","left","width","generateSubAreaStyle","React","createElement","subMenu","subMenuItems","generateToolbarItems","Component","ToolbarActionItem","state","subAreaDisplayed","actionClickHandler","onMouseEnter","onMouseLeave","openSubArea","clickOutside","getSubPanelCloseFn","removeEventListener","evt","overflow","disabled","enable","action","TOOLBAR_STOP","StopFilledAlt16","TOOLBAR_RUN","Play16","TOOLBAR_EXPAND_SUPERNODE_IN_PLACE","Maximize16","TOOLBAR_COLLAPSE_SUPERNODE_IN_PLACE","Minimize16","TOOLBAR_EXPAND_SUPERNODE_FULL_PAGE","Launch16","TOOLBAR_UNDO","Undo16","TOOLBAR_REDO","Redo16","TOOLBAR_CLIPBOARD","Result16","TOOLBAR_CUT","Cut16","TOOLBAR_COPY","Copy16","TOOLBAR_PASTE","Paste16","TOOLBAR_CREATE_COMMENT","TOOLBAR_CREATE_AUTO_COMMENT","AddComment16","TOOLBAR_SHOW_COMMENTS","Chat16","TOOLBAR_HIDE_COMMENTS","ChatOff16","TOOLBAR_COLOR_BACKGROUND","ColorPalette16","TOOLBAR_DELETE_LINK","TOOLBAR_DELETE_SELECTED_OBJECTS","TrashCan16","TOOLBAR_SET_COMMENT_EDIT_MODE","TOOLBAR_SET_NODE_LABEL_EDIT","Edit16","TOOLBAR_ZOOM_IN","ZoomIn16","TOOLBAR_ZOOM_OUT","ZoomOut16","TOOLBAR_ZOOM_FIT","SVG","src","TOOLBAR_ARRANGE_HORIZONALLY","TOOLBAR_ARRANGE_VERTICALLY","TOOLBAR_OPEN_PALETTE","TOOLBAR_CLOSE_PALETTE","TOOLBAR_TOGGLE_NOTIFICATION_PANEL","label","disable","incLabelWithIcon","generateLabelType","inLabelWithIcon","icon","getDefaultIcon","iconEnabled","iconDisabled","customIcon","id","instanceId","items","generateActionName","contains","target","setState","showExtendedMenu","addEventListener","setResizeHandler","toolbarActionHandler","labelBefore","labelAfter","generateLabel","generateIcon","textContent","itemContentClassName","classNames","default","kind","chevronIcon","generateChevronIcon","buttonContent","wrapInTooltip","ariaLabel","Button","onFocus","size","ChevronRight16","chev","ChevronUp16","ChevronDown16","generateChevronMini","path","d","content","showLabelAsTip","tooltip","actionName","tip","tooltipId","enableTooltip","jsx","direction","tooltipDirection","Tooltip","closeSubAreaOnClick","divContent","generateButton","isToolbarItem","kindAsClass","itemClassName","isSelected","subArea","generateSubArea","ToolbarOverflowMenu","arguments","setSubAreaStyle","mainMenu","mainMenuRect","overflowButtonRect","buttonClass","contextToolbaRect","overflowIconOffsetX","overflowMenu","menuItems","ToolbarOverflowItem","uuid","uuid4","toggleExtendedMenu","_this2","generateExtensionMenuItems","genOverflowButtonClass","tabIndex","OverflowMenuVertical16","ToolbarDividerItem","dividerClassName","Toolbar","leftBar","rightBar","resizeHandler","onToolbarResize","setLeftBarItemsTabIndex","setRightBarItemsTabIndex","currentTarget","scroll","preventDefault","bar","getBar","querySelectorAll","topRow","getTopOfFirstOverflowItem","lastTopRowElement","i","itemRect","setOverflowItemButtonTabIndex","setToolbarItemButtonTabIndex","getRightBarItems","side","querySelector","concat","firstOverflowItem","getOverflowItem","overflowClassName","item","button","setAttribute","overflowItem","overflowButton","actionDefinitions","withSpacer","newItems","divider","push","generateOverflowIcon","generateToolbarItem","additionalText","overflowMenuLabel","leftIndex","rightItems","generateRightOverflowItems","reverse","overflowMenuBarItems","newDefItems","rect","config","_toConsumableArray","leftItems","toolbarSizeClass","ReactResizeDetector","handleWidth","onResize","instanceid","onScroll"],"mappings":"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"}

package/dist/toolbar-fdb750f9.js

@@ -1,2 +0,0 @@
-import{m as e,I as t}from"./isArrayLikeObject-36898fcb.js";import{c as n}from"./datarecord-metadata-v3-schema-59505bc5.js";import{_ as r,a as o}from"./createClass-440000a3.js";import{_ as a,a as s,b as i,c as l}from"./inherits-226dfdb2.js";import c from"react";import u from"react-resize-detector";import p from"./lib/tooltip.es.js";import{Button as h}from"carbon-components-react";import d from"react-inlinesvg";import{c as v}from"./_baseIteratee-05ccf6a8.js";import{ZoomOut16 as b,ZoomIn16 as m,Edit16 as C,TrashCan16 as f,ColorPalette16 as g,ChatOff16 as E,Chat16 as y,AddComment16 as I,Paste16 as k,Copy16 as w,Cut16 as x,Result16 as D,Redo16 as A,Undo16 as B,Launch16 as F,Minimize16 as O,Maximize16 as M,Play16 as R,StopFilledAlt16 as H,ChevronRight16 as T,ChevronUp16 as j,ChevronDown16 as S,OverflowMenuVertical16 as z}from"@carbon/icons-react";import{T as L,m as N,n as V,o as Z,p as P,q as W,r as q,s as $,t as _,u as U,v as G,w as J,x as K,y as Q,z as X,A as Y,B as ee,D as te,F as ne,G as re,H as oe,J as ae,K as se,L as ie,M as le,N as ce,O as ue,P as pe}from"./canvas-constants-079172c0.js";import{v4 as he}from"uuid";var de=/\s/;var ve=function(e){for(var t=e.length;t--&&de.test(e.charAt(t)););return t},be=/^\s+/;var me=function(e){return e?e.slice(0,ve(e)+1).replace(be,""):e},Ce=e,fe=t,ge=/^[-+]0x[0-9a-f]+$/i,Ee=/^0b[01]+$/i,ye=/^0o[0-7]+$/i,Ie=parseInt;var ke=function(e){if("number"==typeof e)return e;if(fe(e))return NaN;if(Ce(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Ce(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=me(e);var n=Ee.test(e);return n||ye.test(e)?Ie(e.slice(2),n?2:8):ge.test(e)?NaN:+e},we=ke,xe=1/0;var De=function(e){return e?(e=we(e))===xe||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var Ae=function(e){var t=De(e),n=t%1;return t==t?n?t-n:t:0},Be=function(e,t){var n=t.getElementsByClassName(e);return n&&n.length>0?n[0]:null},Fe=function(e,t){var n=Be(e,t);return n?n.getBoundingClientRect():null};function Oe(e,t,n){return t=s(t),i(e,Me()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function Me(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(Me=function(){return!!e})()}var Re=function(e){function t(e){var n;return r(this,t),(n=Oe(this,t,[e])).onClick=n.onClick.bind(l(n)),n}return a(t,e),o(t,[{key:"componentDidMount",value:function(){this.props.containingDivId&&this.adjustSubAreaPosition()}},{key:"onClick",value:function(){this.props.closeSubArea&&this.props.closeSubArea()}},{key:"adjustSubAreaPosition",value:function(){var e=document.getElementById(this.props.containingDivId),t=e.getBoundingClientRect(),n=this.props.actionObj.subPanel?"subpanel":"submenu",r=Be(n,e),o=Fe(n,e),a=o.bottom-t.bottom,s=o.right-t.right;if("vertical"===this.props.expandDirection){if(a>0){var i=this.props.actionItemRect.top-o.height;r.style.top=i+"px"}if(s>0){var l=this.props.actionItemRect.left-s-2;r.style.left=l+"px"}}else{if(a>0){var c=o.top-a-2;r.style.top=c+"px"}if(s>0){var u=this.props.actionItemRect.left-o.width;r.style.left=u+"px"}}}},{key:"generateSubAreaStyle",value:function(){return"vertical"===this.props.expandDirection?{top:this.props.actionItemRect.bottom+1,left:this.props.actionItemRect.left}:{top:this.props.actionItemRect.top-1,left:this.props.actionItemRect.left+this.props.actionItemRect.width}}},{key:"render",value:function(){var e=this.generateSubAreaStyle();if(this.props.actionObj.subPanel)return c.createElement("div",{style:e,className:"toolbar-popover-list subpanel",onClick:this.onClick},this.props.actionObj.subPanel);if(this.props.actionObj.subMenu){var t=this.props.generateToolbarItems(this.props.actionObj.subMenu,!0,!1);return c.createElement("div",{style:e,className:"toolbar-popover-list submenu",onClick:this.onClick},t)}return null}}]),t}(c.Component);function He(e,t,n){return t=s(t),i(e,Te()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function Te(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(Te=function(){return!!e})()}var je=function(e){function t(e){var n;return r(this,t),(n=He(this,t,[e])).state={subAreaDisplayed:!1},n.actionClickHandler=n.actionClickHandler.bind(l(n)),n.onMouseEnter=n.onMouseEnter.bind(l(n)),n.onMouseLeave=n.onMouseLeave.bind(l(n)),n.openSubArea=n.openSubArea.bind(l(n)),n.closeSubArea=n.closeSubArea.bind(l(n)),n.clickOutside=n.clickOutside.bind(l(n)),n}return a(t,e),o(t,[{key:"componentDidMount",value:function(){this.props.actionObj.getSubPanelCloseFn&&this.props.actionObj.getSubPanelCloseFn(this.closeSubArea)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.clickOutside,!1)}},{key:"onMouseEnter",value:function(e){(this.props.actionObj.subMenu||this.props.actionObj.subPanel)&&this.props.overflow&&this.openSubArea()}},{key:"onMouseLeave",value:function(e){(this.props.actionObj.subMenu||this.props.actionObj.subPanel)&&this.props.overflow&&this.closeSubArea()}},{key:"getDefaultIcon",value:function(e){var t=!e.enable;switch(e.action){case pe:return c.createElement(H,{disabled:t});case ue:return c.createElement(R,{disabled:t});case ce:return c.createElement(M,{disabled:t});case le:return c.createElement(O,{disabled:t});case ie:return c.createElement(F,{disabled:t});case se:return c.createElement(B,{disabled:t});case ae:return c.createElement(A,{disabled:t});case oe:return c.createElement(D,{disabled:t});case re:return c.createElement(x,{disabled:t});case ne:return c.createElement(w,{disabled:t});case te:return c.createElement(k,{disabled:t});case ee:case Y:return c.createElement(I,{disabled:t});case X:return c.createElement(y,{disabled:t});case Q:return c.createElement(E,{disabled:t});case K:return c.createElement(g,{disabled:t});case J:case G:return c.createElement(f,{disabled:t});case U:case _:return c.createElement(C,{disabled:t});case $:return c.createElement(m,{disabled:t});case q:return c.createElement(b,{disabled:t});case W:return c.createElement(d,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%3E%20%3Cpath%20d%3D%22M6%2C7.5h4v1H6Z%22%2F%3E%20%3Cpath%20d%3D%22M4%2C12h8a.94.94%2C0%2C0%2C0%2C1-1V5a.94.94%2C0%2C0%2C0-1-1H4A.94.94%2C0%2C0%2C0%2C3%2C5v6A.94.94%2C0%2C0%2C0%2C4%2C12ZM4%2C5h8v6H4Z%22%2F%3E%20%3Cpolygon%20points%3D%222%203.5%201%203.5%201%201%203.5%201%203.5%202%202%202%202%203.5%22%2F%3E%20%3Cpolygon%20points%3D%2215%203.5%2014%203.5%2014%202%2012.5%202%2012.5%201%2015%201%2015%203.5%22%2F%3E%20%3Cpolygon%20points%3D%2215%2015%2012.5%2015%2012.5%2014%2014%2014%2014%2012.5%2015%2012.5%2015%2015%22%2F%3E%20%3Cpolygon%20points%3D%223.5%2015%201%2015%201%2012.5%202%2012.5%202%2014%203.5%2014%203.5%2015%22%2F%3E%3C%2Fsvg%3E",disabled:t});case P:return c.createElement(d,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.5%22%20y%3D%222%22%20width%3D%2213%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221.5%22%20y%3D%2213%22%20width%3D%2213%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M7%2C10.5H2a.47.47%2C0%2C0%2C1-.5-.5V6A.47.47%2C0%2C0%2C1%2C2%2C5.5H7a.47.47%2C0%2C0%2C1%2C.5.5v4A.47.47%2C0%2C0%2C1%2C7%2C10.5Zm-4.5-1h4v-3h-4Z%22%2F%3E%3Cpath%20d%3D%22M14%2C10.5H9a.47.47%2C0%2C0%2C1-.5-.5V6A.47.47%2C0%2C0%2C1%2C9%2C5.5h5a.47.47%2C0%2C0%2C1%2C.5.5v4A.47.47%2C0%2C0%2C1%2C14%2C10.5Zm-4.5-1h4v-3h-4Z%22%2F%3E%3C%2Fsvg%3E",disabled:t});case Z:return c.createElement(d,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%222%22%20y%3D%221.5%22%20width%3D%221%22%20height%3D%2213%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%221.5%22%20width%3D%221%22%20height%3D%2213%22%2F%3E%3Cpath%20d%3D%22M10.5%2C7.5h-5A.47.47%2C0%2C0%2C1%2C5%2C7V3a.47.47%2C0%2C0%2C1%2C.5-.5h5A.47.47%2C0%2C0%2C1%2C11%2C3V7A.47.47%2C0%2C0%2C1%2C10.5%2C7.5ZM6%2C6.5h4v-3H6Z%22%2F%3E%3Cpath%20d%3D%22M10.5%2C13.5h-5A.47.47%2C0%2C0%2C1%2C5%2C13V9a.47.47%2C0%2C0%2C1%2C.5-.5h5A.47.47%2C0%2C0%2C1%2C11%2C9v4A.47.47%2C0%2C0%2C1%2C10.5%2C13.5ZM6%2C12.5h4v-3H6Z%22%2F%3E%3C%2Fsvg%3E",disabled:t});case V:return c.createElement(d,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22currentColor%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M28%2C4H4A2%2C2%2C0%2C0%2C0%2C2%2C6V26a2%2C2%2C0%2C0%2C0%2C2%2C2H28a2%2C2%2C0%2C0%2C0%2C2-2V6A2%2C2%2C0%2C0%2C0%2C28%2C4Zm0%2C22H12V17.1h8.9l-2.5%2C2.5%2C1.5%2C1.5L25%2C16l-5.1-5.1-1.5%2C1.5%2C2.5%2C2.5H12V6H28Z%22%2F%3E%3C%2Fsvg%3E",disabled:t});case N:return c.createElement(d,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22currentColor%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M28%2C4H4A2%2C2%2C0%2C0%2C0%2C2%2C6V26a2%2C2%2C0%2C0%2C0%2C2%2C2H28a2%2C2%2C0%2C0%2C0%2C2-2V6A2%2C2%2C0%2C0%2C0%2C28%2C4Zm0%2C11H19.1l2.5-2.5L20.1%2C11%2C15%2C16l5.1%2C5.1%2C1.5-1.5-2.5-2.5H28V26H12V6H28Z%22%2F%3E%3C%2Fsvg%3E",disabled:t});case L:return c.createElement(d,{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22currentColor%22%3E%20%3Cpath%20d%3D%22M27%2C12V27H5V5H20V3H5A2%2C2%2C0%2C0%2C0%2C3%2C5V27a2%2C2%2C0%2C0%2C0%2C2%2C2H27a2%2C2%2C0%2C0%2C0%2C2-2V12Z%22%2F%3E%20%3Ccircle%20class%3D%22dot%22%20cx%3D%2226.5%22%20cy%3D%225.5%22%20r%3D%223.5%22%2F%3E%3C%2Fsvg%3E",disabled:t});default:return null}}},{key:"generateLabel",value:function(e,t,n,r){var o="toolbar-icon-label";return o+=this.generateLabelType(n,r),o+=t?" disabled":"",c.createElement("div",{className:o},e)}},{key:"generateLabelType",value:function(e,t){return e?" overflow":"before"===t?" before":"after"===t?" after":""}},{key:"generateIcon",value:function(e){var t=this.getDefaultIcon(e);if(e.iconEnabled){var n=e.iconEnabled,r=e.iconDisabled||e.iconEnabled,o=e.enable?n:r,a="toolbar-icon-"+this.props.instanceId+" -"+e.action;t="string"==typeof o?c.createElement(d,{id:a,src:o,disabled:!e.enable}):o}return t?c.createElement("div",{className:"toolbar-icon"},t):null}},{key:"clickOutside",value:function(e){if(this.state.subAreaDisplayed){var t=document.getElementsByClassName(this.generateActionName());!!(t&&t.length>0)&&t[0].contains(e.target)||this.closeSubArea()}}},{key:"openSubArea",value:function(){this.setState({subAreaDisplayed:!0})}},{key:"closeSubArea",value:function(){this.setState({subAreaDisplayed:!1})}},{key:"actionClickHandler",value:function(e){this.props.actionObj.subMenu||this.props.actionObj.subPanel?(this.state.showExtendedMenu?document.removeEventListener("click",this.clickOutside,!1):document.addEventListener("click",this.clickOutside,!1),this.props.setResizeHandler&&(this.state.subAreaDisplayed?this.props.setResizeHandler(null):this.props.setResizeHandler(this.closeSubArea)),this.props.overflow||this.setState({subAreaDisplayed:!this.state.subAreaDisplayed})):this.props.toolbarActionHandler(this.props.actionObj.action,e)}},{key:"generateButton",value:function(e){var t=null,n=null;this.props.overflow?n=this.generateLabel(e.label,!e.enable,!0):"before"===e.incLabelWithIcon?t=this.generateLabel(e.label,!e.enable,!1,e.incLabelWithIcon):"after"===e.incLabelWithIcon&&(n=this.generateLabel(e.label,!e.enable,!1,e.incLabelWithIcon));var r=this.generateIcon(e),o=e.textContent?c.createElement("div",{className:"toolbar-text-content"}," ",e.textContent," "):null,a=v("toolbar-item-content",e.className?e.className:null,{overflow:this.props.overflow,disabled:!e.enable,default:!e.kind}),s=e.kind||"ghost",i=this.generateChevronIcon(e),l=c.createElement("div",{className:a},t,r,n,o,i);l=this.wrapInTooltip(l);var u=e.incLabelWithIcon?null:e.label;return l=c.createElement(h,{kind:s,onClick:this.actionClickHandler,disabled:!e.enable,onFocus:this.props.onFocus,"aria-label":u,size:this.props.size},l)}},{key:"generateChevronIcon",value:function(e){if(e.subMenu||e.subPanel){if(this.props.overflow)return c.createElement(T,null);if("before"===e.incLabelWithIcon||"after"===e.incLabelWithIcon){var t=this.state.subAreaDisplayed?c.createElement(j,null):c.createElement(S,null);return c.createElement("div",{className:"toolbar-up-down-chevron"},t)}return this.generateChevronMini()}return null}},{key:"generateChevronMini",value:function(){var e="sm"===this.props.size?"M 29 29 L 29 23 23 29 Z":"M 37 37 L 37 30 30 37 Z";return c.createElement("svg",{className:"toolbar-tick-svg"},c.createElement("path",{d:e,className:"toolbar-tick-mark"}))}},{key:"generateActionName",value:function(e){return this.props.actionObj.action+"-action"}},{key:"wrapInTooltip",value:function(e){if(!this.props.overflow&&(this.showLabelAsTip(this.props.actionObj)||this.props.actionObj.tooltip)){var t=this.generateActionName(),n=this.props.actionObj.tooltip?this.props.actionObj.tooltip:this.props.actionObj.label,r=t+"-"+this.props.instanceId+"-tooltip",o=this.props.actionObj.enable||this.props.actionObj.jsx,a=this.props.tooltipDirection?this.props.tooltipDirection:"bottom";return c.createElement(p,{id:r,tip:n,disable:!o,className:"icon-tooltip",direction:a},e)}return e}},{key:"showLabelAsTip",value:function(e){return!!e.label&&("before"!==e.incLabelWithIcon&&"after"!==e.incLabelWithIcon)}},{key:"generateSubArea",value:function(){var e=document.getElementsByClassName(this.generateActionName()),t=e&&e.length>0?e[0].getBoundingClientRect():{top:0,left:0,width:120};return c.createElement(Re,{actionObj:this.props.actionObj,generateToolbarItems:this.props.generateToolbarItems,closeSubArea:this.props.actionObj.closeSubAreaOnClick?this.closeSubArea:null,actionItemRect:t,containingDivId:this.props.containingDivId,expandDirection:this.props.overflow?"horizontal":"vertical"})}},{key:"render",value:function(){var e=this.props.actionObj,t=this.generateActionName(),n=null;n=e.jsx?this.wrapInTooltip(e.jsx):this.generateButton(e);var r=!this.props.overflow||null,o=e.kind?e.kind:"default",a=v({"toolbar-overflow-menu-item":this.props.overflow,"toolbar-item":!this.props.overflow&&!e.jsx,"toolbar-jsx-item":!this.props.overflow&&e.jsx,"toolbar-overflow-jsx-item":this.props.overflow&&e.jsx,"toolbar-item-selected":e.isSelected},o,t),s=this.state.subAreaDisplayed?this.generateSubArea():null;return c.createElement("div",{className:a,"data-toolbar-item":r,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave},n,s)}}]),t}(c.Component);function Se(e,t,n){return t=s(t),i(e,ze()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function ze(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(ze=function(){return!!e})()}var Le=function(e){function t(){return r(this,t),Se(this,t,arguments)}return a(t,e),o(t,[{key:"componentDidMount",value:function(){this.props.containingDivId&&this.setSubAreaStyle()}},{key:"setSubAreaStyle",value:function(){var e=document.getElementById(this.props.containingDivId),t=e.getBoundingClientRect(),n=Be("toolbar-popover-list",e),r=Fe("toolbar-popover-list",e);if(r){var o=Fe(this.props.buttonClass,e);if(o){var a=Fe("context-toolbar",e);if(a){var s=r.right-t.right;if(s>0){var i=o.left-a.left;n.style.left=i-s-2+"px"}r.bottom-t.bottom>0&&(n.style.top=-r.height+"px")}}}}},{key:"render",value:function(){var e=null;return this.props.menuItems.length>0&&(e=c.createElement("div",{className:"toolbar-popover-list"},this.props.menuItems)),e}}]),t}(c.Component);function Ne(e,t,n){return t=s(t),i(e,Ve()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function Ve(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(Ve=function(){return!!e})()}var Ze=function(e){function t(e){var n;return r(this,t),(n=Ne(this,t,[e])).state={showExtendedMenu:!1},n.uuid=he(),n.toggleExtendedMenu=n.toggleExtendedMenu.bind(l(n)),n.clickOutside=n.clickOutside.bind(l(n)),n}return a(t,e),o(t,[{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.clickOutside,!1)}},{key:"genOverflowButtonClass",value:function(){return"toolbar-spacer toolbar-index-"+this.props.index+" toolbar-uuid-"+this.uuid}},{key:"toggleExtendedMenu",value:function(){var e=this;this.state.showExtendedMenu?document.removeEventListener("click",this.clickOutside,!1):document.addEventListener("click",this.clickOutside,!1),this.props.setResizeHandler&&(this.state.showExtendedMenu?this.props.setResizeHandler(null):this.props.setResizeHandler((function(){e.setState({showExtendedMenu:!1})}))),this.setState({showExtendedMenu:!this.state.showExtendedMenu})}},{key:"clickOutside",value:function(e){if(this.state.showExtendedMenu){var t=document.getElementsByClassName("toolbar-uuid-"+this.uuid);!!(t&&t.length>0)&&t[0].contains(e.target)||this.setState({showExtendedMenu:!1})}}},{key:"render",value:function(){this.props.setResizeHandler&&!this.state.showExtendedMenu&&this.props.setResizeHandler(null);var e=null;if(this.state.showExtendedMenu){var t=this.props.generateExtensionMenuItems(this.props.index);e=c.createElement(Le,{menuItems:t,containingDivId:this.props.containingDivId,buttonClass:"toolbar-uuid-"+this.uuid})}return c.createElement("div",{className:this.genOverflowButtonClass()},c.createElement("div",{className:"toolbar-overflow-item"},c.createElement(h,{kind:"ghost",tabIndex:-1,onClick:this.toggleExtendedMenu,onFocus:this.props.onFocus,"aria-label":this.props.label,size:this.props.size},c.createElement("div",{className:"toolbar-item-content default"},c.createElement("div",{className:"toolbar-icon"},c.createElement(z,null))))),e)}}]),t}(c.Component);function Pe(e,t,n){return t=s(t),i(e,We()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function We(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(We=function(){return!!e})()}var qe=function(e){function t(){return r(this,t),Pe(this,t,arguments)}return a(t,e),o(t,[{key:"render",value:function(){var e=this.props.overflow?"toolbar-divider-overflow":"toolbar-divider";return c.createElement("div",{className:e,"data-toolbar-item":!0,tabIndex:-1,"aria-hidden":!0}," ")}}]),t}(c.Component);function $e(e,t,n){return t=s(t),i(e,_e()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function _e(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(_e=function(){return!!e})()}var Ue=function(e){function t(e){var n;return r(this,t),(n=$e(this,t,[e])).leftBar=[],n.rightBar=[],n.resizeHandler=null,n.onFocus=n.onFocus.bind(l(n)),n.onToolbarResize=n.onToolbarResize.bind(l(n)),n.generateExtensionMenuItems=n.generateExtensionMenuItems.bind(l(n)),n.generateToolbarItems=n.generateToolbarItems.bind(l(n)),n.setResizeHandler=n.setResizeHandler.bind(l(n)),n}return a(t,e),o(t,[{key:"onFocus",value:function(){this.setLeftBarItemsTabIndex(),this.setRightBarItemsTabIndex()}},{key:"onScroll",value:function(e){e.currentTarget.scroll(0,0),e.preventDefault()}},{key:"onToolbarResize",value:function(){this.resizeHandler&&this.resizeHandler(),this.setLeftBarItemsTabIndex(),this.setRightBarItemsTabIndex()}},{key:"setResizeHandler",value:function(e){this.resizeHandler=e}},{key:"setLeftBarItemsTabIndex",value:function(){var e=this.getBar("left");if(e){for(var t=e.querySelectorAll("[data-toolbar-item=true]")||[],n=this.getTopOfFirstOverflowItem(e),r=-1,o=0;o<t.length;o++){var a=t[o].getBoundingClientRect();this.setOverflowItemButtonTabIndex(o,-1,e),a.top===n?(r=o,this.setToolbarItemButtonTabIndex(t[o],0)):this.setToolbarItemButtonTabIndex(t[o],-1)}r<t.length&&this.setOverflowItemButtonTabIndex(r+1,0,e)}}},{key:"setRightBarItemsTabIndex",value:function(){for(var e=this.getRightBarItems(),t=0,n=0;n<e.length;n++){var r=e[n].getBoundingClientRect();0===n&&(t=r.top),r.top===t?this.setToolbarItemButtonTabIndex(e[n],0):this.setToolbarItemButtonTabIndex(e[n],-1)}}},{key:"getBar",value:function(e){var t=this.props.instanceId;return document.querySelector(".toolbar-div[instanceid='".concat(t,"'] > .toolbar-").concat(e,"-bar"))||[]}},{key:"getRightBarItems",value:function(){var e=this.getBar("right");return e&&e.querySelectorAll("[data-toolbar-item=true]")||[]}},{key:"getTopOfFirstOverflowItem",value:function(e){var t=this.getOverflowItem(0,e);return t?t.getBoundingClientRect().top:0}},{key:"getOverflowItem",value:function(e,t){var n="toolbar-index-"+e;return t.getElementsByClassName(n)[0]}},{key:"setToolbarItemButtonTabIndex",value:function(e,t){var n=e.querySelector("button");n&&n.setAttribute("tabindex",t)}},{key:"setOverflowItemButtonTabIndex",value:function(e,t,n){var r=this.getOverflowItem(e,n);if(r){var o=r.querySelector("button");o&&o.setAttribute("tabindex",t)}}},{key:"generateToolbarItems",value:function(e,t,n){for(var r=[],o=0;o<e.length;o++){var a=e[o];a&&(n&&!a.divider&&r.push(this.generateOverflowIcon(o)),r.push(this.generateToolbarItem(a,o,t)))}return r}},{key:"generateToolbarItem",value:function(e,t,n){var r=null;return e&&(r=e.divider?c.createElement(qe,{key:"toolbar-item-key-"+t,overflow:n}):c.createElement(je,{key:"toolbar-item-key-"+t,actionObj:e,tooltipDirection:this.props.tooltipDirection,toolbarActionHandler:this.props.toolbarActionHandler,generateToolbarItems:this.generateToolbarItems,setResizeHandler:this.setResizeHandler,overflow:n,instanceId:this.props.instanceId,containingDivId:this.props.containingDivId,onFocus:this.onFocus,size:this.props.size})),r}},{key:"generateOverflowIcon",value:function(e){var t=this.props.additionalText?this.props.additionalText.overflowMenuLabel:"";return c.createElement(Ze,{key:"toolbar-overflow-item-key-"+e,index:e,generateExtensionMenuItems:this.generateExtensionMenuItems,setResizeHandler:this.setResizeHandler,containingDivId:this.props.containingDivId,onFocus:this.onFocus,label:t,size:this.props.size})}},{key:"generateExtensionMenuItems",value:function(e){var t=this.generateRightOverflowItems();t.reverse();var n=this.leftBar.slice(e).concat(t);return this.generateToolbarItems(n,!0,!1)}},{key:"generateRightOverflowItems",value:function(){for(var e=[],t=this.getRightBarItems(),n=0,r=0;r<t.length;r++){var o=t[r].getBoundingClientRect();0===r&&(n=o.top),o.top!==n&&e.push(this.rightBar[r])}return e}},{key:"render",value:function(){this.leftBar=this.props.config.leftBar||[],this.rightBar=this.props.config.rightBar||[],this.rightBar=n(this.rightBar).reverse()||[];var e=this.generateToolbarItems(this.leftBar,!1,!0),t=this.generateToolbarItems(this.rightBar,!1,!1),r="sm"===this.props.size?"toolbar-div toolbar-size-small":"toolbar-div";return c.createElement(u,{handleWidth:!0,onResize:this.onToolbarResize},c.createElement("div",{className:r,instanceid:this.props.instanceId},c.createElement("div",{className:"toolbar-left-bar",onScroll:this.onScroll},e),c.createElement("div",{className:"toolbar-right-bar"},t)))}}]),t}(c.Component);export{Ue as T,ke as a,Ae as t};
-//# sourceMappingURL=toolbar-fdb750f9.js.map