@elyra/canvas 12.12.3 → 12.15.0

package/dist/toolbar-29ec7983.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-29ec7983.js","sources":["../node_modules/lodash/_trimmedEndIndex.js","../node_modules/lodash/_baseTrim.js","../node_modules/lodash/toNumber.js","../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-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","/*\n * Copyright 2017-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\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 { StopFilledAlt16, Play16, Undo16, Redo16, Cut16, Copy16, Paste16,\n\tAddComment16, TrashCan16, ZoomIn16, ZoomOut16 } from \"@carbon/icons-react\";\nimport { TOOLBAR_STOP, TOOLBAR_RUN, TOOLBAR_UNDO, TOOLBAR_REDO, TOOLBAR_CUT,\n\tTOOLBAR_COPY, TOOLBAR_PASTE, TOOLBAR_CREATE_AUTO_COMMENT,\n\tTOOLBAR_DELETE_SELECTED_OBJECTS, TOOLBAR_ZOOM_IN, TOOLBAR_ZOOM_OUT, TOOLBAR_ZOOM_FIT,\n\tTOOLBAR_ARRANGE_HORIZONALLY, TOOLBAR_ARRANGE_VERTICALLY, TOOLBAR_OPEN_PALETTE,\n\tTOOLBAR_CLOSE_PALETTE, TOOLBAR_TOGGLE_NOTIFICATION_PANEL }\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.actionClickHandler = this.actionClickHandler.bind(this);\n\t}\n\n\t// Returns a default icon, if there is one, for the action passed in. The\n\t// icon may be overridden by the iconTypeOverride field if it is provided.\n\t// It also may be set to disabled state.\n\tgetDefaultIcon(actionObj) {\n\t\tconst iconType = actionObj.iconTypeOverride ? actionObj.iconTypeOverride : actionObj.action;\n\t\tconst disabled = !actionObj.enable;\n\n\t\tswitch (iconType) {\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_UNDO):\n\t\t\treturn <Undo16 disabled={disabled} />;\n\t\tcase (TOOLBAR_REDO):\n\t\t\treturn <Redo16 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_AUTO_COMMENT):\n\t\t\treturn <AddComment16 disabled={disabled} />;\n\t\tcase (TOOLBAR_DELETE_SELECTED_OBJECTS):\n\t\t\treturn <TrashCan16 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\tactionClickHandler(evt) {\n\t\tthis.props.toolbarActionHandler(this.props.actionObj.action, evt);\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\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</div>\n\t\t);\n\n\t\tbuttonContent = this.wrapInTooltip(buttonContent);\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={actionObj.label}\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\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\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\treturn (\n\t\t\t<div className={itemClassName} data-toolbar-item={isToolbarItem}>\n\t\t\t\t{divContent}\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\ticonTypeOverride: PropTypes.string,\n\t\tisSelected: PropTypes.bool,\n\t\tkind: PropTypes.string,\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\tinstanceId: PropTypes.number.isRequired,\n\toverflow: PropTypes.bool,\n\tonFocus: PropTypes.func\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-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Button } from \"carbon-components-react\";\nimport { OverflowMenuVertical16 } from \"@carbon/icons-react\";\n\nclass ToolbarOverflowItem extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.toggleExtendedMenu = this.toggleExtendedMenu.bind(this);\n\t}\n\n\ttoggleExtendedMenu() {\n\t\tthis.props.toggleExtendedMenu(this.props.index);\n\t}\n\n\trender() {\n\t\tconst menuItems = this.props.showExtendedMenu ? this.props.generateExtensionMenuItems(this.props.index) : [];\n\t\tconst subMenuClassName = this.props.showExtendedMenu ? \"\" : \"toolbar-popover-list-hide\";\n\n\t\tlet overflowMenu = null;\n\t\tif (menuItems.length > 0) {\n\t\t\toverflowMenu = (\n\t\t\t\t<div className={\"toolbar-popover-list \" + subMenuClassName}>\n\t\t\t\t\t{menuItems}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tconst className = \"toolbar-spacer toolbar-index-\" + this.props.index;\n\n\t\treturn (\n\t\t\t<div className={className} >\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>\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\tshowExtendedMenu: PropTypes.bool.isRequired,\n\ttoggleExtendedMenu: PropTypes.func.isRequired,\n\tindex: PropTypes.number.isRequired,\n\tgenerateExtensionMenuItems: PropTypes.func,\n\tonFocus: PropTypes.func,\n\tlabel: PropTypes.string\n};\n\nexport default ToolbarOverflowItem;\n","/*\n * Copyright 2017-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\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-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport 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.state = {\n\t\t\tshowExtendedMenuIndex: -1\n\t\t};\n\n\t\tthis.leftBar = [];\n\t\tthis.rightBar = [];\n\n\t\tthis.onFocus = this.onFocus.bind(this);\n\t\tthis.onToolbarResize = this.onToolbarResize.bind(this);\n\t\tthis.toggleExtendedMenu = this.toggleExtendedMenu.bind(this);\n\t\tthis.generateExtensionMenuItems = this.generateExtensionMenuItems.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.state.showExtendedMenuIndex > -1) {\n\t\t\tthis.setState({ showExtendedMenuIndex: -1 });\n\t\t}\n\n\t\tthis.setLeftBarItemsTabIndex();\n\t\tthis.setRightBarItemsTabIndex();\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\toverflow={overflow}\n\t\t\t\t\t\tinstanceId={this.props.instanceId}\n\t\t\t\t\t\tonFocus={this.onFocus}\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\tshowExtendedMenu={this.state.showExtendedMenuIndex === index}\n\t\t\t\ttoggleExtendedMenu={this.toggleExtendedMenu}\n\t\t\t\tgenerateExtensionMenuItems={this.generateExtensionMenuItems}\n\t\t\t\tonFocus={this.onFocus}\n\t\t\t\tlabel={label}\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\ttoggleExtendedMenu(index) {\n\t\tconst newIndex = index === this.state.showExtendedMenuIndex ? -1 : index;\n\t\tthis.setState({ showExtendedMenuIndex: newIndex });\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 canvasToolbar = (\n\t\t\t<ReactResizeDetector handleWidth onResize={this.onToolbarResize}>\n\t\t\t\t<div className=\"toolbar-div\" 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,\n\ttoolbarActionHandler: PropTypes.func,\n\ttooltipDirection: PropTypes.string,\n\tadditionalText: PropTypes.object\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","props","_classCallCheck","_this","actionClickHandler","bind","actionObj","iconType","iconTypeOverride","action","disabled","enable","TOOLBAR_STOP","React","StopFilledAlt16","TOOLBAR_RUN","Play16","TOOLBAR_UNDO","Undo16","TOOLBAR_REDO","Redo16","TOOLBAR_CUT","Cut16","TOOLBAR_COPY","Copy16","TOOLBAR_PASTE","Paste16","TOOLBAR_CREATE_AUTO_COMMENT","AddComment16","TOOLBAR_DELETE_SELECTED_OBJECTS","TrashCan16","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","overflow","incLabelWithIcon","className","this","generateLabelType","inLabelWithIcon","icon","getDefaultIcon","iconEnabled","iconDisabled","customIcon","id","instanceId","evt","toolbarActionHandler","labelBefore","labelAfter","generateLabel","generateIcon","textContent","itemContentClassName","classNames","default","kind","buttonContent","wrapInTooltip","Button","onClick","onFocus","content","showLabelAsTip","tooltip","actionName","generateActionName","tip","tooltipId","enableTooltip","jsx","direction","tooltipDirection","Tooltip","divContent","generateButton","isToolbarItem","kindAsClass","itemClassName","isSelected","Component","toggleExtendedMenu","menuItems","showExtendedMenu","generateExtensionMenuItems","subMenuClassName","overflowMenu","tabIndex","OverflowMenuVertical16","dividerClassName","state","showExtendedMenuIndex","leftBar","rightBar","onToolbarResize","setLeftBarItemsTabIndex","setRightBarItemsTabIndex","currentTarget","scroll","preventDefault","setState","bar","getBar","items","querySelectorAll","topRow","getTopOfFirstOverflowItem","lastTopRowElement","i","itemRect","getBoundingClientRect","setOverflowItemButtonTabIndex","top","setToolbarItemButtonTabIndex","getRightBarItems","side","document","querySelector","firstOverflowItem","getOverflowItem","overflowClassName","getElementsByClassName","item","button","setAttribute","overflowItem","overflowButton","actionDefinitions","withSpacer","newItems","divider","push","generateOverflowIcon","generateToolbarItem","ToolbarDividerItem","key","ToolbarActionItem","additionalText","overflowMenuLabel","ToolbarOverflowItem","leftIndex","rightItems","generateRightOverflowItems","reverse","overflowMenuBarItems","concat","generateToolbarItems","newDefItems","rect","newIndex","config","_toConsumableArray","leftItems","ReactResizeDetector","handleWidth","onResize","instanceid","onScroll"],"mappings":"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"}

package/dist/toolbar-3f4b173f.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./isArrayLikeObject-f3b27f64.js"),t=require("./datarecord-metadata-v3-schema-6b6384ff.js"),r=require("./createClass-6db89a23.js"),n=require("./getPrototypeOf-bf88242f.js"),a=require("react"),o=require("react-resize-detector"),i=require("./lib/tooltip.js"),l=require("carbon-components-react"),s=require("react-inlinesvg"),c=require("./extends-8d17c85c.js"),u=require("@carbon/icons-react"),d=require("./canvas-constants-34cdb7df.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=f(a),h=f(o),p=f(s),v=/\s/;var b=function(e){for(var t=e.length;t--&&v.test(e.charAt(t)););return t},m=/^\s+/;var g=function(e){return e?e.slice(0,b(e)+1).replace(m,""):e},E=e.isObject_1,O=e.isSymbol_1,y=/^[-+]0x[0-9a-f]+$/i,x=/^0b[01]+$/i,I=/^0o[0-7]+$/i,T=parseInt;var w=function(e){if("number"==typeof e)return e;if(O(e))return NaN;if(E(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=E(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=g(e);var r=x.test(e);return r||I.test(e)?T(e.slice(2),r?2:8):y.test(e)?NaN:+e};function B(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,a=n._getPrototypeOf(e);if(t){var o=n._getPrototypeOf(this).constructor;r=Reflect.construct(a,arguments,o)}else r=a.apply(this,arguments);return n._possibleConstructorReturn(this,r)}}var A=function(e){n._inherits(a,e);var t=B(a);function a(e){var o;return r._classCallCheck(this,a),(o=t.call(this,e)).actionClickHandler=o.actionClickHandler.bind(n._assertThisInitialized(o)),o}return r._createClass(a,[{key:"getDefaultIcon",value:function(e){var t=e.iconTypeOverride?e.iconTypeOverride:e.action,r=!e.enable;switch(t){case d.TOOLBAR_STOP:return C.default.createElement(u.StopFilledAlt16,{disabled:r});case d.TOOLBAR_RUN:return C.default.createElement(u.Play16,{disabled:r});case d.TOOLBAR_UNDO:return C.default.createElement(u.Undo16,{disabled:r});case d.TOOLBAR_REDO:return C.default.createElement(u.Redo16,{disabled:r});case d.TOOLBAR_CUT:return C.default.createElement(u.Cut16,{disabled:r});case d.TOOLBAR_COPY:return C.default.createElement(u.Copy16,{disabled:r});case d.TOOLBAR_PASTE:return C.default.createElement(u.Paste16,{disabled:r});case d.TOOLBAR_CREATE_AUTO_COMMENT:return C.default.createElement(u.AddComment16,{disabled:r});case d.TOOLBAR_DELETE_SELECTED_OBJECTS:return C.default.createElement(u.TrashCan16,{disabled:r});case d.TOOLBAR_ZOOM_IN:return C.default.createElement(u.ZoomIn16,{disabled:r});case d.TOOLBAR_ZOOM_OUT:return C.default.createElement(u.ZoomOut16,{disabled:r});case d.TOOLBAR_ZOOM_FIT:return C.default.createElement(p.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:r});case d.TOOLBAR_ARRANGE_HORIZONALLY:return C.default.createElement(p.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:r});case d.TOOLBAR_ARRANGE_VERTICALLY:return C.default.createElement(p.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:r});case d.TOOLBAR_OPEN_PALETTE:return C.default.createElement(p.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:r});case d.TOOLBAR_CLOSE_PALETTE:return C.default.createElement(p.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:r});case d.TOOLBAR_TOGGLE_NOTIFICATION_PANEL:return C.default.createElement(p.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:r});default:return null}}},{key:"generateLabel",value:function(e,t,r,n){var a="toolbar-icon-label";return a+=this.generateLabelType(r,n),a+=t?" disabled":"",C.default.createElement("div",{className:a},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 r=e.iconEnabled,n=e.iconDisabled||e.iconEnabled,a=e.enable?r:n,o="toolbar-icon-"+this.props.instanceId+" -"+e.action;t="string"==typeof a?C.default.createElement(p.default,{id:o,src:a,disabled:!e.enable}):a}return t?C.default.createElement("div",{className:"toolbar-icon"},t):null}},{key:"actionClickHandler",value:function(e){this.props.toolbarActionHandler(this.props.actionObj.action,e)}},{key:"generateButton",value:function(e){var t=null,r=null;this.props.overflow?r=this.generateLabel(e.label,!e.enable,!0):"before"===e.incLabelWithIcon?t=this.generateLabel(e.label,!e.enable,!1,e.incLabelWithIcon):"after"===e.incLabelWithIcon&&(r=this.generateLabel(e.label,!e.enable,!1,e.incLabelWithIcon));var n=this.generateIcon(e),a=e.textContent?C.default.createElement("div",{className:"toolbar-text-content"}," ",e.textContent," "):null,o=c.classNames("toolbar-item-content",e.className?e.className:null,{overflow:this.props.overflow,disabled:!e.enable,default:!e.kind}),i=e.kind||"ghost",s=C.default.createElement("div",{className:o},t,n,r,a);return s=this.wrapInTooltip(s),s=C.default.createElement(l.Button,{kind:i,onClick:this.actionClickHandler,disabled:!e.enable,onFocus:this.props.onFocus,"aria-label":e.label},s)}},{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(),r=this.props.actionObj.tooltip?this.props.actionObj.tooltip:this.props.actionObj.label,n=t+"-"+this.props.instanceId+"-tooltip",a=this.props.actionObj.enable||this.props.actionObj.jsx,o=this.props.tooltipDirection?this.props.tooltipDirection:"bottom";return C.default.createElement(i,{id:n,tip:r,disable:!a,className:"icon-tooltip",direction:o},e)}return e}},{key:"showLabelAsTip",value:function(e){return!!e.label&&("before"!==e.incLabelWithIcon&&"after"!==e.incLabelWithIcon)}},{key:"render",value:function(){var e=this.props.actionObj,t=this.generateActionName(),r=null;r=e.jsx?this.wrapInTooltip(e.jsx):this.generateButton(e);var n=!this.props.overflow||null,a=e.kind?e.kind:"default",o=c.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},a,t);return C.default.createElement("div",{className:o,"data-toolbar-item":n},r)}}]),a}(C.default.Component);function R(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,a=n._getPrototypeOf(e);if(t){var o=n._getPrototypeOf(this).constructor;r=Reflect.construct(a,arguments,o)}else r=a.apply(this,arguments);return n._possibleConstructorReturn(this,r)}}var D=function(e){n._inherits(a,e);var t=R(a);function a(e){var o;return r._classCallCheck(this,a),(o=t.call(this,e)).toggleExtendedMenu=o.toggleExtendedMenu.bind(n._assertThisInitialized(o)),o}return r._createClass(a,[{key:"toggleExtendedMenu",value:function(){this.props.toggleExtendedMenu(this.props.index)}},{key:"render",value:function(){var e=this.props.showExtendedMenu?this.props.generateExtensionMenuItems(this.props.index):[],t=this.props.showExtendedMenu?"":"toolbar-popover-list-hide",r=null;e.length>0&&(r=C.default.createElement("div",{className:"toolbar-popover-list "+t},e));var n="toolbar-spacer toolbar-index-"+this.props.index;return C.default.createElement("div",{className:n},C.default.createElement("div",{className:"toolbar-overflow-item"},C.default.createElement(l.Button,{kind:"ghost",tabIndex:-1,onClick:this.toggleExtendedMenu,onFocus:this.props.onFocus,"aria-label":this.props.label},C.default.createElement("div",{className:"toolbar-item-content default"},C.default.createElement("div",{className:"toolbar-icon"},C.default.createElement(u.OverflowMenuVertical16,null))))),r)}}]),a}(C.default.Component);function F(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,a=n._getPrototypeOf(e);if(t){var o=n._getPrototypeOf(this).constructor;r=Reflect.construct(a,arguments,o)}else r=a.apply(this,arguments);return n._possibleConstructorReturn(this,r)}}var _=function(e){n._inherits(a,e);var t=F(a);function a(){return r._classCallCheck(this,a),t.apply(this,arguments)}return r._createClass(a,[{key:"render",value:function(){var e=this.props.overflow?"toolbar-divider-overflow":"toolbar-divider";return C.default.createElement("div",{className:e,"data-toolbar-item":!0,tabIndex:-1,"aria-hidden":!0}," ")}}]),a}(C.default.Component);function k(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,a=n._getPrototypeOf(e);if(t){var o=n._getPrototypeOf(this).constructor;r=Reflect.construct(a,arguments,o)}else r=a.apply(this,arguments);return n._possibleConstructorReturn(this,r)}}var L=function(e){n._inherits(o,e);var a=k(o);function o(e){var t;return r._classCallCheck(this,o),(t=a.call(this,e)).state={showExtendedMenuIndex:-1},t.leftBar=[],t.rightBar=[],t.onFocus=t.onFocus.bind(n._assertThisInitialized(t)),t.onToolbarResize=t.onToolbarResize.bind(n._assertThisInitialized(t)),t.toggleExtendedMenu=t.toggleExtendedMenu.bind(n._assertThisInitialized(t)),t.generateExtensionMenuItems=t.generateExtensionMenuItems.bind(n._assertThisInitialized(t)),t}return r._createClass(o,[{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.state.showExtendedMenuIndex>-1&&this.setState({showExtendedMenuIndex:-1}),this.setLeftBarItemsTabIndex(),this.setRightBarItemsTabIndex()}},{key:"setLeftBarItemsTabIndex",value:function(){var e=this.getBar("left");if(e){for(var t=e.querySelectorAll("[data-toolbar-item=true]")||[],r=this.getTopOfFirstOverflowItem(e),n=-1,a=0;a<t.length;a++){var o=t[a].getBoundingClientRect();this.setOverflowItemButtonTabIndex(a,-1,e),o.top===r?(n=a,this.setToolbarItemButtonTabIndex(t[a],0)):this.setToolbarItemButtonTabIndex(t[a],-1)}n<t.length&&this.setOverflowItemButtonTabIndex(n+1,0,e)}}},{key:"setRightBarItemsTabIndex",value:function(){for(var e=this.getRightBarItems(),t=0,r=0;r<e.length;r++){var n=e[r].getBoundingClientRect();0===r&&(t=n.top),n.top===t?this.setToolbarItemButtonTabIndex(e[r],0):this.setToolbarItemButtonTabIndex(e[r],-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 r="toolbar-index-"+e;return t.getElementsByClassName(r)[0]}},{key:"setToolbarItemButtonTabIndex",value:function(e,t){var r=e.querySelector("button");r&&r.setAttribute("tabindex",t)}},{key:"setOverflowItemButtonTabIndex",value:function(e,t,r){var n=this.getOverflowItem(e,r);if(n){var a=n.querySelector("button");a&&a.setAttribute("tabindex",t)}}},{key:"generateToolbarItems",value:function(e,t,r){for(var n=[],a=0;a<e.length;a++){var o=e[a];o&&(r&&!o.divider&&n.push(this.generateOverflowIcon(a)),n.push(this.generateToolbarItem(o,a,t)))}return n}},{key:"generateToolbarItem",value:function(e,t,r){var n=null;return e&&(n=e.divider?C.default.createElement(_,{key:"toolbar-item-key-"+t,overflow:r}):C.default.createElement(A,{key:"toolbar-item-key-"+t,actionObj:e,tooltipDirection:this.props.tooltipDirection,toolbarActionHandler:this.props.toolbarActionHandler,overflow:r,instanceId:this.props.instanceId,onFocus:this.onFocus})),n}},{key:"generateOverflowIcon",value:function(e){var t=this.props.additionalText?this.props.additionalText.overflowMenuLabel:"";return C.default.createElement(D,{key:"toolbar-overflow-item-key-"+e,index:e,showExtendedMenu:this.state.showExtendedMenuIndex===e,toggleExtendedMenu:this.toggleExtendedMenu,generateExtensionMenuItems:this.generateExtensionMenuItems,onFocus:this.onFocus,label:t})}},{key:"generateExtensionMenuItems",value:function(e){var t=this.generateRightOverflowItems();t.reverse();var r=this.leftBar.slice(e).concat(t);return this.generateToolbarItems(r,!0,!1)}},{key:"generateRightOverflowItems",value:function(){for(var e=[],t=this.getRightBarItems(),r=0,n=0;n<t.length;n++){var a=t[n].getBoundingClientRect();0===n&&(r=a.top),a.top!==r&&e.push(this.rightBar[n])}return e}},{key:"toggleExtendedMenu",value:function(e){var t=e===this.state.showExtendedMenuIndex?-1:e;this.setState({showExtendedMenuIndex:t})}},{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),r=this.generateToolbarItems(this.rightBar,!1,!1);return C.default.createElement(h.default,{handleWidth:!0,onResize:this.onToolbarResize},C.default.createElement("div",{className:"toolbar-div",instanceid:this.props.instanceId},C.default.createElement("div",{className:"toolbar-left-bar",onScroll:this.onScroll},e),C.default.createElement("div",{className:"toolbar-right-bar"},r)))}}]),o}(C.default.Component);exports.Toolbar=L,exports.toNumber_1=w;
+//# sourceMappingURL=toolbar-3f4b173f.js.map

package/dist/toolbar-3f4b173f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-3f4b173f.js","sources":["../node_modules/lodash/_trimmedEndIndex.js","../node_modules/lodash/_baseTrim.js","../node_modules/lodash/toNumber.js","../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-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","/*\n * Copyright 2017-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\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 { StopFilledAlt16, Play16, Undo16, Redo16, Cut16, Copy16, Paste16,\n\tAddComment16, TrashCan16, ZoomIn16, ZoomOut16 } from \"@carbon/icons-react\";\nimport { TOOLBAR_STOP, TOOLBAR_RUN, TOOLBAR_UNDO, TOOLBAR_REDO, TOOLBAR_CUT,\n\tTOOLBAR_COPY, TOOLBAR_PASTE, TOOLBAR_CREATE_AUTO_COMMENT,\n\tTOOLBAR_DELETE_SELECTED_OBJECTS, TOOLBAR_ZOOM_IN, TOOLBAR_ZOOM_OUT, TOOLBAR_ZOOM_FIT,\n\tTOOLBAR_ARRANGE_HORIZONALLY, TOOLBAR_ARRANGE_VERTICALLY, TOOLBAR_OPEN_PALETTE,\n\tTOOLBAR_CLOSE_PALETTE, TOOLBAR_TOGGLE_NOTIFICATION_PANEL }\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.actionClickHandler = this.actionClickHandler.bind(this);\n\t}\n\n\t// Returns a default icon, if there is one, for the action passed in. The\n\t// icon may be overridden by the iconTypeOverride field if it is provided.\n\t// It also may be set to disabled state.\n\tgetDefaultIcon(actionObj) {\n\t\tconst iconType = actionObj.iconTypeOverride ? actionObj.iconTypeOverride : actionObj.action;\n\t\tconst disabled = !actionObj.enable;\n\n\t\tswitch (iconType) {\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_UNDO):\n\t\t\treturn <Undo16 disabled={disabled} />;\n\t\tcase (TOOLBAR_REDO):\n\t\t\treturn <Redo16 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_AUTO_COMMENT):\n\t\t\treturn <AddComment16 disabled={disabled} />;\n\t\tcase (TOOLBAR_DELETE_SELECTED_OBJECTS):\n\t\t\treturn <TrashCan16 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\tactionClickHandler(evt) {\n\t\tthis.props.toolbarActionHandler(this.props.actionObj.action, evt);\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\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</div>\n\t\t);\n\n\t\tbuttonContent = this.wrapInTooltip(buttonContent);\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={actionObj.label}\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\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\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\treturn (\n\t\t\t<div className={itemClassName} data-toolbar-item={isToolbarItem}>\n\t\t\t\t{divContent}\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\ticonTypeOverride: PropTypes.string,\n\t\tisSelected: PropTypes.bool,\n\t\tkind: PropTypes.string,\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\tinstanceId: PropTypes.number.isRequired,\n\toverflow: PropTypes.bool,\n\tonFocus: PropTypes.func\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-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Button } from \"carbon-components-react\";\nimport { OverflowMenuVertical16 } from \"@carbon/icons-react\";\n\nclass ToolbarOverflowItem extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.toggleExtendedMenu = this.toggleExtendedMenu.bind(this);\n\t}\n\n\ttoggleExtendedMenu() {\n\t\tthis.props.toggleExtendedMenu(this.props.index);\n\t}\n\n\trender() {\n\t\tconst menuItems = this.props.showExtendedMenu ? this.props.generateExtensionMenuItems(this.props.index) : [];\n\t\tconst subMenuClassName = this.props.showExtendedMenu ? \"\" : \"toolbar-popover-list-hide\";\n\n\t\tlet overflowMenu = null;\n\t\tif (menuItems.length > 0) {\n\t\t\toverflowMenu = (\n\t\t\t\t<div className={\"toolbar-popover-list \" + subMenuClassName}>\n\t\t\t\t\t{menuItems}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tconst className = \"toolbar-spacer toolbar-index-\" + this.props.index;\n\n\t\treturn (\n\t\t\t<div className={className} >\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>\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\tshowExtendedMenu: PropTypes.bool.isRequired,\n\ttoggleExtendedMenu: PropTypes.func.isRequired,\n\tindex: PropTypes.number.isRequired,\n\tgenerateExtensionMenuItems: PropTypes.func,\n\tonFocus: PropTypes.func,\n\tlabel: PropTypes.string\n};\n\nexport default ToolbarOverflowItem;\n","/*\n * Copyright 2017-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\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-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport 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.state = {\n\t\t\tshowExtendedMenuIndex: -1\n\t\t};\n\n\t\tthis.leftBar = [];\n\t\tthis.rightBar = [];\n\n\t\tthis.onFocus = this.onFocus.bind(this);\n\t\tthis.onToolbarResize = this.onToolbarResize.bind(this);\n\t\tthis.toggleExtendedMenu = this.toggleExtendedMenu.bind(this);\n\t\tthis.generateExtensionMenuItems = this.generateExtensionMenuItems.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.state.showExtendedMenuIndex > -1) {\n\t\t\tthis.setState({ showExtendedMenuIndex: -1 });\n\t\t}\n\n\t\tthis.setLeftBarItemsTabIndex();\n\t\tthis.setRightBarItemsTabIndex();\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\toverflow={overflow}\n\t\t\t\t\t\tinstanceId={this.props.instanceId}\n\t\t\t\t\t\tonFocus={this.onFocus}\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\tshowExtendedMenu={this.state.showExtendedMenuIndex === index}\n\t\t\t\ttoggleExtendedMenu={this.toggleExtendedMenu}\n\t\t\t\tgenerateExtensionMenuItems={this.generateExtensionMenuItems}\n\t\t\t\tonFocus={this.onFocus}\n\t\t\t\tlabel={label}\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\ttoggleExtendedMenu(index) {\n\t\tconst newIndex = index === this.state.showExtendedMenuIndex ? -1 : index;\n\t\tthis.setState({ showExtendedMenuIndex: newIndex });\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 canvasToolbar = (\n\t\t\t<ReactResizeDetector handleWidth onResize={this.onToolbarResize}>\n\t\t\t\t<div className=\"toolbar-div\" 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,\n\ttoolbarActionHandler: PropTypes.func,\n\ttooltipDirection: PropTypes.string,\n\tadditionalText: PropTypes.object\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","props","_classCallCheck","_this","actionClickHandler","bind","actionObj","iconType","iconTypeOverride","action","disabled","enable","TOOLBAR_STOP","React","StopFilledAlt16","TOOLBAR_RUN","Play16","TOOLBAR_UNDO","Undo16","TOOLBAR_REDO","Redo16","TOOLBAR_CUT","Cut16","TOOLBAR_COPY","Copy16","TOOLBAR_PASTE","Paste16","TOOLBAR_CREATE_AUTO_COMMENT","AddComment16","TOOLBAR_DELETE_SELECTED_OBJECTS","TrashCan16","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","overflow","incLabelWithIcon","className","this","generateLabelType","inLabelWithIcon","icon","getDefaultIcon","iconEnabled","iconDisabled","customIcon","id","instanceId","evt","toolbarActionHandler","labelBefore","labelAfter","generateLabel","generateIcon","textContent","itemContentClassName","classNames","default","kind","buttonContent","wrapInTooltip","Button","onClick","onFocus","content","showLabelAsTip","tooltip","actionName","generateActionName","tip","tooltipId","enableTooltip","jsx","direction","tooltipDirection","Tooltip","divContent","generateButton","isToolbarItem","kindAsClass","itemClassName","isSelected","Component","toggleExtendedMenu","menuItems","showExtendedMenu","generateExtensionMenuItems","subMenuClassName","overflowMenu","tabIndex","OverflowMenuVertical16","dividerClassName","state","showExtendedMenuIndex","leftBar","rightBar","onToolbarResize","setLeftBarItemsTabIndex","setRightBarItemsTabIndex","currentTarget","scroll","preventDefault","setState","bar","getBar","items","querySelectorAll","topRow","getTopOfFirstOverflowItem","lastTopRowElement","i","itemRect","getBoundingClientRect","setOverflowItemButtonTabIndex","top","setToolbarItemButtonTabIndex","getRightBarItems","side","document","querySelector","firstOverflowItem","getOverflowItem","overflowClassName","getElementsByClassName","item","button","setAttribute","overflowItem","overflowButton","actionDefinitions","withSpacer","newItems","divider","push","generateOverflowIcon","generateToolbarItem","ToolbarDividerItem","key","ToolbarActionItem","additionalText","overflowMenuLabel","ToolbarOverflowItem","leftIndex","rightItems","generateRightOverflowItems","reverse","overflowMenuBarItems","concat","generateToolbarItems","newDefItems","rect","newIndex","config","_toConsumableArray","leftItems","ReactResizeDetector","handleWidth","onResize","instanceid","onScroll"],"mappings":"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"}

package/locales/command-actions/locales/de.json

@@ -1,9 +1,51 @@
 {
-	"palette.saved.nodes.description": "Knoten in dieser Kategorie wurden zuvor aus einem Ablauf gespeichert.",
-	"palette.saved.nodes.label": "Gespeicherte Knoten",
-	"supernode.binding.node.description": "Bindungsknoten für Superknoten",
-	"supernode.binding.node.label": "Bindung",
-	"supernode.new.port.label": "Bindungsport für Superknoten",
-	"supernode.template.description": "Dieser Superknoten wurde mit common-canvas erstellt.",
-	"supernode.template.label": "Superknoten"
-}
+  "action.createNode": "{node_label}-Knoten erstellen",
+  "action.arrangeLayout": "Layout anordnen",
+  "action.attachNodeToLinks": "Verbindung zwischen {node_label}-Knoten und Link herstellen",
+  "action.collapseSuperNodeInPlace": "Superknoten ausblenden",
+  "action.commonProperties": "Eigenschaften speichern",
+  "action.colorComments": "Farbe {comments_count} Kommentare",
+  "action.convertSuperNodeExternalToLocal": "Externen Superknoten{node_label} in lokalen Knoten konvertieren",
+  "action.convertSuperNodeLocalToExternal": "Lokalen Superknoten{node_label} in externen Knoten konvertieren",
+  "action.createComment": "Kommentar erstellen",
+  "action.createCommentLink": "Kommentarlink erstellen",
+  "action.createNodeAttachLinks": "{node_label}-Knoten erstellen und Verbindung herstellen",
+  "action.replaceNodeLink": "Link zum {node_label}-Knoten ersetzen",
+  "action.createNodeLink": "Link zum {node_label}-Knoten erstellen",
+  "action.createNodeLinkDetached": "Freigegebenen Link erstellen",
+  "action.createNodeOnLink": "{node_label}-Knoten erstellen und in Link einfügen",
+  "action.createSuperNode": "{node_label}-Superknoten erstellen",
+  "action.deconstructSuperNode": "{node_label}-Superknoten dekonstruieren",
+  "action.deleteLink": "Link löschen",
+  "action.deleteComments": "{comments_count} Kommentare löschen",
+  "action.deleteNodes": "{nodes_count}-Knoten löschen",
+  "action.deleteLinks": "{links_count}-Links löschen",
+  "action.deleteCommentsLinks": "{comments_count} Kommentare und {links_count} Links löschen",
+  "action.deleteNodesLinks": "{nodes_count}-Knoten und {links_count}-Links löschen",
+  "action.deleteNodesCommentsLinks": "{nodes_count}-Knoten, {comments_count}-Kommentare und {links_count}-Links löschen",
+  "action.deleteNodesComments": "{nodes_count}-Knoten und {comments_count}-Kommentare löschen",
+  "action.disconnectObjects": "Verbindung zu Objekten trennen",
+  "action.displayPreviousPipeline": "Vorherige Pipline anzeigen",
+  "action.displaySubPipeline": "Vollständige Seite des Superknotens anzeigen",
+  "action.editComment": "Kommentar bearbeiten",
+  "action.editLinkDecorationLabel": "Beschriftung für Linkdekoration bearbeiten",
+  "action.editNodeDecorationLabel": "Knotendekorationsbeschriftung bearbeiten",
+  "action.expandSuperNodeInPlace": "{node_label}-Superknoten an Ort und Stelle erweitern",
+  "action.insertNodeIntoLink": "{node_label}-Knoten in Link einfügen",
+  "action.moveObject": "Objekt verschieben",
+  "action.moveObjects": "Objekte verschieben",
+  "action.pasteObjects": "Objekte einfügen",
+  "action.saveToPalette": "Knoten in Palette speichern",
+  "action.setLinksStyle": "Linkstil festlegen",
+  "action.setNodeLabel": "Knotenbezeichnung festlegen",
+  "action.setObjectsStyle": "Objektstil festlegen",
+  "action.sizeAndPositionObjects": "Größenknoten",
+  "action.updateLink": "Link aktualisieren",
+  "supernode.template.description": "Dieser Superknoten wurde mit common-canvas erstellt.",
+  "supernode.template.label": "Superknoten",
+  "supernode.new.port.label": "Bindungsport für Superknoten",
+  "supernode.binding.node.label": "Bindung",
+  "supernode.binding.node.description": "Bindungsknoten für Superknoten",
+  "palette.saved.nodes.label": "Gespeicherte Knoten",
+  "palette.saved.nodes.description": "Knoten in dieser Kategorie wurden zuvor aus einem Ablauf gespeichert."
+}

package/locales/command-actions/locales/en.json

@@ -1,5 +1,5 @@
 {
-	"action.createNode": "Create {node_label} node",
+  "action.createNode": "Create {node_label} node",
 	"action.arrangeLayout": "Arrange layout",
 	"action.attachNodeToLinks": "Attach {node_label} node to link",
 	"action.collapseSuperNodeInPlace": "Collapse supernode",

package/locales/command-actions/locales/es.json

@@ -1,9 +1,51 @@
 {
-	"palette.saved.nodes.description": "Los nodos de esta categoría se han guardado previamente desde un flujo.",
-	"palette.saved.nodes.label": "Nodos guardados",
-	"supernode.binding.node.description": "Nodo de enlace de supernodo",
-	"supernode.binding.node.label": "Enlace",
-	"supernode.new.port.label": "Puerto de enlace para supernodo",
-	"supernode.template.description": "Este supernodo se ha creado mediante common-canvas.",
-	"supernode.template.label": "Supernodo"
-}
+  "action.createNode": "Crear nodo {node_label}",
+  "action.arrangeLayout": "Organizar el diseño",
+  "action.attachNodeToLinks": "Conectar el nodo {node_label} al enlace",
+  "action.collapseSuperNodeInPlace": "Contraer supernodo",
+  "action.commonProperties": "Guardar propiedades",
+  "action.colorComments": "Comentarios de color {comments_count}",
+  "action.convertSuperNodeExternalToLocal": "Convertir supernodo externo {node_label} a local",
+  "action.convertSuperNodeLocalToExternal": "Convertir supernodo local {node_label} a externo",
+  "action.createComment": "Crear comentario",
+  "action.createCommentLink": "Crear enlace de comentario",
+  "action.createNodeAttachLinks": "Crear nodo {node_label} y conectarlo al enlace",
+  "action.replaceNodeLink": "Sustituir enlace a nodo {node_label}",
+  "action.createNodeLink": "Crear enlace a nodo {node_label}",
+  "action.createNodeLinkDetached": "Crear enlace desvinculado",
+  "action.createNodeOnLink": "Crear nodo {node_label} e insertar en un enlace",
+  "action.createSuperNode": "Crear supernodo {node_label}",
+  "action.deconstructSuperNode": "Deconstruir supernodo {node_label}",
+  "action.deleteLink": "Suprimir enlace",
+  "action.deleteComments": "Suprimir {comments_count} comentarios",
+  "action.deleteNodes": "Suprimir {nodes_count} nodos",
+  "action.deleteLinks": "Suprimir {links_count} enlaces",
+  "action.deleteCommentsLinks": "Suprimir {comments_count} comentarios y {links_count} enlaces",
+  "action.deleteNodesLinks": "Suprimir {nodes_count} nodos y {links_count} enlaces",
+  "action.deleteNodesCommentsLinks": "Suprimir {nodes_count} nodos, {comments_count} comentarios y {links_count} enlaces",
+  "action.deleteNodesComments": "Suprimir {nodes_count} nodos y {comments_count} comentarios",
+  "action.disconnectObjects": "Desconectar objetos",
+  "action.displayPreviousPipeline": "Mostrar conducto anterior",
+  "action.displaySubPipeline": "Visualizar página completa de supernodo",
+  "action.editComment": "Editar comentario",
+  "action.editLinkDecorationLabel": "Editar etiqueta de decoración de enlace",
+  "action.editNodeDecorationLabel": "Editar etiqueta de decoración de nodo",
+  "action.expandSuperNodeInPlace": "Expandir supernodo {node_label} en su lugar",
+  "action.insertNodeIntoLink": "Insertar {node_label} nodo en el enlace",
+  "action.moveObject": "Mover objeto",
+  "action.moveObjects": "Mover objetos",
+  "action.pasteObjects": "Pegar objetos",
+  "action.saveToPalette": "Guardar nodo en paleta",
+  "action.setLinksStyle": "Establecer estilo de enlace",
+  "action.setNodeLabel": "Establecer etiqueta de nodo",
+  "action.setObjectsStyle": "Establecer estilo de objetos",
+  "action.sizeAndPositionObjects": "Dimensionar nodo",
+  "action.updateLink": "Actualizar enlace",
+  "supernode.template.description": "Este supernodo se ha creado mediante common-canvas.",
+  "supernode.template.label": "Supernodo",
+  "supernode.new.port.label": "Puerto de enlace para supernodo",
+  "supernode.binding.node.label": "Enlace",
+  "supernode.binding.node.description": "Nodo de enlace de supernodo",
+  "palette.saved.nodes.label": "Nodos guardados",
+  "palette.saved.nodes.description": "Los nodos de esta categoría se han guardado previamente desde un flujo."
+}

package/locales/command-actions/locales/fr.json

@@ -1,9 +1,51 @@
 {
-	"palette.saved.nodes.description": "Les noeuds de cette catégorie étaient précédemment sauvegardés à partir d'un flux.",
-	"palette.saved.nodes.label": "Noeuds sauvegardés",
-	"supernode.binding.node.description": "Noeud de liaison de super noeud",
-	"supernode.binding.node.label": "Liaison",
-	"supernode.new.port.label": "Port de liaison pour super noeud",
-	"supernode.template.description": "Ce super noeud a été créé par un canevas commun.",
-	"supernode.template.label": "Super noeud"
-}
+  "action.createNode": "Création d'un nœud {node_label}",
+  "action.arrangeLayout": "Agencement de la mise en page",
+  "action.attachNodeToLinks": "Associer le nœud {node_label} à un lien",
+  "action.collapseSuperNodeInPlace": "Réduire le super nœud",
+  "action.commonProperties": "Enregistrer les propriétés",
+  "action.colorComments": "Commentaires en couleur {comments_count}",
+  "action.convertSuperNodeExternalToLocal": "Convertir le super nœud externe {node_label} en local",
+  "action.convertSuperNodeLocalToExternal": "Convertir le super nœud local {node_label} en externe",
+  "action.createComment": "Créer un commentaire",
+  "action.createCommentLink": "Créer un lien de commentaire",
+  "action.createNodeAttachLinks": "Création d'un nœud {node_label} et association à un lien",
+  "action.replaceNodeLink": "Remplacer le lien vers le nœud {node_label}",
+  "action.createNodeLink": "Créer un lien vers le nœud {node_label}",
+  "action.createNodeLinkDetached": "Créer un lien détaché",
+  "action.createNodeOnLink": "Création d'un nœud {node_label} et insertion dans le lien",
+  "action.createSuperNode": "Créer un super nœud {node_label}",
+  "action.deconstructSuperNode": "Déconstruire le super nœud {node_label}",
+  "action.deleteLink": "Supprimer le lien",
+  "action.deleteComments": "Supprimer des commentaires {comments_count}",
+  "action.deleteNodes": "Supprimer des nœuds {nodes_count}",
+  "action.deleteLinks": "Supprimer des liens {links_count}",
+  "action.deleteCommentsLinks": "Supprimer des commentaires {comments_count} et des liens {links_count}",
+  "action.deleteNodesLinks": "Supprimer des nœuds {nodes_count} et des liens {links_count}",
+  "action.deleteNodesCommentsLinks": "Supprimer des nœuds {nodes_count}, des commentaires {comments_count} et des liens {links_count}",
+  "action.deleteNodesComments": "Supprimer des nœuds {nodes_count} et des commentaires {comments_count}",
+  "action.disconnectObjects": "Déconnecter des objets",
+  "action.displayPreviousPipeline": "Afficher le pipeline précédent",
+  "action.displaySubPipeline": "Afficher la page complète du super nœud",
+  "action.editComment": "Modifier le commentaire",
+  "action.editLinkDecorationLabel": "Modifier le libellé de décoration de lien",
+  "action.editNodeDecorationLabel": "Modifier le libellé de décoration de nœud",
+  "action.expandSuperNodeInPlace": "Développer le super nœud {node_label}",
+  "action.insertNodeIntoLink": "Insérer le nœud {node_label} dans le lien",
+  "action.moveObject": "Déplacer un objet",
+  "action.moveObjects": "Déplacer des objets",
+  "action.pasteObjects": "Coller des objets",
+  "action.saveToPalette": "Sauvegarder un nœud dans une palette",
+  "action.setLinksStyle": "Définir le style de lien",
+  "action.setNodeLabel": "Définir le libellé du nœud",
+  "action.setObjectsStyle": "Définir le style des objets",
+  "action.sizeAndPositionObjects": "Nœud de taille",
+  "action.updateLink": "Mettre à jour un lien",
+  "supernode.template.description": "Ce super noeud a été créé par un canevas commun.",
+  "supernode.template.label": "Super noeud",
+  "supernode.new.port.label": "Port de liaison pour super noeud",
+  "supernode.binding.node.label": "Liaison",
+  "supernode.binding.node.description": "Noeud de liaison de super noeud",
+  "palette.saved.nodes.label": "Noeuds sauvegardés",
+  "palette.saved.nodes.description": "Les noeuds de cette catégorie étaient précédemment sauvegardés à partir d'un flux."
+}

package/locales/command-actions/locales/index.js

@@ -20,8 +20,8 @@ const fr = require("./fr.json");
 const itIT = require("./it.json");
 const ja = require("./ja.json");
 const ptBR = require("./pt-br.json");
-const zhTW = require("./zh-tw.json");
-const zhCN = require("./zh-cn.json");
+const zhTW = require("./zh-TW.json");
+const zhCN = require("./zh-CN.json");
 const ru = require("./ru.json");
 const eo = require("./eo.json");
 const ko = require("./ko.json");

package/locales/command-actions/locales/it.json

@@ -1,9 +1,51 @@
 {
-	"palette.saved.nodes.description": "I nodi in questa categoria sono già stati salvati da un flusso.",
-	"palette.saved.nodes.label": "Salva nodi",
-	"supernode.binding.node.description": "Nodo binding supernodo",
-	"supernode.binding.node.label": "Binding",
-	"supernode.new.port.label": "Porta binding per supernodo",
-	"supernode.template.description": "Questo supernodo è stato creato tramite area di disegno comune.",
-	"supernode.template.label": "Supernodo"
-}
+  "action.createNode": "Crea nodo {node_label}",
+  "action.arrangeLayout": "Organizza layout",
+  "action.attachNodeToLinks": "Collega nodo {node_label} al link",
+  "action.collapseSuperNodeInPlace": "Comprimi supernodo",
+  "action.commonProperties": "Salva proprietà",
+  "action.colorComments": "Colora {comments_count} commenti",
+  "action.convertSuperNodeExternalToLocal": "Converti supernodo esterno {node_label} in locale",
+  "action.convertSuperNodeLocalToExternal": "Converti supernodo locale {node_label} in esterno",
+  "action.createComment": "Crea commento",
+  "action.createCommentLink": "Crea link di commento",
+  "action.createNodeAttachLinks": "Crea nodo {node_label} e collega al link",
+  "action.replaceNodeLink": "Sostituisci il link al nodo {node_label}",
+  "action.createNodeLink": "Crea link al nodo {node_label}",
+  "action.createNodeLinkDetached": "Crea link scollegato",
+  "action.createNodeOnLink": "Crea nodo {node_label} e inserisci nel link",
+  "action.createSuperNode": "Crea supernodo {node_label}",
+  "action.deconstructSuperNode": "Smonta supernodo {node_label}",
+  "action.deleteLink": "Elimina link",
+  "action.deleteComments": "Elimina {comments_count} commenti",
+  "action.deleteNodes": "Elimina {nodes_count} nodi",
+  "action.deleteLinks": "Elimina {links_count} link",
+  "action.deleteCommentsLinks": "Cancella {comments_count} commenti e {links_count} link",
+  "action.deleteNodesLinks": "Elimina {nodes_count} nodi e {links_count} link",
+  "action.deleteNodesCommentsLinks": "Elimina {nodes_count} nodi, {comments_count} commenti e {links_count} link",
+  "action.deleteNodesComments": "Elimina {nodes_count} nodi e {comments_count} commenti",
+  "action.disconnectObjects": "Disconnetti gli oggetti",
+  "action.displayPreviousPipeline": "Visualizza pipline precedente",
+  "action.displaySubPipeline": "Visualizza la pagina completa del supernodo",
+  "action.editComment": "Modifica commento",
+  "action.editLinkDecorationLabel": "Modifica etichetta di decorazione del link",
+  "action.editNodeDecorationLabel": "Modifica etichetta di decorazione del nodo",
+  "action.expandSuperNodeInPlace": "Espandi supernodo {node_label} in luogo",
+  "action.insertNodeIntoLink": "Inserisci il nodo {node_label} nel link",
+  "action.moveObject": "Sposta oggetto",
+  "action.moveObjects": "Sposta oggetti",
+  "action.pasteObjects": "Incollare oggetti",
+  "action.saveToPalette": "Salva nodo nella tavolozza",
+  "action.setLinksStyle": "Imposta stile link",
+  "action.setNodeLabel": "Imposta etichetta del nodo",
+  "action.setObjectsStyle": "Imposta stile oggetti",
+  "action.sizeAndPositionObjects": "Nodo dimensione",
+  "action.updateLink": "Link aggiornamento",
+  "supernode.template.description": "Questo supernodo è stato creato tramite area di disegno comune.",
+  "supernode.template.label": "Supernodo",
+  "supernode.new.port.label": "Porta binding per supernodo",
+  "supernode.binding.node.label": "Binding",
+  "supernode.binding.node.description": "Nodo binding supernodo",
+  "palette.saved.nodes.label": "Salva nodi",
+  "palette.saved.nodes.description": "I nodi in questa categoria sono già stati salvati da un flusso."
+}